/******************************************************************/ /* FONTS */ /* local google fonts (OPEN SANS only, as of rc22, kgr - 01.2017) */ /* see: https://google-webfonts-helper.herokuapp.com/fonts */ /* */ /******************************************************************/ /* open-sans-300 - cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-300italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans'), local('OpenSans'), url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-600italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-700italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-800.eot'); /* IE9 Compat Modes */ src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-800italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v13-cyrillic_latin-ext_latin_cyrillic-ext_greek_vietnamese-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /****************************************************** *** END FONTS *** from: http://fonts.googleapis.com/css?family=Open+Sans:700,300,800,400%27%20rel=%27stylesheet /******************************************************/ /******************************************************* *** MEDIA QUERIES *** /******************************************************/ /* anko, 2022-05-12: added to fix img in left sideNav */ @media screen and (max-width: 575px) { .nav_left.view { width: 25% !important; height: auto; } } @media screen and (max-width: 768px) { .xs-pull-left { float: left !important; } .xs-pull-right { float: right !important; } .xs-margin-top-40 { margin-top: 40px; } .xs-margin-bot-40 { margin-bottom: 40px; } .xs-margin-top-20 { margin-top: 20px; } .xs-margin-bot-20 { margin-bottom: 20px; } .xs-padding-0 { padding: 0px !important; } .xs-padding-5 { padding: 5px !important; } .xs-pad-left-0 { padding-left: 0 !important; } .xs-pad-right-0 { padding-right: 0 !important; } .xs-padding-8-4 { padding: 8px 4px !important; } .text-center-xs { text-align: center; } .login_text { float: right; margin-right: 12%; margin-top: 12%; } .xs-width-100 { width: 100%; } #footer { text-align: center; } .nav_left.view:nth-child(even) { float: right !important; } .nav_left.view:nth-child(2) { /* margin-top: 0; */ } /* .xs-actionbar { */ /* margin-top: 93px; */ /* z-index: 99; */ /* } */ } @media screen and (min-width: 768px) { .nav_left h2 { width: 100%; } /* Vertically align for bootstrap */ /*For rows*/ .vertical-align { display: flex; align-items: center; } /*For columns only*/ .vcenter { display: inline-block; vertical-align: middle; float: none; } /* END Vertically align for bootstrap */ .table-header { display: none; } #procedures_list>div:nth-child(3)>div>div:nth-child(-n + 5)>div>div.table-header, #toms_list>div:nth-child(3)>div>div:nth-child(-n + 3)>div.table-header, #reports_list>div:nth-child(3)>div>div:nth-child(-n + 5)>div>div.table-header { display: block; } .table-header-report-list { display: none; } .col-sm-9 h2 { margin-top: 0; margin-left: 5px; margin-right: 5px; } #settings_list h2 { margin-left: 20px; margin-right: 20px; } #settings_list .mask h2 { margin: 0; } .padding-10 { padding: 10px !important; } .sm-padd-left-0 { padding-left: 0 !important; } .sm-padd-right-0 { padding-right: 0 !important; } .sm-padding-0 { padding: 0 !important; } .sm-padding-5-7 { padding: 5px 7px !important; } .sm-padding-8-4 { padding: 10px 5px !important; } .sm-padding-left-77 { padding-left: 77px !important; } .adjust-filter-popup-ok-icon { float: right; padding-right: 5px; padding-top: 10px; } .filter-selected-value { padding-top: 2px; } /* .actionbar { */ /* margin-top: 47px; */ /* z-index: 99; */ /* } */ } @media screen and (min-width: 1200px) { .nav_left h2 { width: 76% !important; } } /******************************************************* *** END MEDIA QUERIES *** /******************************************************/ /* Bootstrap OVERWRITES */ body { font-family: Calibri, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; /* margin-top: 145px!important; */ } #content_start_1 { margin-top: 20px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 20px; margin-bottom: 20px; } .pos-absolute { position: absolute !important; } .ovv-btn { position: absolute !important; bottom: 0 !important; left: 0 !important; } .row { margin-right: 0px; margin-left: 0px; } .container { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; /*min-height: 34px;*/ /* frm, has been 1px; */ /* stw, outcommented in order to have the action bar not unsymmetrically in height*/ padding-right: 20px; padding-left: 20px; } p { margin: 0; } .btn { padding: 2px 10px; border-radius: 0px !important; /*border: none!important;*/ } select { border: none !important; border-radius: 0px !important; /* height: 24px !important; */ } label[for=filestyle-0] { margin: auto !important; display: block !important; margin-bottom: 5px !important; padding: 2px 10px !important; width: 70% !important; border: none !important; } .nav_left .btn { margin: auto; display: block; width: 70%; margin-bottom: 5px; } .popover { box-shadow: 0px 5px 35px rgba(0, 0, 0, 1); } .popover-content { padding: 10px; } /* Bootstrap OVERWRITES END */ .flex { display: flex !important; } .disp-table-cell { display: table-cell !important; } .logo { margin-left: 0px; } .logo img { margin-left: 0px !important; padding-left: 0px !important; float: left; } .login { } .login img { height: 26px; } .login_text { } .logout { font-size: 12px; } .header_border div { height: 20px; } #proc-icon { background: url(../icons/process_metro.png) no-repeat center center; } #proc-icon2 { background-color: green; height: 96px; widht: 96px; } fieldset { border: none !important; } /* Own general classes */ .border-0-solid-white { border: 0px solid white; } .border-left-0 { border-left: 0px; } .border-right-0 { border-right: 0px; } .margin-2-0 { margin: 2px 0px !important; } .margin-0 { margin: 0px !important; } .margin-10 { margin: 10px !important; } .margin-15 { margin: 15px !important; } .margin-20 { margin: 20px !important; } .margin-0-auto { margin: 0px auto !important; } .margin-10-0 { margin: 10px 0 !important; } .margin-15-0 { margin: 15px 0 !important; } .margin-20-0 { margin: 20px 0 !important; } .margin-2-0 { margin: 2px 0 !important; } .margin-5-0 { margin: 5px 0 !important; } .margin-left-0 { margin-left: 0px !important; } .margin-left-2 { margin-left: 2px !important; } .margin-left-5 { margin-left: 5px; } .margin-left-10 { margin-left: 10px; } .margin-left-15 { margin-left: 15px; } .margin-left-18 { margin-left: 18px; } .margin-left-20 { margin-left: 20px; } .margin-left-40 { margin-left: 40px; } .margin-right-0 { margin-right: 0px !important; } .margin-right-5 { margin-right: 5px; } .margin-right-2 { margin-right: 2px; } .margin-right-10 { margin-right: 10px; } .margin-right-15 { margin-right: 15px; } .margin-right-20 { margin-right: 20px; } .margin-bot-20 { margin-bottom: 20px; } .margin-bot-15 { margin-bottom: 15px; } .margin-bot-10 { margin-bottom: 10px; } .margin-bot-4 { margin-bottom: 4px; } .margin-bot-2 { margin-bottom: 2px !important; } .margin-bot-m2 { margin-bottom: -2px; } .margin-bot-m4 { margin-bottom: -4px; } .margin-bot-0 { margin-bottom: 0px !important; } .label_tom { margin-top: 3px; margin-bottom: 0px; } .margin-bot-10 { margin-bottom: 10px; } .margin-top--2 { margin-top: -2px !important; } .margin-top-0 { margin-top: 0px !important; } .margin-top-2 { margin-top: 2px !important; } .margin-top-3 { margin-top: 3px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-7 { margin-top: 7px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-20 { margin-top: 20px; } .margin-top-40 { margin-top: 40px; } .margin-top-60 { margin-top: 60px; } .pad-bot-20 { padding-bottom: 20px; } .padding-0 { padding: 0px !important; } .padding-2 { padding: 2px !important; } .padding-3 { padding: 3px !important; } .padding-5 { padding: 5px !important; } .pad-10 { padding: 10px !important; } .padding-10 { padding: 10px !important; } .padding-left-0 { padding-left: 0px !important; } .padding-right-0 { padding-right: 0px !important; } .padding-top-0 { padding-top: 0px !important; } .padding-bot-0 { padding-bottom: 0px !important; } .padding-left-2 { padding-left: 2px !important; } .padding-right-2 { padding-right: 2px !important; } .padding-top-2 { padding-top: 2px !important; } .padding-bot-2 { padding-bottom: 2px !important; } .padding-left-4 { padding-left: 4px !important; } .padding-right-4 { padding-right: 4px !important; } .padding-top-4 { padding-top: 4px !important; } .padding-top-25 { padding-top: 25px !important; } .padding-bot-4 { padding-bottom: 4px !important; } .padding-left-5 { padding-left: 5px !important; } .padding-right-5 { padding-right: 5px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-bot-5 { padding-bottom: 5px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-bot-10 { padding-bottom: 10px !important; } .padding-left-15 { padding-left: 15px !important; } .padding-right-15 { padding-right: 15px !important; } .padding-left-18 { padding-left: 18px !important; } .padding-right-18 { padding-right: 18px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-right-30 { padding-right: 30px !important; } .padding-left-40 { padding-left: 40px !important; } .padding-right-40 { padding-right: 40px !important; } .padding-left-50 { padding-left: 50px !important; } .padding-right-50 { padding-right: 50px !important; } .padding-left-60 { padding-left: 60px !important; } .padding-right-60 { padding-right: 60px !important; } .padding-left-20p { padding-left: 20% !important; } .padding-right-20p { padding-right: 20% !important; } .padding-left-25p { padding-left: 25% !important; } .padding-right-25p { padding-right: 25% !important; } .padding-0-5 { padding: 0px 5px !important; } .padding-0-10 { padding: 0px 10px !important; } .padding-0-15 { padding: 0px 15px !important; } .padding-10-0 { padding: 10px 0 !important; } .padding-10-0-0-0 { padding: 10px 0 0 0 !important; } .padding-12-10 { padding: 12px 10px !important; } .padding-5-0 { padding: 5px 0px !important; } .padding-5-0-2 { padding: 5px 0px 2px !important; } .padding-4-0 { padding: 4px 0px !important; } .padding-3-10 { padding: 3px 10px !important; } .padding-5-10 { padding: 5px 10px !important; } .padding-6-10 { padding: 6px 10px; } .padding-8-10 { padding: 8px 10px !important; } .padding-8-10-8-30 { padding: 8px 10px 8px 30px !important; } .padding-8-10-8-50 { padding: 8px 10px 8px 50px !important; } .padding-2-0 { padding: 2px 0px; } .padding-2-10 { padding: 2px 10px; } .padding-top-bot-4 { padding-top: 4px !important; padding-bottom: 4px !important; } .padding-7-0 { padding: 7px 0px; } .padding-7-10 { padding: 7px 10px !important; } .padding-20 { padding: 20px; } .padding-15 { padding: 15px; } .padding-20-0-20-0 { padding: 20px 0; } .padding-20-20-20-0 { padding: 20px 20px 20px 0; } .padding-20-0-20-20 { padding: 20px 0px 20px 20px; } .padding-right-20 { padding: 0 0 0 20px; } .padding-0-20-20-20 { padding: 0 20px 20px 20px; } .padding-0-20-0-20 { padding: 0 20px 0 20px; } .padding-0-20-0-0 { padding: 0 20px 0 0; } .fill { /*height: 100%;*/ /*min-height: 100%;*/ } .width_100 { width: 100% !important; } .width_97 { width: 97% !important; } .width_96 { width: 96% !important; } .width_95 { width: 95% !important; } .width_90 { width: 90% !important; } .width_80 { width: 80% !important; } .width_77 { width: 77% !important; } .width_70 { width: 70% !important; } .width_60 { width: 60% !important; } .width_50 { width: 50% !important; } .width_40 { width: 40% !important; } .width_30 { width: 30% !important; } /* 25% is col-sm-3 */ .width_20 { width: 20% !important; } .width_15 { width: 15% !important; } .width_14 { width: 14% !important; } .width_10 { width: 10% !important; } .width_5 { width: 5% !important; } .height_100 { height: 100% !important; } .height_97 { height: 97% !important; } .height_96 { height: 96% !important; } .height_95 { height: 95% !important; } .height_90 { height: 90% !important; } .height_80 { height: 80% !important; } .height_77 { height: 77% !important; } .height_70 { height: 70% !important; } .height_60 { height: 60% !important; } .height_50 { height: 50% !important; } .height_40 { height: 40% !important; } .height_30 { height: 30% !important; } /* 25% is col-sm-3 */ .height_20 { height: 20% !important; } .height_15 { height: 15% !important; } .height_14 { height: 14% !important; } .height_10 { height: 10% !important; } .height_5 { height: 5% !important; } .info-table-entity { margin: -2px -2px 0 -2px } .selectpicker.ps_white_table+.btn-group>.btn, .selectpicker.active+.btn-group>.btn, .selectpicker.ps_lightcolor_one_table+.btn-group>.btn { color: inherit; border: none; margin-top: 3px; } .selectpicker.ps_lightcolor_one_table+.bootstrap-select.btn-group:not (.input-group-btn ), .selectpicker.ps_lightcolor_one_table+.bootstrap-select.btn-group[class*=col-] { float: left; display: inline-block; margin-left: 0; } .selectbigger button .filter-option { padding: 4px 0; } .ps_white_table, .ps_lightcolor_one_table, .drp_min_height { min-height: 34px; /* max-height: 90px; */ } #head-disclaimer { } /*PS LOGO*/ #header { } .logo a { /* font-size: 20px; */ } #header a:hover { text-decoration: none; opacity: 0.8; } #header .popover { top: 0px !important; } #header .popover.left>.arrow { top: 13% !important; } .version { font-size: 10px; } /* #header > div:nth-child(3) > a > img { */ /* margin-top: 10%; */ /* } */ .header-middle { } .nav { height: 112px; } .nav a img { height: 112px; display: block; margin: auto; } .nav a img.double-icon-settings { width: 50%; } .nav a img.double-icon { height: 40px; } .nav-tabs { height: auto; } .active a img { display: block; margin: auto; max-height: 112px !important; } .nav_left { height: 100px; } .nav_left img { margin: auto; width: 100%; height: auto; } .nav_left a img.double-icon { height: 30px; } .nav_left.active_left { height: 100%; } .nav_left.active_left img { margin: auto; width: 100%; height: auto; } .nav_left a, .nav_left span { } /*Kind of useless*/ .valign_mid { display: table-cell; vertical-align: middle !important; } #content h2 { margin-top: 0; } #footer { margin-top: 40px; margin-bottom: 40px; margin-right: 20px; margin-left: 20px; padding: 10px 0 10px 0; } #footer>div:nth-child(3)>a { margin-left: 10px; } .left_navigation p { /*margin-top: 20px;*/ } .dot { width: 5px; height: 5px; } /*Save buttons*/ table>tbody>tr>td:nth-child(6)>form>button { position: absolute; margin-left: 16.4%; opacity: 0.1; } table>tbody>tr>td:nth-child(5)>form>button, table>tbody>tr>td:nth-child(4)>form>button { position: absolute; margin-left: 16.3%; opacity: 0.1; } /*END Save buttons*/ .save:hover { opacity: 1; } #content_start { min-height: 400px; } #footer { font-weight: 600; } /******************************************/ /*CSS3 Animation start.html (images icons)*/ /******************************************/ /*Source: http://tympanus.net/Tutorials/OriginalHoverEffects/index.html DEMO 1*/ /******************************************/ /*For testing: hover on
#6D0F1C #000 --> #6D0F1C*/ /*Slight right: rgba(178, 5, 51, 0.7);*/ /******************************************/ /* Original file name from source */ /***** stle_common *****/ /******************************************/ .view { width: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .view .mask, .view .content { width: 100%; position: absolute; /*overflow: hidden;*/ top: 0; left: 0; } .view img { display: block; position: relative; } .view h2 { text-transform: uppercase; text-align: center; position: relative; font-size: 16px; padding: 0; margin: 0; font-weight: 700; } .view p { font-size: 1em; position: relative; font-weight: 700; padding: 10px 20px } .view a.info { display: inline-block; text-decoration: none; font-size: 1em; font-weight: 700; } .view a:hover { text-decoration: none; } /* Original file name from source */ /***** stle1 *****/ /******************************************/ .view-first img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view-first .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .view-first h2 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-first p { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view-first:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); opacity: 0.2; } .view-first a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-first:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity = 100); opacity: 1; } .view-first:hover h2, .view-first:hover p, .view-first:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity = 100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .view-first:hover p { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; } .view-first:hover a.info { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } /**********************************************/ /*END CSS3 Animation start.html (images icons)*/ /**********************************************/ /* left to right animation in sitenavigation */ .nav_left .mask { /* transform: rotate(270deg); */ transform-origin: 0 top 0; } .nav_left h2 { padding-bottom: 15px; -webkit-transform: translate(-100px, -100px); -moz-transform: translate(-100px, -100px); -o-transform: translate(-100px, -100px); -ms-transform: translate(-100px, -100px); transform: translate(-100px, -100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0 auto !important; } .nav_left:hover h2 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity = 100); opacity: 1; /* -webkit-transform: translate(-100px, -10px); */ /* -moz-transform: translate(-100px, -10px); */ /* -o-transform: translate(-100px, -10px); */ /* -ms-transform: translate(-100px, -10px); */ /* transform: translate(-100px, -10px); */ } /* END left to right animation in sitenavigation */ #signin { padding-top: 40px; padding-bottom: 40px; } .form-control { height: auto !important; border-radius: 0px; } .form-signin { max-width: 360px; padding: 15px; margin: 0 auto; } .form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom: 10px; } .form-signin .checkbox { /*font-weight: normal;*/ } .form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; /*font-size: 16px;*/ } .form-signin .form-control:focus { z-index: 2; } .form-signin input[type="email"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } .one-line-dropdown { width: 100%; } hr { margin-top: 0px; margin-bottom: 40px; border: 0; } .left_navigation .active a span:hover { opacity: 0.7 } #add-procedure tbody>tr>td { padding: 4px; } .triangle-left { width: 0; height: 0; border-style: solid; border-width: 0 1em 1em 0; border-color: transparent rgb(96, 97, 100) transparent transparent; position: absolute; left: 8px; } .triangle-top { height: 0px; width: 0px; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; border-bottom: 1em solid rgb(96, 97, 100); } .info-box { border-left: rgb(96, 97, 100) 4px solid; border-bottom: rgb(96, 97, 100) 4px solid; border-right: rgb(96, 97, 100) 4px solid; } .info-img img { /*height: 53px;*/ } #procedure_table .bootstrap-filestyle { width: auto !important; float: left; } #users .login_text { margin-right: 19px; } #user_group .col-sm-9, #user_group .col-sm-3 { padding-left: 0; padding-right: 0; } #table { height: 20px; } #user_table p, #group_table p { padding: 8px; margin-left: 5px; margin-right: 5px; } #user_table input { width: 100%; } #group_table td { height: 47px; } .group_1 { height: 41px !important; } .procedure_mask h2 { margin-bottom: 4px !important; } .pass_stl, .warn_stl, .stop_stl, .undef_stl { height: 1em; width: 1em; border-radius: 1em; margin: 3px; } .large-state { display: table-cell; vertical-align: middle; text-align: center; } .small-state { display: table-cell; vertical-align: middle; text-align: center; } .small-state .pass_stl, .small-state .warn_stl, .small-state .stop_stl, .small-state .undef_stl { height: 1em; width: 1em; border-radius: 1em; position: relative; display: table-cell; margin: 0px; } .large-state .pass_stl, .large-state .warn_stl, .large-state .stop_stl, .large-state .undef_stl { height: 2em; width: 2em; border-radius: 2em; position: relative; display: table-cell; } .head-state .pass_stl, .head-state .warn_stl, .head-state .stop_stl, .head-state .undef_stl { height: 1.5em; width: 1.5em; border-radius: 1.5em; position: relative; display: table-cell; margin: 0px; float: right; } .big_asses_icon_container { display: inline-block; margin-left: auto; margin-right: auto; } .big_asses_icon_container.virtual { margin-top: 5px; width: 33px; display: block; } .big_asses_icon_container svg { transform: translateX(2px); } .sumlist .pass_stl, .sumlist .warn_stl, .sumlist .stop_stl, .sumlist .undef_stl, .sumlist .asses_icon { float: right; } .sumlist .asses_icon { margin-top: 3px; margin-right: 2px; transform: translateX(1px); } .listitemstate .pass_stl, .listitemstate .warn_stl, .listitemstate .stop_stl, .listitemstate .undef_stl, .listitemstate .asses_icon { float: left; margin: 0 50%; } .listitemstate .asses_icon { transform: translateX(1px) } .listitemstate .asses_icon.pub-proc { float: unset; margin: 0 37%; } .table-cell-smrow .pass_stl, .table-cell-smrow .warn_stl, .table-cell-smrow .stop_stl, .table-cell-smrow .undef_stl { height: 3px; width: 3px; border-radius: 3px; margin: 1px auto; display: block; } .pass_stl { background-color: #55CF30; } .warn_stl { background-color: #F7DF00; } .stop_stl { background-color: #F03E3E; } .undef_stl { background-color: #888a85; } .tom_entry { } .question_entry { margin: 15px 0; } .save { position: absolute; bottom: 31px; right: 4%; } #group_table { margin-top: 65px; } .bootstrap-select.form-control:not ([class*=col-] ) { width: auto !important; } .glyph_nav { font-size: 60px; padding-top: 27px; } #company_contact_content { } #company_contact_table { } a .collapsed_plus_minus:after { content: '-'; } a.collapsed .collapsed_plus_minus:after { content: '+'; } /*triangle bottom*/ .tri-bot, a .descending:after { content: "\e252"; } /*triangle top*/ .tri-top, a.ascending .descending:after { content: "\e253"; } #ps_login #username, #password { width: 224px; } .headlabels a:hover { text-decoration: none; } .state_entity { /*height: 68px;*/ } .state_label { padding: 14px 10px; } .two_line { height: 54px; } label { font-weight: 500; } input[type=radio] { margin-right: 5px; } .select_action_bar .filter-option { float: right !important; } .select_action_bar .carret { float: left !important; } .circle-sm { padding: 4px 6px 4px 7px; border-radius: 15px; } .two-select { width: 45% !important; margin-right: 3px; } /* Quickfix Color textarea*/ textarea { color: #333 !important; border: none; } .state-icon { left: -5px; } .list-group { /*max-height: 247px!important;*/ overflow-x: hidden !important; overflow-y: scroll !important; } /* anko, 2022-05-04: needs `ps_naabspitz.js`, which sets `active` class, to work */ li.list-group-item.active span.state-icon:before, .checkedIconBox:after { /* anko, 2022-04-28: rm glyphicon glyphicon-check for fa fa-check-square-o */ content: "\f046"; /* content: "\e067"; */ } /* anko, 2022-05-04: needs `ps_naabspitz.js`, which sets `active` class, to work */ li.list-group-item span.state-icon:before, .uncheckedIconBox:after { /* anko, 2022-04-28: rm glyphicon glyphicon-uncheck for fa fa-square-o */ content: "\f096"; /* content: "\e157"; */ } div.multisel-item.checked div span.state-icon:before, div.col-md-11.padding-5 { content: "\f046"; } /* ANNE TODO: not checked */ div.multisel-item div span.state-icon:before, div.col-md-11.padding-5 { content: "\f096"; } #header .control-label { /*font-weight: normal;*/ } #summary_selection label { padding-top: 2px; margin: 0; } .editable-input.editable-has-buttons { width: 70% !important; } .alert { padding: 10px; margin-bottom: 10px; border: 1px solid transparent; border-radius: 4px; } growl-notifications { position: fixed; top: 150px; right: 20px; z-index: 999; } growl-notifications growl-notification { display: block; } growl-notification.fading.ng-move { opacity: 0; -webkit-transition: 1s linear all; Safari /Chrome transition : 1s linear all; All other modern browsers and IE10+ } growl-notification.fading.ng-move.ng-move-active { opacity: 1; } growl-notification.fading.ng-leave { opacity: 1; -webkit-transition: 1s linear all; Safari /Chrome transition : 1s linear all; All other modern browsers and IE10+ } growl-notification.fading.ng-leave.ng-leave-active { opacity: 0; } .nse-notification { width: 450px; } .nse-notification-message { text-align: center; } .close-btn-menu { position: absolute; left: 0; } .panel { margin-bottom: 0px; background-color: transparent; border: none; border-radius: 0px; } .panel-body { padding: 10px; } /* Avoid showing angular rendering initialisation */ /* give the class attribute the value "ng-cloak" */ [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } .btn-typeahead { position: absolute; top: 0; right: 0; } /* Sites with site navigation and no Breadcrumb */ .content_1, #content_tom, #content_documents { /* margin-top: 55px; */ } .contentBg, .content_2, #content_toms, #content_procedures, #content_procedure, #content_advs, #content_adv, #content_initadv, #content_company { /* margin-top: 95px; */ background-image: url("../img/bg-pattern.png"); background-repeat: repeat; } /* Breadcrumb */ .breadcrumb-line { margin-top: 45px; } /* END Sites with site navigation and no Breadcrumb */ /* more glyphicons */ .glyphicons-tree-structure:before { content: "\E692"; } .ion-ios-contact-outline:before { content: "\f419"; } .hght-20 { height: 20px !important; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-40 { margin-bottom: 40px; } /* Addition new ui by kkp 02/03/2016 */ input[type="text"], input[type="password"], input[type="number"] { padding: 5px; border: none; box-shadow: inset 1px 1px 2px 0 #707070; transition: box-shadow 0.3s; width: 100% !important; } /* ref #381 */ .crusr select { padding: 5px; border: none; box-shadow: inset 1px 1px 2px 0 #707070; transition: box-shadow 0.3s; width: 100% !important; } .bootstrap-select.btn-group:not (.input-group-btn ), .bootstrap-select.btn-group[class*=col-] { float: left; display: inline-block; margin-left: 0; width: 100% !important; } .new-login-username-wrapper { float: left; width: 50%; padding-right: 1px; } .new-login-password-wrapper { float: left; width: 50%; padding-left: 1px; } .footer { margin-top: 10px; height: 20px; background: #006596; list-style: none; color: white; } .footer-wrapper { width: 100%; height: 40px; margin-top: 10px; padding-right: 20px; background: -moz-linear-gradient(top, rgba(0, 101, 150, 1) 50%, rgba(255, 255, 255, 0) 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 101, 150, 1) 50%, rgba(255, 255, 255, 0) 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 101, 150, 1) 50%, rgba(255, 255, 255, 0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006596', endColorstr='#00ffffff', GradientType=0); /* IE6-9 */ } .inner-footer-wrapper { width: 100%; height: 40px; float: left; background: #006596; position: relative; } .inner-footer-wrapper:after { content: ''; display: block; position: absolute; top: 20px; right: -40px; width: 0; height: 0; border-color: transparent transparent transparent #006596; border-style: solid; border-width: 0px 20px 20px; } .footer ul { list-style: none; } .logo-wrapper { background: white; height: 40px; width: 50%; float: left; display: block; position: relative; } .logo-wrapper:after { content: ''; display: block; position: absolute; top: 16px; right: -32px; width: 0; height: 0; border-color: transparent transparent transparent #ffffff; border-style: solid; border-width: 0px 16px 24px; z-index: 0; } .logo-wrapper img { margin-top: 12px; margin-left: 10px; /* height: 100%; */ width: 150px; } .logo-exe-wrapper { width: 100%; float: left; height: 220px; } .notification-wrapper { width: 100%; float: left; } .design-wrapper { height: 40px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%); } .footer-menu { list-style: none; color: white; font-size: 14px; width: 100%; float: right; padding-top: 10px; margin-top: 0.5rem; } .footer-menu a { color: #ffffff; } .footer-menu a:hover, .footer-menu a:focus { color: #1f1f1f; } .footer-menu li { float: right; margin-right: 10px; } .blue { background: #006596; background-image: url("../img/bg-pattern.png"); height: 286px !important; } .grey { background: #4b4b4d; height: 300px !important; } .filter-wrapper { width: 20%; float: left; } .icon-wrapper { width: 50%; float: left; } .icon { position: relative; float: right; margin-top: 16px; margin-right: 40px; /* background-color:#1e1e1f; */ /* height:38px !important; */ width: 38px !important; } /* .icon:before{ */ /* content:''; */ /* position: absolute; */ /* top: 100%; */ /* left: 50%; */ /* margin-left: -19px; */ /* width: 0; */ /* height: 0; */ /* border-top: solid 9px #1e1e1f; */ /* border-left: solid 19px transparent; */ /* border-right: solid 19px transparent; */ /* } */ .icon img { margin-top: -6px; margin-left: -3px; } .icon:after { content: ''; display: block; position: absolute; top: 0; right: -10px; width: 0; height: 0; border-color: transparent transparent transparent #606061; border-style: solid; border-width: 5px 5px 0; } .logo-executive6 { float: left; } .notification { width: 500px; margin: 0 auto; height: 30px; background: white; margin-top: -20px; position: relative; text-align: center; color: #006596; font-weight: bold; padding-top: 4px; } .notification:after { content: ''; position: absolute; top: 29px; left: 50%; width: 0; height: 0; border-top: solid 12px #fff; border-left: solid 12px transparent; border-right: solid 12px transparent; } .btn-new { color: #006596; background: #ffffff; border: none; font-weight: bold; padding: 3px 20px; } .btn-new:hover, btn-new:focus { background: #006596; color: #ffffff; } .form-wrapper { max-width: 500px; margin: auto; } .welcome-message { color: #ffffff; text-align: center; height: 70px; padding-top: 30px; } label.login-new-mandant { width: 100%; color: #ffffff; font-size: 10px; text-transform: uppercase; padding: 2px; } label.login-new-input { width: 50%; color: #ffffff; font-size: 10px; text-transform: uppercase; padding: 2px; } .new-login-input { background: #ffffff; } .new-login-button-wrapper { float: left; width: 100%; text-align: center; } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default, .btn.focus, .btn:focus, .btn-default.focus, .btn-default:focus { color: #ffffff !important; /* background-color: #ffffff!important; */ /* border-color: #ffffff !important; */ } .btn-default, .btn { color: #ffffff; /* background-color: #ffffff !important; */ /* border-color: #ffffff !important; */ } .btn:hover, .btn-default:hover { color: #ffffff !important; text-decoration: none !important; /* background-color: #ffffff !important; */ /* border-color: #ffffff !important; */ } input:-webkit-autofill { background-color: #ffffff !important; } .symbol-dock:before { content: ''; display: block; position: absolute; top: -20px; left: -40px; width: 0; height: 0; border-color: transparent #424243 transparent transparent; border-style: solid; border-width: 20px 20px 0; } .symbol-dock { margin-left: -40px; background: #4b4b4d; -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 1); box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 1); height: 100%; padding-bottom: 20px; } .actionbar .btn { background-color: #4b4b4d !important; border: 1px solid #4b4b4d !important; color: #ffffff; } .filterButtonWrap { background: #565657; color: #ffffff; position: relative; margin-top: 12px; margin-right: 19px; } .badge_wrap { background-color: #9c9c9c; position: relative; float: left; padding: 2px 0 2px 0; } .filterButtonWrap .badge_wrap:before { content: ''; display: block; position: absolute; top: 0; left: -30px; width: 0; height: 0; border-color: transparent #9c9c9c transparent transparent; border-style: solid; border-width: 24px 15px 0; } .filterButtonWrap .badge_wrap:after { content: ''; display: block; position: absolute; top: 0; right: -30px; width: 0; height: 0; border-color: transparent transparent transparent #9c9c9c; border-style: solid; border-width: 0 15px 24px; } .value_wrap.ng-binding { float: left; padding: 2px 17px 2px 17px; width: 150px; text-align: center; } .filtericon_wrap { float: left; padding: 2px; background: #383839; position: relative; } .filterButtonWrap .filtericon_wrap:before { content: ''; display: block; position: absolute; top: 0; left: -30px; width: 0; height: 0; border-color: transparent #383839 transparent transparent; border-style: solid; border-width: 24px 15px 0; } .filterButtonWrap .filtericon_wrap:after { content: ''; display: block; position: absolute; top: 0; right: -30px; width: 0; height: 0; border-color: transparent transparent transparent #383839; border-style: solid; border-width: 0 15px 24px; } .popover.left>.arrow { top: 50%; right: 80px; margin-top: -38px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); transform: rotate(-90deg); } .popover { border-radius: 0 !important; } .filterButton { padding-left: 5px !important; padding-right: 5px !important; background-color: #4b4b4d !important; border: 1px solid #4b4b4d !important; color: #ffffff; margin-bottom: 10px; } .filterButton:hover { padding-left: 5px !important; padding-right: 5px !important; background-color: #4b4b4d !important; border: 1px solid #4b4b4d !important; color: #E5E5E5 !important; margin-bottom: 10px; } .filterButtonGroup { padding-left: 5px !important; padding-right: 5px !important; margin-bottom: 10px; } #header .popover { width: 358px !important; height: 55px !important; } .popover.left { margin-left: -13px; } #header .popover.left>.arrow { top: 20% !important; } button.new-ui, button.new-ui:hover { background-color: #9c9c9c !important; color: #ffffff !important; margin-top: 12px; position: relative; z-index: 1; border: none; border-bottom: solid #9c9c9c; border-bottom-width: 0px; padding-bottom: 0.35rem; } button.new-ui.ie, button.new-ui.ie:hover { padding-bottom: 0.3rem; } div.userMenuContainer { display: inline-flex; flex-flow: row nowrap; justify-content: left; } div.userMenuTitleLeftTriangle { display: inline-block; border-bottom: 31px solid rgb(156, 156, 156); border-left: 15px solid transparent; width: 0; height: 0; content: ""; margin: 12px 0px 0px 0px; } div.userMenuTitleRightTriangle { border-top: 31px solid rgb(156, 156, 156); border-right: 15px solid transparent; width: 0; height: 0; margin: 12px 0px 0px 0px; } /* button.new-ui:before { content: ''; display: block; position: absolute; top: 0; left: -30px; width: 0; height: 0; border-color: transparent #9c9c9c transparent transparent; border-style: solid; border-width: 24px 15px 0; } button.new-ui:after { content: ''; display: block; position: absolute; top: 0; right: -30px; width: 0; height: 0; border-color: transparent transparent transparent #9c9c9c; border-style: solid; border-width: 0 15px 24px; } */ .top-menu { z-index: 2000; position: relative; right: -1.3rem; } body { color: #006596; } .wizard_font { color: white; } .wizard_font a { color: white; } .wizard_font a:hover { color: blue; } .wizard_font input { color: #303030; } /* ref #381 */ .crusr .wizard_font select { color: #303030; } .wizard_font_grey { color: #303030; } .head-data-box { position: relative; /*margin-bottom: 40px !important;*/ padding: 10px 60px 10px 10px; } .head-data-box-sm { position: relative; margin-bottom: 40px !important; padding: 10px; } .new-ui-list-element:before { content: ''; display: block; position: absolute; bottom: -30px; right: -20px; left: -10px; height: 0; border-color: #B3B3B4 #B3B3B4 #B3B3B4 #B3B3B4; border-style: solid; border-width: 19px; width: 50%; /* margin-left: 0; */ margin-right: -20px; } .new-ui-list-element:after { content: ''; display: block; position: absolute; bottom: -30px; /* right: 0; */ width: 0; height: 0; border-color: transparent transparent transparent #B3B3B4; border-style: solid; border-width: 8px 20px 20px; left: 50%; margin-left: -10px; } #settings_list .mask h2 { height: 36px; padding-top: 9px; } .btn-toolbar .btn { color: #ffffff !important; background-color: #006596 !important; } .cal-month-box { background-color: #ffffff; } .cal-cell1 { background-color: #ffffff; } .task label.btn.color_font { width: 100%; padding: 14px; margin-bottom: 10px; background: #606061; } .task label.btn.color_font.active { color: #004363 !important; text-decoration: none !important; color: #ffffff !important; background-color: #004363 !important; border-color: #004363 !important; } .btn_wizard_proceed { color: #ffffff !important; margin-right: 10px !important; } /* Wizard */ .wizard { text-align: center; } .wizard_step_bar { border-top: 10px solid white; border-bottom: 5px solid white; background-color: #B3B3B4; } .wizard_align { margin-left: auto; margin-right: auto; } .wizard li { background-color: #B3B3B4; /* border-radius: 5px; */ display: inline; padding: 10px 30px 10px 40px; margin-right: -4px; width: auto; color: #333; } .wizard li::before, .wizard li::after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: transparent; border-left-color: #fff; border-radius: 22px; overflow: hidden; } .wizard li::before { border-width: 25px; margin-top: -16px; margin-left: -47px; } .wizard li::after { border-left-color: #B3B3B4; border-width: 21px; margin-top: -12px; margin-left: 22px; z-index: 10; border-radius: 9px; } .wizard li.selected { background-color: #006596; font-weight: 700; color: #fff; } .wizard li.selected::after { border-left-color: #006596; } .wizard li.selectable { background-color: #E4E4E4; color: #303030; } .wizard li.selectable::after { border-left-color: #E4E4E4; } .wizard li:last-child::after { border-left-color: transparent; } .wizard li:first-child::before { border-left-color: transparent; } .wizard .btn-link { font-weight: 400; color: #888888; border-radius: 0; padding: 0; margin: 0; background: none; border: none; } .wizard .btn-link:hover { color: #ffffff; text-decoration:none; } .white-bg { background-color: #FFFFFF !important; } .locked-bg { background-color: #B3B3B4 !important; } /* companies overflow in main-init-flow */ .ps_cp_overview_lightcolor_one_table { color: inherit; background-color: #FFFFFF !important; border: none; display: inline-block; margin-left: 0; } .font-bold { font-weight: bold; } .pure-list { padding-left: 5px; list-style-type: none; } .release_header { background-color: #E4E4E4; color: #303030; font-weight: bold; } .item_header { padding-top: 5px; padding-bottom: 5px; text-decoration:underline; font-weight: bold; } /* anko, 2022,05-25: added for rc55, release notes, table */ .release_table { border: 1px solid black; margin-top: 0.5rem 0; } span.tag { background: #006596; margin: 2px; color: #fff; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 35px; } span.tag a { color: #ffffff; } .grey-bg { background: #4b4b4d; } .list-group-item-no-select { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item-no-select:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .header-label { font-size: 1.4em; } .btn-disable { background-color: #B2B2B2; } h4.ps_darkcolor_one_bg:hover { background-color: #4b4b4d !important; } .overlay-multi-select { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); position: absolute; top: 0; left: 0; z-index: 9999; } .actionbar-right-group { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: flex-end; } .actionbar-right-item { flex: 0 0 auto; margin-left: 3px; } span[data-vuejs-transport] { display: none; } .delta-text-row { /* at VV-Comparation: To adjust that left- right-text takes the same height */ display: inline-flex; flex-fow: row nowrap; justify-content: center; align-items: stretch; width: 100%; } .delta-middle-border { /* at VV-Comparation: Separation between left and right side. Applied only for left-side */ border-right: 1px solid #606061; /* to make the Separation visible, add: !important */ } .min-heigth-auto { min-height: auto; } .usrconfig-caption { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .usrconfig-entry { width: 100%; display: flex; flex-flow: row nowrap; align-items: baseline; justify-content: flex-start; } .usrconfig-entry > *:not(:first-child) { margin-top: 5px; } .usrconfig-entry > .entry-key { width: 36%; transform: translateY(2px); } .usrconfig-entry > .entry-value { width: 46%; transform: translateY(2px); } .usrconfig-entry > .entry-action { width: 9%; align-self: center; } .textarea-min-height { min-height: 13rem; /* about 6 lines */ } .row.equal { display: flex; display: -webkit-flex; flex-wrap: wrap; } /* anko, 2022-04-28, changes due to ONLY using BS4.6.0 */ .dropdown-menu { min-width: 250px; padding: 0.5rem; } .text-align-end { text-align: end; } .wizard_font_a:hover { color: white !important; font-weight: bold; text-decoration: underline; } /* anko, 2022-05-02: the bg colors are kept in `standard_new.css`, but for consistency of change placed here */ .ps_darkcolor_three_bg { background-color: #003C59; } /* anko, 2022-05-04: fix bootstrap-select */ ul.dropdown-menu.inner { display: inherit; } .bootstrap-select.btn-group .dropdown-menu li.selected a span.text { font-weight: bold; padding: .3rem 0rem; } /* anko, 2022-05-12: fix img in ADM sideNav (left) */ .min-img { min-width: 50px; }