/* colors */

.hover_color_white:hover,
.active_color_white .active,
.white {color:#ffffff;}
.black {color:#000000;}

.white .red, .red {color:#a70008;}
.white .red_2, .red_2,
.bg_stone_2 .red {color:#ff0000;}

.white .blue, .blue {color:#073b91;}
.white .stone, .stone {color:#576a73;}
.white .green, .green {color:#5da307;}
.white .orange, .orange {color:#fa7102;}
.white .violet, .violet {color:#631862;}
.white .purple, .purple {color:#582a86;}
.white .indigo, .indigo {color:#330099;}

/*1*/
.white .magenta_1, .magenta_1 {color:#901247;}
.white .magenta_2, .magenta_2 {color:#c2003b;}
.white .magenta_3, .magenta_3 {color:#d82042;}
/*2*/
.white .red_1, .red_1 {color:#980000;}
.white .red_2, .red_2 {color:#a70008;}
.white .red_3, .red_3 {color:#ff002a;}
/*3*/
.white .orange_1, .orange_1 {color:#c63d10;}
.white .orange_2, .orange_2 {color:#d3540f;}
.white .orange_3, .orange_3 {color:#ed3a16;}
.white .orange_4, .orange_4 {color:#ea4030;}
.white .orange_5, .orange_5 {color:#ec4e1b;}
/*4*/
.white .stone_1, .stone_1 {color:#576a73;}
.white .stone_2, .stone_2 {color:#4a6a72;}
.white .stone_3, .stone_3 {color:#5e8892;}
.white .stone_4, .stone_4 {color:#8f8f8f;}
/*5*/
.white .violet_1, .violet_1 {color:#631862;}
.white .violet_2, .violet_2 {color:#730e7f;}
.white .violet_3, .violet_3 {color:#69108e;}
.white .violet_4, .violet_4 {color:#964c98;}
/*6*/
.white .purple_1, .purple_1 {color:#582a86;}
.white .purple_2, .purple_2 {color:#6148a5;}
.white .purple_3, .purple_3 {color:#615ca9;}
.white .purple_4, .purple_4 {color:#8560a9;}
/*7*/
.white .main_green_1, .main_green_1 {color:#114f25;}
.white .main_green_2, .main_green_2 {color:#379425;}
.white .main_green_3, .main_green_3 {color:#5da307;}
.white .main_green_4, .main_green_4 {color:#68b905;}
.white .main_green_5, .main_green_5 {color:#78c100;}
.white .main_green_6, .main_green_6 {color:#7ed41f;}
.white .main_green_7, .main_green_7 {color:#a2f81a;}
/*8*/
.white .green_1, .green_1 {color:#113f1c;}
.white .green_2, .green_2 {color:#114f25;}
.white .green_3, .green_3 {color:#215e34;}
.white .green_4, .green_4 {color:#316f44;}
.white .green_5, .green_5 {color:#428355;}
.white .green_6, .green_6 {color:#519C66;}
.white .green_7, .green_7 {color:#5EB376;}
/*9*/
.white .khaki_1, .khaki_1 {color:#1d2d0b;}
.white .khaki_2, .khaki_2 {color:#2a4909;}
.white .khaki_3, .khaki_3 {color:#2a5417;}
.white .khaki_4, .khaki_4 {color:#3a630a;}
.white .khaki_5, .khaki_5 {color:#457213;}
.white .khaki_6, .khaki_6 {color:#4e8509;}
.white .khaki_7, .khaki_7 {color:#549209;}
/*10*/
.white .blue_1, .blue_1 {color:#073b91;}
.white .blue_2, .blue_2 {color:#114c8f;}
.white .blue_3, .blue_3 {color:#0c5da7;}
.white .blue_4, .blue_4 {color:#2963a5;}
.white .blue_5, .blue_5 {color:#3777bf;}
.white .blue_6, .blue_6 {color:#6b95cf;}
.white .blue_7, .blue_7 {color:#d8e8ff;}
/*11*/
.white .skiey_1, .skiey_1 {color:#165f77;}
.white .skiey_2, .skiey_2 {color:#1B7FA0;}
.white .skiey_3, .skiey_3 {color:#1E99C2;}
/*12*/
.white .ocean_1, .ocean_1 {color:#17476D;}
.white .ocean_2, .ocean_2 {color:#1f5787;}
.white .ocean_3, .ocean_3 {color:#3478b4;}
.white .ocean_4, .ocean_4 {color:#458ccb;}
/*13*/
.white .indigo_1, .indigo_1 {color:#330099;}
/*14*/
.white .gray_1, .gray_1 {color:#4d4d4d;}
.white .gray_2, .gray_2 {color:#636363;}
.white .gray_3, .gray_3 {color:#737373;}
.white .gray_4, .gray_4 {color:#8f8f8f;}
.white .gray_5, .gray_5 {color:#c6c7c8;}
.white .gray_6, .gray_6 {color:#e6e6e6;}
.white .gray_7, .gray_7 {color:#f2f2f2;}
/*15*/
.white .lilac_4, .lilac_4 {color:#7b3dce;}
/*16*/
.white .mint_1, .mint_1 {color:#0a484c;}
.white .mint_2, .mint_2 {color:#09646a;}
.white .mint_3, .mint_3 {color:#057b83;}
.white .mint_4, .mint_4 {color:#00929b;}
/*17*/
.white .neon_green_5, .neon_green_5 {color:#8dfe1a;}
/*18*/
.white .neon_pink_4, .neon_pink_4 {color:#ff43e3;}

/* bg colors */

.bg_white {background-color:#ffffff;}
.bg_black_transparent {background: rgba(0, 0, 0, 0.5);}

/*1*/
.bg_dyn_magenta_1 .dyn_bg_color, .bg_magenta_1 {background-color:#901247;}
.bg_dyn_magenta_2 .dyn_bg_color, .bg_magenta_2 {background-color:#c2003b;}
.bg_dyn_magenta_3 .dyn_bg_color, .bg_magenta_3 {background-color:#d82042;}
/*2*/
.bg_dyn_red_1 .dyn_bg_color, .bg_red_1 {background-color:#980000;}
.bg_dyn_red_2 .dyn_bg_color, .bg_red_2 {background-color:#a70008;}
.bg_dyn_red_3 .dyn_bg_color, .bg_red_3 {background-color:#ff002a;}
/*3*/
.bg_dyn_orange_1 .dyn_bg_color, .bg_orange_1 {background-color:#c63d10;}
.bg_dyn_orange_2 .dyn_bg_color, .bg_orange_2 {background-color:#d3540f;}
.bg_dyn_orange_3 .dyn_bg_color, .bg_orange_3 {background-color:#ed3a16;}
.bg_dyn_orange_4 .dyn_bg_color, .bg_orange_4 {background-color:#ea4030;}
.bg_dyn_orange_5 .dyn_bg_color, .bg_orange_5 {background-color:#ec4e1b;}
.bg_dyn_orange_6 .dyn_bg_color, .bg_orange_6 {background-color:#f18f00;}
/*4*/
.bg_dyn_stone_1 .dyn_bg_color, .bg_stone_1 {background-color:#576a73;}
.bg_dyn_stone_2 .dyn_bg_color, .bg_stone_2 {background-color:#4a6a72;}
.bg_dyn_stone_3 .dyn_bg_color, .bg_stone_3 {background-color:#5e8892;}
.bg_dyn_stone_4 .dyn_bg_color, .bg_stone_4 {background-color:#8f8f8f;} /* == .bg_gray_4 */
/*5*/
.bg_dyn_violet_1 .dyn_bg_color, .bg_violet_1 {background-color:#631862;}
.bg_dyn_violet_2 .dyn_bg_color, .bg_violet_2 {background-color:#730e7f;}
.bg_dyn_violet_3 .dyn_bg_color, .bg_violet_3 {background-color:#69108e;}
.bg_dyn_violet_4 .dyn_bg_color, .bg_violet_4 {background-color:#964c98;}
/*6*/
.bg_dyn_purple_1 .dyn_bg_color, .bg_purple_1 {background-color:#582a86;}
.bg_dyn_purple_2 .dyn_bg_color, .bg_purple_2 {background-color:#6148a5;}
.bg_dyn_purple_3 .dyn_bg_color, .bg_purple_3 {background-color:#615ca9;}
.bg_dyn_purple_4 .dyn_bg_color, .bg_purple_4 {background-color:#8560a9;}
/*7*/
.bg_dyn_main_green_1 .dyn_bg_color, .bg_main_green_1 {background-color:#114f25;} /* == .bg_green_2 */
.bg_dyn_main_green_2 .dyn_bg_color, .bg_main_green_2 {background-color:#379425;}
.bg_dyn_main_green_3 .dyn_bg_color, .bg_main_green_3 {background-color:#5da307;}
.bg_dyn_main_green_4 .dyn_bg_color, .bg_main_green_4 {background-color:#68b905;}
.bg_dyn_main_green_5 .dyn_bg_color, .bg_main_green_5 {background-color:#78c100;}
.bg_dyn_main_green_6 .dyn_bg_color, .bg_main_green_6 {background-color:#7ed41f;}
.bg_dyn_main_green_7 .dyn_bg_color, .bg_main_green_7 {background-color:#a2f81a;}
/*8*/
.bg_dyn_green_1 .dyn_bg_color, .bg_green_1 {background-color:#113f1c;}
.bg_dyn_green_2 .dyn_bg_color, .bg_green_2 {background-color:#114f25;}
.bg_dyn_green_3 .dyn_bg_color, .bg_green_3 {background-color:#215e34;}
.bg_dyn_green_4 .dyn_bg_color, .bg_green_4 {background-color:#316f44;}
.tile:hover .tile-body__button, .tile.active .tile-body__button,
.tile:hover .tile-body__tab, .tile.active .tile-body__tab,
.bg_dyn_green_5 .dyn_bg_color, .bg_green_5 {background-color:#428355;}
.bg_dyn_green_6 .dyn_bg_color, .bg_green_6 {background-color:#519C66;}
.bg_dyn_green_7 .dyn_bg_color, .bg_green_7 {background-color:#5EB376;}
/*9*/
.bg_dyn_khaki_1 .dyn_bg_color, .bg_khaki_1 {background-color:#1d2d0b;}
.bg_dyn_khaki_2 .dyn_bg_color, .bg_khaki_2 {background-color:#2a4909;}
.bg_dyn_khaki_3 .dyn_bg_color, .bg_khaki_3 {background-color:#2a5417;}
.bg_dyn_khaki_4 .dyn_bg_color, .bg_khaki_4 {background-color:#3a630a;}
.bg_dyn_khaki_5 .dyn_bg_color, .bg_khaki_5 {background-color:#457213;}
.bg_dyn_khaki_6 .dyn_bg_color, .bg_khaki_6 {background-color:#4e8509;}
.bg_dyn_khaki_7 .dyn_bg_color, .bg_khaki_7 {background-color:#549209;}
/*10*/
.bg_dyn_blue_1 .dyn_bg_color, .bg_blue_1 {background-color:#073b91;}
.bg_dyn_blue_2 .dyn_bg_color, .bg_blue_2 {background-color:#0F49A4;}
.bg_dyn_blue_3 .dyn_bg_color, .bg_blue_3 {background-color:#0c5da7;}
.bg_dyn_blue_4 .dyn_bg_color, .bg_blue_4 {background-color:#2963a5;}
.bg_dyn_blue_5 .dyn_bg_color, .bg_blue_5 {background-color:#3777bf;}
.bg_dyn_blue_6 .dyn_bg_color, .bg_blue_6 {background-color:#6b95cf;}
.bg_dyn_blue_7 .dyn_bg_color, .bg_blue_7 {background-color:#d8e8ff;}
/*11*/
.bg_dyn_skiey_1 .dyn_bg_color, .bg_skiey_1 {background-color:#165f77;}
.bg_dyn_skiey_2 .dyn_bg_color, .bg_skiey_2 {background-color:#1B7FA0;}
.bg_dyn_skiey_3 .dyn_bg_color, .bg_skiey_3 {background-color:#1E99C2;}
/*12*/
.bg_dyn_ocean_1 .dyn_bg_color, .bg_ocean_1 {background-color:#17476D;}
.bg_dyn_ocean_2 .dyn_bg_color, .bg_ocean_2 {background-color:#1f5787;}
.bg_dyn_ocean_3 .dyn_bg_color, .bg_ocean_3 {background-color:#3478b4;}
.bg_dyn_ocean_4 .dyn_bg_color, .bg_ocean_4 {background-color:#458ccb;}
/*13*/
.bg_dyn_indigo_1 .dyn_bg_color, .bg_indigo_1 {background-color:#330099;}
/*14*/
.bg_dyn_gray_1 .dyn_bg_color, .bg_gray_1 {background-color:#4d4d4d;}
.bg_dyn_gray_2 .dyn_bg_color, .bg_gray_2 {background-color:#636363;}
.bg_dyn_gray_3 .dyn_bg_color, .bg_gray_3 {background-color:#737373;}
.bg_dyn_gray_4 .dyn_bg_color, .bg_gray_4 {background-color:#8f8f8f;}
.bg_dyn_gray_5 .dyn_bg_color, .bg_gray_5 {background-color:#c6c7c8;}
.bg_dyn_gray_6 .dyn_bg_color, .bg_gray_6 {background-color:#e6e6e6;}
.bg_dyn_gray_7 .dyn_bg_color, .bg_gray_7 {background-color:#f2f2f2;}
/*15*/
.bg_dyn_lilac_4 .dyn_bg_color, .bg_lilac_4 {background-color:#7b3dce;}
/*16*/
.bg_dyn_mint_1 .dyn_bg_color, .bg_mint_1 {background-color:#0a484c;}
.bg_dyn_mint_2 .dyn_bg_color, .bg_mint_2 {background-color:#09646a;}
.bg_dyn_mint_3 .dyn_bg_color, .bg_mint_3 {background-color:#057b83;}
.bg_dyn_mint_4 .dyn_bg_color, .bg_mint_4 {background-color:#00929b;}
/*17*/
.bg_dyn_neon_green_5 .dyn_bg_color, .bg_neon_green_5 {background-color:#8dfe1a;}

/*18*/
.bg_neon_pink_4 .dyn_bg_color, .bg_neon_pink_4 {background-color:#ff43e3;}

/* products */
.bg_product,         .bg_product>td         {background-color:#dedede;}
.bg_product_desktop, .bg_product_desktop>td {background-color:#f2d2cc;}
.bg_product_server,  .bg_product_server>td  {background-color:#f9ecbf;}
.bg_product_mail,    .bg_product_mail>td    {background-color:#e4eed8;}
.bg_product_gateway, .bg_product_gateway>td {background-color:#daeefa;}
.bg_product_mobile,  .bg_product_mobile>td  {background-color:#d8cce2;}

/*borders*/

/*1*/
.border_dyn_magenta_1 .dyn_bg_color, .border_magenta_1 {border-color:#901247;}
.border_dyn_magenta_2 .dyn_bg_color, .border_magenta_2 {border-color:#c2003b;}
.border_dyn_magenta_3 .dyn_bg_color, .border_magenta_3 {border-color:#d82042;}
/*2*/
.border_dyn_red_1 .dyn_bg_color, .border_red_1 {border-color:#980000;}
.border_dyn_red_2 .dyn_bg_color, .border_red_2 {border-color:#a70008;}
.border_dyn_red_3 .dyn_bg_color, .border_red_3 {border-color:#ff002a;}
/*3*/
.border_dyn_orange_1 .dyn_bg_color, .border_orange_1 {border-color:#c63d10;}
.border_dyn_orange_2 .dyn_bg_color, .border_orange_2 {border-color:#d3540f;}
.border_dyn_orange_3 .dyn_bg_color, .border_orange_3 {border-color:#ed3a16;}
.border_dyn_orange_4 .dyn_bg_color, .border_orange_4 {border-color:#ea4030;}
.border_dyn_orange_5 .dyn_bg_color, .border_orange_5 {border-color:#ec4e1b;}
.border_dyn_orange_6 .dyn_bg_color, .border_orange_6 {border-color:#f18f00;}
/*4*/
.border_dyn_stone_1 .dyn_bg_color, .border_stone_1 {border-color:#576a73;}
.border_dyn_stone_2 .dyn_bg_color, .border_stone_2 {border-color:#4a6a72;}
.border_dyn_stone_3 .dyn_bg_color, .border_stone_3 {border-color:#5e8892;}
.border_dyn_stone_4 .dyn_bg_color, .border_stone_4 {border-color:#8f8f8f;} /* == .border_gray_4 */
/*5*/
.border_dyn_violet_1 .dyn_bg_color, .border_violet_1 {border-color:#631862;}
.border_dyn_violet_2 .dyn_bg_color, .border_violet_2 {border-color:#730e7f;}
.border_dyn_violet_3 .dyn_bg_color, .border_violet_3 {border-color:#69108e;}
.border_dyn_violet_4 .dyn_bg_color, .border_violet_4 {border-color:#964c98;}
/*6*/
.border_dyn_purple_1 .dyn_bg_color, .border_purple_1 {border-color:#582a86;}
.border_dyn_purple_2 .dyn_bg_color, .border_purple_2 {border-color:#6148a5;}
.border_dyn_purple_3 .dyn_bg_color, .border_purple_3 {border-color:#615ca9;}
.border_dyn_purple_4 .dyn_bg_color, .border_purple_4 {border-color:#8560a9;}
/*7*/
.border_dyn_main_green_1 .dyn_bg_color, .border_main_green_1 {border-color:#114f25;} /* == .border_green_2 */
.border_dyn_main_green_2 .dyn_bg_color, .border_main_green_2 {border-color:#379425;}
.border_dyn_main_green_3 .dyn_bg_color, .border_main_green_3 {border-color:#5da307;}
.border_dyn_main_green_4 .dyn_bg_color, .border_main_green_4 {border-color:#68b905;}
.border_dyn_main_green_5 .dyn_bg_color, .border_main_green_5 {border-color:#78c100;}
.border_dyn_main_green_6 .dyn_bg_color, .border_main_green_6 {border-color:#7ed41f;}
.border_dyn_main_green_7 .dyn_bg_color, .border_main_green_7 {border-color:#a2f81a;}
/*8*/
.border_dyn_green_1 .dyn_bg_color, .border_green_1 {border-color:#113f1c;}
.border_dyn_green_2 .dyn_bg_color, .border_green_2 {border-color:#114f25;}
.border_dyn_green_3 .dyn_bg_color, .border_green_3 {border-color:#215e34;}
.border_dyn_green_4 .dyn_bg_color, .border_green_4 {border-color:#316f44;}
.tile:hover .tile-body__button, .tile.active .tile-body__button,
.tile:hover .tile-body__tab, .tile.active .tile-body__tab,
.border_dyn_green_5 .dyn_bg_color, .border_green_5 {border-color:#428355;}
.border_dyn_green_6 .dyn_bg_color, .border_green_6 {border-color:#519C66;}
.border_dyn_green_7 .dyn_bg_color, .border_green_7 {border-color:#5EB376;}
/*9*/
.border_dyn_khaki_1 .dyn_bg_color, .border_khaki_1 {border-color:#1d2d0b;}
.border_dyn_khaki_2 .dyn_bg_color, .border_khaki_2 {border-color:#2a4909;}
.border_dyn_khaki_3 .dyn_bg_color, .border_khaki_3 {border-color:#2a5417;}
.border_dyn_khaki_4 .dyn_bg_color, .border_khaki_4 {border-color:#3a630a;}
.border_dyn_khaki_5 .dyn_bg_color, .border_khaki_5 {border-color:#457213;}
.border_dyn_khaki_6 .dyn_bg_color, .border_khaki_6 {border-color:#4e8509;}
.border_dyn_khaki_7 .dyn_bg_color, .border_khaki_7 {border-color:#549209;}
/*10*/
.border_dyn_blue_1 .dyn_bg_color, .border_blue_1 {border-color:#073b91;}
.border_dyn_blue_2 .dyn_bg_color, .border_blue_2 {border-color:#0F49A4;}
.border_dyn_blue_3 .dyn_bg_color, .border_blue_3 {border-color:#0c5da7;}
.border_dyn_blue_4 .dyn_bg_color, .border_blue_4 {border-color:#2963a5;}
.border_dyn_blue_5 .dyn_bg_color, .border_blue_5 {border-color:#3777bf;}
.border_dyn_blue_6 .dyn_bg_color, .border_blue_6 {border-color:#6b95cf;}
.border_dyn_blue_7 .dyn_bg_color, .border_blue_7 {border-color:#d8e8ff;}
/*11*/
.border_dyn_skiey_1 .dyn_bg_color, .border_skiey_1 {border-color:#165f77;}
.border_dyn_skiey_2 .dyn_bg_color, .border_skiey_2 {border-color:#1B7FA0;}
.border_dyn_skiey_3 .dyn_bg_color, .border_skiey_3 {border-color:#1E99C2;}
/*12*/
.border_dyn_ocean_1 .dyn_bg_color, .border_ocean_1 {border-color:#17476D;}
.border_dyn_ocean_2 .dyn_bg_color, .border_ocean_2 {border-color:#1f5787;}
.border_dyn_ocean_3 .dyn_bg_color, .border_ocean_3 {border-color:#3478b4;}
.border_dyn_ocean_4 .dyn_bg_color, .border_ocean_4 {border-color:#458ccb;}
/*13*/
.border_dyn_indigo_1 .dyn_bg_color, .border_indigo_1 {border-color:#330099;}
/*14*/
.border_dyn_gray_1 .dyn_bg_color, .border_gray_1 {border-color:#4d4d4d;}
.border_dyn_gray_2 .dyn_bg_color, .border_gray_2 {border-color:#636363;}
.border_dyn_gray_3 .dyn_bg_color, .border_gray_3 {border-color:#737373;}
.border_dyn_gray_4 .dyn_bg_color, .border_gray_4 {border-color:#8f8f8f;}
.border_dyn_gray_5 .dyn_bg_color, .border_gray_5 {border-color:#c6c7c8;}
.border_dyn_gray_6 .dyn_bg_color, .border_gray_6 {border-color:#e6e6e6;}
.border_dyn_gray_7 .dyn_bg_color, .border_gray_7 {border-color:#f2f2f2;}
/*15*/
.border_dyn_lilac_4 .dyn_bg_color, .border_lilac_4 {border-color:#7b3dce;}
/*16*/
.border_dyn_mint_1 .dyn_bg_color, .border_mint_1 {border-color:#0a484c;}
.border_dyn_mint_2 .dyn_bg_color, .border_mint_2 {border-color:#09646a;}
.border_dyn_mint_3 .dyn_bg_color, .border_mint_3 {border-color:#057b83;}
.border_dyn_mint_4 .dyn_bg_color, .border_mint_4 {border-color:#00929b;}
/*17*/
.border_dyn_neon_green_5 .dyn_bg_color, .border_neon_green_5 {border-color:#8dfe1a;}

/*18*/
.border_neon_pink_4 .dyn_bg_color, .border_neon_pink_4 {border-color:#ff43e3;}