.feedBackWindowIconSuccess { font-size: 28px; color: darkseagreen; } .feedBackWindowIconError { font-size: 28px; color: crimson; } .warningWindowIcon { font-size: 28px; color: orange; } .confirmWindowIcon { font-size: 28px; color: blue; } .modalOuter { display: table; height: 100%; width: 100%; } .modalContent { display: table-row; } /* modal */ .modalContainer { position: relative; top: 0; width: 100%; height: 100%; } .modalContainer .modalOuter { width: 100%; display: block; height: calc(100% - 51px); bottom: 80px; position: relative; top: 0; } .modalContainer .modalContent { width: 100%; display: block; height: 100%; overflow-y: auto; } .modalContainer .modalContent > .k-content { width: 100%; display: block; height: 100%; overflow-y: auto; } .modalContainer .modalContent > .k-content > form { height: 100%; max-height: 95%; } .modalContainer .modalContent > .k-content > .container-fluid, .modalContainer .modalContent > .k-content > form > .container-fluid { margin-top: 0 !important; /* margin-left: 20px; margin-right: 20px;*/ } .modalContainer .modalContent > .k-content > .container-fluid .row, .modalContainer .modalContent > .k-content > form > .container-fluid .row { border-color: #e5e9ec; } .modalContainer .modalContent > form { height: 100%; } .modalContainer .modalContent .k-tabstrip-wrapper { height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .modalContainer .modalContent .k-tabstrip-wrapper > .k-tabstrip > .k-content { position: absolute; top: 0; left: 200px; width: calc(100% - 200px); padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .modalContainer .modalContent .k-tabstrip-wrapper > .k-tabstrip > .k-content .container-fluid { margin: 0 -20px; } .modalContainer .modalContent .k-tabstrip-wrapper > .k-tabstrip > .k-content .container-fluid h3, .modalContainer .modalContent .k-tabstrip-wrapper > .k-tabstrip > .k-content .container-fluid h4 { margin-left: 0; } .modalContainer .modalContent .k-tabstrip-wrapper > .k-tabstrip > .k-content .container-fluid .row { margin: 0; } .modalContainer .modalContent .k-tabstrip { height: 100%; } .modalContainer .modalContent .k-tabstrip > .k-tabstrip-items > .k-item { text-transform: none; display: block; } .modalContainer .modalContent .k-tabstrip.k-header { background-color: white; } .modalContainer .modalContent .k-tabstrip .tab-container { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200px; overflow: auto; overflow-x: hidden; overflow-y: hidden; min-height: 100%; } .modalContainer .modalContent .k-tabstrip .tab-container > ul { float: left; width: 200px; height: 100%; margin-bottom: -9999px; padding-bottom: 9999px; overflow: hidden; background-color: #49788d; color: white; } .modalContainer .modalContent .k-tabstrip .tab-container > ul li { display: block !important; width: 100%; border: none; border-right: 5px solid #406a7c; box-sizing: border-box; border-bottom: 1px solid #406a7c; color: white; -moz-transition: background-color 0.12s ease-in; -o-transition: background-color 0.12s ease-in; -webkit-transition: background-color 0.12s ease-in; transition: background-color 0.12s ease-in; } .modalContainer .modalContent .k-tabstrip .tab-container > ul li.k-state-active { border-right: none; background-color: white; color: #5c6a79; } .modalContainer .modalContent .k-tabstrip .tab-container > ul li.k-state-active:hover { border-right: none; background-color: white !important; } .modalContainer .modalContent .k-tabstrip .tab-container > ul li.k-state-active.k-state-disabled:hover { background-color: #c5d3e2; border-right: none; color: #7c8a99; } .modalContainer .modalContent .k-tabstrip .tab-container > ul li span { width: 100%; box-sizing: border-box; } .modalContainer .modalContent .k-tabstrip .tab-container > ul li.k-state-disabled span { cursor: not-allowed !important; } .disabled-grrid-icon :hover { cursor: not-allowed !important; } .modalContainer .modalContent .k-tabstrip .tab-container > ul li:hover { background-color: #51879e; -moz-transition: background-color 0s ease-in; -o-transition: background-color 0s ease-in; -webkit-transition: background-color 0s ease-in; transition: background-color 0s ease-in; } .modalContainer .modalContent .k-tabstrip .tab-container > ul li.k-state-disabled:hover { background-color: #c5d3e2; -moz-transition: background-color 0s ease-in; -o-transition: background-color 0s ease-in; -webkit-transition: background-color 0s ease-in; transition: background-color 0s ease-in; color: #7c8a99; } .modalContainer .modalContent > .k-content { padding: 0 !important; } .modalFooter { position: absolute; min-height: 50px; bottom: 0; background-color: white; z-index: 500; display: block; width: 100%; border-top: 1px solid lightgray; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .modalFooter div { padding: 7px 5px 3px 3px; } .modalFooter div:first-child { padding: 7px 9px 3px 3px; } .modalFooterStatic { position: static; } .windowInputLabel { font-weight: 600; padding-top: 0 !important; min-width: 130px; padding-top: 6px; } .clearMinWidth { min-width: initial; } .szamonkeresleftside { float: left; border-right: 1px solid #e5e9ec; min-height: 400px !important; } .szamonkeresrightside { float: left; padding-left: 40px !important; } .normaltexttransform { text-transform: inherit !important; font-variant: small-caps; } .jegyzekcimlabel { font-weight: 600; font-size: 14px; padding-left: 10px; position: absolute; margin-top: -5px; } .k-widget.k-window { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; } .k-widget.k-window:not(.k-window-maximized) { max-width: 90vw !important; max-height: 90vh !important; }