/* QUANTUM WEB - CSS DOS COMPONENTES DA LIBRARY */
/* GENERAL STYLE */
table td, table th { border-bottom: 0 none; border-right: 0 none; }
fieldset{ margin-bottom: 10px; }
legend { margin-bottom: 0; }
input { margin: 0; }
label.control-label { display: block; }
.form-control { margin-bottom: 10px; }	
/* BOTÕES */
.btnRecuperarSenha { background: #fff; padding-left: 0; }
.btnRecuperarSenha:hover { color: #0071BC; }
.prevBtnr {  }
.nextBtn {  }
.btnLogin, .editBtn, .excBtn, .newBtn { background-repeat: no-repeat; background-position: center right; padding-right: 30px; }
.btnLogin, .btnLogin:hover { background-image: url(images/next-arrow.png); }
.editBtn, .editBtn:hover { background-image: url(images/edit.png); }
.excBtn, .excBtn:hover { background-image: url(images/delete.png); }
.newBtn, .newBtn:hover { background-image: url(images/add.png); }
/* MODAL */
/* Modal edit */
.modal-backdrop { opacity:0.65 !important; filter: alpha(opacity=65) !important; }
.panel-edit { box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); position: fixed; top: 50%; left: 50%; min-height: 300px; overflow: hidden; z-index: 1050; }
.panel-heading { background: #f8f8f8; padding: 10px 15px; }
.panel-title { display: inline; }
.panel-body { padding: 0; }
#wrap-modal { overflow-x: hidden; overflow-y: scroll; width: 100%; }
.panel-backdrop { background: #000; bottom: 0; left: 0; position: fixed; opacity: 0.5; filter: alpha(opacity=50); right: 0; top: 0; z-index: 1040; }
.panel-footer { background: #f8f8f8; bottom: 0; left: 0; position: fixed; text-align: right; width: 100% ; }
.FrameContent { padding: 15px; }
/* Generic modal */
.modal { overflow-y: inherit; }
.modal-dialog { position: absolute !important; left: 50%; margin-left: -225px !important; top: 25%; width: 450px !important; }
.modal-body { overflow-y: scroll !important; max-height:400px !important}
.modal-head { background: #f8f8f8; padding: 10px 15px; }
.popUpDiv {overflow-y: scroll; max-height:500px;}
/*TOOLBAR GRID*/
.buttonsGridNovo, .buttonsGridActions { display: inline-block; margin-bottom: 10px; }
.buttonsGridNovo input, .buttonsGridActions input, .buttonsGridNovo .btn-group, .buttonsGridActions .btn-group { margin-right: 10px; }
.grdExc, .grdCSV, .grdZIP { display: inline-block; height: 19px; margin-left: -19px; width: 20px; }
.grdExc { background: url("images/trash.png") no-repeat -3px 1px; }
.grdCSV { background: url("images/csv.png") no-repeat 2px 4px; }
.grdZIP { background: url("images/zip.png") no-repeat 2px 4px; }
 /* GRID */
.grid tr th a { background: url("images/sort-both.png") no-repeat right; display: block; }
.grid tr th.sortAsc a { background: url("images/sort-asc.png") no-repeat right !important; }
.grid tr th.sortDesc a { background: url("images/sort-desc.png") no-repeat right !important; }
.gridImgEdt, img.editBtn { display: inline; cursor: pointer; padding: 0 !important; }
.grid-alfa { text-align: left; }
.grid-date { text-align: center; }
.grid-number { text-align: right; } 
/* LOADING */
.loadingGrid { background: #fff url(images/input-loading.gif) 8px center no-repeat; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 0px 5px 0 rgba(50, 50, 50, 0.20); font-size: 80%; left: 48.5%; margin-top: 6%; padding: 10px 14px 10px 30px; position: absolute;  }
/* ALERTS */ 
#divMsgLib { margin: 0 15px 10px; }
/* PAGINATION */ 
.pagination { margin: 15px 0 0 0; position: absolute; }
.pagination td { border: 0 none !important; font-size: 85% !important; padding: 0 !important; }
.pagination table, .gridPaginador { float: left; }
.pagination table td, .gridPaginador td { background: #fff !important; border: 1px solid #ddd !important; padding: 5px 10px !important; }
.pagination table td a, .gridPaginador td a { background: #fff !important; }
.pagination table td a.active, .gridPaginador td.active { background: #ddd !important; }
.gridTotal { float: left; font-size: 85%; padding: 8px; }
.gridCSVZIP { margin: 8px 10px 0px 0px; float: right; }
/* AUTOCOMPLETE */
.autocomplete-suggestions { background: #fff; border: 1px solid #ccc; padding: 0; margin-top: -2px; overflow: auto; }
.autocomplete-suggestion { font-size: 80%; padding: 5px 10px; }
.autocomplete-suggestion strong { color: #0071BC; }
.autocomplete-selected { background: #f8f8f8; cursor: pointer; }
/* VALIDATION/FORMS INPUTS */
/*
input.error, input.valid, input.input-loading { padding-right: 20px; }
input.error { background: url(images/error-form.png) right center no-repeat; border: 1px solid #A94442; }
input.valid { background: url(images/valid-form.png) right center no-repeat; border: 1px solid #3C763D; }
input.input-loading { background: url(images/input-loading.gif) 98.5% center no-repeat; }
.divValidation { background: url(images/arrow-tooltip-bottom.png) 10px bottom no-repeat; padding-bottom: 6px; position: absolute; right: 15px; top: -5px; }
.divValidation span { background: #cb2026; border-radius: 3px; color: #fff; display: block !important; font-size: 11px; padding: 5px; }
.divValidationLine { background: url(images/arrow-tooltip-left.png) left 10px no-repeat; left: 30px; padding-left: 6px; position: absolute; top: -5px; z-index: 1; }
.divValidationLine span { background: #cb2026; border-radius: 3px; color: #fff; display: block !important; font-size: 11px; padding: 5px; }
.reqCls { color: #A94442; padding-left: 5px; }*/
/* FIELDS */
.optional-fields div.j_divOpt { background: #f0f4ff; border-bottom: 1px solid #bbc6de; box-shadow: inset 0 5px 13px -7px #bbc6de; padding: 15px 0 0; width: 100% !important;  }
.optional-fields legend { color: #0071BC; margin-bottom: 10px; padding: 0 15px 5px 15px; }
.optional-fields legend.show-fields { background: #fff; border-bottom: 1px solid #bbc6de; cursor: pointer; margin-bottom: 0; padding: 10px 15px; }
.optional-fields label { font-size: 80%; }
/* MULTSELECT */ 
.ui-state-active { border-radius: 4px 4px 0 0; }
.ui-icon-triangle-1-s { background-position: -64px -16px; } 
.ui-multiselect, .ui-multiselect:hover { background: #fff; border: 1px solid #ddd; margin-top: 3px; padding: 2px 0 2px 4px; text-align: left; } 
.ui-multiselect span.ui-icon{ float: right; } 
.ui-multiselect-single .ui-multiselect-checkboxes input {position: absolute !important; top: auto !important; left: -9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding: 5px !important; } 
.ui-multiselect-header { border-bottom: 1px solid #ddd; padding: 3px 0 5px 4px; } 
.ui-multiselect-header ul { font-size: 0.9em; }
.ui-multiselect-header ul li { display: inline-block; padding: 0 10px 0 0;} 
.ui-multiselect-header a { text-decoration: none; }
.ui-multiselect-header a:hover { text-decoration: underline; }
.ui-multiselect-header span.ui-icon { float: left; } 
.ui-multiselect-header li.ui-multiselect-close { float: right; text-align: right; padding-right:0; } 
.ui-multiselect-menu { background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); border: 1px solid #ddd; border-radius: 0 !important; display: none; margin-top: -1px; padding: 3px; 
position: absolute; z-index: 10000; text-align: left; } 
.ui-multiselect-checkboxes { position: relative; overflow-y: scroll !important; margin: 5px 0 0 5px; padding: 0; } 
.ui-multiselect-checkboxes label { font-size: 12px; margin-bottom: 5px; } 
.ui-multiselect-checkboxes label input { margin: 0 3px 0 0; } 
.ui-multiselect-checkboxes li { clear: both; font-size: 0.9em; padding: 3px 0; } 
.ui-multiselect-checkboxes li:hover { background:#f8f8f8; } 
.ui-multiselect-checkboxes li label { font-weight: normal; }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight: bold; border-bottom: 1px solid; }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding: 3px; margin: 1px 0; text-decoration: none; } 
html .ui-multiselect-checkboxes label { border: none; }
.ui-multiselect-hasfilter ul { background: #fff; margin: 5px 0 0; padding:3px; } 
.ui-multiselect-filter { font-size: 12px; font-weight: bold; }
.ui-multiselect-filter input { border: 1px solid #ddd; padding: 3px; width:195px; }
/* TREEVIEW */
.tree { margin-bottom: 20px;  }
.tree > ul { padding: 0; }
.tree > ul ul { padding-left: 20px !important; }
.tree li { list-style-type: none; margin: 0; padding: 10px 5px 0 5px !important; position: relative; }
.tree li::before, .tree li::after { content: ''; left: -20px; position: absolute; right: auto; }
.tree li::before { border-left: 1px solid #ccc; bottom: 50px; height: 100%; top: 0; width: 1px; }
.tree li::after { border-top: 1px solid #ccc; height: 20px; top: 15px; width: 25px; }
.tree .leaf { display: inline-block; }
.tree .leaf i { background: url(images/tree-icon.png); display: inline-block; float: left; margin-right: 5px; padding: 7px;  }
.tree .leaf .icon-plus-sign { background-position: 0 0; }
.tree .leaf .icon-minus-sign { background-position: 0 -16px; }
.tree .parent_li > span { cursor: pointer; }
.tree > ul > li::before, .tree > ul > li::after { border: 0; }
.tree li:last-child::before { height: 30px; }
.tree .parent_li > .leaf:hover, .tree .parent_li > .leaf:hover + ul li .leaf { color: #999; }
.tree-box { padding-left: 0 !important }
.tree-box > div { background: #f8f8f8; border: 1px solid #ddd; height: 175px; margin-bottom: 10px; padding-bottom: 10px; padding-top: 10px; overflow-y: scroll; }

/* ICONS ALERT */
.img_Confirmacao, .img_Erro, .img_Questao, .img_Alert { display: block; float: left; height: 35px; margin-top: -5px; width: 35px; }
.img_Confirmacao { background: url(images/icon-confirm.png) no-repeat; }
.img_Alert { background: url(images/icon-alert.png) no-repeat; }
.img_Erro { background: url(images/icon-error.png) no-repeat; }
.img_Questao { background: url(images/icon-question.png) no-repeat; }
/*Wizard*/
.optional-fields .optional-fields { margin: 0 15px 10px; }
.optional-fields .optional-fields legend.show-fields { border: 1px solid #ccc; color: #666; padding: 5px; }
.optional-fields .optional-fields div.j_divOpt { background: #f8f8f8; border-left: 1px solid #ccc; border-right: 1px solid #ccc; box-shadow: inset 0 5px 13px -7px #bbc6de; }
.wizard { width: 100%; margin: 0 auto; }
.wizard a { height: 39px; }
.wizard a, .tabcontrol a { outline: 0; }
.wizard ul, .tabcontrol ul { list-style: none!important; padding: 0; margin: 0; }
.wizard ul > li, .tabcontrol ul > li { display: block; padding: 0; }
.wizard > .steps .current-info, .tabcontrol > .steps .current-info { position: absolute; left: -999em; }
.wizard > .content > .title, .tabcontrol > .content > .title { position: absolute; left: -999em; }
.wizard > .steps { position: relative; display: block; width: 100%; }
.wizard.vertical > .steps { display: inline; float: left; width: 30%; }
.wizard > .steps .number { font-size: 1.429em; }
.wizard > .steps > ul > li { width: 25%; }
.wizard > .steps > ul > li, .wizard > .actions > ul > li { float: left; }
.wizard.vertical > .steps > ul > li { float: none; width: 100%; }
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active { display: block; width: auto; margin: 0 .5em .5em; padding: 1em 1em; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active { background: #eee; color: #aaa; cursor: default; }
.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active { background: #428bca; color: #fff; cursor: default; }
.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active { background: #9dc8e2; color: #fff; }
.wizard > .steps > ul > li.done a::after { border-left-color: #9dc8e2 !important; }
.wizard > .steps .error a, .wizard > .steps .error a:hover, .wizard > .steps .error a:active { background: #ff3111; color: #fff; }
.wizard > .content { background: #eee; display: block; margin: .5em; overflow: hidden; position: relative; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: none!important; }
.wizard.vertical > .content { display: inline; float: left; margin: 0 2.5% .5em 2.5%; width: 65%; }
.wizard > .content > .body { float: left; position: relative; width: 95%; height: 95%; padding: 2.5%; }
.wizard > .content > .body ul { list-style: disc!important; }
.wizard > .content > .body ul > li { display: list-item; }
.wizard > .content > .body > iframe { border: 0 none; width: 100%; height: 100%; }
.wizard > .content > .body label { display: inline-block; margin-bottom: .5em; }
.wizard > .content > .body label.error { color: #8a1f11; display: inline-block; margin-left: 1.5em; }
.wizard > .actions { position: relative; display: block; text-align: right; width: 100%; }
.wizard.vertical > .actions { display: inline; float: right; margin: 0 2.5%; width: 95%; }
.wizard > .actions > ul { display: inline-block; text-align: right; }
.wizard > .actions > ul > li { margin: 0 .5em; }
.wizard.vertical > .actions > ul > li { margin: 0 0 0 1em; }
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active { background: #2184be; color: #fff; display: block; padding: .5em 1em; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active { background: #eee; color: #aaa; }
.wizard > .loading { }
.wizard > .loading .spinner { }
.wizard input[type="checkbox"], .wizard input[type="radio"] { float: left; margin-right: 5px; }
.tabcontrol > .steps { position: relative; display: block; width: 100%; }
.tabcontrol > .steps > ul { position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; }
.tabcontrol > .steps > ul > li { float: left; margin: 5px 2px 0 0; padding: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.tabcontrol > .steps > ul > li:hover { background: #edecec; border: 1px solid #bbb; }
.clearfixWizard { *zoom: 1; }
.clearfixWizard:before, .clearfixWizard:after { display: table; content: ""; line-height: 0; }
.clearfixWizard:after { clear: both; }