/****** LOGIN MODAL ******/ .loginmodal-container { padding: 30px; max-width: 350px; width: 100% !important; background-color: #F7F7F7; margin: 0px auto; border-radius: 2px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); overflow: hidden; /* font-family: roboto;*/ } .loginmodal-container-wide { padding: 30px; max-width: 950px; width: 100% !important; background-color: #F7F7F7; margin: 0px auto; border-radius: 2px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); overflow: hidden; /* font-family: roboto;*/ } .loginmodal-container h1 { text-align: center; font-size: 1.8em; /* font-family: roboto;*/ } .loginmodal-container input[type=submit] { width: 100%; display: block; margin-bottom: 10px; position: relative; } .loginmodal-container input[type=text], input[type=password] { height: 44px; font-size: 16px; width: 100%; margin-bottom: 10px; -webkit-appearance: none; background: #fff; border: 1px solid #d9d9d9; border-top: 1px solid #c0c0c0; /* border-radius: 2px; */ padding: 0px 8px; box-sizing: border-box; -moz-box-sizing: border-box; } .loginmodal-container input[type=text]:hover, input[type=password]:hover { border: 1px solid #b9b9b9; border-top: 1px solid #a0a0a0; -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); } .loginmodal { text-align: center; font-size: 14px; /* font-family: 'Arial', sans-serif;*/ font-weight: 700; height: 36px; padding: 0px 8px; /* border-radius: 3px; */ /* -webkit-user-select: none; user-select: none; */ } .loginmodal-submit { /* border: 1px solid #3079ed; */ border: 0px; color: #fff; text-shadow: 0px 1px rgba(0,0,0,0.1); background-color: #4d90fe; padding: 17px 0px; /* font-family: roboto;*/ font-size: 14px; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed)); */ } .loginmodal-submit:hover { /* border: 1px solid #2f5bb7; */ border: 0px; text-shadow: 0px 1px rgba(0,0,0,0.3); background-color: #357ae8; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#357ae8)); */ } .loginmodal-submit2 { /* border: 1px solid #3079ed; */ border: 0px; color: #fff; text-shadow: 0px 1px rgba(0,0,0,0.1); /* background-color: #6DC4FF; */ padding: 17px 0px; /* font-family: roboto;*/ font-size: 14px; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed)); */ } .loginmodal-submit2:hover { /* border: 1px solid #2f5bb7; */ border: 0px; text-shadow: 0px 1px rgba(0,0,0,0.3); /* background-color: #579DCC; */ /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#357ae8)); */ } .loginmodal-container a { text-decoration: none; color: #666; font-weight: 400; text-align: center; display: inline-block; opacity: 0.6; transition: opacity ease 0.5s; } .login-help{ font-size: 12px; } /* Custom by TERJE */ .table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td { padding: 1px; } .logoutcancelmodal-submit { /* border: 1px solid #3079ed; */ border: 0px; color: #000; text-shadow: 0px 1px rgba(0,0,0,0.1); background-color: #FFDD38; padding: 17px 0px; /* font-family: roboto;*/ font-size: 14px; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed)); */ } .logoutcancelmodal-submit:hover { /* border: 1px solid #2f5bb7; */ border: 0px; text-shadow: 0px 1px rgba(0,0,0,0.3); background-color: #DBBB30; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#357ae8)); */ } /****** /LOGIN MODAL ******/ /* modals */ .modal_dialog_w950 { padding: 0px; max-width: 950px; width: 100% !important; background-color: #F7F7F7; margin: 0px auto; border-radius: 2px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); overflow: hidden; /* font-family: roboto;*/ } .modal_content_w950 { width:950px !important; max-width:950px !important;} .full-height { display: flex; flex-direction: column; height: 100%; } .fill-height { flex-grow: 1; width: 100%; } .container-fluid { padding-top: 70px; padding-bottom: 70px; } .container-login { padding-top: 70px; height:1000px; } .container-padding-0 { padding-top: 0px; padding-bottom: 0px; } .box-grey-border-rounded { border:1px solid;border-color:#AAAAAA;background-color:#CCCCCC;border-radius:5px; } .box-default-border-rounded { border:1px solid;border-color:#AAAAAA;background-color:#FFFFFF;border-radius:5px; } .box-light-border-rounded { border:1px solid;border-color:#CCCCCC;background-color:#FFFFFF;border-radius:5px; } .box-success-border-rounded { border:1px solid;border-color:#5cb85c;background-color:#FFFFFF;border-radius:5px; } .box-success-2px-border-rounded { border:2px solid;border-color:#5cb85c;background-color:#FFFFFF;border-radius:5px; } .box-blue-border-rounded { border:1px solid;border-color:#1589FF;background-color:#00BFFF;border-radius:5px;color:#FFFFFF; } .box-blue-border { border:1px solid;border-color:#1589FF;background-color:#00BFFF;color:#FFFFFF; } .box-darkblue-border-rounded { border:1px solid;border-color:darkblue;background-color:dodgerblue;border-radius:5px;color:#FFFFFF; } .box-darkblue-border { border:1px solid;border-color:darkblue;background-color:dodgerblue;color:#FFFFFF; } .box-teal-border-rounded { border:1px solid;border-color:darkgreen;background-color:teal;border-radius:5px;color:#FFFFFF; } .box-teal-border { border:1px solid;border-color:darkgreen;background-color:teal;color:#FFFFFF; } .box-green-border-rounded { border:1px solid;border-color:#5cb85c;background-color:#C1FBC1;border-radius:5px; } .box-green-border { border:1px solid;border-color:#5cb85c;background-color:#C1FBC1; } .box-warning-border-rounded { border:1px solid;border-color:#FEC264;background-color:#FFFFFF;border-radius:5px; } .box-warning-2px-border-rounded { border:2px solid;border-color:#FEC264;background-color:#FFFFFF;border-radius:5px; } .box-danger-border-rounded { border:1px solid;border-color:#d9534f;background-color:#FFFFFF;border-radius:5px; } .box-danger-2px-border-rounded { border:2px solid;border-color:#d9534f;background-color:#FFFFFF;border-radius:5px; } .box-danger-border { border:1px solid;border-color:darkblue;background-color:#d9534f;color:#FFFFFF; } /* used in storage_placement_save.sp / storage_items.asp */ .box-white-border-rounded { border:1px solid;border-color:#FFFFFF;border-radius:5px; } .box-dark-border-rounded { border:1px solid;border-color:#AAAAAA;border-radius:5px; } .box-dark-border { border:1px solid;border-color:#AAAAAA;background-color:#FFFFFF; } .box_success { border:1px solid;border-color:#5cb85c;background-color:#93F9A1;border-radius:5px; } .box_success_light { border:1px solid;border-color:#5cb85c;background-color:#C1FBC1;border-radius:5px; } .box_warning { border:1px solid;border-color:#FEC264;background-color:#FFD7A3;border-radius:5px; } .box_danger { border:1px solid;border-color:#d9534f;background-color:#F3C6C6;border-radius:5px; } .border_primary1 { border:1px solid;border-color:#0275d8;border-radius:5px; } .border_primary { border:3px solid;border-color:#0275d8;border-radius:5px; } .border_primary2_bg { border:2px solid;border-color:#0275d8;background-color:#9CD6FC;border-radius:5px; } .border_primary3_bg { border:3px solid;border-color:#0275d8;background-color:#9CD6FC;border-radius:5px; } .border_success { border:1px solid;border-color:#5cb85c;background-color:#FFFFFF;border-radius:5px; } .border_radius_5 { border-radius:5px; } .border_radius_5_warning { border-radius:5px;border:2px solid;border-color:#f0ad4e; } .border_warning { border:1px solid;border-color:#f0ad4e;border-radius:5px; } .border_warning2 { border:2px solid;border-color:#f0ad4e;border-radius:5px; } .border_danger { border:1px solid;border-color:#d9534f;border-radius:5px; } .border_danger2 { border:2px solid;border-color:#d9534f;border-radius:5px; } .border_color_edit { border-color:#569E5B; } /* green */ .border_dark { border:1px solid #AAAAAA !important; } .border_dark_top { border-top:1px solid #AAAAAA !important; } .border_darker_top { border-top:1px solid #0A0A0A !important; } .border_light { border:1px solid #DDDDDD; } .border_light_top { border-top:1px solid #DDDDDD; } .border_light_bottom { border-bottom:1px solid #DDDDDD; } .border_lighter { border:1px solid #EEEEEE; } .border_light_radius_2 { border:1px solid #DDDDDD;border-radius:2px; } .border_radius_0 { border-radius:0px; } .border_top { border-top:1px solid; border-color:#DDDDDD !important; } .border_top_dark { border-top:1px solid; border-color:#AAAAAA !important; } .border_top_darker { border-top:1px solid; border-color:#404040 !important; } .border_bottom { border-bottom:1px solid; border-color:#DDDDDD !important; } .border_bottom_dark { border-bottom:1px solid; border-color:#AAAAAA !important; } .border_bottom_darker { border-bottom:1px solid; border-color:#404040 !important; } .border_left_dark { border-start:1px solid; border-color:#AAAAAA !important; } .border_left_darker { border-start:1px solid; border-color:#404040 !important; } .border_right_dark { border-end:1px solid; border-color:#AAAAAA !important; } .border_right_darker { border-end:1px solid; border-color:#404040 !important; } .border_2_top { border-top:2px solid; border-color:#DDDDDD !important; } .border_2_bottom { border-bottom:2px solid; border-color:#DDDDDD !important; } .custom_navtab { background-color:#EEEEEE;border-top-left-radius:5px;border-top-right-radius:5px; } .form_element { border:1px solid #CCCCCC;border-radius:5px; } .form_element_disabled { background-color:#e9ecef; } /** day-heading*/ .day_unselected { border-start:1px solid;border-end:1px solid;border-color:darkgrey !important;border-top:1px solid;border-bottom:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#0275d8; } .day_selected { border-start:1px solid;border-end:1px solid;border-color:#0275d8;border-top:1px solid;border-bottom:none;border-top-left-radius:5px;border-top-right-radius:5px;background-color: #FEC264;font-weight:bold; } .day_selected_org { border-start:1px solid;border-end:1px solid;border-color:#0275d8;border-top:1px solid;border-bottom:none;border-top-left-radius:5px;border-top-right-radius:5px;background-color: #0275d8;color:#FFFFFF;font-weight:bold; } /** day-content (orders) **/ .daycontent_unselected { border:1px solid;border-color:darkgrey; } .daycontent_selected { border:1px solid;border-color:#0275d8;background-color: #FFEDD8; } .daycontent_selected_org { border:1px solid;border-color:#0275d8;background-color: #E8F0F4; } /** orders **/ .order_unselected { border-radius:0px;border:1px solid;border-color:darkgrey; } .order_selected { border-radius:0px;border:1px solid;border-color:#0275d8; } .order_blur { opacity: 0.5; } /** users **/ .user_selected { border-radius:0px;border:3px solid;border-color:#d9534f; } .iframe_scroll_vertical { overflow-x: hidden; overflow-y: scroll } .div_hover { background-color: inherit; } .div_hover:hover { background-color: #FEC264; } .div_hover_grey { background-color: inherit; } .div_hover_grey:hover { background-color: #CCCCCC; } .div_hover_lightgrey { background-color: inherit; } .div_hover_lightgrey:hover { background-color: #EEEEEE; } .div_hover_lightblue { background-color: inherit; } .div_hover_lightblue:hover { background-color: #e6f2ff; } .div_hover_lightgreen { background-color: inherit; } .div_hover_lightgreen:hover { background-color: #e6ffe6; } .div_hover_lightgreen_box { border:1px solid;border-color:#ffffff;background-color:inherit;border-radius:5px; } .div_hover_lightgreen_box:hover { border:1px solid;border-color:#5cb85c;background-color:#e6ffe6;border-radius:5px; } .div_hover_darkgreen { background-color: inherit; } .div_hover_darkgreen:hover { background-color: #B0CCA9; } .div_hover_lightred { background-color: inherit; } .div_hover_lightred:hover { background-color: #ffe6e6; } .div_hover_lightyellow { background-color: inherit; } .div_hover_lightyellow:hover { background-color: #ffffcc; } .div_hover_no_hover { background-color: inherit; } .div_secondary_success:hover { background-color: #5cb85c; color: #ffffff; } .div_secondary_warning:hover { background-color: #f0ad4e; color: #0A0A0A; } .div_secondary_danger:hover { background-color: #d9534f; color: #0A0A0A; } .div_secondary_danger_2:hover { background-color: #EEAAAA; color: #0A0A0A; } .dropdown-item:hover { background-color: #E0E6F6 !important; } .dropdown_scroll_200 { height: 200px; overflow: auto; } .dropdown_scroll_300 { height: 300px; overflow: auto; } .dropdown_scroll_400 { height: 400px; overflow: auto; } .dropdown_scroll_max_200 { max-height: 200px; overflow: auto; } .dropdown_scroll_max_300 { max-height: 300px; overflow: auto; } .dropdown_scroll_max_400 { max-height: 400px; overflow: auto; } /* FONTS */ .font_10 { font-size: 10px !important; } .font_11 { font-size: 11px !important; } .font_12 { font-size: 12px !important; } .font_14 { font-size: 14px !important; } .font_16 { font-size: 16px !important; } .font_18 { font-size: 18px !important; } .font_20 { font-size: 20px !important; } .font_22 { font-size: 22px !important; } .font_24 { font-size: 24px !important; } .font_28 { font-size: 28px !important; } .font_30 { font-size: 30px !important; } .font_40 { font-size: 40px !important; } .font_50 { font-size: 50px !important; } .font_white_bold { color: #FFFFFF; font-weight: bold; } .font_white { color: #FFFFFF !important; } .font_bold { font-weight: bold !important; } .font_normal { font-weight: normal !important; } .font_black { color: #000000 !important; } .font_dark { color: #333333 !important; } .font_grey { color: #CCCCCC !important; } .font_mediumgrey { color:dimgray} .font_blue { color: #486CAD !important; } .font_green { color: #569E5B !important; } .font_red { color: #D80000 !important; } .font_orange { color: orange !important; } .font_lightgrey { color: lightgrey !important; } .font_underline { text-decoration: underline !important; } .font_linethrough { text-decoration: line-through !important; } /* icon colours & background colors */ .glyphicon_color_add { color: #569E5B; } /* green */ .glyphicon_color_edit { color: #486CAD; } /* blue */ .input_group_icon_color { color: #569E5B; } /* green */ .material_icon_color { color: #486CAD; } /* blue */ .dropdown_menu_bgcolor { background-color: #FFFFFF; } /* green */ .dropdown_head { font-size:14px;font-weight:bold; background-color: #EEEEEE; } .action_color_add { color: #569E5B; } /* green */ .action_color_edit { color: #569E5B; } /* green */ .action_color_info { color: #486CAD; } /* blue */ .action_color_danger { color: #d9534f !important; } /* bootstrap-red */ .action_color_dark { color: #111111 !important; } .link_color_main_menues { color: #569E5B;} .link_color_main_menues:hover { color: #569E5B;} .link_color_main_menues:active { color: #569E5B;} .link_color_main_menues:visited { color: #569E5B;} .bg-white { background-color: #FFFFFF; } /* brukes ved å skjule HOVER ved rowspan */ .bg_lightblue { background-color: lightblue; } /* blue */ .bg-deler-darker { background-color: #9BC1CC; } /* blue */ .bg-arbeid { background-color: #DCFFD3; } /* green */ .bg-arbeid-darker { background-color: #B0CCA9; } /* green */ .fa { font-size: 20px !important; } /*size whatever you like*/ .fa-small { font-size: 16px !important; } /*size whatever you like*/ .fa-smaller { font-size: 14px !important; } /*size whatever you like*/ .custom_color_darkblue { color: #083b66 !important; } /* movex-farge */ .custom_color_green { color: #569E5B !important; } .custom_color_green2 { color: #3BC600 !important; } .custom_color_lightorange { color: #FFD7A3 !important; } .custom_color_superlightorange {color: #FFEDD8 !important; } .custom_color_orange { color: #FEC264 !important; } .custom_color_orange_dark { color: #D35400 !important; } .color_dark { color:#AAAAAA !important; } .color_darker { color:#0A0A0A !important; } .color_light { color:#DDDDDD !important; } .ascentia_orange { color: #FF6600 !important; } .bg_ascentia_orange { background-color: #FF6600 !important; } .custom_bg_green { background-color: #569E5B !important; } .custom_bg_superlightgreen { background-color: #C1FBC1 !important; } .custom_bg_extralightgreen { background-color: #D7FEED !important; } .custom_bg_blue { background-color: #76C5FA !important; } .custom_bg_blue2 { background-color: #4787AC !important; } .custom_bg_lightblue { background-color: #ADC4FF !important; } .custom_bg_lightblue2 { background-color: #BAD2E0 !important; } .custom_bg_lightblue3 { background-color: #9CD6FC !important; } .custom_bg_mediumlightblue { background-color: #E0E6F6 !important; } .custom_bg_superlightblue { background-color: #F4FAFF !important; } .custom_bg_superlightblue2 { background-color: #E8F0F4 !important; } .custom_bg_darkblue { background-color: #083b66 !important; } /* movex-farge */ .custom_bg_orange { background-color: #FEC264 !important; } .custom_bg_lightorange { background-color: #FFD7A3 !important; } .custom_bg_superlightorange { background-color: #FFEDD8 !important; } .custom_bg_purple { background-color: #846E93 !important; } .custom_bg_lightpurple { background-color: #B2A4BB !important; } .custom_bg_superlightpurple { background-color: #E0DAE4 !important; } .custom_bg_green2 { background-color: #9FB993 !important; } .custom_bg_lightgreen { background-color: #93F9A1 !important; } .custom_bg_lightgreen2 { background-color: #C9D8C3 !important; } .custom_bg_superlightgreen2 { background-color: #DFE7DB !important; } .custom_bg_darkgreen { background-color: #267F00 !important; } .custom_bg_red { background-color: #EEAAAA !important; } .custom_bg_lightred { background-color: #F3C6C6 !important; } .custom_bg_superlightred { background-color: #FCF0F0 !important; } .custom_bg_lightyellow { background-color: #FFFC8C !important; } .custom_bg_superlightyellow { background-color: #FFFFE0 !important; } .custom_bg_inherit { background : inherit; } .bg_white { background-color: #FFFFFF !important; } .bg_black { background-color: #000000 !important; } .bg_inotek { background-color: #0A173B !important; } /* highlight form-dropdown-element */ .highlightformelement { background-color: #C1FBC1 !important; } .card_header { background-color: #FFA500 !important; } /* bootstrap colors */ .color_primary { color: #0275d8 !important; } .color_success { color: #5cb85c !important; } .color_success_dark { color: #198754 !important; } /* new standard button color, also used on custom buttons */ .color_info { color: #5bc0de !important; } .color_warning { color: #f0ad4e !important; } .color_warning_dark { color: #ef971c !important; } .color_danger { color: #d9534f !important; } .bg_color_primary { background-color: #0275d8 !important; } .bg_color_success { background-color: #5cb85c !important; } .bg_color_success_dark { background-color: #198754 !important; } .bg_color_info { background-color: #5bc0de !important; } .bg_color_info_light { background-color: #CBD7DB !important; } .bg_color_warning { background-color: #f0ad4e !important; } .bg_color_danger { background-color: #d9534f !important; } .font_hover_success { color: inherit !important; } .font_hover_success:hover { color: #5cb85c !important; } .font_hover_darkblue { color: inherit !important; } .font_hover_darkblue:hover { color: darkblue !important; } .font_hover_blue { color: inherit !important; } .font_hover_blue:hover { color: #1589FF !important; } /* tooltip re-coloring */ .tooltip-inner { background-color: #d9534f; text-align: left; color: #fff; } .tooltip.bs-tooltip-right .arrow:before { border-right-color: #d9534f !important; } .tooltip.bs-tooltip-left .arrow:before { border-left-color: #d9534f !important; } .tooltip.bs-tooltip-bottom .arrow:before { border-bottom-color: #d9534f !important; } .tooltip.bs-tooltip-top .arrow:before { border-top-color: #d9534f !important; } /* default buttons re-coloring and padding */ .btn-light { background-color: lightgrey; border-color: lightgray; } .btn-outline-light { border-color: lightgray; } .font_prohub { padding-top: 0px; padding-bottom: 0px;} .default_link { color: #0000FF; } .text_center { text-align: center; } .cursor_pointer { cursor: pointer; } /* soft background colors */ /* RED */ .bg_LavenderBlush { background-color: #FFF0F5 !important; } .bg_LightCoral { background-color: #F08080 !important; } .bg_LightSalmon { background-color: #FFA07A !important; } .bg_Pink { background-color: #FFC0CB !important; } .bg_Plum { background-color: #DDA0DD !important; } .bg_Violet { background-color: #EE82EE !important; } /* YELLOW */ .bg_LightYellow { background-color: #FFFFE0 !important; } .bg_Moccasin { background-color: #FFE4B5 !important; } .bg_Khaki { background-color: #F0E68C !important; } .bg_Orange { background-color: #FFA500 !important; } /* GREEN */ .bg_Honeydew { background-color: #F0FFF0 !important; } .bg_PaleGreen { background-color: #98FB98 !important; } .bg_LightGreen { background-color: #90EE90 !important; } .bg_SpringGreen { background-color: #00FF7F !important; } .bg_MediumAquamarine { background-color: #66CDAA !important; } /* BLUE */ .bg_LightCyan { background-color: #E0FFFF !important; } .bg_PowderBlue { background-color: #B0E0E6 !important; } .bg_SkyBlue { background-color: #87CEEB !important; } .bg_DeepSkyBlue { background-color: #00BFFF !important; } /* BROWN */ .bg_BurlyWood { background-color: #DEB887 !important; } .bg_SandyBrown { background-color: #F4A460 !important; } .bg_Chocolate { background-color: #D2691E !important; } /* GREY */ .bg_Gainsboro { background-color: #DCDCDC !important; } .bg_LightGrey { background-color: #D3D3D3 !important; } .bg_Silver { background-color: #C0C0C0 !important; } .bg_DarkGray { background-color: #A9A9A9 !important; } .bg_light { background-color: #DDDDDD !important; } .bg_lighter { background-color: #EEEEEE !important; } /* margins */ .margin_0 { margin: 0px !important; } .margin_1 { margin: 1px !important; } .margin_2 { margin: 2px !important; } .margin_3 { margin: 3px !important; } .margin_4 { margin: 4px !important; } .margin_5 { margin: 5px !important; } .margin_8 { margin: 8px !important; } .margin_10 { margin: 10px !important; } .margin_15 { margin: 15px !important; } .margin_20 { margin: 20px !important; } .margin_50 { margin: 50px !important; } .margin_0_top { margin-top: 0px !important; } .margin_1_top { margin-top: 1px !important; } .margin_2_top { margin-top: 2px !important; } .margin_3_top { margin-top: 3px !important; } .margin_4_top { margin-top: 4px !important; } .margin_5_top { margin-top: 5px !important; } .margin_8_top { margin-top: 8px !important; } .margin_10_top { margin-top: 10px !important; } .margin_15_top { margin-top: 15px !important; } .margin_20_top { margin-top: 20px !important; } .margin_50_top { margin-top: 50px !important; } .margin_0_bottom { margin-bottom: 0px !important; } .margin_1_bottom { margin-bottom: 1px !important; } .margin_2_bottom { margin-bottom: 2px !important; } .margin_3_bottom { margin-bottom: 3px !important; } .margin_4_bottom { margin-bottom: 4px !important; } .margin_5_bottom { margin-bottom: 5px !important; } .margin_8_bottom { margin-bottom: 8px !important; } .margin_10_bottom { margin-bottom: 10px !important; } .margin_15_bottom { margin-bottom: 15px !important; } .margin_20_bottom { margin-bottom: 20px !important; } .margin_30_bottom { margin-bottom: 30px !important; } .margin_40_bottom { margin-bottom: 40px !important; } .margin_50_bottom { margin-bottom: 50px !important; } .margin_0_left { margin-left: 0px !important; } .margin_2_left { margin-left: 2px !important; } .margin_5_left { margin-left: 5px !important; } .margin_8_left { margin-left: 8px !important; } .margin_10_left { margin-left: 10px !important; } .margin_15_left { margin-left: 15px !important; } .margin_20_left { margin-left: 20px !important; } .margin_25_left { margin-left: 25px !important; } .margin_0_right { margin-right: 0px !important; } .margin_2_right { margin-right: 2px !important; } .margin_5_right { margin-right: 5px !important; } .margin_8_right { margin-right: 8px !important; } .margin_10_right { margin-right: 10px !important; } .margin_15_right { margin-right: 15px !important; } .margin_20_right { margin-right: 20px !important; } .margin_30_right { margin-right: 30px !important; } .margin_40_right { margin-right: 40px !important; } .margin_50_right { margin-right: 50px !important; } .margin_0_horizontal { margin-left: 0px !important; margin-right: 0px !important; } .margin_2_horizontal { margin-left: 2px !important; margin-right: 2px !important; } .margin_3_horizontal { margin-left: 3px !important; margin-right: 3px !important; } .margin_4_horizontal { margin-left: 4px !important; margin-right: 4px !important; } .margin_5_horizontal { margin-left: 5px !important; margin-right: 5px !important; } .margin_8_horizontal { margin-left: 8px !important; margin-right: 8px !important; } .margin_10_horizontal { margin-left:10px !important; margin-right:10px !important; } .margin_15_horizontal { margin-left:15px !important; margin-right:15px !important; } .margin_20_horizontal { margin-left:20px !important; margin-right:20px !important; } .margin_30_horizontal { margin-left:30px !important; margin-right:30px !important; } .margin_40_horizontal { margin-left:40px !important; margin-right:40px !important; } .margin_50_horizontal { margin-left:50px !important; margin-right:50px !important; } .margin_0_vertical { margin-top: 0px !important; margin-bottom: 0px !important; } .margin_2_vertical { margin-top: 2px !important; margin-bottom: 2px !important; } .margin_3_vertical { margin-top: 3px !important; margin-bottom: 3px !important; } .margin_4_vertical { margin-top: 4px !important; margin-bottom: 4px !important; } .margin_5_vertical { margin-top: 5px !important; margin-bottom: 5px !important; } .margin_8_vertical { margin-top: 8px !important; margin-bottom: 8px !important; } .margin_10_vertical { margin-top:10px !important; margin-bottom:10px !important; } .margin_15_vertical { margin-top:15px !important; margin-bottom:15px !important; } .margin_20_vertical { margin-top:20px !important; margin-bottom:20px !important; } .margin_30_vertical { margin-top:30px !important; margin-bottom:30px !important; } .margin_40_vertical { margin-top:40px !important; margin-bottom:40px !important; } .margin_50_vertical { margin-top:50px !important; margin-bottom:50px !important; } /* paddings */ .padding_0 { padding: 0px !important; } .padding_1 { padding: 1px !important; } .padding_2 { padding: 2px !important; } .padding_3 { padding: 3px !important; } .padding_4 { padding: 4px !important; } .padding_5 { padding: 5px !important; } .padding_8 { padding: 8px !important; } .padding_10 { padding: 10px !important; } .padding_15 { padding: 15px !important; } .padding_20 { padding: 20px !important; } .padding_0_top { padding-top: 0px !important; } .padding_2_top { padding-top: 2px !important; } .padding_3_top { padding-top: 3px !important; } .padding_4_top { padding-top: 4px !important; } .padding_5_top { padding-top: 5px !important; } .padding_8_top { padding-top: 8px !important; } .padding_10_top { padding-top: 10px !important; } .padding_15_top { padding-top: 15px !important; } .padding_20_top { padding-top: 20px !important; } .padding_0_bottom { padding-bottom: 0px !important; } .padding_2_bottom { padding-bottom: 2px !important; } .padding_3_bottom { padding-bottom: 3px !important; } .padding_4_bottom { padding-bottom: 4px !important; } .padding_5_bottom { padding-bottom: 5px !important; } .padding_8_bottom { padding-bottom: 8px !important; } .padding_10_bottom { padding-bottom: 10px !important; } .padding_15_bottom { padding-bottom: 15px !important; } .padding_20_bottom { padding-bottom: 20px !important; } .padding_0_left { padding-left: 0px !important; } .padding_2_left { padding-left: 2px !important; } .padding_3_left { padding-left: 3px !important; } .padding_4_left { padding-left: 4px !important; } .padding_5_left { padding-left: 5px !important; } .padding_8_left { padding-left: 8px !important; } .padding_10_left { padding-left: 10px !important; } .padding_15_left { padding-left: 15px !important; } .padding_20_left { padding-left: 20px !important; } .padding_30_left { padding-left: 30px !important; } .padding_40_left { padding-left: 40px !important; } .padding_50_left { padding-left: 50px !important; } .padding_0_right { padding-right: 0px !important; } .padding_2_right { padding-right: 2px !important; } .padding_3_right { padding-right: 3px !important; } .padding_4_right { padding-right: 4px !important; } .padding_5_right { padding-right: 5px !important; } .padding_8_right { padding-right: 8px !important; } .padding_10_right { padding-right: 10px !important; } .padding_15_right { padding-right: 15px !important; } .padding_20_right { padding-right: 20px !important; } .padding_30_right { padding-right: 30px !important; } .padding_40_right { padding-right: 40px !important; } .padding_50_right { padding-right: 50px !important; } .padding_0_horizontal { padding-left: 0px !important; padding-right: 0px !important; } .padding_2_horizontal { padding-left: 2px !important; padding-right: 2px !important; } .padding_3_horizontal { padding-left: 3px !important; padding-right: 3px !important; } .padding_4_horizontal { padding-left: 4px !important; padding-right: 4px !important; } .padding_5_horizontal { padding-left: 5px !important; padding-right: 5px !important; } .padding_8_horizontal { padding-left: 8px !important; padding-right: 8px !important; } .padding_10_horizontal { padding-left:10px !important; padding-right:10px !important; } .padding_15_horizontal { padding-left:15px !important; padding-right:15px !important; } .padding_20_horizontal { padding-left:20px !important; padding-right:20px !important; } .padding_30_horizontal { padding-left:30px !important; padding-right:30px !important; } .padding_40_horizontal { padding-left:40px !important; padding-right:40px !important; } .padding_50_horizontal { padding-left:50px !important; padding-right:50px !important; } .padding_0_vertical { padding-top: 0px !important; padding-bottom: 0px !important; } .padding_2_vertical { padding-top: 2px !important; padding-bottom: 2px !important; } .padding_3_vertical { padding-top: 3px !important; padding-bottom: 3px !important; } .padding_4_vertical { padding-top: 4px !important; padding-bottom: 4px !important; } .padding_5_vertical { padding-top: 5px !important; padding-bottom: 5px !important; } .padding_8_vertical { padding-top: 8px !important; padding-bottom: 8px !important; } .padding_10_vertical { padding-top:10px !important; padding-bottom:10px !important; } .padding_15_vertical { padding-top:15px !important; padding-bottom:15px !important; } .padding_20_vertical { padding-top:20px !important; padding-bottom:20px !important; } .padding_30_vertical { padding-top:30px !important; padding-bottom:30px !important; } .padding_40_vertical { padding-top:40px !important; padding-bottom:40px !important; } .padding_50_vertical { padding-top:50px !important; padding-bottom:50px !important; } .order_row_padding { padding-left:15px !important; padding-right:15px !important; } .glyphicon-md { font-size:1.2em !important; } .glyphicon-lg { font-size:1.5em !important; } .glyphicon-xl { font-size:2em !important; } .form_width_75 { width:75px !important; } .form_width_100 { width:100px !important; } .form_width_125 { width:125px !important; } .form_width_150 { width:150px !important; } .form_no_layout { border:0 !important;box-shadow: none !important;background-color:transparent !important; } .image_width_15 { width:15px !important; } .image_width_75 { width:75px !important; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } .btn_superlightorange { color: #333333; background-color: #FFEDD8; border-color: #FFEDD8; } .btn_superlightorange:hover, .btn_superlightorange:active, .btn_superlightorange:focus, .btn_superlightorange.active { background: #FFD7A3; color: #333333; border-color: #FEC264; } .btn_orange { color: #333333; background-color: #FEC264; border-color: #FEC264; font-size: small; } .btn_orange:hover, .btn_orange:active, .btn_orange:focus, .btn_orange.active { background: #f0ad4e; color: #333333; border-color: #f0ad4e; } .btn_lightgreen { color: #333333; background-color: #93F9A1; border-color: #93F9A1; font-size: small; } .btn_lightgreen:hover, .btn_lightgreen:active, .btn_lightgreen:focus, .btn_lightgreen.active { background: #5cb85c; color: #333333; border-color: #5cb85c; } .btn_success_faded { color: #333333; background-color: #F0FFF0; border-color: #F0FFF0; font-size: small; } .btn_success_faded:hover, .btn_success_faded:active, .btn_success_faded:focus, .btn_success_faded.active { background: #CCFFCC; color: #333333; border-color: #CCFFCC; } .btn_red { color: #333333; background-color: #F3C6C6; border-color: #F3C6C6; font-size: small; } .btn_red:hover, .btn_red:active, .btn_red:focus, .btn_red.active { background: #EEAAAA; color: #333333; border-color: #EEAAAA; } .btn_grey { color: #333333; background-color: #DDDDDD; border-color: #DDDDDD; font-size: small; } .btn_grey:hover, .btn_grey:active, .btn_grey:focus, .btn_grey.active { background: #CCCCCC; color: #333333; border-color: #CCCCCC; } .custom_orange_class { background: #ffeab8; color: #f4af0a; border-color: #f4af0a; } .custom_green_class { border-color: #359629; background: #359629; color: #ffffff; } .custom_lightgreen_class { border-color: #93D89D; background: #93D89D; color: #ffffff; } .alert-custom_orange { background: #ffeab8; color: #f4af0a; border-color: #f4af0a; } .borders_bottom div { border-end:1px solid #999; border-bottom:1px solid #999; } .borders_bottom_light div { border-end:1px solid #ddd; border-bottom:1px solid #ddd; } /*** Material Design Switches for Bootstrap 4 and Material Design Bootstrap (MDB) by djibe JSFiddle : https://jsfiddle.net/djibe89/9deak9dh/ ***/ .material-switch > input[type="checkbox"] { display: none; } .material-switch > label { cursor: pointer; height: 0px; position: relative; top: 2px; width: 40px; } .material-switch > label::before { background: rgb(0, 0, 0); box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 8px; content: ''; height: 16px; margin-top: -8px; position: absolute; opacity: 0.3; transition: all 0.4s ease-in-out; width: 40px; } .material-switch > label::after { background: rgb(255, 255, 255); border-radius: 16px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); content: ''; height: 24px; left: -4px; margin-top: -8px; position: absolute; top: -4px; transition: all 0.3s ease-in-out; width: 24px; } .material-switch > input[type="checkbox"]:checked + label::before { background: inherit; opacity: 0.5; } .material-switch > input[type="checkbox"]:checked + label::after { background: inherit; left: 20px; } .switch-input { display: none; } .switch-label { position: relative; display: inline-block; min-width: 112px; cursor: pointer; font-weight: 500; text-align: left; margin: 16px; padding: 16px 0 16px 44px; } .switch-label:before, .switch-label:after { content: ""; position: absolute; margin: 0; outline: 0; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .switch-label:before { left: 1px; width: 34px; height: 14px; background-color: #9E9E9E; border-radius: 8px; } .switch-label:after { left: 0; width: 20px; height: 20px; background-color: #FAFAFA; border-radius: 50%; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084); } .switch-label .toggle--on { display: none; } .switch-label .toggle--off { display: inline-block; } .switch-input:checked + .switch-label:before { background-color: #A5D6A7; } .switch-input:checked + .switch-label:after { background-color: #4CAF50; -ms-transform: translate(80%, -50%); -webkit-transform: translate(80%, -50%); transform: translate(80%, -50%); } .switch-input:checked + .switch-label .toggle--on { display: inline-block; } .switch-input:checked + .switch-label .toggle--off { display: none; } /* endre bredde for når navbar kollapser */ /*@media (max-width: 1000px) { .navbar-header { float: none; } .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.1); } .navbar-fixed-top { top: 0; border-width: 0px 0px 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; max-height: 300px; overflow-y: scroll!important; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in{ display:block !important; } }*/ /* Step by step form */ .stepwizard-step p { margin-top: 10px; } .stepwizard-row { display: table-row; } .stepwizard { display: table; width: 50%; position: relative; } .stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; } .stepwizard-row:before { top: 14px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color: #ccc; z-order: 0; } .stepwizard-step { display: table-cell; text-align: center; position: relative; } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; } /* /Step by step form */ .more-less { float: right; color: #212121; } .bg-suunto1{ background-image: url('/pics/suunto_bg4.jpg'); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .well{ background-color: rgba(255,255,255,0.6); } .badge-warning { background-color: #f0ad4e; } .badge-success { background-color: #5cb85c; } .badge-info { background-color: #5bc0de; } .badge-inverse { background-color: #333333; } .display_inline { display: inline-block; } .panel_button_padding_2 { padding: 2px 7px 2px 7px !important; margin: 0px 0px 0px 2px !important; } .panel_button_padding_5 { padding: 5px 15px 5px 15px !important; margin: 0px 0px 0px 2 !important; } .panel_showOnHover { display: none; } .panel_showOnHover:hover .showOnHover { display: inline-block; } .panel_custom_red { border-color: #c14f55; } .panel_custom_red .panel-heading { background: #c14f55; color: #ffffff !important; border-color: #c14f55; } .panel_custom_orange { border-color: #f4af0a; } .panel_custom_orange .panel-heading { background: #f4af0a; color: #ffffff !important; border-color: #f4af0a; } .panel_custom_green { border-color: #359629; } .panel_custom_green_bg { background: #359629; } .panel_custom_green .panel-heading { background: #359629; color: #ffffff !important; border-color: #359629; } .badge_custom { background: #f4af0a; color: #000000; } .bg_custom_orange_light { background: #f6dda3; } .bg_custom_yellow_light { background: #f4f2bd; } .color_primary { color: #428bca; } .vertical_center { margin-top: 6px; } .vertical_align_middle { display: inline-block; vertical-align: middle; float: none; } /* vertical alignment: use this instead:
*/ .dropdown_width_50 { width: 50px !important;} .dropdown_menu_right {right:0;left:auto} .dropdown_menu_left {right:auto;left:150px} .myPanel { border: 1px solid #687D6D; border-radius: 5px 5px 0px 0px; -web-kit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; margin: 10px; padding: 0px; } .myPanel .heading { background: #B6F0C4; border-radius: 5px 5px 0px 0px; -web-kit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; color: #687D6d; padding: 10px 20px; } .myPanel .body { padding: 10px 20px; } .myPanel .showOnHover { display: none; } .myPanel:hover .showOnHover { display: inline-block; } .navbar-custom1 { background-color: #c7f2bf; border-color: #79c974; } .navbar-custom1 .navbar-brand { color: #47b0ca; } .navbar-custom1 .navbar-brand:hover, .navbar-custom1 .navbar-brand:focus { color: #ffffff; } .navbar-custom1 .navbar-text { color: #47b0ca; } .navbar-custom1 .navbar-nav > li > a { color: #47b0ca; } .navbar-custom1 .navbar-nav > li > a:hover, .navbar-custom1 .navbar-nav > li > a:focus { color: #ffffff; } .navbar-custom1 .navbar-nav > .active > a, .navbar-custom1 .navbar-nav > .active > a:hover, .navbar-custom1 .navbar-nav > .active > a:focus { color: #ffffff; background-color: #79c974; } .navbar-custom1 .navbar-nav > .open > a, .navbar-custom1 .navbar-nav > .open > a:hover, .navbar-custom1 .navbar-nav > .open > a:focus { color: #ffffff; background-color: #79c974; } .navbar-custom1 .navbar-toggle { border-color: #79c974; } .navbar-custom1 .navbar-toggle:hover, .navbar-custom1 .navbar-toggle:focus { background-color: #79c974; } .navbar-custom1 .navbar-toggle .icon-bar { background-color: #47b0ca; } .navbar-custom1 .navbar-collapse, .navbar-custom1 .navbar-form { border-color: #47b0ca; } .navbar-custom1 .navbar-link { color: #47b0ca; } .navbar-custom1 .navbar-link:hover { color: #ffffff; } .navbar-custom2 { background-color: #428bca; border-color: #94C3EA; } .navbar-custom2 .navbar-brand { color: #ffffff; } .navbar-custom2 .navbar-brand:hover, .navbar-custom2 .navbar-brand:focus { color: #ffffff; } .navbar-custom2 .navbar-text { color: #ffffff; } .navbar-custom2 .navbar-nav > li > a { color: #ffffff; } .navbar-custom2 .navbar-nav > li > a:hover, .navbar-custom2 .navbar-nav > li > a:focus { color: #ffffff; background-color: #2376BB; } .navbar-custom2 .navbar-nav > li > .dropdown-menu { background-color: #428bca; } .navbar-custom2 .navbar-nav > li > .dropdown-menu > li > a { color: #ffffff; } .navbar-custom2 .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-custom2 .navbar-nav > li > .dropdown-menu > li > a:focus { color: #ffffff; background-color: #94C3EA; } .navbar-custom2 .navbar-nav > li > .dropdown-menu > li > .divider { background-color: #94C3EA; } .navbar-custom2 .navbar-nav .open .dropdown-menu > .active > a, .navbar-custom2 .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom2 .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #94C3EA; } .navbar-custom2 .navbar-nav > .active > a, .navbar-custom2 .navbar-nav > .active > a:hover, .navbar-custom2 .navbar-nav > .active > a:focus { color: #ffffff; background-color: #94C3EA; } .navbar-custom2 .navbar-nav > .open > a, .navbar-custom2 .navbar-nav > .open > a:hover, .navbar-custom2 .navbar-nav > .open > a:focus { color: #ffffff; background-color: #94C3EA; } .navbar-custom2 .navbar-toggle { border-color: #94C3EA; } .navbar-custom2 .navbar-toggle:hover, .navbar-custom2 .navbar-toggle:focus { background-color: #94C3EA; } .navbar-custom2 .navbar-toggle .icon-bar { background-color: #ffffff; } .navbar-custom2 .navbar-collapse, .navbar-custom2 .navbar-form { border-color: #ffffff; } .navbar-custom2 .navbar-link { color: #ffffff; } .navbar-custom2 .navbar-link:hover { color: #ffffff; } .navbar-custom3 { background-color: #428bca; border-color: #428bca; } .navbar-custom3 .navbar-brand { color: #ffffff; } .navbar-custom3 .navbar-brand:hover, .navbar-custom3 .navbar-brand:focus { color: #000000; } .navbar-custom3 .navbar-text { color: #ffffff; } .navbar-custom3 .navbar-nav > li > a { color: #ffffff; } .navbar-custom3 .navbar-nav > li > a:hover { color: #000000; } .navbar-custom3 .navbar-nav > li > a:focus { color: #000000; } .navbar-custom3 .navbar-nav > li > .dropdown-menu { background-color: #428bca; } .navbar-custom3 .navbar-nav > li > .dropdown-menu > li > a { color: #ffffff; } .navbar-custom3 .navbar-nav > li > .dropdown-menu > li > a:hover { color: #000000; background-color: #f4af0a; } .navbar-custom3 .navbar-nav > li > .dropdown-menu > li > a:focus { color: #000000; background-color: #f4af0a; } .navbar-custom3 .navbar-nav > li > .dropdown-menu > li > .divider { background-color: #f4af0a; } .navbar-custom3 .navbar-nav .open .dropdown-menu > .active > a { color: #000000; background-color: #f4af0a; } .navbar-custom3 .navbar-nav .open .dropdown-menu > .active > a:hover { color: #000000; background-color: #f4af0a; } .navbar-custom3 .navbar-nav .open .dropdown-menu > .active > a:focus { color: #000000; background-color: #f4af0a; } .navbar-custom3 .navbar-nav > .active > a { color: #000000; background-color: #f4af0a; } .navbar-custom3 .navbar-nav > .active > a:hover { color: #000000; background-color: #f4af0a; } .navbar-custom3 .navbar-nav > .active > a:focus { color: #000000; background-color: #f4af0a; } .navbar-custom3 .navbar-nav > .open > a { color: #000000; background-color: #f4af0a; } .navbar-custom3 .navbar-nav > .open > a:hover { color: #000000; background-color: #f4af0a; } .navbar-custom3 .navbar-nav > .open > a:focus { color: #000000; background-color: #f4af0a; } .navbar-custom3 .navbar-toggle { border-color: #f4af0a; } .navbar-custom3 .navbar-toggle:hover { background-color: #f4af0a; } .navbar-custom3 .navbar-toggle:focus { background-color: #f4af0a; } .navbar-custom3 .navbar-toggle .icon-bar { background-color: #ffffff; } .navbar-custom3 .navbar-collapse { border-color: #ffffff; } .navbar-custom3 .navbar-form { border-color: #ffffff; } .navbar-custom3 .navbar-link { color: #ffffff; } .navbar-custom3 .navbar-link:hover { color: #000000; } .panel-heading.contains-buttons { .clearfix; .panel-title { .pull-left; padding-top:5px; } .btn { .pull-right; } } .panel.with-nav-tabs .panel-heading{ padding: 5px 5px 0px 5px; } .panel.with-nav-tabs .nav-tabs{ border-bottom: none; } .panel.with-nav-tabs .nav-justified{ margin-bottom: -1px; } /********************************************************************/ /*** PANEL DEFAULT ***/ .with-nav-tabs.panel-default .nav-tabs > li > a, .with-nav-tabs.panel-default .nav-tabs > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li > a:focus { color: #777; } .with-nav-tabs.panel-default .nav-tabs > .open > a, .with-nav-tabs.panel-default .nav-tabs > .open > a:hover, .with-nav-tabs.panel-default .nav-tabs > .open > a:focus, .with-nav-tabs.panel-default .nav-tabs > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li > a:focus { color: #777; background-color: #ddd; border-color: transparent; } .with-nav-tabs.panel-default .nav-tabs > li.active > a, .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus { color: #555; background-color: #fff; border-color: #ddd; border-bottom-color: transparent; } .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu { background-color: #f5f5f5; border-color: #ddd; } .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #777; } .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #ddd; } .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #555; } /********************************************************************/ /*** PANEL PRIMARY ***/ .with-nav-tabs.panel-primary .nav-tabs > li > a, .with-nav-tabs.panel-primary .nav-tabs > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li > a:focus { color: #fff; } .with-nav-tabs.panel-primary .nav-tabs > .open > a, .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover, .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus, .with-nav-tabs.panel-primary .nav-tabs > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li > a:focus { color: #fff; background-color: #3071a9; border-color: transparent; } .with-nav-tabs.panel-primary .nav-tabs > li.active > a, .with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus { color: #428bca; background-color: #fff; border-color: #428bca; border-bottom-color: transparent; } .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu { background-color: #428bca; border-color: #3071a9; } .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #fff; } .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #3071a9; } .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { background-color: #4a9fe9; } /********************************************************************/ /*** PANEL SUCCESS ***/ .with-nav-tabs.panel-success .nav-tabs > li > a, .with-nav-tabs.panel-success .nav-tabs > li > a:hover, .with-nav-tabs.panel-success .nav-tabs > li > a:focus { color: #3c763d; } .with-nav-tabs.panel-success .nav-tabs > .open > a, .with-nav-tabs.panel-success .nav-tabs > .open > a:hover, .with-nav-tabs.panel-success .nav-tabs > .open > a:focus, .with-nav-tabs.panel-success .nav-tabs > li > a:hover, .with-nav-tabs.panel-success .nav-tabs > li > a:focus { color: #3c763d; background-color: #d6e9c6; border-color: transparent; } .with-nav-tabs.panel-success .nav-tabs > li.active > a, .with-nav-tabs.panel-success .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-success .nav-tabs > li.active > a:focus { color: #3c763d; background-color: #fff; border-color: #d6e9c6; border-bottom-color: transparent; } .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu { background-color: #dff0d8; border-color: #d6e9c6; } .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #3c763d; } .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #d6e9c6; } .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #3c763d; } /********************************************************************/ /*** PANEL INFO ***/ .with-nav-tabs.panel-info .nav-tabs > li > a, .with-nav-tabs.panel-info .nav-tabs > li > a:hover, .with-nav-tabs.panel-info .nav-tabs > li > a:focus { color: #31708f; } .with-nav-tabs.panel-info .nav-tabs > .open > a, .with-nav-tabs.panel-info .nav-tabs > .open > a:hover, .with-nav-tabs.panel-info .nav-tabs > .open > a:focus, .with-nav-tabs.panel-info .nav-tabs > li > a:hover, .with-nav-tabs.panel-info .nav-tabs > li > a:focus { color: #31708f; background-color: #bce8f1; border-color: transparent; } .with-nav-tabs.panel-info .nav-tabs > li.active > a, .with-nav-tabs.panel-info .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-info .nav-tabs > li.active > a:focus { color: #31708f; background-color: #fff; border-color: #bce8f1; border-bottom-color: transparent; } .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu { background-color: #d9edf7; border-color: #bce8f1; } .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #31708f; } .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #bce8f1; } .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #31708f; } /********************************************************************/ /*** PANEL WARNING ***/ .with-nav-tabs.panel-warning .nav-tabs > li > a, .with-nav-tabs.panel-warning .nav-tabs > li > a:hover, .with-nav-tabs.panel-warning .nav-tabs > li > a:focus { color: #8a6d3b; } .with-nav-tabs.panel-warning .nav-tabs > .open > a, .with-nav-tabs.panel-warning .nav-tabs > .open > a:hover, .with-nav-tabs.panel-warning .nav-tabs > .open > a:focus, .with-nav-tabs.panel-warning .nav-tabs > li > a:hover, .with-nav-tabs.panel-warning .nav-tabs > li > a:focus { color: #8a6d3b; background-color: #faebcc; border-color: transparent; } .with-nav-tabs.panel-warning .nav-tabs > li.active > a, .with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus { color: #8a6d3b; background-color: #fff; border-color: #faebcc; border-bottom-color: transparent; } .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu { background-color: #fcf8e3; border-color: #faebcc; } .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #8a6d3b; } .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #faebcc; } .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #8a6d3b; } /********************************************************************/ /*** PANEL DANGER ***/ .with-nav-tabs.panel-danger .nav-tabs > li > a, .with-nav-tabs.panel-danger .nav-tabs > li > a:hover, .with-nav-tabs.panel-danger .nav-tabs > li > a:focus { color: #a94442; } .with-nav-tabs.panel-danger .nav-tabs > .open > a, .with-nav-tabs.panel-danger .nav-tabs > .open > a:hover, .with-nav-tabs.panel-danger .nav-tabs > .open > a:focus, .with-nav-tabs.panel-danger .nav-tabs > li > a:hover, .with-nav-tabs.panel-danger .nav-tabs > li > a:focus { color: #a94442; background-color: #ebccd1; border-color: transparent; } .with-nav-tabs.panel-danger .nav-tabs > li.active > a, .with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus { color: #a94442; background-color: #fff; border-color: #ebccd1; border-bottom-color: transparent; } .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu { background-color: #f2dede; border-color: #ebccd1; } .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #a94442; /* normal text color */ } .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #ebccd1; } .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #a94442; } /********************************************************************/ /*** PANEL CUSTOM RED ***/ /*** Made by Terje Krosshavn ***/ /*** Hovedfarge: c14f55 ***/ .with-nav-tabs.tabs-custom-red { background-color: #c14f55; } .with-nav-tabs.tabs-custom-red .panel-body { background-color: #ffffff; } .with-nav-tabs.tabs-custom-red .nav-tabs > li > a, .with-nav-tabs.tabs-custom-red .nav-tabs > li > a:hover, .with-nav-tabs.tabs-custom-red .nav-tabs > li > a:focus { color: #ffffff; background-color: #c14f55; } .with-nav-tabs.tabs-custom-red .nav-tabs > .open > a, .with-nav-tabs.tabs-custom-red .nav-tabs > .open > a:hover, .with-nav-tabs.tabs-custom-red .nav-tabs > .open > a:focus, .with-nav-tabs.tabs-custom-red .nav-tabs > li > a:hover, .with-nav-tabs.tabs-custom-red .nav-tabs > li > a:focus { color: #ffffff; background-color: #AE4F55; border-color: transparent; } .with-nav-tabs.tabs-custom-red .nav-tabs > li.active > a, .with-nav-tabs.tabs-custom-red .nav-tabs > li.active > a:hover,dropdown .with-nav-tabs.tabs-custom-red .nav-tabs > li.active > a:focus { color: #a94442; background-color: #fff; border-color: #c14f55; border-bottom-color: transparent; } .with-nav-tabs.tabs-custom-red .nav-tabs > li.dropdown .dropdown-menu { background-color: #f2dede; border-color: transparent; /*#ebccd1; /* border color */ } .with-nav-tabs.tabs-custom-red .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #a94442; /* normal text color */ } .with-nav-tabs.tabs-custom-red .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.tabs-custom-red .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #ebccd1; /* hover bg color */ } .with-nav-tabs.tabs-custom-red .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.tabs-custom-red .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.tabs-custom-red .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #a94442; /* active text color / bg color */ } /********************************************************************/ /*** PANEL CUSTOM GREEN ***/ /*** Made by Terje Krosshavn ***/ /*** Hovedfarge: 359629 ***/ .with-nav-tabs.tabs-custom-green { background-color: #359629; } .with-nav-tabs.tabs-custom-green .panel-body { background-color: #ffffff; } .with-nav-tabs.tabs-custom-green .nav-tabs > li > a, .with-nav-tabs.tabs-custom-green .nav-tabs > li > a:hover, .with-nav-tabs.tabs-custom-green .nav-tabs > li > a:focus { color: #ffffff; background-color: #359629; } .with-nav-tabs.tabs-custom-green .nav-tabs > .open > a, .with-nav-tabs.tabs-custom-green .nav-tabs > .open > a:hover, .with-nav-tabs.tabs-custom-green .nav-tabs > .open > a:focus, .with-nav-tabs.tabs-custom-green .nav-tabs > li > a:hover, .with-nav-tabs.tabs-custom-green .nav-tabs > li > a:focus { color: #ffffff; background-color: #2E7F23; border-color: transparent; } .with-nav-tabs.tabs-custom-green .nav-tabs > li.active > a, .with-nav-tabs.tabs-custom-green .nav-tabs > li.active > a:hover, .with-nav-tabs.tabs-custom-green .nav-tabs > li.active > a:focus { color: #2E7F23; background-color: #fff; border-color: #359629; border-bottom-color: transparent; } .with-nav-tabs.tabs-custom-green .nav-tabs > li.dropdown .dropdown-menu { background-color: #f2dede; /* bg color */ border-color: transparent; /*#ebccd1; /* border color */ } .with-nav-tabs.tabs-custom-green .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #a94442; /* normal text color */ } .with-nav-tabs.tabs-custom-green .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.tabs-custom-green .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #ebccd1; /* hover bg color */ } .with-nav-tabs.tabs-custom-green .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.tabs-custom-green .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.tabs-custom-green .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; /* active text color */ background-color: #a94442; /* active bg color */ } /* Style the Image Used to Trigger the Modal */ #myImg { border-radius: 5px; cursor: pointer; transition: 0.3s; } #myImg:hover {opacity: 0.7;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1000; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.9); /* Black w/ opacity */ } /* Modal Content (Image) */ .modal-content { margin: auto; display: block; width: 80%; max-width: 700px; border:1px solid;border-radius:5px; } /* border:1px solid;border-color:#AAAAAA;background-color:#CCCCCC;border-radius:5px; */ /* Caption of Modal Image (Image Text) - Same Width as the Image */ #caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; } /* Modal Footer */ .modal-footer { padding: 2px 16px; margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; } /* background-color: #5cb85c; color: white; */ /* Add Animation - Zoom in the Modal */ .modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; } .blink { animation: blink 1s steps(1, end) infinite; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } } @-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} } @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} } /* The close_modal Button */ .close_modal { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; } .close_modal:hover, .close_modal:focus { color: #bbb; text-decoration: none; cursor: pointer; } /* 100% Image Width on Smaller Screens */ @media only screen and (max-width: 700px){ .modal-content { width: 100%; } } /* .modal-backdrop { z-index: -100; }*/ .modal-backdrop { z-index: auto; } .clsDatePicker {position: relative !important; z-index: auto !important;} .ui-datepicker {z-index:10000 !important;} /*.modal-backdrop {display: none;}*/ /*.modal{ background-color: rgba(0, 0, 0, 0.3); } .modal-backdrop{ position: relative; }*/ /* cannot be combined with other col's in the same class */ .col-custom-175 {width: 175px !important;padding:5px !important;} .col-custom-250 {width: 250px !important;padding:5px !important;} .col-custom-300 {width: 300px !important;padding:5px !important;} /* zoom / hover 50% */ .zoom50 { transition: transform .2s; } .zoom50:hover { -ms-transform: scale(1.5); /* IE 9 */ -webkit-transform: scale(1.5); /* Safari 3-8 */ transform: scale(1.5); } /* zoom / hover 100% */ .zoom100 { transition: transform .2s; } .zoom100:hover { -ms-transform: scale(2); /* IE 9 */ -webkit-transform: scale(2); /* Safari 3-8 */ transform: scale(2); } /* zoom / hover 200% */ .zoom200 { transition: transform .2s; } .zoom200:hover { -ms-transform: scale(4); /* IE 9 */ -webkit-transform: scale(4); /* Safari 3-8 */ transform: scale(4); } /* zoom / hover 300% */ .zoom300 { transition: transform .2s; } .zoom300:hover { -ms-transform: scale(6); /* IE 9 */ -webkit-transform: scale(6); /* Safari 3-8 */ transform: scale(6); } /* zoom / hover 3000% */ .zoom3000 { transition: transform .2s; } .zoom3000:hover { -ms-transform: scale(40); /* IE 9 */ -webkit-transform: scale(40); /* Safari 3-8 */ transform: scale(40); } /* custom panel effect */ .panel_shadow { box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0px 6px 20px 0px rgba(0, 0, 0, 0.19); } .card_shadow { box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0px 6px 20px 0px rgba(0, 0, 0, 0.19); } .card_scroll_300 { max-height: 300px; overflow-y: scroll; } .card_scroll_400 { max-height: 400px; overflow-y: scroll; } .card_scroll_500 { max-height: 500px; overflow-y: scroll; } /* fix problem with drop-down not visible / cut-off outside table */ .table-responsive { overflow: visible !important; } /* customize bootstrap.css */ .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { color:#666; } .body_safenor_katalog { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; background-color:#FFFFFF !important; } .body_lightgrey { color: #666; background-color:#EEEEEE !important; } .body_grey { color: #666; background-color:#DDDDDD !important; } .body_lightgrey_roboto { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; background-color:#EEEEEE !important; } .toast { transition: 0.32s all ease-in-out } .toast-container--fade { right: 0; bottom: 0 } .toast-container--fade .toast-wrapper { display: inline-block } .toast.fade-init { opacity: 0 } .toast.fade-show { opacity: 1 } .toast.fade-hide { opacity: 0 } .ui-draggable, .ui-droppable { background-position: top; } /* Bootstrap 5 customazations */ a { text-decoration: none; } a:hover { text-decoration: underline; } .nav-link:hover { text-decoration: none; } .a_href_no_hover:hover { text-decoration: none; } .dropdown-item:hover { text-decoration: none; } .form-group { margin-bottom: 1rem; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col { padding-left: 5px; padding-right: 5px; } label { margin-bottom: 0.5rem; } input[readonly] { background-color: #EEEEEE; } select[readonly] { background-color: #F0F0F0; } .modal_std_head_class { --bs-bg-opacity: .2; color: #666666 !important; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; padding: 2px; padding-left: 10px; } /*bg-success color_success_dark p-2 bg-opacity-10*/ .link_std_color_class { color: #198754 !important; } .input-group-text { color: #777777 !important; --bs-bg-opacity: .2; color: #666666 !important; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; }