$color_error: #ffba00;
	$color_blue: #1e8cbe;
	$color_brightblue: #2ea2cc;
	


	/******************************** SMART ********************************/
	
	.gdymc_rel {
		position: relative;
	}

	.gdymc_left {
		float: left;
	}
	
	.gdymc_right {
		float: right;
	}
	
	.gdymc_fix::after {
		content: '';
		display: block;
		clear: both;
		float: none;
	}
	
	.gdymc_inside .gdymc_button {
		border: none;
		height: 40px;
		line-height: 40px;
		color: #fff;
		padding: 0px 2.5em;
		border-radius: 4px;
		display: inline-block;
		background: $color_brightblue;
		cursor: pointer;
		outline: none;
		position: relative;
		vertical-align: middle;

		transition: all 0.05s ease-in-out;
	}
	
	.gdymc_inside .gdymc_button:hover {
		color: #fff;
		background: $color_blue;
	}

	.gdymc_inside .gdymc_button:focus {
		color: #fff;
		background: #007acc;
	}
	
	.gdymc_inside .gdymc_button_delete {
		background: transparent;
		height: 36px;
		line-height: 36px;
		color: #a00;
		display: inline-block;
		cursor: pointer;
		outline: none;
		position: relative;
		padding-left: 1.5em;
		top: 1px;
	}
	
	.gdymc_inside .gdymc_button_delete::before {
		position: absolute;
		top: 0em;
		left: 0em;
		font-family: 'Dashicons';
		content: "\f182";
		font-size: 1.3em;
	}
	
	.gdymc_delete_link {
		color: #a00 !important;
	}

	.gdymc_delete_link:hover,
	.gdymc_delete_link:focus {
		color: red !important;
	}

	.gdymc_error {
		padding: 35px 30px 30px 30px;
		text-align: center;
		background: $color_error;
		display: none;
		color: #fff;
		font-weight: bold;
	}

	.gdymc_edit .gdymc_error {
		display: block;
	}
	
	.gdymc_error .dashicons,
	#gdymc_nomodules .dashicons {
		position: relative;
		top: -0.07em;
		margin-right: 5px;
		color: #fff;
		vertical-align: middle;
	}

	.gdymc_noentries {
		font-size: 30px;
		text-align: center;
		color: #ddd;
		position: absolute;
		top: 50%;
		left: 0px;
		width: 100%;
		margin-top: -0.3em;
	}

	.gdymc_not_existing_module_actions {
		display: none;
		background: $color_error;
		box-shadow: inset 0px 100px 0px rgba(0,0,0,0.05);
	}

	.gdymc_edit .gdymc_not_existing_module_actions {
		display: block;
	}

	.gdymc_not_existing_module_actions button,
	.gdymc_not_existing_module_actions button:hover {
		display: inline-block;
		width: 50%;
		background: transparent;
		border-radius: none;
		text-align: center;
		color: #fff;
		cursor: pointer;
		margin: 0px;
		border: 0px;
		height: 40px;
		line-height: 40px;
		vertical-align: middle;
		font-weight: bold;
	}

	.gdymc_not_existing_module_actions button:hover {
		background: rgba(0,0,0,0.1);
	}


	
	

	/******************************** SAVE BUTTON ********************************/

	.gdymc_save, #gdymc_imageinsert {
		position: relative;
		padding-left: 45px !important;
		min-width: 0px !important;
	}

	.gdymc_save::before, #gdymc_imageinsert::before {
		font-family: 'Dashicons';
		content: "\f147";
		border: none;
		background: rgba(255,255,255,0.4);
		color: $color_brightblue;
		width: 18px;
		height: 18px;
		border-radius: 30px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 8px;
		position: relative;
		top: -2px;
		font-size: 20px;
		line-height: 18px;
		text-align: center;
		text-indent: -1.5px;
		position: absolute;
		top: 50%;
		margin-top: -9px;
		left: 15px;
		z-index: 1;

		transition: all 0.05s ease-out;
	}

	.gdymc_save:hover::before, #gdymc_save::before,
	#gdymc_imageinsert:hover::before {
		color: $color_blue;
	}

	.gdymc_save:focus::before, #gdymc_imageinsert:focus::before {
		color: #007acc;
	}

	.gdymc_unsaved .gdymc_save::before,
	.gdymc_unsaved #gdymc_imageinsert::before {
		content: "\f335";
		text-indent: -1px;
	}

	.gdymc_unsaved .gdymc_save::after, .gdymc_saving .gdymc_save::after,
	.gdymc_unsaved #gdymc_imageinsert::after, .gdymc_saving #gdymc_imageinsert::after {
		content: '';
		display: block;
		position: absolute;
		width: 16px;	
		height: 16px;
		top: 50%;
		left: 14px;
		margin-top: -10px;
		border-radius: 50px;
		border: solid 2px rgba(255,255,255,0.4);

		-webkit-animation: gdymc_save 1.5s ease-out infinite;
		-moz-animation: gdymc_save 1.5s ease-out infinite;
		animation: gdymc_save 1.5s ease-out infinite;
	}


	.gdymc_saving .gdymc_save::before,
	.gdymc_saving #gdymc_imageinsert::before {
		opacity: 0.0;
		transform: scale(1.5);
	}

	.gdymc_saving .gdymc_save::after,
	.gdymc_saving #gdymc_imageinsert::after {
		width: 12px;	
		height: 12px;
		left: 15px;
		margin-top: -9px;
		border: solid 3px transparent;
		border-left: solid 3px rgba(255,255,255,0.5);
		border-top: solid 3px rgba(255,255,255,0.5);

		-webkit-animation: gdymcspin 1s linear infinite;
		-moz-animation: gdymcspin 1s linear infinite;
		animation: gdymcspin 1s linear infinite;
	}

	
	


	/******************************** BARS GENERAL (MODULEBAR AND ADMINBAR) ********************************/
	
	.gdymc_adminbar,
	.gdymc_modulebar {
		height: 40px;
		background: #222;
		display: block;
		position: relative;
		clear: both;
	}

	.gdymc_adminbar ul li,
	.gdymc_modulebar ul li {
		position: relative;
		list-style: none;
		float: left;
	}


	
	/******************************** ADMINBAR ********************************/
	
	.gdymc_adminbar_error {
		padding-left: 20px;
		line-height: 40px;
		color: $color_error;
	}

	.gdymc_adminbar_error .dashicons {
		vertical-align: middle;
		color: $color_error;
		position: relative;
		top: -0.1em;
	}

	#gdymc_module_batch {
		position: relative;
		width: auto !important;
		padding: 0px 15px 0px 13px;
		cursor: pointer;
	}

	#gdymc_module_batch_number {
		display: inline-block;
		margin-left: 3px;
		color: #888;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
	}

	#gdymc_module_batch_slash {
		margin: 0px 2px;
		color: #555;
		height: 40px;
		line-height: 40px;
		display: inline-block;
		cursor: pointer;
	}

	.gdymc_module.gdymc_invisible {
		display: none;
	}

	.gdymc_module.gdymc_active .gdymc_select_module {
		background: $color_blue;
		color: #fff;
		color: rgba(255,255,255,0.6);
	}

	.gdymc_module.gdymc_active .gdymc_select_module:hover {
		color: rgba(255,255,255,0.7);
	}

	.gdymc_module.gdymc_active .gdymc_select_module .dashicons {
		color: #fff;
		color: rgba(255,255,255,0.6);
	}

	.gdymc_module.gdymc_active .gdymc_select_module:hover .dashicons {
		color: rgba(255,255,255,0.7);
	}

	.gdymc_module.gdymc_invisible .gdymc_moduleinner {
		opacity: 0.5;
	}

	.gdymc_edit .gdymc_module.gdymc_invisible {
		display: block;
	}
	
	#gdymc_adminbar .dashicons, .gdymc_modulebar .dashicons {
		line-height: 40px;
	}

	#gdymc_adminbar {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 9999999;
	}
	
	.gdymc_softpreview .gdymc_modulebar {
		display: none;
	}
	
	#gdymc_adminbar button, .gdymc_modulebar button {
		border: none;
		background: none;
		height: 40px;
		display: inline-block;
		min-width: 50px;
		text-align: center;
		outline: none;
		cursor: pointer;
		font: 400 13px/40px "Open Sans",sans-serif;
		position: relative;
		border-radius: 0px;

		transition: all ease-in-out 0.1s;
	}

	.gdymc_module:first-child .gdymc_modulebar .gdymc_moduleposition_moveup,
	.gdymc_module:last-child .gdymc_modulebar .gdymc_moduleposition_movedown {
		cursor: not-allowed;
		opacity: 0.4;
	}

	#gdymc_adminbar button .dashicons, .gdymc_modulebar button .dashicons {
		cursor: inherit;
		color: rgba(255,255,255,0.5);
	}
	
	#gdymc_adminbar #gdymc_save {
		background: $color_blue;
		padding: 0px 20px;
		color: #fff;
	}
	
	#gdymc_adminbar button:hover, .gdymc_modulebar button:hover,
	#gdymc_adminbar button:active, .gdymc_modulebar button:active,
	#gdymc_adminbar button:focus, .gdymc_modulebar button:focus {
		background: #1b1b1b;
	}

	#gdymc_adminbar button:hover .dashicons, .gdymc_modulebar button:hover .dashicons,
	#gdymc_adminbar button:active .dashicons, .gdymc_modulebar button:active .dashicons,
	#gdymc_adminbar button:focus .dashicons, .gdymc_modulebar button:focus .dashicons {
		color: rgba(255,255,255,0.7);
	}
	
	#gdymc_adminbar button.active, .gdymc_modulebar button.active,
	#gdymc_adminbar button.gdymc_active, .gdymc_modulebar button.gdymc_active {
		background: $color_brightblue;
		color: rgba(255,255,255,0.6);
	}

	#gdymc_adminbar button.active .dashicons, .gdymc_modulebar button.active .dashicons,
	#gdymc_adminbar button.gdymc_active .dashicons, .gdymc_modulebar button.gdymc_active .dashicons {
		color: rgba(255,255,255,0.6);
	}

	#gdymc_adminbar button.gdymc_nomodules.active, .gdymc_modulebar button.gdymc_nomodules.active,
	#gdymc_adminbar button.gdymc_nomodules.gdymc_active, .gdymc_modulebar button.gdymc_nomodules.gdymc_active {
		background: $color_error;
	}
	
	#gdymc_togglepreview .dashicons {
		position: relative;
	}
	
	.gdymc_edit #gdymc_togglepreview .dashicons::after {
		content: '';
		display: block;
		position: absolute;
		width: 75%;
		height: 2px;
		left: 0.15em;
		bottom: 0.08em;
		background: #999;
		opacity: 0.4;
		z-index: 0;
	}

	#gdymc_dashboard > .dashicons {
		font-size: 16px;
	}

	#gdymc_adminbar .gdymc_dropdown_trigger.gdymc_active button {
		background: $color_brightblue;
	}

	#gdymc_adminbar .gdymc_dropdown_trigger.gdymc_active button .dashicons {
		color: rgba(255,255,255,0.7);
	}
	
	.gdymc_dropdown {
		position: absolute;
		top: 40px;
		right: 0px;
		background: #333;
		min-width: 180px;
		padding-bottom: 15px;
		z-index: 99999999;
		transition: all ease-in-out 0.1s;
		opacity: 0.0;
		visibility: hidden;
	}

	.gdymc_dropdown.gdymc_active {
		opacity: 1.0;
		visibility: visible;
	}

	#gdymc_togglesoftpreview .dashicons-hidden,
	#gdymc_preview .dashicons-hidden {
		display: none;
	}

	.gdymc_edit #gdymc_togglesoftpreview .dashicons-hidden,
	.gdymc_edit #gdymc_preview .dashicons-hidden {
		display: inline;
	}
	
	.gdymc_dropdown a,
	.gdymc_dropdown a:hover,
	.gdymc_dropdown a:focus {
		background: #333;
		padding: 0px 20px;
		display: block;
		text-decoration: none;
		color: #fff;
		white-space: nowrap;
	}

	.gdymc_edit #gdymc_togglesoftpreview .dashicons-visibility,
	.gdymc_edit #gdymc_preview .dashicons-visibility {
		display: none;
	}

	#gdymc_wpmenu a:first-child,
	#gdymc_previewmenu a:first-child {
		background: $color_brightblue;
		padding: 10px 20px;
		margin-bottom: 20px;
	}

	.gdymc_dropdown a .dashicons {
		opacity: 0.4;
		margin-right: 6px;
		position: relative;
		vertical-align: middle;
		top: -2px;
		color: #fff;
	}

	.gdymc_dropdown a:hover .dashicons {
		opacity: 0.6;
	}

	#gdymc_wpmenu a:first-child .dashicons,
	#gdymc_previewmenu a:first-child .dashicons {
		opacity: 0.7;
	}

	#gdymc_wpmenu a:first-child:hover .dashicons,
	#gdymc_previewmenu a:first-child:hover .dashicons {
		opacity: 0.9;
	}

	.gdymc_format_subscript .dashicons::after,
	.gdymc_format_supscript .dashicons::after {
		content: '2';
		font-weight: bold;
		font-size: 0.5em;
		position: relative;
		top: -0.2em;
		left: -0.2em;
		opacity: 0.7;
		font-family: sans-serif;
	}

	.gdymc_format_supscript .dashicons::after {
		top: -1.1em;
	}
	
	.gdymc_insertlink.gdymc_active {
		background: #1b1b1b !important;
	}

	.gdymc_insertlink.gdymc_active .dashicons {
		opacity: 0.0;
	}

	.gdymc_insertlink.gdymc_active::after {
		content: '';
		position: absolute;
		width: 10px;
		height: 10px;
		border-radius: 30px;
		border: solid 3px rgba(255,255,255,0.5);
		border-left: solid 3px transparent;
		border-top: solid 3px transparent;
		top: 50%;
		left: 50%;
		margin-left: -8px;
		margin-top: -8px;

		-webkit-animation: gdymcspin 1s linear infinite;
		-moz-animation: gdymcspin 1s linear infinite;
		animation: gdymcspin 1s linear infinite;
	}

	.gdymc_editlock_message {
		color: #fff;
		height: 40px;
		line-height: 40px;
		font-weight: bold;
		padding-left: 35px;
		color: #ffba00;
	}

	.gdymc_editlock_message::before {
		font-family: 'Dashicons';
		content: "\f160";
		font-size: 1.2em;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 30px;
		height: 40px;
		line-height: 40px;
		text-align: right;
	}



	/******************************** SUPPORT ********************************/
	
	#gdymc_support_button {
		color: #f7305a !important;
	}

	#gdymc_support_button .dashicons {
		text-align: center;
		color: #be2545 !important;
		opacity: 1.0 !important;
		position: relative;
		
	}

	#gdymc_support_button .dashicons::after {
		content: '';
		width: 30px;
		height: 30px;
		border: solid 2px #be2545;
		border-radius: 30px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -17px;
		margin-left: -17px;
		opacity: 1.0;
		-webkit-animation: pulse 2s infinite;
	}

	#gdymc_support_button:hover .dashicons {
		color: #d62349 !important;
	}

	#gdymc_support_button:hover .dashicons::after {
		border: solid 2px #d62349;
	}

	

	.gdymc_support_window #gdymc_error_title {
		background: #d62349 !important;
	}

	.gdymc_support_window a {
		color: #be2545 !important;
	}

	.gdymc_support_window a:focus {
		color: #7e031d !important;
		box-shadow: 0px 0px 5px #7e031d;
		border-radius: 10px;
	}	

	.gdymc_support_window a:hover,
	.gdymc_support_window a:active {
		color: #7e031d !important;
		box-shadow: none;
	}	



	/******************************** HIDDEN FORMAT BUTTON ********************************/

	#gdymc_formatbuttons {
		display: inline-block;
		overflow: hidden;
	}

	#gdymc_show_format_buttons_number {
	    position: absolute;
	    width: 12px;
	    height: 12px;
	    line-height: 12px;
	    font-size: 8px;
	    text-indent: -0.5px;
	    font-weight: bold;
	    text-align: center;
	    border: solid 2px #222;
	    border-radius: 20px;
	    background: #fff;
	    top: 4px;
	    right: 6px;
	}
	
	#gdymc_show_format_buttons_window {
		overflow: auto;
	}

	#gdymc_show_format_buttons_window button {
		width: 100%;
		display: block !important;
		border-bottom: solid 1px #eee;
		padding: 0px 30px;
		height: 45px;
		line-height: 45px;
		cursor: pointer;

		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;	
	}

	#gdymc_show_format_buttons_window button:hover,
	#gdymc_show_format_buttons_window button:active {
		background: #f7f7f7;
	}

	#gdymc_show_format_buttons_window .dashicons {
		vertical-align: middle;
		position: relative;
		top: -0.1em;
		margin-right: 0.5em;
	}

	
	
	/******************************** TOOLTIPS ********************************/
	
	#gdymc_tooltip {
		position: absolute;
		padding: 10px 15px;
		background: #111;
		color: #fff;
		margin-top: -30px;
		z-index: 9999999;
		white-space: nowrap;
		pointer-events: none;
	}
	
	#gdymc_tooltip_arrow {
		position: absolute;
		width: 30px;
		height: 10px;
		top: -10px;
		overflow: hidden;
	}

	.gdymc_tooltip_left #gdymc_tooltip_arrow {
		left: 10px;
	}

	.gdymc_tooltip_right #gdymc_tooltip_arrow {
		right: 10px;
	}
	
	#gdymc_tooltip_arrow::after {
		content: '';
		width: 40px;
		height: 40px;
		top: 10px;
		left: -5px;
		position: absolute;
		background: #111;
		
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	

	/******************************** MODULES ********************************/
	
	#gdymc_nomodules {
		background: $color_error;
		color: #fff;
		font-weight: bold;
		padding: 70px;
		display: block;
		text-align: center;
	}

	#gdymc_nomodules a {
		vertical-align: baseline;
		color: #fff;
		text-decoration: underline;
		font-weight: bold;
	}
	
	#gdymc_modules {
		background: #363636;
		position: fixed;
		top: 40px;
		left: 0px;
		width: 100%;
		z-index: 9999999;
		opacity: 0.0;
		overflow: hidden;

		transition: all ease-in-out 0.1s;
	}

	#gdymc_modules,
	#gdymc_modules * {
		visibility: hidden;
	}

	#gdymc_modules.gdymc_active {
		opacity: 1.0;
	}

	#gdymc_modules.gdymc_active,
	#gdymc_modules.gdymc_active * {
		visibility: visible;
	}
	
	#gdymc_modules_search_container {
		display: block;
		position: relative;
	}

	#gdymc_modules_search {
		border: none !important;
		outline: none !important;
		background: $color_brightblue !important;
		width: 100% !important;
		text-align: center !important;
		height: 60px !important;
		color: #fff !important;
		text-transform: uppercase !important;
		letter-spacing: 0.1em !important;
		transition: all 0.1s ease-in-out !important;
		font: 400 13px/60px "Open Sans", sans-serif !important;
	}
	
	#gdymc_modules_search:focus {
		height: 80px !important;
		letter-spacing: 0.4em !important;
		font: 400 16px/80px "Open Sans", sans-serif !important;
	}
	
	#gdymc_modules_search::-webkit-input-placeholder {
		color: rgba(255,255,255,0.5);
		font: inherit;
	}
	
	#gdymc_modules_search:-moz-placeholder { /* Firefox 18- */
		color: rgba(255,255,255,0.5);
		font: inherit;
	}
	
	#gdymc_modules_search::-moz-placeholder {  /* Firefox 19+ */
		color: rgba(255,255,255,0.5);
		font: inherit;
	}
	
	#gdymc_modules_search:-ms-input-placeholder {  
		color: rgba(255,255,255,0.5);
		font: inherit;
	}
	
	#gdymc_modules_inner {
		white-space: nowrap;
		position: relative;
		width: 100%;
		overflow: hidden;
		text-align: center;
		display: block;
		opacity: 0.0;
		top: 10px;

		transition: all ease-in-out 0.4s;
	}

	#gdymc_modules.gdymc_active #gdymc_modules_inner {
		opacity: 1.0;
		top: 0px;
	}

	#gdymc_modules_list::before,
	#gdymc_modules_list::after {
		content: '';
		position: absolute;
		width: 30px;
		height: 155px;
		bottom: 0px;
		background: rgba(0,255,0,0.5);
		z-index: 1000;
	}

	#gdymc_modules_list::before {
		left: 0px;

		background: -moz-linear-gradient(left,  rgba(54,54,54,1) 0%, rgba(54,54,54,1) 25%, rgba(54,54,54,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(54,54,54,1) 0%,rgba(54,54,54,1) 25%,rgba(54,54,54,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(54,54,54,1) 0%,rgba(54,54,54,1) 25%,rgba(54,54,54,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#00363636',GradientType=1 ); /* IE6-9 */
	}

	#gdymc_modules_list::after {
		right: 0px;

		background: -moz-linear-gradient(left,  rgba(54,54,54,0) 0%, rgba(54,54,54,1) 75%, rgba(54,54,54,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(54,54,54,0) 0%,rgba(54,54,54,1) 75%,rgba(54,54,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(54,54,54,0) 0%,rgba(54,54,54,1) 75%,rgba(54,54,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00363636', endColorstr='#363636',GradientType=1 ); /* IE6-9 */
	}

	#gdymc_modules_holder {
		overflow: hidden;
	}

	#gdymc_modules_noresults {
		display: block;
		text-align: center;
		line-height: 155px;
		height: 155px;
		font-size: 30px;
		text-transform: uppercase;
		color: #555;
	}
	
	.gdymc_modules_add_container {
		display: inline-block;
		position: relative;
		cursor: move;
		vertical-align: top;
		width: 120px;
		height: auto;
		padding: 30px 10px 45px 10px;
	}
	
	.gdymc_modules_add_container:first-child {
		margin-left: 20px;
	}
	
	.gdymc_modules_add_container:last-child {
		margin-right: 20px;
	}
	
	.gdymc_modules_add_button, 
	.gdymc_modules_add_button:hover,
	.gdymc_modules_add_button:focus,
	.gdymc_modules_add_button:active {
		position: relative;
		display: block;
		border-radius: 2px;
		outline: none;
		background: #4b4b4b;
		border: none;
		width: 120px;
		height: 80px;
		color: #fff;
		cursor: pointer;
		text-transform: uppercase;
		background-image: url(../images/thumb.svg);
		background-size: 120px 80px !important;
		background-position: center center !important;
		outline: solid 0px #222;
	}

	.gdymc_modules_add_button:focus {
		border: solid 3px rgba(255,255,255,0.4);
		width: 114px;
		height: 74px;
	}

	.gdymc_modules_add_button.active:focus,
	.gdymc_modules_add_button:active {
		border: 0px;
		width: 120px;
		height: 80px;
	}
	
	.gdymc_modules_add_label {
		position: absolute;
		bottom: 17px;
		left: 50%;
		margin-left: -200px;
		width: 400px;
		text-align: center;
		z-index: 5;
		pointer-events: none;
		cursor: move;
	}

	.gdymc_modules_add_container:first-child .gdymc_modules_add_label {
		left: 0px;
		margin-left: 0px;
		width: 140px;
	}

	.gdymc_modules_add_container:last-child .gdymc_modules_add_label {
		left: auto;
		right: 0px;
		width: 140px;
		margin-left: 0px;
		direction:rtl;
	}

	.gdymc_modules_add_label_ground {
		display: inline-block;
		width: 120px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 3px 10px;
		border-radius: 20px;
		direction:ltr;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 10px;
		color: #999;
		text-align: center;
		cursor: move;
	}
	
	.gdymc_modules_add_button:focus + .gdymc_modules_add_label,
	.gdymc_modules_add_container:hover .gdymc_modules_add_label {
		z-index: 20;
	}
	
	.gdymc_modules_add_button:focus + .gdymc_modules_add_label .gdymc_modules_add_label_ground,
	.gdymc_modules_add_container:hover .gdymc_modules_add_label_ground {
		display: inline-block;
		background: #222;
		width: auto;
		position: relative;
		box-shadow: 10px 0px 10px #363636, -10px 0px 10px #363636;
	}
	
	.gdymc_modules_add_button::before {
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: #363636;
		opacity: 0.0;
		transition: all ease-in-out 0.1s;
	}

	.gdymc_modules_add_button::after {
		content: '';
		border-radius: 100px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -8px;
		margin-left: -8px;
		width: 12px;	
		height: 12px;
		z-index: 2;
		border: solid 3px transparent;
		border-left: solid 3px rgba(255,255,255,0.5);
		border-top: solid 3px rgba(255,255,255,0.5);
		opacity: 0.0;
		transition: all ease-in-out 0.1s;

		-webkit-animation: gdymcspin 1s linear infinite;
		-moz-animation: gdymcspin 1s linear infinite;
		animation: gdymcspin 1s linear infinite;
	}

	.gdymc_modules_add_button.active::before {
		opacity: 0.4;
	}

	.gdymc_modules_add_button.active::after {
		opacity: 1.0;
	}

	

	/******************************** MODULE POSITION ********************************/

	.gdymc_moduleposition_container {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 240px;
		height: 100%;
	}

	.gdymc_moduleposition_other {
 		height: 15px;
		margin: 10px 0px;
		background: #eee;
	}

	.gdymc_moduleposition_module {
		height: 160px;
		background-size: 240px 160px;
	    background-image: url(../images/thumb.svg);
	    background-position: center center;
	}

	.gdymc_moduleposition_line {
		border-top: dashed 3px $color_brightblue;
		position: relative;
	}

	.gdymc_moduleposition_line_up::after {
		content: '';
		position: absolute;
		display: block;
		width: 3px;
		height: 45px;
		top: 5px;
		left: 50%;
		margin-left: -1px;
		background: $color_brightblue;
	}

	.gdymc_moduleposition_line_up::before {
		font-family: 'Dashicons';
		font-size: 26px;
		content: "\f343";
		position: absolute;
		display: block;
		width: 50px;
		text-align: center;
		top: 3px;
		left: 50%;
		margin-left: -24px;
		color: $color_brightblue;
	}

	


	
	/******************************** OVERLAY ********************************/
	
	#gdymc_overlay_shadow {
		position: fixed;
		top: 0px;
		left: 0px;
		bottom: 0px;
		right: 0px;
		background: rgba(0,0,0,0.5);
		display: none;
		z-index: 99999999;
		opacity: 0.0;
		
		transition: all 0.1s ease-in-out;
	}

	#gdymc_overlay_shadow.gdymc_active {
		opacity: 1.0;
	}
	
	.gdymc_softpreview #gdymc_overlay_shadow,
	.gdymc_softpreview .gdymc_overlay_window {
		display: none !important;
	}
	
	.gdymc_overlay_window {
		position: fixed;
		background: #fff;
		width: 600px;
		top: 10%;
		bottom: 10%;
		left: 50%;
		margin-left: -300px;
		z-index: 999999999;
		box-shadow: 0px 5px 30px rgba(0,0,0,0.3);
		transition: all 0.1s ease-in-out;
		transform: scale(0.6);
	}

	@media only screen and (max-width: 630px) {
		
		.gdymc_overlay_window,
		.gdymc_overlay_images {
			width: auto;
			margin-left: 0px !important;
			left: 15px !important;
			right: 15px !important;
			top: 15px !important;
			bottom: 15px !important;
		}

	}

	.gdymc_overlay_window.gdymc_active {
		opacity: 1.0;

		transform: scale(1.0);
	}

	.gdymc_overlay_images {
		left: 10%;
		right: 10%;
		margin-left: 0px;
		width: auto;
	}
	
	.gdymc_overlay_head {
		background: #fafafa;
		border-bottom: solid 1px #efefef;
		height: 135px;
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
	}
	
	

	


	.gdymc_overlay_close,
	.gdymc_overlay_close:hover,
	.gdymc_overlay_close:active,
	.gdymc_overlay_close:focus {
		position: absolute;
		top: 35px;
		right: 40px;
		cursor: pointer;
		width: 34px;
		height: 34px;
		line-height: 30px;
		text-align: center;
		border-radius: 100px;
		border: solid 2px rgba(0,0,0,0.0);
	}

	.gdymc_overlay_close:hover,
	.gdymc_overlay_close:active {
		background: transparent;
		border: solid 2px rgba(0,0,0,0.0);
	}

	.gdymc_overlay_close:focus {
		border: solid 2px rgba(0,0,0,0.1);
		background: transparent;
	}
	
	.gdymc_overlay_close::after {
		font-family: 'Dashicons';
	    content: "\f335";
	    display: block;
	    width: 30px;
	    height: 30px;
	    line-height: 32px;
	    text-align: center;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-top: -15px;
	    margin-left: -15px;
	    cursor: pointer;
	    font-size: 30px;
	    color: rgba(0,0,0,0.3);
	}
	
	.gdymc_overlay_close:hover::after,
	.gdymc_overlay_close:focus::after {
		color: rgba(0,0,0,0.5);
	}
	
	.gdymc_overlay_title {
		color: #333;
		font-size: 35px;
		font-weight: 300;
		padding: 35px 40px 20px 40px;
		line-height: 1em;
		display: block;
	}
	
	.gdymc_overlay_foot {
		display: block;
		position: absolute;
		height: auto;
		bottom: 0px;
		left: 0px;
		right: 0px;
		background: #fafafa;
		box-shadow: inset 0px 1px 0px rgba(0,0,0,0.06);
		z-index: 2;
	}
	
	.gdymc_overlay_foot_inner {
		padding: 30px 40px;
		display: block;
	}
	
	.gdymc_overlay_content {
		position: absolute;
		top: 136px;
		left: 0px;
		right: 0px;
		bottom: 99px;
		overflow: auto;
	}

	
	.gdymc_overlay_content_padding {
		padding: 40px;
	}
	
	#gdymc_insertlink_input {
		display: block !important;
		height: 80px !important;
		line-height: 80px !important;
		padding: 0px 30px !important;
		outline: none !important;
		font-size: 20px !important;
		width: 520px !important;
		position: absolute !important;
		top: 50% !important;
		margin-top: -40px !important;
	}

	#gdymc_insertlink_input::-webkit-input-placeholder {
		color: #aaa;
		font: inherit;
	}
	
	#gdymc_insertlink_input:-moz-placeholder { /* Firefox 18- */
		color: #aaa;
		font: inherit;
	}
	
	#gdymc_insertlink_input::-moz-placeholder {  /* Firefox 19+ */
		color: #aaa;
		font: inherit;
	}
	
	#gdymc_insertlink_input:-ms-input-placeholder {  
		color: #aaa;
		font: inherit;
	}

	#gdymc_tabs_content_files,
	#gdymc_tabs_content_pages,
	#gdymc_tabs_content_posts,
	#gdymc_tabs_content_categories {
		padding: 0px;
	}

	.gdymc_insertlink_source {
		display: block;
		padding: 10px 40px;
	}

	.gdymc_insertlink_source:nth-child(even) {
		background: #f9f9f9;
	}

	.gdymc_insertlink_source-title {
	    font-weight: 600;
		display: block;
	}

	.gdymc_insertlink_source-title > span {
		color: #999;
		float: right;
	}

	.gdymc_insertlink_source-meta {
		color: #ddd;
		display: block;
		opacity: 0.0;
		padding-top: 5px;
		transition: all ease-in-out 0.1s;
	}

	.gdymc_insertlink_source:hover .gdymc_insertlink_source-meta,
	.gdymc_insertlink_source:focus .gdymc_insertlink_source-meta {
		opacity: 1.0;
	}

	.gdymc_insertlink_source-meta a {
		color: #0073aa;
	}

	.gdymc_insertlink_source-meta a:hover {
		color: #00a0d2;
	}

	#gdymc_insertlink_button {
		margin-right: 15px;
	}

	.gdymc_loadmore {
		display: block;
		clear: both;
		text-align: center;
		cursor: pointer;
		border-top: solid 1px #eee;
		padding: 30px 0px;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 0.1em;
		color: #aaa;
		position: relative;

		transition: color ease-in-out 0.1s;
	}

	.gdymc_loadmore:hover {
		color: #777;
	}

	.gdymc_overlay_images .gdymc_loadmore {
		margin: 0px -20px;
		margin-bottom: -18px;
		padding: 30px 0px;
	}
	
	.gdymc_loadmore.gdymc_active {
		color: #fff;
	}

	.gdymc_loadmore.gdymc_active::after {
		content: '';
		width: 10px;
		height: 10px;
		border: solid 3px #999;
		border-radius: 30px;
		border-left: solid 3px transparent;
		border-top: solid 3px transparent;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -12px;
		margin-top: -8px;

		-webkit-animation: gdymcspin 1s linear infinite;
		-moz-animation: gdymcspin 1s linear infinite;
		animation: gdymcspin 1s linear infinite;
	}

	#gdymc_overlay_content_images {
		top: 196px;
		transition: all ease-in-out 0.3s;
	}

	#gdymc_overlay_content_imageinfo {
	    position: absolute;
	    top: 136px;
	    right: 0px;
	    width: 0px;
	    bottom: 99px;
	    overflow: hidden;
	    background: #fafafa;
	    box-shadow: inset 1px 0px 0px #efefef;
	    transition: all ease-in-out 0.3s;
	}

	#gdymc_overlay_content_imageinfo .gdymc_options_section {
	    margin-top: 30px;
	}

	#gdymc_overlay_content_imageinfo .gdymc_options_section span {
	    background: #fafafa;
	}

	.gdymc_overlay_images.gdymc_editing_image #gdymc_overlay_content_images {
		right: 300px;
	}

	.gdymc_overlay_images.gdymc_editing_image #gdymc_overlay_content_imageinfo {
		width: 300px;
	}

	#gdymc_overlay_content_imageinfoinner {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    bottom: 0px;
	    width: 300px;
	    overflow: auto;
	}

	#gdymc_overlay_content_imageinfothumb {
		border: solid 30px #000;
		display: block;
	    height: 150px;
	    background-color: #000;
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: center center;
	    position: relative;
	}

	#gdymc_overlay_content_imageinfothumb > div {
		position: absolute;
		bottom: -30px;
		right: 0px;
		color: #fff;
		height: 30px;
		line-height: 30px;
		font-size: 0.9em;
	}


	#gdymc_overlay_content_imageinfotext {
	    padding: 0px 30px 30px 30px;
	}
	
	#gdymc_overlay_content_imageinfo h3 {
	    font-weight: bold;
	    text-transform: uppercase;
	    font-size: 0.9em;
	    color: #888;
	    margin-top: 30px;
	    margin-bottom: 10px;
	}

	#gdymc_overlay_content_imageinfo #gdymc_overlay_content_imageinfo_local.gdymc_active .gdymc_options_section span::before,
	#gdymc_overlay_content_imageinfo #gdymc_overlay_content_imageinfo_global.gdymc_active .gdymc_options_section span::before {
	    content: '';
	    display: block;
	    position: absolute;
	    top: 2px;
	    left: -17px;
	    width: 8px;
	    height: 8px;
	    border-radius: 20px;
	    border: solid 2px transparent;
	    border-left: solid 2px #2ea2cc;
	    border-top: solid 2px #2ea2cc;

		-webkit-animation: gdymcspin 1s linear infinite;
		-moz-animation: gdymcspin 1s linear infinite;
		animation: gdymcspin 1s linear infinite;
	}
	

	.gdymc_overlay_images #gdymc_overlay_content_images::after {
		content: '';
		display: block;
		position: absolute;
		top: 0px;
		bottom: 0px;
		right: 0px;
		left: 0px;
		background: #fff;
		z-index: 1;
		visibility: hidden;
		opacity: 0.0;

		transition: all ease-out 0.3s;
	}

	.gdymc_overlay_images.gdymc_loading #gdymc_overlay_content_images::after {
		visibility: visible;
		opacity: 1.0;
	}

	.gdymc_overlay_images #gdymc_overlay_content_images::before {
		content: '';
		display: block;
		
		border: solid 5px rgba(0,0,0,0.5);
		border-bottom: solid 5px rgba(0,0,0,0);
		border-left: solid 5px rgba(0,0,0,0);
		border-radius: 40px;
		
		position: absolute;
		top: 50%;
		left: 50%;
		width: 40px;
		height: 40px;
		margin-left: -25px;
		margin-top: -25px;
		z-index: 2;
		visibility: hidden;
		opacity: 0.0;
		
		-webkit-animation: gdymcspin 1s linear infinite;
		-moz-animation: gdymcspin 1s linear infinite;
		animation: gdymcspin 1s linear infinite;

		transition: all ease-out 0.3s;
	}

	.gdymc_overlay_images.gdymc_loading #gdymc_overlay_content_images::before {
		visibility: visible;
		opacity: 1.0;
	}

	.gdymc_overlay_search {
		height: 60px;
		top: 136px;
		left: 0px;
		right: 0px;
		position: absolute;
		box-shadow: 0px 1px 0px rgba(0,0,0,0.06), 0px 1px 0px rgba(255,255,255,0.7);
		background: #fff;
		z-index: 2;
		transition: all ease-in-out 0.3s;
	}

	.gdymc_overlay_images.gdymc_editing_image .gdymc_overlay_search {
		right: 300px;
	}

	#gdymc_search_images {
		border: 0px !important;
		height: 60px !important;
		line-height: 60px !important;
		padding-left: 40px !important;
		padding-right: 30px !important;
		width: 100% !important;
		display: block !important;
		outline: none !important;
	}

	.gdymc_overlay_foot .gdymc_left {
		white-space: nowrap;
	}

	.gdymc_image_selection {
		white-space: nowrap;
		display: inline-block;
		vertical-align: top;
	}

	.gdymc_image_selection .gdymc_imagethumb {
		width: 40px;
		height: 40px;
		position: relative;
		margin-left: 20px;
		cursor: move;
		float: left;
		list-style: none;
	}
	
	.gdymc_image_selection .gdymc_imagethumb.ui-sortable-helper {
		opacity: 0.5;
		transform: scale(1.1);
	}

	.gdymc_image_selection .gdymc_imagethumb.ui-sortable-placeholder {
		visibility: visible !important;
		width: 36px;
		height: 36px;
		border: dashed 2px #ddd;
	}

	.gdymc_image_selection .gdymc_imagethumb.ui-sortable-placeholder::before,
	.gdymc_image_selection .gdymc_imagethumb.ui-sortable-placeholder::after,
	.gdymc_image_selection .gdymc_imagethumb.ui-sortable-helper::after {
		display: none !important;
	}

	.gdymc_image_selection .gdymc_imagethumb::before {
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 5;
		width: 38px;
		height: 38px;
		border: solid 1px rgba(0,0,0,0.1);
		border-radius: 3px;
	}

	.gdymc_image_selection .gdymc_imagethumb::after {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 10;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-family: 'Dashicons';
		content: "\f335";
		font-size: 25px;
		color: #fff;
		background: rgba(0,0,0,0.3);
		border-radius: 3px;
		opacity: 0.0;
		transition: all ease-in-out 0.1s;
	}

	.gdymc_image_selection .gdymc_imagethumb:hover::after {
		opacity: 1.0;
	}

	.gdymc_image_selection .gdymc_imagethumb img {
		width: 40px !important;
		height: 40px !important;
		border-radius: 3px;
	}



	/******************************** ERROR OVERLAY ********************************/

	#gdymc_error_shadow {
		position: fixed;
		top: 0px;
		left: 0px;
		bottom: 0px;
		right: 0px;
		background: rgba(0,0,0,0.5);
		z-index: 999999999;
		opacity: 0.0;

		transition: all 0.1s ease-in-out;
	}

	#gdymc_error_shadow.gdymc_active {
		opacity: 1.0;
	}
	
	#gdymc_error_window {
		position: fixed;
		top: 50%;
		left: 50%;
		background: #fff;
		width: 500px;
		height: auto;
		z-index: 999999999999;
		box-shadow: 0px 5px 30px rgba(0,0,0,0.3);
		opacity: 0.0;

		transition: all 0.1s ease-in-out;
		transform: translate(-50%, -50%) scale(0.6);
	}

	#gdymc_error_window.gdymc_active {
		opacity: 1.0;

		transform: translate(-50%, -50%) scale(1.0);
	}

	#gdymc_error_title {
		font-weight: 500;
		padding: 35px 40px;
		font-size: 26px;
		color: #fff;
		position: relative;
	}

	#gdymc_error_text {
		padding: 35px 40px;
	}

	#gdymc_error_buttons {
		padding: 20px 40px;
		background: #fafafa;
		border-top: solid 1px #efefef;
		text-align: right;
		display: block;
	}

	#gdymc_error_buttons button {
		background: #f7f7f7;
		border: solid 1px #e9e9e9;
		color: #555;
		margin-left: 20px;
	}

	#gdymc_error_buttons button:hover,
	#gdymc_error_buttons button:focus {
		background: #f7f7f7;
		border: solid 1px #dadada;
		box-shadow: 0px 2px 1px rgba(0,0,0,0.03);
	}

	#gdymc_error_buttons button:focus {
		box-shadow: 0px 2px 1px rgba(0,0,0,0.03), inset 3px 0px 0px #fff, inset -3px 0px 0px #fff, inset 0px 3px 0px #fff, inset 0px -3px 0px #fff;
	}
	
	#gdymc_error_close {
		background: transparent;
		width: 34px;
		height: 34px;
		position: absolute;
		top: 50%;
		margin-top: -19px;
		right: 35px;
		border-radius: 100px;
		border: solid 2px rgba(0,0,0,0.0);
	}

	#gdymc_error_close::after {
		font-family: 'Dashicons';
		content: "\f335";
		display: block;
		width: 30px;
		height: 30px;
		line-height: 32px;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -15px;
		margin-left: -15px;
		cursor: pointer;
		font-size: 30px;
		color: rgba(0,0,0,0.3);
	}

	#gdymc_error_close:hover,
	#gdymc_error_close:active {
		background: transparent;
		border: solid 2px rgba(0,0,0,0.0);
	}

	#gdymc_error_close:focus {
		border: solid 2px rgba(0,0,0,0.1);
		background: transparent;
	}

	#gdymc_error_close:hover::after,
	#gdymc_error_close:focus::after {
		color: rgba(0,0,0,0.5);
	}

	#gdymc_error_window ul li {
		display: block;
		padding: 4px 0px;
		position: relative;
	}

	#gdymc_error_window ul li::after {
		content: '';
		display: block;
		position: absolute;
		top: 0.77em;
		left: -12px;
		height: 1px;
		width: 7px;
		background: #ccc;
	}

	#gdymc_error_window a {
		color: #bc8d0f;
	}

	#gdymc_error_window a:hover {
		color: #805d00;
	}

	
	
	/******************************** TABS ********************************/
	
	.gdymc_inside .gdymc_tabs_navigation {
		padding-left: 40px;
		position: absolute;
		left: 0px;
		bottom: -1px;
	}
	
	.gdymc_inside .gdymc_tabs_button,
	.gdymc_inside .gdymc_tabs_button:hover,
	.gdymc_inside .gdymc_tabs_button:focus,
	.gdymc_inside .gdymc_tabs_button:active {
		background: transparent;
		display: inline-block !important;
		padding: 15px;
		margin-right: 15px;
		border: solid 1px #eaeaea;
		border-bottom: none;
		cursor: pointer;
		color: #888;
		box-shadow: inset 0px 0px 0px rgba(255,255,255,1.0), inset -0px 0px 0px rgba(255,255,255,1.0), inset 0px 0px 0px rgba(255,255,255,1.0);

		transition: all ease-in-out 0.05s;
	}
	
	.gdymc_inside .gdymc_tabs_button:hover,
	.gdymc_inside .gdymc_tabs_button:focus {
		color: #555;
	}

	.gdymc_inside .gdymc_tabs_button:focus {
		border: solid 1px #ddd;
		border-bottom: none;
		box-shadow: 0px 5px 0px #fff, inset 0px -1px 0px #eee, inset 4px 0px 0px rgba(255,255,255,1.0), inset -4px 0px 0px rgba(255,255,255,1.0), inset 0px 4px 0px rgba(255,255,255,1.0), 0px 0px 5px rgba(0,0,0,0.05);
	}

	.gdymc_inside .gdymc_tabs_button.gdymc_active:focus {
		border: solid 1px #ddd;
		border-bottom: none;
		box-shadow: 0px 5px 0px #fff, inset 0px -1px 0px #fff, inset 4px 0px 0px rgba(255,255,255,1.0), inset -4px 0px 0px rgba(255,255,255,1.0), inset 0px 4px 0px rgba(255,255,255,1.0), 0px 0px 5px rgba(0,0,0,0.05);
	}
	
	.gdymc_inside .gdymc_tabs_button.gdymc_active {
		background: #fff;
		color: #333;
	}
	
	.gdymc_inside .gdymc_tabs_content {
		display: none !important;
		padding: 40px;
	}
	
	.gdymc_inside .gdymc_tabs_content.gdymc_active {
		display: block !important;
	}
	
	
	
	


	
	/******************************** EDITABLE CONTENT ********************************/
	
	.gdymc_edit .gdymc_image,
	.gdymc_edit .gdymc_gallery_container {
		min-width: 100px;
		min-height: 100px;
		background: rgba(186,133,71,0.2);
		cursor: pointer;
		display: inline-block;
		position: relative;
		vertical-align: middle;
		outline: 2px solid rgba(186,133,71,0.3);
	}

	.gdymc_edit .gdymc_image:hover, .gdymc_edit .gdymc_image.gdymc_active,
	.gdymc_edit .gdymc_gallery_container:hover, .gdymc_edit .gdymc_gallery_container.gdymc_active {
		outline: 2px solid rgba(186,133,71,1.0);
		background: rgba(186,133,71,0.4);
	}

	.gdymc_edit .gdymc_image *,
	.gdymc_edit .gdymc_gallery_container * {
		pointer-events: none;
	}

	.gdymc_edit .gdymc_image:hover::after,
	.gdymc_edit .gdymc_gallery_container:hover::after {
		color: #000;
		color: rgba(0,0,0,0.7);
		text-shadow: 0px 0px 50px rgba(186,133,71,0.9);
		font: 400 40px/40px dashicons;
		speak: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		background-image: none!important;
		content: "\f128";
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 40px;
		height: 40px;
		text-align: center;
		margin-left: -20px;
		margin-top: -20px;
		z-index: 1000;
	}

	.gdymc_edit .gdymc_gallery_container:hover::after {
		content: "\f161";
		font: 400 46px/46px dashicons;
	}

	.gdymc_edit .gdymc_image.gdymc_active::after,
	.gdymc_edit .gdymc_gallery_container.gdymc_active::after {
		content: '';
		display: block;
		
		border: solid 5px rgba(0,0,0,0.7);
		border-bottom: solid 5px rgba(0,0,0,0);
		border-left: solid 5px rgba(0,0,0,0);
		border-radius: 40px;
		
		position: absolute;
		top: 50%;
		left: 50%;
		width: 20px;
		height: 20px;
		margin-left: -15px;
		margin-top: -15px;

		-webkit-box-sizing: content-box;
	    -moz-box-sizing: content-box;
	    box-sizing: content-box;
		
		-webkit-animation: gdymcspin 1s linear infinite;
		-moz-animation: gdymcspin 1s linear infinite;
		animation: gdymcspin 1s linear infinite;
	}
	
	.gdymc_edit .gdymc_image:hover img, .gdymc_edit .gdymc_image.gdymc_active img,
	.gdymc_edit .gdymc_gallery_container:hover img, .gdymc_edit .gdymc_gallery_container.gdymc_active img {
		opacity: 0.7;	
	}
	
	
	.gdymc_text {
		display: block;
		min-height: 1em;
		min-width: 1em;
	}
	.gdymc_edit .gdymc_text {
		outline: 2px solid rgba(46,162,204,0.2);
	}
	.gdymc_edit .gdymc_text:hover, .gdymc_edit .gdymc_text:focus {
		outline: 2px solid rgba(46,162,204,1.0);
	}

	.gdymc_edit.gdymc_swap .gdymc_text.gdymc_swap_source, .gdymc_edit.gdymc_swap .gdymc_text.gdymc_swap_source:hover, .gdymc_edit.gdymc_swap .gdymc_text.gdymc_swap_source:focus,
	.gdymc_edit.gdymc_swap .gdymc_text:hover, .gdymc_edit.gdymc_swap .gdymc_text:focus {
		outline: 2px solid #3678c3;
		cursor: pointer;
	}
	
	
	.gdymc_Textmodal, .gdymc_imagemodal {
		position: absolute;
		margin-top: -40px;
		height: 20px;
		width: auto;
		padding: 0px 0px 0px 10px;
		background: rgba(46,162,204,1.0);
		font: normal 600 10px/20px "Open Sans",sans-serif;
		color: #fff;
		z-index: 1000;
		margin-left: -2px;
		font-weight: bold;
		text-transform: uppercase;
		pointer-events: none;
	}

	.gdymc_imagemodal {
		padding-right: 10px;
	}

	.gdymc_softpreview .gdymc_Textmodal, .gdymc_softpreview .gdymc_imagemodal,
	.gdymc_edit.gdymc_swap .gdymc_Textmodal {
		display: none;	
	}
	.gdymc_imagemodal {
		background: rgba(186,133,71,1.0);
	}
	.gdymc_text.gdymc_maxtext, .gdymc_text:focus.gdymc_maxtext, .gdymc_text:hover.gdymc_maxtext {
		outline: 2px solid rgba(255,186,0,1);

		-webkit-animation: gdymc_blink 1.5s ease-out infinite;
		-moz-animation: gdymc_blink 1.5s ease-out infinite;
		animation: gdymc_blink 1.5s ease-out infinite;
	}

	.gdymc_Textmodal.gdymc_maxtext {
		background: $color_error;
	}
	.gdymc_softpreview .gdymc_text, .gdymc_softpreview .gdymc_image {
		outline:none;
		display: inline;
	}
	.gdymc_softpreview .gdymc_image {
		cursor: default;	
	}

	.gdymc_swapcontent {
		display: inline-block;
		cursor: pointer;
		box-shadow: -1px 0px 0px rgba(0,0,0,0.1);
		width: 30px;
		height: 20px;
		margin-left: 9px;
		vertical-align: top;
		pointer-events: auto;
	}

	.gdymc_swapcontent:hover {
		background: #3678c3;
	}

	.gdymc_swapcontent::after {
		font-family: 'Dashicons';
		content: '\f503';
		font-size: 14px;
		display: block;
		text-align: center;
		height: 20px;
		line-height: 20px;
	}

	.gdymc_placeholder_image {
		display: none;
	}

	.gdymc_edit .gdymc_placeholder_image {
		display: block;
	}


	
	/******************************** EDITABLE TABLE ********************************/
	
	.gdymc_table_container {
		position: relative;
	}

	.gdymc_table_addrow, .gdymc_table_addcol,
	.gdymc_table_removerow, .gdymc_table_removecol {
		position: absolute;
		border: none;
		background: $color_brightblue;
		cursor: pointer;
		display: none;
		outline: none;
		z-index: 1000;
		overflow: hidden;
	}

	.gdymc_table_addrow:hover, .gdymc_table_addcol:hover,
	.gdymc_table_removerow:hover, .gdymc_table_removecol:hover {
		background: $color_blue;
	}

	.gdymc_edit .gdymc_table_container:hover .gdymc_table_addrow, .gdymc_edit .gdymc_table_container:hover .gdymc_table_addcol,
	.gdymc_edit .gdymc_table_container:hover .gdymc_table_removerow, .gdymc_edit .gdymc_table_container:hover .gdymc_table_removecol {
		display: block;
	}

	.gdymc_table_addrow::after, .gdymc_table_addcol::after,
	.gdymc_table_removerow::after, .gdymc_table_removecol::after {
		font-family: 'Dashicons';
		position: absolute;
		width: 40px;
		height: 40px;
		top: 50%;
		left: 50%;
		margin-top: -20px;
		margin-left: -20px;
		line-height: 40px;
		text-align: center;
		font-size: 18px;
		color: #fff;
		opacity: 0.5;
	}

	.gdymc_table_addrow::after, .gdymc_table_addcol::after {
		content: "\f132";
	}

	.gdymc_table_removerow::after, .gdymc_table_removecol::after {
		content: "\f158";
	}

	.gdymc_table_addrow {
		height: 40px;
		width: 50%;
		left: 50%;
		bottom: -38px;
	}

	.gdymc_table_addcol {
		height: 50%;
		width: 40px;
		top: 50%;
		right: -38px;
	}

	.gdymc_table_removerow {
		height: 40px;
		width: 50%;
		left: 0%;
		bottom: -38px;
	}

	.gdymc_table_removecol {
		height: 50%;
		width: 40px;
		top: 0%;
		right: -38px;
	}

	.gdymc_edit .gdymc_table td {
		outline: 2px solid rgba(46,162,204,0.2);
		min-height: 1em;
		min-width: 2em;
	}

	.gdymc_edit .gdymc_table td:hover, .gdymc_edit .gdymc_table td:focus {
		outline: 2px solid rgba(46,162,204,1.0);
	}



	/******************************** IMAGE OVERLAY ********************************/
	
	.gdymc_overlay_images .gdymc_overlay_content_padding {
		padding: 20px;
	}

	.gdymc_imagethumb_container {
		float: left;
		width: 16.6666667%;
		padding: 15px;

		box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box;	 
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box; 
	}
	
	.gdymc_inside .gdymc_imagethumb {
		position: relative;
		cursor: pointer;
	}

	.gdymc_inside .gdymc_imagethumb.gdymc_selected {
		background: $color_brightblue;
		box-shadow: 0px 0px 0px 7px $color_brightblue;
	}

	.gdymc_imagethumb_holder {
		background: url(../images/transparent.png);
		background-size: 20px;
		position: relative;
	}

	.gdymc_imagethumb img {
		width: 100%;
		height: auto;
		border-radius: 2px;
	}

	.gdymc_imagethumb.gdymc_loading::before {
	    content: '';
	    display: block;
	    position: absolute;
	    border-radius: 20px;
	    width: 12px;  
	    height: 12px;
	    left: 50%;
	    top: 50%;
	    margin-top: -9px;
	    margin-left: -9px;
	    border: solid 3px transparent;
	    border-left: solid 3px rgba(255,255,255,0.7);
	    border-top: solid 3px rgba(255,255,255,0.7);
	    -webkit-box-sizing: content-box;
	    -moz-box-sizing: content-box;
	    box-sizing: content-box;
	    z-index: 2;

	    -webkit-animation: gdymcspin 1s linear infinite;
	    -moz-animation: gdymcspin 1s linear infinite;
	    animation: gdymcspin 1s linear infinite;
	}

	.gdymc_imagethumb.gdymc_loading::after {
		background: rgba(0,0,0,0.3);
	}

	.gdymc_imagethumb::after {
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		border-radius: 2px;
		box-shadow: inset 1px 0px 0px rgba(0,0,0,0.1), inset -1px 0px 0px rgba(0,0,0,0.1), inset 0px 1px 0px rgba(0,0,0,0.1), inset 0px -1px 0px rgba(0,0,0,0.1);
	}

	.gdymc_imagethumb_size {
		position: absolute;
		bottom: 0px;
		right: 0px;
		background: rgba(0,0,0,0.4);
		color: #fff;
		padding: 2px 4px;
		font-size: 9px;
		text-shadow: 0px 0px 3px #000;
	}

	.gdymc_imagethumb_edit {
		position: absolute;
		width: 26px;
		height: 26px;
		border-radius: 50px;
		background: #2ea2cc;
		border: solid 3px #fff;
		top: -15px;
		right: -15px;
		z-index: 15;
		visibility: hidden;
		opacity: 0.0;
		transition: all ease-in-out 0.1s;
		cursor: pointer;
	}

	.gdymc_image_selection .gdymc_imagethumb .gdymc_imagethumb_edit {
		width: 18px;
		height: 18px;
		top: -10px;
		right: -10px;
		border: solid 2px #fff;
	}

	.gdymc_imagethumb:hover .gdymc_imagethumb_edit,
	.gdymc_image_selection .gdymc_imagethumb:hover .gdymc_imagethumb_edit {
		visibility: visible;
		opacity: 1.0;
	}

	.gdymc_imagethumb_edit::after {
		font-family: 'Dashicons';
		content: "\f464";
		position: absolute;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		top: 50%;
		left: 50%;
		margin-left: -10px;
		margin-top: -10px;
		font-size: 20px;
		color: #fff;
	}

	.gdymc_image_selection .gdymc_imagethumb .gdymc_imagethumb_edit::after {
		font-size: 14px;
	}

	.gdymc_imagethumb_edit.gdymc_loading::after {
		display: none;
	}

	.gdymc_imagethumb_edit.gdymc_loading::before {
		content: '';
	    display: block;
	    position: absolute;
	    border-radius: 20px;
	    width: 8px;
	    height: 8px;
	    left: 50%;
	    top: 50%;
	    margin-top: -7px;
	    margin-left: -7px;
	    border: solid 3px transparent;
	    border-left: solid 3px #fff;
	    border-top: solid 3px #fff;
	    -webkit-box-sizing: content-box;
	    -moz-box-sizing: content-box;
	    box-sizing: content-box;
	    z-index: 2;
	    -webkit-animation: gdymcspin 1s linear infinite;
	    -moz-animation: gdymcspin 1s linear infinite;
	    animation: gdymcspin 1s linear infinite;
	}

	.gdymc_image_selection .gdymc_imagethumb .gdymc_imagethumb_edit.gdymc_loading::before {
	    width: 4px;
	    height: 4px;
	    margin-top: -4px;
	    margin-left: -4px;
	    border-left: solid 2px #fff;
	    border-top: solid 2px #fff;
	}
	
	





	#gdymc_croptable {
		overflow: hidden;
		width: 100%;
		height: 100%;
		text-align: center;
		z-index: 9999999999;
		position: fixed;
		top: 0px;
		left: 0px;
		display: none;
		background: rgba(0,0,0,0.5);
		cursor: pointer;
		border: 0px;
	}
	
	#gdymc_croptable tbody {
		display: table-row-group;
	}

	#gdymc_croptable tr {
		display: table-row;
	}

	#gdymc_cropholder {
		padding: 0px;
		border: 0px;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}

	#gdymc_cropholder img {
		vertical-align: middle;
	}

	#gdymc_croptable .jcrop-holder {
		display: inline-block;
		box-shadow: 0px 5px 30px rgba(0,0,0,0.7);
	}
	
	#gdymc_imagelist_holder {
		display: block;
	}

	
	/******************************** DROPZONE OVERLAY ********************************/
	
	#gdymc_dropzone_overlay {
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 999999999999;
		background: rgba(30,140,190,0.9);
		width: 100%;
		height: 100%;
		opacity: 0.0;
		visibility: hidden;

		transition: all ease-in-out 0.1s;
	}

	#gdymc_dropzone_overlay::after {
		content: '';
		display: block;
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		border: solid 3px rgba(255,255,255,0.3);

		transition: all ease-in-out 0.2s;
	}

	#gdymc_dropzone_overlay div {
		font-size: 30px;
		color: #fff;
		color: rgba(255,255,255,0.9);
		position: fixed;
		left: 0px;
		top: 50%;
		margin-top: -25px;
		text-align: center;
		width: 100%;
		height: 50px;
		line-height: 50px;
		text-transform: uppercase;
		opacity: 0.0;
		visibility: hidden;
		transform: scale(1.3);
		letter-spacing: 0.2em;

		transition: all ease-in-out 0.2s;
	}

	#gdymc_dropzone_overlay div::before {
		content: "\f104";
		font-family: 'Dashicons';
		font-size: 50px;
		position: relative;
		top: 12px;
		margin-right: 15px;
		opacity: 0.6;
	}

	.gdymc_drag_hover #gdymc_dropzone_overlay {
		visibility: visible;
		opacity: 1.0;
	}

	.gdymc_drag_hover #gdymc_dropzone_overlay div {
		visibility: visible;
		opacity: 1.0;
		transform: scale(1.0);
		letter-spacing: 0.0em;
	}

	.gdymc_drag_hover #gdymc_dropzone_overlay::after {
		top: 5%;
		left: 5%;
		width: 90%;
		height: 90%;
	}
	

	/******************************** DROPZONE UPLOADER ********************************/
	
	#gdymc_dropzone_uploader_container {
		display: block;
		position: fixed;
		bottom: 0px;
		left: 0px;
		right: 0px;
		overflow: hidden;
		z-index: 9999;
		opacity: 0.0;
		visibility: hidden;
		height: 268px;

		transition: all ease-in-out 0.1s;
	}

	#gdymc_dropzone_uploader_container * {
		visibility: hidden;
	}

	#gdymc_dropzone_uploader {
		position: relative;
		top: 100px;
		display: block;
		background: #222;

		transition: all ease-in-out 0.1s;
	}
	
	#gdymc_dropzone_header {
		display: block;
		padding: 30px;
	}

	#gdymc_dropzone_header .gdymc_button {
		margin-left: 20px;
	}

	#gdymc_dropzone_headline {
		color: #fff;
	    font-size: 35px;
	    font-weight: 300;
	    line-height: 1em;
	    display: inline-block;
	    height: 40px;
	    line-height: 45px;
	}

	#gdymc_dropzone_preview {
		padding: 15px 15px 20px 15px;
		display: block;
		white-space: nowrap;
		overflow: auto;
		height: 130px;
		position: relative;
		overflow: hidden;
		
		transition: all ease-in-out 0.3s;
		opacity: 0.0;
		top: 10px;
	}

	#gdymc_dropzone_preview_shadow {
		position: relative;
		display: block;
	}
	
	#gdymc_dropzone_preview_shadow::before,
	#gdymc_dropzone_preview_shadow::after {
		content: '';
		position: absolute;
		width: 30px;
		height: 100%;
		bottom: 0px;
		z-index: 1000;
	}

	#gdymc_dropzone_preview_shadow::before {
		left: 0px;

		background: -moz-linear-gradient(left,  rgba(34,34,34,1) 0%, rgba(34,34,34,1) 25%, rgba(34,34,34,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 25%,rgba(34,34,34,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 25%,rgba(34,34,34,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#00363636',GradientType=1 ); /* IE6-9 */
	}

	#gdymc_dropzone_preview_shadow::after {
		right: 0px;

		background: -moz-linear-gradient(left,  rgba(34,34,34,0) 0%, rgba(34,34,34,1) 75%, rgba(34,34,34,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(34,34,34,0) 0%,rgba(34,34,34,1) 75%,rgba(34,34,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(34,34,34,0) 0%,rgba(34,34,34,1) 75%,rgba(34,34,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00363636', endColorstr='#363636',GradientType=1 ); /* IE6-9 */
	}

	#gdymc_dropzone_uploader_container.gdymc_active {
		visibility: visible;
		opacity: 1.0;
	}

	#gdymc_dropzone_uploader_container.gdymc_active * {
		visibility: visible;
	}

	#gdymc_dropzone_uploader_container.gdymc_active #gdymc_dropzone_uploader {
		top: 0px;
	}

	#gdymc_dropzone_uploader_container.gdymc_active #gdymc_dropzone_preview {
		opacity: 1.0;
		top: 0px;
	}

	

	#gdymc_dropzone_progressHolder {
		height: 3px;
		position: relative;
		background: #444;
		border-radius: 1px;
		overflow: hidden;
		opacity: 1.0;
		margin: 0px 30px;
		z-index: 2;
		display: block;

		transition: all 1s ease-out;
	}

	#gdymc_dropzone_progressBar {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		background: $color_blue;
		transition: all ease-in-out 0.3s;
	}
	
	.gdymc_dz_finished #gdymc_dropzone_progressBar {
		opacity: 0.0;
	}


	/******************************** DROPZONE PREVIEW ********************************/

	.dz-preview {
		display: inline-block;
		color: $color_brightblue;
		background-color: $color_brightblue;
		background-image: url(../images/file.svg);
		background-repeat: no-repeat;
		background-position: center center;
		width: 100px;
		height: 100px;
		margin: 15px 15px 0px 15px;
		position: relative;
		border-radius: 2px;
	}

	.dz-preview, .dz-preview * {
		cursor: pointer;
	}

	.dz-preview.dz-error {
		background-color: #ffba00;
		color: #ffba00;
	}

	.dz-preview.dz-filetype-jpg,
	.dz-preview.dz-filetype-jpeg,
	.dz-preview.dz-filetype-png,
	.dz-preview.dz-filetype-bmp,
	.dz-preview.dz-filetype-gif,
	.dz-preview.dz-filetype-tiff,
	.dz-preview.dz-filetype-ico {
		background-color: #D45757;
		color: #D45757;
	}

	.dz-preview.dz-filetype-avi,
	.dz-preview.dz-filetype-wmv,
	.dz-preview.dz-filetype-divx,
	.dz-preview.dz-filetype-mpeg,
	.dz-preview.dz-filetype-mp4,
	.dz-preview.dz-filetype-m4v,
	.dz-preview.dz-filetype-mov,
	.dz-preview.dz-filetype-ogv,
	.dz-preview.dz-filetype-3gp,
	.dz-preview.dz-filetype-3g2 {
		background-color: #8767BB;
		color: #8767BB;
	}

	.dz-preview.dz-filetype-mp3,
	.dz-preview.dz-filetype-wav,
	.dz-preview.dz-filetype-ogg,
	.dz-preview.dz-filetype-m4a {
		background-color: #DE7053;
		color: #DE7053;
	}
	
	.dz-preview.dz-filetype-zip,
	.dz-preview.dz-filetype-rar,
	.dz-preview.dz-filetype-gzip {
		background-color: #34B4AE;
		color: #34B4AE;
	}

	.dz-preview.dz-filetype-ai,
	.dz-preview.dz-filetype-svg {
		background-color: #E39E45;
		color: #E39E45;
	}

	.dz-preview.dz-filetype-pdf {
		background-color: #D45570;
		color: #D45570;
	}

	.dz-preview.dz-filetype-doc,
	.dz-preview.dz-filetype-docx,
	.dz-preview.dz-filetype-txt,
	.dz-preview.dz-filetype-otf {
		background-color: $color_brightblue;
		color: $color_brightblue;
	}

	.dz-preview.dz-filetype-ppt,
	.dz-preview.dz-filetype-pptx,
	.dz-preview.dz-filetype-pps,
	.dz-preview.dz-filetype-ppsx {
		background-color: #DE7053;
		color: #DE7053;
	}

	.dz-preview.dz-filetype-xls,
	.dz-preview.dz-filetype-csv {
		background-color: #4FC177;
		color: #4FC177;
	}

	.dz-preview.dz-filetype-psd {
		background-color: #4C81DC;
		color: #4C81DC;
	}

	.dz-preview.dz-filetype-indd {
		background-color: #C0559C;
		color: #C0559C;
	}

	.dz-preview.dz-filetype-html,
	.dz-preview.dz-filetype-css,
	.dz-preview.dz-filetype-scss,
	.dz-preview.dz-filetype-php {
		background-color: #34B4AE;
		color: #34B4AE;
	}

	.dz-filetype {
		box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
		color: inherit;
		position: absolute;
		background: #fff;
		padding: 0px 5px;
		height: 16px;
		line-height: 16px;
		margin-top: -15px;
		top: 50%;
		left: 15px;
		font-size: 9px;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight: bold;
		border-radius: 1px;
	}

	.dz-success-mark,
	.dz-error-mark,
	.dz-details,
	.dz-error-message {
		display: none;
	}
	
	.dz-preview .dz-image {
		display: none;
	}

	.dz-image-preview .dz-image {
		display: block;
	}

	.dz-preview .dz-image img {
		width: 100%;
		height: 100%;
		border-radius: 2px;
	}

	.dz-image-preview .dz-image {
		background: #eee url(../images/transparent.png);
		background-size: 20px;
	}

	.dz-preview.dz-processing::after,
	.dz-preview.dz-error::after,
	.dz-preview.dz-success::after {
		font-family: 'Dashicons';
		width: 24px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		background: #fff;
		color: inherit;
		position: absolute;
		top: -15px;
		right: -15px;
		font-size: 20px;
		border-radius: 100px;
		border: solid 3px #222;
		z-index: 1;
	}

	.dz-preview.dz-processing::before {
		content: '';
		border: solid 2px #222;
		border-top: solid 2px transparent;
		border-left: solid 2px transparent;
		width: 8px;
		height: 8px;
		position: absolute;
		top: -6px;
		right: -6px;
		border-radius: 100px;
		z-index: 2;

		-webkit-animation: gdymcspin 2s linear infinite;
		-moz-animation: gdymcspin 2s linear infinite;
		animation: gdymcspin 2s linear infinite;
	}

	.dz-preview.dz-error::before,
	.dz-preview.dz-success::before {
		display: none;
	}

	.dz-preview.dz-processing::after {
		content: '';
	}

	.dz-preview.dz-success::after {
		content: "\f147";
	}

	.dz-preview.dz-error::after {
		content: "\f335";
	}