.link-edit {
    background-color: white;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(../img/edit-icon-gray.svg);
    text-align: left;
    padding-left: 25px;
}


#body.editing .link-edit.edit_start {
	display: none;
}

#body:not(.editing) .link-edit.edit_save {
    display: none;
}

#body.editing .link-edit.edit_save {
	display: block;
    background-image: url(../img/save-icon-gray.svg);
}


.button.edit_start {
	background-image:url('../img/edit-icon.svg');
}

.button.edit_save {
	background-image:url('../img/save-icon.svg');
}

.button.edit_cancel {
	background-image:url('../img/cancel-icon.svg');
}

.button.help  {
    background-image: url('../img/question-button.svg');
    right: 40px;
}

.button.pin  {
    background-image: url('../img/pin.svg');
}

.button.pin.pinned  {
    background-image: url('../img/pinned.svg');
}

#body:not(.editing) .bloc .bloc-body button.dump,
#body:not(.editing) .bloc .bloc-body button.edit,
#body:not(.editing) .bloc .bloc-header .buttons .button {
	display: none;
}

#body:not(.editing) .bloc .bloc-header .buttons .button.help,
#body:not(.editing) .bloc .bloc-header .buttons .button.edit_start,
#body:not(.editing) .bloc .bloc-header .buttons .button.pin {
	display: inline-block;
}

#body.editing .bloc .bloc-header .buttons .button.edit_start {
	display: none;
}

#body.editing .bloc .bloc-body button.dump,
#body.editing .bloc .bloc-body button.edit,
#body.editing .bloc .bloc-header .buttons .button {
    display: inline-block;
}

#body.editing .content.left .infos .published .date,
#body.editing .content.left .infos .published .author,
#body.editing .content.left .infos .published .struct {
	color: #F7931E;
}

#body.editing .publication.article .content.left .infos {
    background-image: url('../img/publication-article-orange.svg');
}

#body.editing .publication.action .content.left .infos {
    background-image: url('../img/publication-action-orange.svg');
}

#body.editing .publication.event .content.left .infos {
    background-image: url('../img/publication-event-orange.svg');
}

#body:not(.editing) .content.right .blocs .bloc.hidden {
    display: none;
}

#body.editing .editable {
    border: 2px dashed #AAA;
    padding: 4px;
}

#body.editing .editable:focus {
    border-color: #F7931E;
		text-transform: none;
}

#body.editing .content.right .bloc .bloc-header > h1 {
	background-color: #F7931E;
}

#body.editing .content.right .blocs .bloc ul.services li.service button.dump {
    background-image: url('../img/trash-button-orange.svg');
}

#body.editing .content.right .blocs .bloc .bloc-body .bloc-item button.dump {
    background-image: url('../img/trash-button-orange.svg');
}

#body.editing .content.right .blocs .bloc ul.services li.service button.edit {
    background-image: url('../img/edit-button-orange.svg');
}

#body.editing .content.right .blocs .bloc .bloc-body .filters button {
    background-image: url('../img/unchecked-orange.svg');
}

#body.editing .content.right .blocs .bloc .bloc-body .filters button.checked {
    background-image: url('../img/checked-orange.svg');
}

#body.editing .content.right .blocs .bloc .bloc-body .bloc-item .preview .date span {
    color: #F7931D;
}

#body.editing .widget-container .widget .tourniquet {
    display: none;
}

#body.editing .widget-container .widget .clipboard {
    display: none;
}

#body.editing .widget-container .widget .list1 {
    display: none;
}

#body .content.right .blocs .bloc ul.services li.service {
    background-color: white;
    border-bottom: 1px solid #C7C7C7;
}

#body .content.right .blocs .bloc ul.services li.service span {
    font-size: 12px;
    padding: 10px 0px 0px 15px;
    display: block;
    color: #777;
}

#body .action .content.right .blocs .bloc ul.services .service.other {
    padding: 1px;
}

#body .action .content.right .blocs .bloc ul.services .service.other .text.editable {
    margin: 4px;
    padding: 10px;
    font-size: 12px;
}

#body .action .content.right .blocs .bloc ul.services .service.other .text.editable * {
    font-size: 12px;
}

#body .content.right .blocs .bloc ul.services li.service button.dump {
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 8px;
    background-color: transparent;
    background-image: url('../img/trash-button-blue.svg');
    background-position: center;
    background-repeat: no-repeat;
}

#body .content.right .blocs .bloc ul.services li.service button.edit {
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 8px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux {
    padding: 0px 0px 10px 15px;
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li {
    width: 20px;
    height: 20px;
    background-size: 20px;
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_1_1 {
    background-image: url('../img/enjeu_1_1_icon.svg');
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_1_2 {
    background-image: url('../img/enjeu_1_2_icon.svg');
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_1_3 {
    background-image: url('../img/enjeu_1_3_icon.svg');
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_1_4 {
    background-image: url('../img/enjeu_1_4_icon.svg');
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_2_1 {
    background-image: url('../img/enjeu_2_1_icon.svg');
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_2_2 {
    background-image: url('../img/enjeu_2_2_icon.svg');
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_2_3 {
    background-image: url('../img/enjeu_2_3_icon.svg');
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_2_4 {
    background-image: url('../img/enjeu_2_4_icon.svg');
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_3_1 {
    background-image: url('../img/enjeu_3_1_icon.svg');
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_3_2 {
    background-image: url('../img/enjeu_3_2_icon.svg');
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_3_3 {
    background-image: url('../img/enjeu_3_3_icon.svg');
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_3_4 {
    background-image: url('../img/enjeu_3_4_icon.svg');
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_4_1 {
    background-image: url('../img/enjeu_4_1_icon.svg');
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_4_2 {
    background-image: url('../img/enjeu_4_2_icon.svg');
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_4_3 {
    background-image: url('../img/enjeu_4_3_icon.svg');
}

#body .content.right .blocs .bloc ul.services li.service ul.enjeux li.enjeu_4_4 {
    background-image: url('../img/enjeu_4_4_icon.svg');
}

#body .content.right .buttons {
    height: 30px;
    width: 100%;
}

#body .content.right .buttons button {
    height: 30px;
    width: 170px;
    border: none;
    background-color: white;
    color: #777;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 45px;
}

#body .content.right .buttons button.follow {
    background-image: url('../img/follow-button.svg');
    float: left;
}

#body .content.right .buttons button.edit {
    background-image: url('../img/edit-button.svg');
    float: right;
}

#body .content.right .map {
    width: 100%;
    height: 240px;
    background-color: #E9E5DC;
    margin: 10px 0px;
}

#body .content.right .blocs {
}

#body .content.right .blocs .bloc {
    margin-bottom: 10px;
}

#body .content.right .blocs .bloc .bloc-header {
    width: 100%;
    height: 45px;
    background-color: #249BEE;
    position: relative;
}

#body .content.right .blocs .bloc .bloc-header h1 {
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 45px;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: 12px 12px;
    margin: 0px;
}

#body .content.right .blocs .bloc .bloc-header h1.admin {
    background-image: url('../img/lock.svg');
}

#body .content.right .blocs .bloc .bloc-header h1.admin span,
#body .content.right .blocs .bloc .bloc-header h1.pin span {
    font-size: 14px;
}

#body .content.right .blocs .bloc .bloc-header h1.pin span.pinned {
    color: orange;
}

#body .content.right .blocs .bloc .bloc-header h1.admin span.edit_start,
#body .content.right .blocs .bloc .bloc-header h1.pin span.pin {
    cursor: pointer;
    position: relative;
    z-index: 5;
}

#body .content.right .blocs .bloc .bloc-header h1.infos {
    background-image: url('../img/infos-button.svg');
}

#body .content.right .blocs .bloc .bloc-header h1.filter {
    background-image: url('../img/magnifier-white.svg');
}

#body .content.right .blocs .bloc .bloc-header h1.pin.on {
    background-image: url('../img/pin.svg');
}

#body .content.right .blocs .bloc .bloc-header h1.flagship.on {
    background-image: url('../img/lightbulb_white.svg');
		background-size: 24px;
}

#body .content.right .blocs .bloc .bloc-header h1.flagship {
		background-size: 24px;
}

#body .content.right .blocs .bloc .bloc-header h1.services {
    background-image: url('../img/services.svg');
}

#body .content.right .blocs .bloc .bloc-header h1.enjeux {
    background-image: url('../img/enjeux.svg');
}

#body .content.right .blocs .bloc .bloc-header ul.buttons {
    position: absolute;
    top: 14px;
    left: 0px;
    text-align: right;
    height: 20px;
}

#body .content.right .blocs .bloc .bloc-header ul.buttons li.button {
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

#body .content.right .blocs .bloc .bloc-header ul.buttons li.button.edit {
    background-image: url('../img/edit-button2.svg');
    display: block;
    right: 40px;
}

#body .content.right .blocs .bloc .bloc-header ul.buttons li.button.dump {
    background-image: url('../img/trash-button.svg');
    right: 40px;
}

#body .content.right .blocs .bloc .bloc-header ul.buttons li.button.question {
    background-image: url('../img/question-button.svg');
    right: 40px;
}

#body .content.right .blocs .bloc .bloc-header ul.buttons li.button.add {
    background-image: url('../img/plus-button.svg');
    right: 40px;
}

#body .content.right .blocs .bloc .bloc-header ul.buttons li.button.view {
    background-image: url('../img/view-on.svg');
    right: 40px;
    background-size: 18px;
}

#body .content.right .blocs .bloc.hidden .bloc-header ul.buttons li.button.view {
    background-image: url('../img/view-off.svg');
    right: 40px;
    background-size: 18px;
}

#body .content.right .blocs .bloc .bloc-header ul.buttons li.button.toggle {
    background-image: url('../img/switch_off.svg');
    right: 40px;
    background-size: 30px;
		display:inline-block;
		width: 30px;
		height: 30px;
		margin-right: 5px;
		margin-top:-7px;
		background-repeat: no-repeat;
		background-position: center;
		cursor: pointer;
}

#body .content.right .blocs .bloc .bloc-header ul.buttons li.button.toggle.on {
    background-image: url('../img/switch_on.svg');
    right: 40px;
    background-size: 30px;
		display:inline-block;
		width: 30px;
		height: 30px;
		margin-right: 5px;
		margin-top:-7px;
		background-repeat: no-repeat;
		background-position: center;
		cursor: pointer;
}

#body .content.right .blocs .bloc .bloc-body .bloc-item {
    width: 100%;
    /*height: 65px;*/
    background-color: white;
    border-bottom: 1px solid #C7C7C7;
    position: relative;
}

#body .content.right .blocs .bloc .bloc-body .bloc-item.does-not-exist {
    display: none;
}

#body .content.right .blocs .bloc .bloc-body .bloc-item:last-child {
    border: none;
}

#body .content.right .blocs .bloc .bloc-body .bloc-item .img {
    position: absolute;
    top: 10px;
    left: 10px;
    background: 50% 50% no-repeat;
    background-size: cover;
    height: 45px;
    width: 45px;
    border-radius: 50%;
}

#body .content.right .blocs .bloc .bloc-body .bloc-item .preview {
    padding: 10px 20px;
    font-size: 12px;
    color: #C7C7C7;
    position: relative;
    left: 45px;
}

#body .content.right .blocs .bloc .bloc-body .bloc-item .preview h1 {
    font-size: 12px;
    color: #777;
}

#body .content.right .blocs .bloc .bloc-body .bloc-item .preview .date span{
    color: #249BEE;
    padding:0px 5px;
}

#body .content.right .blocs .bloc .bloc-body .filters {
    padding: 10px 0px;
    background-color: white;
}

#body .content.right .blocs .bloc .bloc-body .filters button {
    height: 25px;
    width: 100%;
    background-image: url('../img/unchecked-blue.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-color: white;
    border: none;
    font-size: 12px;
    line-height: 25px;
    text-align: left;
    padding-left: 40px;
    color: #777;
    background-position: 14px 5px;
    cursor: pointer;
}

#body .content.right .blocs .bloc .bloc-body .filters button.checked {
    background-image: url('../img/checked-blue.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux {
    padding: 15px;
    background-color: white;
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li {
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    background-size: 40px;
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_1_1 {
    background-image: url('../img/enjeu_1_1_button.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_1_2 {
    background-image: url('../img/enjeu_1_2_button.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_1_3 {
    background-image: url('../img/enjeu_1_3_button.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_1_4 {
    background-image: url('../img/enjeu_1_4_button.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_2_1 {
    background-image: url('../img/enjeu_2_1_button.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_2_2 {
    background-image: url('../img/enjeu_2_2_button.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_2_3 {
    background-image: url('../img/enjeu_2_3_button.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_2_4 {
    background-image: url('../img/enjeu_2_4_button.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_3_1 {
    background-image: url('../img/enjeu_3_1_button.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_3_2 {
    background-image: url('../img/enjeu_3_2_button.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_3_3 {
    background-image: url('../img/enjeu_3_3_button.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_3_4 {
    background-image: url('../img/enjeu_3_4_button.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_4_1 {
    background-image: url('../img/enjeu_4_1_button.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_4_2 {
    background-image: url('../img/enjeu_4_2_button.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_4_3 {
    background-image: url('../img/enjeu_4_3_button.svg');
}

#body .content.right .blocs .bloc .bloc-body ul.enjeux li.enjeu_4_4 {
    background-image: url('../img/enjeu_4_4_button.svg');
}

.publication .content.right .blocs .bloc[name="attachement"] .bloc-header h1 {
    background-image: url('../img/attachement-icon.svg');
}

.publication .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .preview a {
    font-size: 12px;
    color: #777;
    margin: 0px;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 45px;
}

#body .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.pdf-doc {
    background-image: url('../img/pdf-icon.svg');
}

#body.editing .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.pdf-doc {
    background-image: url('../img/pdf-icon-orange.svg');
}

#body .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.doc-doc {
    background-image: url('../img/doc-icon.svg');
}

#body.editing .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.doc-doc {
    background-image: url('../img/doc-icon-orange.svg');
}

#body .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.xls-doc {
    background-image: url('../img/xls-icon.svg');
}

#body.editing .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.xls-doc {
    background-image: url('../img/xls-icon-orange.svg');
}

#body .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.ppt-doc {
    background-image: url('../img/ppt-icon.svg');
}

#body.editing .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.ppt-doc {
    background-image: url('../img/ppt-icon-orange.svg');
}

#body .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.txt-doc {
    background-image: url('../img/txt-icon.svg');
}

#body.editing .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.txt-doc {
    background-image: url('../img/txt-icon-orange.svg');
}

#body .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.png-doc {
    background-image: url('../img/png-icon.svg');
}

#body.editing .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.png-doc {
    background-image: url('../img/png-icon-orange.svg');
}

#body .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.jpg-doc {
    background-image: url('../img/jpg-icon.svg');
}

#body.editing .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.jpg-doc {
    background-image: url('../img/jpg-icon-orange.svg');
}

#body .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.svg-doc {
    background-image: url('../img/svg-icon.svg');
}

#body.editing .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.svg-doc {
    background-image: url('../img/svg-icon-orange.svg');
}

#body .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.file-doc {
    background-image: url('../img/file-icon.svg');
}

#body.editing .content.right .blocs .bloc[name="attachement"] .bloc-body .bloc-item .doc.file-doc {
    background-image: url('../img/file-icon-orange.svg');
}

#body.editing .infos .thumbnail {
    cursor: pointer;
}

.change-thumbnail-view {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;
}

.change-thumbnail-view .bg {
    height: 100%;
    width: 100%;
    background-color: rgba(41,55,80,.50);
}

.change-thumbnail-view .change-thumbnail {
    height: 100%;
    width: 100%;
}

.change-thumbnail-view .change-thumbnail form {
    background-color: white;
    position: absolute;
    top: calc(50% - 90px);
    left: calc(50% - 400px);
    width: 800px;
    border-radius: 5px;
}

.change-thumbnail-view .change-thumbnail form input[type="text"] {
    height: 40px;
    width: 500px;
    background-color: #EEE;
    color: #777;
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid #C7C7C7;
    display: block;
    margin: 10px;
    padding: 10px;
    box-sizing: border-box;
}

.change-thumbnail-view .change-thumbnail form input[type="text"].error {
    color: #DC2F3D;
    border: 1px solid #DC2F3D;
    text-transform: initial;
}

.change-thumbnail-view .change-thumbnail form button {
    height: 40px;
    width: 130px;
    border: none;
    position: absolute;
    top: 10px;
    font-size: 14px;
    text-transform: uppercase;
}

.change-thumbnail-view .change-thumbnail form button.ok {
    background-color: #249BEE;
    right: 150px;
    color: white;
}

.change-thumbnail-view .change-thumbnail form button.cancel {
    background-color: #C7C7C7;
    right: 10px;
    color: white;
}

.insert-widgets-container {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;
}

.insert-widgets-container .bg {
    height: 100%;
    width: 100%;
    background-color: rgba(41,55,80,.50);
}

.insert-widgets form {
    width: 400px;
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -225px;
    border: 1px solid #eee;
    border-radius: 2px;
    padding: 25px;
    background-color: #EEE;
    box-shadow: 0px 0px 5px #555;
    font-size: 15px;
    color: #777;
}

.insert-widgets form h1 {
    font-size: 16px;
    color: #777;
    line-height: 20px;
    margin: 0px;
    margin-bottom: 10px;
}

.insert-widgets form label {
    font-size: 15px;
    color: #777;
    line-height: 20px;
    padding-left: 15px;
}

.insert-widgets form input[type="text"] {
    font-size: 15px;
    margin-right: 5px;
    padding: 2px 5px;
    color: #777;
    width: 50px;
}

.insert-widgets form button {
    font-size: 15px;
    padding: 5px 10px;
    color: white;
    border-radius: 2px;
    margin-left: 5px;
    position: relative;
    top: 15px;
    left: 195px;
    text-transform: uppercase;
}

.insert-widgets form button.apply {
    background-color: #249BEE;
}

.widget-wizard-container {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;
}

.widget-wizard-container .bg {
    height: 100%;
    width: 100%;
    background-color: rgba(41,55,80,.50);
}

.widget-wizard form {
    width: 400px;
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -225px;
    border: 1px solid #eee;
    border-radius: 2px;
    padding: 25px;
    background-color: #EEE;
    box-shadow: 0px 0px 5px #555;
    font-size: 15px;
    color: #777;
}

.widget-wizard form h1 {
    font-size: 16px;
    color: #777;
    line-height: 20px;
    margin: 0px;
    margin-bottom: 10px;
}

.widget-wizard form label {
    font-size: 15px;
    color: #777;
    line-height: 20px;
    padding-left: 15px;
}

.widget-wizard form input[type="text"] {
    font-size: 15px;
    margin-right: 5px;
    padding: 2px 5px;
    color: #777;
    width: 50px;
}

.widget-wizard form button {
    font-size: 15px;
    padding: 5px 10px;
    color: white;
    border-radius: 2px;
    margin-left: 5px;
    text-transform: uppercase;
}

.widget-wizard form button.apply,
.widget-wizard form button.cancel {
    position: relative;
    top: 15px;
    left: 195px;
}

.widget-wizard form button.apply {
    background-color: #249BEE;
}

.widget-wizard form button.cancel {
    background-color: #B0B0B0;
}

.widget-wizard form .widget-content {
    height: 300px;
    width: 100%;
    margin: 10px 0px;
}


.widget-wizard form .widget-content .widget-body {
    height: 300px;
    width: 100%;
    background-color: white;
    padding-top: 2px;
    box-shadow: inset 0px 0px 4px;
    border: 1px solid #aaa;
    overflow: auto;
    display: none;
}

.widget-wizard form .widget-content .widget-body .widget-item {
    position: relative;
    border: 1px solid #ddd;
    margin: 5px;
    border-radius: 2px;
    background-color: #eee;
    padding: 5px;
    padding-bottom: 30px;
}

.widget-wizard form .widget-content .widget-body .widget-item textarea {
    height: 75px;
    width: calc(100% - 18px);
    display: block;
    margin: auto;
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 5px;
}

.widget-wizard form .widget-content .widget-body .widget-item input[type="text"] {
    width: calc(100% - 20px);
    margin: 5px auto;
    font-size: 12px;
    display: block;
}

.widget-wizard form .widget-content .widget-body .widget-item label {
    padding-left: 0px;
    font-size: 12px;
    color: #AAA;
    text-transform: uppercase;
    margin: 0px 5px;
    margin-left: 5px;
}

.widget-wizard form .widget-content .widget-body .widget-item select[name="widget-item-media-type"] {
    font-size: 15px;
    text-transform: uppercase;
}

.widget-wizard form .widget-content .widget-body .widget-item button {
    display: block;
    width: 100px;
    font-size: 12px;
    padding: 2px 5px;
    height: 20px;
    position: absolute;
    bottom: 8px;
    right: 8px;
}


.widget-wizard form .widget-content .widget-body .widget-item button.add-widget-item {
    background-color: #249BEE;
}

.widget-wizard form .widget-content .widget-body .widget-item button.delete-widget-item {
    background-color: #B0B0B0;
}

.widget-wizard form .widget-content .widget-body .widget-item button.delete-widget-item:hover {
    background-color: #DD4743;
}

body.cke_editable table.widgets-container {
    border: none;
    width: 100%;
}

body.cke_editable table.widgets-container td {
    border: none !important;
}

body.cke_editable .widget-container {
    position: relative;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 2px dashed #777;
    margin: 5px;
}

body.cke_editable .widget-container .widget {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    background-color: #A0A0A0;
    background-image: url('/img/edit-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    border-radius: 50%;
    cursor: pointer;
}

body.cke_editable .widget-container .widget:hover {
    background-color: #249BEE;
}

body.cke_editable table.hdisp100 td {
    width: 100%;
}

body.cke_editable table.hdisp50 td {
    width: 50%;
}

body.cke_editable table.hdisp66 td:nth-child(1) {
    width: 66%;
}

body.cke_editable table.hdisp66 td:nth-child(2) {
    width: 33%;
}

body.cke_editable table.hdisp33 td:nth-child(1) {
    width: 33%;
}

body.cke_editable table.hdisp33 td:nth-child(2) {
    width: 66%;
}

body.cke_editable .widget-container button.remove-widget {
    height: 16px;
    width: 16px;
    border: none;
    background-color: #A0A0A0;
    background-image: url('/img/close.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    border-radius: 2px;
    position: absolute;
    top:5px;
    right: 5px;
    cursor: pointer;
}

body.cke_editable .widget-container button.remove-widget:hover {
    background-color: #DD4743;
}