$theme_name: "AABlue"; @font-face { font-family: 'OpenSans_Light'; src: url('fonts/OpenSans-Light.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('ttf'), url('fonts/OpenSans-Regular.eot') format('eot'), url('fonts/OpenSans-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans_Regular'; src: url('fonts/OpenSans-Regular.woff2') format('woff2'), url('fonts/OpenSans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans_Semibold'; src: url('fonts/OpenSans-Semibold.woff2') format('woff2'), url('fonts/OpenSans-Semibold.woff') format('woff'), url('fonts/OpenSans-Semibold.ttf') format('ttf'); font-weight: 600; font-style: normal; } @font-face { font-family: 'OpenSans_Bold'; src: url('fonts/OpenSans-Bold.woff2') format('woff2'), url('fonts/OpenSans-Bold.woff') format('woff'), url('fonts/OpenSans-Bold.ttf') format('ttf'); font-weight: 700; font-style: normal; } @font-face { font-family: 'assa_vestaregular'; src: url('fonts/AAVESREG.woff2') format('woff2'), url('fonts/AAVESREG.woff') format('woff'), url('fonts/AAVESREG.ttf') format('ttf'); font-weight: 700; font-style: normal; } /*Colors Variables*/ $white_color: rgba(255, 255, 255, 1); /*#ffffff*/ $red_color: rgba(255, 0, 0, 1); /*#ff0000*/ $red_shade1: rgba(99, 23, 12, 1); /*#63170c*/ $red_shade2: rgba(155, 42, 24, 1); /*#9b2a18*/ $red_shade3: rgba(161, 137, 141, 1); /*#a1898d*/ $red_shade4: rgba(199, 16, 31, 1); /*#c7101f*/ $red_shade5: rgba(205, 28, 70, 1); /*#cd1c46*/ $red_shade6: rgba(82, 17, 6, 1); /*#521106*/ $black_color: rgba(0, 0, 0, 1); /*#000000*/ $dark_grey_color: rgba(66, 66, 66, 1); /*#424242*/ $dark_grey_shade1: rgba(85, 85, 85, 1); /*#555555*/ $dark_grey_shade2: rgba(110, 110, 110, 1); /*#6e6e6e*/ $dark_grey_shade3: rgba(115, 113, 117, 1); /*#737175*/ $dark_grey_shade4: rgba(184, 184, 184, 1); /*#b8b8b8*/ $dark_grey_shade5: rgba(19, 14, 14, 1); /*#130e0e*/ $dark_grey_shade6: rgba(154, 154, 152, 1); /*#9a9a98*/ $dark_grey_shade7: rgba(177, 173, 172, 1); /*#b1adac*/ $dark_grey_shade8: rgba(61, 56, 52, 1); /*#3d3834*/ $dark_grey_shade9: rgba(51, 51, 51, 1); /*#333333*/ $dark_grey_shade10: rgba(100, 112, 109, 1); /*#64706d*/ $dark_grey_shade11: rgba(161, 179, 175, 1); /*#a1b3af*/ $dark_grey_shade12: rgba(109, 122, 119, 1); /*#6d7a77*/ $dark_grey_shade13: rgba(145, 145, 145, 1); /*#919191*/ $dark_grey_shade14: rgba(107, 107, 107, 1); /*#6b6b6b*/ $dark_grey_shade15: rgba(104, 93, 84, 1); /*#685d54*/ $dark_grey_shade16: rgba(52, 60, 66, 1); /*#343c42*/ $dark_grey_shade17: rgba(84, 100, 110, 1); /*#54646e*/ $dark_grey_shade18: rgba(153, 153, 153, 1); /*#999999*/ $dark_grey_shade19: rgba(154, 152, 152, 1); /*#9a9898*/ $dark_grey_shade20: rgba(89,89,89,1); /*#595959*/ $grey_color: rgba(117, 117, 117, 1); /*#757575*/ $grey_shade1: rgba(221, 221, 221, 1); /*#dddddd*/ $grey_shade2: rgba(225, 225, 225, 1); /*#e1e1e1*/ $grey_shade3: rgba(222, 222, 222, 1); /*#dedede*/ $grey_shade4: rgba(227, 228, 230, 1); /*#e3e4e6*/ $grey_shade5: rgba(229, 229, 229, 1); /*#e5e5e5*/ $grey_shade6: rgba(239, 239, 239, 1); /*#efefef*/ $grey_shade7: rgba(133, 133, 133, 1); /*#858585*/ $grey_shade8: rgba(208, 210, 212, 1); /*#d0d2d4*/ $grey_shade9: rgba(244, 244, 244, 1); /*#f4f4f4*/ $grey_sahde10: rgba(234, 234, 234, 1); /*#eaeaea*/ $grey_shade11: rgba(238, 238, 238, 1); /*#eeeeee*/ $grey_shade12: rgba(232, 226, 226, 1); /*#e8e2e2*/ $grey_shade13: rgba(232, 232, 232, 1); /*#e8e8e8*/ $grey_shade14: rgba(127, 127, 127, 1); /*#7f7f7f*/ $grey_shade15: rgba(187, 183, 183, 1); /*#bbb7b7*/ $grey_shade16: rgba(204, 204, 204, 1); /*#cccccc*/ $grey_shade17: rgba(169, 169, 169, 1); /*#a9a9a9*/ $grey_shade18: rgba(147, 147, 147, 1); /*#939393*/ $light_grey_color: rgba(173, 173, 173, 1); /*#adadad*/ $light_grey_shade1: rgba(171, 171, 171, 1); /*#ababab*/ $light_grey_shade2: rgba(212, 208, 208, 1); /*#d4d0d0*/ $light_grey_shade3: rgba(210, 210, 210, 1); /*#d2d2d2*/ $light_grey_shade4: rgba(188, 188, 188, 1); /*#bcbcbc*/ $light_grey_shade5: rgba(222, 223, 224, 1); /*#dedfe0*/ $light_grey_shade6: rgba(167, 169, 172, 1); /*a7a9ac*/ $light_grey_shade7: rgba(228, 228, 228, 1); /*#e4e4e4*/ $light_grey_shade8: rgba(245, 245, 245, 1); /*#f5f5f5*/ $light_grey_shade9: rgba(237, 237, 237, 1); /*#ededed*/ $light_grey_shade10: rgba(246, 246, 246, 1); /*#f6f6f6*/ $light_grey_sahde11: rgba(231, 232, 234, 1); /*#e7e8ea*/ $light_grey_shade12: rgba(217, 217, 217, 1); /*#d9d9d9*/ $light_grey_shade13: rgba(203, 203, 203, 1); /*#cbcbcb*/ $light_grey_shade14: rgba(241, 241, 241, 1); /*#f1f1f1*/ $light_grey_shade15: rgba(248, 248, 248, 1); /*#f8f8f8*/ $light_grey_shade16: rgba(154, 154, 154, 1); /*#9a9a9a*/ $light_grey_shade17: rgba(166, 151, 136, 1); /*#a69788*/ $light_grey_shade18: rgba(231, 237, 241, 1); /*#e7edf1*/ $light_grey_shade19: rgba(191, 191, 191, 1); /*#bfbfbf*/ $light_grey_shade20: rgba(231, 231, 231, 1); /*#E7E7E7*/ $blue_color: rgba(0, 158, 206, 1); /*#009ece*/ $blue_shade1: rgba(69, 179, 216, 1); /*#45b3d8*/ $blue_shade2: rgba(1, 160, 208, 1); /*#01a0d0*/ $blue_shade3: rgba(60, 60, 235, 1); /*#3c3ceb*/ $blue_shade4: rgba(3, 143, 187, 1); /*#038fbb*/ $blue_shade5: rgba(106, 130, 149, 1); /*#6a8295*/ $blue_shade6: rgba(112, 123, 142, 1); /*#707b8e*/ $blue_shade7: rgba(27, 49, 67, 1); /*#1b3143*/ $blue_shade8: rgba(61, 95, 120, 1); /*#3d5f78*/ $blue_shade9: rgba(12, 117, 148, 1); /*#0c7594*/ $blue_shade10: rgba(21, 127, 204, 1); /*#157fcc*/ $blue_shade11: rgba(2, 190, 247, 1); /*#02bef7*/ $blue_shade12: rgba(81, 125, 156, 1); /*#517d9c*/ $blue_shade13: rgba(31, 51, 68, 1); /*#1f3344*/ $blue_shade14: rgba(41, 79, 107, 1); /*#294f6b*/ $blue_shade15: rgba(60, 98, 125, 1); /*#3c627d*/ $blue_shade16: rgba(0, 160, 208, 1); /*#00a0d0*/ $blue_shade17: rgba(0, 160, 206, 1); /*#00A0CE*/ $blue_shade18: rgba(0, 96, 126, 1); /*#00607E*/ $blue_shade19: rgba(31,153,239,1); /*#1f99ef*/ $light_blue_color: rgba(169, 210, 239, 1); /*#a9d2ef*/ $light_blue_shade1: rgba(138, 226, 255, 1); /*#8ae2ff*/ $light_blue_shade2: rgba(3, 170, 223, 1); /*#03aadf*/ $light_blue_shade3: rgba(218, 227, 243, 1); /*#dae3f3*/ $light_blue_shade4: rgba(216, 223, 229, 1); /*#d8dfe5*/ $light_blue_shade5: rgba(187, 221, 232, 1); /*#bbdde8*/ $light_blue_shade6: rgba(51, 153, 255, 1); /*#3399ff*/ $light_blue_shade7: rgba(204, 236, 255, 1); /*#ccecff*/ $light_blue_shade8: rgba(204, 237, 248, 1); /*#ccedf8*/ $light_blue_shade9: rgba(153, 219, 242, 1); /*#99dbf2*/ $light_blue_shade10: rgba(209, 236, 255, 1); /*#d1ecff*/ $light_blue_shade11: rgba(181, 193, 202, 1); /*b5c1ca*/ $light_blue_shade12: rgba(224, 236, 245, 1); /*#e0ecf5*/ $light_blue_shade13: rgba(114, 153, 179, 1); /*#7299b3*/ $light_blue_shade14: rgba(138, 169, 190, 1); /*#8aa9be*/ $light_blue_shade15: rgba(143, 174, 194, 1); /*#8faec2*/ $light_blue_shade16: rgba(90, 125, 148, 1); /*#5a7d94*/ $light_blue_shade17: rgba(94, 131, 156, 1); /*#5e839c*/ $light_blue_shade18: rgba(113, 142, 162, 1); /*#718ea2*/ $light_blue_shade19: rgba(109, 140, 160, 1); /*#6d8ca0*/ $light_blue_shade20: rgba(64, 145, 172, 1); /*#4091ac*/ $dark_blue_color: rgba(28, 49, 63, 1); /*#1c313f*/ $dark_blue_shade1: rgba(69, 99, 122, 1); /*#45637a*/ $dark_blue_shade2: rgba(9, 66, 107, 1); /*#09426b*/ $dark_blue_shade3: rgba(55, 72, 84, 1); /*#374854*/ $dark_blue_shade4: rgba(45, 74, 95, 1); /*#2d4a5f*/ $dark_blue_shade5: rgba(4, 134, 173, 1); /*#0486ad*/ $dark_blue_shade6: rgba(58, 135, 173, 1); /*#3a87ad*/ $dark_blue_shade7: rgba(51, 184, 229, 1); /*#33b8e5*/ $dark_blue_shade8: rgba(0, 145, 188, 1); /*#0091bc*/ $dark_blue_shade9: rgba(27, 180, 239, 1); /*#1bb4ef*/ $dark_blue_shade10: rgba(56, 81, 101, 1); /*#385165*/ $dark_blue_shade11: rgba(76, 120, 152, 1); /*#4c7898*/ $dark_blue_sahde12: rgba(7, 74, 95, 1); /*#074a5f*/ $dark_blue_sahde13: rgba(2, 190, 247, 1); /*#02bef7*/ $dark_blue_shade14: rgba(0, 127, 166, 1); /*#007fa6*/ $dark_blue_shade15: rgba(73, 114, 143, 1); /*#49728f*/ $dark_blue_shade16: rgba(39, 71, 97, 1); /*#274761*/ $dark_blue_shade17: rgba(81, 132, 170, 1); /*#5184aa*/ $dark_blue_shade18: rgba(46, 72, 94, 1); /*#2e485e*/ $dark_blue_shade19: rgba(76, 115, 144, 1); /*#4c7390*/ $dark_blue_shade20: rgba(0, 109, 142, 1); /*#006d8e*/ $dark_blue_shade21: rgba(34, 100, 120, 1); /*#226478*/ $dark_blue_shade22: rgba(47, 78, 100, 1); /*#2f4e64*/ $dark_blue_shade23: rgba(48, 68, 80, 1); /*#304450*/ $dark_blue_shade24: rgba(47, 77, 99, 1); /*#2f4d63*/ $dark_blue_shade25: rgba(71, 167, 227, 1); /*#47a7e3*/ $dark_green_color: rgba(41, 68, 50, 1); /*#294432*/ $dark_green_color1: rgba(39, 121, 76, 1); /*#27794c*/ $green_color: rgba(51, 204, 51, 1); /*#33cc33*/ $green_color_shade1: rgba(49, 173, 173, 1); /*#31adad*/ $green_color_shade2: rgba(39,199,96,1); /*#27C760*/ $green_color_shade3: rgba(0,190,0,1); /*#00BE00*/ $light_green_color: rgba(95, 130, 106, 1); /*#5f826a*/ $light_green_color1: rgba(63, 202, 126, 1); /*#3fca7e*/ $light_green_color2: rgba(204, 255, 204, 1); /*#ccffcc*/ $dark_green_shade1: rgba(71, 145, 127, 1); /*#47917f*/ $dark_gree_shade2: rgba(41, 113, 114, 1); /*#297172*/ $yellow_color: rgba(255, 255, 0, 1); /*#ffff00*/ $light_yellow_color: rgba(252, 248, 227, 1); /*#fcf8e3*/ $light_yellow_shade1: rgba(255, 255, 204, 1); /*#ffffcc*/ $purple_color: rgba(161, 143, 255, 1); /*#a18fff*/ $purple_shade1: rgba(199, 191, 255, 1); /*#c7bfff*/ $purple_shade2: rgba(255, 204, 255, 1); /*#ffccff*/ $purple_shade3: rgba(117, 29, 133, 1); /*#751d85*/ $purple_shade4: rgba(94, 3, 110, 1); /*#5e036e*/ $purple_shade5: rgba(68, 2, 80, 1); /*#440250*/ $pink_color: rgba(204, 0, 153, 1); /*#cc0099*/ $purple_color: rgba(207, 80, 207, 1); /*#cf50cf*/ $purple_color_shade1: rgba(185, 59, 185, 1); /*#b93bb9*/ $purple_color_shade2: rgba(156, 39, 176, 1); /*#9c27b0*/ $light_pink_color: rgba(255, 209, 209, 1); /*#ffd1d1*/ $orange_color: rgba(255, 102, 0, 1); /*#ff6600*/ $orange_color_shade1: rgba(224, 104, 75, 1); /*#e0684b*/ $orange_color_shade2: rgba(208, 74, 25, 1); /*#d04a19*/ $orange_color_shade3: rgba(176, 54, 9, 1); /*#b03609*/ $orange_color_shade4: rgba(175, 68, 29, 1); /*#af441d*/ $orange_color_shade5: rgba(155, 47, 8, 1); /*#9b2f08*/ $orange_color_shade6: rgba(172, 68, 43, 1); /*#ac442b*/ $orange_color_shade7: rgba(225, 92, 61, 1); /*#e15c3d*/ $orange_color_shade8: rgba(255,125,0,1); /*#FF7D00*/ $light_orange_color: rgba(255, 153, 102, 1); /*#ff9966*/ /*Colors Variables*/ /*text Color Variables*/ $base_color: $dark_grey_color; $body_text_color: $dark_grey_color; $link_text_color: $blue_color; $link_secondry_text_color: $blue_shade2; $base_text_color: $grey_color; $black_text_color: $black_color; $logo_text_color: $blue_shade1; $white_text_color: $white_color; $font_awesome_icon_color: $dark_grey_shade1; $disabled_cursor_color: $light_grey_color; $font_awesome_search_color: $light_grey_shade1; $font_awesome_disabled_color: $light_grey_shade2; $required_text_color: $red_color; $label_secondry_color: $light_blue_color; $shadow_primary_color: $light_grey_shade3; $shadow_secondry_color: $light_grey_shade3; $heading_secondry_color: $light_blue_shade1; $standard_color: $grey_color; $common_theme_color: $dark_blue_color; $base_highlight_color: $blue_shade3; /*text Color Variables*/ /*Font Variables*/ $small_button_font_size: 10px; $normal_font_size: 10px; $small_font_size: 12px; $list_table_font_size: 13px; $standard_font_size: 14px; $btn_font_size: 15px; $hover_font_size: 16px; $font_awesome_icon_font_size: 16px; $large_font_size: 18px; $heading_font_size: 20px; $logo_font_size: 22px; $larger_font_size: 24px; $font_awesome_larger_font_size: 30px; /*Font Variables*/ /*Font Family*/ $light_font_family: Opensans_Light; $bold_font_family: Opensans_Bold; $logo_font_family: assa_vestaregular; $font_awesome_family: 'Font Awesome 5 Free'; /*Font Family*/ $primary_font: OpenSans_SemiBold; $primary_font_light: OpenSans_Regular; $secondary_font: sans-serif; // Header Button Font Style $listGrid_headerButton_font: $primary_font; $listGrid_headerButton_font_size: $standard_font_size; // Tabs Font Style $tabButton_font: $primary_font_light; $tabButton_font_size: $standard_font_size; $tabButton_selected_font: $primary_font; // ListGrid font Style $listGrid_cell_font: $primary_font_light; $listGrid_cell_font_size: $list_table_font_size; $listGrid_cell_color: $black_color; // Button Font style $button_font: $primary_font; $button_font_size: $small_font_size; // FormItem Font Style $formItem_font_size: $standard_font_size; $formItem_font: $primary_font; $normal_font_size: $standard_font_size; // UI for button $button_border_radius: 5px; $button_over_bgColor: #02bef7; $button_focused_over_bgColor: #02bef7; $button_over_shadow: none; $button_focused_shadow: none; $button_focused_over_shadow: none; $button_down_glow: none; $button_border: 1px solid #157fcc; $button_over_border: 1px solid #157fcc; $button_focused_border: 1px solid #157fcc; $button_focused_over_border: 1px solid #157fcc; $button_down_border: 1px solid #157fcc; $button_disabled_border: 1px solid #157fcc; // UI for tabButton $tabButton_bgColor: $white_color; $tabButton_border: 0px; $tabButton_color: $grey_color; $tabButton_selected_bgColor: $white_color; $tabButton_selected_color: $blue_color; $tabButton_selected_border: 1px solid #ddd; $tabButton_focused_bgColor: $white_color; $tabButton_selected_over_color: $grey_color; $tabButton_selected_over_bgColor: $white_color; $tabButton_selected_over_border: 0px; $tabButton_selected_focused_over_bgColor: $white_color; $tabButton_selected_focused_over_color: $blue_color; $tabButton_over_color: $grey_color; $tabButton_over_bgColor: $white_color; $tabButton_over_border: 0px; $tabButton_selected_over_color: $blue_color; $tabButton_selected_over_bgColor: $white_color; $tabButton_selected_over_border: 1px solid #ddd; $tabButton_focused_border: 1px solid #ddd; $tabButton_selected_focused_over_border: 1px solid #ddd; $tabButton_over_shadow: none; $tabButton_contactEdge_selected_over_border: 0px !important; $tabButton_contactEdge_selected_border: 0px !important; $tabButton_h_padding: 0 10px; $tabButton_top_down_shadow: none; $tabButton_bottom_down_shadow: none; $tabButton_left_down_shadow: none; $tabButton_right_down_shadow: none; //removing border of tabset $tabSet_container_border: none; //Header Button $listGrid_headerBar_bgColor: $light_blue_shade9; $listGrid_headerButton_bgColor: $light_blue_shade9; $listGrid_headerButton_color: $black_color; $listGrid_headerButton_selected_bgColor: $light_blue_shade9; $listGrid_headerButton_selected_color: $black_color; $listGrid_headerButton_over_bgColor: $light_blue_shade9 !important; $listGrid_headerButton_over_color: $black_color; $listGrid_headerButton_selected_over_bgColor: $light_blue_shade9; $listGrid_headerButton_selected_over_color: $black_color; $listGrid_headerSpan_border:1px solid $light_blue_shade8 !important; // Form title $form_title_color: $grey_color; $formItem_color: $dark_grey_color; // Window Header $window_header_bgColor: $blue_color; $window_header_bgColor: $blue_color; $window_header_font: $primary_font; // LisrGrid Selection $listGrid_cell_selected_bgColor: $dark_blue_shade7; $listGrid_cell_selected_over_bgColor: $dark_blue_shade7; $listGrid_cell_over_bgColor: $light_blue_shade8; // ListGrid Group Node $listGrid_groupNode_font_size: 13px; $listGrid_groupNode_font: $primary_font_light; //RibbonGroup setting $ribbonGroup_border: 0px; $ribbonGroup_shadow: none; // HeaderLinks $header_shadow_color: $light_grey_shade4; $header_link_border: $light_grey_shade6; // IconButton Setting $iconButton_border: 0px; $iconButton_over_bgColor: transparent; $iconButton_over_border: 0px; $iconButton_selected_border: 0px; $iconButton_selected_border: 0px; // Canvas Hover Setting $hoverCanvas_border: 2px solid $blue_color; $hoverCanvas_font_size: 16px; $standard_hover_font: $primary_font; //Disabled Buttons $button_disabled_color: $light_grey_shade13; $button_disabled_bgColor: $dark_blue_shade17; $button_disabled_border: 1px solid $dark_blue_shade17; //To get Right-border in Header Button $listGrid_headerButton_border: 1px solid $light_blue_shade8 !important; $listGrid_headerButton_bgColor: $light_blue_shade9; $listGrid_headerButton_selected_bgColor: $light_blue_shade9; $listGrid_headerButton_over_bgColor: $light_blue_shade9; $listGrid_headerButton_selected_over_bgColor: $light_blue_shade9; $listGrid_border: 0px; $treeGrid_cell_font: $primary_font_light; $treeGrid_cell_font_size: 13px; $sectionHeader_font_size: 14px; $sectionHeader_font: $primary_font; $window_border: none; $treeGrid_cell_selected_bgColor: $dark_blue_shade7; // Remove border from tileGrid $tileGrid_border: none; //calendar event font size $calendar_eventWindow_font_size: $standard_font_size; $menu_font: $primary_font_light; $menu_font_size: 12px; // Shadow to picklistMenu $pickList_menu_shadow: 4px 4px 4px #ddd !important; // Font Size for Hover Text $hoverCanvas_font_size: 16px !important; // TreeGrid Selection $treeGrid_cell_selected_over_bgColor: $dark_blue_shade7; $treeGrid_cell_selected_bgColor: $dark_blue_shade7; $treeGrid_cell_over_bgColor: $light_blue_shade8;