.theme_panels .theme_panel.active_main_theme_panel{
	transform: translateX(0);
}
.theme_panels .theme_panel{
	left: 0;
	top: 0;
	position: absolute;
	transition: transform 0.3s;
	transform: translateX(1300px);
	width: 100%;
	height: 100%;
    overflow-y: auto;
}
.theme_panels{
	position: relative;
}
.preset_theme_preview_1{	background-image: url(/includes/img/wireframe/slide_theme_presets/1.jpg); }
.preset_theme_preview_2{	background-image: url(/includes/img/wireframe/slide_theme_presets/2.jpg); }
.preset_theme_preview_3{	background-image: url(/includes/img/wireframe/slide_theme_presets/3.jpg); }
.preset_theme_preview_4{	background-image: url(/includes/img/wireframe/slide_theme_presets/4.jpg); }
.preset_theme_preview_5{	background-image: url(/includes/img/wireframe/slide_theme_presets/5.jpg); }
.preset_theme_preview_6{	background-image: url(/includes/img/wireframe/slide_theme_presets/6.jpg); }
.preset_theme_preview_7{	background-image: url(/includes/img/wireframe/slide_theme_presets/7.jpg); }
.preset_theme_preview_8{	background-image: url(/includes/img/wireframe/slide_theme_presets/8.jpg); }
.preset_theme_preview_9{	background-image: url(/includes/img/wireframe/slide_theme_presets/9.jpg); }
.preset_theme_preview_10{	background-image: url(/includes/img/wireframe/slide_theme_presets/10.jpg); }
.preset_theme_preview_11{	background-image: url(/includes/img/wireframe/slide_theme_presets/11.jpg); }
.preset_theme_preview_12{	background-image: url(/includes/img/wireframe/slide_theme_presets/12.jpg); }
.preset_theme_preview_13{	background-image: url(/includes/img/wireframe/slide_theme_presets/13.jpg); }
.preset_theme_preview_14{	background-image: url(/includes/img/wireframe/slide_theme_presets/14.jpg); }
.preset_theme_preview_15{	background-image: url(/includes/img/wireframe/slide_theme_presets/15.jpg); }
.preset_theme_preview_16{	background-image: url(/includes/img/wireframe/slide_theme_presets/16.jpg); }

.preset_theme_preview{
	background-size: cover;
}
.theme_presets{
	overflow-y: scroll;
}
.preset_theme_preview{
	display: inline-block;
    width: 758px;
    height: 422px;
    border: 1px solid #25243c;
    margin: 0 2px;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
}
.theme_type_chooser.active_theme_tab{
	display: inline-block;
    padding: 10px 15px;
    margin: 0 1px;
    cursor: pointer;
    color: #fff;
    background: #335eea;
    font-weight: bold;
    border-radius: 20px;
    border: 2px solid #2a41ad;
}
.theme_type_chooser{
	display: inline-block;
    padding: 10px 15px;
    margin: 0 1px;
    cursor: pointer;
    color: #0b1349;
    background: #f5f5f5;
    font-weight: bold;
    border-radius: 20px;
    border: 2px solid #2a41ad;
}
.theme_switcher{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#presentation_theme{
	width: 800px;
}
.presentation_font_chooser{
	display: flex;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    margin-top: 6px;
    padding: 10px;
    background: #263238;
    color: #fff;
}
.artboard_bg{
	position: absolute;
    z-index: -9999;
    width: 800px;
    height: 600px;
    pointer-events: none;
	left: 0;
	top: 0;
	background-size: cover;
	background-color: #fff;
}
#presentation_theme .theme_previews.paragraph_styles,
#presentation_theme .theme_previews.fun_fact_styles,
#presentation_theme .theme_previews.activity_styles,
#presentation_theme .theme_previews.image_styles
{
	display: grid;
    grid-template-columns: auto auto;
}
#presentation_theme .theme_previews{
	display: grid;
    grid-template-columns: auto auto auto;
}
.bg_theme_header{
	grid-column: 1/4;
}
#presentation_theme .window_content_wrap h1{
	font-size: 14px;
	text-align: center;
}
#presentation_theme .window_content_wrap >div{
	
}
#presentation_theme .theme_preview.theme_paragraph > div > p{
	margin-bottom: 10px;
}
#presentation_theme .theme_preview.theme_image > div{
	position: absolute;
    width: 287px;
    height: 180px;
    left: 34px;
    top: 24px;
    background-image: url(/includes/img/wireframe/backgrounds/robot.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#presentation_theme .theme_preview.theme_fun_fact_01  p{
    padding: 48px 15px 15px;
}
#presentation_theme .theme_preview.theme_fun_fact  p,
#presentation_theme .theme_preview.theme_activity  p{
	position: relative;
    z-index: 999;
}
#presentation_theme .theme_preview.theme_paragraph > div{
	font-size: 12px;
    line-height: 14px;
    position: absolute;
    width: 290px;
    left: 30px;
    top: 30px;
    box-sizing: border-box;
    pointer-events: none;
}
#presentation_theme .theme_preview.theme_fun_fact > div{
	padding-bottom: 30px;
}
.theme_fun_fact_16 .rte_true_false,
.theme_fun_fact_17 .rte_true_false,
.theme_fun_fact_18 .rte_true_false{
	right: 25px;
    bottom: 28px;
}
#presentation_theme .theme_preview.theme_fun_fact > div,
#presentation_theme .theme_preview.theme_activity > div{
	font-size: 12px;
    line-height: 14px;
    position: absolute;
    width: 218px;
    left: 75px;
    top: 30px;
    box-sizing: border-box;
    pointer-events: none;
}
#presentation_theme .theme_preview.theme_paragraph,
#presentation_theme .theme_preview.theme_fun_fact,
#presentation_theme .theme_preview.theme_activity,
#presentation_theme .theme_preview.theme_image{
    height: 230px !important;
    position: relative;
    overflow: hidden;
    background-size: 572px;
	color: #000;
}
#presentation_theme .theme_preview:after{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
	background-size: cover;
}
#presentation_theme .theme_preview > div{
	z-index: 999;
}
#presentation_theme .theme_preview{
    height: 145px;
    border: 2px solid #043a68;
    cursor: pointer;
    border-radius: 5px;
    box-sizing: border-box;
	margin: 3px;
    border-radius: 4px;
	background-size: cover !important;
	position: relative;
}

.theme_preview.theme_headings,
.theme_preview.theme_image,
.theme_preview.theme_headings_subheadings{
	position: relative;
	overflow: hidden;
	background-size: 100% !important;
}
.theme_preview.theme_headings > div,
.theme_preview.theme_headings_subheadings > div{
	position: absolute;
    font-size: 42px;
    left: 0;
    top: 27%;
    white-space: nowrap;
    text-align: center;
    margin: 0 20px;
    height: 100%;
    line-height: 1em;
    
}
.theme_preview.theme_heading_1{
	color: #274dff;
	text-shadow: 0 1px #8da1ff, -1px 0 #c0cbff, -1px 2px #8da1ff, -2px 1px #c0cbff,   -2px 3px #8da1ff, -3px 2px #c0cbff, -3px 4px #8da1ff, -4px 3px #c0cbff;
	text-align: center;
}
.theme_preview.theme_heading_2{
	color: #fff;
    text-shadow: -0.0075em 0.0075em 0 #fef2f6, 0.005em 0.005em 0 #f6a5c1, 0.01em 0.01em 0 #f7aac4, 0.015em 0.015em #f7aec7, 0.02em 0.02em 0 #f8b3ca, 0.025em 0.025em 0 #f8b7cd, 0.03em 0.03em 0 #f8bcd0, 0.035em 0.035em 0 #f9c0d3;
}
.theme_preview.theme_heading_3{
	color: #fcedd8;
    text-shadow: 
	1px 1px 0px #eb452b, 
	2px 2px 0px #efa032, 
	3px 3px 0px #46b59b, 
	4px 4px 0px #017e7f, 
	5px 5px 0px #052939, 
	6px 6px 0px #c11a2b, 
	7px 7px 0px #c11a2b, 
	8px 8px 0px #c11a2b, 
	9px 9px 0px #c11a2b;
	
}
.theme_preview.theme_heading_4{
	-webkit-text-stroke-width: 1px;
    -moz-text-stroke-width: 1px;
    -webkit-text-stroke-color: #db2777;
    -moz-text-stroke-color: #db2777;
    color: transparent;
	text-shadow: 2px 2px #db2777;
	
}
.theme_preview.theme_heading_5{
    text-shadow: 0 8px 18px rgba(0, 0, 0, .8);
    color: #ff434d;
	
}
.theme_preview.theme_heading_6{
	color: #f3e9fd;
	text-shadow: 1px 1px 1px #957dad,
             1px 2px 1px #957dad,
             1px 3px 1px #957dad,
             1px 4px 1px #957dad,
             1px 5px 1px #957dad,
             1px 6px 1px #957dad,
             1px 10px 5px rgba(16, 16, 16, 0.5),
             1px 15px 10px rgba(16, 16, 16, 0.4),
             1px 20px 30px rgba(16, 16, 16, 0.3),
             1px 25px 50px rgba(16, 16, 16, 0.2);
	
}
.theme_preview.theme_heading_7{
	color: #fdfdfe;
  text-shadow: 0px 0px 5px #b393d3, 0px 0px 10px #b393d3, 0px 0px 10px #b393d3,
    0px 0px 20px #b393d3;
	
}
.theme_preview.theme_heading_8 > div{
	color: transparent;
  background-image: linear-gradient(to right ,#553c9a, #ee4b2b, #00c2cb, #ff7f50, #553c9a);
  -webkit-background-clip: text;
  background-clip: text;    
  background-size: 200%;
  background-position: -200%;
	
}
.theme_preview.theme_heading_9{
	text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}
.theme_preview.theme_heading_10{
	-webkit-text-stroke-width: 2px;
    -moz-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    -moz-text-stroke-color: #fff;
}
.theme_preview.theme_heading_11{
	color: #fff;
	text-shadow: 0 1px 0 #dba1a1, 0 2px 0 #d89999, 0 3px 0 #d59292, 0 4px 0 #d28a8a, 0 5px 0 #cf8383, 0 6px 0 #cd7c7c, 0 7px 0 #ca7474, 0 8px 0 #c76d6d, 0 0 5px rgba(230, 139, 139, 0.05), 0 -1px 3px rgba(230, 139, 139, 0.2), 0 9px 9px rgba(230, 139, 139, 0.3), 0 12px 12px rgba(230, 139, 139, 0.3), 0 15px 15px rgba(230, 139, 139, 0.3);
}
.theme_preview.theme_heading_12{
    margin: 0;
    color: #1d9099;
    text-shadow: 2px 2px 0 #E79C10, -2px -2px 0 #D53A33;
}
.theme_preview.theme_heading_13{
	font-size: 30px;
	color: #4d70ee;
    text-shadow: 0 0.02em 0.02em #a7b5ff, 0 0.02em 0em #000977, 0 0.04em 0em #070072, 0 0.06em 0.02em #00006d, 0 0.08em 0.04em #000868, 0 0.1em 0.06em #000e63, 0 0.12em 0.06em #00075e, 0 0.14em 0.04em #000658, 0 0.16em 0.02em #000653, 0 0.18em 0em #00064e, 0 0.2em 0em #000649, 0 0.2em 0.08em rgba(0, 0, 0, 0.2), 0 0.2em 0.16em rgba(0, 0, 0, 0.4), 0 0.2em 0.24em rgba(0, 0, 0, 0.6), 0 0.28em 0.2em rgba(0, 0, 0, 0.2), 0 0.36em 0.2em rgba(0, 0, 0, 0.2);
}
.theme_preview.theme_heading_16{
	font-size: 30px;
	color: #33aa00;
    text-shadow: 0 0.02em 0.02em #4af700, 0 0.02em 0em #247700, 0 0.04em 0em #227200, 0 0.06em 0.02em #216d00, 0 0.08em 0.04em #1f6800, 0 0.1em 0.06em #1e6300, 0 0.12em 0.06em #1c5e00, 0 0.14em 0.04em #1b5800, 0 0.16em 0.02em #195300, 0 0.18em 0em #174e00, 0 0.2em 0em #164900, 0 0.2em 0.08em rgba(0, 0, 0, 0.2), 0 0.2em 0.16em rgba(0, 0, 0, 0.4), 0 0.2em 0.24em rgba(0, 0, 0, 0.6), 0 0.28em 0.2em rgba(0, 0, 0, 0.2), 0 0.36em 0.2em rgba(0, 0, 0, 0.2);
}
.theme_preview.theme_heading_17{
	font-size: 30px;
	color: #ee4d78;
    text-shadow: 0 0.02em 0.02em #f3a4bc, 0 0.02em 0em #770018, 0 0.04em 0em #720016, 0 0.06em 0.02em #6d0019, 0 0.08em 0.04em #680018, 0 0.1em 0.06em #630010, 0 0.12em 0.06em #5e000f, 0 0.14em 0.04em #58000b, 0 0.16em 0.02em #530010, 0 0.18em 0em #4e0010, 0 0.2em 0em #490011, 0 0.2em 0.08em rgba(0, 0, 0, 0.2), 0 0.2em 0.16em rgba(0, 0, 0, 0.4), 0 0.2em 0.24em rgba(0, 0, 0, 0.6), 0 0.28em 0.2em rgba(0, 0, 0, 0.2), 0 0.36em 0.2em rgba(0, 0, 0, 0.2);
}
.theme_preview.theme_heading_18{
	font-size: 30px;
	color: #eed84d;
    text-shadow: 0 0.02em 0.02em #eae5a2, 0 0.02em 0em #777300, 0 0.04em 0em #727200, 0 0.06em 0.02em #6d6a00, 0 0.08em 0.04em #686800, 0 0.1em 0.06em #635d00, 0 0.12em 0.06em #5e5e00, 0 0.14em 0.04em #575800, 0 0.16em 0.02em #535300, 0 0.18em 0em #4e4e00, 0 0.2em 0em #494700, 0 0.2em 0.08em rgba(0, 0, 0, 0.2), 0 0.2em 0.16em rgba(0, 0, 0, 0.4), 0 0.2em 0.24em rgba(0, 0, 0, 0.6), 0 0.28em 0.2em rgba(0, 0, 0, 0.2), 0 0.36em 0.2em rgba(0, 0, 0, 0.2);
}
.theme_preview.theme_heading_14{
	text-shadow: 0 0 10px #fff, 0px 0px 5px #1e9af966;
	color: #000;
}
.theme_preview.theme_heading_15{
	text-shadow: 4px 4px 5px rgba(0,0,0,0.5);
	-webkit-text-stroke-width: 2px;
    -moz-text-stroke-width: 2px;
    -webkit-text-stroke-color: #000;
    -moz-text-stroke-color: #000;
	color: #fff;
}
.theme_preview.theme_heading_19{
	text-shadow: 0.4px 0.4px 0 rgba(255, 255, 255, 0.3);
	color: #03050d;
}
.theme_preview.theme_heading_20{
	text-shadow: -0.2px -0.2px 0 rgba(255, 255, 255, 0.3), 3px 3px 2px rgba(0, 0, 0, 0.2);
    color: #101017;
}

.theme_preview.theme_bg_1
{
	background: linear-gradient(180deg, #1CB5E0 0%, #000851 100%);
}
.theme_preview.theme_bg_2
{
	background: linear-gradient(180deg, #00C9FF 0%, #92FE9D 100%);
}
.theme_preview.theme_bg_3
{
	background: linear-gradient(180deg, #FC466B 0%, #3F5EFB 100%);
}
.theme_preview.theme_bg_4
{
	background: linear-gradient(180deg, #3F2B96 0%, #A8C0FF 100%);
}
.theme_preview.theme_bg_5
{
	background: linear-gradient(180deg, #FDBB2D 0%, #22C1C3 100%);
}
.theme_preview.theme_bg_6
{
	background: linear-gradient(180deg, #FDBB2D 0%, #3A1C71 100%);
}
.theme_preview.theme_bg_7
{
	background: linear-gradient(180deg, #e3ffe7 0%, #d9e7ff 100%);
}
.theme_preview.theme_bg_8
{
	background: linear-gradient(180deg, #4b6cb7 0%, #182848 100%);
}
.theme_preview.theme_bg_9
{
	background: linear-gradient(180deg, #9ebd13 0%, #008552 100%);
}
.theme_preview.theme_bg_10
{
	background: linear-gradient(180deg, #0700b8 0%, #00ff88 100%);
}
.theme_preview.theme_bg_11{background-color: #FFCDD2}
.theme_preview.theme_bg_12{background-color: #F8BBD0}
.theme_preview.theme_bg_13{background-color: #E1BEE7}
.theme_preview.theme_bg_14{background-color: #D1C4E9}
.theme_preview.theme_bg_15{background-color: #C5CAE9}
.theme_preview.theme_bg_16{background-color: #BBDEFB}
.theme_preview.theme_bg_17{background-color: #B3E5FC}
.theme_preview.theme_bg_18{background-color: #B2EBF2}
.theme_preview.theme_bg_19{background-color: #B2DFDB}
.theme_preview.theme_bg_20{background-color: #C8E6C9}
.theme_preview.theme_bg_21{background-color: #DCEDC8}
.theme_preview.theme_bg_22{background-color: #F0F4C3}
.theme_preview.theme_bg_23{background-color: #FFF9C4}
.theme_preview.theme_bg_24{background-color: #FFECB3}
.theme_preview.theme_bg_25{background-color: #FFE0B2}
.theme_preview.theme_bg_26{background-color: #FFCCBC}
.theme_preview.theme_bg_27{background-color: #D7CCC8}
.theme_preview.theme_bg_28{background-color: #E0E0E0}
.theme_preview.theme_bg_29{background-color: #CFD8DC}

.theme_preview.theme_bg_30{background-color: #FF1744}
.theme_preview.theme_bg_31{background-color: #F50057}
.theme_preview.theme_bg_32{background-color: #D500F9}
.theme_preview.theme_bg_33{background-color: #651FFF}
.theme_preview.theme_bg_34{background-color: #3D5AFE}
.theme_preview.theme_bg_35{background-color: #2979FF}
.theme_preview.theme_bg_36{background-color: #00B0FF}
.theme_preview.theme_bg_37{background-color: #00E5FF}
.theme_preview.theme_bg_38{background-color: #00BFA5}
.theme_preview.theme_bg_39{background-color: #00C853}
.theme_preview.theme_bg_40{background-color: #76FF03}
.theme_preview.theme_bg_41{background-color: #AEEA00}
.theme_preview.theme_bg_42{background-color: #FFEA00}
.theme_preview.theme_bg_43{background-color: #FFC400}
.theme_preview.theme_bg_44{background-color: #FF9100}
.theme_preview.theme_bg_45{background-color: #FF3D00}
.theme_preview.theme_bg_46{background-color: #4E342E}
.theme_preview.theme_bg_47{background-color: #212121}
.theme_preview.theme_bg_48{background-color: #263238}
.theme_preview.theme_bg_49{background-image: url(/includes/img/wireframe/slide_bgs/protruding-squares.svg); background-size: 42px;}
.theme_preview.theme_bg_50{background-image: url(/includes/img/wireframe/slide_bgs/liquid-cheese.svg); background-size: cover;}
.theme_preview.theme_bg_51{background-image: url(/includes/img/wireframe/slide_bgs/radiant-gradient.svg); background-size: cover;}
.theme_preview.theme_bg_52{background-image: url(/includes/img/wireframe/slide_bgs/spectrum-gradient.svg); background-size: cover;}
.theme_preview.theme_bg_53{background-image: url(/includes/img/wireframe/slide_bgs/subtle-prism.svg); background-size: cover;}
.theme_preview.theme_bg_54{background-image: url(/includes/img/wireframe/slide_bgs/endless-constellation.svg); background-size: cover;}
.theme_preview.theme_bg_55{background-image: url(/includes/img/wireframe/slide_bgs/zig-zag.svg); background-size: 30px;}
.theme_preview.theme_bg_56{background-image: url(/includes/img/wireframe/slide_bgs/repeating-chevrons.svg); background-size: 30px;}
.theme_preview.theme_bg_57{background-image: url(/includes/img/wireframe/slide_bgs/diamond-sunset.svg); background-size: cover;}
.theme_preview.theme_bg_58{background-image: url(/includes/img/wireframe/slide_bgs/abstract-envelope.svg); background-size: cover;}
.theme_preview.theme_bg_59{background-image: url(/includes/img/wireframe/slide_bgs/hollowed-boxes.svg); background-size: 30px;}
.theme_preview.theme_bg_60{background-image: url(/includes/img/wireframe/slide_bgs/rose-petals.svg); background-size: cover;}
.theme_preview.theme_bg_61{background-image: url(/includes/img/wireframe/slide_bgs/quantum-gradient.svg); background-size: cover;}
.theme_preview.theme_bg_62{background-image: url(/includes/img/wireframe/slide_bgs/sun-tornado.svg); background-size: cover;}
.theme_preview.theme_bg_63{background-image: url(/includes/img/wireframe/slide_bgs/flat-mountains.svg); background-size: cover;}
.theme_preview.theme_bg_64{background-image: url(/includes/img/wireframe/slide_bgs/rainbow-vortex.svg); background-size: cover;}
.theme_preview.theme_bg_65{background-image: url(/includes/img/wireframe/slide_bgs/polka-dots.svg); background-size: cover;}
.theme_preview.theme_bg_66{background-image: url(/includes/img/wireframe/slide_bgs/confetti-doodles.svg); background-size: cover;}
.theme_preview.theme_bg_67{background-image: url(/includes/img/wireframe/slide_bgs/2860.jpg); background-size: cover;}
.theme_preview.theme_bg_68{background-image: url(/includes/img/wireframe/slide_bgs/2863.jpg); background-size: cover;}
.theme_preview.theme_bg_69{background-image: url(/includes/img/wireframe/slide_bgs/2864.jpg); background-size: cover;}
.theme_preview.theme_bg_70{background-image: url(/includes/img/wireframe/slide_bgs/2865.jpg); background-size: cover;}
.theme_preview.theme_bg_71{background-image: url(/includes/img/wireframe/slide_bgs/2866.jpg); background-size: cover;}
.theme_preview.theme_bg_72{background-image: url(/includes/img/wireframe/slide_bgs/2867.jpg); background-size: cover;}
.theme_preview.theme_bg_73{background-image: url(/includes/img/wireframe/slide_bgs/2868.jpg); background-size: cover;}
.theme_preview.theme_bg_74{background-image: url(/includes/img/wireframe/slide_bgs/2861.svg); background-size: cover;}
.theme_preview.theme_bg_75{background-image: url(/includes/img/wireframe/slide_bgs/2862.svg); background-size: cover;}
.theme_preview.theme_bg_76{background-image: url(/includes/img/wireframe/slide_bgs/2863.svg); background-size: cover;}
.theme_preview.theme_bg_77{background-image: url(/includes/img/wireframe/slide_bgs/2864.svg); background-size: cover;}
.theme_preview.theme_bg_78{background-image: url(/includes/img/wireframe/slide_bgs/2865.svg); background-size: cover;}
.theme_preview.theme_bg_79{background-image: url(/includes/img/wireframe/slide_bgs/2866.svg); background-size: cover;}
.theme_preview.theme_bg_80{background-image: url(/includes/img/wireframe/slide_bgs/2867.svg); background-size: cover;}
.theme_preview.theme_bg_81{background-image: url(/includes/img/wireframe/slide_bgs/2868.svg); background-size: cover;}
.theme_preview.theme_bg_82{background-image: url(/includes/img/wireframe/slide_bgs/2869.svg); background-size: cover;}
.theme_preview.theme_bg_83{background-image: url(/includes/img/wireframe/slide_bgs/2870.jpg); background-size: cover;}
.theme_preview.theme_bg_84{background-image: url(/includes/img/wireframe/slide_bgs/world-political-earth-map.png); background-size: cover;}
.theme_preview.theme_bg_85{background-image: url(/includes/img/wireframe/slide_bgs/flags.png); background-size: cover;}
.theme_preview.theme_bg_86{background-image: url(/includes/img/wireframe/slide_bgs/science-doodle.png); background-size: cover;}
.theme_preview.theme_bg_87{background-image: url(/includes/img/wireframe/slide_bgs/science.png); background-size: cover;}
.theme_preview.theme_bg_88{background-image: url(/includes/img/wireframe/slide_bgs/science2.png); background-size: cover;}
.theme_preview.theme_bg_89{background-image: url(/includes/img/wireframe/slide_bgs/science3.png); background-size: cover;}
.theme_preview.theme_bg_90{background-image: url(/includes/img/wireframe/slide_bgs/valley.svg); background-size: cover;}
.theme_preview.theme_bg_91{background-image: url(/includes/img/wireframe/slide_bgs/nature.svg); background-size: cover;}
.theme_preview.theme_bg_92{background-image: url(/includes/img/wireframe/slide_bgs/nature2.png); background-size: cover;}
.theme_preview.theme_bg_93{background-image: url(/includes/img/wireframe/slide_bgs/nature3.png); background-size: cover;}
.theme_preview.theme_bg_94{background-image: url(/includes/img/wireframe/slide_bgs/nature4.svg); background-size: cover;}
.theme_preview.theme_bg_95{background-image: url(/includes/img/wireframe/slide_bgs/forest.svg); background-size: cover;}
.theme_preview.theme_bg_96{background-image: url(/includes/img/wireframe/slide_bgs/winter.svg); background-size: cover;}
.theme_preview.theme_bg_97{background-image: url(/includes/img/wireframe/slide_bgs/tropical.svg); background-size: cover;}
.theme_preview.theme_bg_98{background-image: url(/includes/img/wireframe/slide_bgs/tropical2.png); background-size: cover;}
.theme_preview.theme_bg_99{background-image: url(/includes/img/wireframe/slide_bgs/tropical3.png); background-size: cover;}
.theme_preview.theme_bg_100{background-image: url(/includes/img/wireframe/slide_bgs/crowd.png); background-size: cover;}
.theme_preview.theme_bg_101{background-image: url(/includes/img/wireframe/slide_bgs/crowd2.png); background-size: cover;}
.theme_preview.theme_bg_102{background-image: url(/includes/img/wireframe/slide_bgs/people.png); background-size: cover;}
.theme_preview.theme_bg_103{background-image: url(/includes/img/wireframe/slide_bgs/people2.png); background-size: cover;}
.theme_preview.theme_bg_104{background-image: url(/includes/img/wireframe/slide_bgs/people3.png); background-size: cover;}
.theme_preview.theme_bg_105{background-image: url(/includes/img/wireframe/slide_bgs/animals.png); background-size: cover;}
.theme_preview.theme_bg_106{background-image: url(/includes/img/wireframe/slide_bgs/animals2.png); background-size: cover;}
.theme_preview.theme_bg_107{background-image: url(/includes/img/wireframe/slide_bgs/animals3.png); background-size: cover;}
.theme_preview.theme_bg_108{background-image: url(/includes/img/wireframe/slide_bgs/travel.png); background-size: cover;}
.theme_preview.theme_bg_109{background-image: url(/includes/img/wireframe/slide_bgs/travel2.png); background-size: cover;}
.theme_preview.theme_bg_110{background-image: url(/includes/img/wireframe/slide_bgs/travel3.png); background-size: cover;}
.theme_preview.theme_bg_111{background-image: url(/includes/img/wireframe/slide_bgs/travel4.png); background-size: cover;}
.theme_preview.theme_bg_112{background-image: url(/includes/img/wireframe/slide_bgs/comic.jpg); background-size: cover;}
.theme_preview.theme_bg_113{background-image: url(/includes/img/wireframe/slide_bgs/viking.jpg); background-size: cover;}
.theme_preview.theme_bg_114{background-image: url(/includes/img/wireframe/slide_bgs/viking2.jpg); background-size: cover;}
.theme_preview.theme_bg_115{background-image: url(/includes/img/wireframe/slide_bgs/comic2.jpg); background-size: cover;}
.theme_preview.theme_bg_116{background-image: url(/includes/img/wireframe/slide_bgs/sunset.jpg); background-size: cover;}
.theme_preview.theme_bg_117{background-image: url(/includes/img/wireframe/slide_bgs/egypt.jpg); background-size: cover;}
.theme_preview.theme_bg_118{background-image: url(/includes/img/wireframe/slide_bgs/greece.jpg); background-size: cover;}
.theme_preview.theme_bg_119{background-image: url(/includes/img/wireframe/slide_bgs/Abstract-Shapes-Background.png); background-size: cover;}
.theme_preview.theme_bg_120{background-image: url(/includes/img/wireframe/slide_bgs/pattern.png); background-size: cover;}
.theme_preview.theme_bg_121{background-image: url(/includes/img/wireframe/slide_bgs/pattern2.png); background-size: cover;}
.theme_preview.theme_bg_122{background-image: url(/includes/img/wireframe/slide_bgs/pattern3.png); background-size: cover;}
.theme_preview.theme_bg_123{background-image: url(/includes/img/wireframe/slide_bgs/pattern4.png); background-size: cover;}
.theme_preview.theme_bg_124{background-image: url(/includes/img/wireframe/slide_bgs/abstract1.jpg); background-size: cover;}
.theme_preview.theme_bg_125{background-image: url(/includes/img/wireframe/slide_bgs/retro1.png); background-size: cover;}
.theme_preview.theme_bg_126{background-image: url(/includes/img/wireframe/slide_bgs/retro2.png); background-size: cover;}
.theme_preview.theme_bg_127{background-image: url(/includes/img/wireframe/slide_bgs/retro3.png); background-size: cover;}
.theme_preview.theme_bg_128{background-image: url(/includes/img/wireframe/slide_bgs/retro4.png); background-size: cover;}

.theme_preview.theme_bg_pattern_1:after{background-color: transparent; background-image: url("/includes/img/wireframe/slide_bgs_patterns/i-like-food.svg"); opacity: 0.5;}
.theme_preview.theme_bg_pattern_2:after{background-color: transparent; background-image: url("/includes/img/wireframe/slide_bgs_patterns/formal-invitation.svg"); opacity: 0.5;}
.theme_preview.theme_bg_pattern_3:after{background-color: transparent; background-image: url("/includes/img/wireframe/slide_bgs_patterns/hideout.svg"); opacity: 0.5;}
.theme_preview.theme_bg_pattern_4:after{background-color: transparent; background-image: url("/includes/img/wireframe/slide_bgs_patterns/graph-paper.svg"); opacity: 0.5;}
.theme_preview.theme_bg_pattern_5:after{background-color: transparent; background-image: url("/includes/img/wireframe/slide_bgs_patterns/anchors-away.svg"); opacity: 0.5;}
.theme_preview.theme_bg_pattern_6:after{background-color: transparent; background-image: url("/includes/img/wireframe/slide_bgs_patterns/circuit-board.svg"); opacity: 0.5;}
.theme_preview.theme_bg_pattern_7:after{background-color: transparent; background-image: url("/includes/img/wireframe/slide_bgs_patterns/endless-clouds.svg"); opacity: 0.5;}
.theme_preview.theme_bg_pattern_8:after{background-color: transparent; background-image: url("/includes/img/wireframe/slide_bgs_patterns/overlapping-circles.svg"); opacity: 0.5;}
.theme_preview.theme_bg_pattern_9:after{background-color: transparent; background-image: url("/includes/img/wireframe/slide_bgs_patterns/brick-wall.svg"); opacity: 0.5;}
.theme_preview.theme_bg_pattern_10:after{background-color: transparent; background-image: url("/includes/img/wireframe/slide_bgs_patterns/glamorous.svg"); opacity: 0.5;}

#presentation_theme .all_theme_previews{
    overflow-y: auto;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    margin-top: 20px;
    padding: 0 20px;
	height: calc(100% - 73px);
}
#presentation_theme .window_content_wrap{
	
}
#presentation_theme .inner_footer .btn > div{
	pointer-events: none;
}
.font_select_row{
	margin-right: 10px;
    text-align: center;
    margin: 10px 3px;
    padding: 27px 0 10px;
    font-weight: bold;
    border-top: 1px solid #ced3d5;
}

.theme_headings_subheadings > div,
.theme_image > div,
.theme_headings > div{
	pointer-events: none;
}
.theme_tabs{
	margin-top: 20px;
    text-align: center;
}
.theme_tabs .theme_tab.active_theme_tab{
	background: #263238;
    font-weight: bold;
    color: #fff;
}
.theme_tabs .theme_tab{
	display: inline-block;
    padding: 5px 15px 5px 15px;
    font-size: 14px;
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    cursor: pointer;
    background: #e3e3e5;
    vertical-align: bottom;
    border-radius: 20px;
    margin-right: 4px;
}
.slide_theme_panel.active_theme_panel{
	display: block;
}
.slide_theme_panel{
	display: none;
}
.theme_panel_heading{
	font-weight: bold;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
    border-bottom: 1px solid #d5d5d5;
	padding-bottom: 20px;
}

.theme_preview.theme_paragraph > div{
	padding: 20px;
}
.theme_preview.theme_paragraph_1 > div{
	background: #fff;
	border-radius: 6px;
}
.theme_preview.theme_paragraph_2 > div{
	background: #fff;
    border-radius: 6px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}
.theme_preview.theme_paragraph_3 > div{
	background: #fff;
    border-radius: 6px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	border: 3px solid #263238;
}
.theme_preview.theme_paragraph_4 > div{
	background: rgba(255, 255, 255, 0.5);
	border-radius: 6px;
}
.theme_preview.theme_paragraph_5 > div{
	background: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}
.theme_preview.theme_paragraph_6 > div{
	background: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	border: 3px solid #263238;
}
.theme_preview.theme_paragraph_7 > div{
	background: #263238;
	color: #fff;
	border-radius: 6px;
}
.theme_preview.theme_paragraph_8 > div{
	background: #263238;
	color: #fff;
    border-radius: 6px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}
.theme_preview.theme_paragraph_9 > div{
	background: #263238;
	color: #fff;
    border-radius: 6px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	border: 3px solid #fff;
}
.theme_preview.theme_paragraph_10 > div{
	background: rgba(38, 50, 56, 0.7);
	color: #fff;
	border-radius: 6px;
}
.theme_preview.theme_paragraph_11 > div{
	background: rgba(38, 50, 56, 0.7);
	color: #fff;
    border-radius: 6px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}
.theme_preview.theme_paragraph_12 > div{
	background: rgba(38, 50, 56, 0.7);
	color: #fff;
    border-radius: 6px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	border: 3px solid #fff;
}

.theme_preview.theme_paragraph_13 > div{
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    text-shadow: 0.5px 0.5px 0px rgba(255, 255, 255, 0.5);
    color: #000000;
    border-radius: 6px;
}


.theme_preview.theme_image_1 > div{
	border-radius: 10px;
}
.theme_preview.theme_image_2 > div{
	box-shadow: 5px 5px 0px rgba(0,0,0,0.6)
}
.theme_preview.theme_image_3 > div{
	box-shadow: 5px 5px 5px rgba(0,0,0,0.6)
}
.theme_preview.theme_image_4 > div{
	border-radius: 10px; box-shadow: 5px 5px 0px rgba(0,0,0,0.6)
}
.theme_preview.theme_image_5 > div{
	border-radius: 10px;box-shadow: 5px 5px 5px rgba(0,0,0,0.6)
}
.theme_preview.theme_image_6 > div{
	border: 5px solid #fff;
}
.theme_preview.theme_image_7 > div{
	border: 5px solid #000;
}
.bg_pattern_tint_chooser{
	padding-bottom: 10px;
}
.bg_image_opacity_chooser,
.bg_pattern_tint_chooser{
	display: none;
	position: absolute;
}
.theme_preview:hover .bg_image_opacity_chooser,
.theme_preview:hover .bg_pattern_tint_chooser{
	display: block;
	bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
}

.bg_image_opacity_chooser .op_options > .op_25{
	background-image: url(/includes/img/wireframe/op25.png);
}
.bg_image_opacity_chooser .op_options > .op_50{
	background-image: url(/includes/img/wireframe/op50.png);
}
.bg_image_opacity_chooser .op_options > .op_75{
	background-image: url(/includes/img/wireframe/op75.png);
}
.bg_image_opacity_chooser .op_options > .op_100{
	background-image: url(/includes/img/wireframe/op100.png);
}
.bg_image_opacity_chooser .op_options > div{
	display: inline-block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: 20px;
	margin-right: 3px;
}
.bg_pattern_tint_chooser .tint_options > div{
	display: inline-block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: 20px;
	margin-right: 3px;
}
.bg_image_opacity_chooser .op_options > div:last-child,
.bg_pattern_tint_chooser .tint_options > div:last-child{
	margin-right: 0;
}
.bg_image_opacity_chooser .op_options,
.bg_pattern_tint_chooser .tint_options{
	text-align: center;
}
.bg_pattern_tint_chooser .tint_options .tint_value{
	border-radius: 5px;
}
 .ct-double-octave:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after{content:"";clear:both}.ct-label{fill:rgba(0,0,0,.4);color:rgba(0,0,0,.4);font-size:.75rem;line-height:1}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-vertical.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-label.ct-vertical.ct-end{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:end}.ct-grid{stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px}.ct-point{stroke-width:10px;stroke-linecap:round}.ct-line{fill:none;stroke-width:4px}.ct-area{stroke:none;fill-opacity:.1}.ct-bar{fill:none;stroke-width:10px}.ct-slice-donut{fill:none;stroke-width:60px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#d70206}.ct-series-a .ct-area,.ct-series-a .ct-slice-pie{fill:#d70206}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#f05b4f}.ct-series-b .ct-area,.ct-series-b .ct-slice-pie{fill:#f05b4f}.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{stroke:#f4c63d}.ct-series-c .ct-area,.ct-series-c .ct-slice-pie{fill:#f4c63d}.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{stroke:#d17905}.ct-series-d .ct-area,.ct-series-d .ct-slice-pie{fill:#d17905}.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{stroke:#453d3f}.ct-series-e .ct-area,.ct-series-e .ct-slice-pie{fill:#453d3f}.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{stroke:#59922b}.ct-series-f .ct-area,.ct-series-f .ct-slice-pie{fill:#59922b}.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{stroke:#0544d3}.ct-series-g .ct-area,.ct-series-g .ct-slice-pie{fill:#0544d3}.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{stroke:#6b0392}.ct-series-h .ct-area,.ct-series-h .ct-slice-pie{fill:#6b0392}.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{stroke:#f05b4f}.ct-series-i .ct-area,.ct-series-i .ct-slice-pie{fill:#f05b4f}.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{stroke:#dda458}.ct-series-j .ct-area,.ct-series-j .ct-slice-pie{fill:#dda458}.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{stroke:#eacf7d}.ct-series-k .ct-area,.ct-series-k .ct-slice-pie{fill:#eacf7d}.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{stroke:#86797d}.ct-series-l .ct-area,.ct-series-l .ct-slice-pie{fill:#86797d}.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{stroke:#b2c326}.ct-series-m .ct-area,.ct-series-m .ct-slice-pie{fill:#b2c326}.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{stroke:#6188e2}.ct-series-n .ct-area,.ct-series-n .ct-slice-pie{fill:#6188e2}.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{stroke:#a748ca}.ct-series-o .ct-area,.ct-series-o .ct-slice-pie{fill:#a748ca}.ct-square{display:block;position:relative;width:100%}.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-square:after{display:table}.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-minor-second{display:block;position:relative;width:100%}.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-minor-second:after{display:table}.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-major-second{display:block;position:relative;width:100%}.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.8888888889%}.ct-major-second:after{display:table}.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-minor-third{display:block;position:relative;width:100%}.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.3333333333%}.ct-minor-third:after{display:table}.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-major-third{display:block;position:relative;width:100%}.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-major-third:after{display:table}.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-perfect-fourth:after{display:table}.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-perfect-fifth:after{display:table}.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-sixth{display:block;position:relative;width:100%}.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-minor-sixth:after{display:table}.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-golden-section{display:block;position:relative;width:100%}.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-golden-section:after{content:"";display:table;clear:both}.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-major-sixth{display:block;position:relative;width:100%}.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-major-sixth:after{display:table}.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-seventh{display:block;position:relative;width:100%}.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-minor-seventh:after{display:table}.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-seventh{display:block;position:relative;width:100%}.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.3333333333%}.ct-major-seventh:after{display:table}.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-octave{display:block;position:relative;width:100%}.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-octave:after{display:table}.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-major-tenth{display:block;position:relative;width:100%}.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-major-tenth:after{display:table}.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-major-eleventh{display:block;position:relative;width:100%}.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-major-eleventh:after{display:table}.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-twelfth{display:block;position:relative;width:100%}.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.3333333333%}.ct-major-twelfth:after{display:table}.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-double-octave{display:block;position:relative;width:100%}.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-double-octave:after{display:table}.ct-double-octave>svg{display:block;position:absolute;top:0;left:0} #flat_buttons_bar.disabled::after{
	content: '';
    display: block;
    position: absolute;
    left: -1px;
    top: 0;
    width: 110%;
    height: 100%;
    background-color: #161c2d;
    opacity: 0.8;
    z-index: 9999;
}
.preview_mode #top_right_console_btns{
	width: 146px;
}
#flat_buttons_bar.disabled
{
	pointer-events: none !important;
	opacity: 1 !important;
}

#rich_text_editor.disabled {
	pointer-events: none;
	z-index: 100001 !important;
}

#tmp_animated_exit_page,
#tmp_animated_exit_page *{
	pointer-events: none !important;
}

.hide_action_icons .linkable.linked:after{
	display: none !important;
}

.preview_mode .ruler_guide{
	display: none !important;
}
#pasted_cmp_indicator.paste_animated{
	transform: scale(1.6);
	opacity: 0;
}
#pasted_cmp_indicator{
	background: rgba(0,129,203,0.3);
	z-index: 100006;
	transition: all 0.8s;
	position: absolute;
	pointer-events: none;
}
#wireframe_toolbox .window_header .window_button_group{
	display: none;
}
.code_design_block:before{
	content: '';
    width: 1px;
    height: 2000px;
    pointer-events: none;
    position: absolute;
}
.trigger.expand_canvas{
	display: none;
}
#advanced_code_commands{
	position: relative;
}
#advanced_code_commands_mask .msg{
	position: absolute;
    left: 29px;
    width: 200px;
    padding: 20px;
    background: #03A9F4;
    border-radius: 10px;
    top: 40px;
    text-align: center;
    color: #fff;
}
#advanced_code_commands_mask:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.95) 45%,rgba(255,255,255,0.95) 100%);
}
#advanced_code_commands_mask.show{
	display: block;	
}
#advanced_code_commands_mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
}

#dbl_click_to_edit{
	position: absolute;
	padding: 5px;
	background: #000;
	color: #fff;
	border-radius: 4px;
	left: 0;
	top: 0;
	z-index: 999999999;
	pointer-event: none;
	display: none;
}
#ux_app_intro_panel .step_num .num{
	font-size: 55px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
}
#ux_app_intro_panel .step_num{
	position: absolute;
    top: 13px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #79c81e;
    border-radius: 100px;
    width: 65px;
    height: 65px;
    border: 10px solid #fff;
    z-index: 999;
    text-align: center;
    line-height: 67px;
}
#ux_app_intro_panel .panel_wrap{
	width: 660px;
	overflow: hidden;
}
#ux_app_intro_panel .control.right{
	right: -26px;
	background: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Arrows/64px/chevron-medium-4-01.png") no-repeat 50% 50% #fff;
}
#ux_app_intro_panel .control.left{
	left: -34px;
	background: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Arrows/64px/chevron-medium-3-01.png") no-repeat 50% 50% #fff;
}
#ux_app_intro_panel .control{
	position: absolute;
    top: 197px;
    width: 100px;
    height: 100px;
    cursor: pointer;
    border-radius: 100px;
}
#ux_app_intro_panel .panels{
	height: 400px;
	width: 4620px;
	transition: transform 0.3s;
	transform: translateX(0);
}

#ux_app_intro_panel .panel .info{
	position: absolute;
    left: 5px;
    bottom: 5px;
    width: 47%;
    padding: 5px 10px;
    /* right: 0; */
    margin: 0 auto;
    background: rgba(255,255,255,0.5);
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}
#ux_app_intro_panel .panel{
	height: 400px;
	width: 660px;
	float: left;
	position: relative;
}
#ux_app_intro_panel h2{
	margin-top: 0;
}
#ux_app_intro_panel h3,
#ux_app_intro_panel h2
{
	border-bottom: 1px solid #ccc;
}

#floating_page_btn path{fill: #222 !important;}
#floating_page_btn .svg_icon{
	position: absolute; top: 13px; left: 15px; z-index: 1; width: 25px; height: 25px;
}
#floating_page_btn .popout{
	position: absolute;
    left: -181px;
    top: 0;
    width: 210px;
    height: 50px;
}
#floating_page_btn.active .page_action.create{
    background: #8bc34a;
    right: 35px;
}
#floating_page_btn.active .page_action.create > svg{
	left: 6px;
    top: 5px;
}
#floating_page_btn.active .page_action.clone > svg{
	left: 7px;
    top: 6px;
}
#floating_page_btn.active .page_action.rename > svg{
	left: 7px;
    top: 7px;
}
#floating_page_btn.active .page_action.clone{
    background: #03a9f4;
    right: 69px;	
}
#floating_page_btn.active .page_action.rename{
    background: #673ab7;
    right: 103px;
}
#floating_page_btn.active .page_action.delete{
    background: #f44336;
    right: 137px;
}
#floating_page_btn .page_action > svg{
	position: relative;
	left: 5px;
    top: 5px;
}
#floating_page_btn .page_action path{
	fill: #fff !important;
}
#floating_page_btn.active .page_action{
	transform: rotateZ(0);
	pointer-events: all;
}
#floating_page_btn .page_action{
	position: absolute;
    width: 30px;
    height: 30px;
    top: 11px;
    border-radius: 100px;
	z-index: 0;
	right: 0;
	transition: all 0.3s;
	transition-timing-function: ease-out;
	transform: rotateZ(360deg);
	pointer-events: none;
}
#floating_page_btn.active .bg{
	transform: scale(1);	
}
#floating_page_btn .bg{
	transform: scale(0.8);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	z-index: 998;
	background: #f7f6f6;
    border: 1px solid #dadada;
    border-radius: 100px;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
	transition: all 0.2s;
}
#floating_page_btn:hover .bg{
    box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
}
.preview_mode #floating_page_btn,
.preview_mode #floating_pages_panel
{
	display: none;
}
#floating_page_btn{
	position: fixed;
    z-index: 1000;
    top: 30px;
    right: 320px;
    width: 50px;
    height: 50px;    
	cursor: pointer;
}

#wireframe_pages2{
	overflow: auto;
}
#floating_page_btn.active + #floating_pages_panel{
	opacity: 1;
}


#floating_pages_panel .page{
	padding: 0 15px 0 0;
}
#floating_pages_panel .root_page_name{
	margin: 16px 0 11px;
	border: 0;
}

#floating_pages_panel{
	z-index: 997;
	text-align: right;
	position: fixed;
    min-width: 186px;
    min-height: 50px;
    border-radius: 5px;
    border: 1px solid #dadada;
    top: 58px;
    right: 329px;
	transition: all 0.3s;
	background: #fff;
}








body #layout_origin,
.inline_editor_overlay ,
input, textarea, keygen, select, button{
	font-family: 'Nunito', sans-serif;
}

#layout_origin .sub_page_name.active,
.inline_editor_overlay .sub_page_name.active
{
	background-color: transparent !important;
}

#popup_menu_editor .sub_page_name.active{
	background-color: #fff !important;
}
.inline_editor_overlay .skyhook_popupmenu_cmp .sub_page_name.active{
	background-color: transparent !important;
}
.btn .caret{
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}	
.discount_info{
	position: absolute;
	left: -60px;
	top: -1px;
	border-radius: 100px;
	background: #2ecc71;
	border: 2px solid #2ecc71;
	color: #fff;
	font-weight: bold;
	z-index: 999;
	padding: 6px 10px;
	cursor: pointer;
}

#cmp_preview_tooltip:after{
	content: '';
	position: absolute;
	right: -5px;
	top: 7px;
	width: 0px;
	height: 0px;
	border-right: 0;
	border-left: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;	
	border-left: 5px solid #222;	
}
#cmp_preview_tooltip{
	padding: 5px;
	position: absolute;
	background: #222;
	max-width: 80px;
	min-height: 20px;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	z-index: 999999;
	visibility: hidden;
	pointer-events: none;
	border-radius: 3px;
}

#top_banner_notice{
	position: absolute;
	line-height: 25px;
	height: 25px;
	border-radius: 20px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	left: 0;
	right: 0;
	top: -40px;
	z-index: 99999;
	color: #fff;
	margin: 0 auto;
	padding: 0 10px 0 30px;
	box-sizing: content-box;
	background:  #00ff90  url('/includes/img/wireframe/icons/Minicons/_PNG/PNG Icons/24px/Status-1.png') no-repeat 8px 5px;
	background-size: 13px 13px;
	transition: top 0.4s;
	pointer-events: none;
	color: #222;
	font-size: 12px;
	font-weight: 600;
}

.stripe_checkout_app{
	z-index: 9999999999 !important;
	
	transition: height 0.3s;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
}

#cmp_style_editor_win .info{
    background: #efefef;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
    text-align: center;
}
#cmp_style_editor_win .mouse_and_scroll form{
	margin: 0;
}
#cmp_style_editor_win .mouse_and_scroll{
	padding: 5px 10px 5px 10px;
}

#cmp_style_editor_win .cmp_style_swatches{
	padding: 10px 10px 0 10px;
	text-align: center;
	display: none;
}
#cmp_style_editor_win .cmp_style_swatch{
	width: 20px;
	height: 20px;
	border-radius: 4px;
	margin: 2px;
	cursor: pointer;
	display: inline-block;
	box-sizing: border-box;
}
#cmp_style_editor_win .cmp_style_swatch.black{
	background-color: #000000;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
}
#cmp_style_editor_win .cmp_style_swatch.white{
	background-color: #ffffff;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
}
#cmp_style_editor_win .cmp_style_swatch.default{
	background-color: #ebecf2;
	border-color: #d9d9d9;
	border-style: solid;
	border-width: 1px;
}
#cmp_style_editor_win .cmp_style_swatch.primary{
	background-color: #2196f3;
	border-color: #1989e2;
}
#cmp_style_editor_win .cmp_style_swatch.success{
	background-color: #8bc34a;
	border-color: #82bb3f;
}
#cmp_style_editor_win .cmp_style_swatch.info{
	background-color: #03a9f4;
	border-color: #2093b6;
}
#cmp_style_editor_win .cmp_style_swatch.warning{
	background-color: #ffc107;
	border-color: #ff9800;
}
#cmp_style_editor_win .cmp_style_swatch.danger{
	background-color: #f44336;
	border-color: #e83326;
}

#help_popup_window.modal:before{
	content: '';
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
}

.preview_mode #centre_console_btns{opacity: 0 !important; pointer-events: none !important;}
.preview_mode #top_right_console_btns{overflow: hidden;}
.preview_mode #top_banner_wrap{height: 0;}

#cmp_link_state_chooser, #cmp_link_to_chooser #cmp_mouse_pointer_event{
	background-color: #222;
	border-radius: 20px;
	color: #fff;
	padding: 10px;
	position: relative;
}

#cmp_set_state ~.cmp_disabled{
	opacity: 0.5;
	pointer-events: none;
}
#cmp_set_state:checked ~.cmp_disabled{
	opacity: 1;
	pointer-events: all;
}

/*#tmp_cmp_container > div:before{
	content: '';
	border: 1px solid rgba(0,0,0,0);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	box-shadow: 0 0 2px rgba(0,0,0,0);
	z-index: 999;
}*/

/* FLAT DESIGN */
	.flat #top_nav {
		background: #0064b1;
	}
	.flat #top_nav .el_content{
		background-image: url(/static/img/home_jumbo_logo.png);
		background-position: 12px 8px;
		background-size: 65px;
	}	
	.flat .btn.btn-primary{
		background: #0064b1 !important;
	}
	.flat .btn.btn-danger{
		background: #da4f49 !important;
	}	
	.flat .btn.btn-success{
		background: #57af57 !important;
	}
	.flat #grid_settings_grid_under.active, .flat #grid_settings_grid_over.active{
		background-color: #57af57 !important;
		color: #fff;
	}
	.flat .btn{
		background: #FAFAFA !important;
		text-shadow: none !important;
		box-shadow: none;
	}
	.flat #go_fullscreen.btn-success2{
		
		box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.55), 0 1px 2px rgba(0, 0, 0, 0.0);
	}
	.flat #go_fullscreen.btn-success > .go_fullscreen{
		background-image: url("/includes/img/wireframe/icons/fullscreen2.png");
		color: #fff;
	}
	.flat #go_fullscreen > .go_fullscreen{
		background-image: url("/includes/img/wireframe/icons/fullscreen.png");
		background-position: 0 3px;
		padding-left: 20px;
		background-repeat: no-repeat;
	}
	/*.flat #invoices{
		background-image: url("/includes/img/wireframe/invoices.png") !important;
		background-repeat: no-repeat !important;
		background-position: 8px 5px !important;
		background-position: 2px 1px;
		padding-left: 30px;
	}*/
	.flat #show_help{
		background-image: url("/includes/img/wireframe/icons/minicons/_PNG/PNG Icons/16px/Content-13.png") !important;
		background-repeat: no-repeat !important;
		background-position: 8px 5px !important;
		padding-left: 30px;
	}
	.flat #show_getting_started{
		background-image: url("/includes/img/wireframe/icons/minicons/_PNG/PNG Icons/16px/Multimedia-22.png") !important;
		background-repeat: no-repeat !important;
		background-position: 8px 4px !important;
		padding-left: 30px;
	}
	.flat_button .caret{
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 2px;
		vertical-align: middle;
		border-top: 4px solid;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
	}
	.flat .flat_button.mockup_grid_options, .flat #manage_account_details div.signup{
		background-image: url("/includes/img/wireframe/icons/vote-44.png");
		background-size: 16px 16px;		
	}
	.flat .flat_button.mockup_grid_options, .flat #manage_account_details div{
	}
	.flat .flat_button.mockup_publish_to_device.desktop{
		background-position: 5px 10px;
		background-image: url(/includes/img/wireframe/share.png);
		background-size: 20px;
	}
	.flat .flat_button.mockup_export{
		background-position: 10px 12px;
		background-image: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Icons/16px/Files-7.png");
		background-repeat: no-repeat;
		padding-left: 33px;
	}
	.flat .flat_button.mockup_publish_to_device{
		background-position: 10px 12px;
		background-image: url(/includes/img/device.png);
	}
	.saving_mockup.flat .flat_button.save_mockup{
		background-image: none;
		pointer-events: none;
	}
	.saving_mockup.flat .flat_button.save_mockup .spinner{
		display: block;		
	}
	.flat .flat_button.save_mockup .spinner{
		display: none;
	}
	.flat .flat_button.signup:hover{
		background-color: #4dec90 !important
	}
	.flat .flat_button.signup{
		background-color: #2ecc71 !important;
		background-repeat: no-repeat;
		color: #fff;
		text-shadow: none;
		background-image: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Icons/16px/Status-16-w.png");
		padding-left: 28px;
		background-position: 6px 12px;
	}
	.flat .flat_button.save_mockup{
		background-image: url(/includes/img/wireframe/icons/disk.png);
		background-position: 11px 15px;
	}
	.flat .flat_buttons_bar{
		background: #f5f6f8;
	}
	.flat #undo_redo_history{
		background: #eff0f2 !important;
	}
	.flat .combo .trigger, .flat .combo .values{box-shadow: none;}
	.flat .collab_body .invite_collabs div{
		background-image: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Icons/16px/Users-13.png");
	}
	.flat #login div{
	}
	.flat #signup{
		background: #2ecc71 !important;
	}
	.flat #signup div{
		background-image: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Icons/16px/Status-16-w.png");
		padding-left: 20px;
		background-position: 0 1px;
	}
	.flat #logout div{
		background-image: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Arrows/16px/beveled-big-square-2-01.png");
		background-position: 0 1px;
	}
	#account_details_btn_group{
		transition: opacity 1s;
		-webkit-transition: opacity 1s;
		-moz-transition: opacity 1s;
		
		opacity: 0;
		position: relative;
	}
	#account_details_btn_group #logout{
		display: none;
	}
	#account_details_btn_group.logged_in #logout{
		display: block;
	}
	#account_details_btn_group.logged_in .login_grp{
		display: none;
	}
	#account_details_btn_group .login_grp{
		margin-left: 0;
	}
	.flat .btn.show_collaboration_tools > div{
		background-image: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Icons/16px/Communication-94.png") !important;		
	}
	.flat .collab_body .sync div{
		background-image: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Icons/16px/Hardware-5.png") !important;
		background-position: 6px 1px;
	}	
	.flat #plan_sign_up_and_upgrade .all_plans .plan .badge_current{
		background-image: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Icons/16px/Status-17.png") !important;
		background-position: 50% 15px;
	}	
	.flat #send_chat_msg div{
		background-image: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Icons/16px/Status-17.png") !important;
	}	
	.flat #chat_header{
		background-image: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Icons/16px/Communication-93.png") !important;
	}
	.flat #notes_panel .header{
		background-image: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Icons/16px/Content-20_b.png") !important;
		background-position: 5px 4px;		
	}
	.flat .window_header .window_header_text{
		background: #0064b1;
	}
	

/* END FLAT DESIGN */
#eway_iframe{
	position: absolute;
	left: 0;
	top: 0;
	width: 350px;
	height: 350px;
	background-color: #fff;
	z-index: 99999999999999999;
	visibility: hidden;
}

.btn{
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.btn > div{
	background-repeat: no-repeat;	
	pointer-events: none;
}

.preview_mode #cols_canvas{background-image: none !important;}

#grid_settings_grid_under.active, #grid_settings_grid_over.active{ background-color: #E6E6E6;}
#grid_settings_grid_under{
	background: url(/includes/img/wireframe/icons/grid_under.png) no-repeat 20px 14px !important;
}
#grid_settings_grid_over{
	background: url(/includes/img/wireframe/icons/grid_over.png) no-repeat 20px 14px !important;
}

#manage_account_details_win li .detail{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 190px;
}
#manage_account_details_win li{
	position: relative;
	list-style-type: none;
}

#manage_account_details_win .edit{
	background-image: url(/includes/img/wireframe/icons/pencil_small.png?v2) !important;
	background-color: #50b8f4 !important;
	background-position: 2px 1px !important;
}

#manage_account_details_win .del, #manage_account_details_win .edit{
	position: absolute;
	right: 5px;
	top: 5px;
	display: block;
	width: 22px;
	height: 22px;
	border: 2px solid #fff;
	
	background-color: #f85959;	
		
	border-radius: 12px;
	cursor: pointer;
	background-image: url(/includes/img/x_small.png?v2);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	
	
	z-index: 10001;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#add_linked_dev{
	width: 350px;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 280px;
	position: absolute;
	display: none;
	z-index: 1900029;
}

#manage_account_details_win{
	width: 850px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 20px;
	display: none;
	z-index: 1900020;
}

.how_credit_calculated{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/includes/img/wireframe/icons/question_frame.png) no-repeat 0 -4px;
	cursor: pointer;
}

#account_credit_explained_popup > .content{
	padding: 8px;
}
#account_credit_explained_popup{
	position: absolute;
	width: 250px;
	border-radius: 8px;
	background-color: #333;
	color: #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	z-index: 100010
}
#account_credit_details{
	margin-top: 5px;
	text-align: center;
}

#manage_account_details div{
}
.btn .print{
	background-image: url(/includes/img/wireframe/icons/print.png);
	background-position: 0 2px;
	padding-left: 20px;
}
#logout div{
	background-image: url(/includes/img/wireframe/icons/door_arrow.png);
	padding-left: 20px;
}

.manage_details .linked_devs h3{
	margin-bottom: 23px;	
}

#pin_payments_security_info .pin_security_msg{
	color: #0064b1;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

#pin_payments_security_info .pin_badge{
	width: 165px;
	height: 130px;
	border-radius: 4px;
	margin-bottom: 5px;
	background: url(/includes/img/wireframe/pin_security.png) no-repeat 50% 50% #fff;
	padding: 5px;
}
#pin_payments_security_info{
	position: absolute;
	width: 170px;
	height: 170px;
	right: 45px;
	top: 175px;
	cursor: pointer;
}

#plan_sign_up_and_upgrade > div{display: none;}
#plan_sign_up_and_upgrade > div.active{display: block; position: relative;}

#plan_sign_up_and_upgrade .all_plans *{box-sizing: border-box;}
#plan_sign_up_and_upgrade .all_plans{text-align: center; width: 570px;}
#plan_sign_up_and_upgrade .all_plans .plan{background: #fff; width: 111px; font-size: 12px; border-right: 1px solid #ccc; padding: 10px 0;}
#plan_sign_up_and_upgrade .all_plans .plan:last-child{border-right: none;}
#plan_sign_up_and_upgrade .all_plans .plan .header{font-weight: bold; border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px}
#plan_sign_up_and_upgrade .all_plans .plan .btn{margin-top: 10px;}
#plan_sign_up_and_upgrade .all_plans .plan .price{padding: 5px 0; font-size: 16px; font-weight: bold;}
#plan_sign_up_and_upgrade .all_plans .plan.current .btn{display: none;}
#plan_sign_up_and_upgrade .all_plans .plan.current form{display: none;}
#plan_sign_up_and_upgrade .all_plans .plan.current .pp_instructions{display: none;}

#plan_sign_up_and_upgrade .all_plans .plan:first-child{
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-left: 1px solid #ccc;	
}
#plan_sign_up_and_upgrade .all_plans:after{
	content: '';
	clear: both;
	display: block;
}
#plan_sign_up_and_upgrade .all_plans .plan:last-child{
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-right: 1px solid #ccc;	
}
#plan_sign_up_and_upgrade .all_plans .value{
	font-size: 16px;
	padding: 5px 0;
}
#plan_sign_up_and_upgrade .all_plans .details{
	margin-top: 5px;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#plan_sign_up_and_upgrade .all_plans .detail{
	padding: 3px 0;
}
#plan_sign_up_and_upgrade .all_plans .plan{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	min-height: 153px;
}

#plan_sign_up_and_upgrade .all_plans .plan .badge_current{
	display: none;
	height: 37px;
	background: url(/includes/img/wireframe/icons/tick_circle_frame.png) no-repeat 50% 90%;
}
#plan_sign_up_and_upgrade .all_plans .plan.current .subscribe_button_stripe{display: none;}
#plan_sign_up_and_upgrade .all_plans .plan.current .badge_current{display: block;}
#cc_new_account_info .note{
	width: 220px;
	display: block;
	position: absolute;
	top: 5px;	
	left: 170px;	
}

#plan_sign_up_and_upgrade .choose_payment_type > div:hover{border-left: 1px solid #fff;}
#plan_sign_up_and_upgrade .choose_payment_type > div{
	border-left: 1px solid #fff; 
	padding: 10px;
	-webkit-box-flex: 1;
}
#plan_sign_up_and_upgrade .choose_payment_type > div:first-child{
	border-right: 1px solid #ccc;
	border-left: none;
}

#plan_sign_up_and_upgrade .choose_payment_type .aud, #plan_sign_up_and_upgrade .choose_payment_type .usd{
	width: 50%;
	float: left;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
}

#plan_sign_up_and_upgrade .choose_payment_type .note{
	font-size: 11px;
	height: 60px;
}

#plan_sign_up_and_upgrade .choose_payment_type .currency{
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}
#plan_sign_up_and_upgrade .choose_payment_type .btn{
	display: block;
	margin: auto;
	width: 80px;
}
#plan_sign_up_and_upgrade .choose_payment_type{
	width: 360px;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px #fff;
	border-radius: 8px;
	background-color: #DFE1E2;
	margin: auto;
	overflow: auto;
}

.manage_details .linked_devs{
	-ms-flexbox-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	padding-right: 20px;
}

#change_plan_back_btn{
	float: right;
	visibility: hidden;
}

#plan_sign_up_and_upgrade{
	position: relative;
	margin-top: 10px;
}

#est_currency_conversion{
	width: 160px;
	visibility: hidden;
}

#currency_warning{
	position: absolute;
	background-color: #fd010b;
	color: #fff;
	width: 210px;
	border-radius: 5px;
	top: 20px;
	left: 180px;
	top: 35px;
	width: 210px;
	font-size: 11px;
	padding: 5px;
	visibility: hidden;
}

#manage_account_details_win .note{font-size: 11px;}
#manage_account_details_win .cc_payment form{
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 8px;
	background: #fff;
}
#manage_account_details_win .cc_payment .cc_header{color: #b7b7b7;}
#manage_account_details_win .cc_payment table{width: 100%;}
#manage_account_details_win .cc_payment .cvc{width: 40px;}
#manage_account_details_win .cc_payment .country_td{position: relative;}
#manage_account_details_win .cc_payment .cc_country{width: 150px;}
#manage_account_details_win .cc_payment .cc_header{font-weight: bold;}
#manage_account_details_win .cc_payment .form_label{
	padding: 0;
	margin: 0;
	text-align: right;
	width: 125px;
}

#manage_account_details_win .cc_payment select{
	-webkit-appearance: menulist-button;
	border: 1px solid #ccc;
}

#manage_account_details_win .cc_payment input{
	padding: 3px;
	-webkit-user-select: auto;
	-moz-user-select: auto;
}

#manage_account_details_win .acol{
	display: inline-block;
	width: 100px;
	text-align: right;
	padding-right: 5px;
}

#manage_account_details_win .hilite{
	display: inline-block;
	padding: 6px;
	margin-bottom: 3px;
	text-transform: capitalize;
	font-weight: normal;
}


.manage_details .account_plan{
	width: 555px;
	padding-bottom: 5px;
	position: relative;
	padding-left: 20px;
	border-left: 1px solid #ccc;
}

.manage_details{
	text-align: left;
	display: flex;
	font-size: 12px;
	min-height: 220px;
	flex-direction: column;
}

.manage_details .info:hover{opacity: 1;}
.manage_details .info{
	background-color: #57af57;
	color: #223501;
	padding: 5px 5px 5px 25px;
	background-image: url(/includes/img/wireframe/icons/information_frame.png);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	border-radius: 5px;
	opacity: 0.6;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	color: #fff;
}

#account_list_of_devs{
	padding-left: 0px;
}

.linked_devs .devs{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.linked_devs .dev:last-child{border-bottom: none;}
.linked_devs .dev{
	padding: 5px;
	border-bottom: 1px dashed #ccc;
}

/*#layout_origin *, .skyhook_button_bar_cmp *, .mockup_scroller *, .btn *, .modal *, #top_nav *, #flat_buttons_bar *, #viewport * {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}*/

.flat_button.save_mockup{
	background-image: url(/includes/img/wireframe/icons/disk_black.png);
	background-repeat: no-repeat;
	background-position: 8px 12px;
	padding-left: 30px;
}

.flat_button.mockup_grid_options{
	background-image: url(/includes/img/wireframe/icons/gear_pencil.png);
	background-repeat: no-repeat;
	background-position: 8px 12px;
	padding-left: 30px;
}

.flat_button.mockup_publish_to_device{
	background-image: url(/includes/img/wireframe/icons/device.png);
	background-repeat: no-repeat;
	background-position: 8px 12px;
	padding-left: 30px;
}

.flat_buttons_container .trigger:hover{opacity: 1;}
.flat_buttons_container .trigger{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background-image: url(/includes/img/wireframe/undo_redo.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#preview_mode_off_restoring.show{top: 3px;}
#preview_mode_off_restoring.show2{top: 3px;}

#preview_mode_off_restoring{
	z-index: 9999999999;
	position: absolute;
	top: -30px;
	right: 18px;
	padding: 5px 25px 5px 5px;
	border-radius: 5px;
	background-color: #9ee355;
	border: 1px solid #7bc929;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
	-webkit-transition: top 0.5s;
	-moz-transition: top 0.5s;
	transition: top 0.5s;
	cursor: pointer;
	background-image: url(/includes/img/wireframe/icons/question_frame.png?v=3);
	background-repeat: no-repeat;
	background-position: top right;
}

.preview_mode_switch.on .switch_bg .bg_img{
	background-position: -34px -6px;
}

.preview_mode_switch .switch_bg .bg_img{
	background-image: url(/includes/img/preview_switch_button3.png);
	width: 176px;
	height: 35px;
	background-position: -76px -6px;
	
	-webkit-transition: background-position 0.2s;
	-moz-transition: background-position 0.2s;
	transition: background-position 0.2s;
}

.preview_mode_switch .label{
	background-image: url(/includes/img/preview_mode.png);
	position: absolute;
	width: 85px;
	height: 10px;
	left: -92px;
	top: 9px;
}

.preview_mode_switch{
	position: absolute; 
	right: 20px; 
	top: 8px; 
	width: 65px; 
	height: 27px;
	cursor: pointer;
	visibility: hidden;
}

.preview_mode_switch .switch_bg{
	border-radius: 14px;
	overflow: hidden;
	width: 65px;
	height: 24px;
	border: 1px solid #7d7b7b;
	box-shadow: 1px 1px 0 #fff;
}
/*
.no_select input, .no_select textarea{
	-webkit-user-select: auto !important;
	-moz-user-select: auto !important;
	user-select: auto !important;
}
.no_select *{
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	user-select: none !important;
}*/

#code_container.no_select, #code_container.no_select *{
	-webkit-user-select: auto !important; /* 	Turn this back to none when the code view is being resized to stop the flicker		*/
	-moz-user-select: auto !important; /* 	Turn this back to none when the code view is being resized to stop the flicker		*/
}

/*.redBad{background-color: #fe5656 !important;}
.greenGood{background-color: #aad493  !important;}*/

input, textarea{
	-webkit-user-select: auto;
	border-radius: 2px;
	padding: 10px;	
	-moz-user-select: auto;
	border: 1px solid #ccc;
	outline: none;
	margin: 0;
}

input, textarea, select {
   	-webkit-user-select: auto;
	-moz-user-select: text !important;
	user-select: auto;

}

.creating_cmp_link #quill_iframe{
	pointer-events: none;
}
.creating_cmp_link #screen_mask_nohide{	
	pointer-events: none;
	opacity: 0 !important;
}
#screen_mask_nohide{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100002;
	display: none;
	
	transition: opacity ease-in-out 0.3s;
}

label{
	cursor: pointer;
}


.option{
	line-height: 18px;
}

input[type=checkbox],
 input[type=radio] {
   display: inline-block;
   font-size: 15px;
   line-height: 1em;
   margin: 0 0.25em 0 0;
   padding: 0;
   width: 1.25em;
   height: 1.25em;
   -webkit-border-radius: 0.25em;
   background-color: #fff;
   box-shadow: none;
   vertical-align: middle;
 }
 
input[type=radio] {
	-webkit-border-radius: 2em; /* Make radios round */
}

input[type=radio]:checked {
	background: url("/includes/img/radio.png") no-repeat center center !important;
	-webkit-background-size: 28px 28px; /* shrink high resolution background */
}

input[type=checkbox]:checked {
	background: url("/includes/img/check.png") no-repeat center center !important;
	-webkit-background-size: 18px 18px; /* shrink high resolution background */
}

input:required:invalid{
	background-color: #FFE1E1;
}

input:focus:invalid{
	background-color: #FFE1E1;
}

input[type="email"]:focus:invalid{
	background-color: #FFE1E1;
}

.input_label{
	font-weight: bold;
}

table{
	font-size: 14px;
}

body, html{
	font-family: "Nunito", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	
	font-size: 14px;
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#viewport{
	height: 100%;
	width: 100%;
	
	display:-ms-flexbox;
	display:-webkit-box;
	display:-moz-box;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	
	overflow: hidden;
}

#top_nav .el_content{
	background-image: url(/includes/img/banner.png);
	background-position: 10px -3px;
	background-repeat: no-repeat;
}

.inline_editor_overlay >div{
	transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.cmp_link_editor .inline_editor_overlay *{
	visibility: hidden;
}

.no_text_select, 
.no_text_select *{ 
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.no_text_select .component_preview{
	-webkit-user-select: all;
	-moz-user-select: all;
	user-select: all;
}
.no_text_select input,
.no_text_select textarea,
.no_text_select .skyhook_rich_text_area,
.no_text_select .skyhook_rich_text_area *
{ 
	-webkit-user-select: text;
	-moz-user-select: text;
	user-select: text;
}

#top_nav{
	background-image: url(/js_jqadmin/img/win_header_bg.png);
	background-repeat: repeat-x;
	background-color: #0064b1;
	position: relative;	
	height: 45px;
}

.top_tab_options{
	width: 120px;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	top: 46px;
	background-color: #c4c4cb;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer;
	box-shadow: 0 3px 2px rgba(0,0,0,0.2);
	text-shadow: 1px 1px 0 #fff;
}

.optionOff{
	background-image: url(/js_jqadmin/img/x.png) !important;
	background-position: 6px 10px !important;
}

.top_tab_options label, .top_tab_options input{
	cursor: pointer;
}


.top_tab_options.active{
	background-color: #e1e1e7;
}

.top_tab_options .option{	
	float: left;	
	padding: 8px;
	height: 20px;
}

.top_tab_options.active .option:first-child{
	
}

.top_tab_options .option:first-child{
	
	padding-right: 8px;
}

.top_tab_options.active .option:last-child{
	border-left: 0;
}

.top_tab_options .option:last-child{
	padding-left: 27px;
	background-image: url(/includes/img/invite.png);
	background-repeat: no-repeat;
	background-position: 3px 9px;
}

#main{
	box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	-ms-flexbox-orient: horizontal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
}

#main_flex{
	
}

#bbar{
	background-image: url(/js_jqadmin/img/win_header_bg.png);
}

#site_preview.loading{
	background: url('/includes/img/wireframe/spinner.svg') 50% 200px no-repeat;
}
#site_preview{
	width: 100%;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	position: relative;	
}

#site_preview iframe{
	width: 100%;
	border: 0;
	opacity: 0;
}

#wireframe_toolbox div{	
	-moz-user-select: none;
}
#wireframe_toolbox input{	
	-moz-user-select: text !important;
}
	
#wireframe_toolbox.collapsed .es_resize_handle{
	display: none;
}
#wireframe_toolbox .es_resize_handle{
	position: absolute;
	right: 6px;
	bottom: 6px;
	width: 11px;
	height: 11px;
	cursor: nw-resize;
	z-index: 99999;
	background: url("/includes/img/wireframe/icons/es-resize-handle.gif") no-repeat;
}	
#website_toolbox, #wireframe_toolbox{		
	left: 100px;
	top: 100px;
	z-index: 998;
	width: 320px;
	height: auto;	
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	overflow: hidden;
	display: none;
}

#wireframe_project_settings{	
	top: 60px;
	z-index: 1900020;
	width: 500px;		
	overflow: hidden;
	visibility: hidden;
	left: 0 !important;
	right: 0 !important;
	margin: 0 auto !important;
}

#wireframe_project_settings .window_content{	
	padding: 0px;
}

#wireframe_project_settings .el_content{
	width: 100%;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: box !important;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
}

.shadow{
	position: absolute;
	left: -10px;
	top: -10px;		
	background-color: transparent;
	border-radius: 2px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	z-index: 0;
	margin: 10px;
	width: 100%;
	height: 100%;
}


::-webkit-scrollbar {
width: 10px;	
height: 10px;	
}

::-webkit-scrollbar {
width: 10px;	
height: 10px;	
}

::-webkit-scrollbar-track,
#code_editor_popup_window .code_blocks::-webkit-scrollbar-track {
border-left: 1px solid rgba(0,0,0,0.05);
border-right: 1px solid rgba(0,0,0,0.05);
border-radius: 0px;
box-shadow: inset 2px 2px 7px rgba(0,0,0,0.1);
background: #fff;
}

#wireframe_toolbox *::-webkit-scrollbar-track ,
#wireframe_toolbox *::-webkit-scrollbar-thumb,
#code_editor_popup_window .code_blocks::-webkit-scrollbar-thumb,
#code_editor_popup_window .code_design_block::-webkit-scrollbar-thumb {
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover{
background-color: rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: rgba(0,0,0,0.06);
}

#page1{
	height: 150px !important;
	overflow: auto !important;
}

#overlay_table .page_widget_highlight{
	background: #03a9f4;
    cursor: pointer;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 5px;
    color: #fff;
}

#overlay_table.fade_out{
	background-color: rgba(0,0,0,0);
	opacity: 0.5 !important;
}

.create_a_new_accout_now{
	color: blue;
	cursor: pointer;
	text-decoration: underline;
}

#floating_page_btn,
#floating_pages_panel
{
	animation-iteration-count:infinite;	
}
#overlay_table{
	position: absolute;
	left: 0;
	top: 0;
	width: 500px;
	height: 500px;
	z-index: 1000;
	visibility: hidden;
	background-color: rgba(22, 28, 45, 0.8);
}

#mask_message{
	width: 120px;
	background-color: #f55743;
	border-radius: 2px;
	padding: 10px;
	color: #5d1208;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	cursor: wait;
	background-image: url(/js_jqadmin/img/loadinfo.net.gif);
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: 8px 9px;		
	visibility: hidden;
}

#modal_window .window_header{
	cursor:auto;
}

#modal_window li{
	list-style-type: none;
}
#modal_window{
	width: 300px;
	text-align: left;
	margin-top: 50px;
	box-shadow: rgba(7, 20, 73, 0.27) 5px 5px 10px;
}

.flat_buttons_bar .el_content{
	overflow: visible;
	text-align: center;
}

.flat_buttons_bar{
	background-color: #ddd;
	height: 40px;
	clear: both;
	
	color:#595e6e;
    background: #FFFFFF;
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #e7e8ef 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #e7e8ef 100%);
	background: linear-gradient(top, #FFFFFF 0%, #e7e8ef 100%);
        
    color:#666666;
    text-shadow: 0 1px 1px white;
}

.flat_button{

}

.iframe{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0
}

#el_mask{
	font-size: 12px;
	
	position: absolute;
	left: -999px;
	top: 0;		
	z-index: 10000;
	background-color: rgba(22, 28, 45, 0.8);
	border-radius: 2px;		
	
	display: -ms-flexbox;
	-ms-flexbox-orient: horizontal;
	-ms-flexbox-pack: center;
	-ms-flexbox-align: center;
	
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-box;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: box;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
	
	
	text-align: center;
}

#code_editor_popup_window #el_mask{
	width: 100%;
	height: 100%;
}

.el_mask{
	font-size: 12px;
	
	position: absolute;
	left: 0;
	top: 0;		
	z-index: 10000;
	background-color: rgba(0,0,0,0.3);
	border-radius: 2px;		
	
	width: 100%;
	height: 100%;
	
	text-align: center;
}

#el_mask_msg.notice{
	padding-left: 10px;
	background-image: none;
	background-color: #6ac8fe;
	border: 1px solid #56aee1;
}
#el_mask_msg, .el_mask_msg{
	min-height: 13px;
    width: fit-content;
    display: inline-block;
    background-color: #6ac9fe;
    border-radius: 2px;
    padding: 20px 20px 20px 60px;
    color: #01082b;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
    cursor: wait;
    background-image: url(/includes/img/loading.svg?);
    /* padding-left: 44px; */
    background-repeat: no-repeat;
    background-position: 9px 50%;
    border: 4px solid #46a0d9;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -20px;
    text-align: center;
    background-size: 41px;
	border-radius: 40px;
}

.el_content{
	position: relative;
	height: 100%;
}

.resize_handle{
	position: absolute;
}

.resize_handle.s_e{
	width: 12px;
	height: 12px;
	right: 12px;
	bottom: 12px;
	cursor: se-resize;
	z-index: 1;
}		
.resize_handle.e{
	width: 5px;
	height: 100%;
	right: 10px;
	top: 10px;
	cursor: e-resize;
}
.resize_handle.s{
	width: 100%;
	height: 5px;
	bottom: 10px;
	cursor: s-resize;
}

.code_block .custom_vars{
	display: none;
}
.dragging_new_cmp_onto_canvas .prevent_cmp_drop,
.moving_cmp .prevent_cmp_drop{
	pointer-events: none;
}
 body.disable_images .skyhook_image_cmp .cmp_container_content,
body.disable_images .skyhook_image_cmp{
	pointer-events: none !important;
}
#tmp_animated_exit_page.animated.none{
	display: none;
}


.preview_mode .artboard_controls{
	display: none;
}

.linkable.skyhook_icon_cmp.linked:after{
	top: -7px;
	right: -7px;
}
.linkable.linked:hover:after{
}
.scaling.linkable.linked:after{
	opacity: 0;
	transition: none;
	-webkit-transition: none;
}
.linkable.linked:after{
	content: '';
	position: absolute;
	z-index: 999999;
	
	border-radius: 3px;
	background-image: url('/includes/img/wireframe/bolt2.png');
	background-position: 100% 0;
	top: 0;
	pointer-events: none;
	opacity: 0.85;
	transition: opacity 0.8s ease-out;
	-webkit-transition: opacity 0.8s ease-out;
	
	background-repeat: no-repeat;
	
	transform-origin: top right;
	-webkit-transform-origin: top right;
	
	width: 100%;
	height: 100%;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.skyhook_group.linkable.linked:after{
	content: '';
	position: absolute;
	z-index: 999999;
	
	border-radius: 3px;
	background-image: url('https://www.ux-app.com/includes/img/wireframe/bolt2.png');
	background-position: 0 0;
	top: 0;
	pointer-events: none;
	opacity: 0.85;
	transition: opacity 0.8s ease-out;
	-webkit-transition: opacity 0.8s ease-out;
	
	background-repeat: no-repeat;
	
	transform-origin: top right;
	-webkit-transform-origin: top right;
	
	width: 100%;
	height: 100%;
	pointer-events: none;
	border: 2px dotted rgba(9,165,254,0.5);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.preview_mode .skyhook_cmp.locked:before{
	display: none;
}
.creating_cmp_link .skyhook_cmp.locked,
.creating_cmp_link .skyhook_cmp.locked *
{
	pointer-events: all !important;
}
body:not(.preview_mode) .skyhook_cmp.locked,
body:not(.preview_mode) .skyhook_cmp.locked *
{
	pointer-events: none;	
}
.skyhook_cmp.locked:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: url("/includes/img/wireframe/locked.png") no-repeat 50% 50%;
	z-index: 99999999;
}

.preview_mode.client_view #components_panel,
.preview_mode.client_view #template_elements_panel,
.preview_mode.client_view #create_state,
.preview_mode.client_view #project_pages_operations,
.preview_mode.client_view #save_state_help,
.preview_mode.client_view #wireframe_toolbox_head_options,
.preview_mode.client_view .invite_collabs_btns, 
.preview_mode.client_view .email_collab, 
.preview_mode.client_view .del_collab,
.preview_mode.client_view .lock_page,
.preview_mode.client_view #document_outline_panel,
.preview_mode .rte_img_settings
{
	display: none !important;
}

.preview_mode.client_view #website_toolbox, 
.preview_mode.client_view #wireframe_toolbox{
	height: 561px;
}

.preview_mode .tmp_el{display: none !important;}
.preview_mode .ios_more_detail{display: none;}
.preview_mode .ios_more_detail.linked{display: block;}

.preview_mode .linkable.linked *, 
.preview_mode .linkable.linked, 
.preview_mode .mockup_tab, 
.preview_mode #wireframe_pages .sub_page_name, 
.accordion_body.short,
.skyhook_carousel_cmp > .next,
.skyhook_carousel_cmp > .prev{
	cursor: pointer !important;
}

.preview_mode .mouse_event_block_low, .creating_cmp_link .mouse_event_block_low,
.preview_mode .mouse_event_block, .creating_cmp_link .mouse_event_block,
.preview_mode .skyhook_link, .creating_cmp_link .skyhook_link
{
	display: none !important;
}
.creating_cmp_link .moving_this_cmp .mouse_event_block_low,
.creating_cmp_link .moving_this_cmp .mouse_event_block
{
	display: block !important;
}

.view_synced #layout_origin *, .view_synced .inline_editor_overlay  *{
	pointer-events: none !important;
}

.view_synced .invite_collabs_btns{
	opacity: 0.3;
	pointer-events: none;
}

.preview_mode *{-moz-user-select: none;-webkit-user-select: none;user-select: none;}
.preview_mode input{-moz-user-select: text !important;-webkit-user-select: text !important;user-select: text !important; cursor: text !important;}

#collaboration_toolbar.synced .invite_collabs_btns{
	opacity: 0.3;
	pointer-events: none;
}

.creating_cmp_link .inline_editor_overlay, .creating_cmp_link .mouse_event_block, .creating_cmp_link .mouse_event_block_low{ pointer-events: none;}
.creating_cmp_link .inline_editor_overlay *{ pointer-events: all;}
.creating_cmp_link.moving_cmp .inline_editor_overlay *{ pointer-events: none;}

.moving_this_cmp.moving, .moving_this_cmp.moving *{pointer-events: none  !important;}
.moving_this_cmp .mouse_event_block, .moving_this_cmp .mouse_event_block_low{pointer-events: all;}

/*.moving_cmp *{pointer-events: none;}
.moving_cmp .skyhook_container_cmp, 
.moving_cmp #adding_sub_cmp_overlay, 
.moving_cmp #layout_origin, 
.moving_cmp .cmp_container_content {
	pointer-events: auto;
}*/



 .page_ops:hover{
	transform: scale(1);
}
.page_ops .comment_icon{
	background-image: url("/includes/img/wireframe/icons/icon54/svg/Line Icons/30 PX/31. Messages & Chat/Chat-Bubble 2.svg");
}
.page_ops .icon .label{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	font-size: 10px;
}
.page_ops .icon{
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 32px;
	position: relative;
    background-color: #fff;
	border-radius: 100px;
	border: 1px solid rgba(0,0,0,0.3)
}
.page_ops{
	display: none;
	flex-direction: column;
	position: absolute;
    right: 25px;
    width: 60px;
    height: 60px;
    z-index: 190004 !important;
    top: calc(50% - 50px);
    transform: scale(0.7);
    transform-origin: center right;
	transition: transform 0.3s;
	cursor: pointer;
} .mask, .mask_transform{
		position: absolute;
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
	}
	
	.mask{
		transition: transform 0.3s ease-out;
				
		-webkit-transition-property			: -webkit-transform;
		-webkit-transition-duration			: 0.3s;
		-webkit-transition-timing-function	: ease-out;
		-webkit-transform-origin: center center;
		
		border-radius: 100000px;		
	}
	
	.transform_translate{
	
		position: absolute;
		transition: transform 0.3s ease-out;
		
		transform: translateX(0) translateY(0) translateZ(1px);
		
		-webkit-transition-property			: -webkit-transform;
		-webkit-transition-duration			: 0.3s;
		-webkit-transition-timing-function	: ease-out;
		-webkit-transform-origin: center center;
		-webkit-transform: translateX(0px) translateY(0px) translateZ(1px);
	}
	.transform_scale{
		position: absolute;
		transition: transform 0.3s ease-out;
		
		transform: translateZ(1px) scale(1);
		
		-webkit-transition-property			: -webkit-transform;
		-webkit-transition-duration			: 0.3s;
		-webkit-transition-timing-function	: ease-out;
		-webkit-transform-origin: center center;
		-webkit-transform: translateZ(1px) scale(1);
	}
	
	
	.skyhook_cmp{
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
	}
	
	.preview_mode .skyhook_cmp{
		cursor: default;
	}
	.preview_mode .skyhook_cmp{
				
		transition: left 0.3s ease-out, top 0.3s ease-out, width 0.3s ease-out, height 0.3s ease-out, transform 0.3s ease-out, opacity 0.3s ease-out;
		transform-origin: center center;
		
		-webkit-transition-property			: left, 	top, 		width, 		height, 	-webkit-transform, 	opacity;
		-webkit-transition-duration			: 0.3s, 	0.3s, 		0.3s, 		0.3s, 		0.3s, 				0.3s;		
		-webkit-transition-timing-function	: ease-out, 	ease-out,	ease-out, 	ease-out, 	ease-out, 			ease-out;		
		-webkit-transform-origin: center center;
		
		-webkit-backface-visibility: visible;
		backface-visibility: visible;
	}
	
	.preview_mode .skyhook_cmp.skyhook_window_cmp.moving{
		transition: none;
		transform-origin: center center;
		
		-webkit-transition-property			: none;
		-webkit-transition-duration			: 0;		
		-webkit-transition-timing-function	: ease-out, 	ease-out,	ease-out, 	ease-out, 	ease-out, 			ease-out;		
		-webkit-transform-origin: center center;
	}
	
/* END CSS ANIMTED CODE VIEW */

.preview_mode .show_overflow > *{
	pointer-events: all !important;
}
.inline_editor_overlay .show_overflow > *{
	pointer-events: all !important;
}
.show_overflow > *{
	pointer-events: none;
}
.show_overflow{
	overflow: visible !important;
}

.hide_after_anim,
.hide_after_anim *{
	display: none !important;
}

#adding_sub_cmp_overlay.hide{
	opacity: 0 !important;
}
#adding_sub_cmp_overlay{
	-moz-transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

.hide_other_overlays .overlay_editor_other_mask{
	display: none !important;
}

.skyhook_ios_tab_bar.skyhook_container_cmp{
	border-width: 0;
}

.moving_cmp .mouse_event_block{
	display: none !important;
}

.moving_cmp *, .region_selecting *, .resizing_cmp * {cursor: move !important;}
/*.moving_cmp *, .region_selecting *, .resizing_cmp * {cursor: none !important;}*/

.moving_cmp .selected .mouse_event_block{
	display: block !important;
}

.skyhook_rte_cmp a[href="tmp_url"]{
	color: #fff;
	background-color: #000;
}

.img_loading_indicator{visibility: hidden;}
.img_src_change .img_loading_indicator{
	visibility: visible;
	width: 30px;
	height: 30px;
	top: 5px;
	right: 5px;	
	background-color: #fe7a6a;
	border-radius: 2px;
	color: #5d1208;		
	box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
	cursor: wait;
	background-image: url(/includes/img/loadinfo.net.gif);	
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border: 1px solid #f39286;
	position: absolute;	
	z-index: 999999;
}


.skyhook_group > .cmp_container_content{
	background: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.preview_mode .skyhook_template_el:before,
.preview_mode .skyhook_group:after{
	border: none !important;
}

.inline_editor_overlay > .skyhook_template_el:before,
.inline_editor_overlay > .skyhook_group:after{
	content: '';
	display: none;
}
.skyhook_template_el.selected(not:.linked):before,
.skyhook_group.selected(not:.linked):after{
	content: '';
	display: none;
}

.skyhook_template_el:before,
.skyhook_group:after{
	content: '';
	width: 100%;
	height: 100%;
	pointer-events: none;
	border: 1px dashed rgba(9,165,254,0);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


.skyhook_web_popup{
	background-color: #ebecf2 	 !important; 
	border-radius: 4px !important; 
}

.skyhook_rte_cmp .editor_toolbar{
	display: none !important;
}
.skyhook_rte_cmp .cmp_content,
.skyhook_rte_cmp .cmp_content *{
	line-height: 1.5em;
}

.skyhook_cmp_wrap *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.preview_mode .tab_modifier{
	display: none !important;
}

.rte_img_settings .btn div{
	background-repeat: no-repeat;
	width: 16px;
}

.skyhook_base_container.skyhook_button_cmp .skyhook_rte_cmp{
	background-color: transparent !important;
}

.button_container_cmp{
	background-color: transparent !important;
}

.skyhook_slider_wrapper{
	position: relative;
	height: 18px;
	display: inline-block;	
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #fafafa;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-bottom-color: #bbb;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	*margin-left: .3em;
}

.skyhook_slider_button{
	width: 15px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(/includes/img/rte_img_slider/button.png);
	position: absolute;
	top: 0;
	left: 30px;
	cursor: move;
}

.skyhook_slider_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 105px;
	margin-left: 7px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(/includes/img/rte_img_slider/bg.png?v=2);
}

.skyhook_slider_wrapper{
	width: 120px;
	cursor: pointer;
	height: 100%;
}

.rte_img_settings .img_float_left.btn div{
	background-image: url(/includes/img/wireframe/icons/float_left.png);
	background-position: 0 4px;
	cursor: pointer;
}

.rte_img_settings .img_delete.btn div{
	background-image: url(/includes/img/wireframe/icons/cross3.png);
	background-position: 2px 4px;
	cursor: pointer;
}

.rte_img_settings .img_float_right.btn div{
	background-image: url(/includes/img/wireframe/icons/float_right.png);
	background-position: 0 4px;
	cursor: pointer;
}

.rte_img_settings .img_chooser.btn,
.rte_img_settings .google_img_chooser.btn{
	background: blue !important;
    border-radius: 10px !important;
    border: 0 !important;
    font-size: 7px;
    padding: 2px 5px;
    color: #fff;
}
.rte_img_settings .google_img_chooser:before{
	content: '';
    display: inline-block;
    width: 17px;
    height: 16px;
    background-image: url(/includes/css/v2/img/blue/magic-wand--filled.svg);
    background-repeat: no-repeat;
    border-radius: 100px;
    background-color: #fff;
    background-size: 13px;
    background-position: 50%;
    position: absolute;
    left: 2px;
    top: 3px;
	
}
.rte_img_settings .img_chooser.btn:after{
	content: 'My Images...';
}
.rte_img_settings .google_img_chooser.btn:after{
	content: 'Swap...';
}
.placeholder .rte_img_settings .google_img_chooser.btn:after{
	content: 'Add From Google...';
}
.rte_img_settings .google_img_chooser.btn{
	margin-left: 3px;
	padding-left: 23px;
}

.rte_img_settings .img_block.btn div{
	background-image: url(/includes/img/wireframe/icons/block_img.png);
	background-position: 0 4px;
	cursor: pointer;
}

.block_img img{
	margin: auto;
	display: block;
}

.user_select_allowed *{
	-webkit-user-select: auto;
	-moz-user-select: auto;
	user-select: auto;
	cursor: auto;
}

#move_proxies{
	position: absolute;
	left: -999px;
	top: 0;
	z-index: 20000;
}

#moving_original_node{	
	position: absolute;	
	width: 300px;
}

#moving_link_node{
	width: 28px;
	height: 11px;
	position: absolute;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	background-image: url(/includes/img/tick.png);
}

.skyhook_container_cmp .cmp_container_content{
	
}


body.scrolling_grabbed .mouse_event_block{
	opacity: 0 !important;
}
body.scrolling_grabbed,
body.scrolling_grabbed *{
	cursor: grabbing !important;
	cursor: -webkit-grabbing !important;
	cursor: -moz-grabbing !important;
}
body.kill_pointer_events,
body.kill_pointer_events *{
	
}	
.vertical .ios_carousel_panel_content *{
	cursor: grab;
	cursor: -webkit-grab;
	cursor: -moz-grab;
}	
.inline_editor_overlay .ios_carousel_panel_content > .mouse_event_block > .del{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 19px;
	height: 19px;
	border-radius: 20px;
	border: 2px solid #000;
	background: #f96859 url('/includes/img/x3.png') no-repeat 50% 50%;
	cursor: pointer;
	box-sizing: border-box;
}
.horizontal .ios_carousel_panel_content > .mouse_event_block{
	cursor: grab;
	cursor: -webkit-grab;
	cursor: -moz-grab;
}	
.mouse_event_block{
	cursor: move;
}

/*.skyhook_container_cmp > .mouse_event_block:hover{
	background-color: rgba(9,165,254,0.3);
}*/
.skyhook_cmp.selected.active > .mouse_event_block{
	/*background-image: url(/includes/img/wireframe/mouse_event_block.png);*/
	background-color: rgba(9,165,254,0.3);
}

.mouse_event_block.hover{background-color: rgba(9,165,254,0.3);}
.mouse_event_block:hover{background-color: rgba(9,165,254,0.3);}
.resizing_cmp .mouse_event_block:hover{background-color: transparent;}
	
.skyhook_container_cmp.ios_carousel_panel_content{	
	border-width: 0;
	-moz-border-image: none;
	-webkit-border-image: none;
	border-image: none;
}

.skyhook_container_cmp.skyhook_mask  .mask_content{
	background: rgba(0,0,0,0.7);
}

.skyhook_container_cmp.skyhook_mask{
	background: transparent;
}

.preview_mode .skyhook_mask.fit{
	left: -1000px !important;
	top: -1000px !important;
	width: 100000px !important;
	height: calc(100vh + 1000px) !important ;
	transition: none;
}
.skyhook_mask:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.5;
}
.skyhook_mask{
	z-index: 0;
}

.inline_editor_overlay .skyhook_container_cmp{	
	cursor: default;	
}

.skyhook_container_cmp.skyhook_ios_card_container, .skyhook_container_cmp.skyhook_ios_card_container_content{	
	-moz-border-image: none 0 0 0 0 repeat;
	-webkit-border-image: none 0 0 0 0 repeat;
	border-image: none 0 0 0 0 repeat;
	border-width: 0;
}

.skyhook_container_cmp.no_top_border{ border-top-width: 0; }
.skyhook_container_cmp.no_right_border{ border-right-width: 0; }
.skyhook_container_cmp.no_bottom_border{ border-bottom-width: 0; }
.skyhook_container_cmp.no_left_border{ border-left-width: 0; }

.skyhook_container_cmp > .cmp_container_content { overflow: hidden;}
.skyhook_container_cmp.scroll > .cmp_container_content { overflow: auto; -webkit-overflow-scrolling:touch; }

.skyhook_cmp ul, .inline_editor_overlay ul, .skyhook_cmp li, .inline_editor_overlay li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

.skyhook_radio_cmp li, .skyhook_check_cmp li{
	line-height: 1.2em;
}

.editable_text{
	white-space:pre;
	text-overflow: elipsis;
}



.mockup_tabpanel_index_container{
	width: 100%;
}

.mouse_event_block_low{
	position: absolute; 
	width: 100%; 
	height: 100%; 
	left: 0; 
	top: 0; 
	z-index: 5000;
	cursor: move;
}

.preview_mode .mouse_event_block{
	display: none !important;
}

.mouse_event_block{
	position: absolute; 
	width: 100%; 
	height: 100%; 
	left: 0; 
	top: 0; 
	z-index: 10000;
}

.skyhook_cmp li, .inline_editor_overlay li{
	position: relative;	
}

.skyhook_accordion_h_cmp .add_inline_item, .skyhook_accordion_cmp .add_inline_item, .skyhook_carousel_cmp .add_inline_item{
	display: block !important;
}

.skyhook_container_cmp .add_inline_item{
	display: none;
}

.inline_editor_overlay > .skyhook_cmp li.over > .delete_item, .inline_editor_overlay > .skyhook_cmp_wrap li.over > .delete_item{
	visibility: visible;
}

.cmp_content.horizontal li:first-child{
}

.cmp_content.horizontal li{
	float: left;
	padding-left: 10px;
}

.inline_editor_overlay > .skyhook_cmp .delete_item, .inline_editor_overlay > .skyhook_cmp_wrap .delete_item{
	position: absolute;
	width:23px;
	height: 23px;
	border: 2px solid #fff;
	
	background-color: #f85959;
		
	border-radius: 16px;
	cursor: pointer;
	background-image: url(/includes/img/x_small.png?v2);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	
	visibility: hidden;
	z-index: 10000;
}

.skyhook_cmp .delete_item, .inline_editor_overlay .delete_item{
	top: 0px;
	right: 5px;
}

.skyhook_radio_cmp .disabled{
	opacity: 0.5;
}

.skyhook_editor .editor_window_header{
	cursor: move;
	height: 15px;
	line-height: 13px;
	background-color: #000;
	padding: 5px;
	border: 0;
	border-radius: 0;
	color: #fff;
	font-weight: bold;
}

.skyhook_editor #drag_link_target, .skyhook_editor .drag_link_target{
	height: 100%;
	background-image: url(/includes/img/link.png);
	background-position: right;
	background-repeat: no-repeat;
	font-style: italic;
	text-align: left;	
}

.skyhook_editor .move_handle{
	height: 40px;
	width: 40px;
	cursor: move;
	background-image: url(/includes/img/move_handle.png);
	background-repeat: no-repeat;
	background-position: 50%;
}

.skyhook_editor .combo{
	width: 137px;
	margin: 0;
}

.editor_table td{
	width: 50%;
	padding: 10px;
	font-size: 12px;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
	border-bottom: 1px solid #a0a9b0;
	border-top: 1px solid #d7dce0;
}


.skyhook_editor .editor_table tr{
	background: -webkit-linear-gradient(top, #cfd2d5 0%, #bbc1c6 100%);
	background: -moz-linear-gradient(top, #cfd2d5 0%, #bbc1c6 100%);
	background: linear-gradient(top, #cfd2d5 0%, #bbc1c6 100%);    
}


.skyhook_editor{

}

.skyhook_editor input{
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #a0a9b0;
	box-shadow: 1px 1px 0 rgba(255,255,255,0.3);
}

.skyhook_editor .editor_body{
	
}

.skyhook_editor .editor_footer .editor_button.cancel div{
	background-image: url(/includes/img/x2.png);
	background-position: 23px 12px;
	border-right: 1px solid #d0d2d4;
	height: 100%;
}

.skyhook_editor .editor_footer .editor_button.ok div{	
	background-image: url(/includes/img/tick.png);	
	background-position: 32px 12px;
}

.skyhook_editor .editor_footer .editor_button div{
	padding: 10px;
	background-repeat: no-repeat;	
	padding-left: 20px;
}

.skyhook_editor .editor_footer .editor_button.ok{
	background: -webkit-linear-gradient(top, #9ae679 0%, #6bc842 100%);
	background: -moz-linear-gradient(top, #9ae679 0%, #6bc842 100%);
	background: linear-gradient(top, #9ae679 0%, #6bc842 100%);    
}

.skyhook_editor .editor_footer .editor_button.ok:hover{
	background: -webkit-linear-gradient(top, #74d449 0%, #59ab34 100%);
	background: -moz-linear-gradient(top, #74d449 0%, #59ab34 100%);	
	background: linear-gradient(top, #74d449 0%, #59ab34 100%);    
}

.skyhook_editor .editor_footer .editor_button.cancel{
	background: -webkit-linear-gradient(top, #e7e8e9 0%, #c9cccf 100%);
	background: -moz-linear-gradient(top, #e7e8e9 0%, #c9cccf 100%);
	background: linear-gradient(top, #e7e8e9 0%, #c9cccf 100%);		
}

.skyhook_editor .editor_footer .editor_button.cancel:hover{
	background: -webkit-linear-gradient(top, #c9cccf 0%, #b9bec3 100%);
	background: -moz-linear-gradient(top, #c9cccf 0%, #b9bec3 100%);
	background: linear-gradient(top, #c9cccf 0%, #b9bec3 100%);    	
}

.skyhook_editor .editor_footer .editor_button{
	float: left;
	width: 50%;	
	text-align: center;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
	font-weight: bold;
	cursor: pointer;
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.5);
}

.skyhook_editor .editor_footer{	
	border-top: 1px solid #d0d2d4;
	overflow: auto;
}

.skyhook_editor{
	font-size: 12px;	
	position: absolute;
	left: 0;
	top: 50px;
	border: 5px solid #000; 
	border-radius: 5px; 
	background-color: #fff;
	z-index: 1100 !important;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.skyhook_cmp .cmp_content{
	/*overflow: hidden;*/
	width: 100%;
	height: 100%;
}

.skyhook_cmp, .skyhook_cmp_wrap{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	position: absolute;
}


.skyhook_ios_stepper_cmp li, 
.skyhook_ios_button_bar_cmp li, 
.skyhook_paging_toolbar_cmp .page_left, 
.skyhook_paging_toolbar_cmp .total_pages, 
.skyhook_paging_toolbar_cmp .page_right{
	border-style: solid;
}

.preview_mode .skyhook_check_cmp .editable_text{cursor: pointer !important;}
.skyhook_check_cmp{display: inline-block; padding: 6px 6px 6px 20px !important; margin: 0 8px 4px 0 !important; cursor: pointer !important;}
.skyhook_check_cmp.checked{background: url("/includes/img/check.png") no-repeat left center !important;}
.skyhook_check_cmp{background: url("/includes/img/un_check2.png") no-repeat left center !important;}

.resizer{
	background-position: 50%;
	background-repeat: no-repeat;
	background-image: url(/includes/img/resize_handle.png);
}

.resize-se{
	position: absolute; 
	visibility: hidden;
	right:-6px; 
	height: 12px;
	bottom: -6px;
	width: 12px; 
	z-index: 999;
	cursor: se-resize;
}

.resizing > .resize-s{
	visibility: visible;
}

.resizing > .resize-se{
	visibility: visible;
}

.resizing > .resize-e{
	visibility: visible;
}

.resize-e{
	position: absolute; 
	right:-6px; 
	visibility: hidden;
	height: 100%;
	top: 0;
	width: 12px; 
	z-index: 999;
	cursor: e-resize;
}

.resize-s{
	position: absolute; 
	bottom:-6px; 
	visibility: hidden;
	height: 12px;	
	width: 100%; 
	z-index: 999;
	cursor: s-resize;
}

.button_bar_items{
	
}

.button_bar_item:last-child{	
}

.add_editor_item{
	background-image: url(/includes/img/add_editor_item.png);
	background-repeat: no-repeat;
	background-position: 50%;
	top: -66px;
	margin-top: -18px;
	height: 18px;
	cursor: pointer;
	position: relative;
	z-index: 2000;
} #project_type_desktop .artboard_controls{
	display: none;
}

.preview_mode #project_type_mobile{
	border-radius: 0;
}

.preview_mode.transitioning_artboards .artboard,
.preview_mode.transitioning_artboards .artboard *{
	pointer-events: none !important;
}

.moving_cmp .artboard_controls,
.moving_cmp #layers_window{
	pointer-events: none !important;
}

.moving_cmp .artboard:not(.current_artboard) .artboard_contents{
	pointer-events: none !important;
}
.artboard_dimensions .artboard_dim_wrap{
	position: relative;
}
.artboard_dimensions .artboard_dim_label{
	display: inline-block;
    width: 20px;
    position: absolute;
    left: 7px;
    top: -4px;
    z-index: 999;
    font-size: 10px;
    pointer-events: none;
    opacity: 0.5;
}

#layout_origin > .artboard_contents .artboard_name{
	
}

.artboard_name:focus:after,
.artboard_name:hover:after{
	right: 0;
    background-image: url(/includes/css/v2/img/edit.png);
    background-position: 50% 3px;
    top: 0px;
    opacity: 0.3;
    background-size: 16px;
}
#layout_origin > .artboard_controls .add_left_artboard{
	display: none;
}
#layout_origin > .artboard_controls .artboard_name{
    padding-left: 23px;	
}
#layout_origin > .artboard_controls .artboard_name:before{
	left: 0;
    background-image: url(/includes/css/v2/img/home.png);
    background-position: 50% 4px;
    background-size: 15px;
    top: 0px;
}
.artboard_name:before,
.artboard_name:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;	
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.artboard_name{
	display: inline-block;
    position: relative;
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 5px;
    padding-right: 23px;
}
.artboard_name_wrap{
	left: 30px;
    position: absolute;
    top: -25px;
    width: calc(100% - 30px);
    text-align: center;
    /*border-bottom: 1px solid rgb(161, 163, 165);*/
}
.artboard_dimensions .artboard_dim_input:focus{
    
}
.artboard_dimensions .artboard_dim_input{
	width: 65px;
    padding: 0 0 0 17px;
    margin-left: 2px;
    border-bottom: 1px solid #a1a3a5;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    box-shadow: none;
    border-radius: 0;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
}
.artboard_dimensions{
	display: inline-block;
	width: 165px;
	vertical-align: top;
}
.artboard_controls > .add_artboard{	
	
	position: absolute;
	
}
.artboard_controls > .add_artboard:hover{
	
}
.artboard_controls{	
	position: static;
	height: 0;
	width: 100%;
}
.artboard:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	border: 1px solid rgb(204, 204, 204);
	box-sizing: border-box;
}	
.artboard_contents{	  
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	overflow: hidden;
	transition: all 0.2s;
} 
.preview_mode .artboard.current_artboard > .artboard_contents{
	overflow: hidden;	
}
.artboard.current_artboard > .artboard_contents{
	overflow: hidden;
	z-index: 999;
}  
.artboard.current_artboard{	    
    box-shadow: 4px 6px 0 rgb(207, 208, 210);
}

.artboard.current_artboard > .artboard_contents:after{
	display: none;
}

.preview_mode .artboard .artboard_contents:after{
	display: none !important;
}
.artboard .artboard_contents:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.6 );
	z-index: 999999999;	
}
.artboard{
	position: absolute;
}
.add_left_artboard{
	width: 40px;
	height: 100%;
	left: -40px;
}
.add_right_artboard{
	width: 40px;
	height: 100%;
	right: -40px;
}
.add_top_artboard{
	width: 100%;
	height: 40px;
	top: 0px;
}
.add_bottom_artboard{
	width: 100%;
	height: 40px;
	bottom: 0px;
}
.add_artboard_icon:hover{
	opacity: 1;
}
.add_artboard_icon{
	cursor: pointer;
	opacity: 0.1;
	width: 40px;
    background-image: url(/includes/css/v2/img/plus_b.svg);
    background-size: 60%;
    background-position: 50% 40%;
    background-repeat: no-repeat;
    height: 40px;
    max-height: 100vh;
    top: calc(50% - 60px);
    position: absolute;
}
#mobile_quickchange{
	width: calc(100% + 30px);
}
.artboard_dimensions .artboard_dim_label.label_h{
	left: 8px;
}
#mobile_quickchange .device_select .options {
    width: 130px;
    left: -1px;
}
#mobile_quickchange .group_title {
    margin-bottom: 6px;
}
#mockup_scroller:before{
	content: '';
	pointer-events: none;
	width: 400%
}
.panning:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	cursor: move;
}
.artboard_ops > .artboard_op.add_artboard:hover{
	opacity: 1;
}
.artboard_ops > .artboard_op.add_artboard{
    opacity: 0.4;	
}
.artboard_ops > .artboard_op.add_artboard .artboard_op_icon{
    background-image: url(/includes/css/v2/img/plus_b.svg);
    background-repeat: no-repeat;
    background-position: 50% 8px;
    background-size: 15px;
	width: 100%;
	height: 100%;
}
.artboard_ops > .artboard_op.delete_artboard .artboard_op_icon:hover{
	opacity: 1;
}
.artboard_ops > .artboard_op.clone_artboard .artboard_op_icon:hover{
	opacity: 1;
}
.artboard_ops > .artboard_op.delete_artboard .artboard_op_icon{
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background-image: url(/includes/css/v2/img/cross_r.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 17px;
}
.artboard_ops > .artboard_op.clone_artboard .artboard_op_icon{
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background-image: url(/includes/css/v2/img/clone.png);
    background-repeat: no-repeat;
    background-position: 50%;
}
.artboard_ops > .artboard_op{
	width: 29px;
	height: 30px;
	float: left;
	cursor: pointer;
	position: relative;
}
.artboard_ops > .artboard_op.add_artboard:hover .add_artboard_popup{
	display: block;
}
.artboard_ops .add_artboard_popup .add_left{
	height: 100%;
	width: 50%;
    float: left;
    background-image: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Arrows/24px/squared-small-1-01.png");
    background-position: 50%;
    opacity: 0.5;
}
.artboard_ops .add_artboard_popup >div:hover{
	opacity: 1;
}
.artboard_ops .add_artboard_popup .add_right{
	height: 100%;
	width: 50%;
    float: left;
    background-image: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Arrows/24px/squared-small-2-01.png");
    background-position: 50%;
    opacity: 0.5;
}
#layout_origin > .artboard_controls .delete_artboard,
#layout_origin > .artboard_controls .add_left{	
	display: none;
}
#layout_origin > .artboard_controls .add_artboard_popup{	
    width: 30px;
}
#layout_origin > .artboard_controls .add_right{	
	width: 30px;
}
.artboard_ops .add_artboard_popup{
	display: none;
	position: absolute;
    width: 60px;
    height: 30px;
    top: 30px;
    background: #fff;
    border-left: 1px solid #a1a3a5;
    border-bottom: 1px solid #a1a3a5;
    border-right: 1px solid #a1a3a5;
	right: 0;
}
#layout_origin > .artboard_controls .artboard_ops{
    width: 60px;	
}
.artboard_ops{
	position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    background: transparent;
    width: 90px;
    border-bottom: 1px solid #a1a3a5;
}

body:not(.preview_mode) .selected .artboard_link{
	width: 10px;
	height: 10px;
	background:red;
	right: 10px;
	top: calc(50% - 5px);
	position: absolute;
	z-index: 9999999;
	cursor: crosshair;
} .scroll::-webkit-scrollbar-thumb {
	background-color: #C5C5C5;
}
.skyhook_base_container.scroll_x > .scroll{
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
.skyhook_base_container.scroll_y > .scroll{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.skyhook_accordion_h_cmp.scroll_x > .accordion_h_content_container  > .accordion_h_body  > .accordion_cmp_panel > .cmp_content{
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
.skyhook_accordion_h_cmp.scroll_y > .accordion_h_content_container  > .accordion_h_body  > .accordion_cmp_panel > .cmp_content{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.skyhook_accordion_cmp.scroll_x > .accordion_content_container  > .accordion_body  > .accordion_cmp_panel > .cmp_content{
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
.skyhook_accordion_cmp.scroll_y > .accordion_content_container  > .accordion_body  > .accordion_cmp_panel > .cmp_content{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.skyhook_tabs_cmp.scroll_y > .tab_content_container > .tab_body > .cmp_content{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.skyhook_tabs_cmp.scroll_x > .tab_content_container > .tab_body > .cmp_content{
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
body { overflow: hidden; }

#ghost_element{
	position: absolute;
	pointer-events: none;
	z-index: 9999999;
} .skyhook_text_placeholder {
	overflow: hidden;
	text-align: left;
	line-height: 0px;
}
.skyhook_text_placeholder u{
	display: inline-block;
	background: #c7c7c7;
	height: 6px;
	width: 100%;
	margin-bottom: 5px;
	margin-right: 2px;
} .skyhook_browser_stencil.win .ui{
	background-color: #fff;	
}
.skyhook_browser_stencil .ui{
	height: 60px;
	background-color: #C5C5C5;
}
.skyhook_browser_stencil.win .tabs_container .st_tab{
    margin-left: 4px;	
}
.skyhook_browser_stencil .tabs_container .st_tab{
	width: 50%;
    height: 28px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    min-width: 20px;
    max-width: 140px;
    display: inline-block;
    background-color: #efefef;
    top: 1px;
    position: relative;
    border-left: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    margin-left: 10px;
}
.skyhook_browser_stencil .tabs_container{
	position: relative;
	bottom: -1px;
}
.skyhook_browser_stencil .tab_header,
.skyhook_browser_stencil .urlbar
{
	height: 30px;
	border-bottom: 1px solid #e4e4e4;
}
.skyhook_browser_stencil .urlbar{
	background-color: #efefef;	
}
.skyhook_browser_stencil.win .tab_header{
	flex-direction: row-reverse;
}
.skyhook_browser_stencil .tabs_container{
	height: 100%;
	flex: 1;
}
.skyhook_browser_stencil.mac .window_actions .butn.one{background-color: #fd5d51;}
.skyhook_browser_stencil.mac .window_actions .butn.two{background-color: #fcbc23;}
.skyhook_browser_stencil.mac .window_actions .butn.three{background-color: #00c642;}
.skyhook_browser_stencil.mac .window_actions .butn{
	width: 10px;
    margin: 10px 5px;
    float: left;
    border-radius: 100px;
    height: 10px;
}
.skyhook_browser_stencil.win .window_actions{
	background-image: url(/includes/img/wireframe/window_controls3.png);
	background-size: cover;
}
.skyhook_browser_stencil .window_actions{
	height: 100%;	
	width: 60px;
}
.skyhook_browser_stencil .urlbar .page_nav{
	width: 60px;
	height: 100%;
}
.skyhook_browser_stencil .urlbar .url{
	width: 60px;
    flex: 1;
    margin: 5px 4px 4px;
    background: #fff;
    border-radius: 3px;
    font-size: 10px;
    font-style: italic;
    color: #C5C5C5;
    padding: 3px 6px;
}
.skyhook_browser_stencil .urlbar{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
}
.skyhook_browser_stencil .tab_header{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
}
.skyhook_browser_stencil .page_nav > div{
	opacity: 0.3;
	width: 20px;
	height: 20px;
	margin-top: 5px;
	display: inline-block;
	background-size: cover;
}
.skyhook_browser_stencil .page_nav > .refresh{
	background-image: url(/includes/img/wireframe/icons/svg/general/Transfers-66.svg);
	width: 15px;
	height: 15px;
	margin-top: 0;
	margin-bottom: 3px;
}
.skyhook_browser_stencil .page_nav > .back{
	background-image: url(/includes/img/wireframe/icons/svg/arrows/rounded-medium-1-01.svg);
	margin-left: 2px;
}
.skyhook_browser_stencil .page_nav > .forward{
	background-image: url(/includes/img/wireframe/icons/svg/arrows/rounded-medium-2-01.svg);
}
.skyhook_browser_stencil{
	background: #fff;
	border: 2px solid #BDBDBD;
	border-radius: 4px;
	overflow: hidden;
} .calendar_stencil .wrap .days{
	font-size: 10px;
	padding: 5px;
}
.calendar_stencil .wrap table .days{
	height: 20px;
}
.calendar_stencil .wrap table .days td:after{
	display:none;
}

.calendar_stencil .wrap table td:first-child{
	border-left: 1px solid rgba(0,0,0,0.1);	
}
.calendar_stencil .wrap table tr:last-child td{
	border-bottom: 1px solid rgba(0,0,0,0.1);		
}
.calendar_stencil .wrap table tr:first-child td{
	border-top: 1px solid rgba(0,0,0,0.1);		
}
.calendar_stencil .wrap table td{
	border-right: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.calendar_stencil .wrap table td.grey:after{
	background: #F1EBEB;	
}

.calendar_stencil .wrap table td:after{
	content: '';
	display: inline-block;
	width: 60%;
	height: 20%;
	background: #A7A7A7;
	border-radius: 3px;
}
.calendar_stencil .wrap table td{
	width: 14.285%;
}
.calendar_stencil .wrap table{
	width: 100%;
	height: 100%;
}
.calendar_stencil .wrap{
	width: 100%;
	height: 100%;
} .accordion_h_body.short{
	cursor: pointer;
}
/* LINE */

.style_line .accordion_h_cmp_header{
	font-size: 13px;
	font-family: Arial;
	height: 34px;	
	line-height: 32px !important;	
	text-align: center;
	position: relative;
}
.style_line .accordion_h_body.short{	
	background: #ebecf2;
	cursor: pointer;
} .preview_mode .skyhook_button_cmp.skyhook_container_cmp.skyhook_base_container:after{
	display: none;
}
.skyhook_button_cmp.skyhook_container_cmp.skyhook_base_container:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px dashed rgba(180, 228, 255, 0.75);
	pointer-events: none;
	z-index: 999999;
	box-sizing: border-box;
}
.skyhook_button_cmp.skyhook_container_cmp.skyhook_base_container {
	overflow: visible !important;
	border: 0;
	border-radius: 0px;
	line-height: 33px;
	position: absolute;
	width: 200px;
	height: 135px;	
	background: #fff;
}
 .skyhook_button_cmp.skyhook_ios_btn{
	box-shadow: none;
	background: #f6f5f1;
	border: 1px solid #007aff;
	font-weight: normal;
	color: #007aff;
	border-radius: 6px;
	box-shadow: 0 0 0 #000;
}

body.preview_mode .editable_text{
	cursor: default;
}

.skyhook_button_cmp.skyhook_base_container  > .cmp_content{
	padding: 0;
}
.skyhook_button_cmp > .cmp_content{
	width: 100%;
	height: auto;
	padding: 0 10px;
}

.skyhook_button_cmp.skyhook_base_container > .cmp_content {
	display: block;
	position: relative;
	height: 100%;
}
.skyhook_button_cmp{	
	text-align: center !important;
	min-width: 5px;
	min-height: 5px;
	position: absolute;
	width: 100px;
	height: 35px;
	
	display: -webkit-flex ;
	display: flex ;
	flex-direction: row ;
	align-content: center ;
	align-items: center ;
	-webkit-flex-direction: row ;
	-webkit-align-content: center ;
	-webkit-align-items: center ;
	
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	background: #ebecf2;
	
	font-size: 13px; 
	font-weight: normal;
	border-radius: 4px;
	
	color: #333;
	
	cursor: move;
}

.preview_mode .skyhook_button_cmp.toggle .editable_text{
	cursor: pointer;
}
.skyhook_button_cmp.checked .cmp_content{
	position: relative;
	left: 1px;
	top: 1px;
}
.skyhook_button_cmp.checked {
	box-shadow: inset 3px 3px 6px rgba(0,0,0,0.5);
	background: #cac9ce;
}

.preview_mode .skyhook_button_cmp.skyhook_base_container .linkable.linked{
	pointer-events: all !important;
}
.preview_mode .skyhook_button_cmp.skyhook_base_container .linkable.linked.hide_cmp_and_sub_cmps{
	pointer-events: none !important;
}

.preview_mode .skyhook_button_cmp.skyhook_base_container .two_state,
.preview_mode .skyhook_button_cmp.skyhook_base_container .skyhook_ios_tableview_cmp ,
.preview_mode .skyhook_button_cmp.skyhook_base_container .skyhook_ios_tableview_cmp *,
.preview_mode .skyhook_button_cmp.skyhook_base_container .skyhook_ios_carousel_cmp,
.preview_mode .skyhook_button_cmp.skyhook_base_container .skyhook_combo{
	pointer-events: all !important;
}
.preview_mode .skyhook_button_cmp.skyhook_base_container .skyhook_ios_tableview_cmp .back_button_nodelete .editable_text{
	pointer-events: none !important;
}
.preview_mode .skyhook_button_cmp.skyhook_base_container *{
}
.preview_mode .skyhook_button_cmp.skyhook_base_container.scroll_x *,
.preview_mode .skyhook_button_cmp.skyhook_base_container.scroll_y *{
	pointer-events: all;
}
 .skyhook_textfield_container.skyhook_textfield_container   > .cmp_container_content > input{
	background-color: transparent;
}

.skyhook_textfield_container.skyhook_textfield_container   > .cmp_container_content{
	background-color: transparent;
}

.skyhook_textfield_container  > .cmp_container_content{	
	height: 100%;
	overflow: visible;
	background-color: #fff;
	position: relative;
}

.skyhook_textfield_container{	
	width: 200px;
	height: 350px;
	cursor: move;
	font-size: 12px;			
	font-weight: normal;
	color: #333;
	border-radius: 4px;
	border: 1px solid #ced4da;
	
	background-color: #fff;	
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
} .cmp_container_content.hover:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 255, 0, 0.5);
	pointer-events: none;
	z-index: 999999;
}

.skyhook_container_cmp  > .cmp_container_content{	
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.skyhook_container_cmp{	
	background-origin: border-box;
	width: 200px;
	height: 200px;	
	font-size: 12px;			
	color: #333;
}

/*
.skyhook_container_cmp.skyhook_mask > .cmp_container_content::before{display: none;}
.skyhook_container_cmp.skyhook_group  > .cmp_container_content::before{display: none;}
.skyhook_container_cmp > .cmp_container_content::before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	background-color: #fff;
	background-position: bottom;
	background-repeat: repeat-x;
	background-origin: border-box;
	border-style: solid;
}
.style_line .skyhook_container_cmp.ios_carousel_panel_content > .cmp_container_content::before{
	border: none;
}

.style_line .skyhook_container_cmp.ios_pages_container_content > .cmp_container_content::before,
.style_line .skyhook_container_cmp.ios_card_container_content > .cmp_container_content::before {
	border: none;
}
.style_line .skyhook_container_cmp > .cmp_container_content::before {
	font-family: Arial;
	border: 2px solid #222;
	border-radius: 2px;	
}*/ .skyhook_cmp.skyhook_hotspot.linkable.linked:after{
	top: -1px;
	right: -1px;
}
.skyhook_cmp.skyhook_hotspot{
	border: 1px dashed #12CE0A;
	border-radius: 5px;
} .skyhook_label_cmp .cmp_content{
	width: auto;
	float: left;
	position: static;
}

.skyhook_label_cmp{
	font-size: 14px;	
	border: 0;
	cursor: move;
	padding: 10px;
}

.cmp_underline .editable_text{
	text-decoration: underline;
}

/* Line Style */
 .rte_img_settings .img_size.btn div{
	background-image: url(/includes/img/wireframe/icons/resize_img.png);
	background-position: 0 4px;
	cursor: pointer;
}

img[align="left"] {
	margin-right: 3px;
}
img[align="right"] {
	margin-left: 3px;
}

.rte_img_settings{
	position: absolute !important;
	width: 100%;
	z-index: 11000;
	left: 5px;
    top: 5px;
}

.skyhook_rte_cmp
	h1,h2,h3,h4,h5,h6,p,ul,ol
{
	margin-top: 0;
	margin-bottom: 0;
}

.skyhook_rte_cmp, .skyhook_tableview_rte_cmp{
	background-color: transparent;
	font-size: 12px;
	border: 0;
}

body:not(.preview_mode) .skyhook_rte_cmp{
	cursor: move;
}
.skyhook_rte_cmp{
	text-align: left;
	line-height: 18px;
	overflow-y: auto;	
	overflow-x: hidden;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

.cmp_rte_content{
	outline:none;
}
 .skyhook_ios_card_container  > .nested_cmp_content{
	position: relative;
	height: 100%;
}
.ios_card_container_content{
	z-index: 1;
	left: 0;
	top: 0;
	border-width: 0 !important; 
	border-image: none !important; 
	-webkit-border-image: none !important; 
	-moz-border-image: none !important;
	display: none;
}
.ios_card_container_content.active{
	z-index: 999;
	display: block;
}
.skyhook_ios_card_container {
	background: #fff;
}

.delete_card_container_page > div{
	background: url("/includes/img/wireframe/icons/x.png") no-repeat 0 1px;
} .skyhook_button_bar_cmp .cmp_content.horizontal ul,
.skyhook_ios_button_bar_cmp .cmp_content.horizontal ul
{-webkit-box-orient: horizontal;}
.skyhook_ios_button_bar_cmp .cmp_content ul,
.skyhook_button_bar_cmp .cmp_content ul
{-webkit-box-orient: vertical;}

.skyhook_button_bar_cmp ul, 
.skyhook_ios_button_bar_cmp ul, 
.skyhook_breadcrumbs_cmp ul{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	width: 100%;
	height: 100%;
}

.skyhook_button_bar_cmp .cmp_content.horizontal li{
}

.skyhook_ios_button_bar_cmp li,
.skyhook_button_bar_cmp li{
	-ms-box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;	
}

.skyhook_ios_button_bar_cmp .button_bar_item > .editable_text,
.skyhook_button_bar_cmp .button_bar_item > .editable_text{
	width: 100%;
}
.skyhook_ios_button_bar_cmp .button_bar_item,
.skyhook_button_bar_cmp .button_bar_item{
	flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	height: 100%;
	align-items: center;
}

.skyhook_ios_button_bar_cmp .cmp_content,
.skyhook_button_bar_cmp .cmp_content{	
	width: 100%;
}

.skyhook_button_bar_cmp li:first-child{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}	
.skyhook_button_bar_cmp li:only-child{
	border-radius: 4px;
	border: 1px solid #d9d9d9;
}
.skyhook_button_bar_cmp li:last-child{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-right: 1px solid #d9d9d9;
}	
.skyhook_button_bar_cmp li{	
	color: #333;
	font-size: 12px; 
	font-weight: normal;
	background-color: #ebecf2;
	border-left: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}
.skyhook_button_bar_cmp{
	text-align: center !important;
	min-width: 50px;
	min-height: 20px;
	position: absolute;
	width: 100px;
	height: 35px;
	line-height: 33px;	
	cursor: move;	
}
 .skyhook_youtube_cmp:not(.video_added) .ui:before{
	content: 'Click the "Add Video URL" button to link a YouTube video.';
    background: #fae6aa;
    padding: 15px;
    border-radius: 7px;
    margin-top: 10px;
    color: #00003c;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
    font-size: 10px;
    top: 10px;
}
.skyhook_youtube_cmp.video_added .ui:before{
	content: 'YouTube URL added. Turn on Slideshow to view video. ';
    background-color: #44cd47;
    padding: 15px 15px 114px;
    border-radius: 7px;
    margin-top: 10px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
    font-size: 10px;
    top: 10px;
    background-repeat: no-repeat;
    background-image: url(/includes/img/wireframe/slideshow.png?v=5);
    background-size: 119px;
    background-position: 50% 35px;
    font-weight: bold;
}
.yt_play_pause_control{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	cursor: pointer;
}
.skyhook_youtube_cmp .ui{
	display: none;	
}
.skyhook_youtube_cmp.placeholder .ui .vid_nav .play_pause{
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 100%;
	background-color: #E0E0E0;
	background-image: url(/includes/img/wireframe/icons/svg/arrows/triangle-small-4-01.svg);
	background-repeat: no-repeat;
	background-size: 65%;
	background-position: 50% 50%;
}
.skyhook_youtube_cmp.placeholder .ui .vid_nav{
	height: 30px;
	background-color: #F9F9F9;
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px solid rgb(226, 226, 226);
}

.skyhook_youtube_cmp.placeholder .ui{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.skyhook_youtube_cmp.placeholder{
	background: #ffffff;
	border: 1px solid rgb(226, 226, 226);
	overflow: hidden;
}
.yt_add_video_url{
	position: absolute;
    background: blue;
    padding: 5px 15px;
    color: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: fit-content;
    border-radius: 20px;
    cursor: pointer;
    bottom: 50px;
    font-size: 12px;
    font-weight: bold;
}
.video_added .yt_gen_ques{
	display: block;
}
.preview_mode .yt_gen_ques,
.preview_mode .yt_add_video_url{
	display: none;
}
.yt_gen_ques{
	display: none;
	position: absolute;
    background: blue;
    padding: 5px 15px;
    color: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: fit-content;
    border-radius: 20px;
    cursor: pointer;
    bottom: -26px;
    font-size: 12px;
    font-weight: bold;
	z-index: 999;
} .skyhook_hamburger.bold .hamburger_layer{
	height: 4px;
	margin: 1px 0;

}
.skyhook_hamburger .hamburger_layer{
	background-color: #000;
	border-radius: 20px;
	height: 2px;
	width: 100%;
	margin: 2px 0;
}
.skyhook_hamburger .flex{
	width: 55%;
	box-sizing: border-box;
	
	display: flex;
	display: -moz-flex;
	display: -webkit-flex;
	
	flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
}
.skyhook_hamburger{
	background-color: #ebecf2;
	border: 2px solid #000000;
	border-radius: 4px;	
	
	
	display: flex;
	display: -moz-flex;
	display: -webkit-flex;
	
	flex-direction: row;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
} .skyhook_tree_cmp .greenGood > .sub_page_name{
	font-weight: bold !important;
}


.skyhook_tree_cmp .sub_page  > .sub_page {
	padding: 0 0 0 20px;	
}
.skyhook_tree_cmp .root_page .sub_page_name {
	background-color: #fff;
}
.skyhook_tree_cmp .root_page .sub_page{
	background-repeat: repeat-y;
	border: none !important;
}
.skyhook_tree_cmp .root_page > .sub_page  > .sub_page_name{
	padding: 0 3px 0 3px;
}

.skyhook_tree_cmp .page{
	padding: 0;
}

body:not(.preview_mode) .skyhook_tree_cmp .tree_cmp_contents .sub_page_name, 
body:not(.preview_mode) .skyhook_tree_cmp .tree_cmp_contents .sub_page{
	cursor: move !important;
}

.skyhook_tree_cmp .root_page_label{
	display: none;
}

.skyhook_tree_cmp .sub_page_name:active{
	background-color: transparent !important;
}

.skyhook_tree_cmp .root_page .page{
	margin: 0;
}

.skyhook_tree_cmp .sub_page{
	line-height: 25px;
}

.skyhook_tree_cmp .sub_page_name{
	padding: 0 3px;
}


.skyhook_tree_cmp .root_page_name, .skyhook_tree_cmp .root_page{
	padding: 0;
	margin: 0;
}



.active + .lock_page{
	opacity: 1 !important;
}



.skyhook_tree_cmp{
	font-size: 12px;
	text-align: left;	
	border: 0;
}

.skyhook_tree_cmp .sub_page{
	background-image: none;
}


/* Line Style */
.style_line .skyhook_tree_cmp{font-size: 12px; font-family: Arial; background: #fff;}



#project_pages_panel .root_page > div,
.skyhook_tree_cmp .root_page > div{
	background-image: url(/includes/img/wireframe/elbow2.png);
	background-position: 8px -1px;
	background-repeat: no-repeat;
}
#project_pages_panel .root_page > div:last-child,
.skyhook_tree_cmp .root_page > div:last-child{
	background-image: url(/includes/img/wireframe/elbow2.png);
	background-position: 8px -1px;
	background-repeat: no-repeat;
}
#project_pages_panel .root_page_label + .sub_page {
	padding: 5px 0 0 20px;
}

#project_pages_panel .root_page > div + .sub_page + .sub_page > .lock_page{
	top: 0;
}
#project_pages_panel .root_page > div + .sub_page > .lock_page{
	top: 5px;
}
#project_pages_panel .root_page > div,
.skyhook_tree_cmp .root_page > div{
	margin: 0;
	padding: 0 0 0 20px;
	background-image: url(/includes/img/wireframe/dash-t.png);
	background-repeat: repeat-y;
	background-position: 8px 0;
}
#project_pages_panel .sub_page  > .sub_page:last-child ,
.skyhook_tree_cmp .sub_page  > .sub_page:last-child {
	background-image: url(/includes/img/wireframe/elbow2.png);
	background-position: 7px -1px;
}
#project_pages_panel .sub_page  > .sub_page ,
.skyhook_tree_cmp .sub_page  > .sub_page {
	background-image: url(/includes/img/wireframe/dash-t.png);
	background-position: 7px -1px;
}



#floating_pages_panel .root_page > div{
	background-image: url(/includes/img/wireframe/f_elbow2.png);
	background-position: right 6px top 0px;
	background-repeat: no-repeat;
}
#floating_pages_panel .root_page > div:last-child{
	background-image: url(/includes/img/wireframe/f_elbow2.png);
	background-position: right 13px top 0px;
	background-repeat: no-repeat;
}
#floating_pages_panel .root_page_label + .sub_page {
	padding: 5px 25px 0 20px;
}


#floating_pages_panel .root_page > div{
	margin: 0;
	padding: 0 25px 0 20px;
	background-image: url(/includes/img/wireframe/f_dash-t.png);
	background-repeat: repeat-y;
	background-position: right 13px top 4px;
}
#floating_pages_panel .sub_page  > .sub_page:last-child {
	background-image: url(/includes/img/wireframe/f_elbow2.png);
	background-position: right 6px top 0px;
}
#floating_pages_panel .sub_page  > .sub_page {
	background-image: url(/includes/img/wireframe/f_dash-t.png);
	background-position: right 6px top 0px;
}




 .skyhook_breadcrumbs_cmp{
	font-size: 14px;
	position: absolute;
	width: 300px;
	height: 40px;
	line-height: 40px;
	cursor: move;
	min-width: 50px;
	min-height: 20px;
	border: 0;
	background: #ebecf2;
	border-radius: 4px;
	padding: 0 15px;
}

.skyhook_breadcrumbs_cmp .cmp_content{
	width: 100%;
}



.skyhook_breadcrumbs_cmp .button_bar_item{
	color: #007bff;	
	margin-right: 0;
	padding-right: 25px

}


.skyhook_breadcrumbs_cmp.navbar .button_bar_item:after{
	content: '';
}
.skyhook_breadcrumbs_cmp .button_bar_item:after{
	content: '/';
	display: inline-block;
	position: absolute;
	top: 0;
	right: 5px;
}

.skyhook_breadcrumbs_cmp .button_bar_item:last-child:after{
	content: '';
}

.skyhook_breadcrumbs_cmp .button_bar_item:last-child{
	color: #6c757d;
}
.skyhook_breadcrumbs_cmp.navbar .button_bar_item:last-child{
	color: #007bff;
}
 .skyhook_fieldset{
	border: 1px solid #000;
	border-radius: 8px;
	background-color: #fff;
}
.skyhook_fieldset > .legend{
	position: absolute;
	left: 10px;
	top: 0;
	line-height: 23px;	
	height: 25px;
	padding: 0 5px;
	border: 2px solid #222;
	border-radius: 4px;
	background-color: #222;
	color: #fff;
}
.skyhook_fieldset > .cmp_container_content{
	
} .skyhook_window_cmp > .nested_cmp_content{
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.skyhook_window_cmp .window_cmp_header > .cmp_content{
	position: relative;
}
.skyhook_window_cmp .window_cmp_header{
	height: 30px;
	line-height: 30px;
	position: relative;
}
.skyhook_window_cmp .window_cmp_body > .cmp_content{
	position: relative;
	height: auto;
	-webkit-flex: 1;
	flex: 1;
}
.skyhook_window_cmp .window_cmp_body{
	position: relative;
	display: flex;
	display: -webkit-flex;
	-webkit-flex: 1;
	flex: 1;
	border-width: 0 1px;
	border-style: solid;
	border-color: #d9d9d9;
}

.skyhook_window_cmp .window_cmp_footer > .cmp_content{
	position: relative;
}
.skyhook_window_cmp .window_cmp_footer{
	height: 46px;
	position: relative;
}

.skyhook_window_cmp .window_element{
	width: 100%;	
}

.skyhook_window_cmp .window_cmp_footer > .cmp_content, .inline_editor_overlay .window_cmp_footer > .cmp_content{
	background-color: transparent;
}

.skyhook_window_cmp .window_cmp_header > .cmp_content, .inline_editor_overlay .window_cmp_header > .cmp_content{
	background-color: transparent;
}

.skyhook_window_cmp{
	border-width: 0;
	-webkit-border-image: none;
	-moz-border-image: none;
	border-image: none;
	background-color: transparent;
	
}

/*  LINE  */
.skyhook_window_cmp.skyhook_movable > .window_content_container > .window_cmp_header > .cmp_container_content{
	cursor: move;
}

.style_line .window_controls{
	z-index: 1; 
	top:7px; 
	right:7px; 
	height: 16px; 
	width: 50px; 
	background-image: url(/includes/img/wireframe/window_controls2.png);
}

.style_line .inline_editor_overlay > .skyhook_window_cmp.skyhook_modal.animate:before{
	left: -50px;
	top: -50px;
	border-bottom-width: 100px;
	border-right-width: 100px;
}

.style_line .inline_editor_overlay > .skyhook_window_cmp.skyhook_modal:before{
	left: 0;
	top: 0;
	border-bottom-width: 0;
	border-right-width: 0;	
}

.style_line .skyhook_window_cmp.skyhook_modal.hide_cmp_and_sub_cmps:before{
	pointer-events: none !important;	
}

.style_line .skyhook_window_cmp.skyhook_modal:before{
	content: '';
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	z-index: -1 !important;
	pointer-events: none;
	
	left: -50px;
	top: -50px;
		
	border-bottom: 100px solid transparent;
	border-right: 100px solid transparent;
	
	width: 100%;
	height: 100%;
	
	transition: left 0.3s, top 0.3s, border-bottom-width 0.3s, border-right-width 0.3s;
	-moz-transition: left 0.3s, top 0.3s, border-bottom-width 0.3s, border-right-width 0.3s;
	-webkit-transition: left 0.3s, top 0.3s, border-bottom-width 0.3s, border-right-width 0.3s;	

	background-image: url(/includes/img/wireframe/modal_icon1.png), url(/includes/img/wireframe/modal_icon2.png), url(/includes/img/wireframe/modal_icon3.png), url(/includes/img/wireframe/modal_icon4.png);
	background-position: top left, top right -100px, bottom -100px right -100px, bottom -100px left;
	background-repeat: no-repeat;	
}

.preview_mode .skyhook_window_cmp.skyhook_modal:before{
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 10000%;
	height: 10000%;
	pointer-events: all;
	background-image: none;
}
.preview_mode #layout_origin > .skyhook_window_cmp.animated.skyhook_modal:before{
	pointer-events: inherit;
}

.preview_mode #layout_origin > .skyhook_window_cmp.skyhook_modal:before{
	position: fixed !important;
	left: -0;
	top: -0;
	height: 100%;
	width: 100%;
	pointer-events: all;
}

.style_line .skyhook_window_cmp{
	border-radius: 4px;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
}

.style_line .skyhook_window_cmp .window_cmp_footer > .cmp_container_content{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #d9d9d9;
	border-radius: 0 0 4px 4px;
	background: #f6f6f9; 
}

.style_line .skyhook_window_cmp .window_cmp_body > .cmp_container_content{
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	border-width: 0 1px 0 1px;
	border-color: #d9d9d9;
	background-color: #fff;
	border-radius: 0;
}

.style_line .skyhook_container_cmp.window_cmp_header > .cmp_container_content{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	
	background-color: #f6f6f9;
	border-style: solid;
	border-width: 1px;
	border-color: #d9d9d9;
	border-radius: 4px 4px 0 0;
}
 body:not(.preview_mode) .skyhook_radio_cmp, 
body:not(.preview_mode) .skyhook_check_cmp{
	cursor: move;	
}
.skyhook_radio_cmp, .skyhook_check_cmp{
	text-align: left;
	font-size: 12px;
	width: auto;
	white-space: nowrap;
	border: 0;
}

.inline_editor_overlay .skyhook_radio_cmp li{cursor: move;}
.preview_mode .skyhook_check_cmp li,
.preview_mode .skyhook_radio_cmp li,
.preview_mode .skyhook_radio_cmp li .editable_text,
.preview_mode .skyhook_check_cmp li .editable_text
{cursor: pointer;}


.skyhook_radio_cmp{border: 0; padding: 6px 6px 6px 22px;}
.skyhook_radio_cmp.checked{background: url("/includes/img/check_radio.png") no-repeat left center !important;}
.skyhook_radio_cmp{background: url("/includes/img/un_check.png") no-repeat left center !important;}


/* Sketch Style */
.style_sketch .skyhook_radio_cmp, .style_sketch .skyhook_check_cmp{font-family: 'Gloria Hallelujah', cursive;}

/* Line Style */
.style_line .skyhook_radio_cmp, .style_line .skyhook_check_cmp{font-size: 13px; }
 .preview_mode .disabled_cmp{
	pointer-events: none;
	opacity: 0.5;
}
.inline_editor_overlay  > .disabled_cmp,
#tmp_cmp_container > .disabled_cmp{
	opacity: 1;
}
.preview_mode .ignored_cmp{
	pointer-events: none !important;
}
.disabled_cmp{
	opacity: 0.5 !important;
}

.skyhook_accordion_cmp, .skyhook_accordion_h_cmp  {
	box-shadow: 0 0 0 #000;
}

.active .accordion_cmp_panel::before{
	background-color: #fff;
}

.inline_editor_overlay > .accordion_cmp_panel::before{
	background-color: #fff !important;
}

/* LINE */


.vertical .accordion_content_container > .accordion_body.active > .accordion_cmp_header,
.vertical .accordion_content_container > .accordion_body.short:last-child > .accordion_cmp_header{
	border-width: 1px;	
}
.vertical .accordion_content_container > .accordion_body > .accordion_cmp_header{
	border-width: 1px 1px 0 1px;
}
.skyhook_accordion_cmp.header_left > .accordion_content_container > .accordion_body > .accordion_cmp_header {
	text-align: left;
	padding: 0 15px;
}
.skyhook_accordion_cmp.header_right > .accordion_content_container > .accordion_body > .accordion_cmp_header {
	text-align: right;
	padding: 0 32px;
}
.accordion_cmp_header{
	font-size: 13px;
	font-family: Arial;
	height: 34px;	
	line-height: 32px;	
	text-align: center;
	position: relative;
	
	border-style: solid;
	border-color: #d9d9d9;	
	
	background: #ebecf2;
}

.vertical .accordion_content_container > .accordion_body:last-child .accordion_cmp_panel::before{
	border-width: 0 1px 1px 1px;
}
.vertical .accordion_content_container > .accordion_body.active:last-child > .accordion_cmp_panel{
	border-right: 1px solid #d9d9d9;
}
.vertical .accordion_cmp_panel{
	border-width: 0 1px;
}
.skyhook_accordion_cmp  .accordion_content_container > .accordion_body.active:last-child> .accordion_cmp_panel{
	border-bottom: 1px solid #d9d9d9;
}
.skyhook_accordion_h_cmp  .accordion_h_content_container > .accordion_h_body.active:last-child> .accordion_cmp_panel{
	border-right: 1px solid #d9d9d9;
}

.skyhook_accordion_h_cmp .accordion_h_content_container > .accordion_h_body > .accordion_cmp_panel > .cmp_content{
	display: none;
}
.skyhook_accordion_h_cmp .accordion_h_content_container > .accordion_h_body.active > .accordion_cmp_panel > .cmp_content{
	display: block;
}
.skyhook_accordion_h_cmp .accordion_h_content_container > .accordion_h_body.active:first-child > .accordion_cmp_panel{
	border-width: 1px 0 1px 1px;	
}
.skyhook_accordion_h_cmp .accordion_h_content_container > .accordion_h_body.active:last-child > .accordion_cmp_panel{
	border-width: 1px 1px 1px 0px;	
}
.skyhook_accordion_h_cmp .accordion_h_content_container > .accordion_h_body.active > .accordion_cmp_panel{
	border-width: 1px 0 1px 0;
	border-color: #d9d9d9;
	background: #fff;
	width: 100%;
	display: block;
	position: absolute;
}
.skyhook_accordion_h_cmp .accordion_h_content_container > .accordion_h_body.short > .accordion_cmp_panel{
	cursor: pointer;
	border: none;
}
.skyhook_accordion_h_cmp .accordion_h_content_container > .accordion_h_body > .accordion_cmp_panel{	
	height: 100%;
	background: #ebecf2;
}

.accordion_cmp_panel{
	border-style: solid;
	border-color: #d9d9d9;	
	background-color: #fff;	
}

 #tabs_resize_helper{
	position: fixed;
	display: none;
	background-color: #0081cb;
	width: 3px;
	z-index: 9999999999;
	cursor: w-resize;
}

/*** VERT TABS  ***/
	.vert > .mockup_tab_container{
		left: -60px;
		top: 0;
		width: 62px;
	}
	.vert > .mockup_tab_container > .mockup_tab{
		width: 100%;
		height: 38px;
		line-height: 38px;
		text-align: center;
		
		border-top-width: 2px;
		border-left-width: 2px;
		border-right-width: 0;		
		border-bottom-width: 0;	
	}
	.vert > .mockup_tab_container > .mockup_tab:last-child{
		border-bottom-width: 1px;
	}

/*** TABS  ***/
	.horizontal > .mockup_tab_container > .mockup_tab{
		float: left;
		cursor: pointer;
		height: 32px;
		
		background-position: bottom;
		background-repeat: repeat-x;
		background-origin: border-box;
		
		font-size: 14px;
		top: 7px;
		left: 6px;
	}
	.preview_mode .mockup_tab .editable_text{
		pointer-events: none;
	}
	.horizontal > .mockup_tab_container > .mockup_tab .editable_text{
		padding: 0 15px;
		width: 100%;
		height: 100%;
		line-height: 32px;
		position: relative;
	}

	
	/* Line Style */
	.style_line .horizontal > .mockup_tab_container > .mockup_tab{
		border: 0;
		color: #fff;
	}
	.style_line .mockup_tab_container > .mockup_tab,
	.style_line .mockup_tab_container > .mockup_tab.active{
		font-weight: normal;
	}
	.tabs_s > .mockup_tab_container > .mockup_tab{ font-size: 12px !important;	}
	.tabs_m > .mockup_tab_container > .mockup_tab{ font-size: 15px !important;	}
	.tabs_l > .mockup_tab_container > .mockup_tab{ font-size: 18px !important;	}
	.tabs_xl > .mockup_tab_container > .mockup_tab{ font-size: 22px !important;	}
	
	.tabs_s:not(.vert) > .mockup_tab_container { top: -29px !important;	}
	.tabs_m:not(.vert) > .mockup_tab_container { top: -36px !important;	}
	.tabs_l:not(.vert) > .mockup_tab_container { top: -40px !important;	}
	.tabs_xl:not(.vert) > .mockup_tab_container { top: -44px !important;	}
	
	.horizontal.tabs_s > .mockup_tab_container > .mockup_tab{height: 29px;	}
	.horizontal.tabs_m > .mockup_tab_container > .mockup_tab{height: 36px;	}
	.horizontal.tabs_l > .mockup_tab_container > .mockup_tab{height: 40px;	}
	.horizontal.tabs_xl > .mockup_tab_container > .mockup_tab{height: 44px;	}
	
	.horizontal.tabs_s > .mockup_tab_container > .mockup_tab .editable_text{line-height: 29px; padding: 0 15px;}
	.horizontal.tabs_m > .mockup_tab_container > .mockup_tab .editable_text{line-height: 36px; padding: 0 20px;}
	.horizontal.tabs_l > .mockup_tab_container > .mockup_tab .editable_text{line-height: 40px; padding: 0 25px;}
	.horizontal.tabs_xl > .mockup_tab_container > .mockup_tab .editable_text{line-height: 44px; padding: 0 30px;}
	
	.style_line .mockup_tab_container > .mockup_tab{
		font-size: 12px;	
		border-color: #d9d9d9;
		border-style: solid;
		box-shadow: 0 0 0 #000;
		background: transparent;
		color: #222;
	}
	.style_line .horizontal > .mockup_tab_container > .mockup_tab.active{	
		background: #fff;
		color: #222;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	.style_line .mockup_tab:first-child{
		/*border-top-left-radius: 5px;*/
	}
	.style_line .mockup_tab:last-child{
		/*border-top-right-radius: 5px;*/
		
	}
	
	
/*** END TABS  ***/


	
/*** END CONTAINER ***/ .skyhook_combo .sel_val{
	padding-left: 8px;
	color: #fff;
}

.skyhook_combo .trigger svg *{
	stroke: #fff;
}

.skyhook_combo .cmp_content{
	overflow: hidden;
	white-space: nowrap;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	-webkit-flex-direction: row;
	-webkit-align-items: center;
	-moz-flex-direction: row;
	-moz-align-items: center;
}

.skyhook_combo{
	border-radius: 4px 0 0 4px;
	border: 1px solid #d9d9d9;	
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background-color: #EBECF2;	
}

.skyhook_combo_list.values{
	box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
	border-radius: 4px;
	z-index: 999999999;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	background-color: #EBECF2;
	border-radius: 4px 0 4px 4px;
	position: absolute;
}
.skyhook_combo_list.values.show_sublist{
	visibility: visible;
	pointer-events: all;	
}
.inline_editor_overlay .skyhook_combo_list.values{
	pointer-events: all;
}
.skyhook_combo_list.values{
}
.skyhook_combo .sel_val{
	width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.skyhook_combo .trigger{	
	border-style: solid;
	background-color: #d6d7dd;	
	background-image: url(/includes/img/wireframe/combo_chevron.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;		
	border-style: solid;
	border-color: #d9d9d9;
	border-width: 0 0 0 1px;
}

.skyhook_combo, .skyhook_combo_list{
	font-size: 13px;	
	line-height: 26px;
	text-align: left;
	font-weight: normal;
	position:absolute;
	left: 0;
	top: calc(100% + 3px);
}
 .skyhook_rectangle{
	border-radius: 4px;
	background: #ebecf2;
	border: 2px solid #000;
}

.skyhook_ellipse{
	border-radius: 50%;
	background: #ebecf2;
	border: 2px solid #000;
}

.skyhook_vline table,
.skyhook_hline table{
	width: 100%;
	height: 100%;
}
.skyhook_vline .line,
.skyhook_hline .line{	
	display: inline-block;
}
.skyhook_hline .line{
	border-top: 2px solid #000;
	width: 100%;
}
.skyhook_vline .line{
	border-left: 2px solid #000;
	height: 100%;
}

.resizing_cmp .selected.skyhook_chart{
	background: url("/includes/img/wireframe/icons/graph_reload.png") no-repeat 50% 50%;
}
.resizing_cmp .selected.skyhook_chart > *{
	display: none;
} .skyhook_table .checkbx.checked{
	background: url("/includes/img/wireframe/check.svg") no-repeat 50% 50%;
}
.skyhook_table .checkbx{
	cursor: pointer;
	height: 20px;
	background: url("/includes/img/wireframe/uncheck.svg") no-repeat 50% 50%;
	background-size: 20px;
}
.skyhook_table .editable_text{
	font-size: 13px !important;	
}

.skyhook_table {
	background-color: #fff;
}

.skyhook_table .skyhook_th{
	font-weight: bold;	
}

.skyhook_table tr:nth-child(odd) {
   background-color: #ebecf2;
}

.skyhook_table .cell_content_wrap{
	position: relative;
}

.context_make_header{ background-image: url(/includes/img/wireframe/icons/h1.png); background-position: 7px 7px;}
.context_make_header.checked{ background: url(/includes/img/wireframe/icons/h1.png) 7px 7px no-repeat, url(/includes/img/wireframe/icons/tick.png) 95% 9px no-repeat; background-color: #d8d7d7}
.context_make_header.checked:hover{ background: url(/includes/img/wireframe/icons/h1.png) 7px 7px no-repeat, url(/includes/img/wireframe/icons/tick.png) 95% 9px no-repeat; background-color: #cdcbcb}
.context_delete_column{ background-image: url(/includes/img/wireframe/icons/col.png); background-position: 6px 9px;}
.context_delete_row{ background-image: url(/includes/img/wireframe/icons/row.png); background-position: 6px 9px;}
.context_text_col{ background-image: url(/includes/img/wireframe/icons/text.png); background-position: 7px 8px;}
.context_checkbox_col{ background-image: url(/includes/img/wireframe/icons/tick_box.png); background-position: 9px 9px;}
.context_checkbox_col.checked{ background: url(/includes/img/wireframe/icons/tick_box.png) 9px 9px no-repeat, url(/includes/img/wireframe/icons/tick.png) 95% 9px no-repeat; background-color: #d8d7d7}
.context_checkbox_col.checked:hover{ background: url(/includes/img/wireframe/icons/tick_box.png) 9px 9px no-repeat, url(/includes/img/wireframe/icons/tick.png) 95% 9px no-repeat; background-color: #cdcbcb}

/* LINE */
.style_line .skyhook_table td{
	border-style: solid;
}

.style_line .skyhook_table td{
	border-color: #dfe1e2;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-width: 0;
	border-right-width: 0;
	padding: 2px;	
	margin: 0;
	text-align: center;
}

/* SKETCH */
.style_sketch  .skyhook_table td{
	font-family: 'Gloria Hallelujah', cursive;		
	-moz-border-image: url(/includes/img/wireframe/sketch_square.png) 8 8 8 8 repeat;		
	border-image: url(/includes/img/wireframe/sketch_square.png) 8 8 8 8 repeat;
	border-bottom-width: 4px;
	border-left-width: 0;
	border-top-width: 0;
	border-right-width: 0;
	padding: 2px;	
	margin: 0;
	text-align: center;
} #popup_menu_editor .sub_page_name.active{
	background: transparent !important;
}

#popup_menu_editor.hidden{
	left: -999px;
}
#popup_menu_editor{
	position: absolute;
	padding: 4px;
	border-radius: 5px;
	background-color: #fff;
	left: 20px;
	top: 20px;
	z-index: 9999;
	visibility: visible !important;
	border: 1px solid #4897eb;
}

.popup_submenu_items_container .sub_page{
	display: block;
	margin-left: 20px;
	padding-left: 5px;
	border-left: 1px solid #d9d9d9 !important;
	border-radius: 0;
	font-size: 14px;
	transform: translate(-1px, 0);
}

.skyhook_popupmenu_cmp .sub_page, 
.skyhook_popupmenu_cmp .sub_page *,
.popup_submenu_items_container,
.popup_submenu_items_container *{
	cursor: pointer !important;
}

.popup_submenu_items_container{
	display: block;
	z-index: 9999;
}
.popup_submenu_items_container.hidden{
	left: -999px;	
}
.popup_submenu_items_container{
	position: absolute;
	min-width: 80px;
	min-height: 20px;
	background-color: #ebecf2;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
	transform: translate(0, -1px);
}

.skyhook_popupmenu_cmp .sub_page_name,
.skyhook_popupmenu_cmp .sub_page_name.active,
.skyhook_popupmenu_cmp .sub_page_name:hover,
.popup_submenu_items_container .sub_page_name,
.popup_submenu_items_container .sub_page_name:hover
{
	background-color: transparent !important;
}

.skyhook_popupmenu_cmp {
	background-color: #ebecf2;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
	background: #fff;
	border: 1px solid #989898;
	line-height: 35px;
	height: 35px;
	width: 250px;
}
.tree_cmp_contents{
	font-size: 14px;
}
.skyhook_popupmenu_cmp{
	
}
.skyhook_popupmenu_cmp .sub_page,
.skyhook_popupmenu_cmp .root_page_name,
.skyhook_popupmenu_cmp .sub_page_name {
	border: 0 !important;
}

.popup_submenu_items_container .page{
	background-image: none;
}

.skyhook_popupmenu_cmp .root_page, 
.skyhook_popupmenu_cmp .page
{
	padding: 0;
	margin: 0;
	background-image: none;
}
.skyhook_popupmenu_cmp .root_page_label{
	display: none;
}

.skyhook_popupmenu_cmp .root_page > .sub_page:first-child{
	margin-left: 20px !important;
}
.skyhook_popupmenu_cmp .root_page > .sub_page{
	float: left;
	margin-right: 20px;
}

.skyhook_popupmenu_cmp .sub_page > .sub_page_name{
	padding: 0;
}
.skyhook_popupmenu_cmp .sub_page > .sub_page,
.popup_submenu_items_container .sub_page > .sub_page{
	display: none;
} .skyhook_cmp.skyhook_lnk_cmp{
	color: #007bff;
	cursor: pointer;
	padding: 10px;
} .skyhook_paging_toolbar_cmp .current_page{
	margin-right: 5px;
	min-width: 20px;
}
.skyhook_paging_toolbar_cmp .page_left, 
.skyhook_paging_toolbar_cmp .page_right, 
.skyhook_paging_toolbar_cmp .current_page{
	position: relative;
}

.skyhook_paging_toolbar_cmp .chev_left,
.skyhook_paging_toolbar_cmp .chev_right{
	width: 100%;
	height: 100%;
}

.skyhook_paging_toolbar_cmp .chev_left{
	width: 100%;
	height: 100%;
	background: url(/includes/img/wireframe/chevron_l.png) 50% 50% no-repeat;
	position: absolute;
}

.skyhook_paging_toolbar_cmp .chev_right{
	width: 100%;
	height: 100%;
	background: url(/includes/img/wireframe/chevron.png) 50% 50% no-repeat;
	position: absolute;
}

/*  LINE  */
.style_line .skyhook_paging_toolbar_cmp .page_left, 
.style_line .skyhook_paging_toolbar_cmp .page_right, 
.style_line .skyhook_paging_toolbar_cmp .current_page{
	border-radius: 4px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}

.style_line .skyhook_paging_toolbar_cmp *{
	font-size: 13px;
} 
.style_line .skyhook_paging_toolbar_cmp .page_left::before, 
.style_line .skyhook_paging_toolbar_cmp .page_right::before, 
.style_line .skyhook_paging_toolbar_cmp .current_page::before
{
	content: '';
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;	
	border: 1px solid #d9d9d9;
	border-style: solid;
	background-color: #ebecf2;
	border-radius: 4px;
}

/*  SKETCH  */
.style_sketch .skyhook_paging_toolbar_cmp .page_left::before{
	background: url(/includes/img/wireframe/chevron_left.png) 50% 50% no-repeat, url(/includes/img/wireframe/hatch.png) bottom repeat-x;	
}
.style_sketch .skyhook_paging_toolbar_cmp .page_right::before{
	background: url(/includes/img/wireframe/chevron_right.png) 50% 50% no-repeat, url(/includes/img/wireframe/hatch.png) bottom repeat-x;
}
 
.style_sketch .skyhook_paging_toolbar_cmp .page_left::before, 
.style_sketch .skyhook_paging_toolbar_cmp .page_right::before, 
.style_sketch .skyhook_paging_toolbar_cmp .total_pages::before
{
	content: '';
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	-moz-border-image: url(/includes/img/wireframe/sketch.png) 8 8 8 8 repeat;
	-webkit-border-image: url(/includes/img/wireframe/sketch.png) 8 8 8 8 repeat;
	border-image: url(/includes/img/wireframe/sketch.png) 8 8 8 8 repeat;	
	border-width: 5px;
	border-style: solid;
	background-color: #ebecf2;
} .skyhook_paging_toolbar_cmp{
	width: 120px;
	height: 35px; 
	line-height: 29px;
}

.skyhook_paging_toolbar_cmp .page_left, .skyhook_paging_toolbar_cmp .page_right{ 
	box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	min-width: 30px;	
	background-origin: border-box;
	border-width: 0;
}

.skyhook_paging_toolbar_cmp .out_of{
	box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
}

.skyhook_paging_toolbar_cmp .editable_text{
	box-flex: 3;
	-webkit-box-flex: 3;
	-moz-box-flex: 3;
	cursor: pointer;
	text-align: center;
}

.skyhook_paging_toolbar_cmp .total_pages{
	box-flex: 4;
	-webkit-box-flex: 4;
	-moz-box-flex: 4;
	text-align: center;
	border:none;
}

.skyhook_paging_toolbar_cmp .cmp_content{
	display: -webkit-box;
	display: -moz-box;
	display: box;
	
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;	
	box-orient: horizontal;	
	
}

.skyhook_paging_toolbar_cmp, .skyhook_paging_toolbar_cmp *{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	
	font-size: 12px;
}



 .preview_mode .skyhook_combo *, .preview_mode .skyhook_combo_list.values *{
	cursor: pointer !important;
}

.skyhook_combo .cmp_content{
	overflow: visible;
}
.skyhook_combo{
	 width: 190px; 
	 height: 35px;
	 overflow: visible;
}

.skyhook_combo .value{
	position: relative;;
}
.skyhook_combo .value.active .sel_this{
	
}
.skyhook_combo .delete_item{
	right: 20px;
}

.preview_mode .skyhook_combo .sel_this{
	display: none;
}

.skyhook_combo .sel_this{
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	width: 21px;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.inline_editor_overlay > .skyhook_combo_list.values{
	visibility: visible;
}

.skyhook_combo_list.values .value{
	padding-left: 8px;
	list-style-type: none;
	position: relative;
	cursor: pointer;
}

.skyhook_combo_list {
	display: none !important;
}

.skyhook_combo.show_sublist .skyhook_combo_list {
	display: block !important;
}

.skyhook_combo.show_sublist{
	z-index: 99999  !important;
}

.inline_editor_overlay > .skyhook_combo .skyhook_combo_list.values{
	visibility: visible !important;
	margin-right: 29px;
}

.skyhook_combo_list.values{
	visibility: visible;	
	line-height: 26px;	
	overflow: hidden;
	white-space: nowrap;
}

.skyhook_combo .trigger{
	width: 30px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.skyhook_combo{
	cursor: pointer;
} .skyhook_icon_cmp > .placeholder{
	position: absolute;
	width: 100%;
	height: 100%;	
	background-image: url('/includes/img/spinner.svg');
	background-size: 30% 30%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.skyhook_ios_check_cmp > svg,
.skyhook_icon_cmp > svg{
	width: 100%;
	height: 100%;
	display: block;
	pointer-events: none;
} .skyhook_image_cmp img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events:none;
}

.skyhook_image_cmp.placeholder{

}

.skyhook_image_cmp.placeholder .icon_overlay, .skyhook_image_cmp.loading .icon_overlay{
	display: block;
}

.skyhook_image_cmp.placeholder .icon_overlay{background-image: url(/includes/img/wireframe/icons/camera.svg);    background-size: 25px;    opacity: 0.3;}
.skyhook_image_cmp.loading .icon_overlay{background-image: none;}

.skyhook_image_cmp .icon_overlay{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;	
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.skyhook_image_cmp .skyhook_rte_img_settings{
	position: absolute;
	display: none;
}

.skyhook_image_cmp:hover .skyhook_rte_img_settings{
	display: block;
}
.skyhook_image_cmp.clipart_image:hover .skyhook_rte_img_settings{
	display: none;
}

#image_size_chooser2 > div{
	width: 100px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background-image: none;
}
#image_size_chooser2{
	left: 0;
	top: 26px;	
}

#image_size_chooser2 .img_size{
	position: relative;
}

.skyhook_ios_tableview .skyhook_image_cmp{border-width: 0;}

.skyhook_image_cmp{
	
} .device_stencil{
	background-repeat: no-repeat;
}

.device_stencil.iphone4.landscape{
	width: 744px;
	height: 380px;
	background-image: url("/includes/img/wireframe/devices/iphone4_landscape.png");	
}
.device_stencil.iphone4{
	width: 380px;
	height: 744px;
	background-image: url("/includes/img/wireframe/devices/iphone4.png");
}

.device_stencil.iphone5.landscape{
	width: 799px;
	height: 380px;
	background-image: url("/includes/img/wireframe/devices/iphone5_landscape.png");	
}
.device_stencil.iphone5{
	width: 380px;
	height: 799px;
	background-image: url("/includes/img/wireframe/devices/iphone5.png");
}

.device_stencil.iphone6.landscape{
	width: 893px;
	height: 440px;
	background-image: url("/includes/img/wireframe/devices/iphone6_landscape.png");	
}
.device_stencil.iphone6{
	width: 440px;
	height: 893px;
	background-image: url("/includes/img/wireframe/devices/iphone6.png");
}
.device_stencil.iphone6plus.landscape{
	width: 962px;
	height: 480px;
	background-image: url("/includes/img/wireframe/devices/iphone6plus_landscape.png");	
}
.device_stencil.iphone6plus{
	width: 480px;
	height: 962px;
	background-image: url("/includes/img/wireframe/devices/iphone6plus.png");
}
.device_stencil.nexus5.landscape{
	width: 797px;
	height: 404px;
	background-image: url("/includes/img/wireframe/devices/nexus5_landscape.png");	
}
.device_stencil.nexus5{
	width: 404px;
	height: 797px;
	background-image: url("/includes/img/wireframe/devices/nexus5.png");
}
.device_stencil.galaxys7.landscape{
	width: 793px;
	height: 397px;
	background-image: url("/includes/img/wireframe/devices/galaxys7_landscape.png");	
}
.device_stencil.galaxys7{
	width: 397px;
	height: 793px;
	background-image: url("/includes/img/wireframe/devices/galaxys7.png");
}
.device_stencil.nexus7.landscape{
	width: 1256px;
	height: 767px;
	background-image: url("/includes/img/wireframe/devices/nexus7_landscape.png");	
}
.device_stencil.nexus7{
	width: 767px;
	height: 1256px;
	background-image: url("/includes/img/wireframe/devices/nexus7.png");
}
.device_stencil.nexus7_2.landscape{
	width: 1261px;
	height: 717px;
	background-image: url("/includes/img/wireframe/devices/nexus7_2_landscape.png");	
}
.device_stencil.nexus7_2{
	width: 717px;
	height: 1261px;
	background-image: url("/includes/img/wireframe/devices/nexus7_2.png");
}
.device_stencil.ipad.landscape{
	width: 1282px;
	height: 862px;
	background-image: url("/includes/img/wireframe/devices/ipad_landscape.png");	
}
.device_stencil.ipad{
	width: 862px;
	height: 1282px;
	background-image: url("/includes/img/wireframe/devices/ipad.png");
} .skyhook_ios_tab_bar .tabpanel_content_container > .tabpanel_body > .cmp_container_content {
	background: #fff;
}


.portrait .skyhook_ios_tab_bar{
	min-width: 320px;
	width: 320px;
	top: 431px;
}

.tabpanel_body{
	border-width: 0;
}

.landscape .skyhook_ios_tab_bar{
	min-width: 480px;
	width: 480px;
	top: 273px;
}

.skyhook_ios_tab_bar .tab_icon_item:first-child{
	margin-left: 5px;
}
.skyhook_ios_tab_bar .tab_icon_item.active{
	
}

.skyhook_ios_tab_bar .tab_icon_item{
	width: 78px;
	height: 54px;
	margin-top: 5px;
	position: relative;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.skyhook_ios_tab_bar .active .tab_icon svg *{
	fill: #007bff !important;
}

.skyhook_ios_tab_bar .tab_icon svg *{
	fill: #9fa0a9 !important;
}
.skyhook_ios_tab_bar .tab_icon{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 8px;
	width: 24px;
	height: 24px;
}

.skyhook_ios_tab_bar .active .tab_icon_text{
	color: #007bff !important;
}
.skyhook_ios_tab_bar .tab_icon_text{
	font-size: 11px;
	position: absolute;
	bottom: 7px;
	width: 100%;
	text-align: center;
	/*background-color: #222;
	opacity: 0.7;*/
	color: #9fa0a9;
	line-height: 20px;
}

.skyhook_ios_tab_bar .tab_icon_list{	
	min-height: 49px;
	background-color: #ebecf2 !important;	
	margin: auto;
	text-align: center;
}

.preview_mode .skyhook_ios_tab_bar .tabpanel_body > .cmp_content:after{
	display: none;
}
.skyhook_ios_tab_bar .tabpanel_body > .cmp_content:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 99999;
	box-sizing: border-box;
}
.skyhook_ios_tab_bar .tabpanel_body > .cmp_content{
	text-align: center;
}

.mockup_tabpanel_index_container{
	width: 100%;
	background-color: #ebecf2 !important;
	text-align: center;	
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
}

.skyhook_ios_tab_bar .tabpanel_content_container{	
	-webkit-flex: 1;
	-moz-flex: 1;
	flex: 1;
	position: relative;
	overflow: hidden;
}

.tabpanel_content_container > .skyhook_container_cmp{
	width: 100%;
	height: 100%;
}

.skyhook_ios_tab_bar .tabpanel_body.active{
	visibility: visible;
	display: block
}


.skyhook_ios_tab_bar .tabpanel_body {
	border-width: 0;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	line-height: 1.5em !important;
}

.skyhook_ios_tab_bar .tab_icon_item{	
	line-height: 19px;
	font-size: 12px;
	border-width: 0;	
	display: inline-block;
}

.ul_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	height: 100%;
	width: 100%;
} .skyhook_ios_slider_cmp .slider_button, .skyhook_ios_slider_cmp{
	position: absolute;
}

.skyhook_ios_slider_cmp .slider_bg > .bg{
	position: absolute;
	left: -1px;
	top: 0;
	height: 10px;
	border-radius: 10px;
	background: #007aff;
}
.skyhook_ios_slider_cmp .slider_bg{
	box-shadow: inset 2px 3px 0px rgba(0,0,0,0.2) !important;
	position: absolute;
	left: 0;
	top: 6px;
	width: 100%;
	height: 14px;
	background: red;
	border: 2px solid #000;
	border-radius: 10px;
	background: #ebecf2;
}

.skyhook_ios_slider_cmp .slider_button{
	width: 24px;
	height: 24px;
	top: 0;
	position: absolute;
	z-index: 101;
	box-shadow: 1px 1px 0 #000;
	background-color: #000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 20px;
	cursor: e-resize;
}

.skyhook_ios_slider_cmp .slider_button::before{
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 24px;
	height: 24px;
	border: 1px solid #000;
	border-radius: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #ebecf2;
}

/*
	iOS7
*/
.skyhook_ios_slider_cmp.ios7 .slider_button::before{
	display:none;
}
.skyhook_ios_slider_cmp.ios7 .slider_button{
	width: 28px;
	height: 28px;
	top: 0;
	position: absolute;
	z-index: 101;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	background-color: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 20px;
	cursor: e-resize;
	border: 1px solid #dfdfdf;
}
.skyhook_ios_slider_cmp.ios7 .slider_bg{	
	position: absolute;
	left: 0;
	top: 13px;
	width: 100%;
	height: 4px;
	border-radius: 10px;
	background: #b5b6b5;
	border: none;
}
.skyhook_ios_slider_cmp.ios7 .slider_bg > .bg{
	position: absolute;
	height: 4px;
	border-radius: 10px;
	background: #007aff;
}
 .skyhook_ios_slider_vert_cmp .slider_button, .skyhook_ios_slider_vert_cmp{
	position: absolute;
}

.skyhook_ios_slider_vert_cmp .slider_bg > .bg{
	position: absolute;
	left: 0px;
	bottom: -1px;
	width: 10px;
	border-radius: 10px;
	background: #007aff;
}
.skyhook_ios_slider_vert_cmp .slider_bg{
	box-shadow: inset 2px 3px 0px rgba(0,0,0,0.2) !important;
	position: absolute;
	top: 0;
	left: 5px;
	width: 14px;
	height: 100%;
	border: 2px solid #000;
	border-radius: 10px;
	background: #ebecf2;
}

.skyhook_ios_slider_vert_cmp .slider_button{
	width: 24px;
	height: 24px;
	position: absolute;
	z-index: 101;
	box-shadow: 1px 1px 0 #000;
	background-color: #000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 20px;
	cursor: n-resize;
}

.skyhook_ios_slider_vert_cmp .slider_button::before{
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 24px;
	height: 24px;
	border: 1px solid #000;
	border-radius: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #ebecf2;
}

/* iOS7 */
.skyhook_ios_slider_vert_cmp.ios7 .slider_button::before{
	display:none;
}
.skyhook_ios_slider_vert_cmp.ios7 .slider_button{
	width: 28px;
	height: 28px;
	position: absolute;
	z-index: 101;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	background-color: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 20px;
	border: 1px solid #dfdfdf;
	cursor: n-resize;
}
.skyhook_ios_slider_vert_cmp.ios7 .slider_bg{
	box-shadow: none !important;
	position: absolute;
	top: 0;
	left: 13px;
	width: 4px;
	height: 100%;
	border: none;
	border-radius: 10px;
	background: #b5b6b5;
}
.skyhook_ios_slider_vert_cmp.ios7 .slider_bg > .bg{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 4px;
	border-radius: 10px;
	background: #007aff;
} .skyhook_ios_status_bar .cmp_container_content {
	background: transparent;
}


.portrait .skyhook_ios_status_bar{
	min-width: 320px;
	width: 320px;
	top: 431px;
}

.landscape .skyhook_ios_status_bar{
	min-width: 480px;
	width: 480px;
	top: 273px;
}

.skyhook_ios_status_bar .editable_text{
	text-align: center;
	background-image: url(/includes/img/wireframe/iphone/battery.png);
	background-repeat: no-repeat;
	background-position: 98% 5px;
}

.skyhook_ios_status_bar .carrier{
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	padding-left: 32px;
	background-image: url(/includes/img/wireframe/iphone/signal.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.skyhook_ios_status_bar{
	line-height: 16px;
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	border-width: 0;
	background-color: #111 !important;
	color: #eee;
} .skyhook_ios7_switch_cmp.checked .bg,
.skyhook_ios7_switch_cmp.long_press .bg{
	border-width: 14px;
}
.skyhook_ios7_switch_cmp.checked .bg{
	width: 27px;
	border-radius: 20px;
}
.skyhook_ios7_switch_cmp .bg{
	position: absolute;
	right: 0;
	height: 100%;
	width: 100%;
	border-radius: 12px;
	border: 0px solid #e6e6e6;
	
	pointer-events: none;
	
	background-color: #fefefe;
	
	transition: border-width 0.3s ease-in-out, width 0.3s ease-in-out;
	-moz-transition: border-width 0.3s ease-in-out, width 0.3s ease-in-out;
	-webkit-transition: border-width 0.3s ease-in-out, width 0.3s ease-in-out;
}
.skyhook_ios7_switch_cmp.checked .switch_btn{
	left: 20px;
}
.skyhook_ios7_switch_cmp.checked.long_press .switch_btn{
	left: 15px;	
}
.skyhook_ios7_switch_cmp.long_press .switch_btn{
	width: 32px;
}
.skyhook_ios7_switch_cmp .switch_btn{
	width: 27px;
	height: 27px;
	background-color: #fff;
	border-radius: 20px;
	
	
	cursor: pointer;
	position: absolute;
	left: -1px;
	
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	
	transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
	-moz-transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
	-webkit-transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
}
.skyhook_ios7_switch_cmp.checked{
	border-color: #4dd965;
}
.skyhook_ios7_switch_cmp{
	width: 51px;
	height: 31px;
	position: absolute;
	border-radius: 20px;
	
	background: #4dd965; 	
	border: 2px solid #e6e6e6;
	
	transition: border-color 0.3s ease-in-out;
	-moz-transition: border-color 0.3s ease-in-out;
	-webkit-transition: border-color 0.3s ease-in-out;
}

/*
	End iOS 7
*/
.preview_mode .skyhook_ios_switch_cmp,
.preview_mode .skyhook_ios_switch_cmp *{
	cursor: pointer;
}
.skyhook_ios_switch_cmp{
	width: 80px;
	height: 30px;
	position: absolute;
	border-radius: 20px;
	background: #007aff;	
}


.skyhook_ios_switch_cmp::before{
	content: '';
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	border-radius: 14px;
	border: 2px solid #000;
	background-color: transparent;
}



.skyhook_ios_switch_cmp.bold > .switch_bg > .bg > .switch_btn{
	width: 28px;
	height: 28px;
	margin-left: -2px;
	margin-top: 0px;
	cursor: pointer;
	
}

.skyhook_ios_switch_cmp > .switch_bg > .bg > .switch_btn{
	position: relative;
	z-index: 101;
	width: 30px;
	height: 30px;
	margin-left: -3px;
	margin-top: -1px;
	border: 1px solid #000;
	border-radius: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #ebecf2;
	
}

.skyhook_ios_switch_cmp.bold > .switch_bg > .bg > .switch_btn > .on, 
.skyhook_ios_switch_cmp.bold > .switch_bg > .bg > .switch_btn > .off{
	top: 6px;
	cursor: default;
}

.skyhook_ios_switch_cmp > .switch_bg > .bg > .switch_btn > .on{left: -48px;color: #fff; width: 50px; text-align: center;} 
.skyhook_ios_switch_cmp > .switch_bg > .bg > .switch_btn > .off{left: 22px; color: #777; width: 50px; text-align: center;} 
.skyhook_ios_switch_cmp > .switch_bg > .bg > .switch_btn > .on, 
.skyhook_ios_switch_cmp > .switch_bg > .bg > .switch_btn > .off{	
	position: absolute;
	font-size: 12px;
	top: 8px;
	
	line-height: 16px;
}

.skyhook_ios_switch_cmp > .switch_bg > .bg{margin-left: 2px;}
.skyhook_ios_switch_cmp.checked > .switch_bg > .bg{margin-left: 52px;}

.skyhook_ios_switch_cmp > .switch_bg > .bg{		
	background: #ebecf2;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	border-radius: 14px;
	border: 1px solid #000;
	-webkit-transition: margin-left 0.2s;
	-moz-transition: margin-left 0.2s;
	transition: margin-left 0.2s;
}
.skyhook_ios_switch_cmp > .switch_bg{
	position: static;
	border-radius: 14px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
} .skyhook_ios_button_bar_cmp .cmp_content.horizontal ul{-webkit-box-orient: horizontal;}
.skyhook_ios_button_bar_cmp .cmp_content ul{-webkit-box-orient: vertical;}

.skyhook_ios_button_bar_cmp ul, .skyhook_breadcrumbs_cmp ul{
	display: -webkit-box;
	display: -moz-box;
	display: box;
	width: 100%;
	height: 100%;
}

.skyhook_ios_button_bar_cmp .cmp_content.horizontal li{
	padding-left: 0;
}

.skyhook_ios_button_bar_cmp li{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;	
}

.skyhook_ios_button_bar_cmp .button_bar_item{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}

.skyhook_ios_button_bar_cmp .cmp_content{	
	width: 100%;
}

.skyhook_ios_button_bar_cmp li:first-child{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}	
.skyhook_ios_button_bar_cmp li:only-child{
	border-radius: 4px;
	border: 2px solid #000;
}
.skyhook_ios_button_bar_cmp li:last-child{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-right: 1px solid #007aff;
}	
.skyhook_ios_button_bar_cmp li.active{	
	background: #007aff;
	color: #fff;
}
.skyhook_ios_button_bar_cmp li{	
	color: #333;
	font-size: 12px; 
	font-weight: normal;
	box-shadow: 0 0 0 #000;	
	background-color: #f6f5f1;
	border-right: none;
	border-left: 1px solid #007aff;
	border-top: 1px solid #007aff;
	border-bottom: 1px solid #007aff;
}
.skyhook_ios_button_bar_cmp{	
	position: absolute;
	width: 300px;
	height: 35px;	
	
	line-height: 29px;
	text-align: center;	
	cursor: move;
	min-width: 50px;
	min-height: 20px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}







 .scrolling_grabbed #skyhook_tableview_row_resizer, #tmp_cmp_container #skyhook_tableview_row_resizer{
	display: none !important;
}

.skyhook_ios_tableview_cmp{
	/*transform: translate3d(0,0,0);
	backface-visibility: hidden;*/
	background-color: #efeff4;
}

.skyhook_ios_tableview_cmp > .tableview_content_container{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.moving_cmp .inline_editor_overlay .skyhook_ios_tableview_titlebar .nav_bar_title{
	pointer-events: none;
}

.inline_editor_overlay .skyhook_ios_tableview_titlebar .nav_bar_title{
	pointer-events: all;
}
.skyhook_ios_tableview_titlebar .nav_bar_title{
	width: 100%;
	text-align: center;
	height: 44px;
	line-height: 44px;
	font-size: 18px;
	pointer-events: none;
	letter-spacing: -1px;
}

.skyhook_ios_tableview_titlebar .cmp_container_content.active{
	transform: translateX(0) !important;
	-webkit-transform: translateX(0) !important;
	-moz-transform: translateX(0) !important;	
	opacity: 1 !important;	
	z-index: 1 !important;
}
.skyhook_ios_tableview_titlebar .cmp_container_content {
	position: absolute;
	width: 100%;
	
	transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	
	opacity: 0;
	
	z-index: 0;
}
.skyhook_ios_tableview_cmp.vertical .tableview_row{
	border-bottom: 1px solid #e4e4e4;
}
.skyhook_ios_tableview_titlebar{
	height: 44px;
	width: 100%;
	background: #fefefe;
	position: absolute;
	border-bottom: 1px solid #b2b2b2;
	box-sizing: border-box;
	overflow: hidden;
	left:0;
	top: 0;
}

.preview_mode .skyhook_ios7_bk_btn > .editable_text{
	pointer-events: none;
}
.skyhook_ios7_bk_btn.fwd > .editable_text{
	width: 100%;
	padding-right: 25px;
	padding-left: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
}
.skyhook_ios7_bk_btn > .editable_text{
	width: 100%;
	padding-left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.skyhook_ios7_bk_btn.fwd{
	background-image: url(/includes/img/wireframe/ios7_fwd.svg);
	background-position: 100% 50%;
}
.skyhook_ios7_bk_btn{
	background-image: url(/includes/img/wireframe/ios7_back.svg);
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
	color: #007aff;
	font-size: 13px;
	font-weight: normal;
	text-shadow: none;
	text-align: left !important;
	background-position: 0 50%;
	height: 30px;
	line-height: 30px;
	transition: opacity 0.35s ease-in-out;
}
.skyhook_ios_tableview2.sub_page2 > .tableview_content_container > .skyhook_ios_tableview_titlebar  .skyhook_ios7_bk_btn{
	opacity: 1;
}

.skyhook_ios_scrollbar.show{
	opacity: 1;
}
.skyhook_ios_scrollbar{
	width: 3px;
	/*background-color: rgba(0,0,0,0.5);*/
	background-color: #000;
	border-radius: 2px;
	max-height: 100%;
	height: 50%;
	min-height: 10px;
	position: absolute;
	right: 2px;
	top: 10px;
	
	opacity: 0;
	
	-webkit-backface-visibility:hidden;
	
	transition: opacity 0.7s ease-in-out;
	-moz-transition: opacity 0.7s ease-in-out;
	-webkit-transition: opacity 0.7s ease-in-out;
}

.tableview_content_container > .skyhook_ios_carousel_cmp.vertical.active{
	transform: translateX(0) !important;
	-webkit-transform: translateX(0) !important;
	-moz-transform: translateX(0) !important;
}
.tableview_content_container > .skyhook_ios_carousel_cmp.vertical {
	position: absolute;
	background: #efeff4;
	
	transition: transform 0.35s ease-in-out;
	-webkit-transition: -webkit-transform 0.35s ease-in-out;
	-moz-transition: -moz-transform 0.35s ease-in-out;
	
	backface-visibility: hidden;	
}
.transition_none{
	transition: none !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
}

.tableview_content_container > .skyhook_ios_carousel_cmp.vertical > .nested_cmp_content{
	position: relative;
}

.tableview_content_container > .skyhook_ios_carousel_cmp.vertical{
	position: absolute;
	left: 0;
	top: 44px;
}
.ios_carousel_panel_content.tableview{
	position: relative !important;
	width: 100%;
	height: 40px;
}

.inline_editor_overlay .ios7_more_detail{
	z-index: 9999999;
}
.inline_editor_overlay .tableview_row > .ios7_more_detail:hover{
	opacity: 1 !important;
}
.inline_editor_overlay .tableview_row:hover > .ios7_more_detail{
	opacity: 0.5;
}
.ios7_more_detail.linked{
	opacity: 1;
	z-index: 999999;
}
.ios7_more_detail.chev_blue{background-image: url('/includes/img/wireframe/ios7_blue_chevron.svg');}
.ios7_more_detail.chev_red{background-image: url('/includes/img/wireframe/ios7_red_chevron.svg');}
.ios7_more_detail.chev_green{background-image: url('/includes/img/wireframe/ios7_green_chevron.svg');}
.ios7_more_detail.plus_blue{background-image: url('/includes/img/wireframe/ios7_blue_plus.svg');}
.ios7_more_detail.plus_red{background-image: url('/includes/img/wireframe/ios7_red_plus.svg');}
.ios7_more_detail.plus_green{background-image: url('/includes/img/wireframe/ios7_green_plus.svg');}
.preview_mode .ios7_more_detail{pointer-events: none;}
.preview_mode .ios7_more_detail.linked{pointer-events: all;}
.ios7_more_detail{
	position: absolute;
	right: 10px;
	top: 0;
	background-image: url('/includes/img/wireframe/ios7_black_chevron.svg');
	background-position: 100% 50%;
	height: 100%;
	width: 40px;
	background-repeat: no-repeat;
	cursor: pointer !important;
	opacity: 0;
} .skyhook_ios_button_bar_cmp .cmp_content.horizontal ul{-webkit-box-orient: horizontal;}
.skyhook_ios_button_bar_cmp .cmp_content ul{-webkit-box-orient: vertical;}

.skyhook_ios_button_bar_cmp ul{
	display: -webkit-box;
	display: -moz-box;
	display: box;
	width: 100%;
	height: 100%;
}

.skyhook_ios_button_bar_cmp .cmp_content.horizontal li{
	padding-left: 0;
}

.skyhook_ios_button_bar_cmp .button_bar_item{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}

.skyhook_ios_button_bar_cmp .cmp_content{	
	width: 100%;
}

.skyhook_ios_button_bar_cmp .cmp_content{
	/*overflow: hidden;*/
}

.skyhook_breadcrumbs_cmp ul{
	width: auto;
}

 body.scrolling_grabbed .inline_editor_overlay .horizontal .ios_carousel_panel_content:not(.tableview_row):after{
	/*content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	pointer-events: none;
	border-right: 1px dashed rgba(0,0,0,0.2);
	z-index: 99999;*/
}
body.scrolling_grabbed .inline_editor_overlay .vertical .ios_carousel_panel_content:not(.tableview_row):after{
	/*z-index: 99999;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	pointer-events: none;
	border-bottom: 1px dashed rgba(0,0,0,0.2);*/
}

/* Carousel Limit Animations */
	.skyhook_ios_scrollbar.bounce{		
		-webkit-transition: height 300ms cubic-bezier(0.005, 0.200, 0.395, 1.000), opacity 0.5s ease; 
		-moz-transition: height 300ms cubic-bezier(0.005, 0.200, 0.395, 1.000), opacity 0.5s ease; 
		-ms-transition: height 300ms cubic-bezier(0.005, 0.200, 0.395, 1.000), opacity 0.5s ease; 
		transition: height 300ms cubic-bezier(0.005, 0.200, 0.395, 1.000), opacity 0.5s ease; /* custom */
		
	}
	.skyhook_scroller.bounce{		
		-webkit-transition: all 300ms cubic-bezier(0.005, 0.200, 0.395, 1.000); 
		-moz-transition: all 300ms cubic-bezier(0.005, 0.200, 0.395, 1.000); 
		-ms-transition: all 300ms cubic-bezier(0.005, 0.200, 0.395, 1.000); 
		transition: all 300ms cubic-bezier(0.005, 0.200, 0.395, 1.000); /* custom */
	}
/* End Carousel Limit Animations */

.skyhook_ios_carousel_cmp .cmp_container_content {
	background:transparent;
}

.skyhook_ios_carousel_cmp.skyhook_cmp.row_container:before{
	border: none;
}
.skyhook_ios_carousel_cmp.skyhook_cmp:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	border: 1px solid #d9d9d9;
	left: 0;
	top: 0;
	box-sizing: border-box;
	pointer-events: none;
	z-index: 9999;
	border-radius: 0px;
}
.ios_carousel_panel_content > .cmp_container_content:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	border: 1px solid transparent;
	left: 0;
	top: 0;
	box-sizing: border-box;
	pointer-events: none;
	z-index: 0;
	background-color: transparent;
	background-clip: content-box;
}

.inline_editor_overlay > .skyhook_ios_carousel_cmp .ios_carousel_panel_content, .inline_editor_overlay >.skyhook_ios_carousel_cmp{
	overflow: visible !important;
}
.skyhook_ios_carousel_cmp .ios_carousel_panel_content, .skyhook_ios_carousel_cmp{
	border-width: 0;
	overflow: hidden;
}

.inline_editor_overlay > .ios_carousel_panel_content{
	border-width: 0;
}

.resizing_cmp .selected .skyhook_ios_carousel_cmp .carousel_content_container > li{
	visibility: hidden;
}

.ios_carousel_panel_content.row_divider > .cmp_container_content{
	background-color: transparent;
}
.ios_carousel_panel_content > .cmp_container_content{
	/*background-color: #fff;*/
}


.skyhook_scroller.vertical > .transform_translate > .ios_carousel_panel_content,
.skyhook_scroller.vertical > .ios_carousel_panel_content{
	position: relative !important;
	width: 100%;
	height: 240px;
}
.skyhook_ios_carousel_cmp.horizontal > .nested_cmp_content > .skyhook_scroller > .ios_carousel_panel_content{
	display: inline-block;
	position: relative !important;
	width: 320px;
	height: 100%;
}
.skyhook_ios_carousel_cmp > .nested_cmp_content > .skyhook_scroller > .ios_carousel_panel_content {
	white-space: normal;
}

.skyhook_ios_carousel_cmp > .nested_cmp_content > .skyhook_scroller{
	background-color: #ffffff;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	
	display: inline-block;
	
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: -ms-fit-content;
	width: fit-content;
	
	-webkit-transform: translateX(0px);
	-webkit-backface-visibility: hidden;
	-moz-transform: translateX(0px);
	-moz-backface-visibility: hidden;
	-ms-transform: translateX(0px);
	-ms-backface-visibility: hidden;
	
	backface-visibility: hidden;	
	transform: translateX(0px);
	transform-origin: 0px 0px 0px;
}

.skyhook_ios_carousel_cmp .carousel_content_container li{
	padding: 0;
	margin: 0;
}

.skyhook_ios_carousel_cmp.vertical > .mockup_carousel_index_container li{
	float: left;
}
.skyhook_ios_carousel_cmp.vertical > .mockup_carousel_index_container{
	width: 15px;
	left: 10px;
	top: 97px;
}

.skyhook_ios_carousel_cmp > .mockup_carousel_index_container li{background-color: #d9d9d9;}
.skyhook_ios_carousel_cmp.vertical > .mockup_carousel_index_container li:first-child{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.skyhook_ios_carousel_cmp.vertical > .mockup_carousel_index_container li:last-child{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.skyhook_ios_carousel_cmp.horizontal > .mockup_carousel_index_container li:first-child{
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.skyhook_ios_carousel_cmp.horizontal > .mockup_carousel_index_container li:last-child{
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.skyhook_ios_carousel_cmp > .mockup_carousel_index_container li{
	display: inline-block;
	pointer-events: none;
}

.skyhook_ios_carousel_cmp .mockup_carousel_index_container li.active .pos_indicator{
	background: #b7b0b0;
}

.skyhook_ios_carousel_cmp .mockup_carousel_index_container .pos_indicator{
	width: 7px;
	height: 7px;
	border-radius: 7px;
	background: #fff;
	margin: 4px;
}

.skyhook_ios_carousel_cmp .mockup_carousel_index_container.vertical{
	bottom: auto;
	left: 20px;
	top: 50%;
	width: 10px;
	z-index: 9000;
}

.skyhook_ios_carousel_cmp > .mockup_carousel_index_container{
	position: absolute;
}
.skyhook_ios_carousel_cmp.horizontal > .mockup_carousel_index_container{
	bottom: 20px;
	text-align: center;
	width: 100%;
	z-index: 9000;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.skyhook_ios_carousel_cmp .cmp_container_content {
	
}

.skyhook_ios_carousel_cmp .carousel_body{
	border-width: 0;
	width: 100%;
	height: 100%;
}

.inline_editor_overlay > .skyhook_ios_carousel_cmp > .iscroller_root > .scroller > .carousel_content_container > .carousel_body > .del_slider{
	display: block;
} .skyhook_icon{position: relative;}
.skyhook_icon #change_icon{display: block;}

.tab_icon path{
	fill: #fff !important;
}
.tab_icon #change_icon{
	left: 15px;
	top: -10px;
}

#change_icon{
	position: absolute;
	left: 0px !important;
	right: 0px !important;
	margin: 0 auto !important;
	top: 0px !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	background-color: #9af709;
	border: 2px solid #fff;
	display: none;
	cursor: pointer;
	background: url(/includes/img/wireframe/icons/Communication-112.png) no-repeat 50% 50% #9af709;
} .skyhook_gmap_cmp.placeholder{
	display: block;
}
.skyhook_gmap_cmp.placeholder .gmap{
	background-image: url(https://www.ux-app.com/includes/img/wireframe/map_placeholder.png);
}

.skyhook_gmap_cmp.placeholder .gmap_controls{
	display: block;
}

.skyhook_gmap_cmp .gmap_controls{
	width: 24px;
	height: 174px;
	position: absolute;
	left: 10px;
	top: 10px;
	display: none;
	background-image: url(https://www.ux-app.com/includes/img/wireframe/map_controls.png);
}

.skyhook_gmap_cmp .gmap_wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.skyhook_gmap_cmp .gmap .gmnoprint{
	line-height: 1.5em !important;
}

.skyhook_gmap_cmp .gm-style-cc{
	display: none;
}
.skyhook_gmap_cmp{
	display: none;
}
.skyhook_gmap_cmp .gmap{
	width: 100%;
	height: 100%;
}

 .skyhook_carousel_cmp{
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.carousel_body{
	border-width: 0;
}

.carousel_content_container{
	position: absolute;
	overflow: hidden;
	border: 1px solid #d9d9d9;
}

.skyhook_carousel_cmp .carousel_content_container > .carousel_body.active{
	display: block;
	visibility: visible;
}
.skyhook_carousel_cmp .carousel_content_container.ios_carousel_content_container > .carousel_body{
	position: static;
}
.skyhook_carousel_cmp .carousel_content_container > .carousel_body{
	
	visibility: hidden;
	position: absolute;
}

.skyhook_carousel_cmp .carousel_content_container{
	width: 100%;
	height: 100%;
}

.skyhook_carousel_cmp > .carousel_content_container > .skyhook_container_cmp{	
	width: 100%;
	height: 100%;
	background: #fff;
	contain: strict;
}

.skyhook_carousel_cmp  > .nav{
	background-repeat: no-repeat;
	background-position: 50%;
	background-color: #ededed;
}

.skyhook_carousel_cmp  > .nav{
	top: 120px;
}
.skyhook_carousel_cmp.hide_ui  > .nav{
	display: none;
}
.skyhook_carousel_cmp  > .prev{
	position: absolute;	
	z-index: 10001;
	left: 20px;
	background-image: url(/includes/img/wireframe/icons/Minicons/_PDF/Arrows/chevron-big-3-01.svg);
	cursor: pointer;
}

.inline_editor_overlay > .skyhook_carousel_cmp > .carousel_content_container > .carousel_body > .del_slider{
	display: block;
}

.del_slider{
	position: absolute;
	right: 10px;
	top: 10px;
	display: none;
	width: 22px;
	height: 22px;
	border: 2px solid #fff;
	
	background-color: #f85959;
		
	border-radius: 12px;
	cursor: pointer;
	background-image: url(/includes/img/x_small.png?v2);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	
	z-index: 10001;
	
	box-sizing: border-box;
}

.skyhook_carousel_cmp  > .mockup_carousel_index_container li.active{
	background-color: #656464;
}

.skyhook_carousel_cmp  > .mockup_carousel_index_container li{
	float: left;
	display: block;
	width: 12px;
	height: 12px;
	border: 3px solid #d9d9d9;
	background-color: #fff;
	cursor: pointer;
}

.skyhook_carousel_cmp  > .mockup_carousel_index_container{
	position: absolute;
	display: inline-block;
	right: 20px;
	bottom: 20px;
	z-index: 9000;
	border: 1px solid rgba(255,255,255,0.5);
}

.skyhook_carousel_cmp  > .next{
	position: absolute;
	z-index: 10001;	
	right: 20px;
	background-image: url(/includes/img/wireframe/icons/Minicons/_PDF/Arrows/chevron-big-4-01.svg);
	cursor: pointer;	
}
 .hidden_cmp_wrap{position: absolute; border: 1px dashed transparent; pointer-events: none;}
.hidden_cmp_wrap,
.hidden_cmp_wrap *
{
	pointer-events: none !important;
}
.hide_cmp_and_sub_cmps, .hide_cmp_and_sub_cmps{opacity: 0 !important; pointer-events: none !important;}

.preview_mode .hidden_cmp_wrap .ignored_cmp,
.preview_mode .hidden_cmp_wrap  .ignored_cmp *
{	pointer-events: none !important;}

.preview_mode .hidden_cmp_wrap,
.preview_mode .hidden_cmp_wrap *
{	}

#document_outline .outline_btn_group{
	position: absolute;
	right: 5px;
	top: 4px;
	width: 42px;
	text-align: right;
	border: none;
}

#document_outline li.locked .lock{
	background-image: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Icons/32px/Edition-55.png");
	opacity: 1;
}
#document_outline .lock:hover{
	opacity: 1;
}
#document_outline .lock{
	width: 17px;
	height: 17px;
	background-image: url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Icons/32px/Edition-56.png");
	background-size: 14px 14px;
	background-position: 50%;
	display: inline-block;
	background-repeat: no-repeat;
	opacity: 0.1;
	cursor: pointer;
}

.preview_mode .hidden_cmp_wrap{
	width: 0px !important;
	height: 0px !important;
	border-color: transparent !important;
}

.hideable.invisible + ul{ opacity: 0.3; pointer-events: none; }
.hideable.invisible +ul .visibility_toggle{background-image: url(/includes/img/wireframe/icons/invisible.png);}

#document_outline .is_selected{
	background: #9cd4ff;
}
#document_outline li.collapsed > .outline_btn_group > .collapse_trigger{
	background-image: url("/includes/img/triangle-small-1-01_w2.png");
	background-position: 1px 1px;
}
#document_outline .collapse_trigger{	
	width: 17px;
	height: 17px;
	background-image: url("/includes/img/triangle-small-1-01_w.png");
	background-color: #666;
	background-position: 1px 2px;
	border-radius: 30px;
	background-repeat: no-repeat;
	background-size: 16px 16px;;
	z-index: 99999;
	cursor: pointer;
	border: none;
	display: inline-block;
}
#document_outline li.collapsed{
	height: 26px;
}
#document_outline  li{
	position: relative;
	overflow: hidden;
}
#document_outline > ul, #document_outline > ul > li{
	padding: 0 !important;
}

#document_outline ul{
	padding: 0;
}

#document_outline li{
	padding-left: 26px;
}

#document_outline ul, #document_outline li{
	margin: 0;	
}

#document_outline .unhideable .visibility_toggle{
	display: none;
}

.visible .visibility_toggle{
	background-image: url(/includes/img/wireframe/icons/visible.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.invisible .visibility_toggle{
	background-image: url(/includes/img/wireframe/icons/invisible.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#document_outline .visibility_toggle{
	width: 26px;
	height: 26px;
	background-color: #efefef;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;	
	border-right: 1px solid #999;
	position: relative;
}

#document_outline li > div.hideable{
	cursor: pointer;
}
#document_outline li > div.unhideable.edited{
	padding-left: 30px;
	background: #fff url("/includes/img/wireframe/icons/Minicons/_PNG/PNG Icons/16px/Edition-35.png") no-repeat 8px 4px;
}
#document_outline li > div.unhideable{
	padding-left: 5px;
	background: #fff;
	cursor: default;
}

#document_outline ul{background-image:url(/includes/img/wireframe/dash.png); background-repeat: repeat-y; background-position: 14px 2px;}
#document_outline li{background-image:url(/includes/img/wireframe/elbow.png); background-repeat: no-repeat; background-position: 14px 0;}
#document_outline li:last-child{background-image:url(/includes/img/wireframe/elbow2.png); background-repeat: no-repeat; background-position: 14px 0;}
#document_outline li > div{	border-left: 1px solid #999;}
#document_outline li > div:only-child{ border-top: 1px solid #999;}
#document_outline li > div{ border-top: 1px solid #999;}
#document_outline li + li > div{ border-top: 1px solid #999;}
#document_outline li > ul{ border-top: 1px solid #999;}
#document_outline li > ul > li:first-child > div{ border-top: none;}
#document_outline > ul{border-bottom: 1px solid #999;}

#document_outline li > div{
	height: 26px;
	line-height: 26px;
}

#document_outline{
	font-size: 11px;
}

#document_outline li{
	list-style-type: none;
	display: block;
} .mockup_tab_container{
	position: absolute;
	top: -39px;
	display: inline-block;
	width: 100%;
	height: 39px;
	background-color: #2196f3;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.skyhook_tabs_cmp{
	overflow: visible !important;
}

.skyhook_tabs_cmp, .skyhook_tabs_cmp *{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.mockup_tab:last-child{
	
}

.tab_body{
	z-index: 1;
	border-width: 0;
}

.mockup_tab.active{
	margin-top: 0 !important;
}



.skyhook_tabs_cmp > .tab_content_container >  .skyhook_container_cmp.active{
	left: 0;
	top: 0;
}

.skyhook_tabs .tab_content_container{
	width: 100%;
	height: 100%;
}

.skyhook_tabs_cmp > .tab_content_container > .skyhook_container_cmp{
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	top: 0;
	box-shadow: 0 0 0 #000;
}

.skyhook_tabs_cmp > .tab_content_container > .skyhook_container_cmp.active{
	background: #fff;
	border: 1px solid #d9d9d9;
	width: 100%;
	height: 100%;
} #layout_origin_copy > .accordion_cmp_panel, 
#layout_origin_copy > .ios_carousel_panel_content, 
#layout_origin_copy > .carousel_body {
	margin-left: -9px;
}

.skyhook_accordion_cmp .cmp_container_content {
	overflow: visible;
}

.skyhook_accordion_cmp .accordion_content_container{
	width: 100%;
	height: 100%;
	border: 0;
	
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	
	flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
}

.skyhook_accordion_cmp .accordion_content_container  > li.active{
	-webkit-flex: 1;
	-moz-flex: 1;
	flex: 1;

	width: 100%;
	
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	
	flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;	
}

.skyhook_accordion_cmp > .cmp_content{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	overflow: auto;
}

.skyhook_accordion_cmp li.short .accordion_cmp_header{
	cursor: pointer !important;
}

.skyhook_accordion_cmp > ul > li > .accordion_cmp_panel > .cmp_content{
	display: block;
}
.skyhook_accordion_cmp > ul > li.short > .accordion_cmp_panel > .cmp_content{
	display: none;
}

.skyhook_accordion_cmp > ul > li.short{
	height: 34px;	
}

.inline_editor_overlay > .accordion_cmp_panel > .cmp_content{
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
}

.skyhook_accordion_cmp > .accordion_content_container  > li > .accordion_cmp_panel > .cmp_content,
.skyhook_accordion_h_cmp > .accordion_h_content_container  > li > .accordion_cmp_panel > .cmp_content{
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
}


.skyhook_accordion_cmp > .accordion_content_container  > li > .accordion_cmp_panel,
.skyhook_accordion_h_cmp > .accordion_h_content_container  > li > .accordion_cmp_panel{
	-moz-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	
	overflow: auto;
	position: relative;
}

.skyhook_accordion_cmp > .accordion_content_container  > li.active .mouse_event_block{
	display: block;
}

.skyhook_accordion_cmp > .accordion_content_container  > li .mouse_event_block{
	display: none;
}

.skyhook_accordion_cmp > .accordion_content_container  > li{
	overflow: hidden;
	
	display: box;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	
	position: relative;
	width: 100%;
} .skyhook_accordion_h_cmp .accordion_h_content_container > li.short .cmp_container_content {
	visibility: hidden;
}

.accordion_h_cmp_header{
	font-size: 14px;
	height: 34px;	
	line-height: 16px;
	text-align: center;
}
.skyhook_accordion_h_cmp .accordion_h_content_container{
	width: 100%;
	height: 100%;
	border: 0;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-moz-box-orient: horizontal;
	-webkit-box-orient: horizontal;
	box-orient: horizontal;
}

.skyhook_accordion_h_cmp .accordion_h_content_container  > li > .accordion_h_cmp_header{
	line-height: 8px;
}

.skyhook_accordion_h_cmp .accordion_h_content_container  > li.active{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;

	height: 100%;
	
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-moz-box-orient: horizontal;
	-webkit-box-orient: horizontal;
	box-orient: horizontal;	
	position: relative;

	background: #fff;
}

.skyhook_accordion_h_cmp > .cmp_content{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	overflow: auto;
}

.accordion_h_cmp_header{
	z-index: 3;
}

.inline_editor_overlay li.active .accordion_h_cmp_header{
	z-index: 10001;
}

.skyhook_accordion_h_cmp .accordion_h_content_container > li.active .accordion_h_cmp_header{
	display: none;
}

.skyhook_accordion_h_cmp .accordion_h_content_container > li.short .accordion_h_cmp_header{
	cursor: pointer !important;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	height: 0.9em;
	border-width: 0;
	position: absolute;
	bottom: 0;
	top: auto;
	-webkit-transform-origin: 0px 0;
	-moz-transform-origin: 0px 0;
	transform-origin: 0px 0;
}

.skyhook_accordion_h_cmp .accordion_h_content_container > li.short:last-child{
	border-width: 1px;
}
.skyhook_accordion_h_cmp .accordion_h_content_container > li.short{
	width: 34px;
	height: 100%;
	border-width: 1px 0 1px 1px;
	border-color: #d9d9d9;
	border-style: solid;
}

.skyhook_accordion_h_cmp > .accordion_h_content_container  > li > .cmp_content{
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	overflow: auto;
} .skyhook_ios_stepper_cmp .cmp_content.horizontal ul{-webkit-box-orient: horizontal;}
.skyhook_ios_stepper_cmp .cmp_content ul{-webkit-box-orient: vertical;}

.skyhook_ios_stepper_cmp ul, .skyhook_breadcrumbs_cmp ul{
	display: -webkit-box;
	display: -moz-box;
	display: box;
	width: 100%;
	height: 100%;
}

.skyhook_ios_stepper_cmp .cmp_content.horizontal li{
	padding-left: 0;
	border: none;
}

.skyhook_ios_stepper_cmp li.plus{
	background-image: url(/includes/img/wireframe/stepper_plus.png);
	background-repeat: no-repeat;
	background-position: 60% 50%;
}

.skyhook_ios_stepper_cmp li.minus{
	background-image: url(/includes/img/wireframe/stepper_minus.png);
	background-repeat: no-repeat;
	background-position: 40% 50%;
}

.skyhook_ios_stepper_cmp li:first-child{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.skyhook_ios_stepper_cmp li:last-child{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.skyhook_ios_stepper_cmp .button_bar_item{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}

.skyhook_ios_stepper_cmp .cmp_content{	
	width: 100%;
}

.skyhook_ios_stepper_cmp{
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	width: 300px;
	height: 35px;
	background-color: #ebecf2;
	border-radius: 8px;
	
	line-height: 19px;
	text-align: center;	
	cursor: move;
	min-width: 50px;
	min-height: 20px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
}

.skyhook_ios_stepper_cmp li{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}

.skyhook_ios_stepper_cmp li::before{
	content: '';
	width: 100%;
	height: 100%;  
	left: 0;
	top: 0;
	position: absolute;
	border-style: solid;
	border-color: #d9d9d9;
	border-width: 1px 0 1px 0;
	z-index: -1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/*  SKETCH */
.style_sketch .skyhook_ios_stepper_cmp li.active{
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
	text-shadow: 1px 1px 0 #000;
}

.style_sketch .skyhook_ios_stepper_cmp li:first-child::before{
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	
	-moz-border-image: url(/includes/img/wireframe/sketch_left.png) 8 0 8 8 repeat;
	-webkit-border-image: url(/includes/img/wireframe/sketch_left.png) 8 0 8 8 repeat;
	border-image: url(/includes/img/wireframe/sketch_left.png) 8 0 8 8 repeat;
	border-width: 5px 0 5px 5px;	
}

.style_sketch .skyhook_ios_stepper_cmp li:last-child::before{
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	
	-moz-border-image: url(/includes/img/wireframe/sketch_right.png) 8 8 8 0 repeat;
	-webkit-border-image: url(/includes/img/wireframe/sketch_right.png) 8 8 8 0 repeat;
	border-image: url(/includes/img/wireframe/sketch_right.png) 8 8 8 0 repeat;
	border-width: 5px 5px 5px 0;	
}

/* LINE */

.style_line .skyhook_ios_stepper_cmp{
	border-radius: 4px;	
}

.style_line .skyhook_ios_stepper_cmp li.active::before{
	background: #cdccd1; /* Old browsers */
	background: -moz-linear-gradient(top,  #cdccd1 0%, #ebecf2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdccd1), color-stop(100%,#ebecf2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cdccd1 0%,#ebecf2 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #cdccd1 0%,#ebecf2 100%); /* W3C */
}

.style_line .skyhook_ios_stepper_cmp li::before{
	border-style: solid;
	border-color: #d9d9d9;
	background: #ebecf2;
}
.style_line .skyhook_ios_stepper_cmp li:first-child::before{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-width: 1px 0 1px 1px;
}
.style_line .skyhook_ios_stepper_cmp li:last-child::before{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-width: 1px 1px 1px 0;
}

.style_line .skyhook_ios_stepper_cmp li:last-child::before{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;	
} .skyhook_ios_form.skyhook_ios_popup > .cmp_content {
	border-radius: 7px;
	background-color: #dcdfe5;
}

.footer_bar .skyhook_ios_form_footer, .inline_editor_overlay > .skyhook_ios_form_footer{
	display: block;
	background-color: #000; 
}

.skyhook_scrolling_panel_container {
	background-color: transparent;
}

.skyhook_ios_form_header > .cmp_content{
	background-color: transparent;
}

.skyhook_ios_form_header{
	border-width: 0; 
	border-image: none; 
	position: absolute; 
	background-color: #000; 
	top:0px; 
	left:0px; 
	height: 44px; 
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.skyhook_ios_form_footer{
	border-width: 0 !important; 
	border-image: none !important; 
	position: absolute; 
	background-color: #000; 
	bottom:0px; 
	left:0px; 
	height: 44px; 
	width: 100%;
	display: none;
}

.skyhook_ios_form_footer > .cmp_content{
	background-color: transparent;
}


.skyhook_ios_form.skyhook_ios_popup.title_bar .u_l{
	padding: 3px 10px;
}
.skyhook_web_popup path{
	fill: #ebecf2;
	position: absolute;
}
body:not(.preview_mode) .skyhook_web_popup:hover .skyhook_popup_arrow:after{
	display: block;
}
.skyhook_popup_arrow:after{
	content: '';
	position:absolute;
	background: url(/includes/img/wireframe/popup_move.png) no-repeat;
    cursor: move;
    opacity: 1;
	display: none;
}
.skyhook_popup_arrow
{position: absolute; z-index: -1}

.skyhook_popup_arrow svg{position: absolute;left: 0;}
.skyhook_popup_arrow.bottom svg{transform: rotateZ(180deg);}
.skyhook_popup_arrow.top svg{transform: rotateZ(0);}
.skyhook_popup_arrow.right svg{transform: rotateZ(90deg);right: -9px;top: 9px;left: auto;}
.skyhook_popup_arrow.left svg{transform: rotateZ(270deg);left: -10px;top: 9px;}

.skyhook_popup_arrow.top:after{
	background-position: -67px 4px;
	left: -14px;
    top: -23px;
    width: 179%;
    height: 227%;
}
.skyhook_popup_arrow.bottom:after{
	background-position: 25px 19px;
	left: -14px;
    bottom: -23px;
    width: 179%;
    height: 227%;
}
.skyhook_popup_arrow.right:after{
	right: -19px;
    top: -11px;
    width: 219%;
	background-position: -177px 20px;
    height: 159%;
}
.skyhook_popup_arrow.left:after{
	background-position: -380px 20px;
	left: -19px;
    top: -11px;
    width: 219%;
    height: 159%;
}	
.skyhook_popup_arrow.top{	
	width: 37px;
	height: 19px;
	top: -17px;
	background-position: 0 -8px;
}

.skyhook_popup_arrow.bottom{	
	width: 37px;
	bottom: -17px;
	height: 19px;
	background-position: -37px -10px;
}

.skyhook_popup_arrow.right{	
	width: 19px;
	height: 37px;
	right: -17px;
	background-position: -75px 0px;
}

.skyhook_popup_arrow.left{	
	width: 19px;
	left: -17px;
	height: 37px;
	background-position: -93px 0px;
}

.skyhook_ios_form.skyhook_ios_popup .skyhook_ios_nav_bar .title_footer,
.skyhook_ios_popup_scroller .skyhook_ios_nav_bar .title_footer{
	position: absolute;
	width: 100%;
	height: 8px;
	bottom: 0;
	background-color: #dcdfe5;
	z-index: 1;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.skyhook_ios_popup .footer_header, .skyhook_ios_popup_scroller .footer_header{
	position: absolute;
	width: 100%;
	height: 8px;
	top: 0;
	background-color: #dcdfe5;
	z-index: 1;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.skyhook_ios_popup_scroller .skyhook_ios_nav_bar .title_footer, .skyhook_ios_popup_scroller .footer_header{
	background-color: #fff;
}

.skyhook_ios_form.skyhook_ios_popup .skyhook_ios_nav_bar{
	background-color: #000;
	width: 100% !important;
	color: #fff;
	height: 49px;
	border-width: 0;
}

.skyhook_ios_popup_scroller .scroller_content_container {
	position: relative;
	height: 100%;
}

.skyhook_ios_form.skyhook_ios_popup, .skyhook_ios_popup_scroller{
	border-radius: 10px !important;
	border: 1px solid #000;
	padding: 4px !important;
	background-color: #000;
}

.context_option.make_unique{background-image: url(/includes/img/wireframe/icons/unique.png); background-position: 7px 7px;}
.context_option.show_tableview_icon{background-image: url(/includes/img/wireframe/icons/tableview_icon.png?v=1); background-position: 7px 7px}
.context_option.show_tableview_icon.active{
	background-image: url(/includes/img/wireframe/icons/tableview_icon.png?v=1), url(/includes/img/wireframe/icons/tick.png);
	background-position: 7px 7px, 145px 11px;
}

.skyhook_ios_form, .skyhook_ios_form > .cmp_container_content{
	background-color: #bebebe;
}

.skyhook_ios_form .u_l{

}

.skyhook_ios_form .ios_more_detail.linked,
.skyhook_ios_tableview  .ios_more_detail.linked{background-image: url(/includes/img/wireframe/iphone/chev_simple.svg) !important;opacity: 1;}

.skyhook_ios_form .ios_more_detail:hover,
.skyhook_ios_tableview  .ios_more_detail:hover{background-image: url(/includes/img/wireframe/iphone/chev_simple.svg);}

.skyhook_ios_form .ios_more_detail.chev_blue.linked, 
.skyhook_ios_tableview  .ios_more_detail.chev_blue.linked{background-image: url(/includes/img/wireframe/iphone/chev_blue.svg) !important;opacity: 1;}

.skyhook_ios_form .ios_more_detail.chev_blue:hover, 
.skyhook_ios_form .ios_more_detail.chev_blue:hover{background-image: url(/includes/img/wireframe/iphone/chev_blue.svg);}

.skyhook_ios_form .ios_more_detail.chev_green.linked,
.skyhook_ios_tableview  .ios_more_detail.chev_green.linked{background-image: url(/includes/img/wireframe/iphone/chev_green.svg) !important;opacity: 1;}

.skyhook_ios_form .ios_more_detail.chev_green:hover,
.skyhook_ios_tableview  .ios_more_detail.chev_green:hover{background-image: url(/includes/img/wireframe/iphone/chev_green.svg);}

.skyhook_ios_form .ios_more_detail.chev_red.linked,
.skyhook_ios_tableview  .ios_more_detail.chev_red.linked{background-image: url(/includes/img/wireframe/iphone/chev_red.svg) !important;opacity: 1;}

.skyhook_ios_form .ios_more_detail.chev_red:hover,
.skyhook_ios_tableview  .ios_more_detail.chev_red:hover{background-image: url(/includes/img/wireframe/iphone/chev_red.svg);}

.skyhook_ios_form .ios_more_detail.plus_green.linked,
.skyhook_ios_tableview  .ios_more_detail.plus_green.linked{background-image: url(/includes/img/wireframe/iphone/plus_green.svg) !important;opacity: 1;}

.skyhook_ios_form .ios_more_detail.plus_green:hover
.skyhook_ios_tableview  .ios_more_detail.plus_green:hover{background-image: url(/includes/img/wireframe/iphone/plus_green.svg);}

.skyhook_ios_form .ios_more_detail.plus_blue.linked,
.skyhook_ios_tableview  .ios_more_detail.plus_blue.linked{background-image: url(/includes/img/wireframe/iphone/plus_blue.svg) !important;opacity: 1;}

.skyhook_ios_form .ios_more_detail.plus_blue:hover,
.skyhook_ios_tableview  .ios_more_detail.plus_blue:hover{background-image: url(/includes/img/wireframe/iphone/plus_blue.svg);}

.skyhook_ios_form .ios_more_detail.plus_red.linked,
.skyhook_ios_tableview  .ios_more_detail.plus_red.linked{background-image: url(/includes/img/wireframe/iphone/plus_red.svg) !important;opacity: 1;}

.skyhook_ios_form .ios_more_detail.plus_red:hover,
.skyhook_ios_tableview  .ios_more_detail.plus_red:hover{background-image: url(/includes/img/wireframe/iphone/plus_red.svg);}


.skyhook_ios_form .ios_more_detail, 
.skyhook_ios_tableview .ios_more_detail{
	background-position: 0 50%;
	background-repeat: no-repeat;
	cursor: pointer !important;
	z-index: 9999999;
	width: 33px;
	height: 100%;
	min-height: 40px;
	position: absolute;
	right: 0;
	opacity: 0.5
}

.skyhook_ios_form .ios_row_wrapper > .skyhook_cmp {
	z-index: 99999;
}

.skyhook_ios_form .ios_row_text{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	height: 100%;
	overflow: hidden;
}

.inline_editor_overlay  > .skyhook_tableview_rte_cmp{
	min-height: 1em !important;
}

.skyhook_ios_form.sub_page .delete_tableview{display: block;}
.skyhook_ios_form .delete_tableview{display: none;}


.skyhook_ios_form.sub_page .back_button_nodelete{visibility: visible; opacity: 1}
.preview_mode .skyhook_ios_form .back_button_nodelete{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
.skyhook_ios_form .back_button_nodelete{
	visibility: hidden;
	opacity: 0;

	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.skyhook_ios_form .scroller .skyhook_rich_text_area{
	text-align: left;
}

.skyhook_ios_form .ios_more_detail{
	width: 33px;
	height: 100%;
	min-height: 40px;
}

.skyhook_ios_form .iscroll_list_item:first-child .skyhook_tableview_rte_cmp{min-height: 18px;}
.skyhook_ios_form .iscroll_list_item .skyhook_tableview_rte_cmp{min-height: 17px;}

.skyhook_ios_popup_scroller.skyhook_ios_form .iscroll_list_item.popup_scroller_row,
.skyhook_ios_popup_scroller.skyhook_ios_form .iscroll_list_item.popup_scroller_row:first-child{
	box-shadow: none !important;
}

.skyhook_ios_form .iscroll_list_item:first-child, .skyhook_ios_form .iscroll_list_item.split_above{
	background-color: #fff;
	border-color: #000;
	border-style: solid;
	border-width: 2px 2px 0 2px;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	box-shadow: inset 2px 2px 0 rgba(0,0,0,0.3), -1px -1px 0 rgba(255,255,255,0.5) !important;
}



.skyhook_ios_form .iscroll_list_item:last-child{
	background-color: #fff;
	border-color: #000;
	border-style: solid;
	border-width: 0 2px 2px 2px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.skyhook_ios_form .iscroll_list_item{
	border-color: #000;
	border-style: solid;
	border-width: 0 2px 0 2px;
	box-shadow: inset 2px 0px 0 rgba(0,0,0,0.3), -1px 0px 0 rgba(255,255,255,0.5);
}

.skyhook_ios_form .iscroll_list_item.split_above{	
	border-color: #000;
	border-style: solid;
	border-width: 2px 2px 0 2px;
	min-height: 50px;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;	
}

.skyhook_ios_form .iscroll_list_item.split_above:last-child, .skyhook_ios_form .iscroll_list_item.split_below:first-child{
	border-color: #000;
	border-style: solid;
	min-height: 40px;	
}

.skyhook_ios_form .iscroll_list_item.split_below .ios_row_content{
	border-bottom: 0;	
}

.skyhook_ios_form .iscroll_list_item.split_above.split_below{
	border: 2px solid #000;
	min-height: 50px;
}

.skyhook_ios_form .iscroll_list_item.split_below{
	border-color: #000;
	border-style: solid;	
	border-width: 0 2px 2px 2px;
	margin-bottom: 20px;	
	min-height: 45px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.preview_mode .iscroll_list_item{
	-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0) rotate(0) scale(1);
}

.skyhook_ios_form .u_l.hidden{display: none;}
.skyhook_ios_form .u_l:first-child{	z-index: 2;}
.skyhook_ios_form .u_l{	
	font-weight: normal;
	
	padding: 10px;
	display: block; 
	z-index: 1;	
	
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
.preview_mode .skyhook_ios_form .u_l{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);	
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0) rotate(0) scale(1);
}
.skyhook_ios_form .u_l.move_left{left: 0;}

.skyhook_ios_form .skyhook_ios_nav_bar{display: none;}
.skyhook_ios_form.title_bar .skyhook_ios_nav_bar{display: block;}
.skyhook_ios_form.title_bar .scroller{margin-top: 49px;}
.skyhook_ios_form .scroller{position: relative; width: 100%}

.skyhook_ios_form .ios_row_icon{
	min-width: 50px;
	height: 100%;
}

.skyhook_tableview_rte_cmp{background-color: transparent;}
.inline_editor_overlay > .skyhook_tableview_rte_cmp{background-color: white;}

.skyhook_ios_form .ios_row_content{
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	overflow: hidden;
}

.skyhook_ios_form .skyhook_image_cmp{
	margin-right: 5px;
}

.skyhook_ios_form .ios_row_content, .skyhook_ios_form .ios_row_text{
	min-height: 40px;
}

.skyhook_ios_form .ios_row_text table{
	min-height: 40px;
	height: 40px;
}

.skyhook_ios_form .ios_row_content{border-bottom: 1px solid #000;}
.skyhook_ios_form .iscroll_list_item:last-child .ios_row_content{border-bottom: none;}

.skyhook_ios_form .ios_row_wrapper{
	width: 100%;
	height: 18px;
	min-height: 42px;
	background-color: #fff;
}

.skyhook_ios_form ul, .skyhook_ios_form li{
	margin: 0;
	padding: 0;
	line-height: 1.4em !important;
}

.ios_tableview_content .resizer{
	display: none !important;
}

.ios_tableview_content, .ios_tableview_content .cmp_content {
	overflow: hidden !important;
	line-height: 1em;
}

.ios_tableview_content *{
	margin: 0;
	padding: 0;
}

.skyhook_ios_form{
	border-width: 0;
} .skyhook_ios_check_cmp{
	opacity: 0.3;
}

.skyhook_ios_check_cmp.checked{
	opacity: 1;
}

 .iphone_wrap.browser.landscape{
		width: 480px;
		height: 320px;
	}
	.iphone_wrap.browser.portrait{	
		width: 320px;
		height: 480px;
	}
	
	/* End iPhone 4 */
	
	/* iPhone 5 */
	.iphone_wrap.iphone5.browser.landscape{
		width: 568px;
		height: 320px;

	}
	.iphone_wrap.iphone5.browser.portrait{
		height: 568px;
		width: 320px;
	}
	
	
	/* End iPhone 5 */
	
	/* iPhone 6 */
	.iphone_wrap.iphone6.browser.landscape{
		width: 667px;
		height: 375px;

	}
	.iphone_wrap.iphone6.browser.portrait{
		height: 667px;
		width: 375px;
	}
	
	
	/* End iPhone 6 */
	
	/* iPhone 6+ */
	.iphone_wrap.iphone6plus.browser.landscape{
		width: 736px;
		height: 414px;

	}
	.iphone_wrap.iphone6plus.browser.portrait{
		height: 736px;
		width: 414px;
	}
	
	/* End iPhone 6+ */


	/* Nexus 5 */
	.iphone_wrap.nexus5.browser.landscape{
		width: 640px;
		height: 360px;

	}
	.iphone_wrap.nexus5.browser.portrait{
		width: 360px;
		height: 640px;
	}
	
	
	/* End Nexus 5 */
	
	/* galaxy s7 */
	.iphone_wrap.galaxys7.browser.landscape{
		width: 640px;
		height: 360px;

	}
	.iphone_wrap.galaxys7.browser.portrait{
		width: 360px;
		height: 640px;
	}
	
	
	/* End galaxy s7 5 */
	
	/* Nexus 7 */
	.iphone_wrap.nexus7.browser.landscape{
		width: 966px;
		height: 604px;

	}
	.iphone_wrap.nexus7.browser.portrait{
		width: 604px;
		height: 966px;
	}
	
	
	/* End Nexus 7 */
	
	/* Nexus 7 2 */
	.iphone_wrap.nexus7_2.browser.landscape{
		width: 960px;
		height: 600px;

	}
	.iphone_wrap.nexus7_2.browser.portrait{
		width: 600px;
		height: 960px;
	}
	
	
	/* End Nexus 7 */

	/* iPad */
	.iphone_wrap.ipad.browser.landscape{
		width: 1024px;
		height: 768px;

	}
	.iphone_wrap.ipad.browser.portrait{
		width: 768px;
		height: 1024px;
	}
	
	/* End iPad */
	
	/* Custom */
	
	.iphone_wrap.custom.browser.landscape{
		width: 480px;
		height: 320px;
	}
	
	.iphone_wrap.custom.browser.portrait{	
		width: 320px;
		height: 480px;
	}
	
	/* End Custom */



.iphone_wrap .content{
	width: 100% !important;
	height: 100% !important;
}

.iphone_wrap .col{
	border: none !important;
}



.iphone_wrap *{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
}

.iphone_wrap.browser.landscape .content{
	left: 0;
	top: 0;
}
.iphone_wrap.browser .content{
	margin: 0;
}

.iphone_wrap.browser{
	background-color: transparent;
	border: 0;
}

 #rich_text_editor .shadow{
	box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}

#rich_text_editor .window_content{
	height: 59px;
	padding: 5px 5px 0 5px;
	overflow: hidden;
}

#rte_link_url{
	padding: 5px;
}

#rte_link_container{
	margin-top: 5px;
}


#rich_text_editor .editor_toolbar{
	display: none;
}

#rich_text_editor{
	width: 367px;	
}

.force_hide{visibility: hidden !important; display: none !important;}
.force_hide .window_content{visibility: hidden !important; display: none !important;}

.btn.icon div{
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#rich_text_editor .btn-group{
	float: left;
	margin-top: 3px;
}

.skyhook_rich_text_area ol li{
	display: list-item !important;
	list-style-type: decimal !important;
}

.skyhook_rich_text_area ul li{
	display: list-item !important;
	list-style-type: disc !important;
}

.skyhook_rich_text_area ol{list-style-type: decimal !important; padding-left: 1.5em !important;}
.skyhook_rich_text_area ul{list-style-type: disc !important; padding-left: 1.5em !important;}

.btn.bold div{background-image: url(/includes/img/wireframe/icons/bold.png);}
.btn.italic div{background-image: url(/includes/img/wireframe/icons/italic.png);}
.btn.underline div{background-image: url(/includes/img/wireframe/icons/underline.png);}
.btn.left_justify div{background-image: url(/includes/img/wireframe/icons/left_justify.png);}
.btn.center_justify div{background-image: url(/includes/img/wireframe/icons/center_justify.png);}
.btn.right_justify div{background-image: url(/includes/img/wireframe/icons/right_justify.png);}
.btn.bullet div{background-image: url(/includes/img/wireframe/icons/bullet.png);}
.btn.indent div{background-image: url(/includes/img/wireframe/icons/indent.png);}
.btn.outdent div{background-image: url(/includes/img/wireframe/icons/outdent.png);}
.btn.save div{background-image: url(/includes/img/wireframe/icons/disk_black2.png); padding: 0 16px 0 26px; background-position: 5px 50%; color: #fff; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2); line-height: 15px;}
.btn.undo div{background-image: url(/includes/img/wireframe/icons/undo.png);}
.btn.redo div{background-image: url(/includes/img/wireframe/icons/redo.png);}
.btn.img div{background-image: url(/includes/img/wireframe/icons/img.png);}
.btn.video div{background-image: url(/includes/img/wireframe/icons/video.png);}
.btn.link div{background-image: url(/includes/img/wireframe/icons/link.png);}
.btn.unlink div{background-image: url(/includes/img/wireframe/icons/unlink.png);}
.btn.h1 div{background-image: url(/includes/img/wireframe/icons/h1.png);}
.btn.h2 div{background-image: url(/includes/img/wireframe/icons/h2.png);}
.btn.h3 div{background-image: url(/includes/img/wireframe/icons/h3.png);}
.btn.ul div{background-image: url(/includes/img/wireframe/icons/ul.png);}
.btn.ol div{background-image: url(/includes/img/wireframe/icons/ol.png);}
.btn.clear div{background-image: url(/includes/img/wireframe/icons/clear.png);}
.btn.cut div{background-image: url(/includes/img/wireframe/icons/cut.png);}
.btn.copy div{background-image: url(/includes/img/wireframe/icons/copy.png);}
.btn.paste div{background-image: url(/includes/img/wireframe/icons/paste.png);}
.btn.strike div{background-image: url(/includes/img/wireframe/icons/strike.png);}
.btn.hr div{background-image: url(/includes/img/wireframe/icons/hr.png);}
.btn.color div{background-image: url(/includes/img/wireframe/icons/color.png);}
.btn.pages_flyout div{background-image: url(/includes/img/wireframe/icons/pages.png);}
.btn.apply div{background-image: url(/includes/img/wireframe/icons/tick.png);background-position: 2px 4px;}
.btn.cancel div{background-image: url(/includes/img/wireframe/icons/x.png?v=1);background-position: 0px 2px;} .skyhook_ios_carousel_cmp.skyhook_cmp:before {
    border: 1px solid #6c6c6f;
}
.skyhook_ios_carousel_cmp > .mockup_carousel_index_container li {
    background-color: rgb(240, 240, 240);
}

.skyhook_ios_status_bar .carrier {
    line-height: 20px;
}
.skyhook_ios_status_bar .editable_text {
    line-height: 20px;
}

.skyhook_ios_slider_cmp.ios7 .slider_button {
    width: 26px;
    height: 26px;
}
.skyhook_ios_slider_vert_cmp.ios7 .slider_button {
    width: 26px;
    height: 26px;
    left: 1px;
}
.skyhook_button_cmp.skyhook_ios7_bk_btn.right .editable_text{
	padding: 0 24px 0 10px;
}
.skyhook_button_cmp.skyhook_ios7_bk_btn.left .editable_text{
	padding: 0 10px 0 24px;
}
.skyhook_button_cmp.skyhook_ios_btn .editable_text,
.skyhook_button_cmp.skyhook_ios7_bk_btn .editable_text{
	position: relative;
	text-shadow: 1px 1px 0 #fff;
}
.skyhook_button_cmp.skyhook_ios7_bk_btn:before{
	
}
.skyhook_button_cmp.skyhook_ios_btn,
.skyhook_button_cmp.skyhook_ios7_bk_btn {
    box-shadow: none;
    background: #ebecf2;
    border: 1px solid #b2b2b2;
    font-weight: normal;
    color: #6c6c6f;
    border-radius: 4px;
    box-shadow: none;
	overflow: hidden;
}
.skyhook_button_cmp.skyhook_ios7_bk_btn{
	padding-left: 5px;
	background: transparent;
	border: 0px;
	color: #007bff;
}
.skyhook_button_cmp.skyhook_ios7_bk_btn:after{
	content: '';
	position: absolute;
	left: 2px;
	top: 0px;
	background-image: url(/includes/img/wireframe/icons/svg/arrows/chevron-big-3-01_blue.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 20px;
	height: 100%;	
}
.skyhook_button_cmp.skyhook_ios7_bk_btn.fwd:after{
	content: '';
	position: absolute;
	right: 2px;
	left: auto;
	top: 0px;
	background-image: url(/includes/img/wireframe/icons/svg/arrows/chevron-big-4-01_blue.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 20px;
	height: 100%;	
}
.skyhook_ios_button_bar_cmp li:last-child {
	border-right: 1px solid #b2b2b2;	
}
.skyhook_ios_button_bar_cmp li:first-child {
	border-left: 1px solid #b2b2b2;	
}
.skyhook_ios_button_bar_cmp li {
	color: #333;
	font-size: 12px;
	font-weight: normal;
	box-shadow: 0 0 0 #000;
	background-color: #ebecf2;
	border-right: none;
	border-left: 1px solid #b2b2b2;
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	overflow: hidden;
}

.skyhook_ios_button_bar_cmp li .editable_text{
	position: relative;

}

/* iOS Button Bar */
.skyhook_ios_button_bar_cmp li.active {
	background: #dbdce4;
	color: #000;
}
/* SHAPES */
.skyhook_rectangle {
    border-radius: 0;
    background: #fff;
    border: 1px solid #6c6c6f;
}
.skyhook_ellipse {
    border-radius: 50%;
    background: #fff;
    border: 1px solid #6c6c6f;
}
/* PAGING */
.style_line .skyhook_paging_toolbar_cmp .page_left::before, .style_line .skyhook_paging_toolbar_cmp .page_right::before, .style_line .skyhook_paging_toolbar_cmp .current_page::before {
    content: '';
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    border: 1px solid #c8c8c8;
    border-style: solid;
    background-color: #e9ecef;
    border-radius: 4px;
}
.style_line .skyhook_paging_toolbar_cmp .page_left, .style_line .skyhook_paging_toolbar_cmp .page_right, .style_line .skyhook_paging_toolbar_cmp .current_page {
    border-radius: 0;
    box-shadow: none;
    margin-right: 2px;
}
.skyhook_paging_toolbar_cmp .chev_left,
.skyhook_paging_toolbar_cmp .chev_right {
    background: none;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
}
/* TABLE */
.skyhook_table tr:nth-child(odd) {
    background-color: #e6e6e6;
}
.style_line .skyhook_table table {
	border: 1px solid #6c6c6f;
}
.style_line .skyhook_table td {
    border-color: #dfe1e2;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    padding: 2px;
    margin: 0;
    text-align: center;
}
/* BUTTON BAR */
.skyhook_button_bar_cmp li {
    color: #333;
    background-color: #ebecf2;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
	padding: 0 10px 0 10px;
}
.skyhook_button_bar_cmp li:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.skyhook_button_bar_cmp li:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #d9d9d9;
}
/* HAMBURGER MENU */
.skyhook_hamburger {
    background-color: #ebecf2;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}	
.skyhook_hamburger .hamburger_layer {
    background-color: #000;
    border-radius: 20px;
    height: 1px;
    width: 100%;
    margin: 2px 0;
}

/* WEB POPUP */
.skyhook_web_popup .editable_text{
    white-space: normal;
    overflow: hidden;
}
.skyhook_web_popup .popup_content{
	display: flex;
    align-items: center;
    height: 100%;
	padding: 10px;
}
.skyhook_web_popup{
	color: #000000;
}

/* WINDOW */
.style_line .skyhook_container_cmp.window_cmp_header > .cmp_container_content {
    border-top-color: #c8c8c8;
    border-left-color: #c8c8c8;
    border-right-color: #c8c8c8;
    border-bottom-color: #e9ecef;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	background-color: #fff;
}
.style_line .skyhook_window_cmp {
    border-radius: 0;
}
.skyhook_window_cmp .window_cmp_body {
    border-color: #c8c8c8;
}
.style_line .skyhook_window_cmp .window_cmp_footer > .cmp_container_content {
    border-top-color: #e9ecef;
    border-left-color: #c8c8c8;
    border-right-color: #c8c8c8;
    border-bottom-color: #c8c8c8;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #fff;
}
/* CAROUSEL */
.skyhook_carousel_cmp > .mockup_carousel_index_container li {
    float: none;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #d9dbe8;
    background-color: #fff;
    cursor: pointer;
    margin: 0 2px;
    border-radius: 100px;
}
.skyhook_carousel_cmp > .mockup_carousel_index_container {
    position: absolute;
    display: inline-block;
    right: 0;
    bottom: 20px;
    z-index: 9000;
    border: none;
    left: 0;
    text-align: center;
}

.skyhook_carousel_cmp > .mockup_carousel_index_container li.active {
    background-color: #91949e;
}
.skyhook_carousel_cmp > .prev svg {
	    margin-left: -7%;
}
.skyhook_carousel_cmp > .next svg{
	    margin-left: 7%;
}
.skyhook_carousel_cmp > .prev ,
.skyhook_carousel_cmp > .next {
    background-image: none;
	display: flex;
    align-items: center;
    justify-content: center;
	color: #000;
}
.carousel_content_container {
    position: absolute;
    overflow: hidden;
    border: 1px solid #ebecf2;
}
.skyhook_carousel_cmp > .nav {
    width: 30px;
    height: 30px;
	border-radius: 200px;
    background-color: #ebecf2cc;
}
/* ACCORDION */
.short > .accordion_chev .up{
	display: block;
}
.short > .accordion_chev .down{
	display: none;
}
.accordion_chev .down{
	display: block;
}
.accordion_chev .up{
	display: none;
}
.accordion_chev{
	position: absolute;
    right: 13px;
    top: 15px;
    z-index: 999;
}
.accordion_cmp_header{
	background: #ebecf2;
    border-color: #d9d9d9;
}
.accordion_cmp_panel{
	border-color: #d9d9d9;
}
/* TABS */
.style_line .mockup_tab_container > .mockup_tab {
    border-color: #2196f3;
}
.skyhook_tabs_cmp > .tab_content_container > .skyhook_container_cmp.active {
    border-left: 1px solid #2196f3;
    border-right: 1px solid #2196f3;
    border-bottom: 1px solid #2196f3;
    border-top: none;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.vertical .accordion_content_container > .accordion_body.active:last-child > .accordion_cmp_panel {
    border-right: 1px solid #d9d9d9;
}
.skyhook_accordion_cmp .accordion_content_container > .accordion_body.active:last-child> .accordion_cmp_panel {
    border-bottom: 1px solid #d9d9d9;
}

.skyhook_accordion_h_cmp .accordion_h_content_container > .accordion_h_body.active > .accordion_cmp_panel {
    border-color: #d9d9d9;
}
.skyhook_accordion_h_cmp .accordion_h_content_container > li.short {
    border-color: #d9d9d9;
}
.style_line .accordion_h_body.short {
    background: #fff;
}
.skyhook_accordion_h_cmp .accordion_h_content_container > .accordion_h_body.active:last-child> .accordion_cmp_panel {
    border-right: 1px solid #d9d9d9;
}
.skyhook_accordion_h_cmp .accordion_h_content_container > .accordion_h_body.active:last-child> .accordion_cmp_panel {
    border-right: 1px solid #d9d9d9;
}
.skyhook_accordion_h_cmp .accordion_h_content_container > .accordion_h_body.active:last-child> .accordion_cmp_panel {
    border-left: 1px solid #d9d9d9;
}
/* TEXTFIELD */
.skyhook_textfield_container input, 
.skyhook_textfield_button_cmp input, 
.skyhook_textfield_container textarea {
    border: 1px solid #6c6c6f;
	box-shadow: none;
	border-radius: 4px;
	color: #6c6c6f;
}
.skyhook_textfield_button_cmp input{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.skyhook_textfield_container input:focus, 
.skyhook_textfield_button_cmp input:focus, 
.skyhook_textfield_container textarea:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25)
}
/* FIELDSET */
.skyhook_fieldset > .legend {
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    background-color: #fff;
    color: #6c6c6f;
}
.skyhook_fieldset{
	border: none;
	border-radius: 0;
	background: transparent;
}
.skyhook_fieldset > .cmp_container_content{
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    background-color: #fff;
	height: calc(100% - 12px);
	position: absolute;
	bottom: 0;
}

/* TOGGLE */
.skyhook_button_cmp.checked {
    box-shadow: inset 3px 3px 0px rgba(0,0,0,0.2);
    background: #2196f3;
}
/* RADIOBUTTON */
.skyhook_ios_switch_cmp{
	box-shadow: inset -10px -15px rgba(255,255,255,0.1);
}
.skyhook_ios_switch_cmp::before{
	border: 1px solid #6c6c6f;
}
.skyhook_ios_switch_cmp > .switch_bg > .bg {
    margin-left: 3px;
    margin-top: -1px;
    border: 1px solid transparent;
	background: #fff;
}
.skyhook_ios_switch_cmp.checked > .switch_bg > .bg {
    margin-left: 53px;
}
.skyhook_ios_switch_cmp.bold > .switch_bg > .bg > .switch_btn:after {
	    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    z-index: 999;
    background-color: #e6e6e6;
    border-radius: 100px;
    left: 5px;
    top: 5px;
}
.skyhook_ios_switch_cmp.bold > .switch_bg > .bg > .switch_btn {
	margin-left: -2px;
	background: #fff;
    width: 30px;
    height: 30px;
    margin-left: -4px;
	position: relative;
}
.skyhook_ios_switch_cmp > .switch_bg > .bg > .switch_btn{
	border: 1px solid #6c6c6f;
}
.skyhook_ios_switch_cmp.bold > .switch_bg > .bg > .switch_btn > .on, .skyhook_ios_switch_cmp.bold > .switch_bg > .bg > .switch_btn > .off {
    font-weight: bold;
}
/* RADIO, CHECK */
.skyhook_radio_cmp,
.skyhook_check_cmp{
    color: #6c6c6f;
}
/* BUTTON */
.skyhook_button_cmp.skyhook_base_container {
	color: #212529;
}
.skyhook_button_cmp{
	border: 1px solid #1989e2;
    background: #2196f3;
    border-radius: 4px;
    color: #ffffff;
}

/* COMBO */
.skyhook_combo .trigger svg{
	position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
	top: calc(50% - 5px);
}
.skyhook_combo.v2 .trigger {
    background-image: none;
    background-repeat: no-repeat;	
}
.skyhook_combo .trigger {
    border-style: solid;
    background-color: transparent;
    background-position: 50% 50%;
    border-style: solid;
    border-color: #6c6c6f;
    border-width: 0px;
	background-color: #000;
}
.skyhook_combo {
    border-radius: 4px;
    border: 1px solid #545b62;
    background-color: #5a6268;
}
.skyhook_combo_list.values {
	
}
.skyhook_combo_list.values .value:first-child{
	margin-top: 4px;
}
.skyhook_combo_list.values {
    /*box-shadow: 2px 2px 0px rgba(0,0,0,0.2);*/
    z-index: 999999999;
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,.15);
    background-color: #ffffff;
    border-radius: 4px;
    position: absolute;
    padding-right: 8px;
    margin-left: -1px;
	min-width: fit-content;
}

/* SLIDER */
.skyhook_ios_slider_vert_cmp .slider_bg{
	border: 1px solid #6c6c6f;
    border-radius: 10px;
    background: #fff;
	overflow: hidden;
	box-shadow: none !important;
}
.skyhook_ios_slider_vert_cmp .slider_bg > .bg {
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 100%;
    border-radius: 10px;
    background: #ebecf2;
}

.skyhook_ios_slider_cmp .slider_bg > .bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 10px;
    background: #ebecf2;
}
.skyhook_ios_slider_cmp .slider_bg {
    box-shadow: none !important;
    position: absolute;
    left: 0;
    top: 6px;
    width: 100%;
    height: 14px;
    border: 1px solid #6c6c6f;
    border-radius: 10px;
    background: #fff;
	overflow: hidden;
}
.skyhook_ios_slider_cmp .slider_button::after,
.skyhook_ios_slider_vert_cmp .slider_button::after 
{
	    position: absolute;
    left: 6px;
    top: 6px;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #e6e6e6;;
}
.skyhook_ios_slider_cmp .slider_button::before,
.skyhook_ios_slider_vert_cmp .slider_button::before 
{
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 24px;
    height: 24px;
    border: 1px solid #7a7a7d;
    border-radius: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
}
.skyhook_ios_slider_cmp .slider_button,
.skyhook_ios_slider_vert_cmp .slider_button 
{
    box-shadow: none;
} html, body{
	font-family: "Nunito", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.editable_text[contenteditable="true"]{
	cursor: text;
}

.unlock_notice .window_footer{
	height: 40px;
    background: transparent;
    text-align: center;
	margin-top: 22px;
}
.unlock_notice.show{
	bottom: 10px;
}
.unlock_notice{
	position: absolute;
	width: 194px;
	bottom: -350px;
	right: 20px;
	background: #252a30;
	padding: 20px;
	color: #fff;
	transition: all 0.3s;
}







input:focus, textarea:focus{
	box-shadow: none;
}
#skyhook_notification.error {
    background-color: #f14848 !important;
}
.login_details_dropdown .google_login{
	padding-left: 45px;
    background: url(/includes/css/v2/img/google.svg) no-repeat 17px 50% #eaebed;
    background-size: 44px;
    border: 1px solid rgb(218 221 227);
    padding: 4px 35px;
    text-indent: 42px;
    margin: 20px;
    border-radius: 4px;
}
.login_details_dropdown .or_text{
	display: inline-block;
    padding: 5px;
    background: #b6bcc1;
    position: relative;
    z-index: 999;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
}
.login_details_dropdown .login_divider:before{
	content: '';
    position: absolute;
    border-top: 2px solid #dadde3;
    left: 0;
    top: 50%;
    width: 100%;
}
.login_grp input:invalid{
	background-color: #fb8989 !important;
}
.login_grp .cancel_pw_reset{
	line-height: 30px;
    padding-top: 10px;
}
.login_grp input{
	width: 213px;
    padding: 10px;
    background: #000;
    display: block;
    
    margin: 10px 0;
    color: #fff;
	border: 0;
	border-radius: 4px;
	
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-weight: 550;
	font-style: normal;
}
.login_details_dropdown .login_form{
	margin: 20px 0 16px;
	padding: 0 20px;
}
.login_details_dropdown .primary_btn{
	line-height: 30px;
    background: #335eea;
    color: #fff;
    font-weight: 600;
    padding: 3px;
    border-radius: 4px;
}
.login_details_dropdown .pw_reset_msg{
	background: #e9e9e9;
}
.login_details_dropdown .create_new_account{
	
	border-top: 1px solid #000;
}
.login_details_dropdown .create_new_account,
.login_details_dropdown .pw_reset_msg
{
	line-height: 35px;
}
.login_details_dropdown .login_instructions{
	text-align: center;
    /* margin: 20px 0; */
    padding: 12px 20px 0;
    white-space: normal;
    line-height: 20px;
}
.login_details_dropdown .login_divider{
	position: relative;
    color: #000;
    font-weight: 600;
    text-align: center;
    line-height: 20px;
    margin: 0;
}
.top_banner_dropdown.show{
	display: block;
}
.top_banner_dropdown{
	position: absolute;
    right: 0;
    top: 54px;
    background: #f5f5f5 ;
    min-height: 50px;
    background-image: none !important;
	max-width: 280px;
	min-width: 200px;
	display: none;
	border: 1px solid #dadde3;
	box-shadow: 0 0 50px #161c2d5e;
}
.account_details_dropdown .option.account_details{
	background: url(/includes/css/v2/img/gear_blue.svg) no-repeat 14px 4px;
    background-size: 30px;
}
.account_details_dropdown .option.invoices{
	background: url(/includes/css/v2/img/invoice.svg) no-repeat 17px 2px;
    background-size: 25px;
	display: none !important;
}
.account_details_dropdown .option.invite_clients{
	background: url(/includes/css/v2/img/invite_clients.svg) no-repeat 18px 4px;
    background-size: 25px;
}
.account_details_dropdown .option.log_out{
	background: url(/includes/css/v2/img/log_out_blue.svg) no-repeat 20px 7px;
    background-size: 29px;
}
.account_details_dropdown .option:hover{
	color: #335eea;
}
.account_details_dropdown .option{
	margin: 13px 0;
    text-align: left;
    padding-left: 55px;
    line-height: 40px;
}
.upsell_message{
	font-size: 18px;
    padding: 10px 10px 17px;
    border-radius: 0;
    text-align: center;
    font-weight: 600;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

#project_combo_container.left{
	margin: 5px 5px 5px 10px;
}

.flat .flat_buttons_bar {
    height: 54px;
    background: #fff url(/includes/img/wireframe/logo5.png) no-repeat;
    background-size: 96px;
    background-position: 0px 50%;
    text-shadow: none;
	border-bottom: 1px solid #dadde3;
}
#project_combo_container .label{
	background-image: none;
    margin: 0;
    line-height: 42px;
    
    font-size: 13px;
    color: #071437;
    font-weight: bold;
    margin-right: 5px;
    height: 43px;
    padding-left: 0px;
	
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-weight: 550;
	font-style: normal;
}
.combo .values{
	padding: 0;
    border-radius: 1px;
    border: #000;
    background: #e3e3e5;
    color: #071437;
    
    font-size: 13px;
    height: 38px;
    line-height: 36px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-weight: 550;
	font-style: normal;
}
.combo .values .selected_value{
	border-right: none;
}
.combo .trigger .trigger_img{
	background: url(/includes/css/v2/img/blue/chev_down_white.svg) no-repeat 50%;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-size: 16px;
}
.combo .trigger{
	width: 36px;
    height: 37px;
    border-radius: 1px;
    border: 0;
    background: #d5d5d5;
}
#project_combo_container .add_new_proj{
	width: 30px;
    height: 30px;
    background: url(/includes/css/v2/img/blue/plus.svg) 0 10px;
    background-size: 23px;
    background-repeat: no-repeat;
}
#project_combo_container .edit_proj{
	width: 30px;
    height: 35px;
    background: url(/includes/css/v2/img/blue/gear.svg) 0 10px;
    background-size: 23px;
    background-repeat: no-repeat;
}
.combo .values .selected_value{
	height: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
}
.combo .values .value_header{
	line-height: 2em;
}
.combo .values .value, .combo .values .value_header{
	padding: 0 10px 0 10px;
    background-color: #00a3ff;
    color: #07174e;
    font-size: 13px;
    text-shadow: none;
    font-weight: 600;
}
.combo .values .value_header{
	display: none;
}
.combo .value.add_new {
    border-radius: 0;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #dfe2e7;
}
.other_values{
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	top: 3px;
}

.combo .combo_values_list:last-child {
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    min-height: 5px;
    background-color: #000;
    border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.combo .value.active {
    background: #d5d5d5 !important
    text-shadow: none;
    color: #fff;
    font-weight: bold;
    background-size: 15px !important;
}
.combo_values_list .value{
	line-height: 1.4em;
    padding: 6px 10px !important;
}
.val_wrap:last-child .value{
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.combo .value.add_new {
    border-top: 1px solid #dadde3;
    font-weight: bold;
}
.combo .value.active,
.combo .value:hover
{
	text-shadow: none;
}
.combo .value.add_new {
    background: #e3e3e5 url(/includes/css/v2/img/plus.svg) right 3px top 10px;
    background-size: 15px;
    background-repeat: no-repeat;
    padding-right: 22px;
    border-top-left-radius: 5px;
}
.flat_buttons_container > div{
	vertical-align: top;
}
.flat_buttons_container{
	float: left;
	height: 54px;
	background: #fff;
	border:none;
}
.flat_button{
	height: 54px;
    line-height: 55px;
    text-shadow: none;
    
    font-size: 15px;
    color: #071437;
	
	font-family: "Nunito", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
.flat .flat_button.save_mockup{
	padding-left: 52px;
    background: url(/includes/css/v2/img/blue/save_cloud2.svg) no-repeat 17px 17px;
    background-size: 25px;
}
.flat #undo_redo_history{
	transition: opacity 0.3s;
    opacity: 1;
    width: 181px !important;
    background-color: #fff !important;
    border-top: 1px solid rgb(218 221 227);
    top: 42px !important;
}
.flat_buttons_container .trigger{
	background: url(/includes/css/v2/img/blue/chev_down.svg) no-repeat 50% 50%;
	background-size: 10px;
	opacity: 1;
}
.flat .undoredo:hover #undo_redo_history{
	opacity: 1;
}
.flat .undoredo{
	width: 185px !important;
	height: 11px !important;
}
.flat .flat_button.undo_mockup{
	padding-left: 42px;
    background: url(/includes/css/v2/img/blue/undo.svg) no-repeat 11px 12px;
    background-size: 25px;
}
.flat .flat_button.redo_mockup{
	padding-left: 42px;
    background: url(/includes/css/v2/img/blue/redo.svg) no-repeat 11px 12px;
    background-size: 25px;
}
.flat_button:hover{
	background-color: transparent;
}
.flat .flat_button.mockup_publish_to_device.desktop{
	background: url(/includes/css/v2/img/blue/share.svg) no-repeat 9px 16px;
    background-size: 24px;
    padding-left: 25px;
}
.mockup_publish_to_device .caret{
	margin-left: 10px !important;
}
#top_right_console_btns .help{
	padding-left: 32px;
    background: url(/includes/css/v2/img/blue/help.svg) no-repeat 5px 16px !important;
    background-size: 25px !important;
	display: none !important;
}
#top_right_console_btns .login .avatar,
#top_right_console_btns .my_account .avatar{
	width: 29px;
    height: 28px;
    border-radius: 0px;
    background: #335eea url(/includes/css/v2/img/avatar.svg) 50% 50% no-repeat;
    background-size: 25px;
    position: absolute;
    right: 10px;
    top: 12px;
	padding: 0;
	border-radius: 4px;
}
#top_right_console_btns .preview{
    background: transparent;
}
#top_right_console_btns .login,
#top_right_console_btns .my_account{
    background: transparent;
	padding-left: 3px;
}
#account_details_btn_group .login_grp {
    margin-left: 0px;
}
#top_right_console_btns .fullscreen{
	padding-left: 36px !important;
    background: url(/includes/css/v2/img/blue/fullscreen.svg) no-repeat 10px 18px !important;
    background-size: 23px;
}
#top_right_console_btns{
	float: right;
	width: 606px;
}
#flat_buttons_bar .sign_up{
	padding-left: 45px;
	background-image: url(/includes/css/v2/img/rte/carbon/checkmark--outline.svg);
	background-repeat: no-repeat;
	background-size: 28px;
	background-position: 10px 12px;
}
#top_right_console_btns .login{
	padding-left: 12px;
}
#flat_buttons_bar .login_grp{
	display: inline-block;
}
#flat_buttons_bar .sign_up{
	background-color: #335eea;
	color: #fff;
	font-weight: 600;
}
#account_details_btn_group{
	display: inline-block;
	visibility: visible;
	opacity: 1;
}
/*
#template_elements .template_help p{
	margin-top: 10px;
}
#wireframe_components_accordion .cmp_accordion_help{
	padding: 0px 20px 10px 30px;
    background: url("/includes/img/wireframe/icons/information_frame.png") no-repeat 6px 4px;
    border-bottom: 1px solid #dfdfdf;
}
#template_elements .template_help{
	padding: 10px 20px 0 30px;
	background: url("/includes/img/wireframe/icons/information_frame.png") no-repeat 6px 24px;
}

#kb_filter_input{
	border-radius: 5px;
    border: 1px solid rgba(204, 204, 204, 0.29);
    margin: 6px;
    width: 296px;
}
#kb_filter{
	display: none;
}
.show_filter #kb_filter{
	display: block;
	position: fixed;
    right: 0;
    top: 64px;
    height: 50px;
    background: #fff;
	border-bottom: 1px solid rgba(0,0,0,0.1);
    width: 305px;
    z-index: 9999999999;
}
#components_panel{position: relative;}
#wireframe_components_accordion{
	margin-top: 36px !important;
}

.flat #top_nav {
	background: #444d59;
}
.flat .window_header.info .window_header_text{
	background-color: #444d59 !important
}
.flat .window_header.error .window_header_text{
	background-color: #da4f49 !important;
}

#project_specific_properties hr{
	border-top: 1px solid #ccc;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin: 15px 0;
}
#wireframe_toolbox_head_options{
	margin-top: 10px;
}
#top_nav .el_content h1{
	color: #fff;
    margin: 10px;
    font-weight: 200;
}

#preview_mode_off_restoring{
	top: -43px;
}

#edit_proj_tooltip{
	right: -252px;
    top: -33px;
}

.flat #notes_panel .header {
	background-position: 5px 14px;
}

#top_nav, .flat #top_nav .el_content{
	background-image: none !important;
}

.flat .window_header .window_header_text{
	background: #444d59;
}

.window_header .button {
	background-color: rgba(255,255,255,1);
	border: 1px solid #000000;
}

.collapse_container{
	background: rgba(68, 77, 89, 0.94);
}

.window_content {
	border: none;
	border-radius: 5px;
	margin-right: 3px;
}

#help_popup_window .inner_flex{
	padding-top: 0px !important;
}

.window .inner_flex{
	padding-top: 3px;
}

.window_body,
.window_footer 
{
	border: none;
	background-color: #fff;
}

.flat .window_header .window_header_text {
	margin: 0;
	border: 0;
	background-color: #444d59 !important;
}

.window_header {
	border: none;
}

.shadow {
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	border-radius: 5px;
}

.collapsed .window_footer {
	display: none;
}
.window_footer {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	min-height: 5px;
}

.window_body{
	
}

::-webkit-scrollbar {width: 5px;height: 10px;}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0,0,0,0.1);
}

#cmp_style_editor_win fieldset {
	border: 1px solid rgba(204, 204, 204, 0.3);
    background: rgba(239, 239, 239, 0.41);
}

.window_header .window_header_text {
	padding: 3px 3px 3px 10px !important;
    height: 28px;
    line-height: 28px;
}

.window.movable.collapsed .shadow {
    height: 33px !important;
}

#wireframe_sidebar .window_button_group {
    right: 8px;
    top: 5px;
}

#interface_flex #wireframe_sidebar #wireframe_toolbox .el_content > .window_body > .window_content {
	margin: 0;
	padding: 0;
}


#interface_flex #wireframe_sidebar #wireframe_toolbox .el_content > .window_body {
	padding: 0;
}

#wireframe_components h1.frst{
	border: none;
}
#wireframe_components h1{
	font-size: 14px; 
	font-weight: normal; 
	padding: 20px 10px 0px;
	margin:0; 
	color: #767C8D; 
	margin-right: 15px;
	margin-left: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.accordion_header{
	background-color: rgba(68, 77, 89, 0.24);
	text-shadow: none;
	border:none;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
	font-weight: 400;
}

.sub_page_name{
	padding: 0px 5px 0px 5px;
	min-width: 20px;
	text-align: center;
}

.accordion_header:hover {
    background-color: rgba(68, 77, 89, 0.27);
}

.flat .flat_buttons_bar {
	background: #fff;
}

.flat_button {
	border-right: none !important;
}

.flat #undo_redo_history{
	width: 100% !important;
}

.flat_buttons_container {
	background: #fff;
}

.flat_buttons_container{
	border: none !important;
}

.undoredo{
	width: auto !important;
}

.flat #undo_redo_history,
.flat #add_note_window .window_footer {
}

.modal .window_content{
	margin: 0 !important;
}

.collapse_container{
	left: 3px;
}

#code_editor_popup_window .resize_gripper{
	right: 4px !important;
    bottom: 0px !important;
}
#code_editor_popup_window .window_footer{
	background: #dfe1e2;
}

#add_note_window .window_content{
	margin: 0;
}
#add_note_window .window_header_text{
	margin: 0 !important;
}

#notes_panel .header {
	padding: 10px 5px 10px 25px;
	background-position: 14px 12px;
}

#chat_header {
	background-position: 5px 10px;
}

#notes_panel .header .add {
	top: 14px;
    right: 11px;
}

.window_header {
	background: none;
}

.accordion .window_button_group .button {
	background-color: #fff;
	border: 1px solid #afafaf;
}

#project_pages_panel .root_page > div, .skyhook_tree_cmp .root_page > div {
	
}

.root_page_name {
    padding-left: 20px;
    padding-top: 10px;
}

#wireframe_toolbox #browser_dimensions, #wireframe_toolbox #device_orientation {
	height: 55px;
}

#project_pages_panel .root_page_label + .sub_page {
	padding: 0;
}

.flat #notes_panel .header{
	background-color: rgba(204, 204, 204, 0.48) !important;
}


.window_content.grey {
	background: #fff !important;
	margin: 0;
}

}
#notes_panel .header{
    
}

#chat_header{
	background-color: rgba(204, 204, 204, 0.48) !important;
}

#help_popup_window .window_header_text{
	margin: 0 !important;
}

.code_blocks {
	margin-top: 39px;
}

.window_footer{
    background-color: #dfe1e2;
}

.window_body .inner_footer {
    height: 43px;
    background-color: #dfe1e2;
    border-top: 1px solid rgba(0,0,0,0.09);
}

#help_popup_window_resizer{
	right: 4px !important;
    bottom: 0px !important;
}

#cmp_style_editor_win .window_footer{
	background: #fff;
}

#wireframe_toolbox .window_header .window_button_group{
	display: none;
}

#pasted_cmp_indicator.paste_animated{
	transform: scale(1.6);
	opacity: 0;
}
#pasted_cmp_indicator{
	background: rgba(0,129,203,0.3);
	z-index: 100006;
	transition: all 0.8s;
	position: absolute;
	pointer-events: none;
}
*/ #project_specific_properties .project_type_tab.active{
	background-color: #1b1f23;	
}
#plan_sign_up_and_upgrade{
	margin: 0;
	background: #fff;
}
#project_specific_properties .project_name{
	background-color: #1b1f23;
}
#project_specific_properties td{
	padding: 20px 10px;
}
.window_header{
	border-bottom: 1px solid #d3d6dc;
    border-radius: 0;
    background: #f5f5f5;
    height: 44px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}
.btn:focus {
  outline: none;
  outline: none;
  outline-offset: 0;
}
.flat #manage_account_details_win .window_header .window_header_text{
	font-size: 15px;
	border-bottom: 1px solid #dadde3;
}
.flat .window_header .window_header_text{
	background: transparent;
    margin: 0;
    border: 0;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    padding-left: 14px;
    font-size: 14px;
    font-weight: 300;
    color: rgba(255,255,255,0.8);
    border-bottom: 1px solid #000;
}

.window_body.inner_flex{
	border: 0;
    background: #f5f5f5;
    color: #071449;
}

.window_content.grey table{
	color: #072261;
}
.window_content.grey{
	margin: 0;
    background: transparent;
    border: 0;
}

#manage_account_details_win h3{
    color: rgb(7 34 89);
    font-size: 16px;
    border-bottom: 1px solid #d3d6dc;
    padding: 0 0 10px 15px;
    margin: 10px 0 0 0;
    font-weight: bold;
	text-align: center;
}

#manage_account_details_win .hilite{
	padding: 0;
    margin: 0;
    color: #07225e;
    font-weight: bold;
}

.manage_details .linked_devs h3{
	font-weight: 300;
    margin: 10px 0 10px 0;
}
#account_list_of_devs{
	border-top: none;
    border-bottom: none;
    padding: 6px 15px;
	margin: 0;
}
.manage_details .linked_devs{
	padding: 0;
	position: absolute;
    right: -16px;
    top: -51px;
}
#manage_account_details_win li{
	padding: 10px;
	font-weight: bold;
}

#manage_account_details_win li .detail.name{
	color: #00a3ff;
    font-size: 14px;
	display: none;
    width: fit-content;
}
#manage_account_details_win li .detail.email{
	padding-left: 29px;
   /* background: url(/includes/css/v2/img/mail.svg) no-repeat 0 -1px;*/
    background-size: 23px;
	display: inline-block;
	position: relative;
	overflow: visible;
	
}
#manage_account_details_win li .detail {
    width: fit-content;
    padding-right: 40px;
}
#manage_account_details_win .edit{
	background: transparent url(/includes/css/v2/img/pen_b.svg) 50% 50% no-repeat !important;
}
#manage_account_details_win .del{
	background: transparent url(/includes/css/v2/img/cross_w.svg) 50% 50% no-repeat !important;
}
#modal_window a{
	color: #00a3ff;
}
#manage_account_details_win .edit,
#manage_account_details_win .del{
    border-radius: 0;
    top: -5px;
    right: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #d3d6dc;
    background-size: 19px !important;
}
.manage_details .info{
	margin: 8px 15px;
    color: #2d1449;
    opacity: 1;
    padding-left: 47px;
    background: transparent url(/includes/css/v2/img/exc.svg) 6px 10px no-repeat;
    background-size: 29px;
	display: none;
}
#manage_account_details_win{
	top: 65px;
	width: 850px;
	padding: 0;
}
.manage_details .account_plan{
    padding: 0;
	width: 100%;
}
#manage_account_cancel{
	margin: 10px 20px;
	display: none !important;
}
#plan_sign_up_and_upgrade table{
    margin: 0px auto;
	color: #222;
	padding-bottom: 50px;
	width: 350px;
}
#plan_sign_up_and_upgrade .all_plans .plan{
	background: transparent;
}
#plan_sign_up_and_upgrade .all_plans{
	width: 100%;
	display: flex;
}
#plan_sign_up_and_upgrade .all_plans .plan:last-child{
	border-radius: 0 !important;
}
#plan_sign_up_and_upgrade .all_plans .plan:first-child{
	border-radius: 0 !important;
}
#plan_sign_up_and_upgrade .all_plans .plan .price{
	padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
    color: #00ff90;
}
#flat_buttons_bar > .discount_info {
	position: relative;
    float: right;
    z-index: 99999;
}
.discount_info {
    position: absolute;
    right: -67px;
    top: 0;
    border-radius: 0;
    background: #00ff90;
    border: 0;
    color: #000;
    font-weight: bold;
    z-index: 999;
    padding: 0;
    width: 50px;
    left: auto;
    height: 54px;
    line-height: 56px;
    width: 80px;
    text-align: center;
}
#plan_sign_up_and_upgrade .all_plans .value{
	font-size: 16px;
    padding: 15px 30px 15px;
	background: #252a30;
    color: #fff;
}
#plan_sign_up_and_upgrade .all_plans .plan .btn.ghost{
	background-color: transparent !important;
	color: #222;
	border: 1px solid #eee;
	font-weight: 300;
}
#plan_sign_up_and_upgrade .all_plans .plan{
	box-shadow: none;
}
#plan_sign_up_and_upgrade .all_plans .plan .btn{
	margin-bottom: 2px;
    border-radius: 0;
    padding: 7px 16px;
    border: 1px solid #252a30;
}
.flat .btn.btn-primary {
    background: #335eea !important;
    color: #ffffff;
	font-weight: bold;
	border-radius: 4px;
}
.flat #plan_sign_up_and_upgrade .all_plans .plan .badge_current {
	background: url(/includes/css/v2/img/tick.svg) no-repeat 50% 12px #000 !important;
    background-size: 23px !important;
    height: 50px;
}

#plan_sign_up_and_upgrade .current .stripe_portal_msg{
	display: block;
}
#plan_sign_up_and_upgrade .visit_stripe_portal.portal_link_clicked{
	cursor: progress;
}
#plan_sign_up_and_upgrade .visit_stripe_portal{
	margin: 10px 0 0;
    background: #335eea;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
#plan_sign_up_and_upgrade .stripe_portal_info{
	
}
#plan_sign_up_and_upgrade .stripe_portal_msg{
	display: none;
	margin: 5px;
    background: #f7e29b;
    font-size: 14px;
    border-radius: 5px;
    padding: 10px;
}

.window_body .inner_footer{
	height: 60px;
}
.window_body .button_group{
	border-top: none;
}
.window_body .inner_footer{
	border-top: none;
}
.window_body .button_group.right {
    padding: 10px;
    float: right;
}
.flat #project_specific_properties .window_header .window_header_text{
	background: transparent !important;
    border: 0;
    font-weight: 300;
}
.flat .btn {
    text-shadow: none !important;
    box-shadow: none;
    background: #335eea !important;
    color: #fff;
    border-radius: 4px;
    padding: 9px;
    min-width: 40px;
    font-weight: bold;
}
#manage_account_details_win .stripe img{
	height: 30px;
}
#manage_account_details_win .stripe .lbl{
	display: inline-block;
    background: url(/includes/img/stripe.png) no-repeat right;
    padding: 5px 81px 5px 0;
    background-size: 81px;
    margin-top: 5px;
    margin-left: 277px;
}
#manage_account_details_win .stripe{
	color: #072259;
    text-align: center;
    float: left;
    margin: 16px 11px 0;
    font-weight: bold;
}
#manage_account_details_win .prorate{
	margin: 30px 30px;
    padding: 10px 0 10px 46px;
    line-height: 8px;
    text-align: left;
    background: transparent url(/includes/css/v2/img/exc.svg) 6px 22px no-repeat;
    background-size: 29px;
}
.window_body .inner_footer{
	background: transparent;
}
#manage_account_details_win .window_footer{
	display: none;
}
#plan_sign_up_and_upgrade .all_plans .details {
    margin-top: 5px;
    border-top: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
	text-align: left;
    padding: 10px 10px 10px 45px;
    font-size: 14px;
}
#plan_sign_up_and_upgrade .all_plans .detail {
    padding: 3px 0;
    display: list-item;
}
.subscribe_button_stripe{
	
}
.subscribe_button_stripe a{
	padding: 10px 20px;
    color: #fff;
    background: #335eea;
    display: inline-block;
    margin: 9px 0 0;
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    text-decoration: none;
}
.linked_devs .dev {
    border-bottom: 1px dashed #343940;
}
#plan_sign_up_and_upgrade .all_plans .plan .header{
	border-bottom: 0;
    margin-bottom: 5px;
    font-size: 16px;
	font-weight: 600;
	white-space: nowrap;
    padding: 0 20px;
}
#modal_header.error{
	background: #transparent !important;
}
#manage_account_details_win .window_content{
	padding: 0;
}
.window .window_content{
	background: transparent;
    border: 0;	
    font-size: 14px;
	text-align: left;
	padding: 0;
}
.window_buttons .window_footer{
	background: #f5f5f5;
    border: 0;
    height: 55px;
    text-align: center;
    padding-top: 20px;
}
.window_footer .button_group.right {
    float: none;
}
.flat .window_header .window_header_text{
	border: 0;	
    font-weight: 500;
	color: #fff;
	background-color: rgb(30, 34, 39) !important;
	border-bottom: 1px solid #000;
}
.window{
	border: 2px solid #dadde3;
    padding: 0;
    background: #f5f5f5;
	border-radius: 10px;
    overflow: hidden;
}
.window li {
    list-style-type: disc;
}
.window input[type="number"]{
	min-width: 60px !important; 	
	padding: 0 0 0 8px !important;
    line-height: 29px !important;
}
.black_input[type="text"],
.window input[type="text"],
.window input[type="number"],
.window input[type="email"],
.window input[type="password"]{
	min-width: 213px;
    padding: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-left: 2px solid #495a68;
    border-bottom: 2px solid #495a68;
    background: #000;
    display: block;
    
    margin: 0 0;
    color: #fff;
	border-radius: 0;
	
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-weight: 550;
	font-style: normal;
}
select{
    padding: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-left: 2px solid #495a68;
    border-bottom: 2px solid #495a68;
    background: #000;
    display: block;
    
    margin: 0 0;
    color: #fff;
	border-radius: 0;
	
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-weight: 550;
	font-style: normal;
}
table {
    font-size: 14px !important;
}
.window td hr{
	border-top: 1px solid #000;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	margin: 14px 0;
}
.window_footer{
	height: 0;
	border: 0;
}
.window td{
	padding: 2px;
}
input[type=checkbox]:checked{
	
}
input[type=radio] + label,
input[type=checkbox] + label{
	min-width: 23px;
    min-height: 23px;
    display: inline-block;
    position: relative;
    line-height: 23px;
}
input[type=checkbox] + label.right {
    min-width: 23px;
    min-height: 23px;
    display: inline-block;
    position: relative;
    padding-right: 28px;
    line-height: 23px;
}
input[type=checkbox] + label.right:before {
    content: '';
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #495a68;
    border-left: 2px solid #495a68;
    border-radius: 0;
    background: #000;
    width: 23px;
    height: 23px;
    position: absolute;
    box-sizing: border-box;
    right: 0 !important;
	left: auto;
    top: 0;
}
input[type=checkbox]:checked + label:before{
	background: #000 url(/includes/css/v2/img/check.svg) no-repeat 3px !important;
    background-size: 14px !important;
	display: block;
}
input[type=checkbox] + label:before{
	content: '';
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #495a68;
    border-left: 2px solid #495a68;
    border-radius: 0;
    background: #000;
    width: 23px;
    height: 23px;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
}
input[type=checkbox]{
	display: none;    
}


input[type=radio]{
	display: inline-block;    
}

.toggle_snapping_grid {
	display: none;
    text-align: right;
    color: #fff;
    margin-top: 8px;
}
#snap_grid{
	display: none;
}
#preview_mode_off_restoring {
    z-index: 9999999999;
    position: absolute;
    top: -37px;
    right: 18px;
    padding: 5px;
    border-radius: 0;
    background-color: #00ff90;
    border: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    -webkit-transition: top 0.5s;
    -moz-transition: top 0.5s;
    transition: top 0.5s;
    cursor: pointer;
    background-image: none;
    background-repeat: no-repeat;
    background-position: top right;
}
.preview_mode_switch .preview_indicator:before {
    content: 'Off';
    display: inline-block;
    width: 30px;
    height: 29px;
    /* border-top: 1px solid #00ff90; */
    /* border-right: 1px solid #00ff90; */
    position: relative;
    top: 0px;
    line-height: 29px;
    padding: 0 5px;
    background: transparent;
    color: #071437;
    /* font-weight: bold; */
    border-radius: 4px;
    border: 2px solid #071437;
}
.preview_mode_switch.on .preview_indicator:before {
    content: 'On';
    display: inline-block;
    width: 30px;
    height: 29px;
    /* border-top: 1px solid #00ff90; */
    /* border-right: 1px solid #00ff90; */
    position: relative;
    top: 0px;
    line-height: 29px;
    padding: 0 5px;
    background: #00a3ff;
    color: #fff;
    /* font-weight: bold; */
    border-radius: 4px;
    border: 1px solid #00a3ff;
}
.preview_mode_switch .preview_indicator{
	display: inline-block;
}
.preview_mode_switch {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: auto;
	top: auto;
	left: auto;
	right: auto;
}
.preview_mode_switch .label {
    background-image: none;
    position: static;
    width: auto;
    height: auto;
    left: auto;
    top: auto;
    display: inline-block;
	color: #071437;
	padding-right: 5px;
}
.preview_mode_switch .switch_bg {
    border-radius: 14px;
    overflow: hidden;
    width: 65px;
    height: 24px;
    border: 1px solid #7d7b7b;
    box-shadow: 1px 1px 0 #fff;
    display: inline-block;
    position: relative;
    top: 7px;
}
#manage_account_details_win  .button_group.right{
	padding: 20px;
}
#new_page_name_to_create{
	min-width: 214px;
	display: inline-block;
}
#create_new_page_sub_panel label{
	font-size: 12px;
}
#create_new_page_sub_panel.show{
	display: block;
}
#create_new_page_sub_panel{
	margin-top: 10px;
	display: none;
}
.collab_name {
    margin: 0;
    padding: 10px 10px 10px 40px;
    border-radius: 0;
    background-color: #60c060;
    opacity: 1;
    border: 1px solid #53a753;
    box-shadow: none;
    background-image: url(/includes/css/v2/img/disconnected_indicator.svg);
    background-repeat: no-repeat;
    background-position: 8px 50%;
    cursor: default;
    color: #fff;
}
.connected .collab_name{
	opacity: 1;
	font-weight: bold;
	color: #fff;
	background-image: url(/includes/css/v2/img/connected_indicator.svg);
}
.dev .collab_name {
    background-color: transparent;
    border: 0;
}
#collaborators_list{
	height: auto;
}
.collaborator.dev{
	float: left;
}
#mobile_quickchange{
	width: calc(100% + 30px);
	min-width: 300px;
} .preview_mode #project_type_mobile{
	margin-left: auto !important;
	margin-right: auto !important;
}

.editable_text::selection{
	background-color: #00a3ff;
}
.editable_text:focus{
	outline: 1px dotted #ccc !important;
}
.cmp_select_tooltip a{
	font-size: 13px;
	font-weight: 600;
}
.cmp_select_tooltip:after{
	content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #000;
}
.cmp_select_tooltip{
	position: absolute;
    left: 0;
    top: 23px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #000;
    font-size: 13px;
	z-index: 999999999999;
    color: #000;
	cursor: pointer;
}
#initial_load_mask{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	background: #fff;
	left: 0;
	top: 0;
	pointer-events: none;
}

.block_preview.command>.command_body>input{
	display: inline-block;
}

.inline_editor_overlay:last-of-type .editor_toolbar{
	opacity: 1 !important;
	pointer-events: all !important;
}
.inline_editor_overlay .editor_toolbar{
	opacity: 0 !important;
	pointer-events: none !important;
}

#invoices_popup {
    position: absolute;
    top: 27px;
    right: -1px;
    background-color: #252a30;
    padding: 3px 15px 3px 10px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    z-index: 100006;
    box-shadow: none;
    overflow: auto;
    max-height: 400px;
}
#invoice_popup_links > div:hover {
    color: #00a3ff;	
}
#invoice_preview_win iframe{
	border-radius: 0;
}
#invoice_popup_links {
    color: #fff;
}
#collaborators_list.show {
    height: auto;
}
#ios_toolbar_icon_chooser .icon_category_tab.active{
    background: #252a30;
    color: #fff;
}
#ios_toolbar_icon_chooser .icon_category_tab{
	cursor: pointer;
	float: left;
	padding: 5px 10px;
}
.paging_toolbar #mockup_next,
.paging_toolbar #mockup_prev,
.paging_toolbar #refresh_mockup_images
{
	min-width: 10px;
    padding: 3px 9px;

}
.paging_toolbar #mockup_current_page{
	padding: 4px;
    width: 30px;
    font-size: 10px;
    height: 29px;
    position: relative;
    top: -2px;
    text-align: center;
    min-width: 30px;
    display: inline-block;
}
.paging_toolbar{
	 background: white;
    border-top: 1px solid #ffffff;
	color: #000;
}
#wireframe_image_chooser .image_chooser_body {
    width: 644px;
    height: 408px;
    background: #fff;
    overflow-y: scroll;
}
#wireframe_image_chooser .progress {
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    float: left;
    width: 342px;
    height: 31px;
    margin: 0px 0 0 11px;
    background: #efefef;
    border-radius: 5px;
    border: 1px solid #4e9d4e;
    overflow: hidden;
    opacity: 0;
}
#add_new_image_button_wrapper{
    overflow: auto;
    padding-bottom: 0px;
    /* float: right; */
    position: absolute;
    right: 0px;
    top: 6px;
}
#upload_new_mockup_image_wrap{
	height: 39px;
}
#wireframe_image_chooser .progress{
	border-radius: 0;
    height: 34px;
    border: 0;
}
#wireframe_image_chooser .progress .bar {
    width: 0%;
    height: 100%;
    overflow: hidden;
    background: #00a3ff;
    border-radius: 20px;
}
#wireframe_image_chooser .progress .bar .progress_text {
    color: #fff;
}
#image_fileupload{
    cursor: pointer;
    position: absolute;
    left: -4px;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    width: 128px;
    height: 34px;
    z-index: 99999;
}
#socmed_icon_chooser,
#arrow_icon_chooser,
#ios_toolbar_icon_chooser{
	width: 682px;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #000; 
	position: absolute; 
	left: 50px; 
	top: 50px; 
	max-height: 80vh; 
	margin-left: 25px; 
	z-index: 19001; 
	cursor: pointer; 
	overflow:hidden; 
	border-radius: 0px; 
	box-shadow: rgba(0,0,0,0.5) 1px 1px 2px;
}
#ios_toolbar_icon_chooser .icon_categories .icon_category_tab{
	border-right: 1px solid #000;
}
#ios_toolbar_icon_chooser .icon_row{
	height: 33px;
	border-bottom: 1px solid #000;
}
#ios_toolbar_icon_chooser .icon_categories{
	height: 106px;
}
.inner_footer .button_group.center{
	text-align: center;
}
#ux_app_intro_panel p{
	width: 87%;
    margin: 20px auto;
    text-align: center;
}
#deposit_success:before{
	content: '';
	position: absolute;
	left: -3000px;
	top: -1000px;
	width: 10000px;
	height: 10000px;
	background: rgba(0,0,0,0.1);
}
#deposit_success .info{
	width: 60%;
    padding-left: 50px;
    background: url(/includes/css/v2/img/exc.svg) no-repeat 0 50%;
    background-size: 40px;
    text-align: left;
    margin: 0 auto;
}
.special_h1{
	font-weight: 600;
    color: #00a3ff;
    text-align: center;
    background: #252a30;
    margin: 0;
    display: inline-block;
    padding: 20px 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: -28px;
    width: 300px;
    margin: 0 auto;
    border-left: 1px solid;
    border-bottom: 1px solid;
}
#deposit_success hr,
#ux_app_intro_panel hr{
    border: 0;
    border-bottom: 1px solid #00a3ff;
    width: 20%;
    margin: 30px auto;
}
#wireframe_pages2.other_devs_viewing .root_page{
	margin: 16px 0 11px 30px;
	border-left: 1px solid #262932;
	border-top: 1px solid #262932;
}
.root_page .lock_page{
	background-image: url(/includes/css/v2/img/lock1.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    top: 6px !important;
    display: none;
    opacity: 0.2;
    left: -26px;
    background-size: 17px;
}
body:not(.client_view) .other_devs_viewing .sub_page_name {
    padding: 4px 25px 4px 10px;
}
.other_devs_viewing .root_page .lock_page.locked {
    background-image: url(/includes/css/v2/img/lock1_g.svg) !important;
    opacity: 1 !important;
}
.top_button_bar_popup .history_item.cursor .item_label {
    color: #fff !important;
}
.top_button_bar_popup .history_item.cursor {
    text-shadow: none;
    color: #1b1f23 !important;
    background-color: #00a3ff;
}
.top_button_bar_popup .history_item.hover {
    text-shadow: none;
    color: #1b1f23;
    background-color: #ccf3e2;
}
#cmp_mini_menu .mini_menu_btn{
	min-width: 12px;
}
.template_help:only-child{
	display: block !important;
}
.template_help{
	padding: 20px;
	display: none;
}
.components_list{
	display: none;
}
.wireframe_components_heading.active{
	background: url(/includes/css/v2/img/arrow_down.svg) no-repeat right 0 top 3px;
    background-size: 20px;
}
.wireframe_components_heading{
	cursor: pointer;
	background: url(/includes/css/v2/img/arrow_right.svg) no-repeat right 0 top 3px;
    background-size: 20px;
}
#wireframe_components .component_preview{
	display: none;
}
#wireframe_components.filtered .component_preview{
	display: block !important;
}
#wireframe_components .component_preview.show{
	display: block;
	box-sizing: border-box;
}
.sidebar .sidebar_tab_container .sidebar_tab.active{
	background-color: #262932;
	
}
.sidebar.show_custom_components .sidebar_tab_container .custom_components_tab .icon *{
	stroke: #00a3ff !important;		
}
.sidebar.show_components .sidebar_tab_container .components_tab .icon *{
	stroke: #00a3ff !important;		
}
.sidebar.show_pages_outline .sidebar_tab_container .pages_tab .icon *{
	stroke: #00a3ff !important;	
}
.sidebar.show_outline .sidebar_tab_container .outline_tab .icon rect{
	fill: #00a3ff !important;	
}
.sidebar.show_outline .sidebar_tab_container .outline_tab .icon *{
	stroke: #00a3ff !important;	
}

.sidebar.show_cmp_properties .cmp_properties_tab .sidebar_tab_label{color: #00a3ff !important; opacity: 1 !important;}
.sidebar.show_components .components_tab .sidebar_tab_label{color: #00a3ff !important; opacity: 1 !important;}
.sidebar.show_custom_components .custom_components_tab .sidebar_tab_label{color: #00a3ff !important; opacity: 1 !important;}
.sidebar.show_pages_outline .pages_tab .sidebar_tab_label{color: #00a3ff !important; opacity: 1 !important;}
.sidebar.show_outline .outline_tab .sidebar_tab_label{color: #00a3ff !important; opacity: 1 !important;}
.sidebar.show_notes .chat_tab .sidebar_tab_label{color: #00a3ff !important; opacity: 1 !important;}

.sidebar.show_cmp_properties .sidebar_tab_container .cmp_properties_tab .icon *{
	stroke: #00a3ff !important;	
}
.sidebar.show_notes .sidebar_tab_container .chat_tab .icon *{
	stroke: #00a3ff !important;	
}
.sidebar .sidebar_tab_container .sidebar_tab .icon{
	position: relative;
    left: 21px;
    top: 12px;
}
.sidebar .sidebar_tab_container .sidebar_tab .icon *{
	stroke: #fff !important;
}
.sidebar .sidebar_tab_container .sidebar_tab:hover .sidebar_tab_label{
	color: rgba(255, 255, 255, 0.9);
}
.sidebar .sidebar_tab_container .sidebar_tab .sidebar_tab_label{
	position: absolute;
    bottom: 1px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 10px;
    /* font-family: courier; */
    width: 100%;
    text-align: center;
}
.sidebar .sidebar_tab_container .sidebar_tab{
	width: 72px;
	height: 66px;
	background-color: #1b1f23;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #313030;
}
.sidebar .sidebar_tab_container{
	position: absolute;
    top: -1px;
    right: -72px;
    width: 72px;
    height: 402px;
    z-index: 999;
    border-top: 1px solid #000000;
}
.sidebar .sub_panel .panel_title{
	position: relative;
	height: 40px;
}
.sidebar .sub_panel .grid_settings{
	display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 8px 36px 8px 15px;
    border-top: 2px solid #4b5a68;
    border-right: 2px solid #4b5a68;
    color: #fff;
    cursor: pointer;
    background: url(/includes/css/v2/img/grid.svg) no-repeat 131px 10px;
    background-size: 20px;
}
#project_grid_settings_frm .design_dim{
	position: absolute;
    right: 20px;
    top: 21px;
}
#project_grid_settings_frm .design_dim label{
	margin-left: 10px;
}
#project_grid_settings_frm .design_dim input{
	display: inline-block;
	width: 60px;
}
.sidebar .sub_panel .panel_heading{
	font-size: 16px;
    color: #fff;
    display: inline-block;
    padding-top: 3px;
}
.sidebar .sub_panel{
	margin: 20px;
	flex: 1;
	display: none;
	flex-direction: column;
	width: 310px;
    overflow: hidden;
}
.sidebar.open{
	width: 350px;	
}
.sidebar{
	width: 0;
	background-color: #262932;
	position: relative;
	display: flex;
    flex-direction: column;
	border-top: 1px solid #000000;
	z-index: 100005;
}
.combo {
    height: 24px;
    -webkit-user-select: none;
    font-size: 11px;
    margin: 2px 5px 0 0;
    text-align: left;
    font-weight: normal;
}
.combo .trigger{
	margin-right: 0;
}
.combo .other_values {
	margin-right: 35px;
}
.side_panel_nav{
	display: flex;
}
.sidepanel_tab.active{
	background: #1b1f23;
	color: #00a3ff;
}
.side_panel_content.outline_panel_content{
	display: block;
}
.side_panel_content{
	background: #1b1f23;
	color: #fff;
	font-size: 12px;
	flex: 1 1 0;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
}

#cmp_style_editor_win .style_row{
	width: 100%;
}
.project .project_notes_content{
	display: flex;	
}
.page .page_notes_content{
	display: flex;
}
.pages_outline_content.outline .outline_panel_content{
	display: block;
}
.pages_outline_content{
	margin-top: 20px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.sidepanel_tab{
	display: inline-block;
	padding: 8px 19px 8px 11px;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	flex: 1;
}

#floating_pages_panel{
	position: static;
	text-align: left;
}
#floating_pages_panel{
	background: transparent;
	border: 0;
}
#floating_pages_panel .root_page > div,
#floating_pages_panel .root_page > div,
#floating_pages_panel .sub_page  > .sub_page:last-child,
#floating_pages_panel .root_page > div:last-child,
#floating_pages_panel .root_page_label + .sub_page,
#floating_pages_panel .sub_page  > .sub_page,
.sub_page_name.active,
.sub_page_name
{
	background-image: none;
	background-color: transparent !important;
	display: block;
	border: 0;
}
#floating_pages_panel .root_page_label + .sub_page,
#floating_pages_panel .root_page > div
{
	padding: 0;
}
.sub_page_name{
	border-bottom: 1px solid #262932;
    border-radius: 0;
	padding: 5px 10px;
}
#floating_pages_panel .sub_page  > .sub_page > .sub_page_name{padding-left: 35px;}
#floating_pages_panel .sub_page  > .sub_page  > .sub_page > .sub_page_name{padding-left: 50px;}
#floating_pages_panel .sub_page  > .sub_page  > .sub_page  > .sub_page > .sub_page_name{padding-left: 75px;}
#floating_pages_panel .sub_page  > .sub_page  > .sub_page  > .sub_page  > .sub_page > .sub_page_name{padding-left: 100px;}
#floating_pages_panel .sub_page  > .sub_page  > .sub_page  > .sub_page  > .sub_page  > .sub_page > .sub_page_name{padding-left: 125px;}
#floating_pages_panel .sub_page  > .sub_page  > .sub_page  > .sub_page  > .sub_page  > .sub_page  > .sub_page > .sub_page_name{padding-left: 150px;}
#floating_pages_panel .sub_page  > .sub_page  > .sub_page  > .sub_page  > .sub_page  > .sub_page  > .sub_page  > .sub_page > .sub_page_name{padding-left: 175px;}
#floating_pages_panel .sub_page  > .sub_page  > .sub_page  > .sub_page  > .sub_page  > .sub_page  > .sub_page  > .sub_page  > .sub_page > .sub_page_name{padding-left: 200px;}

.sub_page_name.active:before{
	border-left: 1px solid rgba(38, 42, 48, 0.33);
}
.sub_page_name.active{
	color: #000;
	background-color: #00a3ff !important;
	font-weight: 600;
}
.sub_page_name:before{
	content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100px;
    border-left: 1px solid #262932;
    z-index: 1;
    margin-left: -11px;
}
.sub_page_name{
	position: relative;		
    overflow: hidden;
}

#floating_pages_panel .page{
	padding: 0;
}

#floating_pages_panel .sub_page{
	border-radius: 0;
}
#floating_pages_panel .sub_page  > .sub_page:last-child{
	border: 0;
}
#floating_pages_panel .root_page > div{
}
#wireframe_pages2{	
    overflow: hidden;
}
#page_operations_menu:hover{
	display: block;
}

#page_operations_menu .page_operation svg *{
	stroke: #495a68 !important;
	pointer-events: none;
}

#page_operations_menu .page_operation svg{
	position: absolute;
	pointer-events: none;
	left: 3px;
	top: 7px;
}
#page_operations_menu .page_operation{
	position: relative;
	flex: 1;
	cursor: pointer;
}
#page_operations_menu{
	position: absolute;
	z-index: 9999999;
	width: 75px;
	height: 34px;
	display: none;
}
.create_new_page_btn{
	padding-left: 33px;
    background: url(/includes/css/v2/img/plus_green.svg) no-repeat 0px -1px;
    background-size: 22px;
}
.add_item_btn{
	font-size: 15px;
    font-weight: 600;
    color: #fff;
    /* padding-left: 30px; */
    /* background: url(/includes/css/v2/img/plus_green.svg) no-repeat 12px 13px; */
    background-size: 22px;
    padding: 15px 0 12px 15px;
    cursor: pointer;
    border-bottom: 10px solid #262932;
}
#notes_panel .add_item_btn{
	background: url(/includes/css/v2/img/plus_green.svg) no-repeat 12px 13px #1b1f23;
	 padding: 15px 0 12px 43px;
    background-size: 22px;
}
.notes.sub_panel.page #add_page_note{
	display: block;
}
.notes.sub_panel.project #add_project_note{
	display: block;
}

#add_page_note,
#add_project_note
{
	display: none;
}
.show_notes .chat.sub_panel{
	display: flex;
}
.show_outline .outline.sub_panel{
	display: flex;
}
.show_components .components.sub_panel{
	display: flex;
}
.show_custom_components .custom_components.sub_panel{
	display: flex;
}
.show_pages_outline .pages_outline.sub_panel{
	display: flex;
}
.show_cmp_properties .side_panel_content{
	display: block;
}
.show_cmp_properties .cmp_properties.sub_panel{
	display: flex;
}
.show_cmp_properties .cmp_properties_tab{
	background-color: #262932 !important;
}
.show_pages_outline .pages_tab{
	background-color: #262932 !important;
}
.show_outline .outline_tab{
	background-color: #262932 !important;
}
.show_notes .chat_tab{
	background-color: #262932 !important;
}
.show_components .components_tab{
	background-color: #262932 !important;
}
.show_custom_components .custom_components_tab{
	background-color: #262932 !important;
}

.pages_outline_content.pages .pages_panel_content{
	display: block;
	position: relative;
}
#document_outline li > div.unhideable{
	background: transparent;
}
#document_outline li,
#document_outline ul,
#document_outline li:last-child{
}
#document_outline li{
	background-image: url(/includes/css/v2/img/elbow.png?v=2);
}
#document_outline li:last-child{
	background-image: url(/includes/css/v2/img/elbow2.png?v=2);
}

#document_outline ul{
	background-image: url(/includes/css/v2/img/dash.png?v=2);
}
#document_outline li.collapsed > .outline_btn_group > .collapse_trigger{
	background: url(/includes/css/v2/img/arrow_right.svg?v=2) no-repeat;
	background-size: 16px;	
}
#document_outline li > .is_selected + ul + .outline_btn_group > .collapse_trigger{
	background: url(/includes/css/v2/img/arrow_down_black.svg?v=2) no-repeat 2px 2px;
    background-size: 16px;
}
#document_outline li.collapsed > .is_selected + ul + .outline_btn_group > .collapse_trigger{
	background: url(/includes/css/v2/img/arrow_right_black.svg?v=2) no-repeat;
	background-size: 16px;	
}
#document_outline .collapse_trigger{
	background: url(/includes/css/v2/img/arrow_down.svg?v=2) no-repeat 2px 2px;
    background-size: 16px;
}
#document_outline .is_selected + .outline_btn_group .lock{
	opacity: 1;
	background: transparent url(/includes/css/v2/img/lock2.svg) no-repeat 0px 1px !important;
    background-size: 16px !important;
}
#document_outline li.locked:hover > .hideable:after {
	display: block;
}
#document_outline li.locked,
#document_outline li.locked .hideable{
	cursor: not-allowed;
}
#document_outline li.locked > .hideable:after {
	content: 'Component is Locked';
	position: absolute;
	left: 0;
	right: 0;
	top: -2px;
	margin: 0 auto;
	width: 110px;
	display: none;
	padding: 3px 8px;
	color: #00a3ff;
}
#document_outline li > .hideable {
	position: relative;
}
#document_outline .lock{
	background: transparent url(/includes/css/v2/img/lock1.svg) no-repeat 0px 1px !important;
    background-size: 16px !important;
}

#document_outline li > ul{
	border-top: 1px solid #252a30;		
}
#document_outline li + li > div{
	border-top: 1px solid #252a30;	
}
#document_outline > ul{
	border-bottom: 1px solid #252a30;
}	
#document_outline li > div{
	border-top: 1px solid #252a30;
	border-left: 1px solid #252a30;
}

.outline_panel_content #document_outline_panel{
	margin-top: 20px;
	width: 100%;
}
.is_selected.visible .visibility_toggle{
	background: transparent url(/includes/css/v2/img/show_black.svg) no-repeat 2px 6px !important;
    background-size: 22px !important;
    border-right: 1px solid #252a30 !important;
}
.visible .visibility_toggle{
	background: transparent url(/includes/css/v2/img/show.svg) no-repeat 2px 6px !important;
    background-size: 22px !important;
    border-right: 1px solid #252a30 !important;
}
.is_selected.invisible .visibility_toggle{
	background: transparent url(/includes/css/v2/img/hide_black.svg?v=2) no-repeat 2px 6px !important;
    background-size: 22px !important;
    border-right: 1px solid #252a30 !important;
}
.invisible .visibility_toggle{
	background: transparent url(/includes/css/v2/img/hide.svg?v=2) no-repeat 2px 6px !important;
    background-size: 22px !important;
    border-right: 1px solid #252a30 !important;
}
#document_outline .is_selected {
    background: #00a3ff;
    color: #000;
    font-weight: 600;
}
.sidebar.show_notes .notes.page .page_notes_content{
	display: block;
}
.sidebar.show_notes .notes.project .project_notes_content{
	display: block;
}
.sidebar.show_notes .notes.sub_panel{
	display: flex;
}
.sidebar .chat_content {
	flex: 1;
    display: flex;
    flex-direction: column;
}
.notes.sub_panel.page{
	padding: 0;
}
.sub_panel .sidebar_chat{
	
}
.sidebar .notes_content{
	display: block;
}
.notes_tab_content{
	overflow: hidden;
}
#collaborators_list{
	border-bottom: 0;
}
#chat_header{
	margin: 0;
}
.flat .show #chat_header{
    background-image: url(/includes/css/v2/img/arrow_down.svg) !important;	
}
.flat #chat_header{
	margin: 10px 0 0 0;
    background-image: url(/includes/css/v2/img/arrow_up.svg) !important;
    background-color: #1b1f23;
    border-radius: 0;
    text-shadow: none;
    font-size: 14px;
    padding: 8px 12px;
    color: #fff;
    background-size: 21px;
    background-position: right 9px top 7px;
}
#collab_chat{
	border-radius: 0;
    margin: 0 0 10px 0;
    border: 0;
}
#chat_input_wrap{
	margin: 0;
}
#chat_input{
	margin: 0 0 10px 0;
    border-radius: 0;
}
.send_msg_wrap{
	margin: 0;
}
.chat_item:nth-of-type(odd) {
    background-color: rgb(0, 255, 144);
}
.chat_item .name {
    display: inline-block;
    padding: 2px 6px;
    margin-right: 3px;
    background-color: #333;
    color: #fff;
    border-radius: 5px;
}
#send_chat_msg {
    float: right;
    border-top: 1px solid #01f189;
    border-right: 1px solid #01f189;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    background-color: #1b1f23  !important;
    background-image: none;
}
.flat #send_chat_msg div{
	background-image: none !important;
    padding: 0;
}
.sidebar .note_wrap .note_icons .icon:first-child{
    border-left: 1px solid #252a30;	
}
.sidebar .note_wrap .note_icons .icon.reply{
	background: url(/includes/css/v2/img/note_reply.svg) no-repeat 3px 3px;
    background-size: 18px;
}
.sidebar .note_wrap .note_icons .icon.edit{
	background: url(/includes/css/v2/img/note_edit.svg) no-repeat 3px 3px;
    background-size: 18px;
}
.sidebar .note_wrap .note_icons .icon.del{
	background: url(/includes/css/v2/img/note_delete.svg) no-repeat 3px 3px;
    background-size: 18px;
}
.sidebar .note_wrap .note_icons .icon{
	width: 24px;
    height: 24px;
    float: left;
    border-top: 1px solid #252a30;
    border-right: 1px solid #252a30;
    border-bottom: 1px solid #252a30;
	cursor: pointer;
}
.sidebar .note_wrap .note_icons{
	position: absolute;
    right: 0;
    bottom: -1px;
}
.sidebar .note > .note .note_content{padding-left: 20px;}
.sidebar .note > .note{background: url(/includes/css/v2/img/elbow4.png) no-repeat 16px -22px;}

.sidebar .note > .note > .note .note_content{padding-left: 40px;}
.sidebar .note > .note > .note{background: url(/includes/css/v2/img/elbow4.png) no-repeat 36px -22px;}

.sidebar .note > .note > .note > .note .note_content{padding-left: 60px;}
.sidebar .note > .note > .note > .note{background: url(/includes/css/v2/img/elbow4.png) no-repeat 56px -22px;}

.sidebar .note > .note > .note > .note > .note .note_content{padding-left: 80px;}
.sidebar .note > .note > .note > .note > .note{background: url(/includes/css/v2/img/elbow4.png) no-repeat 76px -22px;}

.sidebar .note_wrap:hover .author_name{
	color: #00a3ff;
}
.sidebar .note_wrap .author_name{
	float: right;
	padding: 0 0 10px 10px;
	font-style: italic;
	color: #81868e;
}
.sidebar .note_wrap:hover{
	border-left: 1px solid #00a3ff;	
}
.sidebar .note_wrap a{
	font-weight: 600;
    color: #00a3ff;
}
.sidebar .note_wrap{
    padding: 15px 5px 30px 15px;
    position: relative;
    border-bottom: 1px solid #252a30;
	border-left: 1px solid transparent;
}
.cmp_properties.sub_panel .cut_copy_paste > div{
	margin: 0 5px;
	cursor: pointer;
}
.cmp_properties.sub_panel .cut_copy_paste .label{
	font-size: 9px;
}
.cmp_properties.sub_panel .cut_copy_paste .cut .icon{
	background: url(/includes/css/v2/img/cut.svg) no-repeat 8px 7px;
    background-size: 24px;
}
.cmp_properties.sub_panel .cut_copy_paste .copy .icon{
	background: url(/includes/css/v2/img/copy.svg) no-repeat 9px 8px;
    background-size: 24px;
}
.cmp_properties.sub_panel .cut_copy_paste .duplicate .icon{
	background: url(/includes/css/v2/img/duplicate.svg) no-repeat 9px 8px;
    background-size: 24px;
}
.cmp_properties.sub_panel .cut_copy_paste .paste .icon{
	background: url(/includes/css/v2/img/paste.svg) no-repeat 9px 7px;
    background-size: 24px;
}
.cmp_properties.sub_panel .cut_copy_paste .icon{
	width: 40px;
    height: 36px;
    border: 1px solid #404e5a;
}
.cmp_properties.sub_panel .cut_copy_paste{
	display: flex;
    color: #fff;
    text-align: center;
    margin: 0 20px;
	justify-content: center;
}
.align_operations .align{
	width: 195px;
    height: 70px;
    float: right;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 10px;
}
.align_operations .align .row1,
.align_operations .align .row2{
	display: flex;
	flex: 1;
}
.align_operations .align .row1 div,
.align_operations .align .row2 div{
	flex: 1;
	cursor: pointer;
    background-size: 20px;
}
.align_operations .align .align1{background: url(/includes/css/v2/img/align1.svg) no-repeat 10px 5px;}
.align_operations .align .align2{background: url(/includes/css/v2/img/align2.svg) no-repeat 10px 5px;}
.align_operations .align .align3{background: url(/includes/css/v2/img/align3.svg) no-repeat 10px 5px;}
.align_operations .align .align4{background: url(/includes/css/v2/img/align4.svg) no-repeat 10px 5px;}
.align_operations .align .align5{background: url(/includes/css/v2/img/align5.svg) no-repeat 10px 5px;}
.align_operations .align .align6{background: url(/includes/css/v2/img/align6.svg) no-repeat 10px 5px;}
.align_operations .align .align7{background: url(/includes/css/v2/img/align7.svg) no-repeat 10px 5px;}
.align_operations .align .align8{background: url(/includes/css/v2/img/align8.svg) no-repeat 10px 5px;}

.align_operations .distribute .dist1{    background: url(/includes/css/v2/img/dist1.svg) no-repeat 9px 4px;}
.align_operations .distribute .dist2{background: url(/includes/css/v2/img/dist3.svg) no-repeat 10px 5px}
.align_operations .distribute .dist3{background: url(/includes/css/v2/img/dist3.svg) no-repeat 10px 5px}
.align_operations .distribute .dist4{background: url(/includes/css/v2/img/dist4.svg) no-repeat 10px 5px}

.align_operations .distribute .row1 div,
.align_operations .distribute .row2 div{
    background-size: 16px;
	flex: 1;
	cursor: pointer;
}
.align_operations .distribute .row1,
.align_operations .distribute .row2{
	display: flex;
	flex: 1;
}
.align_operations .distribute{
	border-right: 1px solid #15191c;
    width: 85px;
    height: 70px;
    float: left;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 10px;
    margin-left: 19px;
}
.align_operations{
	border-top: 1px solid #15191c;
    border-bottom: 1px solid #15191c;
    margin: 7px 0 16px 0;
    height: 70px;
    text-align: center;
}
#top_menu{
	height: auto;
    position: static;
    left: auto;
    top: auto;
    width: auto;
    border-bottom: 0;
    background: transparent;
    display: block;
    justify-content: center;
    z-index: 2000;
}
#top_ruler {
	top: 0;
}
::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgb(0, 0, 0);
}
::-webkit-scrollbar-track, 
#code_editor_popup_window .code_blocks::-webkit-scrollbar-track 
{
    border-left: 1px solid rgba(0,0,0,0.05);
    border-right: 1px solid rgba(0,0,0,0.05);
    border-radius: 0px;
    box-shadow: inset 2px 2px 7px rgba(0,0,0,0.1);
    background: #48525d;
}
#wireframe_toolbox *::-webkit-scrollbar-track, #wireframe_toolbox *::-webkit-scrollbar-thumb, #code_editor_popup_window .code_blocks::-webkit-scrollbar-thumb, #code_editor_popup_window .code_design_block::-webkit-scrollbar-thumb {
    border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgb(0, 0, 0);
}
#cmp_style_editor_win{
	display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
#cmp_style_editor_win .mouse_and_scroll{
	padding: 0
}
#cmp_style_editor_win fieldset > fieldset{
    border-bottom: 0;
    padding: 18px 0;
}
#cmp_style_editor_win fieldset > fieldset label{
	width: 111px;
}
#cmp_style_editor_win fieldset {
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    border-bottom: 10px solid #262932;
    padding: 10px 18px 16px;
}
#cmp_style_editor_win .cmp_style_swatch{	
    border-radius: 4px;
    margin: 2px;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    flex: 1;
    border-radius: 1px;
	padding: 0 !important;
	height: 30px;
}
#cmp_style_editor_win .cmp_style_swatches{
	padding: 10px;
}
#cmp_style_editor_win input[type="text"], 
#cmp_style_editor_win input[type="number"], 
#cmp_style_editor_win input[type="email"], 
#cmp_style_editor_win input[type="password"] 
{    
    padding: 5px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-left: 2px solid #495a68;
    border-bottom: 2px solid #495a68;
    background: #15191c;
    display: inline-block;
    
    margin: 0 0;
    color: #fff;
    border-radius: 0;
	
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-weight: 550;
	font-style: normal;
}
 #cmp_custom_name{
	width: 100% !important;
}
#cmp_style_editor_win legend{
	display: unset;
    font-size: 13px;
}
#cmp_style_editor_win table{
	width: 100%;
}
#cmp_style_editor_win td{
	color: #fff;
}
#cmp_style_editor_win .legend {
	margin-bottom: 3px;
	font-weight: 600;	
}
#cmp_style_editor_win form {
	margin-bottom: 0;
}
#cmp_style_editor_win #rotation_btns .custom.toggle{
	background: url(/includes/css/v2/img/arrow_down.svg) no-repeat 11px 2px !important;	
    background-size: 20px !important;
}
#cmp_style_editor_win #rotation_btns .custom{
	background: url(/includes/css/v2/img/arrow_right.svg) no-repeat 11px 2px !important;
    background-size: 20px !important;
}
#cmp_style_editor_win #rotation_btns .btn{
	flex: 1;
	min-width: 0;
    border: 1px solid #262932;
}
#cmp_style_editor_win #rotation_btns{
	display: flex;
}
#cmp_style_editor_win .cmp_style_editors .info{
	text-align: center;
    background: transparent;
    padding: 24px 0;
}
#cmp_style_editor_win hr {
    height: 1px;
    background: #262932;
    border: none;
	margin: 15px 0;
}

#cmp_style_editor_win .cmp_style_swatch.success{
	background-color: #00a3ff;
    border-color: #00e07f;
}
#cmp_style_editor_win .cmp_style_swatch.danger{
	background-color: #ff5c5c;
    border-color: #ec4c4c;
}
#cmp_style_editor_win .cmp_style_swatch.warning {
    background-color: #fbd154;
    border-color: #e2ba41;
}
.rotation_properties input{
	display: inline-block !important;
}
.rotation_origin_cell.tl:after {
    top: 0;
    left: 0;
}
.rotation_origin_cell.ml:after {
    top: 4px;
    left: 0;
}
.rotation_origin_cell.tc:after {
    top: 0;
    left: 4px;
}
.rotation_origin_cell.tr:after {
    top: 0;
    right: 0;
}
.rotation_origin_cell.mr:after {
    top: 4px;
    right: 0;
}
.rotation_origin_cell.bl:after {
    bottom: 0;
    left: 0;
}
.rotation_origin_cell.bc:after {
    bottom: 0;
    left: 4px;
}
.rotation_origin_cell.br:after {
    bottom: 0;
    right: 0;
}
.rotation_origin_cell:after{
	border-radius: 0;
}
.rotation_origin_cell{
	border-left: 0;
	border-top: 0;
}
.rotation_origin_cell.bl, .rotation_origin_cell.bc, .rotation_origin_cell.br,
.rotation_origin_cell.bl, .rotation_origin_cell.bc, .rotation_origin_cell.br,
.rotation_origin_cell.tr, .rotation_origin_cell.mr, .rotation_origin_cell.br
{
	border: 0;
}
.rotation_origin_cell.tl{
	border-left: 1px solid #495a68;
	border-top: 1px solid #495a68;
}
.rotation_origin_cell.tc{
	border-top: 1px solid #495a68;	
}
.rotation_origin_cell.tr{
	border-top: 1px solid #495a68;	
	border-right: 1px solid #495a68;
}
.rotation_origin_cell.ml{
	border-left: 1px solid #495a68;	
}
.rotation_origin_cell.mr{
	border-right: 1px solid #495a68;	
}
.rotation_origin_cell.bl{
	border-left: 1px solid #495a68;	
	border-bottom: 1px solid #495a68;	
}
.rotation_origin_cell.bc{
	border-bottom: 1px solid #495a68;	
}
.rotation_origin_cell.br{
	border-bottom: 1px solid #495a68;	
	border-right: 1px solid #495a68;	
}
.rotation_properties{
	
}
#cmp_style_editor_win .color_pick.transparent{
    background-image: url(https://www.ux-app.com/includes/img/wireframe/transparent.png);
}
#cmp_style_editor_win .color_pick{
	width: 22px;
    height: 22px;
    background-image: none;
    background-color: #fefefe;
    display: inline-block;
    position: absolute;
    left: 196px;
    top: 0px;
    cursor: pointer;
    margin: 4px 3px;
}
#cmp_breadcrumbs_wrap {
    text-align: center;
    height: 0px;
    width: 100%;
    z-index: 9999;
    position: fixed;
    top: 0;
    overflow: hidden;
    pointer-events: none;
    left: 0;
	overflow: visible;
}
.custom .sidebar_custom_components{
	display: block;	
}
.default .sidebar_default_components {
    display: flex;
    overflow-y: hidden;
    flex-direction: column;
}
#wireframe_components_accordion{
	flex: 1;
    overflow-y: auto;
}
.sidebar_default_components,
.sidebar_custom_components{
	display: block;
}
.components_content.components_tab_content{
	flex: 1;
    display: flex;
    flex-direction: column;
}
#interface_flex #wireframe_sidebar #wireframe_toolbox{
	left: 1570px;
    top: 0px;
    opacity: 1;
    display: flex !important;
    flex: 1 1 0;
	width: auto !important;
	height: auto !important;
}
#kb_filter_input{
	width: 100%;
    padding: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-left: 2px solid #495a68;
    border-bottom: 2px solid #495a68;
    background: #000;
    display: block;
    
    margin: 0 0;
    color: #fff;
    border-radius: 0;
	
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-weight: 550;
	font-style: normal;
}
#kb_filter{
	padding: 10px;
}
.cmp_accordion_help{
	padding: 10px 0 0 50px;
    background: url(/includes/css/v2/img/exc.svg) no-repeat 9px 14px;
    background-size: 30px;
}
#wireframe_components h1{
	font-weight: 300;
    font-size: 15px;
}
#wireframe_components{
	padding: 0 20px;
}
#interface_flex #wireframe_sidebar{
	width: 310px !important;
}
#website_toolbox, #wireframe_toolbox{
	z-index: auto !important;
}
.component_preview svg{
	position: absolute;
	left: 13px;
	top: 5px;
	pointer-events: none;
}
#dnd_cmp_proxy svg{
	background-color: #1b1f23;
    padding: 10px;
    border-radius: 3px;
}
#dnd_cmp_proxy li{
	margin: 0;
}
#dnd_cmp_proxy #cmp_help_icon,
#dnd_cmp_proxy .desc,
#dnd_cmp_proxy .lbl
{
	display: none !important;
}
#dnd_cmp_proxy{
	background-image: none !important;
    border: 0;
    border-radius: 0;
    background-color: transparent !important;
    width: 85px;
    height: 83px;
    border-radius: 2px;
}
.component_preview .lbl{
	opacity: 0.6 !important;
}
.component_preview:hover .lbl{
	color: #fff;
    background: #1b1f23 !important;
    max-width: 999px;
	opacity: 1 !important;
}
/*
.component_preview:hover text{
	fill: #00a3ff !important;
}
.component_preview:hover polygon,
.component_preview:hover circle,
.component_preview:hover line,
.component_preview:hover polyline,
.component_preview:hover rect{
	stroke: #00a3ff !important;
}*/
.component_preview:hover .lbl {
    color: #00a3ff;
}
.component_preview{
	background-image: none !important;
    border: 0;
    background-color: transparent !important;
}

.block_preview select{
	display: inline-block;
	padding: 5px;
}
.open .collapse_container,
.collapse_container{
	left: 0;
    background: #1a1f23;
	height: 46px;
}
.collapse_container{
	top: 46px;
	width: 62px;
}
.open .code_blocks {
    width: 318px;
    border-right: 2px solid #252a30;
}
#code_editor_popup_window .window_body .button_group.right{
	padding: 5px;
}

.block_preview.command > .command_body{
	color: #111;
}
.block_preview.event:before{
	border-radius: 0;
}
#code_editor_popup_window .source_cmp, #cmp_link_editor .source_cmp, #cmp_link_to_chooser .source_cmp {
    display: inline-block;
    padding: 0 5px;
    background-color: #00a3ff;
    cursor: default;
    border-radius: 3px;
    margin-left: 8px;
    margin-right: 10px;
    color: #222;
    line-height: 21px;
}
.open .code_blocks .block_preview {
    opacity: 1 !important;
}
#code_panel_tabs .tab_{
	color: #111;
}
#code_panel_tabs .active {
    font-weight: bold;
    padding: 5px 10px 5px 30px !important;
    background-color: #1e2227;
    background-image: url(/includes/css/v2/img/tick.svg);
    background-position: 8px 9px;
    background-repeat: no-repeat;
    background-size: 15px;
    color: #fff;
}
.flat .btn.btn-success {
    background: #335eea  !important;
    border: 0;
    color: #111;
}
#code_block_collapse svg path{
	stroke: #00a3ff !important;
	fill: #00a3ff !important;
}
#code_block_collapse {
    background: transparent;
    border-radius: 5px;
    cursor: pointer;
    margin: 8px;
}
.open #code_block_collapse svg {
    padding: 6px 2px;
}
#code_editor_popup_window #code_panel_tabs{
	border-bottom: 1px solid #1e2227;
    position: relative;
    left: -11px;
    width: 100%;
}
#code_panel_tabs .tab_ {
    display: inline-block;
    padding: 5px 10px;
    border-top: 1px solid #1e2227;
    border-right: 1px solid #1e2227;
    cursor: pointer;
}
#code_panel_tabs .tab_:first-child {
    border-left: 1px solid #1e2227;
}
#modal_header, .flat .window_header .window_header_text {
	background-color: #edeeef !important;
    border-bottom: 0;
    font-weight: 800;
    color: rgb(7 20 73);
	font-size: 15px;
	text-align: center;
}
.window_inner {
    padding: 20px;
    margin: 0;
    background: #1a1f23;
}
#project_grid_settings_frm input[type=text]{
	width: 100%;
	min-width: 100%;
}
.fieldset .fieldset_toggle {
    margin-top: -25px;
    width: 85px;
    background-color: transparent;
    padding: 5px;
    border-radius: 4px;
    box-shadow: none;
    line-height: 18px;
    font-size: 12px;
}
.fieldset {
    border: 0;
    border-radius: 5px;
    padding: 10px;
    box-shadow: none;
}
#project_grid_settings_frm .design_width {
    font-size: 110%;
    font-weight: bold;
    text-shadow: none;
    position: absolute;
    right: -5px;
    top: -40px;
    width: 125px;
    height: 34px;
    color: #111;
}
#project_grid_settings_frm .design_width .label {
    float: left;
    width: 45px;
    line-height: 34px;
    padding-left: 10px;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    background-color: #00a3ff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: none;
}
#project_grid_settings_frm .design_width .value {
    float: left;
    line-height: 34px;
    padding-left: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #00a3ff;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    overflow: hidden;
    box-shadow: none;
    padding-right: 10px;
}
#common_options span {
    cursor: pointer;
    text-decoration: underline;
    color: fff;
}
#project_grid_settings_frm th {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    border-bottom: 0;
    padding: 3px;
}
#project_grid_settings_frm .design_width {
    font-size: 110%;
    font-weight: bold;
    text-shadow: none;
    position: absolute;
    right: -5px;
    top: -40px;
    height: 34px;
    color: #111;
}
#project_grid_settings {
    padding: 10px;
    background: #1a1f23;
    margin: 10px;
}
#project_grid_settings_frm {
    margin-top: 18px;
    margin-bottom: 0;
}
#common_options, #griz_z_index {
    margin: 20px 0 0 10px;
    line-height: 29px;
}
.no_chrome #desktop_page_grid_container{
	margin-top: 50px;
	margin-bottom: 250px;
}
.no_chrome #mobile_page_grid_container{
	margin-top: 0px;
	margin-bottom: 250px;    
}
#modal_window .window_content {
    padding: 25px;
    text-align: center;
    background: #f5f5f5;
}
#modal_window .window_header{
	height: 40px;
}
#modal_window.error{
	border: 5px solid #ce4f4f;
}
#modal_window .window_footer{
	padding: 17px 0 0 0;
}
.flat #grid_settings_grid_under, .flat #grid_settings_grid_over {
	border: 0;
	border-radius: 0;
}
.flat #grid_settings_grid_under.active, .flat #grid_settings_grid_over.active {
    background-color: #00a3ff !important;
    color: #111;
    font-weight: 600;
}
#grid_settings_grid_under {
    background: url(/includes/img/wireframe/icons/grid_under.png) no-repeat 20px 17px !important;
}
#grid_settings_grid_over {
    background: url(/includes/img/wireframe/icons/grid_over.png) no-repeat 20px 17px !important;
}
.window input:disabled{
	opacity: 0.2;
	cursor: not-allowed;
}











#modal_window[data-class=share_with_link_window] .window_header{
	height: 45px;
}
#modal_window[data-class=share_with_link_window] .window_header,
#modal_window[data-class=share_with_link_window] .window_body{
	background: transparent !important;
}
#modal_window[data-class=share_with_link_window] #share_link_btn{
	position: absolute;
    right: -4px;
    top: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #00a3ff !important;
    color: #000;
    font-weight: 600;
    border: 1px solid #00a3ff;
}
#modal_window[data-class=share_with_link_window] #share_initial_page_select{
	display: inline-block;
}
#modal_window[data-class=share_with_link_window] .share_hint{
	margin-top: 9px;
    color: #00a3ff;
    font-size: 11px;
    font-style: italic;
}
#modal_window[data-class=share_with_link_window] .window_content{
	text-align: left;
}
#modal_window[data-class=share_with_link_window] .window_header .window_header_text{
	line-height: 46px;
}



#modal_window[data-class=export_as_html] .window_header{
	height:32px;
}
#modal_window[data-class=export_as_html] .window_content {
    background: #1a1f23 url(/includes/css/v2/img/HTML5_logo_and_wordmark.svg);
    background-size: 88px;
    background-position: top 14px right 0px;
    background-repeat: no-repeat;
}
#modal_window[data-class=export_as_html] .window_header,
#modal_window[data-class=export_as_html] .window_body{
	background: transparent !important;
}
#modal_window[data-class=export_as_html] #share_link_btn{
	position: absolute;
    right: -4px;
    top: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #00a3ff !important;
    color: #000;
    font-weight: 600;
    border: 1px solid #00a3ff;
}
#modal_window[data-class=export_as_html] #export_initial_page_select{
	display: inline-block;
	width: 142px;
}
#modal_window[data-class=export_as_html] #share_link_input{
	border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-left: 2px solid #495a68;
    border-bottom: 2px solid #495a68;
    background: #15191c;
	color: #fff;
}
#modal_window[data-class=export_as_html]{
	
}
#modal_window[data-class=export_as_html] .share_hint{
	margin-top: 9px;
    color: #00a3ff;
    font-size: 11px;
    font-style: italic;
}
#modal_window[data-class=export_as_html] .window_content{
	text-align: left;
	min-height: 168px;
}
#modal_window[data-class=export_as_html] label{
	display: inline-block;
	width: 120px;
}
#modal_window[data-class=export_as_html] .window_header .window_header_text{
	line-height: 46px;
}










/*
input::selection {
  background: #fff; 
  color: #111;
}
input::-moz-selection {
  background: #fff; 
  color: #111;
}*/
#cmp_style_editor_win.style_linkable .code_editor.button:after {
    content: 'Actions & Events';
    display: inline-block;
    background-size: 22px;
	line-height: 33px;
}
#cmp_style_editor_win.style_linkable .code_editor.button {
    display: block;
    float: none;
    background: #00a3ff;
    border: 0;
    text-align: center;
    height: 32px;
    color: #111;
    font-weight: 600;
}
.btn.google_log_in .google_icon{
	background: transparent;
    background-size: 77px;
}
.flat .btn.google_log_in{
	border: none;
}
#choose_auth_type:before {
	content: '';
    position: absolute;
    left: -9999px;
    width: 99999px;
    height: 9999px;
    background-color: #0a0923;
    z-index: -1;
    top: -999px;
}
#choose_auth_type {
    width: 520px;
	overflow: visible;
}
#choose_auth_type p{
	text-align: center;
}
.window input[type="text"]:invalid, 
.window input[type="number"]:invalid, 
.window input[type="email"]:invalid, 
.window input[type="password"]:invalid{
	background: #fff;
}
#ux_app_intro_panel .step_num .num{
	color: #222;
}
#ux_app_intro_panel .step_num{
    background: #00a3ff;
}
.cmp_resize_handle, .editing_cmp_resize_handle{
	height: 7px;
}
.cmp_resize_handle.nw, .editing_cmp_resize_handle.nw{
	width: 7px;
}
.cmp_resize_handle:after, .editing_cmp_resize_handle:after{
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	border: 1px solid #222;
	background: #fff;
	pointer-events: none;
	border-radius: 20px;
}
.cmp_resize_handle, .editing_cmp_resize_handle{
	background: none;
}
.cmp_resize_handle.n:after,
.editing_cmp_resize_handle.n:after,
.cmp_resize_handle.s:after,
.editing_cmp_resize_handle.s:after{
	left: 0;
	right: 0;
	margin: 0 auto;
}
.cmp_resize_handle.e:after,
.editing_cmp_resize_handle.e:after,
.cmp_resize_handle.w:after,
.editing_cmp_resize_handle.w:after{
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.cmp_resize_handle.e, .editing_cmp_resize_handle.e{
	width: 10px;
	right: -7px;
}
.cmp_resize_handle.w, .editing_cmp_resize_handle.w{
	left: -4px;
}
.cmp_resize_handle.s, .editing_cmp_resize_handle.s,
.cmp_resize_handle.se, .editing_cmp_resize_handle.se,
.cmp_resize_handle.sw, .editing_cmp_resize_handle.sw{
	bottom: -4px;
}
.cmp_resize_handle.n, .editing_cmp_resize_handle.n{
	top: -4px;
}
.cmp_resize_handle.ne, .editing_cmp_resize_handle.ne {
    top: -4px;
    right: -8px;
}
.cmp_resize_handle.se, .editing_cmp_resize_handle.se {
    bottom: -4px;
    right: -8px;
}
.cmp_resize_handle.sw, .editing_cmp_resize_handle.sw{
	left: -4px;
}
.cmp_resize_handle.nw, .editing_cmp_resize_handle.nw{
	left: -4px;
	top: -4px;
}
#cmp_mini_menu #add_code_block{
	background: #00a3ff url(https://www.ux-app.com/includes/img/wireframe/icons/svg/arrows/triangle-big-4-01.svg) 3px 3px no-repeat !important;
	background-size: 20px;
	border-radius: 0;
	font-weight: 600;
}
#cmp_mini_menu .mini_menu_btn{
	background-color: #00a3ff !important;
	font-weight: 600;
}
#cmp_mini_menu .mini_menu_btn:hover{
	background-color: #00a3ff !important;
}
.inline_editor_overlay .editor_toolbar > .btn:first-child{
	border-top: none;
	border-right: none;
	border-radius: 0;
	border-left: 1px solid #222;
	border-bottom: 1px solid #222;
}
.inline_editor_overlay .editor_toolbar > .btn{
	background: #fff !important;
	color: #222;
}
.inline_editor_overlay .editor_toolbar > .btn:last-child{
	border-top: none;
	border-right: none;
	border-radius: 0;
	border-left: 1px solid #222;
	border-bottom: 1px solid #222;
}
.inline_editor_overlay .editor_toolbar,
.skyhook_button_cmp.skyhook_container_cmp .editor_toolbar .btn:first-child{
	border-radius: 0;
	box-shadow: none;
}
.editor_toolbar .inline_editor_button.add > div {
    background: url(/includes/css/v2/img/plus_b.svg) 0 1px no-repeat;
    background-size: 17px;
}
.editor_toolbar .inline_editor_button.delete > div {
    background: url(/includes/css/v2/img/cross_b.svg) 0 1px no-repeat;
    background-size: 17px;
}
.editor_toolbar .inline_editor_button.prev > div {
    background: url(/includes/css/v2/img/chev_left_b.svg) 3px 4px no-repeat;
    background-size: 8px;
}
.editor_toolbar .inline_editor_button.next > div {
    background: url(/includes/css/v2/img/chev_right_b.svg) 3px 4px no-repeat;
    background-size: 8px;
}
.delete_card_container_page > div {
    background: url(/includes/css/v2/img/cross_b.svg) 0 1px no-repeat;
    background-size: 17px;
}
.editor_toolbar .save_inline_edits > div{
    background: url(/includes/css/v2/img/save_b.svg) 0 1px no-repeat;
    background-size: 16px;
}
.inline_editor_overlay .editor_toolbar > .btn{
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #222;
	border-left: 1px solid #222;
}
.inline_editor_overlay .editor_toolbar > .btn.active{
	background: #00a3ff !important;
}
#cmp_breadcrumbs{
	background-color: #1a1f23;
	background-image: none;
	border-top: 1px solid #00a3ff;
	border-radius: 0;
	padding: 0 10px 0 0;
}
#cmp_breadcrumbs ul{
	font-weight: 300;
}
#cmp_breadcrumbs li {
    background-image: url(/includes/css/v2/img/breadcrumb_sep.svg);
    background-position: 100% 0px;
}
#cmp_breadcrumbs_list {
    
}

#cmp_breadcrumbs li:first-child {
   background: url(/includes/css/v2/img/cross_g.svg) no-repeat 0 10px, url(/includes/css/v2/img/breadcrumb_sep.svg) no-repeat 100% 0;
    background-size: 17px, 22px;
    padding-left: 21px !important;
}

.preview_mode .left_sidebar{
	display: none;
}
#ruler_config{
	top: 1px;
	right: 30px;
}
#left_ruler{
	top: 0;
}
#ruler_config_panel{
	position: absolute;
	top: 20px;
	right: 0px;
	border-radius: 0;
	z-index: 99999;
}
#ruler_config_panel .btn{
	color: #222;
}
#template_elements .template_el:hover{
	color: #00a3ff;
}
#template_elements .template_el{
	padding: 20px 20px 10px 55px;
    cursor: move;
    background: url(/includes/css/v2/img/custom_cmp.svg) no-repeat 15px 17px;
    background-size: 28px;
}
.preview_mode #top_ruler{
	display: none;
}
.ruler_guide.horz{
	width: 100%;
	left: 0;
}
#page_reorder_menu{
	position: absolute;
	z-index: 100009;
	cursor: pointer;
	width: 25px;
    height: 34px;
	background: url(/includes/css/v2/img/arrow_left2.svg) no-repeat 50% 13px;
    background-size: 8px;
	display: none;
}
.overlay_editor {
    position: absolute;
    width: 240px;
    height: 32px;
    border: 1px solid rgba(0,0,0,1);
    border-radius: 0;
    z-index: 1900020;
    background-color: #fff;
    box-shadow: none;
}
.overlay_editor .controls {
    width: 70px;
    float: right;
    height: 32px;
    background: #fff;
    display: flex;
}
.overlay_editor .controls .ok {
    border-right: 1px solid #f8f7f7;
    background: url(/includes/css/v2/img/tick_black.svg) 0 0 no-repeat;
    background-size: 17px;
    background-position: 9px 8px !important;
    border-left: 1px solid #000 !important;
}
.overlay_editor .controls .cancel {
    background: url(/includes/css/v2/img/cross_b.svg) 0 0 no-repeat;
    background-size: 21px;
    background-position: 6px 6px !important;
    border-left: 1px solid #000 !important;
}

/* 1b1f23 */
#add_note_window ..window_header{
	height: 27px;
}
#add_note_window .iframe_wrap{
	background: #1b1f23;
}
#add_note_window .note_cmp_link {
    margin-bottom: 10px;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: -33px;
}
#add_note_window .note_cmp_link .link_btn {
    display: inline-block;
    padding: 5px 10px 5px 16px;
    background: url(/includes/css/v2/img/link.svg) no-repeat 9px 7px !important;
    background-size: 20px;
    border-top: 1px solid #00a3ff;
    background: transparent;
    border-radius: 0;
    border-right: 1px solid #00a3ff;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
}
#add_note_window .note_cmp_link .link_btn > div{
	background: none;
}
#add_note_window .cmp_type {
    padding: 4px 10px;
    border-radius: 0;
    border: none;
    background: #00a3ff;
    color: #fff;
    display: inline-block;
    position: absolute;
    top: -33px;
    right: 186px;
    color: #111;
}
#add_note_window .note_reply {
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 0;
    background: transparent;
    border: none;
}
#add_note_window .note_author {
    font-weight: bold;
    border-top: 1px dashed rgba(255, 255, 255, 0.18);
    margin-top: 10px;
}
#add_note_window .note_text {
    font-style: italic;
    line-height: 1.1em;
    max-height: 100px;
    overflow: auto;
}
#document_outline li > div.unhideable.edited {
    padding-left: 30px;
    background: #00fd8e;
    color: #111;
    font-weight: 600;
    background-image: url(/includes/css/v2/img/pen_b.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 5px 2px;
}
.confirm_note_delete .warning_msg,
.confirm_page_delete .warning_msg{
	color: #f13a3a;
    font-weight: 600;
    margin-bottom: 20px;
}
.confirm_note_delete,
.confirm_page_delete{
	position: absolute;
	left: 0;
	top: 0;
	width: 310px;
	min-height: 100px;
	background: #15191c;
	z-index: 1000010;
	display: none;
	padding: 20px;
	box-sizing: border-box;
    color: #fff;
    font-size: 13px;
}
.template_el{
	position: relative;
}
.template_el:hover .del_slider{
	display: block;
}
.del_slider {
    position: absolute;
    display: none;
    right: 10px;
    top: 8px;
    width: 23px;
    height: 23px;
    border: 0;
    background-color: transparent;
    border-radius: 12px;
    cursor: pointer;
    background-image: url(/includes/css/v2/img/cross_r.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    z-index: 10001;
    box-sizing: border-box;
    background-size: 17px;
}
.disabled_side_panel > *{
	pointer-events: none;
}
.disabled_side_panel{
	opacity: 0.2;
	pointer-events: none;
}
.preview_mode .skyhook_ios_card_container > .nested_cmp_content > .ios_card_container_content > .cmp_container_content:empty:after{
	display: none;
}
.preview_mode .skyhook_ios_card_container:after{
	display: none;
}
.skyhook_ios_card_container:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	border: 1px dashed rgba(180, 228, 255, 0.75);    
	z-index: 99999999;
    box-sizing: border-box;
}
.skyhook_ios_card_container > .nested_cmp_content > .ios_card_container_content > .cmp_container_content:empty:after{
	content: 'Empty Panel, Drag Components Here to Add.';
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	pointer-events: none;
	padding: 5px 10px;
	background: rgba(70, 87, 100, 0.44);
    color: #fff;
}
.skyhook_check_cmp.checked{background: url("https://www.ux-app.com/includes/img/wireframe/check.svg?v=2") no-repeat left center !important; background-size: 22px !important;}
.skyhook_check_cmp{background: url("https://www.ux-app.com/includes/img/wireframe/uncheck.svg?v=2") no-repeat left center !important;  background-size: 22px !important; padding: 0px 6px 0px 27px !important}

.skyhook_radio_cmp{border: 0; padding: 6px 6px 6px 27px;}
.skyhook_radio_cmp.checked{background: url("https://www.ux-app.com/includes/img/wireframe/radiochecked.svg?v=2") no-repeat left center !important; background-size: 22px !important;}
.skyhook_radio_cmp{background: url("https://www.ux-app.com/includes/img/wireframe/radio.svg?v=2") no-repeat left center !important; background-size: 22px !important; padding: 0px 6px 0px 27px !important}

.skyhook_textfield_container {
	border: none;
}
.skyhook_textfield_button_cmp .label {
	background-color: #e9ecef;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 0;
	border-color: #ced4da;
	border-style: solid;
	display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
	padding: 0 10px;
	
}
.skyhook_textfield_button_cmp  .cmp_content {
	display: flex;
}
.skyhook_textfield_container  input,
.skyhook_textfield_button_cmp  input,
.skyhook_textfield_container  textarea{
	border: 1px solid #ced4da;
	
}
.skyhook_textfield_container  input::-webkit-input-placeholder,
.skyhook_textfield_button_cmp  input::-webkit-input-placeholder,
.skyhook_textfield_container  textarea::-webkit-input-placeholder{
	font-style: italic;
	opacity: 0.7;
}
.skyhook_textfield_container  input::-moz-placeholder,
.skyhook_textfield_button_cmp  input::-moz-placeholder,
.skyhook_textfield_container  textarea::-moz-placeholder{
	font-style: italic;
	opacity: 0.7;
}
.code_editor_choosing_el #cmp_resize_overlay,
.code_editor_choosing_el #editing_cmp_resize_overlay{
	display: none;
}
.code_editor_choosing_el .mouse_event_block{
	opacity: 0;
	display: none !important;
}
.code_editor_choosing_el .skyhook_cmp,
.code_editor_choosing_el .cmp_content,
.code_editor_choosing_el .skyhook_cmp *{
	cursor: pointer !important;
}
.code_editor_choosing_el #screen_mask_nohide{
	opacity: 0 !important;
}
.incompatible_link #code_editor_choosing_el_indicator:after{
	content: 'Incompatible Component Type (ESC to Cancel)';
	padding: 10px;
	display: inline-block;
	position: absolute;
	bottom: -50px;
	left: 0;
	background: #fff;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	white-space: nowrap;
	font-weight: bold;
}
#code_editor_choosing_el_indicator:after{
	content: 'Click to Select (ESC to Cancel)';
	padding: 10px;
	display: inline-block;
	position: absolute;
	bottom: -50px;
	left: 0;
	background: #fff;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	white-space: nowrap;
	font-weight: bold;
}
.incompatible_link #code_editor_choosing_el_indicator{
	background: rgba(255, 0, 0, 0.5);	
}
#code_editor_choosing_el_indicator{
	position: absolute;
	pointer-events: none;
	background: rgba(0, 255, 144, 0.5);	
	z-index: 99999999;
	display: none;
}
#code_editor_choosing_el_info .okbtn{
	display: inline-block;
    padding: 7px 20px;
    background: #00a3ff;
    font-weight: 600;
    margin-top: 11px;
	cursor: pointer;
}
#code_editor_choosing_el_mask{
	content: '';
	width: 1000%;
	height: 1000%;
	position: fixed;
	left: -4000px;
	top: -2000px;
	background: rgba(0,0,0,0.2);
    z-index: 999998;
	display: none;
}
#code_editor_choosing_el_info{
	position: fixed;
    background: rgba(255,255,255,0.8) url(/includes/css/v2/img/click.png) no-repeat 50% 10px;
	background-size: 107px;
    font-size: 18px;
    font-weight: 600;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 221px;
    width: 432px;
    top: 200px;
    z-index: 999999;
    text-align: center;
    padding: 130px 30px 30px 30px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    box-sizing: border-box;	
	display: none;
}

.cmp_style_text_align{
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.cmp_style_text_align.left{
	background-image: url(https://www.ux-app.com/includes/img/wireframe/icons/left_align.svg);
}
.cmp_style_text_align.center{
	background-image: url(https://www.ux-app.com/includes/img/wireframe/icons/center_align.svg);
}
.cmp_style_text_align.right{
	background-image: url(https://www.ux-app.com/includes/img/wireframe/icons/right_align.svg);
}
.tabsize.active,
.cmp_style_text_align.active{
	opacity: 1;
}
.cmp_style_text_align,
.tabsize{
	display: inline-block;
	width: 30px;
	height: 24px;
	cursor: pointer;
	vertical-align: middle;
	opacity: 0.3;
	font-weight: bold;
	text-align: center;
}
.hide_style_input, #cmp_style_editor_win input[type="text"].hide_style_input, #cmp_style_editor_win input[type="number"].hide_style_input, #cmp_style_editor_win select.hide_style_input, #cmp_style_editor_win input[type="email"].hide_style_input, #cmp_style_editor_win input[type="password"].hide_style_input{
	display: none !important;
}


 html, body, body *{
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	user-select: none;
}
.preview_mode .artboard{
	overflow: hidden;	
}
.artboard_controls{
	display: none;
}
.cmp_select_tooltip{
	display: none !important;
}
input,
textarea{
	-webkit-user-select: all !important;
	user-select: all !important;
}

.share_1 #project_type_mobile:after{
	border: none;
}
.device_stencil{
	pointer-events: none !important;
}

#device_console{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 5em;
	background: #000;
	color: #fff;
	padding: 5px;
	overflow: scroll;
}

.skyhook_combo select{
	position: absolute;
	z-index: 9999999;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
}

.block_preview{
	display: none;
}

#token_screen{
	width: 100%;
	height: 100%;				
	text-align: center;
	z-index: 9999999999;
	display: none;
	position: relative;
    z-index: 9999999;
}

#token_panel{
	    padding-top: 100px;
    /* background: #e2e2e2 url(/includes/img/wireframe/icon2.png) no-repeat 50% 29px; */
    background-size: 50%;
    margin-top: 10%;
    width: 500px;
    min-height: 150px;
    border-radius: 3PX;
    display: inline-block;
    box-sizing: border-box;
    padding: 120px 30px 30px 30px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(36, 42, 47, 0.1);
    background: #fff;
    padding: 337px 20px 20px 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    background-image: url(/includes/img/wireframe/token_splash.jpg);
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#token_panel .token_mask{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/includes/img/159.gif) no-repeat 50% 50% rgba(136, 250, 250, 0.5);
}

#token_input{
	padding: 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 25px;
	text-transform: uppercase;
}
.token_label{
	font-weight: bold;
    font-size: 20px;
    margin: 10px 0;
    padding: 10px;
    display: block;
}

.lbl{
	font-size: 16px;
}
.btn{
	width: 100%;
    padding: 20px;
    font-size: 20px;
    background: #335eea;
    border-radius: 40px;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
	box-sizing: border-box;
	margin-top: 20px;
	text-transform: capitalize;
}
#project_type_mobile{
	transition: opacity 0.3s;
	opacity: 0;
}
#project_type_mobile.nodash:after{
	display: none;
}

#created_with_ux_app:hover{
	transform: scale(1);
}
#created_with_ux_app{
	transition: transform 0.3s;
	width:56px;
	position: fixed;
	right: 20px;
	bottom: 20px; 
	z-index: 99999;    
	line-height: 1.2em;    
	font-size: 10px;    
	transform: scale(0.7);   
	transform-origin: bottom right;
}
body{
	
	
}



#project_type_mobile.iphone4.portrait{width: 320px;height: 480px;}
#project_type_mobile.iphone4.landscape{width: 480px;height: 320px;}
#project_type_mobile.iphone5.portrait{width: 320px;height: 568px;}
#project_type_mobile.iphone5.landscape{width: 568px;height: 320px;}
#project_type_mobile.iphone6.portrait{width: 375px;height: 667px;}
#project_type_mobile.iphone6.landscape{width: 667px;height: 375px;}
#project_type_mobile.iphone6plus.portrait{width: 414px;height: 736px;}
#project_type_mobile.iphone6plus.landscape{width: 736px;height: 414px;}
#project_type_mobile.ipad.portrait{width: 768px;height: 1024px;}
#project_type_mobile.ipad.landscape{width: 1024px;height: 768px;}
#project_type_mobile.nexus5.portrait{width: 360px;height: 640px;}
#project_type_mobile.nexus5.landscape{width: 640px;height: 360px;}
#project_type_mobile.nexus7.portrait{width: 604px;height: 966px;}
#project_type_mobile.nexus7.landscape{width: 966px;height: 604px;}
#project_type_mobile.nexus7_2.portrait{width: 600px;height: 960px;}
#project_type_mobile.nexus7_2.landscape{width: 960px;height: 600px;}

.link_0 .iphone_wrap:after{
	background-image: none !important;
}

body{
	background: rgba(38, 41, 50, 0.06);
}

#layout_origin{
	background: #fff;
}
.desktop #layout_origin{
	border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 4px 6px 0 rgba(37, 42, 48, 0.22);
	margin-top: 20px;
	margin-bottom: 100px;
} @charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  99% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
    display: none;
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  99% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
    display: none;
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    display: block;
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    display: block;
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}














@keyframes rotateInLeft {
  0% {
    transform-origin: center center;
    transform: translate(-100px, 0) rotate(-200deg) ;
    opacity: 0;
  }

  100% {
    transform-origin: center center;
    transform: translate(0,0) rotate(0) ;
    opacity: 1;
  }
}
.rotateInLeft {  animation-name: rotateInLeft;}

@keyframes rotateInRight {
  0% {
    transform-origin: center center;
    transform: translate(100px, 0) rotate(-200deg) ;
    opacity: 0;
  }

  100% {
    transform-origin: center center;
    transform: translate(0,0) rotate(0) ;
    opacity: 1;
  }
}
.rotateInRight { animation-name: rotateInRight;}

@keyframes rotateInUp {
  0% {
    transform-origin: center center;
    transform: translate(0, 100px) rotate(-200deg) ;
    opacity: 0;
  }

  100% {
    transform-origin: center center;
    transform: translate(0,0) rotate(0) ;
    opacity: 1;
  }
}
.rotateInUp {  animation-name: rotateInUp;}


@keyframes rotateInDown {
  0% {
    transform-origin: center center;
    transform: translate(0, -100px) rotate(-200deg) ;
    opacity: 0;
	pointer-events: none !important;
	-webkit-pointer-events: none !important;
  }

  100% {
    transform-origin: center center;
    transform: translate(0,0) rotate(0) ;
    opacity: 1;	
	pointer-events: all;
	-webkit-pointer-events: all;
  }
}
.rotateInDown {  animation-name: rotateInDown;pointer-events: none !important}













@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
} #ai_assistant_window{
	transition: width 0.2s;
}
#ai_image_chooser * {
    opacity: 1 !important;
}
#ai_assistant_window.wide{
	min-width: 850px; 
	width: 75vw !important;	
	max-width: 1400px;
}

#ai_assistant_window .existing_content{
	margin: 0 0 10px 0;
    padding: 10px;
    background: #bcddff;
    border-radius: 10px;
	display: none;
}
#ai_assistant_window .subscription_overlay_msg{
	padding-top: 10px;
}
#ai_assistant_window .subscription_overlay_btns div{
	background: #3d5be9;
    color: #fff;
    font-weight: bold;
    border-radius: 20px;
    display: inline-block;
    padding: 10px 15px;
    margin: 5px 1px;
    cursor: pointer;
}
#ai_assistant_window .subscription_overlay{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    text-align: center;
    background-color: rgb(66 71 84 / 94%);
    color: #fff;
	display: none;
}
#ai_assistant_window span.presentation_info{
	display: inline-block;
    border-top: 1px solid #838893;
    margin-top: 10px;
    padding-top: 5px;
}
#ai_assistant_window .presentation_goes_to_radio label{
	display: block;
}
#ai_assistant_window .presentation_goes_to_radio .tooltip{
	position: absolute;
    left: 0;
    bottom: 100%;
    background: #000;
    color: fff;
    display: none;
    padding: 10px;
    border-radius: 5px;
}
#ai_assistant_window .presentation_goes_to_radio:hover .tooltip{
	display: block !important;
}
#ai_assistant_window .presentation_goes_to_radio{
	display: inline-block;
    padding: 10px;
    margin: 5px 5px;
    width: 100%;
    background: #e5f5ff;
    border-radius: 5px;
    border: 1px solid #d3d6dc;
	position: relative;
}

#ai_assistant_window .btn > div{
	pointer-events: none !important;
}
.wizard_help_btn{
	padding: 10px 10px 10px 30px;
    /* background: #475fe8; */
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: -45px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-size: 20px;
    background-image: url(/includes/css/v2/img/blue/help-d.svg);
    /* color: #fff; */
    border-radius: 5px;
    text-decoration: underline;
}
.wizard_title{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin: 20px 0;
}
.wizard_radio.vert{
	flex-direction: column
}
.wizard_radio{
	display: flex;
    justify-content: center;
}

.vert .radio_option:last-child{
	margin-bottom: 0;
}
.vert .radio_option{
	margin-bottom: 10px;
}
.wizard_radio.vert .radio_option{
	margin-right: 0;
}
.radio_option{
	padding: 10px 10px 10px 35px;
    margin-right: 8px;
    border: 1px solid #d6d8de;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    padding-bottom: 32px;
    padding-right: 32px;
}
.radio_option.selected_radio{
	background-image: url(/includes/css/v2/img/blue/checkmark--outline-w.svg);
    background-repeat: no-repeat;
    background-position: 7px 8px;
    background-size: 25px;
    background-color: #000b2f;
    color: #fff;
}
.selected_desc{
	background-image: url(/includes/css/v2/img/blue/checkmark--outline-w.svg);
    background-repeat: no-repeat;
    background-position: 6px 50%;
    background-size: 22px;
    background-color: #000b2f;
    color: #fff;
    border-radius: 5px;
    padding-left: 35px !important;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
}
.radio_option.selected_radio .selected_label{
	display: block;
}
.radio_option .selected_label{
	right: 32px;
    top: 10px;
    position: absolute;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 5px;
    color: #ffffff;
    /* font-style: italic; */
    font-size: 12px;
    display: none;
    text-shadow: #000 1px 1px;
}
.radio_title{
	font-weight: bold;
	padding-left: 2px;
}

.radio_tip.ac9{
	background-image: url(/includes/css/v2/img/blue/ac-logo.svg);
    background-repeat: no-repeat;
    background-position: 97% 28px;
    background-size: 200px;
    padding-bottom: 60px !important;
	padding-right: 250px;
}
.radio_tip{
	background: #fae6aa;
    padding: 15px;
    border-radius: 7px;
	margin-top: 10px;
	color: #00003c;
}

.flat .inner_footer .btn.ghost_btn{
	background: transparent !important;
    color: #071449;
    font-weight: normal;
}
.ai_wizard_page.current_wizard_page{
	display: block;
    overflow: auto;
}
#ai_assistant_wizard_page2a{
	max-height: 70vh;
}
#modal_window[data-class=finished_ai_generation_window] .window_content{
	max-height: 60vh;
    overflow: auto;
}
.ai_wizard_page{
	display: none;
}

.ai_wizard_row .input_label{
	margin-right: 5px;
}
.ai_wizard_row{
	display: flex;
    line-height: 38px;
    justify-content: center;
}
#ai_free_form_topic{
	min-width: 350px;
}
#ai_generate_number_of_headings{
	width: 40px;
    min-width: 40px;
    max-width: 40px;
    text-align: center;
    display: inline-block;
}
.ai_suggested_heading{
	min-width: 350px !important;
	margin-bottom: 5px !important;
}
.ai_add_heading{
	text-align: center;
    height: 25px;
    line-height: 25px;
	cursor: pointer;
}

select {
    padding: 6px;
    /* border-top: 2px solid #000; */
    /* border-right: 2px solid #000; */
    /* border-left: 2px solid #495a68; */
    /* border-bottom: 2px solid #495a68; */
    background: #edeeef !important;
    display: block;
    
    margin: 0 0;
    color: #2c1449 !important;
    border-radius: 0;
    border: 1px solid #d3d6dc !important;
	
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-weight: 550;
	font-style: normal;
}

.ai_hide_button{
	display: none;
}

#ai_free_form_summary_table td{
    padding: 10px;
    border: 1px dashed #d3d6dc;
}
#ai_free_form_summary_table{
	border-spacing: 2px;
    border: 1px solid #d3d6dc;
	width: 100%;
}

.ai_heading_summary{
	display: inline-block;
    /* padding: 5px 10px; */
    /* background: #4444fc; */
    /* color: #fff; */
    margin: 0 5px 5px 0;
    border-radius: 3px;
    border-right: 2px solid #cfd9e3;
    border-radius: 0;
    padding-right: 5px;
}
#presentation_density_chooser{
	padding: 10px;
}
#ai_generate_suggested_headings2.generated .ok:after{
	content: 'Refresh List...' !important;
}
#ai_generate_suggested_headings2.generating{
	pointer-events: none;
}
#ai_generate_suggested_headings2.generating .ok:after{	
	content: 'Generating...';
    pointer-events: none;
    cursor: wait;
    background-image: url(/includes/img/loading.svg?);
    /* padding-left: 44px; */
    background-repeat: no-repeat;
    background-position: 1px 50%;
    background-size: 20px;
    display: inline-block;
    padding-left: 26px;
}
#ai_generate_suggested_headings2 .ok:after{	
	content: 'Brainstorm Ideas...';
}
.ai_density_chooser{
	float: left;
    padding: 10px;
    width: 214px;
    border: 1px solid #d3d6dc;
    margin-right: 10px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

#ai_image_chooser_previews .api_preview_result{
	width: 100px;
    height: 80px;
    margin-right: 10px;
    border: 1px solid #f5f5f5;
    float: left;
    background-size: cover !important;
}
#ai_image_chooser_previews{
	width: 600px;
    height: 400px !important;
    overflow-y: auto;
    cursor: pointer;
}
#ai_image_chooser{
	left: 100px;
	top: 100px;	
	
}


.ac9_info{
	display: flex;
	max-height: 40vh;
    overflow-y: auto;
}

.learning_area.ac9{
	width: 100%;
}

.ac9_yr{
	height: 20px;
	overflow: hidden;
	cursor: pointer;
}

.cat1{
	overflow: hidden;
	cursor: pointer;
	border-left: 1px solid #e3dddd;
	height: 100%;
	padding: 10px;
	flex: 1;
}

.cat1_heading, .cat2_heading{
	white-space: nowrap;
	font-weight: bold;
	padding-left: 20px;
}

.cat2{
	height: 20px;
	overflow: hidden;
	cursor: pointer;
	background-image: url(/includes/css/v2/img/blue/add.svg);
	background-repeat: no-repeat;
	background-position: 0 1px;
	background-size: 20px;
	flex: 1;
}

.standard{

}

.standard_code{
	font-weight: bold;
}

.elaborations .elaborations_heading{
	padding-left: 20px;
	background-image: url(/includes/css/v2/img/blue/add.svg);
	background-repeat: no-repeat;
	background-position: 0 1px;
	background-size: 20px;
}
.elaborations.expand .elaborations_heading{
	padding-left: 20px;
	background-image: url(/includes/css/v2/img/blue/subtract.svg);
	background-repeat: no-repeat;
	background-position: 0 1px;
	background-size: 20px;
}
.elaborations{
	height: 20px;
	overflow: hidden;
	cursor: pointer;
	
}

.elaborations_heading {
	font-weight: bold;
}

.elab_list, .standard{
	margin-left: 20px;
}
.standard_desc, .elab_desc{
	padding-left: 20px;
}

.elab_list elaboration{

}

.elab_list elaboration .elab_code{

}

.elab_list elaboration .elab_desc{

}

.elab_code{
	font-weight: bold;
}
.cat2.expand{
	background-image: url(/includes/css/v2/img/blue/subtract.svg);
	background-repeat: no-repeat;
	background-position: 0 1px;
	background-size: 20px;
}
.ac9.learning_area .expand{
	height: auto !important;
	display: block !important;
	
}

.yr_lvl_btns, .subject_btns{
    margin-bottom: 6px;
    text-align: center;
}

.subject_btn.selected_yr_lvl,
.yr_lvl_btn.selected_yr_lvl{
	background-color: #335eea;
	background-image: url(/includes/css/v2/img/blue/checkmark--outline-w.svg);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 3px 4px;
	color: #fff;
	padding: 5px 10px 5px 25px;
}
.subject_btn,
.yr_lvl_btn{
	cursor: pointer;
	padding: 5px 10px;
	margin-right: 5px;
	background-color: #f5f5f5;
	border: 1px solid #e3dddd;
	border-radius: 5px;
	display: inline-block;
	font-weight: bold;
}

.ac9_yr.expand_yr{
	display: flex;
	height: fit-content;
}
.ac9_yr{
	display: none;
}

#maths .cat1_heading,
#visual_arts .cat1_heading,
#music .cat1_heading,
#media_arts .cat1_heading,
#drama .cat1_heading,
#dance .cat1_heading
{
	display: none;
}
/*
#maths .cat2,
#visual_arts .cat2,
#music .cat2,
#media_arts .cat2,
#drama .cat2,
#dance .cat2,
#hass .cat2,
#civics_and_citizenship .cat2,
#economics_and_business .cat2,
#geography .cat2,
#history .cat2
{
	flex: 1;
	height: auto;
}
*/
#maths .cat1,
#visual_arts .cat1,
#music .cat1,
#media_arts .cat1,
#drama .cat1,
#dance .cat1{
	display: flex;
}

#maths,
#science,
#english,
#digital_technologies,
#design_and_technologies,
#dance,
#drama,
#media_arts,
#music,
#hass_sub,
#civics_and_citizenship,
#economics_and_business,
#geography,
#history,
#visual_arts{
	display: none;
}
.ac9_subject.expand_subject{
	display: block !important;
}

.multi_subject_options.show_multi_options{
	display: block;
}
.multi_subject_options{
	margin-top: 6px;
	display: none;
}
#ai_assistant_wizard_page3{
	background-image: url(/includes/css/v2/img/blue/ac-logo.svg);
    background-repeat: no-repeat;
    background-position: 50% 28px;
    background-size: 200px;
    padding-top: 100px !important;
}

.ac9_subject .equation{
	display: inline-block;
	padding-right: 5px;
}

.year_7_economics_and_business > .cat1_heading.expander,
.year_8_economics_and_business > .cat1_heading.expander,
.year_9_economics_and_business > .cat1_heading.expander,
.year_10_economics_and_business > .cat1_heading.expander
{
	display: none;
}

.cat1.year_7_economics_and_business,
.cat1.year_8_economics_and_business,
.cat1.year_9_economics_and_business,
.cat1.year_10_economics_and_business{
	display: flex;
}

 .farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(/includes/img/wireframe/farbtastic/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(/includes/img/wireframe/farbtastic/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(/includes/img/wireframe/farbtastic/marker.png) no-repeat;
}

 .font-select {
  font-size: 16px;
  width: 210px;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.font-select .fs-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 29px;
  left: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
  -o-box-shadow     : 0 4px 5px rgba(0,0,0,.15);
  box-shadow        : 0 4px 5px rgba(0,0,0,.15);
  z-index: 999;
}

.font-select > a {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
  background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
  background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%);
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  border-radius        : 4px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  border: 1px solid #aaa;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 8px;
  color: #444;
  text-decoration: none;
}

.font-select > a span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.8;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  cursor: pointer;
}

.font-select > a div {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius   : 0 4px 4px 0;
  border-radius        : 0 4px 4px 0;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
  background-image: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
  background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%);
  border-left: 1px solid #aaa;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}

.font-select > a div b {
  background: url('fs-sprite.png') no-repeat 0 1px;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.font-select .fs-drop {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius   : 0 0 4px 4px;
  border-radius        : 0 0 4px 4px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
}

.font-select .fs-results {
  margin: 0 4px 4px 0;
  max-height: 190px;
  width: 200px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.font-select .fs-results li {
  line-height: 80%;
  padding: 7px 7px 8px;
  margin: 0;
  list-style: none;
  font-size: 18px;
}

.font-select .fs-results li.active {
  background: #3875d7;
  color: #fff;
  cursor: pointer;
}
.font-select .fs-results li em {
  background: #feffde;
  font-style: normal;
}

.font-select .fs-results li.active em {
  background: transparent;
}

.font-select-active > a {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}


 #page_font_settings_win .label {
    width: 112px;
    text-align: right;
    margin-right: 10px;
    display: inline-block;
}
#page_font_settings_win .font_select_row{
	margin-bottom: 5px;
}
#page_font_settings_win{
	left: 50vw;
    top: 200px;
    z-index: 99999999;
    width: 460px;
}

.google_font_dropdown:after{
	position: absolute;
    right: 0;
    top: 0;
    content: '';
    background: #d5d5d5 url(/includes/css/v2/img/blue/chev_down.svg) no-repeat 50%;
    background-size: 53%;
    width: 31px;
    height: 100%;
    background-size: 12px;
}

.google_font_dropdown {
    display: inline-block;
    position: relative;
    width: 253px;
    height: 34px;
    vertical-align: middle;
    background: #e3e3e5;
    color: #000000;
    border-radius: 0;
    border-width: 2px;
    padding: 5px 10px;
    border-style: solid;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #d5d5d5;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	text-align: left;
}

#google_font_popup_list .indicator:after,
#google_font_popup_list .hover:after{
	content: '';
	width: 50%;
	height: 50%;
	background: #00a3ff;
	opacity: 0.5;
	left: 8px;
	top: 9px;
	position: absolute;
	border-radius: 1000px;
}
#google_font_popup_list .indicator:after{
	opacity: 1;
}
#google_font_popup_list .indicator,
#google_font_popup_list .hover{
	position: absolute;
	top: 0;
	left: 5px;
	width: 35px;
	height: 38px;
	z-index: 2;
}
#google_font_popup_list img{
	position: absolute;
	left: 35px;
	top: 0;
	z-index: 1;
}
#google_font_popup_list{
	position: absolute;
    width: 221px;
    box-sizing: border-box;
    background: #000000;
    height: 340px;
    left: 0;
    top: 0;
    z-index: 99999999;
    overflow-y: scroll;
    overflow-x: hidden;
    cursor: pointer;
    display: none;
    border-bottom-left-radius: 5px;
}
#cmp_font .selected_font{
	display: inline-block;
    width: 128px;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: bottom;
    white-space: nowrap;
}
#cmp_font.disabled{
	opacity: 0.5;
	pointer-events: none;
}
#cmp_font{
	cursor: pointer;
}
#cmp_font:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 25px;
	height: 100%;
	background: url(/includes/css/v2/img/chev_down.svg) no-repeat 50%;
	background-size: 14px;
} .anim_dropdown .selected_option{
	display: inline-block;
}
#anim_dropdown_options_popup #anim_dropdown_preview_popup .anim_name{
	position: absolute;
	bottom: 0;
	padding: 5px 0;
	color: #fff;
	width: 100%;
	text-align: center;
}
#anim_dropdown_options_popup #anim_dropdown_preview_popup .anim_preview .el{
	background: #00ff90;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 90px;
	top: 60px;
}
#anim_dropdown_options_popup #anim_dropdown_preview_popup .anim_preview{
	width: 100%;
	height: 100%;
}
#anim_dropdown_options_popup #anim_dropdown_preview_popup{
	position: absolute;
    width: 220px;
    height: 160px;
    right: -220px;
    top: 0;
    background: #000;
	overflow: hidden;
}
#anim_dropdown_options_popup .options span{
	display: block;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	padding: 0 20px;
}
#anim_dropdown_options_popup .options{
	color: #fff;	
}
#anim_dropdown_options_popup .options_wrapper{
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
#anim_dropdown_options_popup{
	display: absolute;
	background: #000;
	color: #fff;
	position: absolute;
	display: none;
	width: 160px;
	z-index: 9999999;
	overflow: visible;
}
.anim_dropdown .options{
	display: none;
}
.anim_dropdown{
	display: inline-block;
    height: 31px;
    line-height: 31px;
    background: #000 url(/includes/css/v2/img/arrow_down.svg) no-repeat right 7px top 7px;
    background-size: 18px;
    padding: 0 30px 0 10px;
    cursor: pointer;
    color: #fff;
}

.block_preview .numeric_stepper .selected_value{
	display: inline-block;
    padding-right: 5px;
}
.block_preview .numeric_stepper .controls .up{
	position: absolute;
	width: 20px;
	height: 15px;
	top: 0;
	left: 0;
	background: #000 url(/includes/css/v2/img/arrow_up.svg) no-repeat 50% 1px;
    background-size: 15px;
}
.block_preview .numeric_stepper .controls .down{
	position: absolute;
	width: 20px;
	height: 15px;
	top: 15px;
	left: 0;
	background: #000 url(/includes/css/v2/img/arrow_down.svg) no-repeat 50% -2px;
    background-size: 15px;
}
.block_preview .numeric_stepper .controls{
	display: block;
    width: 20px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
	cursor: pointer;
}
.block_preview .numeric_stepper{
	display: inline-block;
    height: 30px;
    width: 33px;
    line-height: 30px;
    padding-left: 7px;
    margin-left: 1px;
    background: #000;
    color: #fff;
    position: relative;
    padding-right: 20px;
}
.cmp_select_dropdown .cmp_name,
.artboard_select_dropdown .code_artboard_name,
.layer_select_dropdown .layer_name,
.page_select_dropdown .page_name{
    color: #fff;
}
.cmp_select_dropdown,
.artboard_select_dropdown,
.layer_select_dropdown,
.page_select_dropdown
{
	display: inline-block;
    height: 30px;
    line-height: 30px;
    background: #000;
    color: #000;
    padding-left: 8px;
    top: 0px;
}
.page_select_dropdown{
    height: 30px;
}
.block_preview .cmp_select_dropdown .trigger ,
.block_preview .artboard_select_dropdown .trigger ,
.block_preview .layer_select_dropdown .trigger ,
.block_preview .page_select_dropdown .trigger {
    display: inline-block;
    width: 20px;
    cursor: pointer;
    background: #000 url(/includes/css/v2/img/arrow_down.svg) no-repeat 50% 4px;
    background-size: 15px;
    height: 16px;
}

.block_preview .cmp_select_dropdown .code_cmp_link {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/includes/css/v2/img/link.svg) no-repeat 0px 4px !important;
    position: relative;
    top: 3px;
    cursor: pointer;
	margin-left: 3px;
}
#page_select_dropdown_popup, 
#layer_select_dropdown_popup, 
#cmp_select_dropdown_popup {
    border-radius: 0;
	min-width: 102px;
}

.code_editor_generic_combo .options{
	display: none;
}
.code_editor_generic_combo{
	    background: #000 url(/includes/css/v2/img/arrow_down.svg) no-repeat top 50% right 5px;
    background-size: 15px;
    padding: 0 25px 0 10px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    top: -1px;
    position: relative;
}
#code_editor_combo_popup .option{
	padding: 5px;
}
#code_editor_combo_popup{
	background: #000;
	padding: 5px;
	color: #fff;
	position: absolute;
	z-index: 9999999;
	cursor: pointer;
	min-width: 78px;
}

.block_preview.z_index {
    padding: 0 16px;
}
.block_preview.textbox_value {
    padding: 0 14px;
}
.block_preview.test_cmp_state  {
	top: 2px;
    position: relative;
}
.block_preview.textbox_length {
    padding: 0 14px;
}
.block_preview.expression > .drop_target > .value.connector {
    top: 0px;
    height: 26px;
    line-height: 27px;
}
.block_preview.expression > .lbl {
    display: inline-block;
    position: relative;
    top: -8px;
}
.block_preview .cmp_select_dropdown{
	padding-right: 20px;
	position: relative;
}
.block_preview .cmp_select_dropdown .code_cmp_link {
	position: absolute;
	top: 2px;
    right: 1px;
}
.check_box select, .radio_btn select {
    height: 26px;
}
.block_preview.expression .block_preview .cmp_select_dropdown .code_cmp_link{
	background: url(/includes/css/v2/img/link.svg) no-repeat 0px 2px !important;
}

.block_preview.expression .cmp_select_dropdown{
    position: relative;
    top: 2px;
}
.block_preview.expression .cmp_select_dropdown{
	height: 26px;
} body:not(.onboarding_on_progress) .onboarding{
	display: none !important;
}

@media screen and (min-width: 1px){
	#onboarding_exit{
		display: none !important;
	}
}
@media screen and (min-width: 1400px){
	.onboarding_on_progress #onboarding_exit{
		display: block !important;
	}
}

.hide_during_onboarding{
	display: none;
}
#onboarding_tutorial .progress_indicator .step.active{
	background: #00FF90;
}
#onboarding_tutorial .progress_indicator{
}
#onboarding_tutorial .progress_indicator .step1{left: 50px;}
#onboarding_tutorial .progress_indicator .step2{left: 131px;}
#onboarding_tutorial .progress_indicator .step3{left: 213px;}
#onboarding_tutorial .progress_indicator .step4{left: 295px;}
#onboarding_tutorial .progress_indicator .step{
	position: absolute;
	width: 40px;
	height: 40px;
	background: #fff;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	top: 83px;
	font-size: 25px;
	line-height: 40px;
}
#onboarding_tutorial .progress_indicator .message .info{
	font-size: 30px;	
}
#onboarding_tutorial .progress_indicator .message{
	position: relative;
	text-align: center;
	width: 300px;
	margin: 0 auto;
	padding: 30px 40px 50px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #fff;
}

#onboarding_tutorial .instructions.active{
	display: block;
}
#onboarding_tutorial .instructions{
	text-align: center;
    margin-top: 74px;
    font-size: 15px;
	display: none;
	animation-iteration-count: 3;
	line-height: 1.3em;
}
#onboarding_tutorial{
	position: absolute;
    left: 0;
    right: 0;
    margin: 0 150px;
    width: 960px;
    min-width: 500px;
    min-height: 200px;
    background: transparent;
    z-index: 99999;
    height: 80vh;
    display: none;
    top: 40px;
	pointer-events: none;
}
#onboarding_tutorial .step_feedback.success{
	background: #00FF90;	
	left: 0;
	right: 0;
}
#onboarding_tutorial .step_feedback.error{
	color: #fff;
	background: #fd3852;
}
#onboarding_tutorial .step_feedback.active{
	display: block;
}
#onboarding_tutorial .step_feedback{
	font-size: 20px;
	text-align: center;
	display: none;
	padding: 5px 10px;
	width: 350px;
	margin: 50px auto;
}
#finish_onboarding.active{
	display: block;
}
#finish_onboarding{
	font-size: 20px;
    text-align: center;
    display: none;
    padding: 36px 10px;
    width: 350px;
    background: #262a30;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(95vh - 100px);
    margin: 0 auto;
    z-index: 9999999;
    color: #fff;
}
.left_sidebar > div{
	transition: opacity 0.3s;
}
.left_sidebar.disabled:before{
	content: '';
	z-index: 99998;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
}
.left_sidebar.disabled:after{
	content: 'Locked During Tutorial';
	position: absolute;
	left: 0;
	top: calc(50% - 150px);
	right: 0;
	width: 200px;
	margin: 100px auto;
	background: #000;
	z-index: 99999;
	opacity: 1;
	padding: 10px 15px;
	background: #00FF90;
	color: #000;
	text-align: center;
	font-weight: 600;
}
.left_sidebar.disabled{
	pointer-events: none;
	opacity: 1 !important;
}
#onboarding_tutorial .highlight{
	font-size: 18px;
	font-weight: 600;
	text-decoration: underline;
}
#onboarding_exit{
	position: absolute;
    left: 0;
    right: 0;
    top: calc(95vh - 100px);
    margin: 0 auto;
    padding: 30px 50px;
    background: #fff;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    z-index: 99999;
    width: 242px;
    font-size: 17px;
	cursor: pointer;
	display: none;
}
#onboarding_exit2{
	position: fixed;
    right: 100px;
    top: 50px;    
    padding: 15px 20px;
    background: #00FF90;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    z-index: 99999;
    font-size: 15px;
	cursor: pointer;
	display: none;
	font-weight: bold;
}
#final_onboarding_message a{
	font-weight: bold;
	color: #00FF90;
}
.onboarding_btn{
	background: #00FF90;
	padding: 10px 20px;
	margin-top: 20px;
	color: #000;
	text-align: center;
	cursor: pointer;
	font-weight: 600;
}
#final_onboarding_message li{
	list-style-type: disc;
}
#final_onboarding_message{
	    position: fixed;
    right: 26px;
    top: 130px; 
	width: 250px;
	background: #262a30;
	padding: 20px;
	color: #fff;
	text-align: left;
    z-index: 99999;
	font-size: 14px;
	display: none;
}
#onboarding_dnd{
	position: absolute;
    top: 285px;
    left: 0;
    width: 332px;
    height: 300px;
    background: url(/includes/css/v2/img/dnd.svg) no-repeat;
    background-size: 324px;
    z-index: 99999;
	pointer-events: none;
}
.onboarding_drop_target{
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	background: red;
	animation-iteration-count: infinite;
	display: none;
}
.pulse_btn .lbl{
	display: none;
}
.pulse_btn{
	animation-iteration-count: infinite !important;
	border: 1px solid #00ff90;
}
#dnd_cmp_proxy .pulse_btn {
	border: 0;
}
#onboarding_drop_target1_msg{
	top: 535px;
	left: 160px;
	display: none;
	position: absolute;
	font-size: 15px;
	font-weight: 600;
}
#onboarding_drop_target_region2{
	left: 358px;
    top: 328px;
    width: 520px;
    height: 350px;
    position: absolute;
	border: 1px solid #00FF90;
}
#onboarding_drop_target_region1{
	left: 58px;
    top: 428px;
    width: 320px;
    height: 200px;
    position: absolute;
	border: 1px solid #00FF90;
}
#onboarding_drop_target1{
	top: 500px;
	left: 200px;
}
#onboarding_drop_target2_msg{
	top: 535px;
	left: 560px;	
	display: none;
	position: absolute;
	font-size: 15px;
	font-weight: 600;
}
#onboarding_drop_target2{
	top: 500px;
	left: 600px;
} #rich_text_editor .window_header_text{
	color: #111;
    line-height: 30px;
    font-weight: 600;
    padding-left: 7px;
}
#rich_text_editor .window_header{
	background: #fff;
	height: 22px;
}
#rich_text_editor .collapse_button {
    width: 15px;
    height: 15px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background: #fff url(/includes/css/v2/img/rte/chev.svg) no-repeat 50% 50%;
    background-size: 12px;
}
#rich_text_editor .window_button_group {
    position: absolute;
    height: 25px;
    right: 6px;
    top: 3px;
}
#rich_text_editor .window_body.inner_flex{
	background: #fff;
}
#rich_text_editor .btn.icon.save div{
	line-height: 36px;
    margin: 0;
    padding: 0 0 0 37px;
    color: #111;
    text-shadow: none;
    font-weight: 600;
	background-image: none;
}
#rich_text_editor .btn.icon.save{
	width: 85px;
    line-height: 36px;
    background: #00ff90 url(/includes/css/v2/img/save_b.svg) no-repeat 12px 8px !important;
    background-size: 17px !important;
}
#rich_text_editor .btn.icon{
	min-width: 36px;
	width: 41px;
	height: 36px;
	padding: 0;
}
#rich_text_editor{
	border: 1px solid #000;
	width: 401px;
	background: #fff;
}
#rich_text_editor .window_content {
    height: 81px;
}
#rich_text_editor .btn-group .btn{
	border-top-color: #252a30;
	border-bottom-color: #252a30;
	border-left-color: #252a30;
}
#rich_text_editor .btn-group .btn:last-child,
#rich_text_editor .btn-group .btn:first-child{
	border-radius: 0;
	border-color: #252a30;
}

#rich_text_editor .btn-group .btn {	opacity: 0.8;}
#rich_text_editor .btn-group .btn:hover { opacity: 1;}

#rich_text_editor .btn.bold{
	background: url(/includes/css/v2/img/rte/carbon/text--bold.svg) no-repeat 50% 50% !important;
    background-size: 25px !important;
}
#rich_text_editor .btn.textbox{
	background: url(/includes/css/v2/img/rte/carbon/text--creation.svg) no-repeat 50% 50% !important;
    background-size: 27px !important;
}
#rich_text_editor .btn.heading_textbox{
	background: url(/includes/css/v2/img/rte/carbon/heading--creation.svg) no-repeat 50% 50% !important;
    background-size: 27px !important;
}
#rich_text_editor .btn.heading2_textbox{
	background: url(/includes/css/v2/img/rte/carbon/heading--creation2.svg) no-repeat 50% 50% !important;
    background-size: 27px !important;
}
#rich_text_editor .btn.bg_colour{
	background: url(/includes/css/v2/img/rte/carbon/color-palette.svg) no-repeat 50% 50% !important;
    background-size: 27px !important;
}
#rich_text_editor .btn.border_colour{
	background: url(/includes/css/v2/img/rte/carbon/paint-brush--alt.svg) no-repeat 50% 50% !important;
    background-size: 27px !important;
}
#rich_text_editor .btn.text_color{
	background: url(/includes/css/v2/img/rte/carbon/text--color.svg) no-repeat 50% 50% !important;
    background-size: 27px !important;
}
#rich_text_editor .btn.border_width{
	background: url(/includes/css/v2/img/rte/carbon/border-width.svg) no-repeat 50% 50% !important;
    background-size: 23px !important;
}
#rich_text_editor .btn.rounded{
	background: url(/includes/css/v2/img/rte/carbon/rounded.svg) no-repeat 50% 50% !important;
    background-size: 32px !important;
}
#rich_text_editor .btn.box_shadow:after{
	content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid #000;
    left: 9px;
    top: 7px;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5);
}
#rich_text_editor .btn.box_shadow{
	background: transparent !important;
    background-size: 32px !important;
}
#rich_text_editor .btn.add_img{
	background: url(/includes/css/v2/img/rte/carbon/image.svg) no-repeat 50% 50% !important;
    background-size: 27px !important;
}
#rich_text_editor .btn.add_clipart{
	background: url(/includes/css/v2/img/rte/carbon/star.svg) no-repeat 50% 50% !important;
    background-size: 24px !important;
}
#rich_text_editor .btn.add_table{
	background: url(/includes/css/v2/img/rte/carbon/table--split.svg) no-repeat 50% 50% !important;
    background-size: 25px !important;
}
#rich_text_editor .btn.add_circle{
	background: url(/includes/css/v2/img/rte/carbon/circle--outline.svg) no-repeat 50% 50% !important;
    background-size: 25px !important;
}
#rich_text_editor .btn.add_rect{
	background: url(/includes/css/v2/img/rte/carbon/square--outline.svg) no-repeat 50% 50% !important;
    background-size: 25px !important;
}
#rich_text_editor .btn.add_yt{
	background: url(/includes/css/v2/img/rte/carbon/video-player.svg) no-repeat 50% 50% !important;
    background-size: 25px !important;
}
#rich_text_editor .btn.italic{
	background: url(/includes/css/v2/img/rte/carbon/text--italic.svg) no-repeat 50% 50% !important;
    background-size: 25px !important;
}
#rich_text_editor .btn.underline{
	background: url(/includes/css/v2/img/rte/carbon/text--underline.svg) no-repeat 50% 50% !important;
    background-size: 25px !important;
}
#rich_text_editor .btn.clear{
	background: url(/includes/css/v2/img/rte/unstyle.svg) no-repeat 50% 50% !important;
    background-size: 20px !important;
}
#rich_text_editor .btn.left_justify{
	background: url(/includes/css/v2/img/rte/carbon/text--align--left.svg) no-repeat 50% 50% !important;
    background-size: 26px !important;
}
#rich_text_editor .btn.center_justify{
	background: url(/includes/css/v2/img/rte/carbon/text--align--center.svg) no-repeat 50% 50% !important;
    background-size: 26px !important;
}
#rich_text_editor .btn.right_justify{
	background: url(/includes/css/v2/img/rte/carbon/text--align--right.svg) no-repeat 50% 50% !important;
    background-size: 26px !important;
}
#rich_text_editor .btn.link{
	background: url(/includes/css/v2/img/rte/link.svg) no-repeat 50% 50% !important;
    background-size: 22px !important;
}
#rich_text_editor .btn.unlink{
	background: url(/includes/css/v2/img/rte/unlink.svg) no-repeat 50% 50% !important;
    background-size: 25px !important;
}
#rich_text_editor .btn.ul{
	background: url(/includes/css/v2/img/rte/carbon/list--bulleted.svg) no-repeat 50% 50% !important;
    background-size: 25px !important;
}
#rich_text_editor .btn.ol{
	background: url(/includes/css/v2/img/rte/carbon/list--numbered.svg) no-repeat 50% 50% !important;
    background-size: 25px !important;
}
#rich_text_editor .btn.outdent{
	background: url(/includes/css/v2/img/rte/carbon/text--indent--less.svg) no-repeat 50% 50% !important;
    background-size: 25px !important;
}
#rich_text_editor .btn.indent{
	background: url(/includes/css/v2/img/rte/carbon/text--indent--more.svg) no-repeat 50% 50% !important;
    background-size: 25px !important;
}
#rich_text_editor .btn.hr{
	background: url(/includes/css/v2/img/rte/hr.svg) no-repeat 50% 50% !important;
    background-size: 21px !important;
}
#rich_text_editor .btn.color{
	background: url(/includes/css/v2/img/rte/color.svg) no-repeat 50% 50% !important;
    background-size: 28px !important;
}
#rich_text_editor .btn.help{
	background: url(/includes/css/v2/img/rte/help_b.svg) no-repeat 50% 50% !important;
    background-size: 24px !important;
}
#rich_text_editor .btn.text_tbn{
	color: #071449;
    font-weight: bold;
    line-height: 36px;
    padding: 0 10px;
	width: fit-content;
}

#rich_text_editor .disabled{
	opacity: 0.3;
	pointer-events: none;
}

#bgcolor_chooser,
#bordercolor_chooser,
#border_radius_chooser,
#textcolor_chooser,
#border_width_chooser{
	position: absolute;
    background-color: #f5f5f5;
    width: 192px;
    height: fit-content;
    top: 45px;
    left: -80px;
    border-radius: 3px;
    box-shadow: 3px 3px 6px #0714372e;
    padding: 10px;
    border: 1px solid #dfe2e7;
    pointer-events: all !important;
}
#box_shadow_chooser{
	position: absolute;
    background-color: #f5f5f5;
    width: 174px;
    height: fit-content;
    top: 45px;
    left: -74px;
    border-radius: 3px;
    box-shadow: 3px 3px 6px #0714372e;
    padding: 10px;
    border: 1px solid #dfe2e7;
}

#border_width_chooser .border_width_value:hover,
#border_radius_chooser .border_radius_value:hover,
#box_shadow_chooser .box_shadow_value:hover
{
	font-weight: bold;
}
#border_width_chooser .border_width_value,
#border_radius_chooser .border_radius_value
{
	width: 100%;
    color: #071437;
    font-weight: normal;
    padding: 3px 0;
    border: 1px solid #dadde3;
    margin: 3px 0;
    border-radius: 3px;
}
#box_shadow_chooser .box_shadow_value.use_theme:after,
#box_shadow_chooser .box_shadow_value.box_shadow_none:after{
	display: none;
}
#box_shadow_chooser .box_shadow_value.box_shadow_1:after{
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
#box_shadow_chooser .box_shadow_value.box_shadow_2:after{
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}
#box_shadow_chooser .box_shadow_value.box_shadow_3:after{
	box-shadow: 2px 2px 0px rgba(0,0,0,0.5);
}
#box_shadow_chooser .box_shadow_value.box_shadow_4:after{
	box-shadow: inset 2px 2px 0px rgba(0,0,0,0.5);
}
#box_shadow_chooser .box_shadow_value.box_shadow_5:after{
	box-shadow: inset 2px 2px 3px rgba(0,0,0,0.5);
}
#box_shadow_chooser .box_shadow_value:after{
	content: '';
    position: absolute;
    left: 10px;
    top: 9px;
    width: 24px;
    height: 23px;
    border: 2px solid #7a7b7d;
}
#box_shadow_chooser .box_shadow_value:after{
	
}
#box_shadow_chooser .box_shadow_value
{
	width: 50px;
    height: 41px;
    float: left;
    color: #071437;
    font-weight: normal;
    padding: 3px 0;
    border: 1px solid #dadde3;
    margin: 3px 3px;
    border-radius: 3px;
	position: relative;
}
#box_shadow_chooser .box_shadow_value.box_shadow_none{
	background: url(/includes/css/v2/img/rte/unstyle.svg) no-repeat 50% 50% !important;
    background-size: 20px !important;
}
#border_width_chooser, 
#border_radius_chooser{
	width: 156px;
	left: -62px;
	padding: 3px 7px 3px 5px;
}

.btn.active_popup{
	opacity: 1 !important;
}
.btn.active_popup .popup{
	display: block;
}

.btn .popup .title{
	display: block;
    width: 100%;
    color: #101c3e;
    padding-bottom: 5px;
	font-weight: bold;
}

.btn .popup{
	display: none;
}

.color_swatch{
	display: block;
    width: 28px !important;
    height: 28px !important;
    float: left;
    margin: 2px 0 0 2px;
    border-radius: 0;
    border: 1px solid #071437;
}

.color-1 { background-color: #ff3223; }
.color-2 { background-color: #e91e63; }
.color-3 { background-color: #9c27b0; }
.color-4 { background-color: #673ab7; }
.color-5 { background-color: #3f51b5; }
.color-6 { background-color: #2196f3; }
.color-7 { background-color: #03a9f4; }
.color-8 { background-color: #00bcd4; }
.color-9 { background-color: #009688; }
.color-10 { background-color: #4caf50; }
.color-11 { background-color: #8bc34a; }
.color-12 { background-color: #cddc39; }
.color-13 { background-color: #ffeb3b; }
.color-14 { background-color: #ffc107; }
.color-15 { background-color: #ff9800; }
.color-16 { background-color: #ff5722; }
.color-17 { background-color: #795548; }
.color-18 { background-color: #9b7365; }
.color-19 { background-color: #bb8a79; }
.color-20 { background-color: #ebb6a3; }
.color-21 { background-color: #000000; }
.color-22 { background-color: #555555; }
.color-23 { background-color: #9b9b9b; }
.color-24 { background-color: #ffffff; } 
.color-25 { background-color: #ffffff; background-image: url(/includes/img/wireframe/nocol.png) } 

 #cmp_style_editor_win input[type="text"], 
#cmp_style_editor_win input[type="number"], 
#cmp_style_editor_win select, 
#cmp_style_editor_win input[type="email"], 
#cmp_style_editor_win input[type="password"]
{
    padding: 5px;
    border-top: 1px solid #4d5763;
    border-right: 1px solid #4d5763;
    border-left: 1px solid #4d5763;
    border-bottom: 1px solid #4d5763;
    background: #262932;
    display: inline-block !important;
   
    margin: 0 0;
    color: #fff;
    border-radius: 0;
	
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-weight: 550;
	font-style: normal;
}
.login_grp input {
    background: #fff;
    color: #222;
}

.black_input[type="text"], .window input[type="text"], .window input[type="number"], .window input[type="email"], .window input[type="password"] {
    min-width: 213px;
    padding: 10px;
    border: 1px solid #d3d6dc;
    background: #ffffff;
    display: block;
    
    margin: 0 0;
    color: #072261;
    border-radius: 3px;
    font-weight: bold;
	
	font-family: "Nunito", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
}
#kb_filter_input {
    width: 100%;
    padding: 10px;
    border-top: 2px solid #4d5763;
    border-right: 2px solid #4d5763;
    border-left: 2px solid #4d5763;
    border-bottom: 2px solid #4d5763;
    background: #262932;
    display: block;
    
    margin: 0 0;
    color: #fff;
    border-radius: 0;
	
	font-family: "Nunito", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
}
::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #15191c;
    /*border: 1px solid #484848;
     border-right: 1px solid #dedede; */
}
::-webkit-scrollbar-track, #code_editor_popup_window .code_blocks::-webkit-scrollbar-track {
    border-left: 1px solid rgba(0,0,0,0.05);
    border-right: 1px solid rgba(0,0,0,0.05);
    border-radius: 0px;
    box-shadow: inset 2px 2px 7px rgba(0,0,0,0.1);
    background: #495a68;
} @media screen and (min-width: 1px){
	#onboarding_dnd {
		width: 256px;
		height: 134px;
		background-size: 215px;
	}
	
	#onboarding_drop_target_region1 {
		top: 366px;
	}
	
	#onboarding_drop_target_region2 {
		top: 228px;
	}
	
	#onboarding_tutorial .progress_indicator .message {
		
		transform: scale(0.7);
	}
	#onboarding_exit2 {
		right: 26px;
		top: 77px;
		padding: 7px 12px;
		font-size: 12px;
	}
	#onboarding_tutorial .instructions {
		text-align: center;
		margin-top: 0;
		font-size: 15px;
		display: none;
		animation-iteration-count: 3;
	}
	#onboarding_tutorial .instructions {
		margin-top: 33px;
		font-size: 13px;
	}
}

@media screen and (min-width: 1450px){
	#onboarding_dnd{
		width: 332px;
		height: 300px;
		background-size: 324px;
	}
	
	#onboarding_drop_target_region1{
		top: 428px;
	}
	
	#onboarding_drop_target_region2 {
		top: 328px;
	}
	#onboarding_tutorial .progress_indicator .message {
		margin: 0 auto;
		transform: scale(1);
	}
	#onboarding_exit2 {
		right: 70px;
		top: 35px;
		padding: 8px 20px;
		font-size: 15px;
	}
	#onboarding_tutorial .instructions {
		margin-top: 74px;
		font-size: 15px;
	}
}

 #___gcse_0{
	position: static !important;
}
.gsc-search-button > *{
	
}
.gs-captcha-msg + a{
	opacity: 0;
	pointer-events: none;
}
.gs-captcha-outer-wrapper{
	overflow: visible !important;
}
.gsc-results-wrapper-overlay{
	z-index: 2 !important;
}
.gsc-search-box{
	position: absolute;
    background: #fff;
    left: 1px;
    width: 798px !important;
    padding: 26px;
    top: 0px;
    z-index: 9999;
}
#recaptcha-element:after{
	content: 'Please click the check box to continue adding images to your presentation';
    position: absolute;
    bottom: -26px;
    width: fit-content;
    padding: 5px 10px 5px 53px;
    background-color: #ffc800;
    border-radius: 5px;
    border: 1px solid #c57a1e;
    background-image: url(/includes/img/wireframe/arrow_up_anim.gif);
    background-size: 66px;
    background-position: -6px -14px;
    background-repeat: no-repeat;
}
#recaptcha-element{
	position: relative;
}
.gsc-results-wrapper-overlay.gsc-results-wrapper-visible{
	position: static !important;
	height: 100%;
    width: 700px;
}
.gsc-modal-background-image.gsc-modal-background-image-visible,
.gsc-results-close-btn-visible{
	display: none !important;
}
.gstl_50.gssb_c{
	z-index: 9999999  !important;
}
.gsc-tabsArea>div:first-child{
	display: none;
}
.gsc-above-wrapper-area{
	display: none;
}
.gs-previewSnippet{
	display: none;
}
.gs-imagePreviewArea:before{
	content: 'Add Image...';
	position: absolute;
	background: #335eea;
    color: #fff;
    border-radius: 4px;
    padding: 9px;
	pointer-events: none;
	font-weight: bold;
    right: 10px;
    top: 10px;
}
.gs-imagePreviewArea:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: pointer;
}
.gs-imagePreviewArea{
	position:relative;
}
#google_image_thumbnails img{
	padding: 0 10px 10px 0;
	cursor: pointer;
}
#google_image_thumbnails{
	margin: 10px 0;
}
#ai_image_chooser .btn > *{
	pointer-events: none;
}
.add_ai_content_to_this_slide{
	font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    background-color: #dadde3;
    background-image: url(/includes/css/v2/img/blue/magic-wand--filled.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 13px 50%;
    padding: 10px 12px 10px 42px;
    border-radius: 10px;
    margin-right: -12px;
	
}
.suggested_page_heading{
	display: inline-block;
    padding: 5px 10px;
    background-color: blue;
    color: #fff;
    cursor: pointer;
    border-radius: 7px;
    margin: 5px 5px 0px 0;
}
.collapsed .ai_slide_buttons{
	opacity: 0;
}
.ai_slide_buttons.show_add_slide_button{
	display: block;
}
.loading_suggestions_spinner{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(/includes/img/loading.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}
.ai_slide_buttons{
	display: none;
	transition: opacity 0.2s;
	position: fixed;
    top: 48px;
    right: 0px;
    z-index: 9999;
    font-size: 15px;
    text-align: center;
    background: #fff;
    width: 227px;
    padding: 10px 0;
}
.skyhook_sub_heading  .cmp_content,
.skyhook_heading .cmp_content{
	height: auto !important;
	max-height: 100%;
}
.skyhook_image_cmp.loading:after{
	content: '';
    position: absolute;
    z-index: 999;
    border: 4px solid #00ff90;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.skyhook_image_cmp.loading:before{
	content: 'Loading...';
    position: absolute;
    pointer-events: none;
    width: fit-content;
    z-index: 999;
    background: #00ff90;
    font-weight: bold;
    border-radius: 20px;
    padding: 5px 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: calc(50% - 16px);
}
.google_image_paging .google_image_search_page{
	cursor: pointer;
	display: inline-block;
}
.google_image_paging{
	text-align: center;
}
.mockup_image_tile.image_chooser_tile{
	float: left; 
	margin: 4px;
	width: 200px; 
	height: 140px; 
	cursor: pointer;
}
.paging_toolbar .flat .btn {
	background: #00a3ff !important;
}
#top_ruler, #left_ruler{
	display: none;
}

.sidebar_tab.custom_components_tab,
.sidebar_tab.chat_tab,
.sidebar_tab.pages_tab,
.sidebar_tab.outline_tab,
#layers_window{
	display: none !important;
}

.artboard:before{
	border-radius: 0px;
	border: 1px solid rgb(209, 213, 221);
}

.artboard.current_artboard {
    box-shadow: none;
    border-radius: 0;
}

.preview_mode #slide_preview_panel {
	display: none;
}
.preview_mode .browser {
    margin-top: 0;
}
.browser {
    margin-top: 80px;
}

.artboard_name_wrap{
	display: none;
}

.moving_cmp .temporary_group > .skyhook_cmp{
	opacity: 0.3;
}

#snap_middle_guide, #snap_center_guide {
    border-top: 2px dotted #00f;
    border-left: 2px dotted #00f;
}

.snap_guide_w{
    border-top: 2px dotted #00f;
}
.snap_guide_h{   
    border-left: 2px dotted #00f;
}
.snap_guide{
	display: none !important;
}

#cmp_resize_overlay.overlay_unselectable, #editing_cmp_resize_overlay.overlay_unselectable {
    border: 1px dashed #00f !important;
	border: none;
}
.resizing_cmp .skyhook_cmp:hover:after{
	display: none !important;
}
#cmp_resize_overlay, #editing_cmp_resize_overlay {
    border: 2px dashed #00f;
}

#rich_text_editor .window_body.inner_flex {
    background: #fff;
}

#rich_text_editor {
    width: 100%;
    left: 0 !important;
    right: 0 !important;
    top: -1px !important;
    margin: 0 auto;
    border-radius: 0;
    background-color: #fff;
    border-color: #dadde3;
    border-width: 1px;
    /* box-shadow: 2px 2px 4px rgb(218 221 227 / 36%); */
    display: flex;
    justify-content: center;
	z-index: 999999 !important;
	overflow: visible;
}

#rich_text_editor .window_content {
    height: fit-content;
}

#rich_text_editor .window_body.inner_flex {
    background: transparent;
}

#rich_text_editor .btn-group {
    margin-top: 0px;
}

#rich_text_editor .btn-group .btn.active{
	background-color: #e5e5e5 !important
}
#rich_text_editor .btn-group .btn:last-child, #rich_text_editor .btn-group .btn:first-child {
    border-radius: 4px;
    border-color: #dadde3;
}

#rich_text_editor .btn-group .btn:first-child {
    margin-left: 0 !important;
}

#rich_text_editor .btn-group .btn {
    border-color: #dadde3;
    margin-left: 5px !important;
    margin-bottom: 5px !important;
}

.skyhook_rte_cmp.skyhook_sub_heading  > .cmp_rte_content,  
.skyhook_rte_cmp.skyhook_heading  > .cmp_rte_content  
{
	overflow: visible;
}
.skyhook_rte_cmp > .cmp_rte_content  {
	overflow: hidden;
	position: relative;
	z-index: 999;
}
.skyhook_rte_cmp {
	overflow: visible;
}


.cmp_rte_content, .cmp_rte_content *{
	cursor: text;
}

#rich_text_editor .btn-group .btn:hover {
	background-color: #f0f3f7  !important;
}
.flat .btn {
	/*background-color: red !important;*/
}

.adding_cmp_from_toolbar .skyhook_cmp,
.adding_cmp_from_toolbar .skyhook_cmp *
{
	pointer-events: none !important;
}

.adding_cmp_from_toolbar *{
	cursor: crosshair !important;
}

.preview_mode #rich_text_editor{
	display: none;
}

#top_banner_notice {
    position: absolute;
    line-height: 25px;
    height: 25px;
    border-radius: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: 0;
    right: 0;
    top: -40px;
    z-index: 99999;
    color: #fff;
    margin: 0 auto;
    padding: 5px 20px;
    box-sizing: content-box;
    background: #3d5be9;
    background-size: 13px 13px;
    transition: top 0.4s;
    pointer-events: none;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

#go_to_google_signin{
	color: #000;
    text-decoration: none;
    display: inline-block;
    padding: 20px 27px 20px 60px;
    margin-bottom: 10px;
    background-image: url(/homepage_assets/img/g.png);
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: 14px 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    font-weight: bold;
    font-size: 16px;
    background-color: #fff;
    position: relative;
    left: 50px;
}
.ai_assistant.mask:before,
.ai_assistant.mask:after{
	display: block;
}
.ai_assistant:before{
	content: '';
    position: absolute;
    width: 9999px;
    height: 60px;
    background-color: rgb(22, 28, 45);
    right: 176px;
    top: -5px;
    opacity: 0.8;
	display: none;
}
.ai_assistant:after{
	content: '';
    position: absolute;
    width: 9999px;
    height: 60px;
    background-color: rgb(22, 28, 45);
    left: 170px;
    top: -5px;
    opacity: 0.8;
	display: none;
}
.ai_assistant{
	background-image: url(/includes/css/v2/img/blue/ai-recommend.svg);
    background-repeat: no-repeat;
    background-size: 29px;
    background-position: 0 50%;
    padding-left: 35px;
	position: relative;
}

.skyhook_image_cmp {
	overflow: hidden;
}

.elaboration_btn{
	cursor: pointer;
}

#slide_preview_panel .slide_list{
	top: 93px;
	list-style-type: none;
    margin: 0;
    padding: 0;
	position: relative;
	
}
#slide_preview_panel .preview_content *{
	pointer-events: none;
}
#slide_preview_panel .preview_content{
	position: relative;
	height: 100%;
	transform: scale(0.22);
    transform-origin: top left;
	z-index: 1;
	width: 800px;
    height: 600px;
    background: #fff;
    position: relative;
	pointer-events: none;
	overflow: hidden;
}
.currently_sorting div:after{
	display: none !important;
}
#ai_suggested_heading_list2 input[type=checkbox] + label:before{
	display: none;
}
#ai_suggested_heading_list2 input[type=radio] + label, 
#ai_suggested_heading_list2 input[type=checkbox] + label {
	padding-left: 0;
}
#ai_suggested_heading_list2 label {
	display: inline-block;
}
#ai_suggested_heading_list2 input[type=checkbox] {
    display: inline-block;
}
#ai_suggested_heading_list2{
	overflow-y: scroll;
    max-height: 40vh;
}
.topic_heading_check_row.topic_expanded:hover > .expand_topic_heading{
	visibility: hidden;
    pointer-events: none;
}
.topic_heading_check_row:hover > .expand_topic_heading{
	/*
	display: inline-block;
    pointer-events: all;
    visibility: visible;
	*/
    cursor: pointer;
	margin-left: 5px;
}
.topic_heading_check_row .expand_topic_heading{
	display: inline-block;
    position: relative;
    padding: 5px 10px;
    background-color: #1d51f7;
    font-weight: bold;
    color: #fff;
    border-radius: 31px;
    visibility: hidden;
    pointer-events: none;
}
.topic_heading_check_row{
	position: relative;
	margin-bottom: 5px;
}
.expanded_subtopic{
	margin-left: 40px;
}
.topic_expanded > label {
	font-weight: bold;
}
.topic_expanded > input{
	opacity: 0;
	pointer-events: none;
}
#slide_preview_panel .selected_slide .slide_preview:after{
	content: '';
    position: absolute;
    z-index: 9999;
    pointer-events: none;
    width: 183px;
    height: 106px;
    border: 4px solid #00a3ff;
    left: 1px;
    top: -5px;
    background: blue;
    z-index: 0;
}
#slide_preview_panel .selected_slide .slide_preview:after{
	content: '';
    position: absolute;
    z-index: 9999;
    pointer-events: none;
    width: 220px;
    height: 124px;
    border: none;
    left: -28px;
    top: -14px;
    background: #5460e6;
    z-index: -1;
}
#slide_preview_panel .slide_preview.current_slide:after{
	content: '';
    position: absolute;
    z-index: 9999;
    pointer-events: none;
    width: 220px;
    height: 124px;
    border: none;
    left: -28px;
    top: -14px;
    background: #5460e6;
    z-index: -1;
}
#slide_preview_panel .slide_preview:after{
	/*content: '';
    position: absolute;
    z-index: 9999;
    pointer-events: none;
    width: 178px;
    height: 102px;
    border: 4px solid #c1cad3;
    left: 1px;
    top: -3px;
    background: #dfe4e9;
    z-index: 0;
    border-radius: 10px;*/
}
#slide_preview_panel .slide_ops .slide_btn{
	cursor: pointer;
	height: 25px;
	display: inline-block;
}
#slide_preview_panel .selected_slide .slide_ops{
	opacity: 1;
}
#slide_preview_panel .slide_ops:hover{
	opacity: 1;
}
#slide_preview_panel .slide_ops{
	position: absolute;
    left: 10px;
    top: 109px;
    width: 180px;
	height: 25px;
	opacity: 0.3;
}
#slide_preview_panel .selected_slide::marker{
	color: #fff;
}
#slide_preview_panel .artboard_preview{
	position: relative;
	margin-left: 5px;
	margin-bottom: 50px;
}
#slide_preview_panel .selected_slide .slide_ops {
	height: 31px;
	background: #475fe8;
	width: 219px;
	left: -27px;
	right: 22px;
	margin-bottom: 20px;
}
#slide_preview_panel .selected_slide .slide_preview{
	border: 2px solid #fff;
}
#slide_preview_panel .slide_preview{
	height: 100px;
	margin: 20px 20px 36px 4px;
	border: 2px solid #c0c3cb;
	background: #fff;
	overflow: hidden;
	cursor: pointer !important;
	width: 176px;
	border-radius: 10px;
}
#slide_preview_panel.collapsed{
	right: -230px;
}
#slide_preview_panel .slide_list li::marker{
    font-size: 11px;
    font-weight: bold;

}
.currently_sorting_this_list{
	list-style-type: none !important;
}
#slide_preview_panel .slide_list{
	list-style-type: decimal;	
	left: 22px;
}
#slide_preview_panel{
	position: absolute;
    background: #fff;
    height: 100%;
    width: 227px;
    bottom: 0;
    right: 0;
    z-index: 99999999;
    border-left: 1px solid #dadde3;
	overflow-y: scroll;
	overflow-x: hidden;
	transition: right 0.2s;
}
.artboard.current_artboard{
	display: block;
}
.artboard{
	display: none;
}
.slide_btn{
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 50% 50%;
	width: 25px;
	height: 25px;
}
.selected_slide .slide_btn.add_slide{
	background-image: url(/includes/css/v2/img/blue/add_w.svg);
	background-size: 24px;
}
.selected_slide .slide_btn.delete_slide{
	background-image: url(/includes/css/v2/img/blue/trash-can_w.svg);
	margin-right: 10px;
}
.selected_slide .slide_btn.clone_slide{
	background-image: url(/includes/css/v2/img/blue/replicate_w.svg);
}
.slide_btn.add_slide{
	background-image: url(/includes/css/v2/img/blue/add.svg);
	background-size: 24px;
}
.slide_btn.delete_slide{
	background-image: url(/includes/css/v2/img/blue/trash-can.svg);
	margin-right: 10px;
}
.slide_btn.clone_slide{
	background-image: url(/includes/css/v2/img/blue/replicate.svg);
}
.slide_btn.transition_slide{
	background-image: url(/includes/css/v2/img/blue/migrate--alt.svg);
}
.slide_btn.add_slide,
.slide_btn.clone_slide,
.slide_btn.delete_slide{
	float: right;
	margin-left: 5px;
}
.slide_btn.transition_slide{
	float: left;
}

.currently_sorting .slide_ops ,
.currently_sorting .slide_btn{
	display: none !important;
}

#font_size_chooser, #font_size_chooser > div{
	float: left;
}
#font_size_chooser input{
	min-width: 20px;
	max-width: 40px;
	width: 40px;
	float: left;
	margin-left: 0;
	text-align: center;
    border-left: 0;
    border-right: 0;
	height: 38px;
}
#font_size_chooser .btn{ 
	background: transparent !important;
}
#font_size_chooser #text_bigger{
	margin-left: 0 !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-image: url(/includes/css/v2/img/blue/add.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 28px !important;
    background-position: 50% 50% !important;
}
#font_size_chooser #text_smaller{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	background-image: url(/includes/css/v2/img/blue/subtract.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 28px !important;
    background-position: 50% 50% !important;
}

.preview_mode #mockup_container {
	background-color: #000;
}
#mockup_container {
	background-color: rgba(226, 232, 240, 0.5);
}

.artboard.current_artboard{
	background: #fff;
}

.artboard .paragraphs p:empty{
	display: none;
}
.artboard .paragraphs p{
	
}

.summary_paragraph li p{
	margin-bottom: 0;
}
.submit_quiz_answer > *{
	pointer-events: none;
}
.submit_quiz_answer.incorrect_answer > .cmp_content {
	display: none;
}
.submit_quiz_answer.incorrect_answer:before{
	content: 'Incorrect';
	left: 0;
	top: 0;
	width: 100%;
}
.submit_quiz_answer.incorrect_answer{
	background-color: red;
    border-color: red;
}
.submit_quiz_answer.correct_answer:before{
	content: 'Correct';
	left: 0;
	top: 0;
	width: 100%;
}
.cloze_statement:hover .edit_cloze_question,
.cloze_statement:hover .delete_cloze_question{
	display: inline-block;
}
.preview_mode .cloze_statement:hover .edit_cloze_question,
.preview_mode .cloze_statement:hover .delete_cloze_question
{
	display: none;
}
.preview_mode .cloze_statement:hover:after{
	display: none;
}
.cloze_statement:hover:after {
	content: '';
	position: absolute;
	pointer-evenets: none;
	width: 100%;
	height: 100%;
	left:0;
	top: 0;
	border: 1px dashed rgba(0, 0, 255, 0.5);
}
.cloze_statement{
	user-select: none;
	cursor: pointer;
	position: relative;
}
.edit_cloze_question{
	z-index: 999;
    display: none;
    width: 16px;
    height: 16px;
    background: #a2f5af;
    position: absolute;
    border-radius: 20px;
    background-image: url(/includes/css/v2/img/blue/edit.svg);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 3px 4px;
    border: 1px solid green;
    cursor: pointer;
    right: 18px;
    bottom: 0;

}

.collapse_slide_preview_panel.collapsed{
    transform: rotate(180deg);
}
.collapse_slide_preview_panel{
	position: absolute;
    right: 10px;
    top: 12px;
    width: 25px;
    height: 25px;
    background-reat: no-repeat;
    background-position: 50%;
    background-image: url(/includes/css/v2/img/blue/chevron--right.svg);
    transition: transform 0.2s;
	cursor: pointer;
	z-index: 9999;
}

.delete_cloze_question{
	z-index: 999;
    display: none;
    width: 16px;
    height: 16px;
    background: #f5a2a2;
    position: absolute;
    border-radius: 20px;
    background-image: url(/includes/css/v2/img/blue/trash-can.svg);
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    border: 1px solid red;
    cursor: pointer;
    right: 0;
    bottom: 0;
}
.submit_quiz_answer.correct_answer> .cmp_content {
	display: none;
}
.submit_quiz_answer.correct_answer{
	background-color: #42e442;
    border-color: #15c015;
    color: #333;
}
.glossary_paragraph .cmp_rte_content {
	column-count: 2;
}
.correct_answer_statement{
	position: absolute;
    top: 105%;
    background: #faea9d;
    color: #333;
    font-weight: normal;
    padding: 10px;
    border-radius: 5px;
}
.submit_quiz_answer{
	cursor: pointer !important;
	font-weight: bold;
	
}
.summary_paragraph p,
.summary_paragraph ul{
	margin-bottom: 1em;
}
.summary_paragraph ul{
	margin-top: 1em;
	padding: 10px 0;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.artboard blockquote,
.slide_preview blockquote{
	margin: 0;
}
.currently_snapping_to{
	overflow: visible !important;
	z-index: 999999999 !important;
	
}
.currently_snapping_to:after,
.currently_snapping_to:before{
	overflow: visible !important;
	content: '';
	position: absolute;
    pointer-events: none;
    box-sizing: border-box;
	z-index: 999999;
	
	background: rgba(0, 0, 255, 0.9);
	
}
.currently_snapping_to_left:after{	
    left: -3px;
    top: -100vh;
    width: 3px;
    height: 200vh;
}
.currently_snapping_to_right:after{	
    right: -3px;
    top: -100vh;
    width: 3px;
    height: 200vh;
}
.currently_snapping_to_top:before{	
    top: -3px;
    left: -100vh;
    height: 3px;
    width: 200vh;
}
.currently_snapping_to_bottom:before{	
    bottom: -3px;
    left: -100vh;
    height: 3px;
    width: 200vh;
}
..skyhook_rte_cmp{
	padding: 0;
	overflow: visible;
}
.moving_cmp .skyhook_cmp.selected:after{
	border: none;
}
.multi_selection .skyhook_cmp.selected:after{
	display: none;
}
.preview_mode .skyhook_cmp:hover:after{
	display: none;
}
.skyhook_cmp.noselect .extra_options,
.skyhook_cmp.noselect .rte_img_settings{
	display: none !important;
}
.skyhook_cmp.noselect:hover:after{
	display: none !important;
}
.skyhook_cmp:hover:after{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px dashed rgba(28, 29, 253, 0.4);
    pointer-events: none;
    box-sizing: border-box;
	z-index: 999999;
}
.skyhook_cmp.selected:after{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px dashed #1c1dfd;
    pointer-events: none;
    box-sizing: border-box;
	z-index: 999999;
	display: none;
}
.skyhook_rte_cmp{
	padding: 5px;
}

.skyhook_heading,
.skyhook_sub_heading 
{
	overflow: hidden;
}
.skyhook_heading .cmp_rte_content, 
.skyhook_sub_heading .cmp_rte_content 
{
	width: 100%;
	
	overflow: visible;
}
.skyhook_sub_heading,
.skyhook_heading{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#set_theme .set_theme_inner{
	position: absolute;
    background-color: #f5f5f5 !important;
    left: 3px;
    top: 3px;
    line-height: 31px;
    height: 30px;
    width: 57.5px;
    border-radius: 2px;
    pointer-events: none;
}
#set_theme{
	position: relative;
	background: linear-gradient(90deg, #FC466B 0%, #3F5EFB 100%) !important;
	padding: 0 14px !important;
}
.swatch_from_theme{
	color: #121b3e;
    border-color: #000;
    width: 187px !important;
    line-height: 28px;
    font-size: 12px;
    border-radius: 3px;
}
.left_sidebar {
	display: none;
}
.preview_mode .skyhook_heading:hover .should_fit_text,
.preview_mode .skyhook_paragraph:hover .should_fit_text{
	display: none;
}
.multi_selection .skyhook_heading.selected .should_fit_text,
.multi_selection .skyhook_paragraph.selected .should_fit_text{
	display: none;
}
.fit_text .should_fit_text{
	padding-left: 19px;
	background-image: url(/includes/css/v2/img/blue/checkmark--outline-w.svg) !important;
	background-repeat: no-repeat;
	background-position: 3px 2px;
	
}
.preview_mode .show_context,
.preview_mode .txt_formatting_options{
	display: none !important;	
}
.txt_formatting_options,
.extra_options{
	display: none;
}
.skyhook_heading:hover .txt_formatting_options,
.skyhook_rte_cmp:hover .txt_formatting_options{
	display: flex;
    right: 26px;
    bottom: 2px;
    width: fit-content;
    position: absolute;
    text-align: right;
    z-index: 9999;
}

.welcome_cmp:hover .txt_formatting_options,
.welcome_cmp:hover .skyhook_rte_img_settings,
.welcome_cmp:hover .extra_options{
	display: none !important;
}
.skyhook_image_cmp .extra_options .show_context,
.skyhook_rte_cmp .extra_options .show_context{
	background-color: blue;
    padding: 5px 10px;
    color: #fff;
    width: 26px;
    height: 18px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: bold;
    z-index: 9999;
    background-image: url(/includes/css/v2/img/blue/overflow-menu--horizontal-w.svg) !important;
    background-repeat: no-repeat;
    background-position: 50%;
	
}
.skyhook_rte_cmp:hover .extra_options{
	display: block;
    right: 0px;
    bottom: 2px;
	width: fit-content;
	position: absolute;
	text-align: right;
	z-index: 999999999;
}
.skyhook_image_cmp:hover .extra_options{
	display: block;
    right: 4px;
    top: 6px;
	width: fit-content;
	position: absolute;
	text-align: right;
	z-index: 999999999;
}
.txt_formatting_options .col_ops.one_col{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-image: url(/includes/css/v2/img/blue/1col.svg?v=3);
    
}
.txt_formatting_options .col_ops.two_col{
	    margin-right: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-image: url(/includes/css/v2/img/blue/2col.svg?v=3);
}
.txt_formatting_options .col_ops{
	display: block;
    background-color: blue;
    margin-right: 0;
    width: 22px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 50%;
    border-radius: 0;
    cursor: pointer;
}
.txt_formatting_options .should_fit_text{
	background-image: url(/includes/css/v2/img/blue/checkmark--outline-w2.svg);
    background-repeat: no-repeat;
    display: block;
    /* position: relative; */
    background-color: blue;
    padding: 1px 6px 1px 19px;
    color: #fff;
    /* width: 100px; */
    border-radius: 20px;
    cursor: pointer;
    font-size: 7px;
    font-weight: bold;
    z-index: 9999;
    background-position: 3px 2px;
    background-size: 14px;
    line-height: 15px;
    white-space: nowrap;
    /* margin-top: 2px; */
    text-shadow: none;
}

.currently_sorting{
	position: absolute;
}
.currently_sorting li{
	position: absolute;
}
.currently_sorting li:nth-child(1){
	position: absolute !important;
	left: 0;
	top: 0;
	z-index: 0;
}
.currently_sorting li:nth-child(2) {
	position: absolute !important;
	left: 10px;
	top: 10px;
	z-index: 1;
}
.currently_sorting li:nth-child(3) {
	position: absolute !important;
	left: 20px;
	top: 20px;
	z-index: 2;
}
.currently_sorting li:nth-child(4) {
	position: absolute !important;
	left: 20px;
	top: 20px;
	z-index: 3;
}
.currently_sorting li:nth-child(5) {
	position: absolute !important;
	left: 20px;
	top: 20px;
	z-index: 4;
}
.currently_sorting li:nth-child(6) {
	position: absolute !important;
	left: 20px;
	top: 20px;
	z-index: 5;
}
.currently_sorting li:nth-child(7) {
	position: absolute !important;
	left: 20px;
	top: 20px;
	z-index: 6;
}
.currently_sorting li:nth-child(8) {
	position: absolute !important;
	left: 20px;
	top: 20px;
	z-index: 7;
}
.currently_sorting li:nth-child(9) {
	position: absolute !important;
	left: 20px;
	top: 20px;
	z-index: 8;
}
.currently_sorting li:nth-child(10) {
	position: absolute !important;
	left: 20px;
	top: 20px;
	z-index: 9;
}
.currently_sorting li:nth-child(11) {
	position: absolute !important;
	left: 20px;
	top: 20px;
	z-index: 10;
}
.currently_sorting li:nth-child(12) {
	position: absolute !important;
	left: 20px;
	top: 20px;
	z-index: 11;
}
.currently_sorting li:nth-child(13) {
	position: absolute !important;
	left: 20px;
	top: 20px;
	z-index: 12;
}
.currently_sorting li:nth-child(14) {
	position: absolute !important;
	left: 20px;
	top: 20px;
	z-index: 13;
}
.currently_sorting li:nth-child(15) {
	position: absolute !important;
	left: 20px;
	top: 20px;
	z-index: 14;
}

.DELETEME.REPLACEME > *{
	display: none;
}
.DELETEME.REPLACEME{
	height: 10px !important;
    opacity: 1 !important;
    display: block !important;
    width: 90%;
    background: blue;
    border-radius: 10px;
    left:-4px;
}
.presentation_ready_msg{
	display: flex;
}
.presentation_ready_msg > div{
	flex: 1;
	text-align: left;
	padding: 0 10px
}
.ai_form_validation{
	position: absolute;
    right: 29px;
    top: 6px;
    background: red;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
	display: none;
}
.error_no_selection:after{
	content: "Please choose some content to include in your presentation.";
	position: absolute;
    right: 5px;
    top: 6px;
    background: red;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
	display: block;
}
.error_no_selection{
	position: relative;
	border: 1px solid red;
}
#ac9_statement_row .ac9_statement{
	width: 570px;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #dadcde;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
}
#ac9_statement_row{
	display: none;
}
#ai_window_mask:after{
	content: 'Please wait...';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
    background: #0078ff;
    padding: 10px 25px;
    border: 1px solid #0740a6;
    border-radius: 5px;
    top: 45%;
    color: #ffffff;
    font-weight: bold;
}
#ai_window_mask{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(22, 28, 45, 0.8);
    z-index: 9999;
	display: none;
}
#ai_assistant_window.mask #ai_window_mask{
	display: block;
}

body:not(.preview_mode) #layout_origin .skyhook_cmp,
body:not(.preview_mode) #layout_origin .skyhook_cmp *{
	pointer-events: all !important;
}
.gen_content_nag.show{
	bottom: 20px;
}
.gen_content_nag *{
	pointer-events: none;
}
.gen_content_nag{
	position: absolute;
    width: fit-content;
    height: fit-content;
    bottom: -200px;
    left: 20px;
    background: #a2df6b;
    z-index: 999;
    right: 0;
    border-radius: 10px;
    padding: 20px;
    border: 4px solid #fff;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.9);
    font-weight: 900;
    text-align: center;
    cursor: pointer;
    transition: all 1.5s;
    font-size: 2.5em;
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.simple_theme_dark .rte_paragraph_style,
.simple_theme_dark .rte_paragraph_style{
	display: none !important;
}
.simple_theme_dark{
	color: #000 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-shadow: none  !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
.simple_theme_light{
	color: #fff !important;
	background: transparent !important;
	box-shadow: none !important;
	text-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
} .elaboration_paragraph{
	z-index: 999999 !important;
	margin-top: 0;
	opacity: 1;
	transition: margin-top 0.5s, opacity 0.5s;
}
.elaboration_paragraph.hidden_elaboration_paragraph{
	opacity: 0;
	pointer-events: none;
	margin-top: 100%;
}

.close_elaboration_paragraph_button{
	position: absolute;
    bottom: -1px;
    left: 0;
    padding: 5px 10px;
    background-color: #2196f3;
    border-top-right-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 10px;
    width: fit-content;
    right: 0;
    margin: 0 auto;
    cursor: pointer;
    border-top-left-radius: 4px;
}
.elaboration_paragraph_btn{
	cursor: pointer;
} .cloze_drop_target{
	display: inline-block;
    background: #00a3ff;
    width: 100px;
    height: 2em;
    border-radius: 5px;
    pointer-events: none;
    vertical-align: middle;
	position: relative;
	padding: 3px 10px;
	color: #fff;
	font-weight: bold;
}

.cloze_statement{
	margin-bottom: 0.5em;
}

.cloze_paragraph_cmp .cmp_rte_content {
	column-count: 2;
	overflow: visible !important;
}

.cloze_draggable{
	position: absolute;
	left: 0;
	background: #00a3ff;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	cursor: move;
	z-index: 9999999;
	height: fit-content;
	font-size: 11px;
	text-shadow: none;
}
.add_cloze_statement{
	position: absolute;
    background: blue;
    padding: 5px 15px;
    color: #fff;
    left: 124px;
    width: fit-content;
    border-radius: 20px;
    cursor: pointer;
    top: -34px;
    font-size: 11px;
    font-weight: bold;
	line-height: 15px;
	text-shadow: none;
}
.cloze_help{
	position: absolute;
    background: blue;
    padding: 5px 11px;
    color: #fff;
    left: 0;
    width: fit-content;
    border-radius: 20px;
    cursor: pointer;
    top: -34px;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    text-shadow: none;
    background-image: url(/includes/css/v2/img/blue/help--filled2.svg);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    background-size: 16px;
    padding-left: 23px;
}
.reset_cloze{
	position: absolute;
    background: blue;
    padding: 5px 15px;
    color: #fff;
    left: 62px;
    width: fit-content;
    border-radius: 20px;
    cursor: pointer;
    top: -34px;
    font-size: 11px;
    font-weight: bold;
	line-height: 15px;
	text-shadow: none;
}
.preview_mode .reset_cloze,
.preview_mode .cloze_help,
.preview_mode .add_cloze_statement{
	display: none;
}


.missing_word_chooser.chosen_word{
    background: #00a3ff;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
}
.missing_word_chooser{
	display: inline-block;
	cursor: pointer;
}

.click_to_choose_missing_word{
	font-size: 30px;
    border: 1px dashed rgba(0, 0, 0, 0.3);
    padding: 10px;
	margin-top: 20px;
	line-height: 1.3em;
}

.modal_missing_word_chooser{
	
}
#cloze_statement_input:placeholder-shown ~ div{
	display: none;
} 
.quiz_teacher_controls
{
	display: block;
	position: absolute;
    top: 1px;
    left: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
}
.preview_mode .teacher_quiz_control{
	display: none;
}
.teacher_quiz_control.help_quiz_question{
	background-image: url(/includes/css/v2/img/blue/help--filled2.svg);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    background-size: 16px;
    padding-left: 23px;
    padding-right: 10px;
	
}
.teacher_quiz_control{
    background: blue;
    padding: 2px 15px;
    color: #fff;
    width: fit-content;
    border-radius: 20px;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
	margin-right: 2px;
	display: inline-block;
}
.modal_quiz_answer_inputs input{
	display: inline-block;
}
.quiz_paragraph {
	font-size: 25px;
	font-weight: bold;
}
 .artboard{
	
}
.artboard.transition_out_left{
	transition: transform 0.2s;
	transform: translateX(-800px) !important;
}
.artboard.transition_in_right{
	transition: all 0.2s;
	transform: translateX(0px) !important;
}
.artboard.transition_in_left{
	transition: transform 0.2s;
	transform: translateX(0) !important;
}
.artboard.transition_out_right{
	transition: transform 0.2s;
	transform: translateX(800px) !important;
}

.force_display_artboard{
	display: block !important;
}

.artboard{
	background-color: #fff;
} .rte_paragraph_style:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.rte_paragraph_style {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	pointer-events: none;
}

.rte_paragraph_style .top_row,
.rte_paragraph_style .center_row,
.rte_paragraph_style .bottom_row {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.rte_paragraph_style .top_middle,
.rte_paragraph_style .center_middle,
.rte_paragraph_style .bottom_middle{
	position: relative;
	left: -1px;
}
.rte_paragraph_style .top_right,
.rte_paragraph_style .center_right,
.rte_paragraph_style .bottom_right{
	position: relative;
	left: -2px;
}

.rte_paragraph_style .center_row{
	position: relative;
	top: -1px;
}
.rte_paragraph_style .bottom_row{
	position: relative;
	top: -2px;
	
}
.rte_paragraph_style .top_row,
.rte_paragraph_style .bottom_row {
	height: 50px;
}

.rte_paragraph_style .center_row {
	flex: 1; /* Fills the remaining height */
}

.rte_paragraph_style .top_left,
.rte_paragraph_style .top_right,
.rte_paragraph_style .bottom_left,
.rte_paragraph_style .bottom_right,
.rte_paragraph_style .center_left,
.rte_paragraph_style .center_right {
	width: 50px;
	height: 50px;
}

.rte_paragraph_style .top_middle,
.rte_paragraph_style .bottom_middle {
	flex: 1; /* Fill remaining space in top and bottom rows */
}

.rte_paragraph_style .center_middle {
	flex: 1; /* Fills remaining space in the center row */
}

.rte_paragraph_style .center_left,
.rte_paragraph_style .center_right{
	height: 100%;
}

.rte_paragraph_style .top_left{
	background-size: 100%;
}

.rte_paragraph_style .top_right{
	background-size: 100%;
}

.rte_paragraph_style .bottom_left{
	background-size: 100%;
}

.rte_paragraph_style .bottom_right{
	background-size: 100%;
}

.rte_paragraph_style .top_middle{
	background-size: auto 100%;
	background-position: 0 0%;
}

.rte_paragraph_style .bottom_middle{
	background-size: auto 100%;
	background-position: 0 100%;
}
.rte_paragraph_style .center_left{
	background-size: 100%;
}
.rte_paragraph_style .center_right{
	background-size: 100%;
}

.style1 p{
	padding: 50px 15px 15px;
}
.style2 p{
	padding: 40px 20px 20px 40px;
}
.style3 p{
	padding: 20px 20px 20px 40px;
}
.style4 p{
	padding: 30px 40px;
}
.style5 p,
.style6 p,
.style7 p,
.style8 p,
.style16 p,
.style17 p,
.style18 p{
	padding: 40px;
}
.style6 p,
.style7 p,
.style8 p,
.style10 p{
	color: #fff;
}
.style9 p,
.style10 p,
.style11 p,
.style12 p,
.style13 p{
	padding: 20px;
}

.style14 p,
.style15 p{
	padding: 30px 20px 20px;
}

/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
.style1 .rte_paragraph_style .center_middle { background-color: #f5f1ea;}
.style1 .rte_paragraph_style .top_left{  background-image: url(/includes/img/wireframe/paragraph_styles/1/tl.png); }
.style1 .rte_paragraph_style .top_right{  background-image: url(/includes/img/wireframe/paragraph_styles/1/tr.png); }
.style1 .rte_paragraph_style .bottom_left{  background-image: url(/includes/img/wireframe/paragraph_styles/1/bl.png); }
.style1 .rte_paragraph_style .bottom_right{  background-image: url(/includes/img/wireframe/paragraph_styles/1/br.png); }
.style1 .rte_paragraph_style .top_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/1/tm.png); }
.style1 .rte_paragraph_style .bottom_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/1/bm.png); } 
.style1 .rte_paragraph_style .center_left{  background-image: url(/includes/img/wireframe/paragraph_styles/1/cl.png); } 
.style1 .rte_paragraph_style .center_right{  background-image: url(/includes/img/wireframe/paragraph_styles/1/cr.png); }

.style2 .rte_paragraph_style .center_middle { background-color: #8c9086;}
.style2 .rte_paragraph_style .top_left{  background-image: url(/includes/img/wireframe/paragraph_styles/2/tl.png); }
.style2 .rte_paragraph_style .top_right{  background-image: url(/includes/img/wireframe/paragraph_styles/2/tr.png); }
.style2 .rte_paragraph_style .bottom_left{  background-image: url(/includes/img/wireframe/paragraph_styles/2/bl.png); }
.style2 .rte_paragraph_style .bottom_right{  background-image: url(/includes/img/wireframe/paragraph_styles/2/br.png); }
.style2 .rte_paragraph_style .top_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/2/tm.png); }
.style2 .rte_paragraph_style .bottom_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/2/bm.png); } 
.style2 .rte_paragraph_style .center_left{  background-image: url(/includes/img/wireframe/paragraph_styles/2/cl.png); } 
.style2 .rte_paragraph_style .center_right{  background-image: url(/includes/img/wireframe/paragraph_styles/2/cr.png); }

.style3 .rte_paragraph_style .center_middle { background-color: #e9d7c2;}
.style3 .rte_paragraph_style .top_left{  background-image: url(/includes/img/wireframe/paragraph_styles/3/tl.png); }
.style3 .rte_paragraph_style .top_right{  background-image: url(/includes/img/wireframe/paragraph_styles/3/tr.png); }
.style3 .rte_paragraph_style .bottom_left{  background-image: url(/includes/img/wireframe/paragraph_styles/3/bl.png); }
.style3 .rte_paragraph_style .bottom_right{  background-image: url(/includes/img/wireframe/paragraph_styles/3/br.png); }
.style3 .rte_paragraph_style .top_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/3/tm.png); }
.style3 .rte_paragraph_style .bottom_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/3/bm.png); } 
.style3 .rte_paragraph_style .center_left{  background-image: url(/includes/img/wireframe/paragraph_styles/3/cl.png); } 
.style3 .rte_paragraph_style .center_right{  background-image: url(/includes/img/wireframe/paragraph_styles/3/cr.png); }
 
.style4 .rte_paragraph_style .center_middle { background-color: #ceb8a4;}
.style4 .rte_paragraph_style .top_left{  background-image: url(/includes/img/wireframe/paragraph_styles/4/tl.png); }
.style4 .rte_paragraph_style .top_right{  background-image: url(/includes/img/wireframe/paragraph_styles/4/tr.png); }
.style4 .rte_paragraph_style .bottom_left{  background-image: url(/includes/img/wireframe/paragraph_styles/4/bl.png); }
.style4 .rte_paragraph_style .bottom_right{  background-image: url(/includes/img/wireframe/paragraph_styles/4/br.png); }
.style4 .rte_paragraph_style .top_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/4/tm.png); }
.style4 .rte_paragraph_style .bottom_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/4/bm.png); } 
.style4 .rte_paragraph_style .center_left{  background-image: url(/includes/img/wireframe/paragraph_styles/4/cl.png); } 
.style4 .rte_paragraph_style .center_right{  background-image: url(/includes/img/wireframe/paragraph_styles/4/cr.png); }
 
.style5 .rte_paragraph_style .center_middle { background-color: #efda78;}
.style5 .rte_paragraph_style .top_left{  background-image: url(/includes/img/wireframe/paragraph_styles/5/tl.png); }
.style5 .rte_paragraph_style .top_right{  background-image: url(/includes/img/wireframe/paragraph_styles/5/tr.png); }
.style5 .rte_paragraph_style .bottom_left{  background-image: url(/includes/img/wireframe/paragraph_styles/5/bl.png); }
.style5 .rte_paragraph_style .bottom_right{  background-image: url(/includes/img/wireframe/paragraph_styles/5/br.png); }
.style5 .rte_paragraph_style .top_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/5/tm.png); }
.style5 .rte_paragraph_style .bottom_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/5/bm.png); } 
.style5 .rte_paragraph_style .center_left{  background-image: url(/includes/img/wireframe/paragraph_styles/5/cl.png); } 
.style5 .rte_paragraph_style .center_right{  background-image: url(/includes/img/wireframe/paragraph_styles/5/cr.png); }
 
.style6 .rte_paragraph_style .center_middle { background-color: #ef9578;}
.style6 .rte_paragraph_style .top_left{  background-image: url(/includes/img/wireframe/paragraph_styles/6/tl.png); }
.style6 .rte_paragraph_style .top_right{  background-image: url(/includes/img/wireframe/paragraph_styles/6/tr.png); }
.style6 .rte_paragraph_style .bottom_left{  background-image: url(/includes/img/wireframe/paragraph_styles/6/bl.png); }
.style6 .rte_paragraph_style .bottom_right{  background-image: url(/includes/img/wireframe/paragraph_styles/6/br.png); }
.style6 .rte_paragraph_style .top_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/6/tm.png); }
.style6 .rte_paragraph_style .bottom_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/6/bm.png); } 
.style6 .rte_paragraph_style .center_left{  background-image: url(/includes/img/wireframe/paragraph_styles/6/cl.png); } 
.style6 .rte_paragraph_style .center_right{  background-image: url(/includes/img/wireframe/paragraph_styles/6/cr.png); }
 
.style7 .rte_paragraph_style .center_middle { background-color: #9778ef;}
.style7 .rte_paragraph_style .top_left{  background-image: url(/includes/img/wireframe/paragraph_styles/7/tl.png); }
.style7 .rte_paragraph_style .top_right{  background-image: url(/includes/img/wireframe/paragraph_styles/7/tr.png); }
.style7 .rte_paragraph_style .bottom_left{  background-image: url(/includes/img/wireframe/paragraph_styles/7/bl.png); }
.style7 .rte_paragraph_style .bottom_right{  background-image: url(/includes/img/wireframe/paragraph_styles/7/br.png); }
.style7 .rte_paragraph_style .top_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/7/tm.png); }
.style7 .rte_paragraph_style .bottom_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/7/bm.png); } 
.style7 .rte_paragraph_style .center_left{  background-image: url(/includes/img/wireframe/paragraph_styles/7/cl.png); } 
.style7 .rte_paragraph_style .center_right{  background-image: url(/includes/img/wireframe/paragraph_styles/7/cr.png); }

  
.style8 .rte_paragraph_style .center_middle { background-color: #788bef;}
.style8 .rte_paragraph_style .top_left{  background-image: url(/includes/img/wireframe/paragraph_styles/8/tl.png); }
.style8 .rte_paragraph_style .top_right{  background-image: url(/includes/img/wireframe/paragraph_styles/8/tr.png); }
.style8 .rte_paragraph_style .bottom_left{  background-image: url(/includes/img/wireframe/paragraph_styles/8/bl.png); }
.style8 .rte_paragraph_style .bottom_right{  background-image: url(/includes/img/wireframe/paragraph_styles/8/br.png); }
.style8 .rte_paragraph_style .top_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/8/tm.png); }
.style8 .rte_paragraph_style .bottom_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/8/bm.png); } 
.style8 .rte_paragraph_style .center_left{  background-image: url(/includes/img/wireframe/paragraph_styles/8/cl.png); } 
.style8 .rte_paragraph_style .center_right{  background-image: url(/includes/img/wireframe/paragraph_styles/8/cr.png); }

 .style9 .rte_paragraph_style:after{  content: ''; background-color: #fff; margin: 5px; position: absolute; width: calc(100% - 10px); height: calc(100% - 10px); border-radius: 5px; } .style9 .rte_paragraph_style {  background-image: url(/includes/img/wireframe/slide_bgs/spectrum-gradient.svg); border-radius: 10px; background-size: cover; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); width: 100%; height: 100%; }
 .style10 .rte_paragraph_style:after{  content: ''; background-color: #263238; margin: 5px; position: absolute; width: calc(100% - 10px); height: calc(100% - 10px); border-radius: 5px; } .style10 .rte_paragraph_style {  background-image: url(/includes/img/wireframe/slide_bgs/spectrum-gradient.svg); border-radius: 10px; background-size: cover; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); width: 100%; height: 100%; }
 
.style11 .rte_paragraph_style:after{content: '';    position: absolute;    left: 2px;    top: 2px;    width: calc(100% - 6px);    height: calc(100% - 6px);    border-radius: 10px;    box-shadow: 0 0 4px rgba(65, 214, 57, 0.7);    border: 1px solid rgb(43, 192, 35, 0.5); } .style11 .rte_paragraph_style {box-shadow: 1px 1px 8px rgba(22, 228, 128,0.52); border: 2px solid rgba(43, 192, 35, 0.65); border-radius: 15px; background: #fff;} 
.style12 .rte_paragraph_style:after{ content: ''; position: absolute; left: 2px; top: 2px; width: calc(100% - 6px); height: calc(100% - 6px); /* margin: 10px; */ border-radius: 10px; box-shadow: 0 0 4px rgba(57, 57, 214, 0.8); border: 1px solid rgb(35, 35, 192, 0.5); } .style12 .rte_paragraph_style {box-shadow: 1px 1px 4px rgba(35, 81, 215, 0.9); border: 2px solid rgba(35, 35, 192, 0.65); border-radius: 15px; background: #fff;} 
.style13 .rte_paragraph_style:after{content: '';position: absolute;    left: 2px;    top: 2px;    width: calc(100% - 6px);    height: calc(100% - 6px);    border-radius: 10px;    box-shadow: 1px 1px 8px rgba(215, 35, 192, 0.9);    border: 1px solid rgb(192, 35, 156, 0.5);} .style13 .rte_paragraph_style {box-shadow: 1px 1px 4px rgb(203, 30, 228, 0.5); border: 2px solid rgba(192, 35, 156, 0.65); border-radius: 15px; background: #fff;} 


.style14 .rte_paragraph_style .center_middle { background-color: #beeaed;}
.style14 .rte_paragraph_style .top_left{  background-image: url(/includes/img/wireframe/paragraph_styles/9/tl.png); }
.style14 .rte_paragraph_style .top_right{  background-image: url(/includes/img/wireframe/paragraph_styles/9/tr.png); }
.style14 .rte_paragraph_style .bottom_left{  background-image: url(/includes/img/wireframe/paragraph_styles/9/bl.png); }
.style14 .rte_paragraph_style .bottom_right{  background-image: url(/includes/img/wireframe/paragraph_styles/9/br.png); }
.style14 .rte_paragraph_style .top_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/9/tm.png); }
.style14 .rte_paragraph_style .bottom_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/9/bm.png); } 
.style14 .rte_paragraph_style .center_left{  background-image: url(/includes/img/wireframe/paragraph_styles/9/cl.png); } 
.style14 .rte_paragraph_style .center_right{  background-image: url(/includes/img/wireframe/paragraph_styles/9/cr.png); }

.style15 .rte_paragraph_style .center_middle { background-color: #ffd1db;}
.style15 .rte_paragraph_style .top_left{  background-image: url(/includes/img/wireframe/paragraph_styles/10/tl.png); }
.style15 .rte_paragraph_style .top_right{  background-image: url(/includes/img/wireframe/paragraph_styles/10/tr.png); }
.style15 .rte_paragraph_style .bottom_left{  background-image: url(/includes/img/wireframe/paragraph_styles/10/bl.png); }
.style15 .rte_paragraph_style .bottom_right{  background-image: url(/includes/img/wireframe/paragraph_styles/10/br.png); }
.style15 .rte_paragraph_style .top_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/10/tm.png); }
.style15 .rte_paragraph_style .bottom_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/10/bm.png); } 
.style15 .rte_paragraph_style .center_left{  background-image: url(/includes/img/wireframe/paragraph_styles/10/cl.png); } 
.style15 .rte_paragraph_style .center_right{  background-image: url(/includes/img/wireframe/paragraph_styles/10/cr.png); }

.style16 .rte_paragraph_style .center_middle { background-color: #bef4ba;}
.style16 .rte_paragraph_style .top_left{  background-image: url(/includes/img/wireframe/paragraph_styles/11/tl.png); }
.style16 .rte_paragraph_style .top_right{  background-image: url(/includes/img/wireframe/paragraph_styles/11/tr.png); }
.style16 .rte_paragraph_style .bottom_left{  background-image: url(/includes/img/wireframe/paragraph_styles/11/bl.png); }
.style16 .rte_paragraph_style .bottom_right{  background-image: url(/includes/img/wireframe/paragraph_styles/11/br.png); }
.style16 .rte_paragraph_style .top_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/11/tm.png); }
.style16 .rte_paragraph_style .bottom_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/11/bm.png); } 
.style16 .rte_paragraph_style .center_left{  background-image: url(/includes/img/wireframe/paragraph_styles/11/cl.png); } 
.style16 .rte_paragraph_style .center_right{  background-image: url(/includes/img/wireframe/paragraph_styles/11/cr.png); }

.style17 .rte_paragraph_style .center_middle { background-color: #f0b9c9;}
.style17 .rte_paragraph_style .top_left{  background-image: url(/includes/img/wireframe/paragraph_styles/12/tl.png); }
.style17 .rte_paragraph_style .top_right{  background-image: url(/includes/img/wireframe/paragraph_styles/12/tr.png); }
.style17 .rte_paragraph_style .bottom_left{  background-image: url(/includes/img/wireframe/paragraph_styles/12/bl.png); }
.style17 .rte_paragraph_style .bottom_right{  background-image: url(/includes/img/wireframe/paragraph_styles/12/br.png); }
.style17 .rte_paragraph_style .top_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/12/tm.png); }
.style17 .rte_paragraph_style .bottom_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/12/bm.png); } 
.style17 .rte_paragraph_style .center_left{  background-image: url(/includes/img/wireframe/paragraph_styles/12/cl.png); } 
.style17 .rte_paragraph_style .center_right{  background-image: url(/includes/img/wireframe/paragraph_styles/12/cr.png); }

.style18 .rte_paragraph_style .center_middle { background-color: #bbd7f3;}
.style18 .rte_paragraph_style .top_left{  background-image: url(/includes/img/wireframe/paragraph_styles/13/tl.png); }
.style18 .rte_paragraph_style .top_right{  background-image: url(/includes/img/wireframe/paragraph_styles/13/tr.png); }
.style18 .rte_paragraph_style .bottom_left{  background-image: url(/includes/img/wireframe/paragraph_styles/13/bl.png); }
.style18 .rte_paragraph_style .bottom_right{  background-image: url(/includes/img/wireframe/paragraph_styles/13/br.png); }
.style18 .rte_paragraph_style .top_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/13/tm.png); }
.style18 .rte_paragraph_style .bottom_middle{  background-image: url(/includes/img/wireframe/paragraph_styles/13/bm.png); } 
.style18 .rte_paragraph_style .center_left{  background-image: url(/includes/img/wireframe/paragraph_styles/13/cl.png); } 
.style18 .rte_paragraph_style .center_right{  background-image: url(/includes/img/wireframe/paragraph_styles/13/cr.png); }


.rte_true_false .rte_response.rte_response_false{
}
.rte_true_false .rte_response.rte_response_true{
	margin-right: 5px;
}
.rte_true_false .rte_response {
    background: #ffffff;
	display: inline-block;
	padding: 2px 10px;
	cursor: pointer;
	color: #000;
	font-weight: bold;
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	border: 3px solid #e2e4e8;
	line-height: 10px;
	text-transform: capitalize;
	font-size: 12px;
}
.rte_true_false{
	position: absolute;
	z-index: 999;
	right: 10px;
	bottom: 10px;
}

.tf_overlay .tf_modal_wrapper{
	text-align: center;
	margin-top: 10px;
	cursor: pointer;
}
.tf_overlay .tf_modal_ok{
	background: #ffffff;
    display: inline-block;
    padding: 2px 10px;
    pointer-events: none;
    color: #000;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    border: 3px solid #e2e4e8;
    text-transform: capitalize;
}
.tf_overlay .tf_modal{
	width: fit-content;
	padding: 20px;
	background: #fff;
	border: 5px solid #a7a7af;
	border-radius: 10px;
	max-width: 350px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.tf_overlay .corrent_or_incorrect:before{
	text-align: center;
	display: block;
	padding: 5px 10px;
	margin-bottom: 10px;
    font-weight: bold;
    border-radius: 5px;
}

.tf_overlay.correct_response .corrent_or_incorrect:before{
	content: 'Correct';
	background-color: #4be24b;
}
.tf_overlay.incorrect_response .corrent_or_incorrect:before{
	content: 'Incorrect';	
	background-color: #f47979;
}
.tf_overlay .tf_modal_elaboration{
	padding: 10px;
	text-align: center;
}
.tf_overlay{
	display: flex;
	z-index: 999999;
	background: rgba(0,0,0,0.5);
	align-items: center;
	justify-content: center;
	display: none;
	position: absolute;
	width: 100%;
    height: 100%;
} #add_clipart_window .window_content_wrap{
	min-height: 100px;
	max-height: 50vh;
	overflow-y: scroll;
}
#add_clipart_window{
	width: 900px;
	
}
#add_clipart_window .clipart_browser{
	padding: 20px;
	display: grid;
	grid-template-columns: auto auto auto auto auto;
	gap: 10px;
}
#add_clipart_window .clipart_preview.speech_bubbles_1{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/1/1.png); }
#add_clipart_window .clipart_preview.speech_bubbles_2{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/1/2.png); }
#add_clipart_window .clipart_preview.speech_bubbles_3{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/1/3.png); }
#add_clipart_window .clipart_preview.speech_bubbles_4{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/1/4.png); }
#add_clipart_window .clipart_preview.speech_bubbles_5{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/1/5.png); }
#add_clipart_window .clipart_preview.speech_bubbles_6{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/1/6.png); }
#add_clipart_window .clipart_preview.speech_bubbles_7{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/2/1.png); }
#add_clipart_window .clipart_preview.speech_bubbles_8{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/2/2.png); }
#add_clipart_window .clipart_preview.speech_bubbles_9{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/2/3.png); }
#add_clipart_window .clipart_preview.speech_bubbles_10{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/2/4.png); }
#add_clipart_window .clipart_preview.speech_bubbles_11{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/3/1.png); }
#add_clipart_window .clipart_preview.speech_bubbles_12{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/3/2.png); }
#add_clipart_window .clipart_preview.speech_bubbles_13{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/3/3.png); }
#add_clipart_window .clipart_preview.speech_bubbles_14{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/3/4.png); }
#add_clipart_window .clipart_preview.speech_bubbles_15{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/3/5.png); }
#add_clipart_window .clipart_preview.speech_bubbles_16{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/3/6.png); }
#add_clipart_window .clipart_preview.speech_bubbles_17{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/3/7.png); }
#add_clipart_window .clipart_preview.speech_bubbles_18{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/3/8.png); }
#add_clipart_window .clipart_preview.speech_bubbles_19{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/3/9.png); }
#add_clipart_window .clipart_preview.speech_bubbles_20{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/3/10.png); }
#add_clipart_window .clipart_preview.speech_bubbles_21{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/4/1.png); }
#add_clipart_window .clipart_preview.speech_bubbles_22{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/4/2.png); }
#add_clipart_window .clipart_preview.speech_bubbles_23{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/4/3.png); }
#add_clipart_window .clipart_preview.speech_bubbles_24{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/4/4.png); }
#add_clipart_window .clipart_preview.speech_bubbles_25{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/4/5.png); }
#add_clipart_window .clipart_preview.speech_bubbles_26{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/4/6.png); }
#add_clipart_window .clipart_preview.speech_bubbles_27{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/4/7.png); }
#add_clipart_window .clipart_preview.speech_bubbles_28{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/4/8.png); }
#add_clipart_window .clipart_preview.speech_bubbles_29{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/4/9.png); }
#add_clipart_window .clipart_preview.speech_bubbles_30{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/5/1.png); }
#add_clipart_window .clipart_preview.speech_bubbles_31{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/5/2.png); }
#add_clipart_window .clipart_preview.speech_bubbles_32{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/5/3.png); }
#add_clipart_window .clipart_preview.speech_bubbles_33{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/5/4.png); }
#add_clipart_window .clipart_preview.speech_bubbles_34{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/5/5.png); }
#add_clipart_window .clipart_preview.speech_bubbles_35{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/5/6.png); }
#add_clipart_window .clipart_preview.speech_bubbles_36{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/6/1.png); }
#add_clipart_window .clipart_preview.speech_bubbles_37{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/6/2.png); }
#add_clipart_window .clipart_preview.speech_bubbles_38{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/6/3.png); }
#add_clipart_window .clipart_preview.speech_bubbles_39{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/6/4.png); }
#add_clipart_window .clipart_preview.speech_bubbles_40{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/6/5.png); }
#add_clipart_window .clipart_preview.speech_bubbles_41{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/6/6.png); }
#add_clipart_window .clipart_preview.speech_bubbles_42{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/6/7.png); }
#add_clipart_window .clipart_preview.speech_bubbles_43{ background-image: url(/includes/img/wireframe/clipart/speech_bubbles/6/8.png); }
#add_clipart_window .clipart_preview.speech_bubbles_44{ background-image: url(/includes/img/wireframe/clipart/banners/1/1.png); }
#add_clipart_window .clipart_preview.speech_bubbles_45{ background-image: url(/includes/img/wireframe/clipart/banners/1/2.png); }
#add_clipart_window .clipart_preview.speech_bubbles_46{ background-image: url(/includes/img/wireframe/clipart/banners/1/3.png); }
#add_clipart_window .clipart_preview.speech_bubbles_47{ background-image: url(/includes/img/wireframe/clipart/banners/1/4.png); }
#add_clipart_window .clipart_preview.speech_bubbles_48{ background-image: url(/includes/img/wireframe/clipart/banners/2/1.png); }
#add_clipart_window .clipart_preview.speech_bubbles_49{ background-image: url(/includes/img/wireframe/clipart/banners/2/2.png); }
#add_clipart_window .clipart_preview.speech_bubbles_50{ background-image: url(/includes/img/wireframe/clipart/banners/2/3.png); }
#add_clipart_window .clipart_preview.speech_bubbles_51{ background-image: url(/includes/img/wireframe/clipart/banners/2/4.png); }
#add_clipart_window .clipart_preview.speech_bubbles_52{ background-image: url(/includes/img/wireframe/clipart/banners/2/5.png); }
#add_clipart_window .clipart_preview.speech_bubbles_53{ background-image: url(/includes/img/wireframe/clipart/banners/2/6.png); }
#add_clipart_window .clipart_preview.speech_bubbles_54{ background-image: url(/includes/img/wireframe/clipart/banners/2/7.png); }
#add_clipart_window .clipart_preview.speech_bubbles_55{ background-image: url(/includes/img/wireframe/clipart/banners/3/1.png); }
#add_clipart_window .clipart_preview.speech_bubbles_56{ background-image: url(/includes/img/wireframe/clipart/banners/3/2.png); }
#add_clipart_window .clipart_preview.speech_bubbles_57{ background-image: url(/includes/img/wireframe/clipart/banners/3/3.png); }
#add_clipart_window .clipart_preview.speech_bubbles_58{ background-image: url(/includes/img/wireframe/clipart/banners/3/4.png); }
#add_clipart_window .clipart_preview.speech_bubbles_59{ background-image: url(/includes/img/wireframe/clipart/banners/3/5.png); }
#add_clipart_window .clipart_preview.speech_bubbles_60{ background-image: url(/includes/img/wireframe/clipart/banners/3/6.png); }
#add_clipart_window .clipart_preview.speech_bubbles_61{ background-image: url(/includes/img/wireframe/clipart/banners/3/7.png); }
#add_clipart_window .clipart_preview.speech_bubbles_62{ background-image: url(/includes/img/wireframe/clipart/banners/3/8.png); }
#add_clipart_window .clipart_preview.speech_bubbles_63{ background-image: url(/includes/img/wireframe/clipart/banners/3/9.png); }
#add_clipart_window .clipart_preview.speech_bubbles_64{ background-image: url(/includes/img/wireframe/clipart/banners/4/1.png); }
#add_clipart_window .clipart_preview.speech_bubbles_65{ background-image: url(/includes/img/wireframe/clipart/banners/4/2.png); }
#add_clipart_window .clipart_preview.speech_bubbles_66{ background-image: url(/includes/img/wireframe/clipart/banners/4/3.png); }
#add_clipart_window .clipart_preview.speech_bubbles_67{ background-image: url(/includes/img/wireframe/clipart/banners/4/4.png); }
#add_clipart_window .clipart_preview.speech_bubbles_68{ background-image: url(/includes/img/wireframe/clipart/banners/4/5.png); }
#add_clipart_window .clipart_preview.speech_bubbles_69{ background-image: url(/includes/img/wireframe/clipart/banners/4/6.png); }
#add_clipart_window .clipart_preview.speech_bubbles_70{ background-image: url(/includes/img/wireframe/clipart/banners/5/1.png); }
#add_clipart_window .clipart_preview.speech_bubbles_71{ background-image: url(/includes/img/wireframe/clipart/banners/5/2.png); }
#add_clipart_window .clipart_preview.speech_bubbles_72{ background-image: url(/includes/img/wireframe/clipart/banners/5/3.png); }
#add_clipart_window .clipart_preview.speech_bubbles_73{ background-image: url(/includes/img/wireframe/clipart/arrows/1/1.png); }
#add_clipart_window .clipart_preview.speech_bubbles_74{ background-image: url(/includes/img/wireframe/clipart/arrows/1/2.png); }
#add_clipart_window .clipart_preview.speech_bubbles_75{ background-image: url(/includes/img/wireframe/clipart/arrows/1/3.png); }
#add_clipart_window .clipart_preview.speech_bubbles_76{ background-image: url(/includes/img/wireframe/clipart/arrows/1/4.png); }
#add_clipart_window .clipart_preview.speech_bubbles_77{ background-image: url(/includes/img/wireframe/clipart/arrows/1/5.png); }
#add_clipart_window .clipart_preview.speech_bubbles_78{ background-image: url(/includes/img/wireframe/clipart/arrows/1/6.png); }
#add_clipart_window .clipart_preview.speech_bubbles_79{ background-image: url(/includes/img/wireframe/clipart/arrows/1/7.png); }
#add_clipart_window .clipart_preview.speech_bubbles_80{ background-image: url(/includes/img/wireframe/clipart/arrows/1/8.png); }
#add_clipart_window .clipart_preview.speech_bubbles_81{ background-image: url(/includes/img/wireframe/clipart/arrows/1/9.png); }
#add_clipart_window .clipart_preview.speech_bubbles_82{ background-image: url(/includes/img/wireframe/clipart/arrows/1/10.png); }
#add_clipart_window .clipart_preview.speech_bubbles_83{ background-image: url(/includes/img/wireframe/clipart/arrows/1/11.png); }
#add_clipart_window .clipart_preview.speech_bubbles_84{ background-image: url(/includes/img/wireframe/clipart/arrows/1/12.png); }
#add_clipart_window .clipart_preview.frames_1{ background-image: url(/includes/img/wireframe/clipart/frame/1/1.png); }
#add_clipart_window .clipart_preview.frames_2{ background-image: url(/includes/img/wireframe/clipart/frame/1/2.png); }

#add_clipart_window .clipart_preview.frames_3{ background-image: url(/includes/img/wireframe/clipart/frame/2/1.png); }
#add_clipart_window .clipart_preview.frames_4{ background-image: url(/includes/img/wireframe/clipart/frame/2/2.png); }
#add_clipart_window .clipart_preview.frames_5{ background-image: url(/includes/img/wireframe/clipart/frame/2/3.png); }
#add_clipart_window .clipart_preview.frames_6{ background-image: url(/includes/img/wireframe/clipart/frame/2/4.png); }
#add_clipart_window .clipart_preview.frames_7{ background-image: url(/includes/img/wireframe/clipart/frame/2/5.png); }
#add_clipart_window .clipart_preview.frames_8{ background-image: url(/includes/img/wireframe/clipart/frame/2/6.png); }
#add_clipart_window .clipart_preview.frames_9{ background-image: url(/includes/img/wireframe/clipart/frame/2/7.png); }
#add_clipart_window .clipart_preview.frames_10{ background-image: url(/includes/img/wireframe/clipart/frame/2/8.png); }
#add_clipart_window .clipart_preview.frames_11{ background-image: url(/includes/img/wireframe/clipart/frame/2/9.png); }

#add_clipart_window .clipart_preview.frames_12{ background-image: url(/includes/img/wireframe/clipart/frame/3/1.png); }
#add_clipart_window .clipart_preview.frames_13{ background-image: url(/includes/img/wireframe/clipart/frame/3/2.png); }
#add_clipart_window .clipart_preview.frames_14{ background-image: url(/includes/img/wireframe/clipart/frame/3/3.png); }
#add_clipart_window .clipart_preview.frames_15{ background-image: url(/includes/img/wireframe/clipart/frame/3/4.png); }
#add_clipart_window .clipart_preview.frames_16{ background-image: url(/includes/img/wireframe/clipart/frame/3/5.png); }

#add_clipart_window .clipart_preview.frames_17{ background-image: url(/includes/img/wireframe/clipart/frame/4/1.png); }
#add_clipart_window .clipart_preview.frames_18{ background-image: url(/includes/img/wireframe/clipart/frame/4/2.png); }
#add_clipart_window .clipart_preview.frames_19{ background-image: url(/includes/img/wireframe/clipart/frame/4/3.png); }

#add_clipart_window .clipart_preview.frames_20{ background-image: url(/includes/img/wireframe/clipart/frame/5/1.png); }
#add_clipart_window .clipart_preview.frames_21{ background-image: url(/includes/img/wireframe/clipart/frame/5/2.png); }
#add_clipart_window .clipart_preview.frames_22{ background-image: url(/includes/img/wireframe/clipart/frame/5/3.png); }
#add_clipart_window .clipart_preview.frames_23{ background-image: url(/includes/img/wireframe/clipart/frame/5/4.png); }
#add_clipart_window .clipart_preview.frames_24{ background-image: url(/includes/img/wireframe/clipart/frame/5/5.png); }
#add_clipart_window .clipart_preview.frames_25{ background-image: url(/includes/img/wireframe/clipart/frame/5/6.png); }

#add_clipart_window .clipart_preview.frames_26{ background-image: url(/includes/img/wireframe/clipart/frame/6/1.png); }
#add_clipart_window .clipart_preview.frames_27{ background-image: url(/includes/img/wireframe/clipart/frame/6/2.png); }
#add_clipart_window .clipart_preview.frames_28{ background-image: url(/includes/img/wireframe/clipart/frame/6/3.png); }
#add_clipart_window .clipart_preview.frames_29{ background-image: url(/includes/img/wireframe/clipart/frame/6/4.png); }
#add_clipart_window .clipart_preview.frames_30{ background-image: url(/includes/img/wireframe/clipart/frame/6/5.png); }
#add_clipart_window .clipart_preview.frames_31{ background-image: url(/includes/img/wireframe/clipart/frame/6/6.png); }

#add_clipart_window .clipart_preview.frames_32{ background-image: url(/includes/img/wireframe/clipart/frame/7/1.png); }
#add_clipart_window .clipart_preview.frames_33{ background-image: url(/includes/img/wireframe/clipart/frame/7/2.png); }
#add_clipart_window .clipart_preview.frames_34{ background-image: url(/includes/img/wireframe/clipart/frame/7/3.png); }
#add_clipart_window .clipart_preview.frames_35{ background-image: url(/includes/img/wireframe/clipart/frame/7/4.png); }

#add_clipart_window .clipart_preview.frames_36{ background-image: url(/includes/img/wireframe/clipart/frame/8/1.png); }
#add_clipart_window .clipart_preview.frames_37{ background-image: url(/includes/img/wireframe/clipart/frame/8/2.png); }
#add_clipart_window .clipart_preview.frames_38{ background-image: url(/includes/img/wireframe/clipart/frame/8/3.png); }

#add_clipart_window .clipart_preview.frames_39{ background-image: url(/includes/img/wireframe/clipart/frame/9/1.png); }
#add_clipart_window .clipart_preview.frames_40{ background-image: url(/includes/img/wireframe/clipart/frame/9/2.png); }
#add_clipart_window .clipart_preview.frames_41{ background-image: url(/includes/img/wireframe/clipart/frame/9/3.png); }
#add_clipart_window .clipart_preview.frames_42{ background-image: url(/includes/img/wireframe/clipart/frame/9/4.png); }

#add_clipart_window .clipart_preview{
	width: 150px;
	height:	100px;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	background-position: 50%;
}

.clipart_image .zoom_control{
	display: none !important;
}
.clipart_image{
	box-shadow: none !important;
	border: none !important;
} .array_of_letters{
	width: 100%;
    height: 100%;
    background: #fff;
    display: grid;
    grid-template-columns: repeat(12, auto);
    grid-gap: 1px;
    padding: 10px;
    background: #fff;
    cursor: move;
	border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.array_of_letters div:hover {
	background-color: #beffbe;
	color: #2f2f2f !important;
	
}
.array_of_letters div.highlighted:hover {
	background-color: yellow !important;
	color: #2f2f2f !important;
}
.array_of_letters div {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  font-size: 10px;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 4px;
  font-weight:bold;
  touch-action: none;
}
.highlighted {
  background-color: yellow !important;
	color: #2f2f2f !important;
}
.found_word{
  background-color: green;	
  color: #fff;
}
.show_correct .correct_letter{
	background-color: green;	
	color: #fff;
}

.preview_mode .wordfinder_teacher_controls{
	display: none;
}
.wordfinder_teacher_controls{
	position: absolute;
    top: -20px;
    left: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
	z-index: 999;
}
.teacher_wordfinder_control.help_wordfinder{
	background-image: url(/includes/css/v2/img/blue/help--filled2.svg);
    background-repeat: no-repeat;
    background-position: 2px 50%;
    background-size: 16px;
    padding-left: 23px;
}
.teacher_wordfinder_control{
    background: blue;
    padding: 2px 9px;
    color: #fff;
    width: fit-content;
    border-radius: 20px;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-right: 2px;
    display: inline-block;
}

.wordfinder_activity_container .wordfinder_left_col.mask_wordfinder:before{
	opacity: 1;
	pointer-events: all;
}
.wordfinder_activity_container .wordfinder_left_col:before{
	content: 'Please Answer the True/False Question to Continue.';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    border-radius: 10px;
    color: #fff;
    font-size: 11px;
    text-shadow: 0 0 3px #000;
	opacity: 0;
	pointer-events: none;
	transition: opacity 1s;
	display: flex;
    justify-content: center;
    align-items: center;
}
.wordfinder_activity_container .wordfinder_left_col,
.wordfinder_activity_container .wordfinder_right_col{
	flex: 1;
	position: relative;
}
.wordfinder_activity_container{
	display: flex;
	height: 100%;
}

.wordfinder_right_col .wordfinder_true_false .true_false_questions{
	flex: 1;
	margin: 5px;
	font-size: 10px;
}
.wordfinder_right_col .wordfinder_true_false .true_false_header{
	font-weight: bold;
    padding: 3px 10px;
    text-align: center;
    font-size: 12px;
    background: #ededed;
    border-radius: 10px;
    margin: 5px;
}
.wordfinder_right_col .wordfinder_true_false{
	flex: 2;
	background: #fff;
    margin-left: 5px;
    border-radius: 5px;
	display:flex;
	flex-direction: column;
	overflow-y: scroll;
}
.wordfinder_right_col .wordfinder_wordlist{
	flex: 1;
	background: #fff;
    margin: 5px 0 0 5px;
    border-radius: 5px;
	padding: 10px;
}
.wordfinder_right_col{
    display: flex;
    flex-direction: column;
}
.wordfinder_wordlist_item{
	display: inline-block;
    margin-right: 10px;
    background: #ffffff;
    color: #0d0d0d;
    padding: 5px 10px;
    border-radius: 15px;
    margin-bottom: 5px;
    font-size: 10px;
    border: 1px dashed #ededed;
}
.wordlist_heading{
	font-weight: bold;
    padding: 3px 10px;
    text-align: center;
    font-size: 12px;
    background: #ededed;
    border-radius: 10px;
    margin-bottom: 5px;
	position: relative;
}
.wordfinder_show_hint:before{
	content: 'Show Hint'
}
.wordfinder_show_hint.have_a_go:before{
	content: 'Have a Go!';
}
.wordfinder_show_hint.noclick{
	pointer-events: none;
}
.wordfinder_show_hint{
	position: absolute !important;
    right: 3px;
    top: 4px;
    background: black;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    cursor: pointer;
    font-size: 8px;
    padding: 2px 5px;

}
.wordfinder_wordlist_found_word{
	background: green;
    padding-left: 20px;
    background-image: url(/includes/css/v2/img/blue/checkmark--outline-w.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 4px 5px;
    color: #fff;
    border: 1px solid #327f08;
}
.teacher_wordfinder_control.wordfinder_size{
	position: relative;
}
.teacher_wordfinder_control.wordfinder_size .selected_wordfinder_size{
	pointer-events: none;
}
.teacher_wordfinder_control.wordfinder_size.wordfinder_size_show_sublist .wordfinder_size_dropdown{	
    display: block;
}
.teacher_wordfinder_control.wordfinder_size .wordfinder_size_dropdown{	
	position: absolute;
    top: 17px;
    padding: 10px;
    width: fit-content;
    display: none;
    background: #2a11fd;
    left: 0;
    border-radius: 10px;
}
.teacher_wordfinder_control.wordfinder_size .wordfinder_size_dropdown .wordfinder_size_dropdown_option{
	padding: 5px 10px;
}

.wordfinder_true_false .true_false_statement.show_btns{
	opacity: 1;
}
.wordfinder_true_false .true_false_statement.show_btns .true_false_response_btn{
	display: inline-block;
}
.wordfinder_true_false .true_false_statement.responded:first-child{
	margin-bottom: 5px !important;
}
.wordfinder_true_false .true_false_statement.show_btns:first-child{
	margin-bottom: 40px;
}
.wordfinder_true_false .true_false_statement{
	border-bottom: 1px solid #ededed;
    padding-bottom: 5px;
    margin-bottom: 5px;
	opacity: 0.2;
}
.wordfinder_true_false .true_false_statement_text{
	text-align: center;
    font-weight: bold;
}
.wordfinder_true_false .true_false_statement_response{
	text-align: center;
}
.wordfinder_true_false .true_false_response_btn.false{
	 background: #ff9090;
}
.wordfinder_true_false .true_false_response_btn.true{
	background: #44d744;
}
.wordfinder_true_false .true_false_response_btn{
	display: inline-block;
    padding: 5px 10px;
	cursor: pointer;
	border-radius: 10px;
	text-transform: capitalize;
	margin: 0 1px;
	display: none;
}
.wordfinder_true_false .true_false_response_correct:before{
	content: 'Correct: ';
	display: inline-block;
	font-weight: bold;
}
.wordfinder_true_false .true_false_response_correct{
	display:block !important;
	background: #44d744;
}
.wordfinder_true_false .true_false_response_incorrect:before{
	content: 'Incorrect: ';
	display: inline-block;
	font-weight: bold;
}
.wordfinder_true_false .true_false_response_incorrect{
	display:block !important;	
	background: #ff9090;
}
.wordfinder_true_false .true_false_statement_elaboration{
	text-align: center;
	padding: 5px;
	display: none;
	margin-top: 5px;
	border-radius: 10px;
}

.true_false_statement.responded .true_false_statement_response{
	display: none;
}

.hint_letter{
	background-color: #b2b9ff;
}

.word_input_row .word_input_options > div{
	display: inline-block;
}
.word_input_row .word_input_options{
	flex: 1;
	cursor: pointer;
}
.word_input_row input{
	width: 90%;
}
.word_input_row.delete_this_item{
	display: none;
}
.word_input_row{
	display: flex;
	margin-bottom: 5px;
}

.word_input_del:hover{
    background-color: #fb9e9e;
	
}
.word_input_del{
	display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(/includes/css/v2/img/blue/close.svg);
    color: transparent;
    border-radius: 35px;
    background-size: 20px;
    background-position: 50% 50%;
    position: relative;
    top: 5px;
    left: -8px;
} .skyhook_image_cmp.transition_to_gallery{
	box-shadow: none;
}
.skyhook_image_cmp.show_image_in_gallery .zoom_control{
	display: block;
}
.skyhook_image_cmp .zoom_control:hover{
	opacity: 1;
}
.skyhook_image_cmp .zoom_control{
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 20px;
    background-image: url(/includes/css/v2/img/blue/zoom--in.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    z-index: 9999;
    background-position: 2px 2px;
    display: none;
    opacity: 0.5;
    cursor: pointer;
}
.skyhook_image_cmp.hide_image_in_gallery:before{
	content: '';
	left: -2000px;
	top: -2000px;
	width: 5000px;
	height: 5000px;
	background-color: rgba(0,0,0,0.8);
	z-index: -1;
	position: absolute;
}
.skyhook_image_cmp.hide_image_in_gallery{
	overflow: visible;
}
.skyhook_image_cmp.transition_to_gallery{
	transition: all 0.5s;
	z-index: 99999 !important;
}

.close_image_gallery{
	position: absolute;
    right: 0;
    bottom: 3px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fff;
    background-image: url(/includes/css/v2/img/blue/close.svg);
    background-size: 12px;
    z-index: 999;
    cursor: pointer;
    background-repeat: no-repeat;
    left: 0;
    margin: 0 auto;
    opacity: 1;
	background-position: 50%;
	border: 2px solid #000;
	
}
.next_gallery_image,
.prev_gallery_image{
	position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    background-color: #fff;
    background-size: 12px;
    background-position: 50%;
    z-index: 999;
    cursor: pointer;
    background-repeat: no-repeat;
    /* bottom: -7px; */
    top: calc(50% - 14px);
    opacity: 1;
	border: 2px solid #000;
	
}
.next_gallery_image{
    background-image: url(/includes/css/v2/img/blue/chevron--right.svg);
	right: -18px;
    background-position: 1px 0px;
}
.prev_gallery_image{
    background-image: url(/includes/css/v2/img/blue/chevron--left.svg);
	left: -18px;
    background-position: -1px 0px;
}