body { /*overflow: hidden;*/ background-color: #f9f9f9; }
body.white { background-color: #fff; }
.remove-scroll-x { overflow-x: hidden; }
.remove-scroll-y { overflow-y: hidden; }
body, p, img, form, div { padding: 0 0 0 0; margin: 0 0 0 0; }
h1, h2, h3, h4, h5, h6 { padding: 0 0 0 0; margin: 0 0 8px 0; }
/* h3 se recomienda para titulos en los documentos */
body, input, textarea, p, div, h1, h2, h3, h4, h5 { color: #404040; font-family: Arial, Verdana, sans-serif, Myuen, Gulim; font-size: 12px; }/*Arial, Verdana, sans-serif, Myuen, Gulim;*/
p { margin-bottom: 8px; }
h1 { font-size: 200%; margin-top: 16px; }
h2 { font-size: 170%; }
h3 { font-size: 140%; }
h4 { font-size: 120%; }
h6 { font-size: 100%; }
iframe { border: none; overflow: hidden; background-color: #f9f9f9; }
iframe.white { background-color: #fff; }
#refresh { display: none; }
/* h5 se recomienda para enmarcar una sección de contenido */
h5 { font-size: 100%; border-radius: 3px; padding: 6px 8px; color: #fff; background: #00A1DE url(../image/ui/ui-bg_gloss-wave_30_00A1DE_500x100.png) 50% 50% repeat-x !important; }
h5 span { float: right; margin: 0; padding: 0; background-image: url(../image/ui/ui-icons_ffffff_256x240.png) !important; }
input { margin: 0 0; font-size: 12px !important; }
input[type=text], input[type=password], textarea, select { border-radius: 3px; border: 1px solid #00A1DE; background-color: #fff; padding: 3px 3px 3px 4px; font-weight: bold; margin-bottom: 2px;box-sizing:border-box; }
textarea { padding: 1px 3px 1px 3px; }
td textarea { margin-bottom: 0px; }
input[readonly=readonly] { border-color: #CCECFF !important; background-color: transparent; }
input.fbw { background-color: #fff !important; }
.dataModified input, button[class='ui-multiselect ui-widget ui-state-default ui-corner-all modified ui-state-disabled'] { cursor: pointer !important; border-color: #92d400 !important; background-color: transparent; }
.dataEditable input, button[class='ui-multiselect ui-widget ui-state-default ui-corner-all modified ui-state-disabled'] { cursor: pointer !important; border-color: #ccecff !important; background-color: transparent; }
input[type=checkbox] { margin-right: 6px; }
textarea[disabled=disabled] { opacity: 0.2; }
.no-close .ui-dialog-titlebar-close { display: none; }
/* adfs */
#adfs { max-width: 300px; border: solid 1px transparent; border-radius: 3px; position: relative; z-index: 1; }
#name { display: block; max-height: 18px; overflow: hidden; }
#adfs:hover { border-color: #808080; box-shadow: rgb(0, 0, 0) 0px 0px 16px -4px; background-color: #fff; }
#adfs:hover .adfs-info { display: inline-block; }
#adfs .adfs-info-test { display: inline-block; }
#adfs:hover .adfs-status { border-right-color: #808080; }
.adfs-info { display: none; max-height: 180px; width: 280px; padding: 10px; border-top: solid 1px #808080; background-color: rgba(180,180,180,.2); z-index: 2; }
.adfs-info.online { height: 180px; }
.adfs-status { float: left; width: 10px; min-height: 38px; border-right: solid 1px transparent; background-color: #f9f9f9; margin-right: 4px; z-index: 1; }
.adfs-status.online { background-color: #A4D400; }
.adfs-status.offline { background-color: #ccc; }
.adfs-welcome { min-height: 20px; font-weight: normal !important; }
/* controles */
.tac { text-align: center !important; padding-left: 0px !important; padding-right: 0px !important; }
.columnHide { display: none; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.slider { display: inline-block; }
.missing { border: solid 1px #FB7D00 !important; background-color: #ffc !important; }
label.missing { border-radius: 3px; padding: 3px 3px; }
.none { display: none; }
.invisible { visibility: hidden; }
.xf { margin-left: 16px; }
.radio > hr { color: #fff; background-color: #fff; border: solid 1px #fff; }
.radio > label > span { padding: 4px 0px !important; }
.pxf { padding-left: 8px !important; }
.dib { display: inline-block; }
.b { font-weight: bold; }
.icon-only { width: 23px !important; height: 22px !important; margin: 0 0 1px 3px !important; padding: 0 0 !important; line-height: 24px; display: inline-block; }
.no-border { border-color: #f9f9f9; }
.cbx-list { list-style: none; display: inline-block; margin: 0px; padding: 0px; }
.cbx-list li { padding-bottom: 3px; }
.cbx-list li label { margin-left: 8px; margin-top: 2px; }
.cbx-list li label:hover { color: #92D400; }
.fx-cbx-list-form-label { float: left; padding-top: 4px; }
.tabstrip { background: none; border: none; margin-left: -32px; }
.tabstrip ul { text-align: left; }
.dialog-helper { display: none; }
.hide-close-button .ui-dialog-titlebar-close { display: none; }
.hide-close-button { border-color: #fff; border-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 4px 16px -4px; }
.dialog-divider-menu { margin-top: 4px; border-top: 1px dotted #72C7E7; padding-top: 4px; }
.clear { clear: both; }
.hide { display: none !important; }
label.mini { font-size: 11px; }
/* tablas para mostrar info simple */
.ui-table { border-collapse: inherit !important; border: none; margin-bottom: 8px; }
.ui-table tr td { border: 1px solid #cccccc; border-right: none; border-bottom: none; padding: 3px 1px; }
.ui-table tr th { border: 1px solid #92D400; border-right: none; border-bottom: none; padding: 3px 1px; }
.ui-table tr th { background: #92D400 url(../image/ui/ui-bg_gloss-wave_30_92D400_500x100.png) 50% 50% repeat-x; font-size: 12px; font-weight: normal; color: #ffffff; }
.ui-table tr:last-child td:first-child { border-radius: 0px 0px 0px 3px; }
.ui-table tr:last-child td:last-child { border-radius: 0px 0px 3px 0px; }
.ui-table tr:first-child th:first-child { border-radius: 3px 0px 0px 0px; }
.ui-table tr:first-child th:last-child { border-radius: 0px 3px 0px 0px; border-right: 1px solid #92D400; }
.ui-table tr td:last-child { border-right: 1px solid #cccccc; }
.ui-table tr:last-child td { border-bottom: 1px solid #cccccc; }
.ui-table tr:hover { background-color: #D9F0A4; }
/* contenedor para mensajes loading y avisos */
#holder { display: none; width: 100%; height: 50px; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,.8); text-align: center; z-index: 999999; }
#holder > div { margin: 0 auto; min-height: 50px; position: relative; padding: 6px; width: 300px; height: auto; background-color: rgba(144,199,231,0.2); border-radius: 7px; border: solid 3px #72C7E7; }
#holder > div > span { display: inline-block; color: #002776; }
#holder b { color: #72C7E7; font-size: 10px; }
#holder > div > div { width: 120px; height: 12px; margin: 0 auto; border-radius: 2px; border: dotted 1px #333; margin-top: 8px; background: #72C7E7 url(../image/ui/animated-overlay.gif) repeat-x left center; }
.wait { margin: 0 auto; min-height: 6px; position: relative; width: 20px; }
.wait > div { width: 20px; height: 6px; margin: 0 auto; border-radius: 2px; border: dotted 1px #333; background: #72C7E7 url(../image/ui/animated-overlay.gif) repeat-x left center; }

/* barra de mensajes */
#info-bar-quiz { display: none; z-index: 999999; position: fixed; top: 0px; margin: 0 auto; border: solid 1px #333; width: 400px; padding: 8px; border-radius: 3px; font-size: 12px; box-shadow: rgb(0, 0, 0) 0px 4px 16px -4px; }
#info-bar-quiz.ok { border-color: #4B6F00; background-color: #EAFBD7; color: #4B6F00; font-weight: bold; }
#info-bar-quiz.info { border-color: #333; background-color: #f9f9f9; color: #333; }
#info-bar-quiz.help { border-color: #62BEE9; background-color: #E8F3FF; color: #003366; }
#info-bar-quiz.error { border-color: #F01E00; background-color: #FFF9F9; color: #800; font-weight: bold; }
#info-bar-quiz.warning { border-color: #FB7D00; background-color: #FFFFCC; color: #E88716; font-weight: bold; }
#info-bar-quiz .icon { display: inline-block; width: 32px; height: 32px; float: left; background: transparent url(../image/icon/info.gif) no-repeat center center; }
#info-bar-quiz .description { display: inline-block; line-height: 16px; width: 360px; margin: 8px 0 0 6px; text-align: left; }
#info-bar-quiz .close { font-size: 10px; cursor: pointer; border-radius: 0px 0px 0px 4px; display: block; position: absolute; right: 0px; top: 0px; background-color: transparent; padding: 0px 3px 1px 4px; color: #333; margin: 0px 0px; }
#info-bar-quiz .close:hover { background-color: #b70000; color: #fff; }

#info-bar { display: none; z-index: 999999; position: absolute; top: -4px; margin: 0 auto; border: solid 1px #333; width: 400px; padding: 8px; border-radius: 3px; font-size: 12px; box-shadow: rgb(0, 0, 0) 0px 4px 16px -4px; }
#info-bar.ok { border-color: #4B6F00; background-color: #EAFBD7; color: #4B6F00; font-weight: bold; }
#info-bar.info { border-color: #333; background-color: #f9f9f9; color: #333; }
#info-bar.help { border-color: #62BEE9; background-color: #E8F3FF; color: #003366; }
#info-bar.error { border-color: #F01E00; background-color: #FFF9F9; color: #800; font-weight: bold; }
#info-bar.warning { border-color: #FB7D00; background-color: #FFFFCC; color: #E88716; font-weight: bold; }
#info-bar .icon { display: inline-block; width: 32px; height: 32px; float: left; background: transparent url(../image/icon/info.gif) no-repeat center center; }
#info-bar .description { display: inline-block; line-height: 16px; width: 360px; margin: 8px 0 0 6px; text-align: left; }
#info-bar .close { font-size: 10px; cursor: pointer; border-radius: 0px 0px 0px 4px; display: block; position: absolute; right: 0px; top: 0px; background-color: transparent; padding: 0px 3px 1px 4px; color: #333; margin: 0px 0px; }
#info-bar .close:hover { background-color: #b70000; color: #fff; }
/* cabecera*/
#header { background-color: #fff; height: 57px; overflow: hidden; }
#header .header-logo { display: inline-block; margin: 16px 0px 0px 16px; cursor: pointer; }
#header .header-logo-answer { display: inline-block; margin: 10px 0px 0px 16px; }
#header .header-app { display: block; float: right; color: #ccc; font-size: 28px; margin: 2px 16px 0px 0px; cursor: pointer; }
#header .header-app span { font-family: 'Times New Roman'; font-size: 100%; font-style: normal; font-weight: normal; padding: 0px; padding-top:5px; }
#header .header-app .header-app-mark { background: url(../image/Encuesta.png) no-repeat left bottom; display: inline-block; width: 175px; height: 40px; }
#header .header-app .header-app-version { font-size: 80%; color: #92D400; font-family: 'Times New Roman';}
#header .header-app .header-app-sub { position: relative; color: #333; margin-top: -4px; margin-bottom: 8px; display: inherit; font-size: 9px; font-family: Arial; padding: 0px; padding-left:20px;}
/* menu principal */
#main-line { display: block; clear: both; color: #f9f9f9; background-color: #f9f9f9; text-align: center; padding: 0px; margin: 0px; height: 15px; overflow: hidden; }
#main-menu { display: block; clear: both; color: #fff; background-color: #fff; text-align: center; padding: 0px; margin: 0px; height: 22px; overflow: hidden; }
#main-menu ul { list-style: none;  margin: 0 auto; text-align: center; }
#main-menu ul li { display: inline-block; padding: 0px; margin: 0px; text-align: center; width: 150px; }
#main-menu ul li a { color: #A4D400;  font-weight: bold; font-size: 12px;  text-decoration: none; display: block; padding: 5px 0px 4px 0px; cursor: pointer; }
#main-menu ul li a.selected, #main-menu ul li a:hover { background-color: #f9f9f9; }
#main-menu-list { display: none; }
.user {float:right; padding-right:60px; padding-top:30px; font-family:Arial; font-size:14px; color:#72C7E7;}
/* home */
.label-user { font-family:Arial; font-size:16px; color:rgb(0, 0, 0); }
#home { margin: 64px 50px; }/*width: 1250px;*/
#home .line { position:relative; margin-left:80px; margin-top:-45px; }
#home .point { background: url(../image/Home/iconoverde.png) no-repeat left bottom; display: inline-block; width:64px; height:64px; }
#home .points { background: url(../image/Home/pointgreen.png) repeat left bottom; display: inline-block; width:100%; height:16px; }
#home .welcome { margin-bottom: 64px; font-size: 14px; height: 32px; position: relative; }
#home .welcome span { font-weight: bold; font-size: 16px; }
#home .poll { font-family:Arial; font-size:52px; color:rgb(0, 0, 0); }
#home .menu {  width: 1000px; display:block; margin: 0 auto;  }
#home .menu .metro-list { list-style: none; padding: 0px; margin: 0 auto; display: none; }
#home .menu .metro-list li { display: block; float: left; overflow: hidden; padding: 0px; margin: 0px 20px 20px 0px; width: 200px; height: 250px; }
#home .menu .metro-list li.mini, #home .menu .metro-list li.mini a { width: 60px; height: 60px; }
#home .menu .metro-list li.mini a { padding-top: 42px; font-size: 10px; font-weight: normal; }
#home .menu .metro-list li.mini a.metro-icon { background-size: 36px; background-position-y: 8px; }
#home .menu .metro-list li.double, #home .menu .metro-list li.double a { width: 300px; }
#home .menu .metro-list li.double a { text-align: left; padding-top: 60px; padding-bottom: 60px; padding-left: 16px; }
#home .menu .metro-list li.double a.metro-icon { background-position-x: 180px; }
#home .menu .metro-list li a { cursor: pointer; width: 100%; line-height: 40px; text-align:left; padding-left:10px; color: rgb(0, 0, 0); font-size: 28px; text-decoration: none; display: block; padding-top: 150px; }
#home .menu .metro-list li div { padding-left:10px; font-size: 14px; font-family:Arial; }
#home .menu .metro-list li a.long { line-height: 16px; padding-top: 108px; }
#home .menu .metro-list li a.metro-only-text { padding-top: 60px; padding-bottom: 60px; }
#home .menu .metro-list li a.metro-big-text { height: 100px; width: 120px; padding: 40px 10px 0px 10px; }
#home .menu .metro-list li a.metro-icon { background-repeat: no-repeat; background-size: 225px; }
#home .menu .metro-list li a.metro-icon-key { background-image: url(../image/icon/key.png); }
#home .menu .metro-list li a.metro-icon-config { background-image: url(../image/icon/config.png); }
#home .menu .metro-list li a.metro-icon-admin { background-image: url(../image/icon/admin.png); }
#home .menu .metro-list li a.metro-icon-user { background-image: url(../image/icon/user.png); }
#home .menu .metro-list li a.metro-icon-book { background-image: url(../image/icon/book.png); }
#home .menu .metro-list li a.metro-icon-notes { background-image: url(../image/icon/notes.png); }
#home .menu .metro-list li a.metro-icon-people { background-image: url(../image/icon/people.png); }
#home .menu .metro-list li a.metro-icon-back { background-image: url(../image/icon/back.png); }
#home .menu .metro-list li a.metro-icon-paste { background-image: url(../image/icon/paste.png); }
#home .menu .metro-list li a.metro-icon-folder { background-image: url(../image/icon/folder.png); }
#home .menu .metro-list li a.metro-icon-home { background-image: url(../image/icon/home.png); }
#home .menu .metro-list li a.metro-icon-poll { background-image: url(../image/Home/poll.jpg); }
#home .menu .metro-list li a.metro-icon-distribution { background-image: url(../image/Home/distribution.jpg); }
#home .menu .metro-list li a.metro-icon-catalog { background-image: url(../image/Home/catalog.jpg); }
#home .menu .metro-list li a.metro-icon-report { background-image: url(../image/Home/report.jpg); }
#home .menu .metro-list li a.metro-icon-access { background-image: url(../image/Home/access.jpg); }
#home .menu .metro-list li a.metro-icon-area { background-image: url(../image/Home/area.jpg); }
#home .menu .metro-list li a.metro-icon-list { background-image: url(../image/Home/list.jpg); }
#home .menu .metro-list li a.metro-icon-return {background-position: center center; margin-top:40px; background-image: url(../image/Home/regresar.png); }
#home .menu .metro-list li a.metro-icon-return:hover { background-color:transparent;}
#home .menu .metro-list li a.metro-icon-template { background-image: url(../image/Home/template.png); }
#home .menu .metro-list li a:hover { background-color: rgba(0,0,0,0.2); }
#home .app { background: transparent url(../image/app.png) no-repeat right center; width: 460px; height: 300px; display: block; float: right; }
/* cuerpo */
#content { display: block; text-align: center; position: relative; min-height: 675px; margin: 0 auto; background-color: #f9f9f9; overflow: hidden; }
#content .body { display: block; border: none; width: 100%; height: 675px; overflow: auto; position: absolute; top: 0px; }
#main-frame { z-index: 2; }
#second-frame { z-index: 1; }
#main { }
#main > div.left { float: left; }
#main > div.right { float: right; }
/* pie de pagina */
#copyright { color: #999; font-size: 10px; padding: 3px; }
#copyright a { color: #002776; text-decoration: none; }
/* menu opcional */
#menu-helper { display: block; overflow: hidden; margin: 0 0; }
#menu-helper > div.right { float: right; }
/* aplicacion */
#app { text-align: center; padding: 0px 12px; margin: 0 auto; }
#app-top-menu { display: block; padding-top: 2px; height: 32px; overflow: hidden; margin: 0 auto; text-align: right; }
#app-top-menu > div { display: inline-block; margin: 0; padding: 0; line-height: 30px; float: left; font-weight: bold; font-size: 10px; }
#app-top-menu > div.right { float: right; }
.app-bottom-menu { display: block; height: 29px; padding-top: 0px; margin: 0 auto; width: 100%; text-align: left; overflow: hidden; }
.app-bottom-menu > div { display: inline-block; margin: 0; padding: 0; line-height: 30px; float: left; font-weight: bold; font-size: 10px; }
.app-bottom-menu > div.right { float: right; }
.app-bottom-menu > div > input { margin-left: 4px; margin-right: 4px; }
#app-menu { display: block; width: 100%; margin: 0 auto; clear: both; text-align: center; }
#app-menu ul { list-style: none; padding: 0; margin: 0px 0px 16px 0px; }
#app-menu ul li { display: inline-block; overflow: hidden; padding: 4px 0px; border-radius: 3px; width: 120px; cursor: pointer; border: solid 1px #92D400; background: #92D400 url(../image/ui/ui-bg_gloss-wave_30_92D400_500x100.png) 50% 50% repeat-x; color: #fff; }
#app-menu.alter ul li { border: solid 1px #999BB0; background: #999BB0 url(../image/ui/ui-bg_gloss-wave_30_999BB0_500x100.png) 50% 50% repeat-x; color: #fff; }
#app-menu ul li.auto { width: auto; padding-left: 6px; padding-right: 6px; }
#app-menu ul li:hover.horizontal { border: none; background-image: url(../image/icon/horizontal.png); }
#app-menu ul li.horizontal { width: 40px; height: 16px; border: none; cursor: default; background: url(../image/icon/horizontal.png) no-repeat center center; background-size: 24px; }
#app-menu ul li.horizontal.less { width: 30px; }
#app-menu ul li:hover { border-color: #72C7E7; background-image: url(../image/ui/ui-bg_gloss-wave_30_00A1DE_500x100.png); }
#app-menu ul li.selected { border-color: #72C7E7; background-image: none; background-color: #72C7E7; }
#app-content { display: none; margin-top: -10px; }
#app-content > div { text-align: center; margin: 0 auto; }
.form-label { color: #666; text-align: left; display: inline-block; margin-bottom: 8px; }
.form-label-status { color:#002776; text-align:left; display:inline-block; font-family:Arial; font-size:18px; font-weight:bold; }
.form-label.mini { font-size: 10px; }
.form-label.b { font-weight: bold; }
.title-poll { display: block; clear: both; color: #f9f9f9; background-color: #fff; text-align: center; padding: 0px; margin: 0px; height: 40px; overflow: hidden;   }
.title-poll span { font-family:Arial; font-size:32px; font-weight:bold; color:#92d400; margin: 0 auto; }
.title0 {font-family:Arial; font-size:28px; color:#002776}
.title1 { font-family:Arial; font-size:16px; color:#72C7E7;}
.title2 { font-family:Arial; font-size:16px; color:#92d400;}
.quiz-content { margin: 0 auto; padding-top:70px; width:850px; }
.admiration { color:#92d400; font-family:Arial; font-size:32px; }
.message { color:#002776; font-family:Arial; font-size:32px; }
.message-approve { color:#002776; font-family:Arial; font-size:24px; }
.body {  background-color: #f4f4f4;}
.body-quiz {background-color: #fff;}
.it { font-style: italic; font-size: 11px; }
span.mini { font-size: 8px; }
span.mini-plus { font-size: 11px; line-height: 14px; display: block; }
span.mini-plus-my { font-size: 11px; line-height: 11px; display: block; }
span.mini-plus-my b { font-size: 9px; }
span.canceled { text-decoration: line-through; color: #CC0A0C; }
.form-label.tx { float: left; margin-top: 4px; }
.form-label.readonly { display: inline-block; border: solid 1px #72C7E7; border-radius: 3px; padding: 3px 2px; font-weight: bold; }
/* tablas y formularios */
#update, #update table { margin: 0 auto; text-align: center; }
#Distributor table { margin: 0 auto; text-align: center; }
/* tabla formulario */
.ui-form-table { border-collapse: collapse; border: none; display: inline-block; vertical-align:top; }
.ui-form-table.center { margin: 0 auto; }
.ui-form-table thead tr th { border: none; padding: 6px 2px; font-size: 12px; background-color: #72C7E7; color: #ffffff; }
.ui-form-table tbody tr td { border: 1px solid #fff; padding: 4px; background-color: #CCECFF; font-size: 11px; font-weight: bold; text-align: left; }
.ui-form-table tbody tr td.head { padding: 8px 4px !important; background-color: #CCECFF !important; font-size: 11px; font-weight: bold; text-align: center; }
.ui-form-table tbody tr td:first-child, .ui-form-table tbody tr td:nth-child(3) { padding: 0px 4px; background-color: #fff; color: #404040; padding-right: 4px; }
.ui-form-table tfoot tr td { background-color: transparent; padding-right: 0; padding-top: 6px; text-align: right; }
.ui-form-table.right { float: right; }

/* tabla información*/
.ui-info-table { border-collapse: collapse; border: none; display: inline-block; }
.ui-info-table thead tr th { border: none; padding: 6px 2px; font-size: 12px; background-color: #72C7E7; color: #fff; }
.ui-info-table tbody tr td { border: 1px solid #fff; padding: 4px; background-color: #fff; font-size: 11px; text-align: left; }
.ui-info-table tbody tr td.head { padding: 8px 4px !important; background-color: #CCECFF !important; font-size: 11px; font-weight: bold; text-align: center; }
.ui-info-table tbody tr td input[readonly=readonly], .ui-info-table tbody tr td textarea[readonly=readonly] { border-color: #fff !important; padding: 0px 0px 0px 4px; }
.ui-info-table tbody tr td:first-child { font-weight: bold; color: #404040; padding-right: 4px; }
.ui-info-table tfoot tr td { background-color: transparent; padding-right: 0; padding-top: 6px; text-align: right; }
.ui-info-table.right { float: right; }
/* pagina de error */
.center { text-align: center; margin: 0 auto; }
.right {float:right;}
.left {float:left;}
.error { font-size: 12px; font-weight: bold; color: #CC0A0C; background-color: #FEF8F6; border: solid 1px #CC0A0C; padding: 12px 18px 12px 18px; border-radius: 6px; }
.info { font-size: 26px; font-weight: bold; color: #A4D400; background-color: #daf3a2; border: solid 1px #A4D400; padding: 12px 18px 12px 18px; border-radius: 6px; }
.error-detail { padding: 12px 18px 12px 18px; width: 60%; border: dashed 1px #efefef; background-color: #fff; color: #cdcdcd; font-size: 10px; border-radius: 6px; }
.error-detail:hover { border: dashed 1px #999; }
.error-detail span { padding: 12px 18px 12px 18px; word-wrap: break-word; color: #404040; display: block; text-align: left; margin: 6px auto; background-color: #FFFFC4; border: dashed 1px #D98E05; border-radius: 6px; }
.error-text { font-size: 10px; color: #CC0A0C; }
/* extra header grid */
.alt-grid-header { border-color: #f9f9f9; }
.alt-grid-header > div:first-child { background-color: #f9f9f9; }
.alt-grid-header .k-grid-header, .alt-grid-header .k-grid-header-wrap { border-color: #f9f9f9; }
.alt-grid-header > div div table thead tr:last-child th { background-color: #72C7E7; text-align: center; }
.off-grid-header { border-color: #f9f9f9; }
.off-grid-header > div:first-child { background-color: #f9f9f9; }
.off-grid-header .k-grid-header, .off-grid-header .k-grid-header-wrap { border-color: #f9f9f9; }
.off-grid-header > div div table thead tr:last-child th { background-color: #999; }
.his-grid-header { border-color: #f9f9f9; }
.his-grid-header > div:first-child { background-color: #f9f9f9; }
.his-grid-header .k-grid-header, .his-grid-header .k-grid-header-wrap { border-color: #f9f9f9; background-color: #f9f9f9; }
.his-grid-header > div div table thead tr:last-child th { background-color: #92d400; }
.th-empty { background-color: #f9f9f9; border: 1px solid #f9f9f9; border-top: none; }
.th-extra { background-color: #00A1DE; border: 1px solid #fff; border-top: none; padding: 4px; color: #fff; font-weight: normal; }
.td-icon .dt-button, .dt-button.close-to { margin-right: 0px; }
.td-icon .dt-button .dt-button-text { padding-right: 0px; }
/* dynamic header */
.dynamic-grid { }
.dynamic-grid > div div table thead tr th { padding: .1em .6em .1em .4em !important; /*text-transform: uppercase;*/ font-size: 12px; }
/* grids y divs */
#users, .users { width: 850px; margin: 0 auto; }
#user-groups, .user-groups { width: 770px; margin: 0 auto; }
#user-group { margin: 0 auto; }
#user-group > div { width: 770px; text-align: left; margin: 0 auto; }
#review-list { width: 1240px; margin: 0 auto; }
#dynamic-review-list { min-width: 1230px; margin: 0 auto; }
#quiz-list { width: 1240px; margin: 0 auto; }
.grid-alter-header .k-grid-header, .grid-alter-header .k-grid-header table tr th { background-color: #72C7E7; }
.k-grid table { border-collapse: collapse; }
.k-grid table tr.limit-row { border-bottom: 1px dotted #f9f9f9; }
.k-grid table td { text-align: left; }
.action-section-delete { margin-right: 0px !important; }
#quiz-question iframe { width: 100%; height: 490px; }
.dt-link { font-size: 11px; font-weight: bold; color: #404040; text-decoration: underline; cursor: pointer; }
a.dt-title-link, span.dt-title-link { font-size: 12px; font-weight: bold; color: #404040; }
a.dt-title-link:hover { cursor: pointer; text-decoration: underline; }
#dialog-list-price { display: none; }
/*fileupload*/
.File { text-align: left; font-size: 10px; }
.File strong { font-size: 10px; }
.Filehide { text-align: left; display: none; }
.file-icon { display: inline-block; float: left; width: 32px; height: 32px; margin: 4px 2px 0px 2px; }
.img-file { background-image: url(../image/kendo.ui/img.png); }
.doc-file { background-image: url(../image/kendo.ui/doc.png); }
.pdf-file { background-image: url(../image/kendo.ui/pdf.png); }
.xls-file { background-image: url(../image/kendo.ui/xls.png); }
.zip-file { background-image: url(../image/kendo.ui/zip.png); }
.default-file { background-image: url(../image/kendo.ui/file.png); }
#logo1 .file-heading, #logo2 .file-heading { font-family: Arial; font-size: 11px; display: inline-block; float: left; width: 165px; margin: 0; padding: 0 0 0 5px; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#logo1 .file-name-heading, #logo2 .file-name-heading { font-weight: bold; }
#logo1 .file-size-heading, #logo2 .file-size-heading { font-weight: normal; font-style: italic; }
.file-kendo-wrap { display: inline-block; text-decoration: none; color: #404040; cursor: pointer; margin-right: 8px; font-weight: bold; font-size: 10px; width: 125px; text-align: left; line-height: 15px !important; padding-top: 8px; /*margin-top: -4px;*/ }
.file-kendo-wrap-icon { width: 30px; height: 30px; background: transparent url(../image/icon/dt-icons.png) no-repeat left center; background-position-x: -450px; background-position-y: -3px; }
#file-excel .file-heading, #file-audit .file-heading, #file-attach .file-heading { font-family: Arial; font-size: 11px; display: inline-block; float: left; width: 165px; margin: 0; padding: 0; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#file-excel .file-name-heading, #file-audit .file-name-heading, #file-attach .file-heading { font-weight: bold; }
#file-excel .file-size-heading, #file-audit .file-size-heading, #file-attach .file-heading { font-weight: normal; font-style: italic; }
#InitialLetter-excel .file-heading { font-family: Arial; font-size: 11px; display: inline-block; float: left; width: 165px; margin: 0; padding: 0; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#InitialLetter-excel .file-name-heading { font-weight: bold; }
#InitialLetter-excel .file-size-heading { font-weight: normal; font-style: italic; }
li.k-file .file-wrapper .k-upload-action { position: absolute; top: 0; right: 0; }
li.k-file div.file-wrapper { position: relative; min-height: 38px; padding-bottom: 5px; }
.k-upload-button {  width: 120px; }
 .FileAnexo { margin-top:0px !important;}
 .FileAnexo .k-upload-button { color:#002776; }
 .FileAnexo .k-upload-button span { font-size:12px; font-weight:bold; }
 .FileAnexo .file-kendo-wrap{font-size:14px; line-height:0px !important; padding-left:15px;}
 .FileAnexo .k-button { padding: 0; border: none; background-color: transparent; }
 .FileAnexo .k-button:hover { padding: 0; border: none; background-color: transparent; }
 .FileAnexo .file-wrapper { height: 48px; width:390px; border: solid 1px rgb(0, 0, 0); border-radius: 3px; padding: 0px 2px; font-family:Arial; font-size:12px; }
 .FileAnexo .k-upload-files { display: inline-block; height: auto; margin: 0 0; padding: 3px 3px 0px 3px; }/*float: left;*/
 .FileAnexo .k-delete { background-image: url('../image/icon/delete.png'); }
 .FileAnexo .k-upload .k-upload-action .k-icon {  width:16px; height:16px; background-position:0px;}
 .FileAnexo .file-icon { display: inline-block; float: left; width: 32px; height: 32px; margin: 4px 2px 0px 2px; }
 .FileAnexo .k-header{width:350px !important;}
 .k-dropzone .k-upload-status{color:#000;}
 .link-anexo{text-decoration:none;font-family:Verdana;color:#000000; cursor:pointer;}
.fileAnexo-icon { display: inline-block; float: left; width: 32px; height: 32px; margin: 4px 2px 0px 2px; position:relative; z-index:5;}
.img-fileAnexo { background-image: url(../image/anexos/img.png); }
.doc-fileAnexo { background-image: url(../image/anexos/doc.png); }
.pdf-fileAnexo { background-image: url(../image/anexos/pdf.png); }
.xls-fileAnexo { background-image: url(../image/anexos/xls.png); }
.zip-fileAnexo { background-image: url(../image/anexos/zip.png); }
.default-fileAnexo { background-image: url(../image/anexos/file.png); }
.file-name-heading{position:relative;z-index:5;}

/* iconos en grids */
.icon-item, .icon-item-left, .icon-item-right, .icon-item-center { width: 25px; padding-left: 4px; min-width: 24px !important; }
.icon-item-left, .icon-item-right, .icon-item-center { margin: 0 0 !important; }
.icon-item-left { border-radius: 3px 0px 0px 3px; border-right: none; }
.icon-item-right { border-radius: 0px 3px 3px 0px; }
.icon-item-center { border-radius: 0px 0px 0px 0px; border-right: none; }
/*anchos questions build*/
.wtext { width: 230px; }
.wdll { width: 240px; }
.mdll {width: 230px;}
.wcomments { width: 275px; }
/* anchos (no editar, agregar nada mas)*/
.wa { width: auto; }
.w100 { width: 100%; }
.w50 { width: 50%; }
.w0 { width: 0px; /* display:none; */ }
.w1000 { width: 1000px; }
.w150x {width:1100px;}
.w1x { width: 1150px; }
.w2x { width: 1200px; }
.w3x { width: 1300px; }
.w14x {width:1550px;}
.w250 {width:250px;}
.w700 { width: 700px;}
.w800 { width: 800px;}
.w600 { width: 600px; }
.w500 { width: 500px; }
.w150 { width: 150px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w350 { width: 350px; }
.w300 { width: 300px; }
.w370 { width: 370px; }
.w380 { width: 380px; }
.w200 { width: 200px; }
.w850 { width: 850px; }
.w900 {width:900px;}
.w1 { width: 20px; }
.w30 { width: 30px; }
.w50x { width: 50px; }
.w120 { width: 120px; }
.w25p { width: 25%; }
.w22 { width: 790px; }
.w28 { width: 28px; }
.w3 { width: 70px; }
.w31 { width: 315px; }
.w35 { width: 35px; }
.w37 { width: 374px; }
.w4 { width: 40px; }
.w41 { width: 433px; }
.w45 { width: 450px; }
.w48 { width: 485px; }
.w47 { width: 465px; }
.w5 { width: 80px; }
.w51 { width: 82px; }
.w52 { width: 522px; }
.w6 { width: 95px; }
.w60 { width: 60px; }
.w61 { width: 102px; }
.w62 { width: 613px; }
.w7 { width: 240px; }
.w7x { width: 233px; }
.w71 { width: 230px; }
.w7x2 { width: 460px; }
.w7x2y { width: 330px; }
.w7x2z { width: 330px; }
.w8 { width: 130px; }
.wP { width: 140px; }
.w9 { width: 295px; }
.w90 { width: 90px; }
.w91 { width: 275px; }
.w92 { width: 960px; }
.w93 { width: 290px; }
.w94 { width: 110px; }
.w98 { width: 98%; }
.w10 { width: 100px; }
.w11 { width: 180px; }
.w11c5 { width: 420px; }
.w12 { width: 1250px; }
.w13 { width: 620px; }
.w14 { width: 392px; }
.w15 { width: 350px; }
.w16 { width: 175px; }
.w17 { width: 145px; }
.w260 { width: 260px; }
/* separaciones */
.m20 { margin-left: 20px; }
.m19 { margin-left: 19px;}
.m23 { margin-left: 23px; }
.m220 { margin-left: 220px; }
.m80 { margin-left: 130px; }
.mb20 { margin-bottom: 20px; }
.mt1 { margin-top: 60px; }
.mt2 { margin-top: 20px; }
.mt4 { margin-top: 4px; }
.mt6 { margin-top: 6px; }
.m3 { margin-left: 352px; }
.m31 { margin-left: 35px; }
.m32 { margin-left: 30px; }
.m33 { margin-left: 59px; }
.m34 { margin-left: 63px; }
.m70 { margin-left: 75px; }
.m10 { margin-left: 11px; }
.m15 { margin-left: 15px; }
.m4 { margin-left: 32px; }
.m150 { margin-left: 210px; }
.m151{ margin-left: 190px; }
.m5 { margin-left: 247px; }
/* tooltip */
.ui-tooltip, .arrow:after { background: #fff; border: 1px solid #fff; }
.ui-tooltip { padding: 8px 16px; color: #404040; border-radius: 8px; font: bold 10px Arial; box-shadow: 0 0 7px #404040; }
.arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; }
.arrow.top { top: -16px; bottom: auto; }
.arrow.left { left: 25%; display: none; }
.arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.arrow.top:after { bottom: -20px; top: auto; }
/* colores */
.dark-blue { color: #002776; }
.blue { color: #00A1DE; }
.light-blue { color: #72C7E7; }
.dark-green { color: #92D400; }
.bg-red { background: #CC0A0C; color: #fff; border:1px solid #CC0A0C; }
.bg-dark-blue { background-color: #002776; color: #fff; }
.bg-blue { background-color: #00A1DE; color: #fff; }
.bg-light-blue { background-color: #72C7E7; color: #fff; }
.bg-dark-green { background-color: #92D400; color: #fff; }
.bg-dark-gray { background-color: #999; color: #fff; }
.bg-gray { background-color: #ccc; color: #fff; }
.bg-white { background-color:white; border:1px solid #72C7E7;}
.bg-transparent { background-color:transparent;}
/* iconos de la marca */
.dt-button { display: inline-block; /*text-decoration: none;*/ color: #404040; cursor: pointer; margin-right: 8px; }
.dt-button.alone { margin-right: 0px; }
.dt-button span { line-height: 30px; display: inline-block; float: left; }
.dt-button .dt-button-text { padding-right: 8px; padding-left: 8px; font-weight: bold; font-size: 10px; }
.dt-button.right { float: right; }
.dt-button.left { float: left; }
.dt-button:hover .dt-button-text { color: #002776; text-decoration: underline; }
.dt-button-disabled:hover .dt-button-text { text-decoration: none; cursor: auto; }
.dt-button-disabled:hover .dt-button-icon { cursor: auto; }
.dt-button .dt-button-icon { width: 30px; height: 30px; background: transparent url(../image/icon/dt-icons.png) no-repeat left center; }
.dt-button .dt-icon-sync { background-position-x: -7px; }
.dt-button .dt-icon-edit { background-position-x: -39px; }
.dt-button .dt-icon-mail,.dt-button .dt-icon-status-approval-1 { background-position-x: -79px; }
.dt-button .dt-icon-back { background-position-x: -119px; }
.dt-button .dt-icon-green-flag, .dt-button .dt-icon-flag-1 { background-position-x: -147px; }
.dt-button .dt-icon-red-flag, .dt-button .dt-icon-flag-2 { background-position-x: -179px; }
.dt-button .dt-icon-white-flag, .dt-button .dt-icon-flag-0, .dt-button .dt-icon-step-9, .dt-button .dt-icon-status-9 { background-position-x: -212px; }
.dt-button .dt-icon-calendar, .dt-button .dt-icon-step-4, .dt-button .dt-icon-status-3, .dt-button .dt-icon-status-usecase-3,.dt-button .dt-icon-status-approval-2 { background-position-x: -246px; }
.dt-button .dt-icon-download { background-position-x: -285px; }
.dt-button .dt-icon-check-thick, .dt-button .dt-icon-status-6 { background-position-x: -320px; }
.dt-button .dt-icon-check, .dt-button .dt-icon-step-5, .dt-button .dt-icon-status-approval-3, .dt-button .dt-icon-status-usecase-13, .dt-button .dt-icon-status-usecase-14, .dt-button .dt-icon-quiz-12,.dt-button .dt-icon-status-10 { background-position-x: -350px; }
.dt-button .dt-icon-disk { background-position-x: -384px; }
.dt-button .dt-icon-copy { background-position-x: -415px; }
.dt-button .dt-icon-upload { background-position-x: -450px; }
.dt-button .dt-icon-paste { background-position-x: -488px; }
.dt-button .dt-icon-cancel, .dt-button .dt-icon-quiz-11, .dt-button .dt-icon-step-8, .dt-button .dt-icon-status-8 { background-position-x: -530px; }
.dt-button .dt-icon-cancel-thick, .dt-button .dt-icon-step-7, .dt-button .dt-icon-status-7 { background-position-x: -560px; }
.dt-button .dt-icon-clock, .dt-button .dt-icon-step-3, .dt-button .dt-icon-status-2, .dt-button .dt-icon-status-usecase-2 { background-position-x: -593px; }
.dt-button .dt-icon-filter { background-position-x: -630px; }
.dt-button .dt-icon-print { background-position-x: -665px; }
.dt-button .dt-icon-book { background-position-x: -705px; }
.dt-button .dt-icon-page { background-position-x: -740px; }
.dt-button .dt-icon-note, .dt-button .dt-icon-status-4 { background-position-x: -777px; }
.dt-button .dt-icon-yes { background-position-x: -815px; }
.dt-button .dt-icon-no, .dt-button .dt-icon-status-11,.dt-button .dt-icon-status-approval-4 { background-position-x: -845px; }
.dt-button .dt-icon-yes-inactive { background-position-x: -880px; }
.dt-button .dt-icon-no-inactive { background-position-x: -910px; }
.dt-button .dt-icon-search { background-position-x: -936px; }
.dt-button .dt-icon-minus { background-position-x: -968px; }
.dt-button .dt-icon-plus { background-position-x: -996px; }
.dt-button .dt-icon-gear, .dt-button .dt-icon-status-1, .dt-button .dt-icon-step-2 { background-position-x: -1027px; }
.dt-button .dt-icon-sheet, .dt-button .dt-icon-step-1 { background-position-x: -1055px; }
.dt-button .dt-icon-empty, .dt-button .dt-icon-quiz-10 { background-position-x: -9999px; }
/* fix ui*/
.ui-datepicker-month, .ui-datepicker-year { color: #fff; }
.ui-dialog-buttonpane button.left { float: left; }
.k-upload-files { display: inline-block; /*width: 165px;*/ height: auto; float: right; margin: 0 0; padding: 3px 3px 0px 3px; }
.k-state-selected > td span { color: #fff; }
.k-widget.k-calendar .k-content .k-other-month a { color: #cccccc; }
.k-widget.k-calendar .k-content a, .k-widget.k-calendar .k-content th { color: #404040; }
.File .k-dropzone { width: 110px; display: inline-block; float: left; }
.File .k-dropzone em { display: none; }
.File .k-upload-button { width: 120px; }
.File .k-upload-button:hover span { text-decoration: underline; color: #002776; }
/* Cuestionarios */
#question { overflow: hidden; }
.dt-button .dt-button-icon.fix-add-question { width: 18px; height: 18px; background-position-x: -437px; background-size: cover; }
.dt-button .dt-button-icon.fix-add { width: 18px; height: 18px; background-position-x: -560px; background-size: cover; }
.dt-button .dt-button-icon.fix-edit { width: 18px; height: 18px; background-position-x: -21px; background-size: cover; }
.dt-button .dt-button-icon.fix-remove { width: 18px; height: 18px; background-position-x: -545px; background-size: cover; }
.dt-button .dt-button-icon.mini-edit { width: 30px; height: 30px; background-size: cover; background-position-x: -35px; }
.dt-button .dt-button-icon.mini-delete { width: 30px; height: 30px; background-size: cover; background-position-x: -524px; }
.section-add-question, .section-add, .section-edit, .section-remove { float: right; margin-right: 3px; }
.section-add, .section-edit, .section-remove { margin-left: 12px; }
.section { padding: 3px 0px 0px 0px; display: block; border-radius: 4px; width: 1190px; }
/*.section:hover { background-color: rgba(164, 212, 0, .2); }*/
.section > span { display: inline-block; }
.section .section-icon { cursor: pointer; width: 15px; height: 15px; margin-left: 8px; float: left; background: transparent url(../image/icon/section.png) no-repeat left center; }
.section .section-icon-expand { background-position-x: -15px; }
.section .section-label { cursor: pointer; width: 77%; float: left; font-weight: bold; margin-left: 8px; }
.section .section-option-a { width: 0px; float: left; min-height: 15px; /*background-color: aqua;*/ }
.section .section-option-b { width: 19%; min-height: 15px; /*background-color: yellowgreen;*/ }
.section .section-content { margin-left: 31px; clear: both; position: relative; }
.section .section-content hr { clear: both; border: none; border-bottom: 1px dotted #fff; margin: 0px; }

.section > div.section { padding-left: 22px; width: 1168px; }
.section > div.section .section-label { width: 75%; }
.section > div.section .section-option-b { width: 21%; min-height: 15px; /*background-color: yellowgreen;*/ }
.section > div.section .question .question-capsule { width: 580px; }
.section > div.section .question .question-capsule-lan { width: 886px; }
.section > div.section .question .question-capsule .question-label { width: 408px; }
.section > div.section .question .question-capsule-lan .question-label { width: 408px; }

.section > div.section > div.section { width: 1146px; }
.section > div.section > div.section .section-label { width: 70%; }
.section > div.section > div.section .question .question-capsule { width: 405px; }
.section > div.section > div.section .question-capsule .question-label { width: 386px; }

.question-holder { height: 28px; border: 1px dotted #A4D400; border-radius: 3px; line-height: 28px; background-color: #DDEFA1; }
.question { display:inline-block; clear: both; height:auto; align-items:center; overflow:hidden; }/*min-height: 30px;*/
.question.selected { background-color: rgba(164, 212, 0, .4); }
.question:hover { background-color: rgba(164, 212, 0, .2); }
.question div { display: inline-block; margin: 1px 0px 0px 0px; padding: 0; vertical-align:top; }
.question-edit, .question-delete { float: right; }
.question-delete { margin-right: 4px; }
.question .question-capsule { cursor: help; width: 600px; float: left; border-left: 1px dotted #A4D400; min-height: 30px; }
.question .question-capsule-lan { cursor: help; width: 900px; float: left; border-left: 1px dotted #A4D400; min-height: 30px; }
.question .question-capsule.move { cursor: move; }
.question .question-capsule-lan.move { cursor: move; }
.question .question-capsule.comment { min-height: 90px; }
.question .question-capsule span { display: inline-block; }
.question .question-capsule-lan span { display: inline-block; }
.question .question-capsule .question-icon { cursor: pointer; width: 13px; height: 14px; float: left; border-bottom: 1px dotted #A4D400; border-left: 1px dotted transparent; }
.question .question-capsule .question-icon-required { cursor: pointer; width: 13px; height: 14px; float: left; border-bottom: 1px dotted #A4D400; border-left: 1px dotted transparent; background: url(../image/red.png) no-repeat center center; }
.question .question-capsule .question-label { width: 430px; padding: 5px 0px 5px 5px; }
.question .question-capsule-lan .question-icon { cursor: pointer; width: 13px; height: 14px; float: left; border-bottom: 1px dotted #A4D400; border-left: 1px dotted transparent; }
.question .question-capsule-lan .question-icon-required { cursor: pointer; width: 13px; height: 14px; float: left; border-bottom: 1px dotted #A4D400; border-left: 1px dotted transparent; background: url(../image/red.png) no-repeat center center; }
.question .question-capsule-lan .question-label { width: 850px; padding: 5px 0px 5px 5px; }
/* css last row*/
.section-content .question:last-of-type .question-capsule { border-left: none; }
.section-content .question:last-of-type .question-capsule .question-icon { border-left: 1px dotted #A4D400; }
/* sections */
.question .question-option-a { width: 300px; text-align: right; /*background-color: aqua;*/ float: left; }
.question .question-option-a-lan { width: 912px; text-align: left; /*background-color: aqua;*/ float: left; }
.question .question-option-b { width: 250px; text-align: right; /*background-color: yellow;*/ float: left; }
.question .question-option-b .question-alias { margin-top: 8px; display: inline-block; border: 2px solid #9CCB3E; padding: 0px 5px; border-radius: 5px; background-color: #ECF6CB; }
#options[disabled], #deviation[disabled], #reporttext[disabled], #showflag[disabled], #forcedeviation[disabled], #forcefollow[disabled], #applytoreport[disabled] { opacity: 0.2; }

/* controles especiales */
.question .question-option-a label { margin-left: 16px; /*margin-top: 3px;*/ vertical-align:top; display: inline-block; width:90%; margin-top:4px; }/*text-align:center;*/
.question .question-option-a label > span { margin-left: 2px; display:inline-block; width:90%; vertical-align:middle; }/*font-weight: bold;*/

.question .question-option-a-lan label { margin-left: 16px; /*margin-top: 3px;*/ vertical-align:top; display: inline-block; margin-top:4px; }/*text-align:center;*/
.question .question-option-a-lan label > span { margin-left: 2px; display:inline-block; vertical-align:middle; cursor:pointer; }/*font-weight: bold;*/

.question .money-only { }
.question input { margin-top: 1px; padding: 5px 4px 4px 4px; vertical-align:sub; }
.question select { padding-right: 3px; margin-top: 1px; padding-left: 0px; }
.question .dt-button { width: 22px; height: 18px; margin-left: 8px; }
/*Graficas*/
#graphic-action { width: 100%; border: none; height: 580px; overflow: auto; overflow-x: hidden; }
#body .body-menu { float: left; width: 19%; height: 580px; overflow: hidden; text-align: left; }
#body .body-divider { float: left; width: 5px; height: 580px; border-right: solid 1px #dadada; }
#body .body-divider .body-action-divider { margin-top: 280px; cursor: pointer; width: 100%; height: 40px; display: block; background: transparent url(../image/divider.jpg) no-repeat -1px center; }
#body .body-content { float: right; width: 80%; overflow: hidden; }
#tree { padding-bottom: 12px; overflow: auto; height: 550px; }
.graphic { width: 78%; text-align: center; margin: 0 auto; }
.graphicdynamic { width: 90%; text-align: center; margin: 0 auto; }
.graphic-header { width: 78%; text-align: center; margin: 0 auto; color: #002776; font-size: 1.2em; padding-bottom: 3px; }
.graphicdynamic-header { width: 78%; text-align: center; margin: 0 auto; color: #002776; font-size: 1.2em; padding-bottom: 3px; }
.graphic-header span, .graphicdynamic-header span { font-size: 1em; }

/*.user-data { padding: 4px; text-align: justify; color: #666; height: 70px; overflow: auto; overflow-x: hidden; width: 50%; margin: 0 auto; border: dashed 1px #E3E3E3; background-color: #fefefe; }
.user-data:hover { border-color: #999; color: #000; background: transparent url(../image/settings.gif) no-repeat top right; }margin: 0 875px;
.user-data-config { border: dashed 1px #E3E3E3; float: right; display: none; width: 22px; height: 22px; cursor: pointer; background: #e3e3e3 url(../image/settings.gif) no-repeat center center; }
*/
#downloadDat { width: 130px; float: right; display: none; }
/*.user-data-config:hover { border: dashed 1px #999; background: #e3e3e3 url(../image/settings.gif) no-repeat center center; }*/
.comment { text-align: justify; }
#config, #masterconfig { color: #666; }
#config i, #masterconfig i { color: #ccc; font-size: .9em; }
#config input, #masterconfig input { margin: 0px 0px 0px 0px; }
#config select, #masterconfig select { width: 270px; }
#config input[type=text], #masterconfig input[type=text] { width: 90px; text-align: right; }
#config p, #masterconfig p { padding-bottom: 4px; margin: 0px 0px 0px 0px; }
#config p span, #masterconfig p span { display: inline-block; width: 180px; text-align: right; padding: 0px; }
#config label, #masterconfig label { padding: 2px 4px 2px 4px; border: dashed 1px #fff; }
#config label:hover, #masterconfig label:hover { border: dashed 1px #999; }
.tools { cursor: pointer; position: absolute; top: 2px; right: 8px; width: 22px; height: 22px; border: dashed 1px #fff; background: transparent url(../image/settings.gif) no-repeat center center; }
.tools:hover { background-color: #E3E3E3; border: dashed 1px #999; }
.chart-header { width: 98%; text-align: center; margin: 0 auto; color: #00A1DE; font-size: 1.4em; font-weight: bold; padding-bottom: 6px; }
.chart-header span { font-size: 1em; }
.chart-menu { text-align: left; float: right; color: #666; font-size: .9em; }
/*Lista reportes*/
#report-menu { display: block; width: 150px; margin: 0 auto; clear: both; text-align: center; }
#report-menu ul { list-style: none; padding: 0; margin: 0px 0px 0px 0px; }
#report-menu ul li { display: inline-block; overflow: hidden; padding: 5px 0px; border-radius: 3px; width: 120px; height: 30px; cursor: pointer; border: solid 1px #001D57; background: #001D57 url(../image/ui/ui-bg_gloss-wave_30_92D400_500x100edit.png) 50% 50% repeat-x; color: #fff; }
#report-menu.alter ul li { border: solid 1px #999BB0; background: #999BB0 url(../image/ui/ui-bg_gloss-wave_30_999BB0_500x100.png) 50% 50% repeat-x; color: #fff; }
#report-menu ul li.auto { width: auto; padding-left: 6px; padding-right: 6px; }
#report-menu ul li.vertical { width: 40px; height: 16px; border: none; cursor: default; background: url(../image/icon/vertical.png) no-repeat center center; background-size: 24px; }
#report-menu ul li:hover { border-color: #72C7E7; background-image: url(../image/ui/ui-bg_gloss-wave_30_00A1DE_500x100.png); }
#report-menu ul li:hover.vertical { border: none; background-image: url(../image/icon/vertical.png); }
#report-menu ul li.selected { border-color: #72C7E7; background-image: none; background-color: #72C7E7; }

#planning, .planning { width: 850px; margin: 0 auto; }

#dialog-planning, .dialog-planning { width: 1360px; margin: 0 auto; }

.dt-detalle-link { font-size: 12px; font-weight: bold; color: #404040; text-decoration: underline; cursor: pointer; }

#planningrevision, .planningrevision { width: 1360px; margin: 0 auto; }
.ui-layout-table { table-layout: fixed; }
.ui-layout-table tbody tr td { border: none; padding: 6px 2px; font-size: 12px; background-color: #72C7E7; color: #ffffff; font-weight: bold; width: auto; }
/*TapControl Resumen Ventas PU*/
.clear { clear: both; height: 0; visibility: hidden; display: block; }
a { text-decoration: none; }
#tab-container { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 14px; width: 100%; overflow: hidden;}
#tab-container ul { list-style: none; list-style-position: outside; width: 100%; }
#tab-container ul.tab-menu li { display: block; float: left; position: relative; font-weight: 700; padding: 5px 10px 5px 10px; background: #eee; border: 1px solid #ddc; border-bottom: none; border-width: 1px; color: #999; cursor: pointer; height: 14px; margin-bottom: -1px; margin-right: 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
#tab-container ul.tab-menu li.active { background: #fff; color: #0088CC; height: 15px; border-bottom: 0; }
.tab-top-border { border-bottom: 1px solid #d0ccc9; }
.tab-content { margin: 0 auto; background: #efefef; background: #fff; border: 1px solid #ddc; border-top-style: none; text-align: left; padding: 10px; padding-bottom: 20px; font-size: 11px; display: none; height: 380px; }
#tab-container div.active { display: block; }
.tab-content h1 { line-height: 1em; height: 28px; font-size: 22px; }
/*footer answer*/
.footer-wrapper { width:100%; margin: 0 auto; background-color:#fff; margin-top:100px;}
.disclaimer-text { width: 96%; padding: 2%;}
.pointer {cursor:pointer;}
.red {color:red;}
/* tabla matriz*/
.ui-matriz-table { border-collapse: collapse; border: none;  display:table; }
.ui-matriz-table tbody tr { border-top: solid 0.6mm rgb(220,220,220);}
.ui-matriz-table tbody tr:first-child { border-top:none;}
.ui-matriz-table thead tr th { border: none; padding: 6px 2px; font-size: 12px; background-color: rgb(0, 0, 0); color: #fff; }
.ui-matriz-table tbody tr td { border: 1px solid #fff; padding: 4px; background-color: #fff; font-size: 11px; text-align: center; }
.ui-matriz-table tbody tr td.head { padding: 8px 4px !important; background-color: #CCECFF !important; font-size: 11px; font-weight: bold; text-align: center; }
.ui-matriz-table tbody tr td input[readonly=readonly], .ui-info-table tbody tr td textarea[readonly=readonly] { border-color: #fff !important; padding: 0px 0px 0px 4px; }
.ui-matriz-table tbody tr td:first-child { font-weight: bold; color: #404040; padding-right: 4px; }
.ui-matriz-table tbody td:first-child { text-align:left; }
.ui-matriz-table tfoot tr td { background-color: transparent; padding-right: 0; padding-top: 6px; text-align: right; }
.ui-matriz-table.right { float: right; }


/*sortable*/
 .section-options {height:auto;padding: 0px; margin: 0px;  }
 .section-options li { display: inline-block; padding: 3px; margin-bottom: 3px; border-radius: 3px; height:30px; border: 1px  #a0a0a0 solid; background-color: rgba(255,255,255,.6); box-sizing:border-box;}
 .placeholder { border: 1px #a0a0a0 dotted; border-radius: 3px; background: #00A1DE; height: 30px; }
 .section-options  ul { list-style: none; padding: 0px; margin: 0px; }
 .section-options  ul li { cursor: move; }
 .section-options li.move { cursor: move;}
 .section-options li:hover { border: 3px dashed #00A1DE;}
 .span-ranking { padding-left:10px; vertical-align:middle; height:100%; line-height:20px;}
/*Images*/
 .measures {width:200px; height:150px; display:inline-block; border: 3px solid transparent;}
 .measures:hover { cursor:pointer; border: 3px dashed #00A1DE; }
 .measures-read {width:200px; height:150px; display:inline-block; border: 3px solid transparent;}
 .blue-border { border:3px solid #00A1DE; }
 /*tabla de multiples textos*/
 .ui-text-table { border-collapse: collapse; border: none;  display:table; }
 .ui-text-table td {width:50%;}
.question-message { font-family:Arial; font-size:10px; font-weight:bold; padding-left:16px; color:red; }
.button-help { width:20px; height:20px;}
.button-help .ui-button-text { padding:0; }
.button-help span { text-align:center;}
.ui-datepicker-year {color:#404040;}
.italic { font-style:italic; }
.padlock {cursor: pointer; width: 13px; height: 14px; float: left; border-bottom: 1px dotted #A4D400; border-left: 1px dotted transparent; background: url(../image/icon/locked.png) no-repeat center center;}
.table-historical {margin-left:20px;margin-top:10px;}
.sim-txt { border-radius: 3px; border: 1px solid #00A1DE; background-color: #fff; padding: 3px 3px 3px 4px; font-weight: bold; margin-bottom: 2px;box-sizing:border-box; height:25px; }
.sim-txt{ margin-top: 1px; padding: 5px 4px 4px 4px !important; }
.chart-hijo{display:inline-block;}
.view-detail{font:bold 10pt Verdana, Geneva, Tahoma, sans-serif; padding-left:20px; color:#00A1DE;}
.view-detail.active{color:#00A1DE;}
/*.filter-report {position: absolute; width: 500px; z-index: 9; background-color: #fff; border: 3px dotted rgb(0, 0, 0); left: 35%; top: 30%;}*/
.filter-report {
    position: absolute;
    width: 90%;
    z-index: 9;
    background-color: #fff;
    border: 3px dotted rgb(0, 0, 0);
    left: 5%;
    top: 30%;
}
.move-filter{ padding: 10px; cursor: move; z-index: 10; background-color: #2196F3; color: #fff; display:inline-block; width:98.6%;}
.remove-scroll { overflow: hidden; }