/* * From cascading styles for partner.deintipp.de * * @author David Cuerten * @since 10.03.2016 * * @category main, deintipp * @copyright 2016 aveta | David Cuerten * @version 1.0.0 */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600italic); @import url(https://fonts.googleapis.com/css?family=Oswald); /* $html_background_image: '../image/background.jpg'; */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600italic); @import url(https://fonts.googleapis.com/css?family=Oswald); /* $html_background_image: '../image/background.jpg'; */ .ui-dialog { z-index: 4999; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); padding: 0; } .popover { z-index: 5000 !important; } .ui-datepicker { z-index: 5001 !important; } .ui-widget-header { border-radius: 0; border: 1px solid #D0DADA; background: none; } #main-content-container input:not([type='button']), #main-content-container textarea, #main-content-container select, #main-content-container .select2-selection, #main-content-container div.cke, .ui-dialog input:not([type='button']), .ui-dialog textarea, .ui-dialog select, .ui-dialog .select2-selection, .ui-dialog div.cke { border: 2px solid #E5E5E5; box-sizing: border-box; display: inline-block; font-family: inherit; font-size: inherit; padding: 0.3em 0.4em; vertical-align: middle; width: 100%; } #main-content-container textarea._ckeditor, .ui-dialog textarea._ckeditor { height: 270px; } #main-content-container .form-row._ckeditor div.read-only, .ui-dialog .form-row._ckeditor div.read-only { height: 270px; overflow: hidden; border: 2px solid #E5E5E5; } #main-content-container section.form-section, .ui-dialog section.form-section { background-color: #fff; border: 1px solid #D0DADA; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); display: inline-block; min-width: 400px; width: 100%; margin-bottom: 10px; } @media only screen and (max-width: 700px) { #main-content-container section.form-section, .ui-dialog section.form-section { min-width: 250px; } } #main-content-container section.form-section.login, .ui-dialog section.form-section.login { display: table; margin: auto; max-width: 600px; } #main-content-container section.form-section hr, .ui-dialog section.form-section hr { border: 1px solid #D0DADA; clear: both; } #main-content-container form, .ui-dialog form { display: flex; flex-direction: column; margin: 0; } #main-content-container form .form-content-wrapper, .ui-dialog form .form-content-wrapper { display: inline-block; padding: 10px; flex: 1; } #main-content-container form .form-content-wrapperdiv:empty, .ui-dialog form .form-content-wrapperdiv:empty { padding: 0px; } #main-content-container form div.form-content-wrapper:empty, .ui-dialog form div.form-content-wrapper:empty { padding: 0px; } #main-content-container form .button-row:first, .ui-dialog form .button-row:first { margin-top: 15px; } #main-content-container .form-head, #main-content-container .ui-dialog-titlebar, .ui-dialog .form-head, .ui-dialog .ui-dialog-titlebar { background-color: #F6F6F6; border-bottom: 1px solid #D0DADA; margin-bottom: 10px; padding: 7px 0 7px 15px; text-align: left; white-space: nowrap; } #main-content-container .form-head h1, #main-content-container .ui-dialog-titlebar h1, .ui-dialog .form-head h1, .ui-dialog .ui-dialog-titlebar h1 { display: inline-block; margin: 0; margin-left: 25px; overflow: hidden; padding-right: 10px; position: relative; width: calc(100% - 35px); } #main-content-container .form-half, .ui-dialog .form-half { float: left; min-width: 260px; position: relative; width: 49%; } @media only screen and (max-width: 1200px) { #main-content-container .form-half, .ui-dialog .form-half { width: 100%; padding-top: 20px; min-width: initial; } } #main-content-container div.form-section:not(section), .ui-dialog div.form-section:not(section) { clear: both; margin-left: 15px; margin-bottom: 5px; } @media only screen and (max-width: 700px) { #main-content-container div.form-section:not(section), .ui-dialog div.form-section:not(section) { text-align: center; } } #main-content-container div.form-section:not(section) h2, .ui-dialog div.form-section:not(section) h2 { margin: 0; overflow: hidden; font-size: 16px; } #main-content-container .form-area, .ui-dialog .form-area { background-color: #F6F6F6; border-bottom: 1px solid #D0DADA; border-top: 1px solid #D0DADA; margin: 20px -16px 0px -16px; padding: 0.25em 0.5em; text-align: left; white-space: nowrap; } #main-content-container .form-row, #main-content-container .filter-container, .ui-dialog .form-row, .ui-dialog .filter-container { margin-bottom: 5px; } #main-content-container .form-row div.cke, #main-content-container .filter-container div.cke, .ui-dialog .form-row div.cke, .ui-dialog .filter-container div.cke { padding: 0 !important; vertical-align: top !important; } @media only screen and (max-width: 700px) { #main-content-container .form-row, #main-content-container .filter-container, .ui-dialog .form-row, .ui-dialog .filter-container { margin-left: 8px; } } #main-content-container .form-row label, #main-content-container .filter-container label, .ui-dialog .form-row label, .ui-dialog .filter-container label { display: inline-block; margin: 0px 1em 0px 0px; overflow: hidden; padding: 0.3em 0em; text-align: right; vertical-align: top; width: 10em; } #main-content-container .form-row label + textarea, #main-content-container .form-row label + select, #main-content-container .filter-container label + textarea, #main-content-container .filter-container label + select, .ui-dialog .form-row label + textarea, .ui-dialog .form-row label + select, .ui-dialog .filter-container label + textarea, .ui-dialog .filter-container label + select { vertical-align: top; } @media only screen and (max-width: 700px) { #main-content-container .form-row label, #main-content-container .filter-container label, .ui-dialog .form-row label, .ui-dialog .filter-container label { margin-bottom: 0.3em; text-align: left; display: block; width: calc(100% - 10px); margin-left: 10px; } } #main-content-container .form-row .croppie-container, #main-content-container .filter-container .croppie-container, .ui-dialog .form-row .croppie-container, .ui-dialog .filter-container .croppie-container { border: 2px solid #E5E5E5; } #main-content-container .form-row .croppie-container.dragover, #main-content-container .filter-container .croppie-container.dragover, .ui-dialog .form-row .croppie-container.dragover, .ui-dialog .filter-container .croppie-container.dragover { border: 2px solid #C9DAF5; } #main-content-container .form-row input:not([type='button']), #main-content-container .form-row textarea, #main-content-container .form-row select, #main-content-container .form-row .select2-selection, #main-content-container .form-row div.cke, #main-content-container .filter-container input:not([type='button']), #main-content-container .filter-container textarea, #main-content-container .filter-container select, #main-content-container .filter-container .select2-selection, #main-content-container .filter-container div.cke, .ui-dialog .form-row input:not([type='button']), .ui-dialog .form-row textarea, .ui-dialog .form-row select, .ui-dialog .form-row .select2-selection, .ui-dialog .form-row div.cke, .ui-dialog .filter-container input:not([type='button']), .ui-dialog .filter-container textarea, .ui-dialog .filter-container select, .ui-dialog .filter-container .select2-selection, .ui-dialog .filter-container div.cke { width: calc( 100% - 12em ); display: inline-block; } @media only screen and (max-width: 700px) { #main-content-container .form-row input:not([type='button']), #main-content-container .form-row textarea, #main-content-container .form-row select, #main-content-container .form-row .select2-selection, #main-content-container .form-row div.cke, #main-content-container .filter-container input:not([type='button']), #main-content-container .filter-container textarea, #main-content-container .filter-container select, #main-content-container .filter-container .select2-selection, #main-content-container .filter-container div.cke, .ui-dialog .form-row input:not([type='button']), .ui-dialog .form-row textarea, .ui-dialog .form-row select, .ui-dialog .form-row .select2-selection, .ui-dialog .form-row div.cke, .ui-dialog .filter-container input:not([type='button']), .ui-dialog .filter-container textarea, .ui-dialog .filter-container select, .ui-dialog .filter-container .select2-selection, .ui-dialog .filter-container div.cke { width: calc(100% - 20px); max-width: calc(100% - 20px); margin: 0px 10px; } } #main-content-container .form-row input:not([type='button']):hover, #main-content-container .form-row input:not([type='button']):focus, #main-content-container .form-row textarea:hover, #main-content-container .form-row textarea:focus, #main-content-container .form-row select:hover, #main-content-container .form-row select:focus, #main-content-container .form-row .select2-selection:hover, #main-content-container .form-row .select2-selection:focus, #main-content-container .form-row div.cke:hover, #main-content-container .form-row div.cke:focus, #main-content-container .filter-container input:not([type='button']):hover, #main-content-container .filter-container input:not([type='button']):focus, #main-content-container .filter-container textarea:hover, #main-content-container .filter-container textarea:focus, #main-content-container .filter-container select:hover, #main-content-container .filter-container select:focus, #main-content-container .filter-container .select2-selection:hover, #main-content-container .filter-container .select2-selection:focus, #main-content-container .filter-container div.cke:hover, #main-content-container .filter-container div.cke:focus, .ui-dialog .form-row input:not([type='button']):hover, .ui-dialog .form-row input:not([type='button']):focus, .ui-dialog .form-row textarea:hover, .ui-dialog .form-row textarea:focus, .ui-dialog .form-row select:hover, .ui-dialog .form-row select:focus, .ui-dialog .form-row .select2-selection:hover, .ui-dialog .form-row .select2-selection:focus, .ui-dialog .form-row div.cke:hover, .ui-dialog .form-row div.cke:focus, .ui-dialog .filter-container input:not([type='button']):hover, .ui-dialog .filter-container input:not([type='button']):focus, .ui-dialog .filter-container textarea:hover, .ui-dialog .filter-container textarea:focus, .ui-dialog .filter-container select:hover, .ui-dialog .filter-container select:focus, .ui-dialog .filter-container .select2-selection:hover, .ui-dialog .filter-container .select2-selection:focus, .ui-dialog .filter-container div.cke:hover, .ui-dialog .filter-container div.cke:focus { border: 2px solid #C9DAF5; } #main-content-container .form-row input:not([type='button']).this50, #main-content-container .form-row textarea.this50, #main-content-container .form-row select.this50, #main-content-container .form-row .select2-selection.this50, #main-content-container .form-row div.cke.this50, #main-content-container .filter-container input:not([type='button']).this50, #main-content-container .filter-container textarea.this50, #main-content-container .filter-container select.this50, #main-content-container .filter-container .select2-selection.this50, #main-content-container .filter-container div.cke.this50, .ui-dialog .form-row input:not([type='button']).this50, .ui-dialog .form-row textarea.this50, .ui-dialog .form-row select.this50, .ui-dialog .form-row .select2-selection.this50, .ui-dialog .form-row div.cke.this50, .ui-dialog .filter-container input:not([type='button']).this50, .ui-dialog .filter-container textarea.this50, .ui-dialog .filter-container select.this50, .ui-dialog .filter-container .select2-selection.this50, .ui-dialog .filter-container div.cke.this50 { width: 50px; } #main-content-container .form-row input:not([type='button']).this65, #main-content-container .form-row textarea.this65, #main-content-container .form-row select.this65, #main-content-container .form-row .select2-selection.this65, #main-content-container .form-row div.cke.this65, #main-content-container .filter-container input:not([type='button']).this65, #main-content-container .filter-container textarea.this65, #main-content-container .filter-container select.this65, #main-content-container .filter-container .select2-selection.this65, #main-content-container .filter-container div.cke.this65, .ui-dialog .form-row input:not([type='button']).this65, .ui-dialog .form-row textarea.this65, .ui-dialog .form-row select.this65, .ui-dialog .form-row .select2-selection.this65, .ui-dialog .form-row div.cke.this65, .ui-dialog .filter-container input:not([type='button']).this65, .ui-dialog .filter-container textarea.this65, .ui-dialog .filter-container select.this65, .ui-dialog .filter-container .select2-selection.this65, .ui-dialog .filter-container div.cke.this65 { width: 65px; } #main-content-container .form-row input:not([type='button']).this80, #main-content-container .form-row textarea.this80, #main-content-container .form-row select.this80, #main-content-container .form-row .select2-selection.this80, #main-content-container .form-row div.cke.this80, #main-content-container .filter-container input:not([type='button']).this80, #main-content-container .filter-container textarea.this80, #main-content-container .filter-container select.this80, #main-content-container .filter-container .select2-selection.this80, #main-content-container .filter-container div.cke.this80, .ui-dialog .form-row input:not([type='button']).this80, .ui-dialog .form-row textarea.this80, .ui-dialog .form-row select.this80, .ui-dialog .form-row .select2-selection.this80, .ui-dialog .form-row div.cke.this80, .ui-dialog .filter-container input:not([type='button']).this80, .ui-dialog .filter-container textarea.this80, .ui-dialog .filter-container select.this80, .ui-dialog .filter-container .select2-selection.this80, .ui-dialog .filter-container div.cke.this80 { width: 80px; } #main-content-container .form-row input:not([type='button']).this100, #main-content-container .form-row textarea.this100, #main-content-container .form-row select.this100, #main-content-container .form-row .select2-selection.this100, #main-content-container .form-row div.cke.this100, #main-content-container .filter-container input:not([type='button']).this100, #main-content-container .filter-container textarea.this100, #main-content-container .filter-container select.this100, #main-content-container .filter-container .select2-selection.this100, #main-content-container .filter-container div.cke.this100, .ui-dialog .form-row input:not([type='button']).this100, .ui-dialog .form-row textarea.this100, .ui-dialog .form-row select.this100, .ui-dialog .form-row .select2-selection.this100, .ui-dialog .form-row div.cke.this100, .ui-dialog .filter-container input:not([type='button']).this100, .ui-dialog .filter-container textarea.this100, .ui-dialog .filter-container select.this100, .ui-dialog .filter-container .select2-selection.this100, .ui-dialog .filter-container div.cke.this100 { width: 100px; } #main-content-container .form-row input:not([type='button']).this110, #main-content-container .form-row textarea.this110, #main-content-container .form-row select.this110, #main-content-container .form-row .select2-selection.this110, #main-content-container .form-row div.cke.this110, #main-content-container .filter-container input:not([type='button']).this110, #main-content-container .filter-container textarea.this110, #main-content-container .filter-container select.this110, #main-content-container .filter-container .select2-selection.this110, #main-content-container .filter-container div.cke.this110, .ui-dialog .form-row input:not([type='button']).this110, .ui-dialog .form-row textarea.this110, .ui-dialog .form-row select.this110, .ui-dialog .form-row .select2-selection.this110, .ui-dialog .form-row div.cke.this110, .ui-dialog .filter-container input:not([type='button']).this110, .ui-dialog .filter-container textarea.this110, .ui-dialog .filter-container select.this110, .ui-dialog .filter-container .select2-selection.this110, .ui-dialog .filter-container div.cke.this110 { width: 110px; } #main-content-container .form-row input:not([type='button']).this120, #main-content-container .form-row textarea.this120, #main-content-container .form-row select.this120, #main-content-container .form-row .select2-selection.this120, #main-content-container .form-row div.cke.this120, #main-content-container .filter-container input:not([type='button']).this120, #main-content-container .filter-container textarea.this120, #main-content-container .filter-container select.this120, #main-content-container .filter-container .select2-selection.this120, #main-content-container .filter-container div.cke.this120, .ui-dialog .form-row input:not([type='button']).this120, .ui-dialog .form-row textarea.this120, .ui-dialog .form-row select.this120, .ui-dialog .form-row .select2-selection.this120, .ui-dialog .form-row div.cke.this120, .ui-dialog .filter-container input:not([type='button']).this120, .ui-dialog .filter-container textarea.this120, .ui-dialog .filter-container select.this120, .ui-dialog .filter-container .select2-selection.this120, .ui-dialog .filter-container div.cke.this120 { width: 120px; } #main-content-container .form-row input:not([type='button']).this150, #main-content-container .form-row textarea.this150, #main-content-container .form-row select.this150, #main-content-container .form-row .select2-selection.this150, #main-content-container .form-row div.cke.this150, #main-content-container .filter-container input:not([type='button']).this150, #main-content-container .filter-container textarea.this150, #main-content-container .filter-container select.this150, #main-content-container .filter-container .select2-selection.this150, #main-content-container .filter-container div.cke.this150, .ui-dialog .form-row input:not([type='button']).this150, .ui-dialog .form-row textarea.this150, .ui-dialog .form-row select.this150, .ui-dialog .form-row .select2-selection.this150, .ui-dialog .form-row div.cke.this150, .ui-dialog .filter-container input:not([type='button']).this150, .ui-dialog .filter-container textarea.this150, .ui-dialog .filter-container select.this150, .ui-dialog .filter-container .select2-selection.this150, .ui-dialog .filter-container div.cke.this150 { width: 150px; } #main-content-container .form-row input:not([type='button']).this175, #main-content-container .form-row textarea.this175, #main-content-container .form-row select.this175, #main-content-container .form-row .select2-selection.this175, #main-content-container .form-row div.cke.this175, #main-content-container .filter-container input:not([type='button']).this175, #main-content-container .filter-container textarea.this175, #main-content-container .filter-container select.this175, #main-content-container .filter-container .select2-selection.this175, #main-content-container .filter-container div.cke.this175, .ui-dialog .form-row input:not([type='button']).this175, .ui-dialog .form-row textarea.this175, .ui-dialog .form-row select.this175, .ui-dialog .form-row .select2-selection.this175, .ui-dialog .form-row div.cke.this175, .ui-dialog .filter-container input:not([type='button']).this175, .ui-dialog .filter-container textarea.this175, .ui-dialog .filter-container select.this175, .ui-dialog .filter-container .select2-selection.this175, .ui-dialog .filter-container div.cke.this175 { width: 175px; } #main-content-container .form-row input:not([type='button']).this200, #main-content-container .form-row textarea.this200, #main-content-container .form-row select.this200, #main-content-container .form-row .select2-selection.this200, #main-content-container .form-row div.cke.this200, #main-content-container .filter-container input:not([type='button']).this200, #main-content-container .filter-container textarea.this200, #main-content-container .filter-container select.this200, #main-content-container .filter-container .select2-selection.this200, #main-content-container .filter-container div.cke.this200, .ui-dialog .form-row input:not([type='button']).this200, .ui-dialog .form-row textarea.this200, .ui-dialog .form-row select.this200, .ui-dialog .form-row .select2-selection.this200, .ui-dialog .form-row div.cke.this200, .ui-dialog .filter-container input:not([type='button']).this200, .ui-dialog .filter-container textarea.this200, .ui-dialog .filter-container select.this200, .ui-dialog .filter-container .select2-selection.this200, .ui-dialog .filter-container div.cke.this200 { width: 200px; } #main-content-container .form-row input:not([type='button']).this250, #main-content-container .form-row textarea.this250, #main-content-container .form-row select.this250, #main-content-container .form-row .select2-selection.this250, #main-content-container .form-row div.cke.this250, #main-content-container .filter-container input:not([type='button']).this250, #main-content-container .filter-container textarea.this250, #main-content-container .filter-container select.this250, #main-content-container .filter-container .select2-selection.this250, #main-content-container .filter-container div.cke.this250, .ui-dialog .form-row input:not([type='button']).this250, .ui-dialog .form-row textarea.this250, .ui-dialog .form-row select.this250, .ui-dialog .form-row .select2-selection.this250, .ui-dialog .form-row div.cke.this250, .ui-dialog .filter-container input:not([type='button']).this250, .ui-dialog .filter-container textarea.this250, .ui-dialog .filter-container select.this250, .ui-dialog .filter-container .select2-selection.this250, .ui-dialog .filter-container div.cke.this250 { width: 250px; } #main-content-container .form-row input:not([type='button']).other100, #main-content-container .form-row textarea.other100, #main-content-container .form-row select.other100, #main-content-container .form-row .select2-selection.other100, #main-content-container .form-row div.cke.other100, #main-content-container .filter-container input:not([type='button']).other100, #main-content-container .filter-container textarea.other100, #main-content-container .filter-container select.other100, #main-content-container .filter-container .select2-selection.other100, #main-content-container .filter-container div.cke.other100, .ui-dialog .form-row input:not([type='button']).other100, .ui-dialog .form-row textarea.other100, .ui-dialog .form-row select.other100, .ui-dialog .form-row .select2-selection.other100, .ui-dialog .form-row div.cke.other100, .ui-dialog .filter-container input:not([type='button']).other100, .ui-dialog .filter-container textarea.other100, .ui-dialog .filter-container select.other100, .ui-dialog .filter-container .select2-selection.other100, .ui-dialog .filter-container div.cke.other100 { width: calc( 100% - 12em - 110px ); } #main-content-container .form-row input:not([type='button']).other150, #main-content-container .form-row textarea.other150, #main-content-container .form-row select.other150, #main-content-container .form-row .select2-selection.other150, #main-content-container .form-row div.cke.other150, #main-content-container .filter-container input:not([type='button']).other150, #main-content-container .filter-container textarea.other150, #main-content-container .filter-container select.other150, #main-content-container .filter-container .select2-selection.other150, #main-content-container .filter-container div.cke.other150, .ui-dialog .form-row input:not([type='button']).other150, .ui-dialog .form-row textarea.other150, .ui-dialog .form-row select.other150, .ui-dialog .form-row .select2-selection.other150, .ui-dialog .form-row div.cke.other150, .ui-dialog .filter-container input:not([type='button']).other150, .ui-dialog .filter-container textarea.other150, .ui-dialog .filter-container select.other150, .ui-dialog .filter-container .select2-selection.other150, .ui-dialog .filter-container div.cke.other150 { width: calc( 100% - 12em - 160px ); } #main-content-container .form-row input:not([type='button']).other150_2, #main-content-container .form-row textarea.other150_2, #main-content-container .form-row select.other150_2, #main-content-container .form-row .select2-selection.other150_2, #main-content-container .form-row div.cke.other150_2, #main-content-container .filter-container input:not([type='button']).other150_2, #main-content-container .filter-container textarea.other150_2, #main-content-container .filter-container select.other150_2, #main-content-container .filter-container .select2-selection.other150_2, #main-content-container .filter-container div.cke.other150_2, .ui-dialog .form-row input:not([type='button']).other150_2, .ui-dialog .form-row textarea.other150_2, .ui-dialog .form-row select.other150_2, .ui-dialog .form-row .select2-selection.other150_2, .ui-dialog .form-row div.cke.other150_2, .ui-dialog .filter-container input:not([type='button']).other150_2, .ui-dialog .filter-container textarea.other150_2, .ui-dialog .filter-container select.other150_2, .ui-dialog .filter-container .select2-selection.other150_2, .ui-dialog .filter-container div.cke.other150_2 { width: calc( 100% - 158px ); } #main-content-container .form-row input:not([type='button']).other165_2, #main-content-container .form-row textarea.other165_2, #main-content-container .form-row select.other165_2, #main-content-container .form-row .select2-selection.other165_2, #main-content-container .form-row div.cke.other165_2, #main-content-container .filter-container input:not([type='button']).other165_2, #main-content-container .filter-container textarea.other165_2, #main-content-container .filter-container select.other165_2, #main-content-container .filter-container .select2-selection.other165_2, #main-content-container .filter-container div.cke.other165_2, .ui-dialog .form-row input:not([type='button']).other165_2, .ui-dialog .form-row textarea.other165_2, .ui-dialog .form-row select.other165_2, .ui-dialog .form-row .select2-selection.other165_2, .ui-dialog .form-row div.cke.other165_2, .ui-dialog .filter-container input:not([type='button']).other165_2, .ui-dialog .filter-container textarea.other165_2, .ui-dialog .filter-container select.other165_2, .ui-dialog .filter-container .select2-selection.other165_2, .ui-dialog .filter-container div.cke.other165_2 { width: calc( 100% - 173px ); } #main-content-container .form-row input:not([type='button']).other175, #main-content-container .form-row textarea.other175, #main-content-container .form-row select.other175, #main-content-container .form-row .select2-selection.other175, #main-content-container .form-row div.cke.other175, #main-content-container .filter-container input:not([type='button']).other175, #main-content-container .filter-container textarea.other175, #main-content-container .filter-container select.other175, #main-content-container .filter-container .select2-selection.other175, #main-content-container .filter-container div.cke.other175, .ui-dialog .form-row input:not([type='button']).other175, .ui-dialog .form-row textarea.other175, .ui-dialog .form-row select.other175, .ui-dialog .form-row .select2-selection.other175, .ui-dialog .form-row div.cke.other175, .ui-dialog .filter-container input:not([type='button']).other175, .ui-dialog .filter-container textarea.other175, .ui-dialog .filter-container select.other175, .ui-dialog .filter-container .select2-selection.other175, .ui-dialog .filter-container div.cke.other175 { width: calc( 100% - 12em - 179px ); } #main-content-container .form-row input:not([type='button']).other180_2, #main-content-container .form-row textarea.other180_2, #main-content-container .form-row select.other180_2, #main-content-container .form-row .select2-selection.other180_2, #main-content-container .form-row div.cke.other180_2, #main-content-container .filter-container input:not([type='button']).other180_2, #main-content-container .filter-container textarea.other180_2, #main-content-container .filter-container select.other180_2, #main-content-container .filter-container .select2-selection.other180_2, #main-content-container .filter-container div.cke.other180_2, .ui-dialog .form-row input:not([type='button']).other180_2, .ui-dialog .form-row textarea.other180_2, .ui-dialog .form-row select.other180_2, .ui-dialog .form-row .select2-selection.other180_2, .ui-dialog .form-row div.cke.other180_2, .ui-dialog .filter-container input:not([type='button']).other180_2, .ui-dialog .filter-container textarea.other180_2, .ui-dialog .filter-container select.other180_2, .ui-dialog .filter-container .select2-selection.other180_2, .ui-dialog .filter-container div.cke.other180_2 { width: calc( 100% - 188px ); } #main-content-container .form-row input:not([type='button']).half, #main-content-container .form-row textarea.half, #main-content-container .form-row select.half, #main-content-container .form-row .select2-selection.half, #main-content-container .form-row div.cke.half, #main-content-container .filter-container input:not([type='button']).half, #main-content-container .filter-container textarea.half, #main-content-container .filter-container select.half, #main-content-container .filter-container .select2-selection.half, #main-content-container .filter-container div.cke.half, .ui-dialog .form-row input:not([type='button']).half, .ui-dialog .form-row textarea.half, .ui-dialog .form-row select.half, .ui-dialog .form-row .select2-selection.half, .ui-dialog .form-row div.cke.half, .ui-dialog .filter-container input:not([type='button']).half, .ui-dialog .filter-container textarea.half, .ui-dialog .filter-container select.half, .ui-dialog .filter-container .select2-selection.half, .ui-dialog .filter-container div.cke.half { min-width: 100px; width: calc( ( 100% - 12em - 4px ) / 2 ); } #main-content-container .form-row input:not([type='button']).one-third, #main-content-container .form-row textarea.one-third, #main-content-container .form-row select.one-third, #main-content-container .form-row .select2-selection.one-third, #main-content-container .form-row div.cke.one-third, #main-content-container .filter-container input:not([type='button']).one-third, #main-content-container .filter-container textarea.one-third, #main-content-container .filter-container select.one-third, #main-content-container .filter-container .select2-selection.one-third, #main-content-container .filter-container div.cke.one-third, .ui-dialog .form-row input:not([type='button']).one-third, .ui-dialog .form-row textarea.one-third, .ui-dialog .form-row select.one-third, .ui-dialog .form-row .select2-selection.one-third, .ui-dialog .form-row div.cke.one-third, .ui-dialog .filter-container input:not([type='button']).one-third, .ui-dialog .filter-container textarea.one-third, .ui-dialog .filter-container select.one-third, .ui-dialog .filter-container .select2-selection.one-third, .ui-dialog .filter-container div.cke.one-third { min-width: 100px; width: calc( ( 100% - 12em - 8px ) / 3 ); } #main-content-container .form-row input:not([type='button']).one-quarter, #main-content-container .form-row textarea.one-quarter, #main-content-container .form-row select.one-quarter, #main-content-container .form-row .select2-selection.one-quarter, #main-content-container .form-row div.cke.one-quarter, #main-content-container .filter-container input:not([type='button']).one-quarter, #main-content-container .filter-container textarea.one-quarter, #main-content-container .filter-container select.one-quarter, #main-content-container .filter-container .select2-selection.one-quarter, #main-content-container .filter-container div.cke.one-quarter, .ui-dialog .form-row input:not([type='button']).one-quarter, .ui-dialog .form-row textarea.one-quarter, .ui-dialog .form-row select.one-quarter, .ui-dialog .form-row .select2-selection.one-quarter, .ui-dialog .form-row div.cke.one-quarter, .ui-dialog .filter-container input:not([type='button']).one-quarter, .ui-dialog .filter-container textarea.one-quarter, .ui-dialog .filter-container select.one-quarter, .ui-dialog .filter-container .select2-selection.one-quarter, .ui-dialog .filter-container div.cke.one-quarter { min-width: 100px; width: calc( ( 100% - 12em - 12px ) / 4 ); } #main-content-container .form-row input:not([type='button']).error, #main-content-container .form-row textarea.error, #main-content-container .form-row select.error, #main-content-container .form-row .select2-selection.error, #main-content-container .form-row div.cke.error, #main-content-container .filter-container input:not([type='button']).error, #main-content-container .filter-container textarea.error, #main-content-container .filter-container select.error, #main-content-container .filter-container .select2-selection.error, #main-content-container .filter-container div.cke.error, .ui-dialog .form-row input:not([type='button']).error, .ui-dialog .form-row textarea.error, .ui-dialog .form-row select.error, .ui-dialog .form-row .select2-selection.error, .ui-dialog .form-row div.cke.error, .ui-dialog .filter-container input:not([type='button']).error, .ui-dialog .filter-container textarea.error, .ui-dialog .filter-container select.error, .ui-dialog .filter-container .select2-selection.error, .ui-dialog .filter-container div.cke.error { border: 2px solid red !important; } #main-content-container .form-row input:not([type='button']).color_green, #main-content-container .form-row textarea.color_green, #main-content-container .form-row select.color_green, #main-content-container .form-row .select2-selection.color_green, #main-content-container .form-row div.cke.color_green, #main-content-container .filter-container input:not([type='button']).color_green, #main-content-container .filter-container textarea.color_green, #main-content-container .filter-container select.color_green, #main-content-container .filter-container .select2-selection.color_green, #main-content-container .filter-container div.cke.color_green, .ui-dialog .form-row input:not([type='button']).color_green, .ui-dialog .form-row textarea.color_green, .ui-dialog .form-row select.color_green, .ui-dialog .form-row .select2-selection.color_green, .ui-dialog .form-row div.cke.color_green, .ui-dialog .filter-container input:not([type='button']).color_green, .ui-dialog .filter-container textarea.color_green, .ui-dialog .filter-container select.color_green, .ui-dialog .filter-container .select2-selection.color_green, .ui-dialog .filter-container div.cke.color_green { background-color: #0f0; } #main-content-container .form-row input:not([type='button']).color_grey, #main-content-container .form-row textarea.color_grey, #main-content-container .form-row select.color_grey, #main-content-container .form-row .select2-selection.color_grey, #main-content-container .form-row div.cke.color_grey, #main-content-container .filter-container input:not([type='button']).color_grey, #main-content-container .filter-container textarea.color_grey, #main-content-container .filter-container select.color_grey, #main-content-container .filter-container .select2-selection.color_grey, #main-content-container .filter-container div.cke.color_grey, .ui-dialog .form-row input:not([type='button']).color_grey, .ui-dialog .form-row textarea.color_grey, .ui-dialog .form-row select.color_grey, .ui-dialog .form-row .select2-selection.color_grey, .ui-dialog .form-row div.cke.color_grey, .ui-dialog .filter-container input:not([type='button']).color_grey, .ui-dialog .filter-container textarea.color_grey, .ui-dialog .filter-container select.color_grey, .ui-dialog .filter-container .select2-selection.color_grey, .ui-dialog .filter-container div.cke.color_grey { background-color: #eee; } #main-content-container .form-row input:not([type='button']).color_orange, #main-content-container .form-row textarea.color_orange, #main-content-container .form-row select.color_orange, #main-content-container .form-row .select2-selection.color_orange, #main-content-container .form-row div.cke.color_orange, #main-content-container .filter-container input:not([type='button']).color_orange, #main-content-container .filter-container textarea.color_orange, #main-content-container .filter-container select.color_orange, #main-content-container .filter-container .select2-selection.color_orange, #main-content-container .filter-container div.cke.color_orange, .ui-dialog .form-row input:not([type='button']).color_orange, .ui-dialog .form-row textarea.color_orange, .ui-dialog .form-row select.color_orange, .ui-dialog .form-row .select2-selection.color_orange, .ui-dialog .form-row div.cke.color_orange, .ui-dialog .filter-container input:not([type='button']).color_orange, .ui-dialog .filter-container textarea.color_orange, .ui-dialog .filter-container select.color_orange, .ui-dialog .filter-container .select2-selection.color_orange, .ui-dialog .filter-container div.cke.color_orange { background-color: #fa0; } #main-content-container .form-row input:not([type='button']).color_red, #main-content-container .form-row textarea.color_red, #main-content-container .form-row select.color_red, #main-content-container .form-row .select2-selection.color_red, #main-content-container .form-row div.cke.color_red, #main-content-container .filter-container input:not([type='button']).color_red, #main-content-container .filter-container textarea.color_red, #main-content-container .filter-container select.color_red, #main-content-container .filter-container .select2-selection.color_red, #main-content-container .filter-container div.cke.color_red, .ui-dialog .form-row input:not([type='button']).color_red, .ui-dialog .form-row textarea.color_red, .ui-dialog .form-row select.color_red, .ui-dialog .form-row .select2-selection.color_red, .ui-dialog .form-row div.cke.color_red, .ui-dialog .filter-container input:not([type='button']).color_red, .ui-dialog .filter-container textarea.color_red, .ui-dialog .filter-container select.color_red, .ui-dialog .filter-container .select2-selection.color_red, .ui-dialog .filter-container div.cke.color_red { background-color: #f00; color: #fff; } #main-content-container .form-row input:not([type='button']).color_yellow, #main-content-container .form-row textarea.color_yellow, #main-content-container .form-row select.color_yellow, #main-content-container .form-row .select2-selection.color_yellow, #main-content-container .form-row div.cke.color_yellow, #main-content-container .filter-container input:not([type='button']).color_yellow, #main-content-container .filter-container textarea.color_yellow, #main-content-container .filter-container select.color_yellow, #main-content-container .filter-container .select2-selection.color_yellow, #main-content-container .filter-container div.cke.color_yellow, .ui-dialog .form-row input:not([type='button']).color_yellow, .ui-dialog .form-row textarea.color_yellow, .ui-dialog .form-row select.color_yellow, .ui-dialog .form-row .select2-selection.color_yellow, .ui-dialog .form-row div.cke.color_yellow, .ui-dialog .filter-container input:not([type='button']).color_yellow, .ui-dialog .filter-container textarea.color_yellow, .ui-dialog .filter-container select.color_yellow, .ui-dialog .filter-container .select2-selection.color_yellow, .ui-dialog .filter-container div.cke.color_yellow { background-color: #ff0; } #main-content-container .form-row input:not([type='button']).dialog_titlebar, #main-content-container .form-row textarea.dialog_titlebar, #main-content-container .form-row select.dialog_titlebar, #main-content-container .form-row .select2-selection.dialog_titlebar, #main-content-container .form-row div.cke.dialog_titlebar, #main-content-container .filter-container input:not([type='button']).dialog_titlebar, #main-content-container .filter-container textarea.dialog_titlebar, #main-content-container .filter-container select.dialog_titlebar, #main-content-container .filter-container .select2-selection.dialog_titlebar, #main-content-container .filter-container div.cke.dialog_titlebar, .ui-dialog .form-row input:not([type='button']).dialog_titlebar, .ui-dialog .form-row textarea.dialog_titlebar, .ui-dialog .form-row select.dialog_titlebar, .ui-dialog .form-row .select2-selection.dialog_titlebar, .ui-dialog .form-row div.cke.dialog_titlebar, .ui-dialog .filter-container input:not([type='button']).dialog_titlebar, .ui-dialog .filter-container textarea.dialog_titlebar, .ui-dialog .filter-container select.dialog_titlebar, .ui-dialog .filter-container .select2-selection.dialog_titlebar, .ui-dialog .filter-container div.cke.dialog_titlebar { background-color: blue; } #main-content-container .form-row input[type='button'], #main-content-container .form-row input[type='checkbox'], #main-content-container .form-row input[type='radio'], #main-content-container .filter-container input[type='button'], #main-content-container .filter-container input[type='checkbox'], #main-content-container .filter-container input[type='radio'], .ui-dialog .form-row input[type='button'], .ui-dialog .form-row input[type='checkbox'], .ui-dialog .form-row input[type='radio'], .ui-dialog .filter-container input[type='button'], .ui-dialog .filter-container input[type='checkbox'], .ui-dialog .filter-container input[type='radio'] { width: auto; } #main-content-container .form-row input[type='text'].colorpicker, #main-content-container .filter-container input[type='text'].colorpicker, .ui-dialog .form-row input[type='text'].colorpicker, .ui-dialog .filter-container input[type='text'].colorpicker { width: 52px; color: #ffffff; } #main-content-container .form-row img.affected, #main-content-container .filter-container img.affected, .ui-dialog .form-row img.affected, .ui-dialog .filter-container img.affected { display: inline-block; margin: 0; margin-left: 12em; max-height: 100px; max-width: calc( 100% - 12em ); padding: 0.3em 0.6em; vertical-align: middle; } #main-content-container .form-row .shared-row, #main-content-container .filter-container .shared-row, .ui-dialog .form-row .shared-row, .ui-dialog .filter-container .shared-row { box-sizing: border-box; display: inline-block; vertical-align: middle; white-space: nowrap; width: calc(100% - 12em); } @media only screen and (max-width: 700px) { #main-content-container .form-row .shared-row, #main-content-container .filter-container .shared-row, .ui-dialog .form-row .shared-row, .ui-dialog .filter-container .shared-row { margin: 0px 10px; text-align: left; display: block; width: calc(100% - 20px); } } #main-content-container .form-row .shared-row .titled_input, #main-content-container .filter-container .shared-row .titled_input, .ui-dialog .form-row .shared-row .titled_input, .ui-dialog .filter-container .shared-row .titled_input { display: inline-block; } @media only screen and (max-width: 700px) { #main-content-container .form-row .shared-row input, #main-content-container .form-row .shared-row textarea, #main-content-container .form-row .shared-row select, #main-content-container .form-row .shared-row .select2-selection, #main-content-container .form-row .shared-row .titled_input, #main-content-container .filter-container .shared-row input, #main-content-container .filter-container .shared-row textarea, #main-content-container .filter-container .shared-row select, #main-content-container .filter-container .shared-row .select2-selection, #main-content-container .filter-container .shared-row .titled_input, .ui-dialog .form-row .shared-row input, .ui-dialog .form-row .shared-row textarea, .ui-dialog .form-row .shared-row select, .ui-dialog .form-row .shared-row .select2-selection, .ui-dialog .form-row .shared-row .titled_input, .ui-dialog .filter-container .shared-row input, .ui-dialog .filter-container .shared-row textarea, .ui-dialog .filter-container .shared-row select, .ui-dialog .filter-container .shared-row .select2-selection, .ui-dialog .filter-container .shared-row .titled_input { margin: 0; } } #main-content-container .form-row .shared-row input.this100, #main-content-container .form-row .shared-row textarea.this100, #main-content-container .form-row .shared-row select.this100, #main-content-container .form-row .shared-row .select2-selection.this100, #main-content-container .form-row .shared-row .titled_input.this100, #main-content-container .filter-container .shared-row input.this100, #main-content-container .filter-container .shared-row textarea.this100, #main-content-container .filter-container .shared-row select.this100, #main-content-container .filter-container .shared-row .select2-selection.this100, #main-content-container .filter-container .shared-row .titled_input.this100, .ui-dialog .form-row .shared-row input.this100, .ui-dialog .form-row .shared-row textarea.this100, .ui-dialog .form-row .shared-row select.this100, .ui-dialog .form-row .shared-row .select2-selection.this100, .ui-dialog .form-row .shared-row .titled_input.this100, .ui-dialog .filter-container .shared-row input.this100, .ui-dialog .filter-container .shared-row textarea.this100, .ui-dialog .filter-container .shared-row select.this100, .ui-dialog .filter-container .shared-row .select2-selection.this100, .ui-dialog .filter-container .shared-row .titled_input.this100 { width: 100px; } #main-content-container .form-row .shared-row input.this150, #main-content-container .form-row .shared-row textarea.this150, #main-content-container .form-row .shared-row select.this150, #main-content-container .form-row .shared-row .select2-selection.this150, #main-content-container .form-row .shared-row .titled_input.this150, #main-content-container .filter-container .shared-row input.this150, #main-content-container .filter-container .shared-row textarea.this150, #main-content-container .filter-container .shared-row select.this150, #main-content-container .filter-container .shared-row .select2-selection.this150, #main-content-container .filter-container .shared-row .titled_input.this150, .ui-dialog .form-row .shared-row input.this150, .ui-dialog .form-row .shared-row textarea.this150, .ui-dialog .form-row .shared-row select.this150, .ui-dialog .form-row .shared-row .select2-selection.this150, .ui-dialog .form-row .shared-row .titled_input.this150, .ui-dialog .filter-container .shared-row input.this150, .ui-dialog .filter-container .shared-row textarea.this150, .ui-dialog .filter-container .shared-row select.this150, .ui-dialog .filter-container .shared-row .select2-selection.this150, .ui-dialog .filter-container .shared-row .titled_input.this150 { width: 150px; } #main-content-container .form-row .shared-row input.this175, #main-content-container .form-row .shared-row textarea.this175, #main-content-container .form-row .shared-row select.this175, #main-content-container .form-row .shared-row .select2-selection.this175, #main-content-container .form-row .shared-row .titled_input.this175, #main-content-container .filter-container .shared-row input.this175, #main-content-container .filter-container .shared-row textarea.this175, #main-content-container .filter-container .shared-row select.this175, #main-content-container .filter-container .shared-row .select2-selection.this175, #main-content-container .filter-container .shared-row .titled_input.this175, .ui-dialog .form-row .shared-row input.this175, .ui-dialog .form-row .shared-row textarea.this175, .ui-dialog .form-row .shared-row select.this175, .ui-dialog .form-row .shared-row .select2-selection.this175, .ui-dialog .form-row .shared-row .titled_input.this175, .ui-dialog .filter-container .shared-row input.this175, .ui-dialog .filter-container .shared-row textarea.this175, .ui-dialog .filter-container .shared-row select.this175, .ui-dialog .filter-container .shared-row .select2-selection.this175, .ui-dialog .filter-container .shared-row .titled_input.this175 { width: 175px; } #main-content-container .form-row .shared-row input.this200, #main-content-container .form-row .shared-row textarea.this200, #main-content-container .form-row .shared-row select.this200, #main-content-container .form-row .shared-row .select2-selection.this200, #main-content-container .form-row .shared-row .titled_input.this200, #main-content-container .filter-container .shared-row input.this200, #main-content-container .filter-container .shared-row textarea.this200, #main-content-container .filter-container .shared-row select.this200, #main-content-container .filter-container .shared-row .select2-selection.this200, #main-content-container .filter-container .shared-row .titled_input.this200, .ui-dialog .form-row .shared-row input.this200, .ui-dialog .form-row .shared-row textarea.this200, .ui-dialog .form-row .shared-row select.this200, .ui-dialog .form-row .shared-row .select2-selection.this200, .ui-dialog .form-row .shared-row .titled_input.this200, .ui-dialog .filter-container .shared-row input.this200, .ui-dialog .filter-container .shared-row textarea.this200, .ui-dialog .filter-container .shared-row select.this200, .ui-dialog .filter-container .shared-row .select2-selection.this200, .ui-dialog .filter-container .shared-row .titled_input.this200 { width: 200px; } #main-content-container .form-row .shared-row input.other100, #main-content-container .form-row .shared-row textarea.other100, #main-content-container .form-row .shared-row select.other100, #main-content-container .form-row .shared-row .select2-selection.other100, #main-content-container .form-row .shared-row .titled_input.other100, #main-content-container .filter-container .shared-row input.other100, #main-content-container .filter-container .shared-row textarea.other100, #main-content-container .filter-container .shared-row select.other100, #main-content-container .filter-container .shared-row .select2-selection.other100, #main-content-container .filter-container .shared-row .titled_input.other100, .ui-dialog .form-row .shared-row input.other100, .ui-dialog .form-row .shared-row textarea.other100, .ui-dialog .form-row .shared-row select.other100, .ui-dialog .form-row .shared-row .select2-selection.other100, .ui-dialog .form-row .shared-row .titled_input.other100, .ui-dialog .filter-container .shared-row input.other100, .ui-dialog .filter-container .shared-row textarea.other100, .ui-dialog .filter-container .shared-row select.other100, .ui-dialog .filter-container .shared-row .select2-selection.other100, .ui-dialog .filter-container .shared-row .titled_input.other100 { width: calc( 100% - 104px ); } #main-content-container .form-row .shared-row input.other175, #main-content-container .form-row .shared-row textarea.other175, #main-content-container .form-row .shared-row select.other175, #main-content-container .form-row .shared-row .select2-selection.other175, #main-content-container .form-row .shared-row .titled_input.other175, #main-content-container .filter-container .shared-row input.other175, #main-content-container .filter-container .shared-row textarea.other175, #main-content-container .filter-container .shared-row select.other175, #main-content-container .filter-container .shared-row .select2-selection.other175, #main-content-container .filter-container .shared-row .titled_input.other175, .ui-dialog .form-row .shared-row input.other175, .ui-dialog .form-row .shared-row textarea.other175, .ui-dialog .form-row .shared-row select.other175, .ui-dialog .form-row .shared-row .select2-selection.other175, .ui-dialog .form-row .shared-row .titled_input.other175, .ui-dialog .filter-container .shared-row input.other175, .ui-dialog .filter-container .shared-row textarea.other175, .ui-dialog .filter-container .shared-row select.other175, .ui-dialog .filter-container .shared-row .select2-selection.other175, .ui-dialog .filter-container .shared-row .titled_input.other175 { width: calc( 100% - 179px ); } #main-content-container .form-row .shared-row input.full, #main-content-container .form-row .shared-row textarea.full, #main-content-container .form-row .shared-row select.full, #main-content-container .form-row .shared-row .select2-selection.full, #main-content-container .form-row .shared-row .titled_input.full, #main-content-container .filter-container .shared-row input.full, #main-content-container .filter-container .shared-row textarea.full, #main-content-container .filter-container .shared-row select.full, #main-content-container .filter-container .shared-row .select2-selection.full, #main-content-container .filter-container .shared-row .titled_input.full, .ui-dialog .form-row .shared-row input.full, .ui-dialog .form-row .shared-row textarea.full, .ui-dialog .form-row .shared-row select.full, .ui-dialog .form-row .shared-row .select2-selection.full, .ui-dialog .form-row .shared-row .titled_input.full, .ui-dialog .filter-container .shared-row input.full, .ui-dialog .filter-container .shared-row textarea.full, .ui-dialog .filter-container .shared-row select.full, .ui-dialog .filter-container .shared-row .select2-selection.full, .ui-dialog .filter-container .shared-row .titled_input.full { min-width: 100px; width: 85%; } #main-content-container .form-row .shared-row input.half, #main-content-container .form-row .shared-row textarea.half, #main-content-container .form-row .shared-row select.half, #main-content-container .form-row .shared-row .select2-selection.half, #main-content-container .form-row .shared-row .titled_input.half, #main-content-container .filter-container .shared-row input.half, #main-content-container .filter-container .shared-row textarea.half, #main-content-container .filter-container .shared-row select.half, #main-content-container .filter-container .shared-row .select2-selection.half, #main-content-container .filter-container .shared-row .titled_input.half, .ui-dialog .form-row .shared-row input.half, .ui-dialog .form-row .shared-row textarea.half, .ui-dialog .form-row .shared-row select.half, .ui-dialog .form-row .shared-row .select2-selection.half, .ui-dialog .form-row .shared-row .titled_input.half, .ui-dialog .filter-container .shared-row input.half, .ui-dialog .filter-container .shared-row textarea.half, .ui-dialog .filter-container .shared-row select.half, .ui-dialog .filter-container .shared-row .select2-selection.half, .ui-dialog .filter-container .shared-row .titled_input.half { min-width: 100px; width: calc( ( 100% - 4px ) / 2 ); } #main-content-container .form-row .shared-row input.one-third, #main-content-container .form-row .shared-row textarea.one-third, #main-content-container .form-row .shared-row select.one-third, #main-content-container .form-row .shared-row .select2-selection.one-third, #main-content-container .form-row .shared-row .titled_input.one-third, #main-content-container .filter-container .shared-row input.one-third, #main-content-container .filter-container .shared-row textarea.one-third, #main-content-container .filter-container .shared-row select.one-third, #main-content-container .filter-container .shared-row .select2-selection.one-third, #main-content-container .filter-container .shared-row .titled_input.one-third, .ui-dialog .form-row .shared-row input.one-third, .ui-dialog .form-row .shared-row textarea.one-third, .ui-dialog .form-row .shared-row select.one-third, .ui-dialog .form-row .shared-row .select2-selection.one-third, .ui-dialog .form-row .shared-row .titled_input.one-third, .ui-dialog .filter-container .shared-row input.one-third, .ui-dialog .filter-container .shared-row textarea.one-third, .ui-dialog .filter-container .shared-row select.one-third, .ui-dialog .filter-container .shared-row .select2-selection.one-third, .ui-dialog .filter-container .shared-row .titled_input.one-third { min-width: 100px; width: calc( ( 100% - 8px ) / 3 ); } #main-content-container .form-row .shared-row input.one-quarter, #main-content-container .form-row .shared-row textarea.one-quarter, #main-content-container .form-row .shared-row select.one-quarter, #main-content-container .form-row .shared-row .select2-selection.one-quarter, #main-content-container .form-row .shared-row .titled_input.one-quarter, #main-content-container .filter-container .shared-row input.one-quarter, #main-content-container .filter-container .shared-row textarea.one-quarter, #main-content-container .filter-container .shared-row select.one-quarter, #main-content-container .filter-container .shared-row .select2-selection.one-quarter, #main-content-container .filter-container .shared-row .titled_input.one-quarter, .ui-dialog .form-row .shared-row input.one-quarter, .ui-dialog .form-row .shared-row textarea.one-quarter, .ui-dialog .form-row .shared-row select.one-quarter, .ui-dialog .form-row .shared-row .select2-selection.one-quarter, .ui-dialog .form-row .shared-row .titled_input.one-quarter, .ui-dialog .filter-container .shared-row input.one-quarter, .ui-dialog .filter-container .shared-row textarea.one-quarter, .ui-dialog .filter-container .shared-row select.one-quarter, .ui-dialog .filter-container .shared-row .select2-selection.one-quarter, .ui-dialog .filter-container .shared-row .titled_input.one-quarter { min-width: 100px; width: calc( ( 100% - 12px ) / 4 ); } #main-content-container .form-row .shared-row input.error, #main-content-container .form-row .shared-row textarea.error, #main-content-container .form-row .shared-row select.error, #main-content-container .form-row .shared-row .select2-selection.error, #main-content-container .form-row .shared-row .titled_input.error, #main-content-container .filter-container .shared-row input.error, #main-content-container .filter-container .shared-row textarea.error, #main-content-container .filter-container .shared-row select.error, #main-content-container .filter-container .shared-row .select2-selection.error, #main-content-container .filter-container .shared-row .titled_input.error, .ui-dialog .form-row .shared-row input.error, .ui-dialog .form-row .shared-row textarea.error, .ui-dialog .form-row .shared-row select.error, .ui-dialog .form-row .shared-row .select2-selection.error, .ui-dialog .form-row .shared-row .titled_input.error, .ui-dialog .filter-container .shared-row input.error, .ui-dialog .filter-container .shared-row textarea.error, .ui-dialog .filter-container .shared-row select.error, .ui-dialog .filter-container .shared-row .select2-selection.error, .ui-dialog .filter-container .shared-row .titled_input.error { border: 2px solid red !important; } #main-content-container .form-row .shared-row input.color_green, #main-content-container .form-row .shared-row textarea.color_green, #main-content-container .form-row .shared-row select.color_green, #main-content-container .form-row .shared-row .select2-selection.color_green, #main-content-container .form-row .shared-row .titled_input.color_green, #main-content-container .filter-container .shared-row input.color_green, #main-content-container .filter-container .shared-row textarea.color_green, #main-content-container .filter-container .shared-row select.color_green, #main-content-container .filter-container .shared-row .select2-selection.color_green, #main-content-container .filter-container .shared-row .titled_input.color_green, .ui-dialog .form-row .shared-row input.color_green, .ui-dialog .form-row .shared-row textarea.color_green, .ui-dialog .form-row .shared-row select.color_green, .ui-dialog .form-row .shared-row .select2-selection.color_green, .ui-dialog .form-row .shared-row .titled_input.color_green, .ui-dialog .filter-container .shared-row input.color_green, .ui-dialog .filter-container .shared-row textarea.color_green, .ui-dialog .filter-container .shared-row select.color_green, .ui-dialog .filter-container .shared-row .select2-selection.color_green, .ui-dialog .filter-container .shared-row .titled_input.color_green { background-color: #0f0; } #main-content-container .form-row .shared-row input.color_grey, #main-content-container .form-row .shared-row textarea.color_grey, #main-content-container .form-row .shared-row select.color_grey, #main-content-container .form-row .shared-row .select2-selection.color_grey, #main-content-container .form-row .shared-row .titled_input.color_grey, #main-content-container .filter-container .shared-row input.color_grey, #main-content-container .filter-container .shared-row textarea.color_grey, #main-content-container .filter-container .shared-row select.color_grey, #main-content-container .filter-container .shared-row .select2-selection.color_grey, #main-content-container .filter-container .shared-row .titled_input.color_grey, .ui-dialog .form-row .shared-row input.color_grey, .ui-dialog .form-row .shared-row textarea.color_grey, .ui-dialog .form-row .shared-row select.color_grey, .ui-dialog .form-row .shared-row .select2-selection.color_grey, .ui-dialog .form-row .shared-row .titled_input.color_grey, .ui-dialog .filter-container .shared-row input.color_grey, .ui-dialog .filter-container .shared-row textarea.color_grey, .ui-dialog .filter-container .shared-row select.color_grey, .ui-dialog .filter-container .shared-row .select2-selection.color_grey, .ui-dialog .filter-container .shared-row .titled_input.color_grey { background-color: #eee; } #main-content-container .form-row .shared-row input.color_orange, #main-content-container .form-row .shared-row textarea.color_orange, #main-content-container .form-row .shared-row select.color_orange, #main-content-container .form-row .shared-row .select2-selection.color_orange, #main-content-container .form-row .shared-row .titled_input.color_orange, #main-content-container .filter-container .shared-row input.color_orange, #main-content-container .filter-container .shared-row textarea.color_orange, #main-content-container .filter-container .shared-row select.color_orange, #main-content-container .filter-container .shared-row .select2-selection.color_orange, #main-content-container .filter-container .shared-row .titled_input.color_orange, .ui-dialog .form-row .shared-row input.color_orange, .ui-dialog .form-row .shared-row textarea.color_orange, .ui-dialog .form-row .shared-row select.color_orange, .ui-dialog .form-row .shared-row .select2-selection.color_orange, .ui-dialog .form-row .shared-row .titled_input.color_orange, .ui-dialog .filter-container .shared-row input.color_orange, .ui-dialog .filter-container .shared-row textarea.color_orange, .ui-dialog .filter-container .shared-row select.color_orange, .ui-dialog .filter-container .shared-row .select2-selection.color_orange, .ui-dialog .filter-container .shared-row .titled_input.color_orange { background-color: #fa0; } #main-content-container .form-row .shared-row input.color_red, #main-content-container .form-row .shared-row textarea.color_red, #main-content-container .form-row .shared-row select.color_red, #main-content-container .form-row .shared-row .select2-selection.color_red, #main-content-container .form-row .shared-row .titled_input.color_red, #main-content-container .filter-container .shared-row input.color_red, #main-content-container .filter-container .shared-row textarea.color_red, #main-content-container .filter-container .shared-row select.color_red, #main-content-container .filter-container .shared-row .select2-selection.color_red, #main-content-container .filter-container .shared-row .titled_input.color_red, .ui-dialog .form-row .shared-row input.color_red, .ui-dialog .form-row .shared-row textarea.color_red, .ui-dialog .form-row .shared-row select.color_red, .ui-dialog .form-row .shared-row .select2-selection.color_red, .ui-dialog .form-row .shared-row .titled_input.color_red, .ui-dialog .filter-container .shared-row input.color_red, .ui-dialog .filter-container .shared-row textarea.color_red, .ui-dialog .filter-container .shared-row select.color_red, .ui-dialog .filter-container .shared-row .select2-selection.color_red, .ui-dialog .filter-container .shared-row .titled_input.color_red { background-color: #f00; color: #fff; } #main-content-container .form-row .shared-row input.color_yellow, #main-content-container .form-row .shared-row textarea.color_yellow, #main-content-container .form-row .shared-row select.color_yellow, #main-content-container .form-row .shared-row .select2-selection.color_yellow, #main-content-container .form-row .shared-row .titled_input.color_yellow, #main-content-container .filter-container .shared-row input.color_yellow, #main-content-container .filter-container .shared-row textarea.color_yellow, #main-content-container .filter-container .shared-row select.color_yellow, #main-content-container .filter-container .shared-row .select2-selection.color_yellow, #main-content-container .filter-container .shared-row .titled_input.color_yellow, .ui-dialog .form-row .shared-row input.color_yellow, .ui-dialog .form-row .shared-row textarea.color_yellow, .ui-dialog .form-row .shared-row select.color_yellow, .ui-dialog .form-row .shared-row .select2-selection.color_yellow, .ui-dialog .form-row .shared-row .titled_input.color_yellow, .ui-dialog .filter-container .shared-row input.color_yellow, .ui-dialog .filter-container .shared-row textarea.color_yellow, .ui-dialog .filter-container .shared-row select.color_yellow, .ui-dialog .filter-container .shared-row .select2-selection.color_yellow, .ui-dialog .filter-container .shared-row .titled_input.color_yellow { background-color: #ff0; } #main-content-container .form-row .read-only, #main-content-container .filter-container .read-only, .ui-dialog .form-row .read-only, .ui-dialog .filter-container .read-only { box-sizing: border-box; display: inline-block; padding: 0.5em 0.6em; vertical-align: middle; width: calc( 100% - 12em ); } #main-content-container .form-row.hint, #main-content-container .filter-container.hint, .ui-dialog .form-row.hint, .ui-dialog .filter-container.hint { color: #424F5A; font-family: Open Sans; font-size: 12px; font-weight: 400; margin: 0; margin-top: -5px; margin-left: 11em; margin-bottom: 5px; display: inline-block; padding: 0 0.6em 0.3em; text-align: center; vertical-align: middle; width: calc( 100% - 12em ); } @media only screen and (max-width: 700px) { #main-content-container .form-row.hint, #main-content-container .filter-container.hint, .ui-dialog .form-row.hint, .ui-dialog .filter-container.hint { margin: 0; width: 100%; } } #main-content-container .filter-container, .ui-dialog .filter-container { margin-bottom: 15px; } #main-content-container .form-list, .ui-dialog .form-list { clear: both; width: 100%; max-height: 300px; min-height: 300px; } #main-content-container .form-list .table, .ui-dialog .form-list .table { max-height: inherit; display: flex; flex-direction: column; } #main-content-container .form-list .table .thead, .ui-dialog .form-list .table .thead { border-top: 1px solid #D0DADA; border-bottom: 1px solid #D0DADA; background: #F6F6F6 none repeat scroll 0% 0%; color: #424F5A; } #main-content-container .form-list .table .thead .row, .ui-dialog .form-list .table .thead .row { height: 38px; } #main-content-container .form-list .table .thead .row .column, .ui-dialog .form-list .table .thead .row .column { border-left: 1px dotted #D0DADA; padding: 0.25em 0.5em; } #main-content-container .form-list .table .thead .row .column:first-child, .ui-dialog .form-list .table .thead .row .column:first-child { border-left: none; } #main-content-container .form-list .table .thead .row .column.align-left, .ui-dialog .form-list .table .thead .row .column.align-left { text-align: left; } #main-content-container .form-list .table .thead .row .column.align-center, .ui-dialog .form-list .table .thead .row .column.align-center { text-align: center; } #main-content-container .form-list .table .thead .row .column.align-right, .ui-dialog .form-list .table .thead .row .column.align-right { text-align: right; } #main-content-container .form-list .table .tbody .row, .ui-dialog .form-list .table .tbody .row { height: 38px; } #main-content-container .form-list .table .tbody .row:nth-child(even), .ui-dialog .form-list .table .tbody .row:nth-child(even) { background-color: #f8f8f8; } #main-content-container .form-list .table .tbody .row:nth-child(odd), .ui-dialog .form-list .table .tbody .row:nth-child(odd) { background-color: #fff; } #main-content-container .form-list .table .tbody .row .column, .ui-dialog .form-list .table .tbody .row .column { padding: 0.25em 0.5em; vertical-align: top; } #main-content-container .form-list .table .tbody .row .column input, #main-content-container .form-list .table .tbody .row .column select, .ui-dialog .form-list .table .tbody .row .column input, .ui-dialog .form-list .table .tbody .row .column select { border: 2px solid #E5E5E5; box-sizing: border-box; display: inline-block; font-family: inherit; font-size: inherit; padding: 0.1em 0.2em; vertical-align: middle; width: auto; } #main-content-container .form-list .table .tbody .row .column.align-left, .ui-dialog .form-list .table .tbody .row .column.align-left { text-align: left; } #main-content-container .form-list .table .tbody .row .column.align-center, .ui-dialog .form-list .table .tbody .row .column.align-center { text-align: center; } #main-content-container .form-list .table .tbody .row .column.align-right, .ui-dialog .form-list .table .tbody .row .column.align-right { text-align: right; } #main-content-container .form-list .table .tbody .row .column.severity-warning, .ui-dialog .form-list .table .tbody .row .column.severity-warning { background-color: #ff0; color: #424F5A; } #main-content-container .form-list .table .tbody .row .column.severity-critical, .ui-dialog .form-list .table .tbody .row .column.severity-critical { background-color: #f00; color: #fff; } #main-content-container .popup-view .form-list, .ui-dialog .popup-view .form-list { width: calc( 100% + 2em ); margin: 0 -1em; padding-top: 20px; } #main-content-container .popup-view .form-area + .form-list, .ui-dialog .popup-view .form-area + .form-list { padding-top: 0px; } #main-content-container .popup-view hr, .ui-dialog .popup-view hr { border: 1px solid #D0DADA; clear: both; } #main-content-container .button-row, #main-content-container .ui-dialog-buttonpane, .ui-dialog .button-row, .ui-dialog .ui-dialog-buttonpane { background-color: #F6F6F6; border-top: 1px solid #D0DADA; bottom: 0; float: left; padding: 15px 0px; position: relative; text-align: right; width: 100%; } @media only screen and (max-width: 700px) { #main-content-container .button-row, #main-content-container .ui-dialog-buttonpane, .ui-dialog .button-row, .ui-dialog .ui-dialog-buttonpane { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; padding: 5px 0px; } } #main-content-container .button-row > span:not(.select2), #main-content-container .ui-dialog-buttonpane > span:not(.select2), .ui-dialog .button-row > span:not(.select2), .ui-dialog .ui-dialog-buttonpane > span:not(.select2) { pointer-events: none; } #main-content-container .button-row button, #main-content-container .button-row input[type=button], #main-content-container .button-row input[type=submit], #main-content-container .ui-dialog-buttonpane button, #main-content-container .ui-dialog-buttonpane input[type=button], #main-content-container .ui-dialog-buttonpane input[type=submit], .ui-dialog .button-row button, .ui-dialog .button-row input[type=button], .ui-dialog .button-row input[type=submit], .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane input[type=button], .ui-dialog .ui-dialog-buttonpane input[type=submit] { background: #424F5A none repeat scroll 0% 0%; border: 0px none transparent; border-left: 4px solid #424F5A; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; box-sizing: border-box; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: Open Sans; font-size: 16px; font-weight: 400; letter-spacing: 0.01em; line-height: normal; margin: 0 1.5em 0 0; padding: 0.5em 0.5em; text-align: center; text-decoration: none; -webkit-transition: border-color 0.3s; /* Chrome 4.0 / Safari all */ -moz-transition: border-color 0.3s; /* Firefox 4.0 */ -o-transition: border-color 0.3s; /* opera 10.5 */ transition: border-color 0.3s; vertical-align: middle; white-space: nowrap; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: -moz- none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; } #main-content-container .button-row button .ui-button-text, #main-content-container .button-row input[type=button] .ui-button-text, #main-content-container .button-row input[type=submit] .ui-button-text, #main-content-container .ui-dialog-buttonpane button .ui-button-text, #main-content-container .ui-dialog-buttonpane input[type=button] .ui-button-text, #main-content-container .ui-dialog-buttonpane input[type=submit] .ui-button-text, .ui-dialog .button-row button .ui-button-text, .ui-dialog .button-row input[type=button] .ui-button-text, .ui-dialog .button-row input[type=submit] .ui-button-text, .ui-dialog .ui-dialog-buttonpane button .ui-button-text, .ui-dialog .ui-dialog-buttonpane input[type=button] .ui-button-text, .ui-dialog .ui-dialog-buttonpane input[type=submit] .ui-button-text { padding: 0; } #main-content-container .button-row button:hover, #main-content-container .button-row input[type=button]:hover, #main-content-container .button-row input[type=submit]:hover, #main-content-container .ui-dialog-buttonpane button:hover, #main-content-container .ui-dialog-buttonpane input[type=button]:hover, #main-content-container .ui-dialog-buttonpane input[type=submit]:hover, .ui-dialog .button-row button:hover, .ui-dialog .button-row input[type=button]:hover, .ui-dialog .button-row input[type=submit]:hover, .ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane input[type=button]:hover, .ui-dialog .ui-dialog-buttonpane input[type=submit]:hover { border-left: 4px solid #C9DAF5; } @media only screen and (max-width: 700px) { #main-content-container .button-row button, #main-content-container .button-row input[type=button], #main-content-container .button-row input[type=submit], #main-content-container .button-row input, #main-content-container .ui-dialog-buttonpane button, #main-content-container .ui-dialog-buttonpane input[type=button], #main-content-container .ui-dialog-buttonpane input[type=submit], #main-content-container .ui-dialog-buttonpane input, .ui-dialog .button-row button, .ui-dialog .button-row input[type=button], .ui-dialog .button-row input[type=submit], .ui-dialog .button-row input, .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane input[type=button], .ui-dialog .ui-dialog-buttonpane input[type=submit], .ui-dialog .ui-dialog-buttonpane input { padding: 0.1em 0.5em; margin: 0.3em; flex-basis: calc( 50% - 0.6em ); } } #main-content-container .form-row + .button-row, #main-content-container .form-half + .button-row, .ui-dialog .form-row + .button-row, .ui-dialog .form-half + .button-row { margin-top: 10px !important; } #main-content-container .button-row.minor, .ui-dialog .button-row.minor { overflow: auto; padding: 0; padding-top: 0.5em; } #main-content-container .button-row.minor .button-group-container > span, .ui-dialog .button-row.minor .button-group-container > span { display: none; } @media only screen and (max-width: 700px) { #main-content-container .button-row.minor .button-group-container > span, .ui-dialog .button-row.minor .button-group-container > span { display: inline; color: white; } } #main-content-container .button-row.minor .button-group, .ui-dialog .button-row.minor .button-group { white-space: nowrap; margin: 0 0.5em 0.5em 0.5em; } #main-content-container .button-row.minor .button-group.align-left, .ui-dialog .button-row.minor .button-group.align-left { float: left; text-align: left; } @media only screen and (max-width: 1200px) { #main-content-container .button-row.minor .button-group, .ui-dialog .button-row.minor .button-group { clear: both; text-align: left; } } @media only screen and (max-width: 700px) { #main-content-container .button-row.minor .button-group, .ui-dialog .button-row.minor .button-group { display: none; position: absolute; background-color: #F6F6F6; min-width: 140px; padding: 0 0.5em; } } #main-content-container .button-row.minor .button-group button, #main-content-container .button-row.minor .button-group input[type=button], #main-content-container .button-row.minor .button-group input[type=submit], .ui-dialog .button-row.minor .button-group button, .ui-dialog .button-row.minor .button-group input[type=button], .ui-dialog .button-row.minor .button-group input[type=submit] { font-size: 12px; margin-right: 0.5em; } #main-content-container .button-row.minor .button-group button.image, #main-content-container .button-row.minor .button-group input[type=button].image, #main-content-container .button-row.minor .button-group input[type=submit].image, .ui-dialog .button-row.minor .button-group button.image, .ui-dialog .button-row.minor .button-group input[type=button].image, .ui-dialog .button-row.minor .button-group input[type=submit].image { padding-left: 24px; background-position: 2px center; background-repeat: no-repeat; background-size: 20px 20px; } @media only screen and (max-width: 700px) { #main-content-container .button-row.minor .button-group button, #main-content-container .button-row.minor .button-group input[type=button], #main-content-container .button-row.minor .button-group input[type=submit], .ui-dialog .button-row.minor .button-group button, .ui-dialog .button-row.minor .button-group input[type=button], .ui-dialog .button-row.minor .button-group input[type=submit] { display: block; } } @media only screen and (max-width: 700px) { #main-content-container .button-row.minor .button-group-container, .ui-dialog .button-row.minor .button-group-container { text-align: center; display: inline; width: 140px; margin: 0 0 0.5em 0.5em; padding: 0; background-color: #424F5A; } } @media only screen and (max-width: 700px) { #main-content-container .button-row.minor .button-group-container:hover .button-group, .ui-dialog .button-row.minor .button-group-container:hover .button-group { display: block; margin: 0; padding: 0; box-sizing: border-box; border: 2px solid #424F5A; } } @media only screen and (max-width: 700px) { #main-content-container .button-row.minor .button-group-container:hover button, #main-content-container .button-row.minor .button-group-container:hover input[type=button], #main-content-container .button-row.minor .button-group-container:hover input[type=submit], .ui-dialog .button-row.minor .button-group-container:hover button, .ui-dialog .button-row.minor .button-group-container:hover input[type=button], .ui-dialog .button-row.minor .button-group-container:hover input[type=submit] { margin: 0.5em; width: calc(100% - 1em) !important; } } @media only screen and (max-width: 700px) { #main-content-container .button-row.minor, .ui-dialog .button-row.minor { overflow: initial; z-index: 9999; min-width: 50px; min-height: 10px; flex-flow: row; } } #main-content-container .pdf_creator_container, .ui-dialog .pdf_creator_container { display: flex; } #main-content-container .pdf_creator_container .pdf_tab_container, .ui-dialog .pdf_creator_container .pdf_tab_container { flex: 1; display: flex; flex-direction: column; } #main-content-container .pdf_creator_container .pdf_tab_container .tabs, .ui-dialog .pdf_creator_container .pdf_tab_container .tabs { flex: 1; display: flex; flex-direction: column; } #main-content-container .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel, .ui-dialog .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel { border-bottom-right-radius: 0px; margin-bottom: 0px; flex: 1; overflow: hidden; position: relative; width: 100%; } #main-content-container .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .select2, .ui-dialog .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .select2 { width: auto; } #main-content-container .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel > .scroll_wrapper, .ui-dialog .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel > .scroll_wrapper { height: 100%; width: 100%; position: absolute; right: 0; top: 0; overflow: auto; } #main-content-container .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .dragable_text_module_container, #main-content-container .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .subform-view, #main-content-container .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .placeholder_container, .ui-dialog .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .dragable_text_module_container, .ui-dialog .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .subform-view, .ui-dialog .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .placeholder_container { margin: 20px; } #main-content-container .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .dragable_text_module_container .dragable_text_module, #main-content-container .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .dragable_text_module_container select, #main-content-container .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .dragable_text_module_container .select2-selection, .ui-dialog .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .dragable_text_module_container .dragable_text_module, .ui-dialog .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .dragable_text_module_container select, .ui-dialog .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .dragable_text_module_container .select2-selection { margin-top: 5px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #main-content-container .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .dragable_text_module_container .dragable_text_module, .ui-dialog .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .dragable_text_module_container .dragable_text_module { border: 3px dotted #E5E5E5; margin: 7px; padding: 5px; } #main-content-container .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .dragable_text_module_container hr, .ui-dialog .pdf_creator_container .pdf_tab_container .tabs .ui-tabs-panel .dragable_text_module_container hr { border-color: #FFFFFF80; } #main-content-container .pdf_creator_container .pdf_tab_container .button-row, .ui-dialog .pdf_creator_container .pdf_tab_container .button-row { flex: 0 0 40px; box-shadow: 3px 4px 20px -10px rgba(0, 0, 0, 0.3), 15px 3px 20px -20px rgba(0, 0, 0, 0.3), -15px 3px 20px -20px rgba(0, 0, 0, 0.3); } #main-content-container .pdf_creator_container > .scroll_wrapper, .ui-dialog .pdf_creator_container > .scroll_wrapper { min-width: 595px; flex: 0 0 60%; height: calc( 100vh - 100px ); overflow: auto; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); margin-right: 20px; } #main-content-container .pdf_creator_container > .scroll_wrapper .pdf_creator, .ui-dialog .pdf_creator_container > .scroll_wrapper .pdf_creator { width: 100%; min-height: calc( 100vh - 100px ); } #main-content-container .pdf_creator_container > .scroll_wrapper .pdf_creator.hover-active, .ui-dialog .pdf_creator_container > .scroll_wrapper .pdf_creator.hover-active { background-color: #dbdbdb; } #main-content-container .pdf_creator_container > .scroll_wrapper .pdf_creator.hover-ready, .ui-dialog .pdf_creator_container > .scroll_wrapper .pdf_creator.hover-ready { background-color: #ffd1a4; } #main-content-container .pdf_creator_container > .scroll_wrapper .pdf_creator .client_address_container, .ui-dialog .pdf_creator_container > .scroll_wrapper .pdf_creator .client_address_container { font-size: 14px; margin-left: 40px; } #main-content-container .pdf_creator_container > .scroll_wrapper .pdf_creator .customer_address_container, .ui-dialog .pdf_creator_container > .scroll_wrapper .pdf_creator .customer_address_container { float: left; margin-left: 60px; } #main-content-container .pdf_creator_container > .scroll_wrapper .pdf_creator .sidebar_container, .ui-dialog .pdf_creator_container > .scroll_wrapper .pdf_creator .sidebar_container { float: right; margin-right: 60px; } #main-content-container .pdf_creator_container > .scroll_wrapper .pdf_creator .dragable_text_module, .ui-dialog .pdf_creator_container > .scroll_wrapper .pdf_creator .dragable_text_module { align-items: top; border: 3px solid transparent; display: flex; margin: 0 50px; padding: 5px 10px 5px 10px; } #main-content-container .pdf_creator_container > .scroll_wrapper .pdf_creator .dragable_text_module:first-child, .ui-dialog .pdf_creator_container > .scroll_wrapper .pdf_creator .dragable_text_module:first-child { padding-top: 10px; } #main-content-container .pdf_creator_container > .scroll_wrapper .pdf_creator .dragable_text_module .remove, .ui-dialog .pdf_creator_container > .scroll_wrapper .pdf_creator .dragable_text_module .remove { display: inline-block; flex: 0 0 10px; margin-left: auto; text-align: right; vertical-align: top; visibility: hidden; } #main-content-container .pdf_creator_container > .scroll_wrapper .pdf_creator .dragable_text_module:hover, .ui-dialog .pdf_creator_container > .scroll_wrapper .pdf_creator .dragable_text_module:hover { border: 3px dotted #E5E5E5; } #main-content-container .pdf_creator_container > .scroll_wrapper .pdf_creator .dragable_text_module:hover .remove, .ui-dialog .pdf_creator_container > .scroll_wrapper .pdf_creator .dragable_text_module:hover .remove { cursor: pointer; font-weight: bold; visibility: visible; } #main-content-container .pdf_creator_container > .scroll_wrapper .pdf_creator .dragable_text_module.forbidden, .ui-dialog .pdf_creator_container > .scroll_wrapper .pdf_creator .dragable_text_module.forbidden { background-color: #ff967e; } #main-content-container .pdf_creator_container .placeholder_container, .ui-dialog .pdf_creator_container .placeholder_container { padding: 10px 0; } #main-content-container .multiple_upload_container, .ui-dialog .multiple_upload_container { width: calc( 100% - 12em ); display: inline-block; background-color: white; border: 2px solid #E5E5E5; cursor: pointer; min-height: 32px; } #main-content-container .multiple_upload_container:hover, .ui-dialog .multiple_upload_container:hover { border: 2px solid #C9DAF5; outline: 0; } #main-content-container .multiple_upload_container .multiple_upload, .ui-dialog .multiple_upload_container .multiple_upload { padding: 0 5px; height: 100%; width: calc( 100% - 10px ); display: inline-block; padding: 0 5px; min-height: 32px; } #main-content-container .multiple_upload_container .multiple_upload .dz-size, .ui-dialog .multiple_upload_container .multiple_upload .dz-size { font-size: 14px; margin-left: 2px; } #main-content-container .multiple_upload_container .multiple_upload .dz-preview, .ui-dialog .multiple_upload_container .multiple_upload .dz-preview { display: flex; background-color: #e4e4e4; border: 2px solid #E5E5E5; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; position: relative; } #main-content-container .multiple_upload_container .multiple_upload .dz-filename div, .ui-dialog .multiple_upload_container .multiple_upload .dz-filename div { max-width: 200px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #main-content-container .multiple_upload_container .multiple_upload .dz-details, #main-content-container .multiple_upload_container .multiple_upload .dz-size, #main-content-container .multiple_upload_container .multiple_upload .dz-error-message, #main-content-container .multiple_upload_container .multiple_upload .dz-success-mark, #main-content-container .multiple_upload_container .multiple_upload .dz-error-mark, #main-content-container .multiple_upload_container .multiple_upload .dz-remove, .ui-dialog .multiple_upload_container .multiple_upload .dz-details, .ui-dialog .multiple_upload_container .multiple_upload .dz-size, .ui-dialog .multiple_upload_container .multiple_upload .dz-error-message, .ui-dialog .multiple_upload_container .multiple_upload .dz-success-mark, .ui-dialog .multiple_upload_container .multiple_upload .dz-error-mark, .ui-dialog .multiple_upload_container .multiple_upload .dz-remove { display: inline-block; } #main-content-container .multiple_upload_container .multiple_upload .dz-error .dz-error-message, .ui-dialog .multiple_upload_container .multiple_upload .dz-error .dz-error-message { position: absolute; top: 25px; left: 0; right: 0; bottom: 0; } #main-content-container .multiple_upload_container .multiple_upload .dz-error .dz-error-message span, .ui-dialog .multiple_upload_container .multiple_upload .dz-error .dz-error-message span { position: relative; background-color: #e4e4e4; border: 1px solid red; top: 0; left: 0; right: 0; bottom: 0; float: left; white-space: nowrap; } #main-content-container .multiple_upload_container .multiple_upload .dz-remove, .ui-dialog .multiple_upload_container .multiple_upload .dz-remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-left: 2px; text-decoration: none; } #main-content-container .multiple_upload_container .multiple_upload .dz-processing .dz-progress, .ui-dialog .multiple_upload_container .multiple_upload .dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main-content-container .multiple_upload_container .multiple_upload .dz-complete .dz-progress, .ui-dialog .multiple_upload_container .multiple_upload .dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; } #main-content-container .multiple_upload_container .multiple_upload .dz-progress, .ui-dialog .multiple_upload_container .multiple_upload .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; margin-top: 5px; margin-left: -80px; width: 80px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; } #main-content-container .multiple_upload_container .multiple_upload .dz-progress .dz-upload, .ui-dialog .multiple_upload_container .multiple_upload .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .popup-button:not(.initialized), .listview-button:not(.initialized) { display: none !important; } /*# sourceMappingURL=form.css.map */