/* 
    Document   : TABS
    Version    : 1.0    
    Author     : Greensky Ltd
    Description: Tabs stylesheet.
*/

/*** MODULE TABS [DEFAULT] :: START ***/
#gui[data-gui-markup-version="1"] .gui_module_tabs {}
#gui[data-gui-markup-version="1"] .gui_module_tabs > .gui_expander {}
#gui[data-gui-markup-version="1"] .gui_module_tabs > .gui_expander > .gui_body > .gui_expander > .gui_title-holder {margin:0 0 30px 0;}
/*#gui[data-gui-markup-version="1"] .gui_module_tabs > .gui_expander > .gui_body > .gui_expander > .gui_title-holder > .gui_title {font-size: 2.5rem;*/   /*line-height: 120%}*/

#gui[data-gui-markup-version="1"] .gui_module_tabs > .gui_expander > .gui_body > .gui_expander > .gui_tab-holder {overflow:hidden;margin:0;}


#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_head {margin:0 0 60px 0;position:relative;position:relative;right:50%;text-align:left;float:right;}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_head ul { position: relative;left: 50%;overflow: hidden;}
/*regular*/
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_head ul li {display:block;float:left;margin:0px;height:60px;line-height:60px;cursor:pointer;border-bottom:5px solid;color:#bbb;}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_head ul li:first-child {margin:0;}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_head ul li .gui_expander {padding:0 25px;}
#gui[data-gui-markup-version="1"] #gui[data-gui-markup-version="1"]_sub .gui_module_tabs .gui_tabs_head ul li .gui_text {font-size:2.0rem;color:#bbb;line-height: 55px;}

/*hover*/
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_head ul li:hover {color:#999;}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_head ul li:hover .gui_expander {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_head ul li:hover .gui_text {color:#999;}
/*click + active*/
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_head ul li.ui-state-active {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_head ul li.ui-state-active:after {content:'';}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_head ul li.ui-state-active .gui_expander {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_head ul li.ui-state-active .gui_text {color:#2c2c2c;}


#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_has_text .gui_tabs-holder {margin:60px 0 0 0};
/*tabs pane styling */
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body {clear: both;}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body > ul {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body > ul > li {display:none;}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body > ul > li:first-child {display:block;}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body > ul > li > .gui_expander {padding:0;}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body > ul > li > .gui_expander > .gui_body {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body > ul > li > .gui_expander >  .gui_body .gui_title-holder {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body > ul > li > .gui_expander > .gui_body .gui_title {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body > ul > li > .gui_expander > .gui_body .gui_text-holder {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body > ul > li > .gui_expander > .gui_body .gui_text {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body > ul > li > .gui_expander > .gui_body .gui_img-holder {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body > ul > li > .gui_expander > .gui_body .gui_even .gui_img-holder {float:right;width:50%;margin:0 0 50px  50px;}
#gui[data-gui-markup-version="1"] .gui_module_large-list .gui_module_tabs .gui_tabs_body > ul > li > .gui_expander > .gui_body .gui_img-holder {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body > ul > li > .gui_expander > .gui_body .gui_img {}
#gui[data-gui-markup-version="1"] .gui_module_tabs > .gui_expander > .gui_body {}
#gui[data-gui-markup-version="1"] .gui_module_tabs > .gui_expander > .gui_body > .gui_expander {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body {clear: both;}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body > ul {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body > ul > li {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_tabs_body > ul > li > .gui_expander {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot > .gui_expander {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_btn-holder {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_btn {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_btn .gui_expander {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_btn .gui_before {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_btn .gui_icon-before {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_btn .gui_text {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_btn .gui_subtext {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_btn .gui_icon-after {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_btn .gui_after {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_btn .gui_overlay {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_btn .gui_click-area {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_social-holder {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_social-holder .gui_expander {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_social-holder .gui_title-holder {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_social-holder .gui_title {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_social-holder .gui_subtitle {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_social-holder ul {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_social-holder ul li {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_social-holder ul li.gui_item {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_social-holder ul li.gui_item-n {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_social-holder ul li span {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_social-holder ul li .st_facebook_vcount {} /*may need to delete this line */
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot > .gui_overlay {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot > .gui_click-area {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_edges {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_edge {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_edge.gui_edge_bl {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_edge.gui_edge_br {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_edge.gui_edge_tl {}
#gui[data-gui-markup-version="1"] .gui_module_tabs .gui_foot .gui_edge.gui_edge_tr {}

/** VERTICAL TABS OVERRIDE **/
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical {}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_head {width:220px;margin:0;float:left;position:relative;z-index:2;float:left !important;left:0;}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_head > ul {left:0;}

/*regular*/
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_head ul li {width: 100%;border-right:5px solid;color:#ddd;border-bottom:0;padding:14px 0;line-height:120%;box-sizing:border-box;height:auto;}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_head ul li:first-child {}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_head ul li .gui_expander {padding:0 15px 0 0 ;}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_head ul li .gui_text {line-height:120%;}

/*hover*/
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_head ul li:hover {color:#999;}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_head ul li:hover .gui_expander {}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_head ul li:hover .gui_text {color:#999;}
/*click + active*/
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_head ul li.ui-state-active {}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_head ul li.ui-state-active:after {}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_head ul li.ui-state-active .gui_expander {}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_head ul li.ui-state-active .gui_text {color:#2c2c2c;}


#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_body {margin: 0 0 0 220px;padding:0 0 0 60px;z-index:1;clear:none;}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_body > ul {}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_body > ul > li {}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_vertical .gui_tabs_body > ul > li:first-child {}


/*** MODULE TABS [DEFAULT] :: END ***/

/*** MODULE TABS [FILLED] :: START ***/

#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head  {margin:0 !important;}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head ul {overflow:visible;margin:0 !important;}

#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled.gui_aln_l .gui_tabs_head {float:left;left:0;}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled.gui_aln_l .gui_tabs_head ul {float:left;left:0;}

#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head ul li {border-bottom:none;}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head ul li:after {display:block;width:16px;height:16px;content:'';position:absolute;bottom:-10px;left:50%;margin-left:-8px;transform:rotate(45deg)}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head ul li.ui-state-active:after {background:#fff !important;}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head ul li > .gui_expander {border-bottom:none;}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head ul li .gui_text {line-height:60px;text-align:center !important;}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_body {background:#fff;padding:30px;border:2px solid;}


#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head {width:100%;float:none;}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head ul {width:100%;float:none;}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head[data-gui-count="1"] li {width:100%;}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head[data-gui-count="2"] li {width:calc(100% / 2);}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head[data-gui-count="3"] li {width:calc(100% / 3);}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head[data-gui-count="4"] li {width:calc(100% / 4);}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head[data-gui-count="5"] li {width:calc(100% / 5);}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head[data-gui-count="6"] li {width:calc(100% / 6);}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head[data-gui-count="7"] li {width:calc(100% / 7);}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head[data-gui-count="8"] li {width:calc(100% / 8);}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head[data-gui-count="9"] li {width:calc(100% / 9);}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head[data-gui-count="10"] li {width:calc(100% / 10);}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head[data-gui-count="11"] li {width:calc(100% / 11);}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head[data-gui-count="12"] li {width:calc(100% / 12);}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head[data-gui-count="13"] li {width:calc(100% / 13);}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head[data-gui-count="14"] li {width:calc(100% / 14);}
#gui[data-gui-markup-version="1"] .gui_module_tabs.gui_tabs_filled .gui_tabs_head[data-gui-count="15"] li {width:calc(100% / 15);}

/*** MODULE TABS [FILLED] :: END ***/
