#page {
    /*
	margin-top: 80px;
    */
    position: relative;
    width:100%;
    background-image: url(../images/bg01_b.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: cover;
    background-position:right top;
    transition: width 0.5s;
}
.screen-view #page{
    background-image: none;
    background-repeat: unset;
    background-size: unset;
    background-size: unset;
    background-position: unset;
    background: white;
}

/* overwrites */
#page.container {
    width: 100%;
    height: calc(100% - 2.5em);
}
.container:not(#wizard-container .container) {
    padding-right: unset;
    padding-left: unset;
    margin-right: unset;
    margin-left: unset;
}

h3:not(#wizard-container h3) {
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
@import url(print.css) print;

@font-face {
    font-family: Lato-Regular;
    src: url('Lato-Regular.ttf');
}
@font-face {
    font-family: Lato-Black;
    src: url('Lato-Black.ttf');
}
@font-face {
    font-family: Lato-Heavy;
    src: url('Lato-Heavy.ttf');
}

html,
body {
    height: 100%;
    width:100%;
    padding: 0;
    margin: 0;
	font-family: Lato-Regular !important;
	font-size: 17px !important;
    line-height: normal !important;
	letter-spacing:0.01em;

	overflow: hidden;

    cursor:default;


    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /*background-image: url(../images/bg01_b.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
    background-size: cover;
    background-position:right top;*/

}
/*body.screen-view {
    background-image: none;
    background-repeat: unset;
    background-attachment: unset;
    background-size: unset;
    background-size: unset;
    background-position: unset;
    background: white;
}*/

input:focus::placeholder{
    color:transparent;
}

.navigation_bar {
    position: relative;
    /*min-height: 3.5em;*/
    height:2.5em;
    border: 1px solid transparent;
    background-color: #fff;
    /*
    4a4a4a
    border-color: #080808;
    */
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.4);
    position: relative;
    z-index:9999;

    top: 0;
    border-width: 0 0 1px;
}
.publish_block {
    text-align:center;
    /*
    display: flex;
    align-items: center;
    justify-content: center;
    */

}
.publish_block div {
    display:inline-block;
    height:2.5em;
    width:3em;
}
.publish_block .publish_desktop, .publish_block .publish_laptop {
    width:4em;
}
.publish_block .publish_desktop, .publish_block .publish_laptop, .publish_block .publish_tablet_portrait, .publish_block .publish_tablet_landscape, .publish_block .publish_mobile_portrait, .publish_block .publish_mobile_landscape {
    position:relative;
}
.publish_icon {
    background-repeat: no-repeat;
    background-size: 2em 2em;
    position:absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-35%);
    -moz-transform: translateX(-50%) translateY(-35%);
    -ms-transform: translateX(-50%) translateY(-35%);
    transform: translateX(-50%) translateY(-35%);
    cursor: pointer;
}


.publish_block .publish_desktop .publish_icon.active div {
    position: absolute;
    top: -0.5em;
    left: -0.95em;
    /*padding: 0 0.7em;*/
    padding: 0 0.7em 0.25em;
    /*
    background: rgba(0,0,0,0.25);
    */

    /*
    background: #acb9f0;
    height: 0.25em;
    left: -0.55em;
    padding: 0 0.25em;

    background: rgba(172,185,240,0.2);
    left: -0.55em;
    padding: 0 0.25em;
    border-top:3px solid rgba(0,0,0,0.8);
    background: rgba(78,189,118,0.1);
    */

    background: rgba(0,0,0,0.05);
}
.publish_block .publish_desktop .publish_icon {
    background-size: 2.5em 2em;
    background-image: url(../images/icon-publish-monitor.svg);
}
.publish_block .publish_laptop .publish_icon.active div{
    background: rgba(0,0,0,0.05);
    position: absolute;
    top: -0.5em;
    left: -0.8em;
    padding: 0 0.5em;

    /*
    background: #acb9f0;
    height: 0.25em;
    left: -0.55em;
    padding: 0 0.25em;

    background: rgba(172,185,240,0.2);
    border-top:3px solid rgba(0,0,0,0.8);
    */

}
.publish_block .publish_laptop .publish_icon {
    background-size: 2.5em 2em;
    background-image: url(../images/icon-publish-laptop.svg);
}
.publish_block .publish_tablet_portrait .publish_icon.active div{
    background: rgba(0,0,0,0.05);
    position: absolute;
    top: -0.5em;
    left: -0.6em;
    padding: 0 0.1em;

    /*
    height: 0.15em;
    bottom: .5em;
    left: -0.5em;
    padding: 0 0em;

    background: rgba(172,185,240,1);
    */
}
.publish_block .publish_tablet_portrait .publish_icon {
    background-image: url(../images/icon-publish-tablet-portrait.svg);
}
.publish_block .publish_tablet_landscape .publish_icon.active div{
    background: rgba(172,185,240,0.2);
    position: absolute;
    top: -0.5em;
    left: -0.7em;
    padding: 0 0.2em;

    background: rgba(0,0,0,0.05);
}
.publish_block .publish_tablet_landscape .publish_icon {
    background-image: url(../images/icon-publish-tablet-landscape.svg);
}
.publish_block .publish_mobile_portrait .publish_icon.active div{
    background: rgba(0,0,0,0.05);
    position: absolute;
    top: -0.6em;
    left: -0.6em;
    padding: 0 0;

    background: rgba(0,0,0,0.05);
}
.publish_block .publish_mobile_portrait .publish_icon  {
    margin-top:0.15em;
    background-size: 1.7em 1.7em;
    background-image: url(../images/icon-publish-mobile-portrait.svg);
}
.publish_block .publish_mobile_landscape .publish_icon.active div{
    background: rgba(0,0,0,0.05);
    position: absolute;
    top: -0.6em;
    left: -0.85em;
    padding: 0 0.2em;

    background: rgba(0,0,0,0.05);;
}
.publish_block .publish_mobile_landscape .publish_icon {
    margin-top:0.15em;
    background-size: 1.7em 1.7em;
    background-image: url(../images/icon-publish-mobile-landscape.svg);
}
.navbar-header, .collapse.navbar-collapse {
    display:inline-block;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav li {
     float: left;
     margin-left:1em;
}
.nav li a {
    color:#fff;
}
.nav li.stepDisabled {
    background-color: #fff;
    opacity:0.3;
}
.notes-dialog-prompt-container{display: none;}
.screen-view .notes-dialog-prompt-container {
    display: inline-block;
    /*position: absolute;*/
    right: 2.75em;
    border: 0px solid rgba(255,255,255,0.1);
    background: rgba(143,172,238,0.8);
    padding: 0.27em 2em;
    margin-left:1em;
    top:15%;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    opacity: 1;
}
.notes-dialog-prompt-title, .notes-dialog-prompt-check{display: inline-block;}

.notes-dialog-prompt-check{
    padding: 0;
    margin: 0;
    font-size: 1em;
    /*vertical-align: bottom;*/
}

.notes-dialog-prompt-title {
    /*vertical-align: top;*/
}
.left-action-block {
    display: inline-block;
    position: absolute;
    left:2em;
    top:0.5em;
}
.right-action-block {
    display: inline-block;
    position: absolute;
    right:2em;
    top:0.5em;
}
.left-action-button, .right-action-button {
    display: inline-block;
    cursor:pointer;
    margin-left: 1em;
    border: 0px solid rgba(255,255,255,0.1);
    background: rgba(143,172,238,0.8);
    padding: 0.5em 2em;
    top:15%;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    opacity: 1;
}
.module-list .left-action-block {
    display: none;
}

/**************************************************************************/
/* Publish */
/**************************************************************************/

#publishContainer {
    width:100%;
    height:100%;
}
#publishContainer.desktop {
    width:100%;
    height:100%;
}
#publishContainer.laptop {
    width:1366px;
    height:768px;
    position:absolute;
    top: 51%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#publishContainer iframe{
    background:#fff;
}
#publishContainer.laptop iframe {
    /*
    border-top:30px solid rgba(0,0,0,0.7);
    border-bottom:30px solid rgba(0,0,0,0.7);
    border-left:30px solid rgba(0,0,0,0.7);
    border-right:30px solid rgba(0,0,0,0.7);
    */
    border-top:30px solid rgba(221,221,221,0.7);
    border-bottom:30px solid rgba(221,221,221,0.7);
    border-left:30px solid rgba(221,221,221,0.7);
    border-right:30px solid rgba(221,221,221,0.7);

    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
}

#publishContainer.tablet_portrait {
    /* ipad */
    width:768px;
    height:1024px;
    position:absolute;
    top: 51%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#publishContainer.tablet_portrait iframe {
    border-top:30px solid rgba(221,221,221,0.7);
    border-bottom:30px solid rgba(221,221,221,0.7);
    border-left:30px solid rgba(221,221,221,0.7);
    border-right:30px solid rgba(221,221,221,0.7);

    -webkit-border-radius:35px;
    -moz-border-radius:35px;
    border-radius:35px;
    background:#fff;
}
#publishContainer.tablet_landscape {
    /* ipad */
    width:1024px;
    height:768px;
    position:absolute;
    top: 51%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /*
    width:768px;
    height:1024px;
    transform: rotate(90deg);
    -webkit-transition:all ease 100ms;
    -moz-transition:all ease 100ms;
    -o-transition:all ease 100ms;
    transition:all ease 100ms;
    */
}
#publishContainer.tablet_landscape iframe {
    border-left:30px solid rgba(221,221,221,0.5);
    border-right:30px solid rgba(221,221,221,0.5);
    border-top:30px solid rgba(221,221,221,0.5);
    border-bottom:30px solid rgba(221,221,221,0.5);

    -webkit-border-radius:35px;
    -moz-border-radius:35px;
    border-radius:35px;
    background:#fff;
}
#publishContainer.mobile_portrait {
    /* iphone X */
    width:375px;
    height:812px;
    /* iphone 6/7/8 */
    width:375px;
    height:667px;
    position:absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);


}
#publishContainer.mobile_portrait iframe {
    border-top:78px solid rgba(221,221,221,0.7);
    border-bottom:78px solid rgba(221,221,221,0.7);
    border-left:10px solid rgba(221,221,221,0.7);
    border-right:10px solid rgba(221,221,221,0.7);

    -webkit-border-radius:35px;
    -moz-border-radius:35px;
    border-radius:35px;
    background:#fff;
}
#publishContainer.mobile_landscape {
    /* iphone 6/7/8 */
    width:667px;
    height:375px;
    position:absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-45%);
    -moz-transform: translateX(-50%) translateY(-45%);
    -ms-transform: translateX(-50%) translateY(-45%);
    transform: translateX(-50%) translateY(-45%);
}
#publishContainer.mobile_landscape iframe {
    border-left:74px solid rgba(221,221,221,0.5);
    border-right:74px solid rgba(221,221,221,0.5);
    border-top:10px solid rgba(221,221,221,0.5);
    border-bottom:10px solid rgba(221,221,221,0.5);
    -webkit-border-radius:35px;
    -moz-border-radius:35px;
    border-radius:35px;
    background:#fff;
}
#actions_block {
    display:inline-block;
    position:absolute;
    left:2em;
    top:20%;
    z-index:100;
}
#actions_block .btn, .actions_block .btn {
    border:0px solid rgba(255,255,255,0.1);
    background:rgba(143,172,238,0.8);
    cursor:pointer;
    padding:0.5em 2em;
    font-size: 0.7em;
    text-transform:uppercase;
    letter-spacing: 2px;
    color:#fff;
    opacity:1;
    filter:alpha(opacity=1);
}
#magnification_block {
    display:inline-block;
    position:absolute;
    /*
    top:-1.2em;
    */
    right:2em;
    z-index:100;
}
select#magnification {
    border-width:0px;

    position: relative;
    top: 0.75em;
}
#publishMagnification {
    transform: scale(1);
    width:100%;
    height:100%;
}
#publishMagnification._125 {
    transform: scale(1.25);
}
#publishMagnification._100 {
    transform: scale(1);
}
#publishMagnification._75 {
    transform: scale(0.75);
}
#publishMagnification._50 {
    transform: scale(0.5);
}
#publishMagnification iframe {

    /*-webkit-filter: drop-shadow( 3px 2px 3px rgba(0, 0, 0, 0.5));
    filter: drop-shadow( 3px 2px 3px rgba(0, 0, 0, 0.5));*/
    /*
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;
    */
    -moz-box-shadow:    5px 5px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow:         5px 5px 5px rgba(0, 0, 0, 0.5);

}
/**************************************************************************/
/* TOOLBOX */
/**************************************************************************/
textarea, select {font-family: Lato-Regular; font-size: 17px; padding:1%; resize: none; }
textarea:focus, select:focus { outline: none;}
.black {font-family: Lato-Black;}
.heavy {font-family: Lato-Heavy;}
.underline {text-decoration:underline;}
.disable {display:none;}
.visible {display:inline;}
.uppercase {text-transform:uppercase;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.block {display:block;}
.inline {display:inline-block;}
.inline-flex {display: inline-flex;}
.clear {display:none;}
.middle {vertical-align: middle;}
.editable-text{cursor: text;}
.editable .editable-area{cursor: text;}
div.editable-area, div.editable-area p{display: inline;}
.pointer {cursor: pointer;}
.relative {position: relative;}
.disabled{pointer-events: none; cursor: none;
    opacity:0.2 !important;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)' !important;
    filter: alpha(opacity=2)!important;
    -khtml-opacity: 0.2!important;
    -moz-opacity:20!important;
}
.invisible {
    pointer-events: none;
    cursor: none;
    opacity: 0 !important;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)' !important;
    filter: alpha(opacity=0)!important;
    -khtml-opacity: 0!important;
    -moz-opacity: 0!important;
}
.off {
    opacity:0.2 !important;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)' !important;
    filter: alpha(opacity=2)!important;
    -khtml-opacity: 0.2!important;
    -moz-opacity:20!important;
}
.disableWizardOption {
    pointer-events: none;
    cursor: none;
    opacity:0.5 !important;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)' !important;
    filter: alpha(opacity=5)!important;
    -khtml-opacity: 0.5!important;
    -moz-opacity:50!important;
}
.center {text-align: center; }
.menu-disabled{cursor: none;
opacity:0.2;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
filter: alpha(opacity=20);
-khtml-opacity: 0.2;
-moz-opacity:20;
}
.align-right {text-align:right; float:right;}
.align-center {text-align:center; margin-left:auto; margin-right:auto;}
.align-left {text-align:left;}
.imgContainer {display:block;} /* max-width:100%; max-height: 80vh; margin-bottom:-3px; */
.img {position:relative;}
.img-has-border {margin:1.5em 2.5em 0em 0em;}
#lock {display:none; position:absolute; z-index:1000; height:100%; width:100%; background-color:rgba(0, 0, 0, 0.5)}
.thumbnailTitle {margin-left:1em; font-style:italic;} /*float:right; vertical-align:bottom;*/
img.image-thumbnail{cursor:pointer;}
.focus {position:relative;}
.imgElement {max-width:100%; max-height: 100%; display: block;}
.imgTransparent {opacity: 0.0; filter: alpha(opacity=0);}
.pointerNone {
    cursor: default;
    pointer-events: none;
}
.pointerAuto {
    pointer-events: auto;
}
.top-margin-1 {
    margin-top:1em;
}
.bottom-margin-1 {
    margin-bottom:1em;
}
.left-margin-1 {
    margin-left:1em;
}
.right-margin-1 {
    margin-right:1em;
}
.disabled_10 {
    opacity:0.1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)';
    filter: alpha(opacity=10);
    -khtml-opacity: 0.1;
    pointer-events: none;
}
.disabled {
    opacity:0.3;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    pointer-events: none;
}
.disabled_40 {
    opacity:0.4;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
    filter: alpha(opacity=40);
    -khtml-opacity: 0.4;
    pointer-events: none;
}
.disabled_50 {
    opacity:0.5;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    pointer-events: none;
}
.transition1 {
    -webkit-transition:all ease 100ms;
    -moz-transition:all ease 100ms;
    -o-transition:all ease 100ms;
    transition:all ease 100ms;
}
.transition2 {
    -webkit-transition:all ease 200ms;
    -moz-transition:all ease 200ms;
    -o-transition:all ease 200ms;
    transition:all ease 200ms;
}
.transition3 {
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.transition4 {
    -webkit-transition:all ease 400ms;
    -moz-transition:all ease 400ms;
    -o-transition:all ease 400ms;
    transition:all ease 400ms;
}
.noPointer {
    pointer-events: none;
}
.deg-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.deg-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.deg-270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.divTable{
    display: table;
    width: 100%;
}
.divTableRow {
    display: table-row;
    padding-left:40px;
}
.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}
.divTableCell, .divTableHead {
    display: table-cell;
    padding: 5px 10px;
}
.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}
.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}
.divTableBody {
    display: table-row-group;
}

/* Links */

/* inputs */
textarea:focus, input:focus{
    outline: none;
}
*:focus {
    outline: none;
}

input.inline-edit{
  border: none;
  padding: 0;
  margin: 0;

  /* Inherit the parent element's typography */
  font: inherit;
  color: inherit;
  line-height: inherit;
  font-size: inherit;
  text-align: inherit;

  /* Seems to help alignment in headers */
  vertical-align: top;
}

/* Add interaction cues on hover and focus */
input.inline-edit:hover,
input.inline-edit:focus{
}


/**************************************************************************/
/* Lists */
/**************************************************************************/
.tree {list-style: none; padding-left:1em; margin-left:-1em;}
.tree .tree-parent {margin:0.2em 0em 0.2em 0em; list-style: none;}

.tree-parent-item:before{
    content: "";
    width: 0;
	height: 0;
	border-right: 7px solid transparent;
	border-top: 10px solid #fff;
	border-left: 7px solid transparent;
	position:relative;
	top:-.1em;
	display:inline-block;
    margin-right:0.25em;
    /*
    content: "";
    display:inline-block;
    width:0.75em;
    height:0.75em;
    background-size: 0.75em 0.75em;
    background-image: url(/html5/images/arrow-icon.svg);
    background-repeat: no-repeat;
    transform: rotate(0deg);
    z-index:999;
    position:relative;
    left:0em;
    margin-right:0.5em;
    */
    /*
	content: '\25BA';
    width:20px;
    height:20px;
	margin-right:0.5em;
    */
}
.tree-parent-item.expand:before {
    content: "";
    width: 0;
	height: 0;
    border-top: 7px solid transparent;
	border-left: 10px solid #fff;
	border-bottom: 7px solid transparent;

	position:relative;
	top:0em;
    left:0.2em;
	display:inline-block;
    margin-right:0.2em;

    /*
    content: "";
    display:inline-block;
    width:0.75em;
    height:0.75em;
    background-size: 0.75em 0.75em;
    background-image: url(/html5/images/arrow-icon.svg);
    background-repeat: no-repeat;
    transform: rotate(90deg);
    z-index:999;
    position:relative;
    left:0em;
    margin-right:0.5em;
    */

    /*
    content: "\25BC";
    width:20px;
    height:20px;
    margin-right:0.5em;
    */
}



.tree-parent-item span {}

/*
.tree-parent-item.selected:before {
	content: "\25BC";
    width:20px;
    height:20px;
	margin-right:0.5em;
}
.tree-parent-item.selected.minimized:before {
    content: "\25BA";
    width:20px;
    height:20px;
    margin-right:0.5em;
}
*/
.tree .tree-parent .tree-child {margin:0.2em -0.5em 0.2em 1.2em; list-style: none; }
.tree .tree-parent .tree-child.selected:before {
	content: "\25CF";
	width:20px;
	height:20px;
	margin:0em 0.6em 0em -1.2em;
	color:#fff;

}
.tree .tree-parent .tree-child.selected a {font-family: Lato-Heavy; font-style:italic;}


#contents-splitview .tree .tree-parent .tree-child {display:block; text-indent:-0em; margin-left:0em;  list-style: none; }
#contents-splitview .tree .tree-parent .tree-child.selected {
display:block; text-indent:-0.4em; margin-left:0em;  list-style: none;
}

/**************************************************************************/
/* BUTTONS & ICONS */
/**************************************************************************/
a:link {color:#000;}
/*a:visited, a:active {color:#000;}*/
/*a:hover{color:#000;}*/


a.Btn:link {}
a.Btn:visited, a.Btn:active {}
a.Btn:hover{}

#triangle-large {
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-left: 13px solid #fff;
	border-bottom: 9px solid transparent;
	position:relative;
	top:-0.15em;
	cursor:pointer;
}

/* circle arrow */
a:hover .left-arrow, a:hover .top, a:hover .bottom, a:hover .right{
opacity:0.5;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity:50;
}

a:hover .left-arrow:after, a:hover .top:after, a:hover .bottom:after, a:hover .right:after {
opacity:0.9;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
filter: alpha(opacity=90);
-khtml-opacity: 0.9;
-moz-opacity:90;
}

.left-arrow {
    font-size:17px;
    display: inline-block;
    position:relative;
    top:-0.45em;
    width: 1.3em;
    height: 1.3em;
    border: 0.13em solid #fff;
    border-radius: 50%;
    margin-left: 1em;
}

.left-arrow:after{
    content: '';
    display: inline-block;
    position:relative;
    top: -0.125em;
    left: 0.49em;
    width: 0.35em;
    height: 0.35em;
    border-top: 0.13em solid #fff;
    border-right: 0.13em solid #fff;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.right-arrow{
    font-size:17px;
    display: inline-block;
    position:relative;
    top:-0.45em;
    width: 1.3em;
    height: 1.3em;
    border: 0.13em solid #fff;
    border-radius: 50%;
    margin-left: 1.2em;
}

.right-arrow:after{
  content: '';
  display: inline-block;
  position:relative;
  top: -0.125em;
  left: 0.29em;
  width: 0.35em;
  height: 0.35em;
  border-top: 0.13em solid #fff;
  border-right: 0.13em solid #fff;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.previous:hover{

}
/*, a:hover .rightHome*/

a:hover .leftInverted, a:hover .rightInverted{
border: 0.15em solid #6c6c6c;
}
a:hover .leftInverted:after{
border-right: 13px solid #6c6c6c;
}
a:hover .rightInverted:after {
border-left: 13px solid #6c6c6c;
}

a:hover .rightHome:after {
border-left: 13px solid #6c6c6c;
}

.leftInverted, .rightInverted {
    cursor:pointer;
    display: inline-block;
    position:relative;
    top:-0.06em;
    width: 1.7em;
    height: 1.7em;
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    margin-right: 0.2em;
    /* new */
    font-size:20px;
    border: 0.15em solid #a6a6a6;
}
.rightInverted {
    margin-right: 0em;
    margin-left: 0.2em;
}

.leftInverted:after {
    content: '';
    display: inline-block;
    position:relative;
    top: 0.25em;
    left: 0.35em;
    width: 0.05em;
    height: 0.05em;
    border-top: 9px solid transparent;
    border-right: 13px solid #a6a6a6;
    border-bottom: 9px solid transparent;
    /* new */
    top: 0.3em;
}

.rightInverted:after {
    content: '';
    display: inline-block;
    position:relative;
    top: 0.25em;
    left: -0.35em;
    width: 0.05em;
    height: 0.05em;
    border-top: 9px solid transparent;
    border-left: 13px solid #a6a6a6;
    border-bottom: 9px solid transparent;
    /* new */
    top: 0.3em;
}

.rightHome {
    display: inline-block;
    position:relative;
    top:-0.06em;
    width: 2.5em;
    height: 2.5em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    */
    margin-left: 0.2em;

    background: url(../images/home.svg);
    background-repeat: no-repeat;
    /*
    width: 40px;
    height: 40px;
    display:block;
    background-repeat: no-repeat;
    */

}
a:hover .rightHome {
    background: url(../images/home_dark.svg);
    background-repeat: no-repeat;
    /*
    width: 40px;
    height: 40px;
    display:block;
    background-repeat: no-repeat;
    */
}


/**************************************************************************/
/* CUSTOM SCROLL */
/**************************************************************************/
.scroll {}
.scroll-content {
    /*
    position:relative;
	width:100%;
	height:92%;
    */
	padding:1em 0em 0em 2em;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
     overflow:hidden;

}

/**************************************************************************/
/* GLOBAL */
/**************************************************************************/
#menu-header { height:3em;  position:relative; z-index:10;}
.menu-block {position:relative; z-index:10; width:100%; padding-top:0.8em;}
#menu-block-header {position:relative; z-index:201; top:-0.3em; left:0.7em; font-size:19px;}
#menu-block-header-title {white-space: nowrap; cursor:default;}

#documentViewer.splitView {
    z-index:9;
}
.documentviewerTitleBlock {
    display:none;
    width: 100%; /*margin:0.5em 0em;*/
}
#block-right .documentviewerTitleBlock {
    margin:0em;
}

#test-menu {display:none;}


/**************************************************************************/
/* MODULE LIST */
/**************************************************************************/
#moduleListWrapper {
    position: relative;
    /*top:3.6em;*/
    padding:0% 15%;
    top: 0em;
    left: 0em;
    height: 100%;
    overflow: auto;
}
.curriculum-actions-container {
    width: auto;
    position: absolute;
    right: 15%;
    top: 1em;
    z-index: 2;
}
#CurriculumHeaderLabel {
    width:100%;
    display:block;
    position:relative;
    z-index:1;
    border-bottom:1px solid #ddd;
    margin-bottom:1em;
    padding-top: 3em;
}
#CurriculumHeaderLabel h3 {
    display:inline-block;
    max-width: 6em;
}
/*.curriculum-actions {
    position: relative;
    top: 1.75em;
    width: 100%;
    z-index:99;
    text-align: center;
}
.curriculum-action-button {
    border-radius: 0.25em;
    width: fit-content;
    background-color: #30466c;
    color: white;
    cursor: pointer;
    font-weight: bold;
    padding: 0.5em 0.75em;
    text-align: center;
    margin-top: -0.5em;
    margin-left: 1em;
    vertical-align: middle;
    font-size: smaller;
    text-transform: uppercase;
    display: inline-block;
}*/
.curriculum-actions {
    display: inline-block;
    vertical-align: sub;
    margin-right: 1em;
}
.curriculum-actions .icon_action_add{
    margin-left:1em;
    position: relative;
    display: inline-block;
    opacity:0.2;
    width: 2em;
    height: 2em;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:12;
    top: 0.5em;
}
.curriculum-actions .icon_action_delete{
    margin-left:1em;
    position: relative;
    display: inline-block;
    opacity:0.2;
    width: 2em;
    height: 2em;
    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:12;
    top: 0.5em;
}
.icon_action_add:hover, .icon_action_delete:hover{
    opacity:1 !important;
}
.curriculum-list {
    /*
    color:#3a64c3;
    text-transform: uppercase;
    */
    color:rgba(0,0,0,0.8);
    font-size:1.17rem;
    margin-left:0.5em;

}
.curriculum-list select{
    /*
    color:#3a64c3;
    text-transform: uppercase;
    font-size: 1.1rem;
    padding: 0.05em 0.4em 0.05em 0.4em;
    */
    color:rgba(0,0,0,0.8);
    background:transparent;
    font-size:1.17rem;
    padding:0.25em 0.4em 0.25em 0em;
    border-top:0px;
    border-right:0px;
    border-left:0px;
    border-bottom:0px ;
    max-width:calc(100% - 7em);
    /*

    */
}
#ModuleHeaderLabel {
    width:100%;
    display:block;
    /*
    position:relative;
    z-index:1;
    border-bottom:1px solid #ddd;
    margin-bottom:1em;
    padding-top: 2em;
    */
}
.tocModuleActions {
    position: absolute;
    width: auto;
    right: 0;
    top: 1.5em;
    z-index: 2;
}
.highLevelContainer {
    display: inline-block;
}
.highLevelSettings {
    display: inline-block;
    position:relative;
    /*position:absolute;
    right:0em;*/
    height: 1.5em;
    min-height: 1.5em;
    /*top:3em;*/
    border: 1px solid #7f7f7f;
    background-color:#fff;
    border-radius: 1em;
    /*margin-left: 0em 0.2em;*/
    padding:0em 1em;
    background-repeat: no-repeat;
    cursor:pointer;
}
.highLevelSettings span {
    font-size:0.8em;
    position:relative;
    top:0em;
}
.ModuleList {
    column-width: 100%;
    -moz-column-width: 100%;
    -webkit-column-width: 100%;
}
.ModuleList.fullView {
    column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
}
.ModuleList.splitView {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
}
.ModuleListBlock {
    width:100%;
    display:inline-block;
    padding-bottom:1em;
}
.ModuleListItemBlock {
     margin-bottom:0.5em;
}
.ModuleList_Category{
    display:table;
    width:100%;
    background-color:rgba(38,41,53,0.1);
    margin:0.25em 0em 0em 0em;
}
.ModuleList_Category .ModuleList_Category_Users .symbol, .ModuleList_Category .ModuleList_Category_Languages .symbol, .ModuleList_Category .ModuleList_Category_Tasks .symbol, .ModuleList_Category .ModuleList_Category_Comments .symbol {
    position:relative;
    background-repeat: no-repeat;
    background-size: contain;
    width:1.2em;
    height:1.2em;
    margin:0 auto;
    top:0.25em;
}
.ModuleList_Category .symbol {
    display:block;
    position:relative;
}
.module-nav-item {
    text-decoration: underline;
    cursor: pointer;
    color: black;
}

.birds.course .type {
    opacity:0.5;
    border-radius: 0;
    background-repeat: no-repeat;
    margin:0em 0.45em;
    width:1.1em;
    height:1.1em;
}
.birds.course .type.users {
    background-image: url(../images/icon-users.svg);
}
.birds.course .type.users.active {
    background-image: url(../images/icon-users-active.svg);
}
.birds.course .type.languages {
    background-image: url(../images/icon-languages.svg);
}
.birds.course .type.languages.active {
    background-image: url(../images/icon-languages-active.svg);
}
.birds.course .type.tasks {
    background-image: url(../images/icon-tasks.svg);
}
.birds.course .type.tasks.active {
    background-image: url(../images/icon-tasks-active.svg);
}
.birds.course .type.comments {
    background-image: url(../images/icon-comments.svg);
}
.birds.course .type.comments.active {
    background-image: url(../images/icon-comments-active.svg);
}

.screenItem.module .birds .type {
    width:1.4em;
    height:1.4em;
    border-radius: 0;
    text-align:center;
    cursor: pointer;
    margin:0em 0.4em;
    font-size:0.9rem;
    opacity:0.3;
}
.screenItem.module .birds .type.active {
    opacity:1;
}

.ModuleList_Category .ModuleList_Category_Users.disabled .symbol {
    background-image: url(../images/icon-users.svg);
}
.ModuleList_Category .ModuleList_Category_Users.active .symbol {
    background-image: url(../images/icon-users-active.svg);
}

.ModuleList_Category .ModuleList_Category_Languages.disabled .symbol {
    background-image: url(../images/icon-languages.svg);
}
.ModuleList_Category .ModuleList_Category_Languages.active .symbol {
    background-image: url(../images/icon-languages-active.svg);
}

.ModuleList_Category .ModuleList_Category_Tasks.disabled .symbol {
    background-image: url(../images/icon-tasks.svg);
}
.ModuleList_Category .ModuleList_Category_Tasks.active .symbol  {
    background-image: url(../images/icon-tasks-active.svg);
}

.ModuleList_Category .ModuleList_Category_Comments.disabled .symbol {
    background-image: url(../images/icon-comments.svg);
}
.ModuleList_Category .ModuleList_Category_Comments.active .symbol {
    background-image: url(../images/icon-comments-active.svg);
}
.ModuleList_Category_Controller {
    display:table-cell;
    width:3%;
    text-align:center;
    background-color:rgba(0,0,0,0.05);
}
.ModuleList_Category_Controller:hover {
    background-color:rgba(0,0,0,0.2);
}
.ModuleList_Category_Spacer {
    display:table-cell;
    width:1%;
}
.ModuleList_Category_Controller .icon-collapse, .ModuleHeader_Category_Controller .icon-collapse{
    position:relative;
    background-repeat: no-repeat;
    background-size: contain;
    /*
    width:1.1em;
    height:1.1em;
    */
    width:0.7em;
    height:0.7em;

    background-image: url(../images/icon-course-min.svg);
    margin:0 auto;
    /*
    top:0.15em;
    left:0.1em;
    */

    /*
    position:relative;
    background-repeat: no-repeat;
    background-size: contain;
    width:1em;
    height:1em;
    background-image: url(../images/icon-course.svg);
    margin:0 auto;
    top:0.35em;
    */
    transform: rotate(0deg);
    background-repeat: no-repeat;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

}
.ModuleList_Category_Controller .icon-expand, .ModuleHeader_Category_Controller .icon-expand{
    position:relative;
    background-repeat: no-repeat;
    background-size: contain;
    /*
    width:1.1em;
    height:1.1em;
    */
    width:0.7em;
    height:0.7em;

    background-image: url(../images/icon-course-max.svg);
    margin:0 auto;
    /*
    top:0.15em;
    left:0.1em;
    */
    /*
    position:relative;
    background-repeat: no-repeat;
    background-size: contain;
    width:1em;
    height:1em;
    background-image: url(../images/icon-expand.svg);
    margin:0 auto;
    top:0.4em;
    */
    transform: rotate(180deg);
    background-repeat: no-repeat;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

}
.ModuleHeader_Category_Controller {
    height: 2em;
    width: 3em;
    background-color: grey;
    float: right;
    top: -2em;
    right: 3em;
    position: relative;

    display:none;
}
.ModuleHeader_Category_Controller .icon-collapse, .ModuleHeader_Category_Controller .icon-expand {
    top:0.6em;
}
.ModuleList_Category_Label {
    display:table-cell;
    width:80%;
    padding:0.5em 0em 0.5em 0em;
    font-weight:bold;
}
.ModuleList_Category_Label .icon-edit, .curriculum-block .icon-edit{
    background: url(../images/icon-settings-cog.svg);
    width: 1.2em;
    height:1.2em;
    margin-left: 1em;
    color: black;
    cursor: pointer;
    display: inline-block;
    background-color: black;
    border-radius: 2em;
}

.ModuleList_Category_ItemBlock {
    padding:0em 0em 0.5em 0em;
    display:table;
    width: 100%;
}

.ModuleList_Category_Item {
    display:table-cell;
    padding: 0.5em;
    padding-left:1.8%;
    width:84%;

    border-bottom: 1px dotted #ccc;

}
.ModuleList_Category_Item_Delete, .ModuleList_Category_Delete {
    display: inline-block;
    position: relative;

    width: 1.1em;
    height: 1.1em;
    top: 0.2em;
    margin-left: 0.6em;

    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.2;
}
.ModuleList_Category_Item_Delete:hover, .ModuleList_Category_Delete:hover {
    opacity: 1;
}
.ModuleList_Category_Delete {
    left: -2.5em;
    top: 2.3em;
    height: 1.5em;
    width: 1.5em;
}
.ModuleList_Category_Users, .ModuleList_Category_Languages, .ModuleList_Category_Tasks, .ModuleList_Category_Comments, .Module_Users, .Module_Languages, .Module_Tasks, .Module_Comments {
    display: table-cell;
    text-align: center;
    width: 4%;
    border-bottom: 1px dotted #ccc;
    /*
    border-left:1px solid #ddd;
    */
}
.ModuleList_Category_Users, .ModuleList_Category_Tasks {
    /*
    background-color:rgba(221,221,221,0.2);
    */
}
.ModuleList_Category_Languages, .ModuleList_Category_Comments {
    /*
    border-right:1px solid #ddd;
    background-color:rgba(221,221,221,0.35);
    */
}
.ModuleList_Category_Item_Data {
    margin-right:0.5em;
}
.AddModuleAction, .AddCourseAction, .AddExistingModuleAction {
    display:inline-block;
    width:2.25em;
    height:2.25em;
    position:relative;
    background-image: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    background-size: contain;
    opacity:0.2;
    cursor:pointer;
    transition: all .2s ease-in-out;
    left:0em;



}
/*.AddModuleAction:hover, .AddCourseAction:hover, .AddExistingModuleAction {
    width:2.25em;
    height:2.25em;
    opacity:1;
    background-image: url(../images/icon-addElement.svg);
    transition: all .2s ease-in-out;

}*/
.AddModuleAction:hover, .AddExistingModuleAction {
    width:2.25em;
    height:2.25em;
    /*
    left:-0.25em;
    */
    opacity:1;
    background-image: url(../images/icon-addElement.svg);
    transition: all .2s ease-in-out;

}
.AddCourseAction:hover {
    opacity:1;
    background-image: url(../images/icon-addElement.svg);
    transition: all .2s ease-in-out;
}
.AddModuleAction {
    margin:0.5em 0em 2em 0em;
    margin-left:4%;

}
/*.AddCourseAction, .AddExistingModuleAction {
    margin: 1em auto;
    display: block;
}*/
.AddExistingModuleAction {
    margin: 1em auto;
    display: block;
}
.AddCourseAction {
    height:2.5em;
    width:2em;
    vertical-align: middle;
    margin-left: 0.5em;
}
#panel-nav {
    display:none;
}
.sectionMaxMin.down~.course-modules {
    display: none;
}


/**************************************************************************/
/* Screen View */
/**************************************************************************/
#panels {
    width: 100%;
    height: 100%;
	overflow:hidden;
    /* new */
    position:absolute;
    left:0em;
    transition: width 0.5s;
}
.active-sidebar #page {
    width: 80% !important;
    transition: width 0.5s;
}
#sidebar {
    display:block;
    height: calc(100% - 2.5em);
    width:0;
    position: absolute;
    top:2.5em;
    right:0;
    z-index: 1;
    transition: width 0.5s;
}
.active-sidebar #sidebar {
    display: block;
    width:20%;
    -webkit-box-shadow: 0 5px 6px 0 rgb(0 0 0 / 80%);
    box-shadow: 0px 5px 6px 0 rgb(0 0 0 / 80%);
    transition: width 0.5s;
}
#panels > div {
    display: flex;
    width: 100%;
    height:100%;
}
#panels .main-menu-block{
    display: block;
    height: auto;
    width: auto;
    top: 0.5em;
}
#block-left {
	display: inline-block;
	vertical-align:top;
    position: relative;
    height:100%;
    /* new */
    top:0em;

}

#block-right {
	display: inline-block;
	vertical-align:top;
	height:100%;
    position: relative;

    /* new */
    top:0em;
}
.transition {
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* templates */
/* .data {display: table; width:100%; height:100%;} */
.block-main-content-left-75 {width:70%; height:87%; display:inline-block; background-color:#f5f5f7;}
.block-main-content-left-75 > .widget {border:1px solid #ddd; margin:2.9em 0% 0% 2.7em; height:90%; background-color:#fff;
/* new */
height:89%;
}
.block-main-content-left-50 {width:50%; display:inline-block;}
#block-left.block-left-0 {width:0%; height:100%; overflow:hidden; display:none;}
.block-main-menu-right-25 {width:30%; height:100%; display:inline-block; color:#fff; background-color:#f5f5f7;}
.block-main-menu-right-25 > .widget {margin:2.9em 2.7em 0% 0%; background-color:#30466c; height:90%; border:1px solid #30466c;
/* new */
height:89%
}
.block-standard-explorer-right-50 {background-color:#5a305a; width:50%; height:100%; display:inline-block; color:#fff;  }
.block-standard-explorer-right-100 {background-color:#5a305a; width:100%; min-height:100%; display:inline-block; color:#fff; position:relative; z-index:2;}
.block-resource-explorer-right-50 {background-color:#004c66; width:50%; min-height:100%; display:inline-block; color:#fff;}
.block-resource-explorer-right-100 {background-color:#004c66; width:100%; min-height:100%; display:inline-block; color:#fff; position:relative; z-index:2;}
.block-contents-explorer-right-50 {background-color:#295f58; width:50%; min-height:100%; display:inline-block; color:#fff;}
.block-contents-explorer-right-100 {background-color:#295f58; width:100%; min-height:100%; display:inline-block; color:#fff; position:relative; z-index:2;}
.block-note-explorer-right-50 {background-color:#826e41; width:50%; min-height:100%; display:inline-block; color:#fff;}
.block-note-explorer-right-100 {background-color:#826e41; width:100%; min-height:100%; display:inline-block; color:#fff; position:relative; z-index:2;}
.block-source-explorer-right-50 {background-color:#eaeaea; width:50%; min-height:100%; display:inline-block; color:#fff;}
.block-scenario-explorer-right-50 {background-color:#30466c; width:50%; min-height:100%; display:inline-block; color:#fff;}
/* new */
.block-scenario-explorer-right-50 .widget, .block-contents-explorer-right-50 .widget, .block-standard-explorer-right-50 .widget, .block-resource-explorer-right-50 .widget, .block-source-explorer-right-50 .widget {height:100%;}
.block-note-explorer-right-50 .widget{height:100%;}

/**************************************************************************/
/* SIDEBAR */
/**************************************************************************/
#sidebar-component, #sidebar .sidebar-container {
    height:100%;
    /*background-color: #e2e2e2;*/
}
#sidebar .sidebar-container {display: none;}
.active-sidebar #sidebar .sidebar-container {display: block;}
#sidebar .iv-loader {
    border-left: 1em solid rgb(6, 6, 6);
    border-top: 1em solid rgba(6, 6, 6, .2);
    border-right: 1em solid rgba(6, 6, 6, .2);
    border-bottom: 1em solid rgba(6, 6, 6, .2);
    top:20%;
}
#sidebar .sidebar-title-container {
    padding-top: 1em;
}
#sidebar .sidebar-title {
    display: inline-block;
    text-transform: uppercase;
    left: 0.75em;
    position: relative;
    font-size: 19px;
    font-weight: bold;
    font-family: Lato-Heavy;
    color: #000000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 4.5em);
}
#sidebar .close-sidebar {
    top: 0.75em;
    left:0;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-left: 13px solid #000000;
    border-bottom: 9px solid transparent;
    display: inline-block;
    cursor: pointer;
}
#sidebar i.sync.alternate.icon{
    display: inline-block;
    font-size: 1.5em;
    float: right;
    margin-top: -0.05em;
    margin-right: 0.5em;
    cursor: pointer;
}
#sidebar .sidebar-content-container {
    padding:1em;
    height: calc(100% - 5.8em);
    overflow:auto;

}
#sidebar .refresh-icon-container {
    margin-bottom: 1em;
    text-align: center;
}
#sidebar .refresh-icon-container i{
    cursor: pointer;
}
#sidebar .error, #sidebar .error:hover {
    background-color: #ffe8e6;
}
#sidebar .warning, #sidebar .warning:hover {
    background-color: #fff3cc;
}
#sidebar .information, #sidebar .information:hover {
    background-color: #e6e6e6;
}
#sidebar .complete-issue {
    background-color: #beffd4 !important;
}
#sidebar .ui.styled.accordion .title{
    text-transform: capitalize;
    padding: 0.75em 0.5em;
    font-weight: 900;
}
#sidebar .ui.styled.accordion .active.title {
    padding: 0.75em 0.5em 0.25em;
}
#sidebar .ui.styled.accordion .title .issue-icon{
    display:inline-block;
}
#sidebar .ui.styled.accordion .title .refresh-issue-list, #sidebar .ui.styled.accordion .title.active .issue-icon{
    display:none;
}
#sidebar .ui.styled.accordion .title.active .refresh-issue-list{
    display:inline-block;
    font-weight: inherit;
}
#sidebar .ui.styled.accordion .title.active i.refresh-issue-list:before{
    background-color: white !important;
}
#sidebar .ui.styled.accordion .content{
    padding: 0em 1em 0.5em 2.1em;
}
#sidebar .ui.styled.accordion i.dropdown, #sidebar .ui.styled.accordion p{
    display: none !important;
}
#sidebar .marked-completed{
    background-color: #bbf1cd !important;
}
#sidebar .issue-location-container {
   margin-top:1em;
}
#sidebar .issue-location-text {
    color: #4183c4;
}
#sidebar .issue-description-text {
    font-style: italic;
    /*margin-top: 1em;*/
}
#sidebar .issue-btn-container {
    margin-top: 0.75em;
    text-align: center;
    /*height: 1em;*/
    width:fit-content;
    cursor: pointer;
}
/*#sidebar .issue-btn-container i {
    font-size: 1.5em;
    cursor: pointer;
}*/
/*#sidebar .issue-btn-container i.refresh-issue-list {
    font-size: 1.5em;
    position: relative;
    float: left;
}*/
#sidebar .issue-btn-container i.navigate-issue {
    position: relative;
    border: none;
    top: -0.1em;
    overflow: hidden;
    font-size: 1.1em;
    margin-right: 0;
}
/*#sidebar .btn-mark-completed{
    text-align: center;
    padding: 0.25em 0.5em;
    border: 1px solid #4183c4;
    width: fit-content;
    background: #4183c4;
    margin: auto;
    border-radius: 0.25em;
    color: white;
    margin-top: 0.5em;
    cursor: pointer;
}*/
#sidebar i.baseline {
    vertical-align: baseline;
}
#sidebar i.icon.baseline.issue-icon.blue.info.circular{
    font-size: 0.5em;
    padding: 0.6em 0.1em !important;
    height: 1em !important;
    box-shadow: 0em 0em 0em 0.1em rgb(0 0 0 / 30%) inset;
    vertical-align: bottom;
}
#sidebar .accordion .ui.segment .dimmer.active{
    opacity: 1;
    position: absolute;
    width: calc(100% - 2em);
    height: calc(100% - 2em);
    left: 0;
    top: 0;
    /*background-color: rgba(0, 0, 0, 0.5);*/
}
#sidebar .accordion .ui.segment.accordion-full-load .dimmer.active{
    width: 100%;
    height: 100%;
}
#sidebar .accordion .accordion-item:first-child .ui.segment .dimmer.active{
    border-radius: 0.25em 0.25em 0 0;
}
#sidebar .accordion .accordion-item:last-child .ui.segment .dimmer.active{
    border-radius: 0 0 0.25em 0.25em;
}

/**************************************************************************/
/* MAIN MENU */
/**************************************************************************/
#tablet-explorer-menu {display:none;}

#menu.active {display:block; position:absolute; z-index:311; top:0em; right:0em; padding:0.5em; background-color:#fff; border:3px solid rgba(0, 0, 0, 0.5);
/* new */
/*top:3em;*/
}
#menu.inactive, #tablet-system-menu.inactive {display:none; position:absolute; z-index:0;}
.main-menu-block {position:absolute; z-index:302; top:0.3em;
right:0.5em;
cursor:pointer;
/* new */
top:3.3em;
}
/* new */
#menuBacker.active {
    position:absolute;
    height:100%;
    width:100%;
    top:0em;
    left:0em;
    z-index:310;
    opacity:0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity:0;
}
#menuBacker.inactive {
    display:none;
}

.main-menu-block.tablet-training-image-viewer, .main-menu-block.tablet-explorer-image-viewer {z-index:0;}


#menu-explorer-items {display:inline-block; vertical-align:top; position:relative; }
#menu-system-items { display:inline-block; width:15em; text-align:right; text-transform:uppercase;}
#menu-return {width:90%; position:absolute; top:0.5em; right:2em; font-size:0.77em; font-family: Lato-Black; font-style:italic; cursor:pointer;}
#menu-system {margin:2em 1em 0em 0em; font-size:0.95em; font-family: Lato-Black;}
#menu-system div {padding:0.2em 0em; cursor:pointer;}
#main-menu-icon {
    width:2.7em; /* 2.7 */
    height:2.7em; /* 2.7 */
    border-radius: 25px; font-size:15px;}
#main-menu-icon.default {background-color:#30466c;}
#main-menu-icon.default #svg path {fill: #fff;}
#main-menu-icon.tocTab, #main-menu-icon.standard-explorer, #main-menu-icon.resource-explorer, #main-menu-icon.contents-explorer, #main-menu-icon.notes-explorer, #main-menu-icon.source-explorer, #main-menu-icon.scenario-explorer {background-color:#fff;}
#main-menu-icon.tocTab #svg path {fill: #30466c;}
#main-menu-icon.standard-explorer #svg path {fill: #5a305a;}
#main-menu-icon.resource-explorer #svg path {fill: #004c66;}
#main-menu-icon.contents-explorer #svg path {fill: #295f58;}
#main-menu-icon.notes-explorer #svg path {fill: #826e41;}
#main-menu-icon.source-explorer #svg path {fill: #000;}

#main-menu-icon.scenario-explorer #svg path {fill: #30466c;}

#svg path {
  fill: red;

}
#svg {
height:30px; /* 30 */
width:32px;  /* 32 */
}


.menu-tocTab, .menu-standard-explorer, .menu-resource-explorer, .menu-contents-explorer, .menu-notes-explorer, .menu-source-explorer, .menu-scenario-explorer {
width: 6em; display:inline-block; vertical-align:middle;  padding:0.6em 0.7em 0.3em 0.7em;
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
cursor:pointer;
/* New */
width: 6.5em;
}
.menu-title {margin:0.9em 0em 0.5em 0em; text-transform:uppercase; font-family: Lato-Black; text-align:center; font-size:0.88em;
/* helps with translations */

/*overflow-wrap: break-word;
word-wrap: break-word;*/

/*font-size:0.8vw;*/
}
.icon{height:5em; width:6.5em;  margin:0 auto; vertical-align:middle; display:table-cell;
}


.menu-tocTab .menu-icon {background: url(../images/resourceExplorer.svg); width: 5.3em; height: 3.6em; margin:0 auto; background-size:cover;}
.menu-tocTab .menu-title {color:#004c66;}
.menu-tocTab.activePanel {background-color:#004c66;}
.menu-tocTab.activePanel .menu-icon {background: url(../images/resourceExplorer-inverted.svg); width: 5.3em; height: 3.6em; background-size:cover;}
.menu-tocTab.activePanel .menu-title {color:#fff;}

.menu-standard-explorer .menu-icon {background: url(../images/standardExplorer.svg); width: 4em; height: 5em; margin:0 auto; background-size:cover;}
.standard-explorer.mobile-explorer-menu-icon {background: url(../images/standardExplorer.svg); width: 4em; height: 5em; margin:0 auto; background-size:cover;}

.menu-standard-explorer .menu-title {color:#5a305a;}
.menu-standard-explorer.activePanel {background-color:#5a305a;}
.menu-standard-explorer.activePanel .menu-icon, .menu-standard-explorer.featuredPanel .menu-icon {background: url(../images/standardExplorer-inverted.svg); width: 4em; height: 5em; background-size:cover;}
.menu-standard-explorer.activePanel .menu-title {color:#fff;}

.menu-resource-explorer .menu-icon {background: url(../images/resourceExplorer.svg); width: 5.3em; height: 3.6em; margin:0 auto; background-size:cover;}
.menu-resource-explorer .menu-title {color:#004c66;}
.menu-resource-explorer.activePanel {background-color:#004c66;}
.menu-resource-explorer.activePanel .menu-icon {background: url(../images/resourceExplorer-inverted.svg); width: 5.3em; height: 3.6em; background-size:cover;}
.menu-resource-explorer.activePanel .menu-title {color:#fff;}

.menu-contents-explorer .menu-icon {background: url(../images/contentExplorer.svg); width: 5.7em; height: 3.5em; margin:0 auto; background-size:cover;}



.menu-contents-explorer .menu-title {color:#295f58;}
.menu-contents-explorer.activePanel {background-color:#295f58;}
.menu-contents-explorer.activePanel .menu-icon {background: url(../images/contentExplorer-inverted.svg); width: 5.7em; height: 3.5em; background-size:cover;}
.menu-contents-explorer.activePanel .menu-title {color:#fff;}

.menu-notes-explorer .menu-icon {background: url(../images/notesExplorer.svg); width: 3.7em; height: 5em; margin:0 auto; background-size:cover;}
.menu-notes-explorer .menu-title {color:#826e41;}
.menu-notes-explorer.activePanel {background-color:#826e41;}
.menu-notes-explorer.activePanel .menu-icon {background: url(../images/notesExplorer-inverted.svg); width: 3.7em; height: 5em; background-size:cover;}
.menu-notes-explorer.activePanel .menu-title {color:#fff;}

.menu-source-explorer .menu-icon {background: url(../images/sourceExplorer.svg); width: 4.7em; height: 4.7em; margin:0 auto; background-size:cover;}
.menu-source-explorer .menu-title {color:#454545;}
.menu-source-explorer.activePanel {background-color:#454545;}
.menu-source-explorer.activePanel .menu-icon {background: url(../images/sourceExplorer-inverted.svg); width: 4.7em; height: 4.7em; background-size:cover;}
.menu-source-explorer.activePanel .menu-title {color:#fff;}

.menu-scenario-explorer .menu-icon {background: url(../images/scenarioExplorer.svg); width: 5.1em; height: 4em; margin:0 auto; background-size:cover;}
.menu-scenario-explorer .menu-title {color:#30466c;}
.menu-scenario-explorer.activePanel {background-color:#30466c;}
.menu-scenario-explorer.activePanel .menu-icon {background: url(../images/scenarioExplorer-inverted.svg); width: 5.1em; height: 4em; background-size:cover;}
.menu-scenario-explorer.activePanel .menu-title {color:#fff;}

.block-main-content-left-50 .block {margin-top:3.2em;}



/**************************************************************************/
/* TRAINING VIEW */
/**************************************************************************/
#menu-header.training {
    display:none;
}
.QRCode {
    position: relative;
    float: left;
}
.QRCode-item{
    background: url(../images/qrcode.png); width: 2.5em; height: 2.5em; background-size:cover;
}
.block-main-content-left-75 > .widget > #training-view > #menu-header {display:none;}
.block-main-content-left-50 > .widget > #training-view > #menu-header {height:2.5em;}

.block-main-content-left-75 > .widget > #training-view > #training-content{
    height: calc(100% - 2.5em);
    max-height: calc(100% - 2.5em);
    /*
    background-color:pink;
    */
    padding-right: 1.5em;
}
.block-main-content-left-50 > .widget > #training-view > #training-content{
    height: calc(100% - 2.5em);
    max-height: calc(100% - 2.5em);
    /*
    background-color:pink;
    */
    padding-right: 1.5em;
}


/*
.block-main-content-left-50 #breadcrumb {max-width:45%;}
#breadcrumb {color:#30466c; display:block; padding:0.7em 0em 0.5em 0em; max-width:90%; position:absolute; z-index:1; top:0em; left:1em; height:auto;}
.block-main-content-left-75 .widget #breadcrumb {position:absolute; z-index:1; top:0em; left:1em; height:auto;}
#breadcrumb:before {
	content: "\25B2";
    width:20px;
    height:20px;
	margin:0em 0.2em 0em 0.5em;
	color:#30466c;
}
*/

#breadcrumb {color:#30466c; display:block; padding:0.7em 0em 0.5em 0em; max-width:90%; position:absolute; z-index:9; top:0.2em; left:1em; height:auto;}
#breadcrumb-cell{padding-right: 0.3em;}
#breadcrumb-cell-img {

    width: 0;
	height: 0;
	border-right: 7px solid transparent;
	border-bottom: 10px solid #36446a;
	border-left: 7px solid transparent;
	position:relative;
	top:-.1em;
	display:inline-block;
    margin-right:0.5em;


    cursor: pointer;
    /*
    display:inline-block;
    width:0.85em;
    height:0.85em;
    background-size: 0.85em 0.85em;
    background-image: url(/html5/images/breadcrumb-icon.svg);
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    position:relative;
    top:0.1em;
    */
}
/*
.block-main-content-left-50 #breadcrumb {max-width:47%;}
*/

.timeRemaining-show {display:inline-block;}
.timeRemaining-hide {display:none;}

#timeRemaining {

top:2em;
left:1.2em;
color:orange;
position:absolute;
z-index:3;
font-size:1em;


/*
left:1.35em;
*/


/*
top:3em;
*/

/*
    color:#fff;
    position:absolute;
    z-index:3;
    font-size:1em;
    font-weight:bold;
    bottom:0em;

    border-left:3px solid rgba(248,169,17,1);
    border-right:3px solid rgba(248,169,17,1);
    border-top:3px solid rgba(248,169,17,1);
    padding:0.35em 1.5em 0.35em 1.5em;
    -webkit-border-top-right-radius:0.6em;
    -moz-border-top-right-radius:0.6em;
    border-top-right-radius:0.6em;
    -webkit-border-top-left-radius:0.6em;
    -moz-border-top-left-radius:0.6em;
    border-top-left-radius:0.6em;
    background-color:rgba(248,169,17,1);
    position: absolute;
    left: 50%;
    width: auto;
    transform: translateX(-50%);
*/

}
#timeRemaining img {margin-left:-0.2em; cursor:pointer;}
.timeRemainingDesc, .timeRemainingTimer {display:inline-block; position:relative; top:-0.2em;}
.timeRemainingDesc {margin-right:0.5em;}

#timeRemaining.timeRemainingWarning { color:red; }

#training-fullview {height:100%;}
#training-view {height:100%; font-size:1.05em;


}
#training-title {
    margin-left:0.5em;
    /* new */
    margin-left:1.5em;
    margin-top:1.5em;
}
#training-content {/*height:95%;*/ height:100%; /*margin-left:-0.5em;*/ /*Pretty sure this padding was causing scroll issues: padding:0.5em 1em 0em 2em;*/



}
/*.training-section {padding: 0em 2em 1em 2.3em; color:#000;}*/
.training-header-title {
	font-size: 2.4em;
	margin-top:0.05em;
	color:#31466c;
    max-width: calc(98% - 2.5em);
    position:relative;
    /*top:0.5em;*/
    top: -0.125em;
    left:0.25em;
}
.training-timer-margin {margin-top: 20px;}

#training-content .training-section {padding: 0em 0.5em 3em 2.1em;
min-height:100%;
/* new */
min-height:70%;
margin-left:1.5em;
}
#training-content .training-section-data {padding:0em 0em 0em 0em; margin-left:-2.1em;
/* padding-bottom:3em;  */
}
/* required for log issue button */
.pilot-mode #training-content .training-section-data {
    padding-bottom:7.5em;
}
#training-content .mCS_no_scrollbar {min-height:99%;}
#training-content .mCS_no_scrollbar_y {min-height:99%;}
#training-content .training-section-footer {clear:both; position:relative; bottom:0px; width:100%; margin:0em 0em 0em -1.3em; /*height:5em;*/
/* new */
bottom:0em;
}
/* new */
.block-main-content-left-75 #training-content .training-section-footer  {
    bottom:1.5em;
}
/* new */
.block-main-content-left-50 #training-content .training-section-footer  {
    /* bottom:1.5em; */
}
.block-main-content-left-50 .widget {
    /*
    background-color:teal;
    */
    height: calc(100% - 2.5em);
    max-height: calc(100% - 2.5em);
    overflow:scroll;
    overflow-x:hidden;
}
.add-block-divide {height: 7em;}
#training-content .training-section-footer-data {
    margin: 1em 0em 0em 0em;
    font-size:1em;
}

.block-main-content-left-75 #training-content .training-section-footer #previous { display:inline-block; width:26%; text-align:left; font-style:italic; color:#31466c;}
.block-main-content-left-75 #training-content .training-section-footer #license {font-size:0.7em; position:relative; top:1em; display:inline-block; width:45%; text-align:center; line-height:1.5em; color:#808080;
}
/* required for log issue button*/
.pilot-mode .block-main-content-left-75 #training-content .training-section-footer #license {
    height:8em;
}
.block-main-content-left-75 #training-content .training-section-footer #next {  display:inline-block; width:26%; text-align:right; font-style:italic; color:#31466c;}
.block-main-content-left-75 #training-content .training-section-footer #previous-desc {display:inline-block;cursor:pointer;}
.block-main-content-left-75 #training-content .training-section-footer #next-desc {display:inline-block;cursor:pointer;}

.block-main-content-left-75 #training-content .training-section-footer #previous-desc:hover {color:#718dff;}
.block-main-content-left-75 #training-content .training-section-footer #next-desc:hover {color:#718dff;}


.block-main-content-left-50 #training-content .training-section-footer #previous { position:relative; top:0em; display:inline-block; width:25%; text-align:left; font-style:italic; color:#31466c;

width:45%;
left:0em;
position:absolute;
top:1em;
}
.block-main-content-left-50 #training-content .training-section-footer #license {font-size:0.7em; position:relative; top:1em; display:inline-block; width:45%; text-align:center; line-height:1.5em; color:#808080;
width:100%;
margin-top:2em;
}
/* required for log issue button*/
.pilot-mode .block-main-content-left-50 #training-content .training-section-footer #license {
    height:8em;
}
/* new */
#license div {
    display:none;
}


.block-main-content-left-50 #training-content .training-section-footer #next {  position:relative; top:0em; display:inline-block; width:25%; text-align:right; font-style:italic; color:#31466c;

width:45%;
right:1.5em;
position:absolute;
top:1em;
}
.block-main-content-left-50 #training-content .training-section-footer #previous-desc {display:inline-block;cursor:pointer;}
.block-main-content-left-50 #training-content .training-section-footer #next-desc {display:inline-block;cursor:pointer;}

.block-main-content-left-50 #training-content .training-section-footer #previous-desc:hover {color: #718dff;}
.block-main-content-left-50 #training-content .training-section-footer #next-desc:hover {color:#718dff;}


/**************************************************************************/
/* TOC */
/**************************************************************************/
#toc {height:95%; font-size:1.05em; }
.toc-section {padding: 0em 1em 1em 1em; }
#toc .toc-data {}

#toc-navigation {height:35%;} /* #toc-navigation + #toc-misc = 100% */

#toc-navigation-title {height:5%;} /* #toc-navigation-title + #toc-navigation-content = 100% */
#toc-navigation-content {height:95%; padding-right:1.5em;}

#toc-misc {height:65%;}
#toc-misc-content {height:99%; padding-right:1.5em;}
#toc-misc .toc-section {padding: 0em 0em 1em 0em; }

#toc-course-structure, #toc-screen-notes {display:table; width:100%; text-transform:uppercase; font-family: Lato-Black; font-size:0.85em; margin-top:1em;}
#toc-course-structure-header, #toc-screen-notes-header {display:table-row; }
#toc-course-structure-header-title, #toc-screen-notes-header-title {display:table-cell; width:70%; padding:0em 0em 1em 1em;}
#toc-screen-notes-header-title {padding-left:0em;}
#toc-course-structure-header-action, #toc-screen-notes-header-action {display:table-cell; width:30%; text-align:right; }
#toc-course-structure-header-action a, #toc-screen-notes-header-action a {font-size:1.2em; font-family: Lato-Heavy; margin-right:0.7em; cursor:pointer; position:relative; z-index:50;}
#toc-screen-notes-header-action a {margin-right:0em;}

#toc li a {cursor:pointer;}
#toc .tree {padding-left:0em; margin-top:0em;}
#toc .tree .tree-parent{margin:0.2em 0em 0.4em 0em;}
#toc .tree .tree-parent .tree-child {margin:0.4em 0em 0.4em}
#toc .tree .tree-parent .tree-child.selected:before {
    content: "\25CF";
    width:20px;
    height:20px;
    margin:0em 0em 0em -1em;
    color:#fff;
}

#toc-explorer-data {padding:0.8em 0em;   }
#toc-explorer-data.borderTop {border-top:1px solid #97a2b5;}
#toc-explorer-data.borderBottom {border-bottom:1px solid #97a2b5;}
.toc-explorer-item {text-transform:uppercase; font-family: Lato-Heavy; padding:0.2em 0em; }
.toc-explorer-item :before {
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 7px solid transparent;

    position:relative;
    top:0.1em;
    display:inline-block;
    margin-right:1em;
}
.toc-explorer-item a {cursor:pointer;}
#toc-screen-notes-block {width:100%;}
#toc-screen-notes-block-content {width:95%; height:10em; border:0.5% solid #fff; color:#fff; background-color:#45597b;  font-size:0.85em; padding:2%;}
#toc-screen-notes-action {width:100%; text-align:right; margin-top:0.7em;}
#toc-screen-notes-action-item {border:1px solid #fff; padding:2px 9px 1px 9px; text-transform:uppercase; font-family: Lato-Heavy; font-size:13.5px; cursor:pointer;}

#toc-navigation-content, #toc-misc-content {
    padding-right: 1em;
}

/**************************************************************************/
/* CONTENTS EXPLORER */
/**************************************************************************/
#contents-splitview {
    margin-right: 1.3em;
}


/**************************************************************************/
/* STANDARD EXPLORER */
/**************************************************************************/
#standard-content a{ color:#a378a2;}

#standards-splitview {height:100%; position:relative;}

.standards-section {padding: 0em 2em 0em 0em;  margin:0em 0em 0em 0em;}
#standard-content {/*padding-right:2em;*/}
#standard-headers { display: inline-block; }
.standard-data {color: rgba(255, 255, 255, 0.75); }
.standards-header-block {width:100%; border-bottom:1px solid #a47aa4;}
.standards-header-title-active, .standards-header-title-inactive {cursor:pointer; padding:0.1em 0.5em; font-weight:bold; color:#a47aa4;  font-size:1.5em; display:inline-block; font-family: Lato-Heavy;} /* font-size:1.2vw; */
.standards-header-title-active {border-bottom:0.2em solid #a47aa4; }
.standards-header-title-inactive {}
.standard-clause-list-block {white-space: nowrap; display:inline-block; float:right; text-align:right; font-size:0.85em; margin:0.5em 0em 0.5em 0em;}
#standards-splitview .standard-clause-list-block {margin:0.5em 0em 1.5em 0em; width:100%;}
.standard-clause-list-block select {font-size:0.95em; padding:0.31em 0.8em 0.2em 0.2em; color:#5a305a; width:27em; margin-left:0.2em;}
.draggable-icon-container {
    /*width: 1.5em;
    height: 1.5em;*/
    float: left;
}
.standard-drag-block {
    /*text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
    /*height: 100%;
    width: 100%;*/
}
.standards-icon {
    cursor: grab;
    width: 1em;
    height: 2em;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background: url(../images/standardExplorer-inverted.svg);
    display: inline-block;
}
.standards-clause-title {
    color:#fff;
    margin:0.7em 0em 0.5em 0em;
    line-height: 1.1em;
    /*height: 3.7vmax; */
    font-size: 1.9vw;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
   /* width: 20em;*/
} /* font-size: 2.4em; font-size:2vw; */

/*.standards-header-title-active span {float: left;}
#standard-headers {float: left; white-space: nowrap;}*/
.standards-nav {margin:0.6em 0em 0em 0em;}
.standards-nav-item-active, .standards-nav-item-inactive {cursor:pointer; font-family: Lato-Black; display:inline-block; padding: 0.2em 1em 0.2em 1em; margin:0.2em 0.1em 0.2em 0em; font-size:0.81em; border:1px solid #fff;}
.standards-nav-item-active {background-color:#fff; color:#5a305a;}
.standards-nav-item-inactive {background-color:#5a305a; color:#fff;}
.clause-block {overflow: hidden; border-bottom:1px solid #a47aa4; padding:0em 0em 3em 0em; margin:0.5em 1em 2em 2em;}
.clause-block .standard-title {color:#fff; font-size:1.65em; margin:0.3em 0em 0em 0em; }
.clause-block .clause-title {color:#a47aa4; font-size:1.3em; margin:0.5em 0em 0em 0em;}
.clause-block .clause-data {color:#fff; margin:0.7em 0em 0em 0em;
opacity: 0.75;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
filter: alpha(opacity=75);
-khtml-opacity: 0.55;
-moz-opacity:75;
}

#standards-splitview #menu-header {height:3.4em;}
#standards-splitview #standards-header {height:12em; padding:0em 2em 2em 2em;}
#standards-splitview #standards-content { width:100%; display:table; padding: 0em 0em 0em 0em;  margin:0em 0em 0em 0em;}
#standards-splitview #standard-content img{ max-width:100%;}

#standards-splitview .scroll-content {height:72%;}
#standards-splitview #standards-clause-block {margin-top:6px;}
#standards-splitview .highlightBlock {
    border: 1px solid #b274b2;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin-bottom: 0.1em;
}
.draggable-icon-container {
    display: inline-block;
}
#standards-splitview .standardExplorerHighlight {background-color: #b274b2;}


#standards-fullview #timeRemaining {top:2.15em; left:1.8em;}

#standards-fullview {height:100%; overflow-y:hidden;}
#standards-fullview #menu-header {height:3.4em;}

#standards-fullview #standards-header {height:10em; padding:0em 2em;}
#standards-fullview #standards-table {display:table; height:100%; width:100%;}

#standards-fullview .standards-cell.clauses {height:35%; vertical-align:middle;}
#standards-fullview .standards-cell.title {height:75%; vertical-align:top;
/* New */
padding-top:0.75em;
}

#standards-fullview .standards-section {height:78%; width:100%; display:table; padding: 0em 0em 0em 0em;  margin:0em 0em 0em 0em;}
#standards-fullview .standards-row {display:table-row;}
#standards-fullview .standards-cell {display:table-cell; overflow: hidden; height:78%; max-height:78%;}
#standards-fullview .standards-cell.clause-data {width:49.5%; min-width:49.5%; vertical-align:top;}
#standards-fullview .standards-cell.cell-divider {
    width:1%;
    height:93%;
    opacity:0.3;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    -moz-opacity:30;
    display:table-cell;
    vertical-align:bottom;
}
#standards-fullview .cell-divider-block {width:1px; background-color:#fff; height:97%;}
#standards-fullview .cell-divider-spacer {height:7%;}
#standards-fullview .standards-header-section {width:100%; height:77%; display:table; padding: 0em 0em 0em 0em;  margin:0em 0em 0em 0em;}

#standards-fullview .block { }
#standards-fullview .CustomScroll {/*height:95%; padding-right:1.5em; */
/* New */
margin: 0em 2em;
}
#standards-fullview .clause-block {display:inline-block; width:98%; padding:0em 0em 0em 0em; margin:0em 0em 0em 0em;}
#standards-fullview .standard-clause-list-block {margin-right:0em;}
#standards-fullview .standards-clause-title {margin:0em 0em 0.5em 0em;}
/*
#standards-fullview .clause-block-right {display:inline-block; width:46%; border-left:1px solid #d5cbd5; vertical-align:top; padding:0em 0em 0em 2%; margin:2em 0em 0em 2%;}
*/
#standards-fullview .standards-nav {margin:0em 2em;}
#standards-fullview .standards-nav-item-active, #standards-fullview .standards-nav-item-inactive {cursor:default;}
#standards-fullview .clause-block, .clause-block-right {border-bottom:0px;}
#standards-fullview .clause-block .standard-title, #standards-fullview .clause-block-right .standard-title{color:#fff; font-size:1.65em; /*margin:0.3em 0em 0em 0em;*/ }
#standards-fullview .clause-block .clause-title, #standards-fullview .clause-block-right .clause-title{color:#a47aa4; font-size:1.3em; /*margin:0.5em 0em 0em 0em;*/}
#standards-fullview .clause-block .clause-data, #standards-fullview .clause-block-right .clause-data {color:#fff; letter-spacing:0.02em;
opacity: 0.75;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
filter: alpha(opacity=75);
-khtml-opacity: 0.55;
-moz-opacity:75;
}
/* new */
#standard-select {
    padding:0.3em 0.5em;
}



/**************************************************************************/
/* RESOURCE EXPLORER */
/**************************************************************************/
#resources-splitview {height:100%; position:relative;}
#resources-splitview #documentViewer.splitView {overflow:hidden;}
#resources-splitview #documentBox, #resources-fullview #documentBox{
   margin-top:8%;
   height:91vh;
   max-width:94%;
   top: 0%;
   transform: translateY(0%);
}
#resources-splitview #scenario-splitview {position:absolute; }
#resources-fullview #documentBox {
    margin-top:3%;
    height:90vh;
    max-width:96%;
}
#resources-fullview #documentBox #img-block, #resources-splitview #documentBox #img-block{
    /*padding-top:85px;*/
}
#resources-splitview #documentBox #documentBox-component, #resources-fullview #documentBox #documentBox-component, #doc-display-training/*, #doc-display-explorer*/{
    height:100%;
}
#doc-display-explorer{
    height:101%;
}
#documentBox-component{

}
#resources-splitview #documentBox #documentBox-component, #resources-fullview #documentBox #documentBox-component {
    vertical-align:bottom;
}
.docFrame {
    width:99%;
    height:99%;
}
#doc-display-training, #doc-display-explorer {
    position:relative;
    /*height:94%;*/
    display:block;
}
#doc-display-training iframe, #doc-display-explorer iframe {
    border:5px solid transparent;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    display:block;
}
#doc-menu-block {position:relative; height:100%; /*margin-top:2%;*/}
#doc-menu, .iv-icon-menu{
    position:absolute;
    z-index:999;
    top:0em;
    right: 0;
    left: 0;
    width: fit-content;
    margin: 0 auto;
    white-space: nowrap;
}

#screen-display {

    border:5px solid rgba(255, 255, 255, 0.9);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display:block;
    text-align: left;
    background-color: #1a4c64;
    height:94%;
}

/*
#documentBox-component:hover #doc-menu {
    display:block;
}
*/
.showControls {display:block;}
.hideControls {display:none;}


/*
#resources-splitview #documentViewer #documentBox #documentBox-component #doc-display iframe:hover #doc-menu{
    display:block;
    background-color:pink;
}
#resources-splitview #documentViewer #documentBox #documentBox-component:hover #doc-menu {
    display:block;
    background-color:blue;
}
*/



.doc-display-training #doc-menuBlock, .doc-display-explorer #doc-menuBlock, .iv-menu-block {
   background-color:rgba(255,255,255,0.95);
   padding:0.3em 0.6em 0.3em 0.6em;
   border-bottom:5px solid #ebebeb;
   border-right:5px solid #ebebeb;
   border-left:5px solid #ebebeb;
   -moz-border-radius: 0 0 0.5em 0.5em;
   -webkit-border-radius: 0 0  0.5em 0.5em;
}
/*.doc-display-explorer #doc-menuBlock {
   background-color:#fff;
   padding:0.3em 0.6em 0.3em 0.6em;
   border-bottom:5px solid #ebebeb;
   border-left:5px solid #ebebeb;
   -moz-border-radius: 0 0.5em 0 0.5em;
   -webkit-border-radius: 0 0.5em  0 0.5em;
}*/
#p2f-fitWidth, #p2f-fitPage, #p2f-zoomIn, #p2f-zoomOut, #p2f-rotate, #p2f-fullScreen, #p2f-close, .iv-close, .iv-expand, .iv-zoom-in, .iv-zoom-out  {
    height: 1.9em;
    cursor:pointer;
    position:relative;
    display: inline-block;
}
.iv-expand, #p2f-fullScreen {
    height: 1.65em;
    top:-0.15em;
}
#p2f-rotate  {
    height: 1.8em;
}
#p2f-fitWidth {
    height: 1.6em;
    top:-0.1em;
}
#p2f-close, .iv-close {
    top: 0.3em;
    height: 2.3em;
}

.iv-close {
    margin-left:0.2em;
}
#block-left .iv-expand {
    display:none;
}
#block-right #iv-container .iv-expand {
    display:inline-block;
    width:1.5em;
    height:1.5em;
    background-size: cover;
    background: url(../images/fullscreen-icon-noBorder.svg);
    background-repeat: no-repeat;
    /*
    content:url('../images/fullscreen-icon-noBorder.svg');
    */
}
#block-right #iv-container.thumbnail-expanded-viewer .iv-expand {
    width:1.5em;
    height:1.5em;
    background-size: cover;
    background: url(../images/minimize-icon-noBorder.svg);
    display:inline-block;

    /*
    content:url('../images/minimize-icon-noBorder.svg');
    */
}

#block-left #iv-container.iv-container, #block-right #iv-container.iv-container, #block-right #iv-container.iv-container.thumbnail-image-viewer.thumbnail-expanded-viewer {
    background-color:rgba(0,0,0,0.8);
    position:fixed;
    z-index:1101;
    width:100%;
    transition: width 0.5s;
}
.active-sidebar #block-left #iv-container.iv-container, .active-sidebar  #block-right #iv-container.iv-container, .active-sidebar  #block-right #iv-container.iv-container.thumbnail-image-viewer.thumbnail-expanded-viewer {
    width:80%;
    transition: width 0.5s;
}
#block-right #iv-container.iv-container.thumbnail-image-viewer {
    position:absolute;
    z-index:1100;
    right: 0;
    width:100%;
    margin-top:0em;
    height:100%;
    left: unset;
}
#block-left #iv-container.iv-container, #block-right #iv-container.iv-container.thumbnail-image-viewer.thumbnail-expanded-viewer {
    /* fix for full view */
    margin-top: 2.5em;
    height: calc(100% - 2.5em);
}
#block-left .iv-image-view, #block-right .iv-image-view {
    background-color:rgba(0,0,0,0);
    position:fixed;
    width:100%;
    max-width:100%;
    overflow:hidden;
    transition: width 0.5s;
}
.active-sidebar #block-left .iv-image-view, .active-sidebar  #block-right .iv-image-view {
    width:80%;
    max-width:80%;
    transition: width 0.5s;
}
#block-right #iv-container.thumbnail-image-viewer .iv-image-view {
    background-color:rgba(0,0,0,0);
    position:relative;
    width:100%;
    max-width:100%;
    overflow:hidden;
}
.iv-image-wrap {
    position:relative;
}
#block-left .iv-large-image, #block-right .iv-large-image {
    position:relative;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}
#block-right #iv-container.thumbnail-image-viewer .iv-large-image {
    margin-left:0%;
}
.mobileWidgetRight.explorer-expanded-document
{
    position:fixed;
    left:0;
    z-index:1102;
}
.mobileWidgetRight.explorer-expanded-document #p2f-fullScreen {
    width:1.5em;
    height:1.5em;
    background-size: cover;
    background: url(../images/minimize-icon-noBorder.svg);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    /*
    content:url('../images/minimize-icon-noBorder.svg');
    */
}
/*#p2f-close {
    height: 2.4em;
    cursor:pointer;
    position:relative;
    top:0.5em;
    display:none;
}*/
#p2f-close {display:inline-block;}


#resource-content {/*padding-right:2em;*/}

.resource-block {
    position:relative;

    border-top:1px dotted rgba(255,255,255,0);
    border-bottom:1px dotted rgba(255,255,255,0);
    margin: 1.5em 0em 1em 0em;
    padding-top:0.25em;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.resource-block:hover {
    border-top:1px dotted rgba(255,255,255,0.5);
    padding-bottom:1.5em;
    border-bottom:1px dotted rgba(255,255,255,0.5);


    background-image: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,0.05), rgba(255,255,255,0));

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.resource-block .toc-section-controls {
    opacity:0;
    /*
    text-align:right;
    */
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.resource-block:hover .toc-section-controls {
    opacity:1;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.resource-block:hover .toc-section-controls .icon_action_moveDown {
    top:-1em;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.resource-block:hover .toc-section-controls .icon_action_moveUp {
    top:-1em;
    -webkit-transition:all ease 500ms;
    -moz-transition:all ease 500ms;
    -o-transition:all ease 500ms;
    transition:all ease 500ms;
}
.resource-block:hover .toc-section-controls .icon_action_delete {
    top:-1em;
    -webkit-transition:all ease 700ms;
    -moz-transition:all ease 700ms;
    -o-transition:all ease 700ms;
    transition:all ease 700ms;
}


.resource-section {padding-left: 2em;}
.resource-header {min-height:2.1em;}
.resource-header-action {margin:0.45em 0.2em 0.45em 0.2em; cursor:pointer; vertical-align:top;}
.resource-header-title {width:80%; margin:0.45em 0.45em 0.45em 0.2em; text-transform:uppercase; font-weight:bold; cursor:pointer; vertical-align:top;}
.featured-resource-content, .resource-content {border:1px solid #7fa3af; /*padding:0em 1em 1em 0em;*/}
.resource-content {

    min-height: 10.5em;

}
.featured-resource-content {background-color:#1a5e75;}
.resource-content {background-color:#00445c;}
.resource-content.drop-location {border-color: green;}
.resource-content.current-drop-location {
    background: repeating-linear-gradient(
        45deg,
        #00445c,
        #00445c 10px,
        #7fa3af 10px,
        #7fa3af 20px
    );
}

.designer-resource-item-block {
    opacity:1;
    height:auto;
    width:auto;
    display:inline-block;
    vertical-align:top;
    position:relative;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.designer-resource-item-block.hideIcon {
    height:0;
    width:0;
    opacity:0;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.resource-iv-loader-block {
    top: 45%;
    left: -2.5%;
    position: relative;
 }

.level-indicator {
    position:absolute;
    width:1em;
    height:1em;
    background-size: 1em 1em;
    background: url(../images/icon-up-indicator.svg);
    background-repeat: no-repeat;
    left: 0.25em;
    top: 0.25em;
    z-index: 1;
}
.resource-item .level-indicator {
    background: url(../images/icon-up-indicator-circle.svg);
    background-repeat: no-repeat;
}
.resource-item {
    /*margin:1.1em 0em 0em 1.1em;*/
    margin:1.3em 0.8em 0em 1.15em;
    vertical-align:top;
    position:relative;
}
.resource-item.is-template {
    margin:0.55em 0em 0em 0.55em;
    padding:0.5em;
    border-style: dashed;
    border-color: rgba(255,255,255,0.5);
    border-radius: 0.25em;
    background: rgba(255,255,255,0.1);
    /*webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    user-select: none;*/
}
.resource-item.active-dialog {
    padding:0.5em;
    background: rgba(255,255,255,0.6);
    margin: 0.8em 0.3em 0em 0.65em;
}
.resource-item.is-template.active-dialog {
    padding:0.5em;
    background: rgba(255,255,255,0.6);
    margin: 0.55em 0em 0em 0.55em;
}
.resource-item-actions {
    opacity:0;
    position:absolute;
    top:0em;
    right:-0.9em;
    z-index:3;
}
.resource-item:hover .resource-item-actions{
    opacity:1;
}


.featured-resource-item-thumbnail, .resource-item-thumbnail, .resource-item-thumbnail-nested {
    width:130px;
    height:80px;
    cursor:pointer;

}
.resource-item-thumbnail-nested img {
    /*border:1px solid #fff;*/
}
.resource-item-thumbnail-nested.defaultAudio, .resource-item-thumbnail-nested.defaultDocument, .resource-item-thumbnail-nested.defaultPowerPoint , .resource-item-thumbnail-nested.defaultScreenResource, .resource-item-thumbnail-nested.defaultVideo, .resource-item-thumbnail-nested.defaultWebLink, .resource-item-thumbnail-nested.defaultImage {
    display: inline-block;
    position:absolute;
    cursor:pointer;
    left: 50%;
    top: 24%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat;
    opacity: 0.5;
}
.resource-item.active-dialog .resource-item-thumbnail-nested{
    top: 26.25%;
}
.resource-item.is-template.active-dialog .resource-item-thumbnail-nested {
    top: 24%;
}
.resource-item-thumbnail-nested.defaultAudio {
    width: 3.1em;
    height: 2.62em;
    background: no-repeat url(../images/icon-resourceDefault-audio.svg);
}
.resource-item-thumbnail-nested.defaultDocument {
    width: 2.5em;
    height: 2.83em;
    background: no-repeat url(../images/icon-resourceDefault-document.svg);
}
.resource-item-thumbnail-nested.defaultPowerPoint {
    width: 2.7em;
    height: 2.7em;
    background: no-repeat url(../images/icon-resourceDefault-powerPoint.svg);
}
.resource-item-thumbnail-nested.defaultScreenResource {
    width: 2.6em;
    height: 2.78em;
    background: no-repeat url(../images/icon-resourceDefault-screenResource.svg);
}
.resource-item-thumbnail-nested.defaultVideo {
    width: 2.7em;
    height: 3em;
    background: no-repeat url(../images/icon-resourceDefault-video.svg);
}
.resource-item-thumbnail-nested.defaultWebLink {
    width: 2.7em;
    height: 2.6em;
    background: no-repeat url(../images/icon-resourceDefault-webLink.svg);
}
.resource-item-thumbnail-nested.defaultImage {
    width: 2.7em;
    height: 2.6em;
    background: no-repeat url(../images/icon-resourceDefault-image.svg);
    top: 29%;
}

/*                           */
/* Add Resource Preset Icons */
/*                           */
.preset_block .placeholder-resource-audio, .preset_block .placeholder-resource-document, .preset_block .placeholder-resource-powerpoint, .preset_block .placeholder-resource-screen, .preset_block .placeholder-resource-video, .preset_block .placeholder-resource-weblink {
    display: inline-block;
    position:absolute;
    cursor:pointer;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat;
    opacity: 0.75;
}
.preset_block .placeholder-resource-audio {
    width: 10em;
    height: 10em;
    background: no-repeat url(../images/icon-resourceDefault-audio.svg);
}
.preset_block .placeholder-resource-document {
    width: 10em;
    height: 10em;
    background: no-repeat url(../images/icon-resourceDefault-document.svg);
}
.preset_block .placeholder-resource-powerpoint {
    width: 10em;
    height: 10em;
    background: no-repeat url(../images/icon-resourceDefault-powerPoint.svg);
}
.preset_block .placeholder-resource-screen{
    width: 10em;
    height: 10em;
    background: no-repeat url(../images/icon-resourceDefault-screenResource.svg);
}
.preset_block .placeholder-resource-video {
    width: 10em;
    height: 10em;
    background: no-repeat url(../images/icon-resourceDefault-video.svg);
}
.preset_block .placeholder-resource-weblink {
    width: 10em;
    height: 10em;
    background: no-repeat url(../images/icon-resourceDefault-webLink.svg);
}
/*.featured-resource-item-thumbnail {
    background-color:#0e485c;
    background: url('../images/resource_blank.png');
}
.resource-item-thumbnail {
    background-color:#7fa3af;
    background: url('../images/resource_blank.png');
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}*/
.featured-resource-item-thumbnail,.resource-item-thumbnail {
    background-color:#0e485c;
    border: 1px solid white;
    text-align: center;
    overflow: hidden;
}
.is-template .my-handle {
    opacity: 1;
    z-index: 3;
}
.is-template .resource-item-thumbnail {
    opacity:0.4;
}
.is-template .resource-item-data {
    opacity:0.6;
}
.is-template.active-dialog .resource-item-thumbnail {
    opacity:0.6;
}
.is-template.active-dialog .resource-item-data {
    opacity:0.8;
}
.resource-item-thumbnail:before, .featured-resource-item-thumbnail:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: #00445c #00445c #7fa3af #7fa3af;
    background: #7fa3af;
    -webkit-box-shadow: -1px 1px 1px rgba(255,255,255,1), -1px 1px 1px rgba(255,255,255,1);
    -moz-box-shadow: -1px 1px 1px rgba(255,255,255,1), -1px 1px 1px rgba(255,255,255,1);
    box-shadow: -1px 1px 1px rgba(255,255,255,1), -1px 1px 1px rgba(255,255,255,1);
    /* Firefox 3.0 damage limitation */
    display: block; width: 0;
}
.is-template .resource-item-thumbnail:before {
    top: 0.5em;
    right: 0.5em;
    border-color: #1a576d #1a576d #7fa3af #7fa3af;
}
.is-template.active-dialog .resource-item-thumbnail:before, .active-dialog .resource-item-thumbnail:before {
    top: 0.5em;
    right: 0.5em;
    border-color: #99b4be #99b4be #7fa3af #7fa3af;
}
@-webkit-keyframes newThumb {
    0% {border: 0em solid #fff; opacity:0.6; top: 0.5em; left: 0.5em; border-radius: 0px;}
    100% {border: 0.5em solid #fff; opacity:0; top: -1em; left: -1em;  border-radius: 5px; width:calc(130px + 1em); height:calc(80px + 1em);}
}
@-moz-keyframes newThumb {
    0% {border: 0em solid #fff; opacity:0.6; top: 0.5em; left: 0.5em; border-radius: 0px;}
    100% {border: 0.5em solid #fff; opacity:0; top: -1em; left: -1em; border-radius: 5px; width:calc(130px + 1em); height:calc(80px + 1em);}
}
@-o-keyframes newThumb {
    0% {border: 0em solid #fff; opacity:0.6; top: 0.5em; left: 0.5em; border-radius: 0px;}
    100% {border: 0.5em solid #fff; opacity:0; top: -1em; left: -1em;  border-radius: 5px; width:calc(130px + 1em); height:calc(80px + 1em);}
}
@keyframes newThumb {
    0% {border: 0em solid #fff; opacity:0.6; top: 0.5em; left: 0.5em; border-radius: 0px;}
    100% {border: 0.5em solid #fff; opacity:0; top: -1em; left: -1em;  border-radius: 5px; width:calc(130px + 1em); height:calc(80px + 1em);}
}
.resource-item-thumbnail.new:after {
    content:"";
    width: 130px;
    height: 80px;
    position: absolute;
    -webkit-animation: newThumb 2s ease 2; /* Chrome, Opera 15+, Safari 5+ */
    animation: newThumb 2s ease 2; /* Chrome, Firefox 16+, IE 10+, Opera */
    transition-delay: 100ms;
}
.resource-item-data {width:130px; height:74px; overflow:hidden; text-align:center;}
.resource-description {font-size:0.8em; /*padding:0.3em;*/ font-style:italic; text-align:center; line-height:1.3em; cursor:pointer; white-space: normal;}


.resource-item-actions .icon_action_edit, .resource-item-actions .icon_action_delete {
    width: 1.7em;
    height: 1.7em;
    cursor: pointer;
    position:relative;
    background-repeat: no-repeat;
}
.resource-item-actions .icon_action_edit {
    /*
    top:0.4em;
    right:1em;
    */
    top:2.5em;
    background: url(../images/icon-edit-white-blackBG.svg);
}
.is-template .resource-item-actions .icon_action_edit {
    height:0;
    width:0;
    opacity: 0;
    cursor: default;
}
.resource-item:hover .resource-item-actions .icon_action_edit{
    /*
    right:0em;
    */
    /*top:0.55em;*/
    top:0.05em;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.resource-item .notes-contained{
    left:1em;
    top:1em;
    width: 2em;
    height: 1.75em;
}
.resource-notes-icon {
    position: relative;
    display: inline-block;
    cursor: pointer;
    z-index: 1;
    top:2em;
    height:1.5em;
    width: 1.75em;
}
.resource-item:hover .resource-item-actions .resource-notes-icon {
    /* right: 0em; */
    top: 0.05em;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}
.resource-header-action.icon_action_delete, .resource-content .icon_action_delete {
    /*
    top:0.75em;
    */
    /*top:0.9em;*/
    top: 0.5em;
    background: url(../images/icon-delete-trash.svg);
}
.resource-item-actions .icon_action_delete {
    /*
    right:1.25em;
    */
    left:-1.25em;
}
.resource-item:hover .resource-item-actions .icon_action_delete{
    /*
    right:0em;
    */
    left:0em;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}

.resource-category-inner {
    display: inline;
}
.drop-location .resource-category-inner {
    display: inline-block;
}
#resource-step-2, #resource-step-3 {
    display:none;
}
#resource-step-2 .typeBlock {
    display: none;
}
.resource-add-container .designer-add-resource-block {
    top:0.5em;
}
.resource-add-container .designer-add-resource-block .icon_action_add{
    position: relative;
    width: 2em;
    height: 2em;
    margin: 0 auto;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 12;
    transform: rotate(0deg);
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    top:1em;
}
.resource-add-container .designer-add-resource-block.active .icon_action_add{
    width: 2.25em;
    height: 2.25em;
    background: url(../images/icon-minimize.svg);
    transform: rotate(180deg);
    background-repeat: no-repeat;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    position: relative;
    z-index: 15;
}
.resource-add-container {
    position: absolute;
    width: 4em;
    z-index:12;
    height: 4em;
    padding: 1em;
    margin:1.5em 0 0 2.25em;
    /*border: dashed 1px;*/
    border-radius: 50%;
}
.resource-add-container .resource-preset-container {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 3em;
    height: 3em;
    line-height: 3em;
    margin: -1.5em;
    border-radius: 50%;
}

.resource-add-container .designer-add-resource-block .resource-type-container{display: none;}
.resource-add-container .designer-add-resource-block.active .resource-type-container{display: block;}
.resource-preset-icon-container {width:100%; height:100%; text-align: center; vertical-align: middle;}
.resource-add-container .resource-preset-icon-container.disabled{
    pointer-events: none !important;
    opacity: 0.2;
    cursor: default;
}
.resource-add-container .resource-preset-icon {
    display: inline-block;
    width: 70%;
    height: 70%;
    vertical-align: middle;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;
    background-color: grey;
}
.resource-add-container .resource-preset-icon-container:hover  .resource-preset-icon{
    width: 90%;
    height: 90%;
    /*opacity: 1;*/
}
.resource-add-container .resource-preset-icon-container.disabled:hover  .resource-preset-icon{
    width: 70%;
    height: 70%;
}
/*From top right to left*/
/*.resource-icon-document { transform: rotate(295deg) translate(3.5em) rotate(-295deg);}*/
.resource-icon-image { transform: rotate(0deg) translate(3.5em) rotate(-0deg);}
.resource-icon-screen { transform: rotate(72deg) translate(3.5em) rotate(-72deg);}
.resource-icon-link { transform: rotate(144deg) translate(3.5em) rotate(-144deg);}
.resource-icon-audio { transform: rotate(216deg) translate(3.5em) rotate(-216deg);}
.resource-icon-video { transform: rotate(288deg) translate(3.5em) rotate(-288deg);}
/*.resource-icon-powerpoint { transform: rotate(245deg) translate(3.5em) rotate(-245deg);}*/

/*.deg0 { transform: translate(12em); }
.deg45 { transform: rotate(45deg) translate(12em) rotate(-45deg); }
.deg135 { transform: rotate(135deg) translate(12em) rotate(-135deg); }
.deg180 { transform: translate(-12em); }
.deg225 { transform: rotate(225deg) translate(12em) rotate(-225deg); }
.deg315 { transform: rotate(315deg) translate(12em) rotate(-315deg); }*/

.resource-icon-document .resource-preset-icon {background: no-repeat url(../images/icon-resource-circle-document.svg); }
.resource-icon-image .resource-preset-icon { background: no-repeat url(../images/icon-resource-circle-image.svg);}
.resource-icon-screen .resource-preset-icon { background: no-repeat url(../images/icon-resource-circle-screen.svg);}
.resource-icon-link  .resource-preset-icon { background: no-repeat url(../images/icon-resource-circle-link2.svg);}
.resource-icon-audio .resource-preset-icon { background: no-repeat url(../images/icon-resource-circle-audio.svg);}
.resource-icon-video  .resource-preset-icon { background: no-repeat url(../images/icon-resource-circle-video.svg);}
.resource-icon-powerpoint .resource-preset-icon {background: no-repeat url(../images/icon-resource-circle-powerpoint.svg);}

#new-resource-block {
    display: inline-block;
}

.icon-minimize {

    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 11px solid #fff;
    border-bottom: 8px solid transparent;
    position:relative;
    top:0em;
    display:inline-block;
    margin-right:0.25em;

    /*
    display:inline-block;
    width:0.85em;
    height:0.85em;
    background-size: 0.85em 0.85em;
    background-image: url(/html5/images/arrow-icon.svg);
    background-repeat: no-repeat;
    transform: rotate(0deg);
    margin-right:0em;
    position:relative;
    top:0.075em;
    */
}

.icon-maximize {

    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-top: 11px solid #fff;
    border-left: 8px solid transparent;
    position:relative;
    top:-0.1em;
    display:inline-block;

    /*
    display:inline-block;
    width:0.85em;
    height:0.85em;
    background-size: 0.85em 0.85em;
    background-image: url(/html5/images/arrow-icon.svg);
    background-repeat: no-repeat;
    transform: rotate(90deg);
    margin-right:0em;
    position:rela
    */
}


#resources-fullview #timeRemaining {top:2em; left:1.8em;}
#resources-fullview {
    height:96%;
    overflow:hidden; padding:0em; margin:0em;
} /* overflow-x:hidden; overflow-y:hidden; Do not increase past 96% -- causes issues */

/* the block below causes issues */
/*
#resources-fullview #resource-content {height:95%; width:auto; margin-top:0em; padding:0em 0em 0em 0em; margin-left:1.5em;}
#resources-fullview .mCSB_container {height:auto; }
*/

#resources-fullview #resource-content {
    height:95%;
/*
    position:relative;
	padding:1em 0em 0em 1.8em;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
 */

    overflow:hidden; padding:0em; margin:0em;
}

#resources-fullview #resource-content .mCustomScrollBox {/*padding-right:2em; overflow:hidden;*/
overflow:hidden; padding:0em; margin:0em 0em 0em 0.5em;
}
#resources-fullview #resource-content .mCSB_container_wrapper{
    overflow:visible;
}
#resources-fullview #resource-content .mCSB_scrollTools_horizontal {
    width:100%; max-width:100%;
}

#resources-fullview .resource-content {padding-right:1.1em; min-width:17.76em;}
#resources-fullview .resource-block { display:inline-block; vertical-align:top; }
/* border:1px solid #7fa3af; background-color:#00445c; min-height:500px; */
#resources-fullview .resource-header {/*height:5%;*/}
/* #resources-fullview .resource-header-action {} */
#resources-fullview .resource-header-title {width: auto; text-transform:uppercase; font-weight:bold; cursor:default;} /* margin:0.45em 0.45em 0.45em 0.2em; */
#resources-fullview .featured-resource-content, #resources-fullview .resource-content {
	/*
	min-height:50em;
    height:100%;
    min-height:52.1em;

    min-height:50em;
	*/

    /*min-height:800px;*/
    display:block;

}
.resource-item-data {width:130px; height:83px;}
#resources-fullview .resource-section {white-space: nowrap; } /* margin-left:0.7em; padding-left:2em; */
#resources-fullview #featured-block {white-space: normal; padding-right:1.1em; min-width:17.76em; }

#resources-fullview .scroll-content {
	/* width:99.2%; */
    position:relative;
	width:100%;
	height:92%;
	padding:1em 0em 1em 2em;
	overflow:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.scroll-tablet-toc {
    padding:1em 0em 1em 2em;
    overflow:auto;
}

/*.documentRotationRadio {
    width: auto !important;
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
}*/
.documentRotation-icon-container {
    display: inline-block;
}
.documentRotation-icon-container input.documentRotationRadio{
    width:0 !important;
    height: 0 !important;
    opacity: 0 !important;
}
#documentRotation {
    /*padding:0.5em 0.5em 0em 0.5em;*/
    margin: 0em 1.5em 0.5em 0em;
    padding-top:0.25em;
    position:relative;
    text-align: left;
}
#documentRotation i.icon{
    font-size: 1.5em;
    -webkit-backface-visibility: unset;
    backface-visibility: unset;
    padding:0.5em 0.25em;
    cursor:pointer;
    color: #4a4a4b;
}
#documentRotation i.icon:hover{
    /*background-color: #676767;*/
    background-color: #ddd;
    border-radius: 0.25em;
    color: #4a4a4b;
    /*color: #f9f9fb;*/
}
input.documentRotationRadio:checked + i.icon, input.documentRotationRadio:checked + i.icon:hover {
    background-color: #4a4a4b;
    border-radius: 0.25em;
    color: #f9f9fb !important;
}
#documentRotationLabel {
    margin-right: 0.5em;
}

#documentRotation .line {
    height: 1em;
    border-top: 1px dotted rgba(0, 0, 0, 0.2);
    position: relative;
    top: 0.5em;
}

/*.newRotation {*/
    /*color: #000000;*/
/*}*/

/*.defaultRotation {*/
    /*color: #008000;*/
/*}*/

/*
#resources-fullview .mCustomScrollBox .mCSB_container {height:55em;}
*/
/*
#resources-fullview .resource-item {}
#resources-fullview .resource-item-thumbnail {width:130px; height:80px; background-color:#7fa3af;}
#resources-fullview .resource-item-data {width:130px; height:60px; overflow:hidden;}
#resources-fullview .resource-description {font-size:0.8em; padding:0.3em; font-style:italic; text-align:center; line-height:1.3em;}

#resources-fullview .scroll-content {
	position:relative;
	width:100%;
	height:99%;
	padding:1% 0% 0% 0%;
	overflow:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-color:green;
}
*/



/**************************************************************************/
/* SCENARIO EXPLORER */
/**************************************************************************/
#scenario-splitview {height:100%; width:100%; font-size:1.05em; position:relative; overflow-y:hidden; overflow-x:hidden; } /*  */
#scenario-splitview .scenario-tab-container {
    width: auto;
    display: block;
    position: absolute;
    top: 0;
    right: 5em;
    z-index:10;
}
#scenario-splitview .scenario-tab, #scenario-splitview .scenario-tab-green {
    padding: 0.5em;
    border-radius: 0 0 0.25em 0.25em;
    background-color: grey;
    /*background-color: #FF4D4D;*/
    opacity: 0.4;
    cursor:pointer;
    display: inline-block;
}
#scenario-splitview .scenario-tab-green {
    background-color: #4dbc74;
}
#scenario-splitview .scenario-tab-container .icon {
    vertical-align: bottom;
    margin: 0;
}
#scenario-splitview .scenario-tab:hover, #scenario-splitview .scenario-tab.active, #scenario-splitview .scenario-tab-green:hover {
    opacity: 1;
}
/*#scenario-splitview .scenario-tab:before {
    content: "";
    display:inline-block;
    width:3em;
    height:3em;
    position:relative;
    left: -0.4em;
    top: 0.1em;
    background-image: url(../images/icon-hierarchy.svg) no-repeat;
}*/
#scenario-splitview .scenario-level-content, #scenario-splitview .scenario-level-dropdown, .scenario-level-hover-content {display: none;}
#scenario-splitview .scenario-level-container .scenario-level-content:before, #scenario-splitview .scenario-tab-container:hover ~ .scenario-level-hover-container .scenario-level-hover-content:before{
    position: absolute;
    content: '';
    height: 0px;
    top:-0.3em;
    right:9em;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent lightgrey transparent;
}
#scenario-splitview .scenario-tab-container:hover ~ .scenario-level-hover-container .scenario-level-hover-content, #scenario-splitview .scenario-level-container.active{
    width: auto;
    display: block;
    position: absolute;
    top: 2.8em;
    right:0;
    padding: 0.5em;
    border-radius: 0.25em;
    background-color: lightgrey;
    margin:0 2em;
    color:black;
    z-index:10;
}
#scenario-splitview .scenario-tab-container:hover ~ .scenario-level-hover-container.no-hover{
    display: none;
    pointer-events: none;
}
#scenario-splitview .scenario-level-container.active .scenario-level-content, #scenario-splitview .scenario-level-container.active .scenario-level-dropdown {display: block}
#scenario-splitview .scenario-selection-container {
    padding: 0.5em 4em 0.5em 2em;
    height:2em;
}
#scenario-splitview .scenario-selection-block span{
    top: 0.3em;
    padding: 0.3em;
    position: relative;
}
#scenario-splitview .scenario-selection-block {
    white-space: nowrap;
    display: inline-block;
    float: right;
    text-align: right;
    font-size: 0.85em;
}
#scenario-splitview .scenario-selection {
    font-size: 0.95em;
    color: #30466c;
    width: 27em;
    display: inline-block;
    padding: 0.3em 0.5em;
    float: right;
}

/*#scenario-title {height:auto;}*/
#scenario-content {height:97%; /*padding-right:2em;*/}
/*.scenario-section {padding: 0em 2em 1em 2em; }*/
#scenario-header-title {
	font-size: 2.4em;
	margin-top:0.25em;
}
#scenario-content .scenario-section {padding: 0em 0.5em 1em 2em;}

#scenario-body {width:100%; display:block;}
#scenario-body-content {padding:0em; display:block; margin-top:-0.5em; padding-top:3em;}
/* padding:0em 0em 0em 0em; */
#scenario-links {margin:0em 1em 2em 0em;}
.scenario-link-item {background-color:#ebedf1; color:#30466c; font-family: Lato-Black; padding:0em 2em; cursor:pointer; margin:0em 0em 0.5em 0em;}
.scenario-link-item a:before {
	content: "\25BA";
    width:20px;
    height:20px;
	margin-right:0.5em;
}

#scenario-splitview #documentViewer.splitView {
    /*
    height:105.3%;
    */
    height:100%;
}
#scenario-splitview #documentViewer #documentBox {
    top: 8%;
    transform: translateY(0%);
    max-width:96.5%;
    margin-left:3%;
    max-height:90%;
    height:100%;
}
#scenario-splitview #documentBox #documentBox-component {height:100%;}

#scenario-splitview .delete-scenario {
    display: inline-block;
    position: relative;
    width: 0.8em;
    height: 0.8em;
    margin-left:1em;
    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.2;
    top: 0.2em;
    vertical-align: top;
}
.screen-view #block-right #scenario-splitview .icon_action_add.scenario-add-icon.open-toc {
    background: url(../images/icon-minimize.svg);
    background-repeat: no-repeat;
}
#scenario-splitview .delete-scenario:hover {
    opacity: 1;
}
#scenario-splitview .setting-label{
    text-align: center;
}
.toc-quick-selections {
    text-align: center;
}
.toc-quick-selections .quick-select{
    display: inline-block;
    padding: 0.25em 0.5em;
    margin:0 0.5em;
    border-radius: 0.25em;
    border: 1px solid white;
    background: rgba(143,172,238,0.8);
    cursor: pointer;
}
#scenario-toc-list-container .toc-quick-selections .quick-select{
    border: 1px solid black;
    margin:1em 0.5em;
}
.toc-quick-selections .quick-select:hover{
    background: rgba(143,172,238,1);
}
.tpd-tooltip .active-scenario-scope{
    background: rgba(143,172,238,1);
}
.tpd-tooltip .toc-block-scenario {
    margin-top:1em;
    text-align:left;
}
.tpd-tooltip .toc-item-block-scenario {
    position:relative;
    padding: 0.25em 0em 0em 0.25em;
    /*border: 1px 0 1px 1px solid transparent;*/
    font-weight: bold;
}
.tpd-tooltip .nestedSection-scenario {
    padding: 0.75em 0em 0em 0.75em;
    position: relative;
    /*border: 1px 0 1px 1px solid transparent;*/
}
.tpd-tooltip .screenItem-scenario {
    margin: 0em 0em 0em 2em;
    padding: 0.4em 0em 0.4em 2em;
    position: relative;
    /*border: 1px 0 1px 1px solid transparent;*/
    width: auto;
    display: inline-block;
}
.tpd-tooltip .moduleTitle {
    display: inline-block;
    cursor: pointer;
    margin-left: 0.75em;
}
.tpd-tooltip .toc-item-block-scenario .sectionMaxMin {
    opacity:0.5;
    margin:0;
    padding:0;
    position:absolute;
    transform: rotate(0deg);
    width:1em;
    height:1em;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    cursor: pointer;
}
.tpd-tooltip .toc-item-block-scenario .sectionMaxMin:hover {
    opacity: 1;
}
.tpd-tooltip .toc-item-block-scenario .sectionMaxMin.down ~ .screenData-scenario, .tpd-tooltip .toc-item-block-scenario .sectionMaxMin.down ~ .nestedSection-scenario{
    display: none;
}
.tpd-tooltip .toc-item-block-scenario .sectionMaxMin.up ~ .screenData-scenario, .tpd-tooltip .toc-item-block-scenario .sectionMaxMin.up ~ .nestedSection-scenario {
    display: block;
}
.tpd-tooltip .screenData-scenario .birds {
    margin-top: 0.4em;
}
.tpd-tooltip .birds .type.scenario{
    cursor: default;
}
.tpd-tooltip .parent-scope .birds .type.scenario, .tpd-tooltip .child-scope .birds .type.scenario{
    cursor: pointer;
}
.tpd-tooltip #scenario-toc-list-container  .birds .type.scenario.active .count{
    z-index: 3;
    font-size: 0.5em;
    padding: 0em 0.75em 0em 0.5em;
    top: -1em;
    left: 1.5em;
}
.tpd-tooltip #scenario-toc-list-container .birds .type.active.featured:before {
    width: 1em;
    height: 1em;
    z-index: 2;
    top: 49%;
    left: 50%;
}
.tpd-tooltip #scenario-toc-list-container .birds .type.active.featureCascaded:before {
    width: 1em;
    height: 1em;
    z-index: 2;
    top: 49%;
    left: 50%;
}
.tpd-tooltip #scenario-toc-list-container .birds .type.active:hover {
    opacity: 0.75;
}
.tpd-tooltip #scenario-add-toc-list-container .birds .type.scenario{
    opacity: 0.8;
    /*top:0.1em;*/
}
.tpd-tooltip #scenario-add-toc-list-container .birds .type.scenario .count{
    display: block;
    background: rgba(30,47,77,1);
    border:2px solid rgba(255,255,255,1);
    z-index: 3;
    font-size: 0.7em;
    padding: 0.9em;
    top: -0.1em;
    left: -0.1em;
}
.tpd-tooltip #scenario-add-toc-list-container .disabled-list-item .birds .type.scenario .count{
    border:2px solid rgba(255,255,255,0.2);
}
.tpd-tooltip #scenario-add-toc-list-container  .birds .type.scenario.active .count{
    padding: 0.25em 0.5em;
}
.tpd-tooltip #scenario-add-toc-list-container .birds .type.active.featured:before {
    width: unset;
    height: unset;
    z-index: unset;
    top: unset;
    left: unset;
}
.tpd-tooltip #scenario-add-toc-list-container .birds .type.active.featureCascaded:before {
    width: unset;
    height: unset;
    z-index: unset;
    top: unset;
    left: unset;
}
/*#scenario-splitview .toc-block-scenario, #scenario-splitview .toc-block-scenario div{border: 1px 0 1px 1px solid transparent;}*/
/*#scenario-splitview #scenario-toc-list-container .disabled-list-item {
    font-weight: normal !important;
    color:lightgrey;
    font-style: italic;
}*/
.tpd-tooltip #scenario-add-toc-list-container .disabled-list-item {
    font-weight: normal !important;
    font-style: italic;
}
.tpd-tooltip #scenario-add-toc-list-container .disabled-list-item .moduleTitle, .tpd-tooltip #scenario-add-toc-list-container .disabled-list-item .sectionTitle, .tpd-tooltip #scenario-add-toc-list-container .disabled-list-item .screenItem-scenario{
    opacity: 0.2;
}
.tpd-tooltip .toc-item.hidden-panel, .tpd-tooltip .toc-item.no-available-child-screen, .tpd-tooltip .toc-item.has-scenario {
    color: rgb(0 0 0 / 40%);
}
.tpd-tooltip .toc-item {
    color: rgb(0 0 0 / 100%);
}
.tpd-tooltip .scenario-toc-list-container .active-scenario{
    border: 1px solid black;
    border-radius: 0.5em 0 0 0.5em;
    background: rgba(143,172,238,0.6);
}
.tpd-tooltip .scenario-toc-list-container .parent-scope, .tpd-tooltip .scenario-toc-list-container .child-scope {
    background: rgba(143,172,238,1);
    cursor: pointer;
}
.tpd-tooltip .scenario-toc-list-container .active-scenario.child-scope, .tpd-tooltip .scenario-toc-list-container .active-scenario.child-scope .child-scope {
    background: rgba(143,172,238,1);
}
.tpd-tooltip #scenario-add-toc-list-container .active-scenario, .tpd-tooltip #scenario-add-toc-list-container .active-scenario.child-scope, .tpd-tooltip #scenario-add-toc-list-container .active-scenario.child-scope .child-scope {
    background-color: transparent;
}
.tpd-tooltip .scenario-toc-list-container .parent-scope, .tpd-tooltip .scenario-toc-list-container .child-scope {
    border-radius: 0.5em 0 0 0.5em;
}
.toc-quick-selections .quick-select.disabled {
    opacity:0.35 !important;
}
.you-are-here {
    width: 1em;
    height: 1em;
    margin-left:-2em;
    margin-right:0.5em;
    display: inline-block;
    position: relative;
    background: url(../images/icon-star-black.svg);
    background-repeat: no-repeat;
    vertical-align: top;
}
.no-scenario-container .you-are-here {
    background: url(../images/icon-star-white.svg);
    background-repeat: no-repeat;
    vertical-align: unset;
    top: 0.1em;
}
/*.you-are-here:before {
    content: "\279C";
}*/
.scenario-add-toc-scroll {
    padding: 0 2em;
}

/*#image-viewer-scroll {background-color:Red; display:table-cell; vertical-align:middle;}*/



/**************************************************************************/
/* NOTES EXPLORER */
/**************************************************************************/
#notes-splitview {overflow-y:hidden; height:100%; font-size:1.03em; position:relative;}

/*#notes-splitview #menu-header, #notes-splitview #menu-header-block {height:100%;}*/
#notes-body {height:97%;}

.notes-section { padding: 0em 1em 1em 0em;  }
.notes-display {width:100%; overflow:hidden;}
#notes-title {margin:0.6em 0.5em 1em 0em; text-align:left; position:relative; top:0.5em;}
#notes-nav {margin:0.6em 0em 0em 0em;  text-align:right; float:right;}
#screenTab, #moduleTab, #notes-action { white-space: nowrap;}

.notes-nav-item-active, .notes-nav-item-inactive {text-transform:uppercase; font-family: Lato-Black; display:inline-block; padding: 0.6em 1.5em 0.6em 1.5em; margin:0em; position:relative; top:0.1em; font-size:0.85em; border:1px solid #fff;}
.notes-nav-item-active {background-color:#fff; color:#75633b; margin:0em;}
.notes-nav-item-inactive {cursor:pointer; background-color:#75633b; color:#fff; margin:0em;}
#notes-data {width:100%; height:28em;}
#notes-action {text-align:right;}
#notes-action.go-to-screen {text-align:left; display:inline-block;}
#notes-action.save-notes {float:right; display:inline-block;}
.notes-action-item-inactive {cursor:pointer; text-transform:uppercase; font-family: Lato-Black; display:inline-block; padding: 0.2em .5em 0.2em 0.5em; margin:0.5em 0em; font-size:0.85em; border:1px solid #fff;}
#notes-summary {width:100%;}
#notes-recent {width:49%; display:inline-block;}
#notes-preview {width:49%; display:inline-block; float:right; margin-top:0em;}
#notes-recent-title, #notes-preview-title {text-transform:uppercase; padding:0.5em 0em; font-size:1.05em;}
#notes-recent-data {padding:0.5em 1em 0.5em 0em; font-size:14px; width:100%; height:18em;}
.notes-recent-data-item { padding:0.3em 0.5em ; }
.notes-recent-data-item:hover{background-color:#7c693e}
.notes-recent-data-item.selected {background-color:#75633b}
.notes-recent-data-title {display:inline-block; width:59%; vertical-align:top;}
.notes-recent-data-timestamp {display:inline-block; width:39%; text-align:right; vertical-align:top;}
#recent-notes-action-block {margin-top:1.5em;}
#notes-preview-data {border:1px solid #c0b69f; padding:0.5em 0.5em; background-color:#75633b; height:15em;
width:95%; color:#fff; font-size:14px; }
#notes-preview-data .scroll-content {padding:0em 0em 0em 0em;}
#notes-preview-data .scroll-content .mCustomScrollBox {margin-right: 1em;}

#notes-preview-data-summary {font-size:14px; margin-top:0.5em;}
#notes-preview-data-summary-frame, #notes-preview-data-summary-screen, #notes-preview-data-summary-lastModified {width:100%;}
#notes-preview-data-summary-frame .title, #notes-preview-data-summary-screen .title, #notes-preview-data-summary-lastModified .title {width:24%; display:inline-block; vertical-align:top;}
#notes-preview-data-summary-frame .data, #notes-preview-data-summary-screen .data, #notes-preview-data-summary-lastModified .data {width:74%; display:inline-block; vertical-align:top;}
#notes-splitview .notes-row.actions-block {display:block; clear:both;}

#notes-fullview {height:100%; font-size:1.03em;}
#notes-fullview #menu-header {height:5%;}
#notes-fullview .notes-table {display:table; width:100%; height:95%; vertical-align:bottom;}
#notes-fullview .notes-row {display:table-row; width:100%;}
#notes-fullview .notes-row.notes-block {height:80%;}
#notes-fullview .notes-row.actions-block {width:100%; height:15%;}
#notes-fullview .notes-cell {width:49.5%; height:100%; display:inline-block; vertical-align:top; display:table-cell;}
#notes-fullview .notes-cell-data {padding:1em 2em;}
#notes-fullview .notes-cell-data.saved-notes {padding-bottom:0em;}
#notes-fullview .notes-cell-data.note-content {height:100%; padding-bottom:0em;}
#notes-fullview .notes-cell-data.export-action {padding:1% 2em 4% 2em;}
#notes-fullview .notes-cell-data.save-action {padding:1% 2.5em 4% 2.1em;}
#notes-fullview .notes-cell-data-block {height:100%; width:100%;}

#notes-fullview #notes-cell-content {height:100%;}
#notes-fullview #notes-cell-content-display {width:100%; height:100%;}
/*
#notes-fullview #notes-body {height:100%;}
#notes-fullview .block {height:100%;}
#notes-fullview .notes-section {height:100%;}

*/

#notes-fullview .scroll {padding:0.5em 0em 0em 0em;}
/*
#notes-fullview #saved-notes .mCSB_container {height:100%;}
*/
#notes-fullview #notes-nav {width:100%; margin:0em 0em 0.2em 0em;}
#notes-fullview #saved-notes .mCSB_container .notes-cell-data {padding-right:0em;}
#notes-fullview .notes-nav-item-active, .notes-nav-item-inactive {}
#notes-fullview .notes-nav-item-active {margin-bottom:1em;}
#notes-fullview .notes-nav-item-inactive {margin-bottom:1em;}
#notes-fullview .notes-section-title {margin:0.6em 0em 0em 0em; text-align:left; position:relative; top:0.5em; display:inline-block; font-family: Lato-Black;}
#notes-fullview #notes-current-module-data-title {width:100%; margin-bottom:1em; text-align:left; font-family: Lato-Black;}
#notes-fullview #notes-current-module-data, #notes-fullview #notes-other-module-data {height:25em; clear:both;  border:1px solid #c0b69f; padding:0.5em 1em; background-color:#75633b; }
#notes-fullview #notes-current-module-data {}
#notes-fullview #notes-other-module-data {height:15em; margin-top:1.5em;}
#notes-fullview .notes-item-block{margin:0em 0em 1.3em 0em;}
#notes-fullview .notes-item-header {font-family: Lato-Black; font-size:1.1em; margin:0em 0em 0.2em 0em;}
#notes-fullview .notes-item-header-number-count {font-style:italic; font-family: Lato-Regular; margin-left:0.4em;}
#notes-fullview .notes-item-header-action {cursor:pointer; vertical-align:top; margin-right:0.3em;}
#notes-fullview .notes-item-header-title {cursor:pointer; vertical-align:top;}
#notes-fullview .icon-minimize {margin-top:2px;}
#notes-fullview .module-notes-item, #notes-fullview .current-module-notes-item, #notes-fullview .other-module-notes-item {cursor:pointer; padding:0.3em 1em 0.3em 1em; line-height:1.2em; margin:1px 0px 0px 25px; }
#notes-fullview .module-notes-item:hover, #notes-fullview .current-module-notes-item:hover , #notes-fullview .other-module-notes-item:hover {background-color:#d6d1c4; color:#75633a; }
#notes-fullview .module-notes-item.selected, #notes-fullview .current-module-notes-item.selected, #notes-fullview .other-module-notes-item.selected {background-color:#d6d1c4; color:#75633a;}
#notes-fullview .notes-item-title {vertical-align:top; display:inline-block; width:59%; vertical-align:top;}
#notes-fullview .notes-item-timestamp {vertical-align:top; display:inline-block; width:39%; text-align:right; vertical-align:top;}
#notes-fullview #notes-export-action {text-align:left;}

#notes-fullview .editable-notes-section {height:100%; padding: 0% 1% 0% 0%;}

#notes-fullview #selected-note-module-header {height:auto; padding:1.6% 0% 1.4% 0%;}
#notes-fullview #selected-note-module-title {}
#notes-fullview #selected-note-frame-title {font-size:1.2em;}
#notes-fullview #notes-editable-block {height:100%;}
#notes-fullview #notes-editable-data {width:100%; height:100%; }/* margin-top:0.6em; */
#notes-fullview #notes-editable-data-area {padding: 1% 2% 2% 2%;  width:96%; height:96%}

#notes-fullview .scroll-content {
	position:relative;
	width:100%;
	height:100%;
	padding:1% 0% 0% 0%;
	overflow:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}



/**************************************************************************/
/* CONTENTS EXPLORER */
/**************************************************************************/
#contents-splitview {height:95%; font-size:1.03em; position:relative;}
/*#contents-title {height:auto;}*/
#contents-navigation {height:97%; width:auto; /*padding-right:2em;*/  }
/*.contents-section {padding: 0em 2em 1em 2em; }*/
#contents-header-title {
	font-size: 2.4em;
	margin-top:0.2em;
	}

#contents-fullview {}
#contents-fullview .mCustomScrollBox {height:100%; }
#contents-fullview .mCSB_container {height:95%; max-height:95%; }  /* overflow:visible */
#mCSB_4_scrollbar_horizontal {} /* bottom:-1em; */
#contents-fullview .screenScroll {max-height:70%; overflow-y:hidden;} /* max-height:70%; */

#contents-data {font-size:17px; margin-top:1em;}
#contents-data .tree {margin-left:0em; }
#contents-data ul li ul {display: none; }
#contents-data ul li a {cursor:pointer;}
#contents-data ul li ul li a {cursor:pointer;}
/* new */
#contents-data ul li, #contents-data ul li ul li {list-style-type: none;}

#contents-fullview #timeRemaining {top:1.95em; left:1.85em;}
#contents-fullview {height:100%; width:100%; font-size:1.03em;}
#contents-fullview #contents-data {font-size:1.03em; }


#contents-fullview #contents-title {height:3em; padding:1em 0em 0em 1.8em;}
#contents-fullview .contents-title,  #contents-fullview .contents-title span{cursor:pointer;}
#contents-fullview #contents-navigation {height:85%; width:auto; margin:0em 0em 0em 0em; padding-right:2em; padding-left:2.1em}
#contents-fullscreen-nav-left {position:absolute; top: 55%; transform: translateY(-55%);}
#contents-fullscreen-nav-right {position:absolute; top: 55%; transform: translateY(-55%); right:0em;}
#contents-fullview #contents-header-title {margin:0.1em 1em 0.5em 0em; padding-right:1em;}
.contents-start-item, .contents-item-data {max-width:14em; display:inline-block;  vertical-align:top;}
.contents-item-data {margin-left:-0.5em; }
.contents-start-item, .contents-item {margin-bottom:3em;}
.contents-divider-data, .contents-title {width:14em; height:6em; text-align:center; display:table-cell; vertical-align:middle;}
.contents-item {display:inline-block;}
.contents-divider {width:1.2em; height:6em; display:inline-block; margin:0em 0em 0em 0em;}
.contents-divider-data { padding:1.2em 0em;}
.contents-divider-data-item {height:4px; width:1.3em; background-color:#fff; margin:0em 0em 0em -0.3em;}
.contents-title {border:4px solid #fff; padding:1em; font-family: Lato-Black;}
.contents-title.selected {background-color:#d4dfdd; color:#295f58;}
.contents-details {display:block; font-size:17px;}
.contents-details ul {
    list-style: none;
    padding-left: 0.2em 0.2em 0.2em 0em;
	margin:0.5em 0em 0em 0em;
}
.contents-details ul li {
	margin:0.5em 0em 0.1em -1.8em;
	padding:0em;
}

.contents-details ul > li:before {
    display: inline-block;
    content: "-";
    width: 0.6em;
    margin-left:-0.8em;
}
.contents-details ul li.selected {font-family: Lato-Black; font-style:italic;}



/**************************************************************************/
/* SOURCE EXPLORER */
/**************************************************************************/
#source-splitview {height:95%; font-size:1.05em;}
#source-splitview #menu-block-header{color:#000;}
/*#source-splitview .overlayDiv {display:none;}*/

/*#source-title {height:auto;}*/
#source-content {height:97%;}
/*.source-section {padding: 0em 2em 1em 2em; color:#000;}*/
#source-header-title {
	font-size: 2.4em;
	margin-top:0.7em;
	color:#000;
	/*color:#31466c;*/
}
#source-content .source-section {padding: 0em 1em 1em 0.2em; color:#000;}
#source-body {width:100%; display:block;}
#source-body-content {padding:0em 0em 0em 0em; display:block;}



/**************************************************************************/
/* ELEMENTS GLOBAL */
/**************************************************************************/

.disableElement {
    opacity:0.1;
    text-decoration:line-through;
    pointer-events:none;
}
.disableElement label {
    text-decoration:line-through;
    pointer-events:none;
}
.disableElement p {
    text-decoration:line-through;
    pointer-events:none;
}
.disableImgElement {
    /*
    background-color:rgba(0,0,0,0.1);
    background-color:rgba(255,255,255,0.1);
    */
    background: url(../images/icon-noImage.svg);
    background-repeat: no-repeat;
    background-size: 8em 8em;
    background-position: 50% 50%;

}
.thumbnailImageDetail.disableImgElement {

    pointer-events:none;
    background-image:none;
    background-color: rgba(255,255,255,0.8);
    position: absolute;
    width: 100%;
    height: 100%;
    /*
    text-align: center;
    margin: 0 auto;
    z-index: 99999;
    */
}
.thumbnailImageDetail.disableImgElement .thumbnailImageDetailImg {
    background: url(../images/icon-noImage.svg);
    background-repeat: no-repeat;
    background-size: 3em 3em;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;

}
#scenario-splitview .thumbnailImageDetail.disableImgElement {
    background-color: rgba(49,69,107,0.8);
}

.powerpoint.disableImgElement, .audio.disableImgElement, .video.disableImgElement {
    background-size: 50% 50%;
    /*opacity: 0.7;*/
}
.powerpoint.disableImgElement .emptyUploadBlock-wrapper, .audio.disableImgElement .emptyUploadBlock-wrapper, .video.disableImgElement .emptyUploadBlock-wrapper {
    opacity:0.5;
    pointer-events:none;
}
.powerpoint.disableImgElement .emptyUploadBlock-wrapper .emptyUploadBlock-data-desc .documentTypeTitle, .powerpoint.disableImgElement .emptyUploadBlock-wrapper .emptyUploadBlock-data-desc .dialog-description, .audio.disableImgElement .emptyUploadBlock-wrapper .emptyUploadBlock-data-desc .documentTypeTitle, .audio.disableImgElement .emptyUploadBlock-wrapper .emptyUploadBlock-data-desc .dialog-description, .video.disableImgElement .emptyUploadBlock-wrapper .emptyUploadBlock-data-desc .documentTypeTitle, .video.disableImgElement .emptyUploadBlock-wrapper .emptyUploadBlock-data-desc .dialog-description {
    color: rgba(0,0,0,0.3);
}
.powerpoint.disableImgElement .emptyUploadBlock-wrapper .emptyUploadBlock-data-icon, .audio.disableImgElement .emptyUploadBlock-wrapper .emptyUploadBlock-data-icon, .video.disableImgElement .emptyUploadBlock-wrapper .emptyUploadBlock-data-icon {
    opacity: 0.3;
}
/*
#scenario-splitview .disableImgElement {
    background: transparent;
    background-repeat: no-repeat;
    background-size: 8em 8em;
    background-position: 50% 50%;
}
#scenario-splitview .thumbnailImageDetail.disableImgElement {
    background-color: rgba(49,69,107,0.8);
}
#scenario-splitview .thumbnailImageDetail.disableImgElement .thumbnailImageDetailImg {
    background: url(../images/icon-noImage2.svg);
    background-repeat: no-repeat;
}
*/
/*
#scenario-splitview .disableImgElement {
    background: url(../images/icon-noImage2.svg);
    background-repeat: no-repeat;
    background-size: 8em 8em;
    background-position: 50% 50%;
}
#scenario-splitview .thumbnailImageBlock.disableImgElement {
    pointer-events:none;
    background-image:none;
    background-color: rgba(255,255,255,0.8);
    position: absolute;
    width: 100%;
    height: 100%;

}
#scenario-splitview .thumbnailImageDetail.disableImgElement .thumbnailImageDetailImg {
    background: url(../images/icon-noImage2.svg);
    background-repeat: no-repeat;
    background-size: 3em 3em;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
}
*/

@-webkit-keyframes NAME-YOUR-ANIMATION {
 0%   { border: 2px solid rgba(95,156,243,0.5); }
  100% { border: 2px solid rgba(95,156,243,0);}
}
@-moz-keyframes NAME-YOUR-ANIMATION {
  0%   { border: 2px solid rgba(95,156,243,0.5); }
  100% { border: 2px solid rgba(95,156,243,0);}
}
@-o-keyframes NAME-YOUR-ANIMATION {
  0%   { border: 2px solid rgba(95,156,243,0.5); }
  100% { border: 2px solid rgba(95,156,243,0);}
}
@keyframes NAME-YOUR-ANIMATION {
  0%   { border: 2px solid rgba(95,156,243,0.5); }
  100% { border: 2px solid rgba(95,156,243,0);}
}

.element {
    /*
    margin-bottom:1.5em;
    */
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    position: relative;
    }



.designer-addElement-block {
    height:2em;
    opacity:0.1;
    /*
    margin:1em 0em 1.5em 0em;
    */
    position:relative;
    text-align: center;
    margin:0.5em 0em 0.15em 0em;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.designer-addElement-block-resourceCategory {
    display:inline-block;
    margin:0.75em 0em 0.75em 0em;
}
.designer-addElement-block-resourceCategory .icon_action_add {
    opacity:0.1;
}
.designer-addElement-block-resourceCategory .icon_action_add:hover {
    opacity:1;
}
.designer-addElement-block-resource {
    height:2em;
    position:relative;
    display:inline-block;
    margin: 1.1em 0em 1.1em 0em;
    /*width: 130px;*/
    width: 165px;
    height:160px;
    /*height: 80px;*/
}
#scenario-splitview  .designer-addElement-block {
    margin:0em 0em 0.15em 0em;
}
.designer-addElement-block:hover {
    height:2em;
    opacity:1;
    /*
    margin:1em 0em 1.5em 0em;
    */
    -webkit-transition:all ease 500ms;
    -moz-transition:all ease 500ms;
    -o-transition:all ease 500ms;
    transition:all ease 500ms;
    /*
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    */
    /*
    background-color:rgba(77,188,116,0.2);
    */
}
.designer-addElement-block.active {
    opacity:1;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.designer-addElement-block .line {
    height:1px;
    border-top: 1px dotted rgba(0,0,0,0.2);
    position:relative;
    top:1em;
}
#block-right .designer-addElement-block .line {
    height:1px;
    border-top: 1px dotted rgba(255,255,255,0.5);
    position:relative;
    top:1em;
}
@keyframes fade {
  0% { background-color:rgba(0,0,0,0);}
  50% {background-color:rgba(0,0,0,0.05);}
  100% { background-color:rgba(0,0,0,0);}
}
.designer-element-block {
    position:relative;
    border: 1px solid rgba(255,255,255,0);
    /*
    background-color:rgba(95,156,243,0);
    */
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    background-position: 50% 50%;

}


.designer-element-block.new {
    animation: fade 2s linear;
}
.designer-element-block:hover {

    border-top: 1px dotted rgba(0,0,0,0.2);
    border-bottom: 1px dotted rgba(0,0,0,0.2);
    /* rgba(95,156,243,0.2) */
    /*
    background-color:rgba(95,156,243,0.05);
    */
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    /*
    -webkit-animation: NAME-YOUR-ANIMATION 2s 1;
    -moz-animation:    NAME-YOUR-ANIMATION 2s 1;
    -o-animation:      NAME-YOUR-ANIMATION 2s 1;
    animation:         NAME-YOUR-ANIMATION 2s 1;
    */
}
.designer-element.status-placeholder {margin:0.5em 0;}
#block-left .designer-element-block.active-notes-dialog .designer-element{
    background: rgba(0,0,0,0.5);
    padding: 2em;
    border-radius: 0.25em;
}
#block-right .designer-element-block.active-notes-dialog .designer-element{
    background: rgba(255,255,255,0.7);
    padding: 2em;
    border-radius: 0.25em;
}
/*.designer-element-block .no-file{
    opacity: 0.5;
}*/
#block-left .designer-element-block .designer-element.status-placeholder{
    border: 3px dashed black;
    border-radius: 0.25em;
    padding: 1em 1.5em;
    background: rgba(0,0,0,0.1);
}
#block-right .designer-element-block .designer-element.status-placeholder{
    border: 3px dashed white;
    border-radius: 0.25em;
    padding: 1em 1.5em;
    background: rgba(255,255,255,0.2);
}
#block-left .designer-element-block.active-notes-dialog .designer-element.status-placeholder{
    border: 3px dashed black;
    background: rgba(0,0,0,0.5);
}
#block-right .designer-element-block.active-notes-dialog .designer-element.status-placeholder{
    border: 3px dashed white;
    background: rgba(255,255,255,0.7);
}

#block-left .designer-element-block .designer-element.status-placeholder{
    opacity: 0.5;
}
#block-right .designer-element-block .designer-element.status-placeholder{
    opacity: 0.35;
}
.designer-element-block .designer-element.status-placeholder .swap-icon,.designer-element-block .designer-element.status-placeholder .answer-add-block,.designer-element-block .designer-element.status-placeholder .icon_action_add, .designer-element-block .designer-element.status-placeholder .icon_action_delete,
.designer-element-block .designer-element.status-placeholder .feedback-container,.designer-element-block .designer-element.status-placeholder .delete-tab{
    display:none;
}
#elementTop {
    opacity:0;
    height:0em;
    display:block;

}
#elementTop.active {
    opacity:1;
    padding:1em 0em;
    height:auto;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    /*
    animation: fade 2s linear;
    */
}
#scenario-splitview .designer-element-block:hover {
    border-top-color: rgba(255,255,255,0.5);
    border-bottom-color: rgba(255,255,255,0.5);
}
.editableActions {
    opacity:0;
    position:absolute;
    right:0em;
    top:0em;
    width:100%;
    text-align:right;
    z-index:3;
    height:0;
}
.no-transition:hover, .no-transition {
    -webkit-transition:unset !important;
    -moz-transition:unset !important;
    -o-transition:unset !important;
    transition:unset !important;
}
.designer-element-block.no-hover .editableActions.editableActionsHover {
    opacity:0;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    right:0em;
    top:-1.2em;
}
/* .designer-element-block:not(.no-hover):hover .editableActions {
    opacity:1;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    right:0em;
    top:-1.2em;
}*/
.editableActionsHover {
    opacity:1;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    right:0em;
    top:-1.2em;
}
.designer-element-block .sticky-actions.editableActions {
    -webkit-transition:unset !important;
    -moz-transition:unset !important;
    -o-transition:unset !important;
    transition:unset !important;
    opacity:1 !important;
    right:0em !important;
    top:-1.2em !important;
}
.designer-element-block.no-hover .editableActions {
    pointer-events: none;
    cursor: default;
}
.hover-none {
    opacity:0 !important;
    pointer-events: none !important;
    cursor: default !important;
}
.editableActions .desc_action_settings {
    display: inline-block;
    position:relative;
    height: 1.9em;
    min-height: 1.9em;
    top:0.1em;
    border: 1px solid #7f7f7f;
    background-color:#fff;
    border-radius: 1em;
    margin-left: 0em 0.2em;
    padding:0em 1em;
    background-repeat: no-repeat;
    cursor:pointer;
}
.editableActions .desc_action_settings span{
    font-size:0.8em;
    position:relative;
    top:0.25em;
}
#scenario-splitview .editableActions .desc_action_settings span{
    color:#000;
}
.editableActions .icon_action_edit {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    */
    margin-left: 0em 0.2em;
    /*background: url(../images/icon-edit-inactive.svg);*/
    background: url(../images/icon-minimize.svg);
    background-repeat: no-repeat;
    cursor:pointer;
}
.editableActions .icon_action_edit.active {
    /*
    background: url(../images/icon-edit.svg);
    */
    background: url(../images/icon-edit-inactive.svg);
    /*background: url(../images/icon-minimize.svg);*/
    transform: rotate(360deg);
    background-repeat: no-repeat;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

}
.designer-element-block:hover .editableActions .icon_action_edit {
    top:0em;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.designer-element-block:hover .editableActions .desc_action_settings {
    top:-0.975em;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.editableActions .icon_action_settings {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    */
    margin-left: 0em 0.2em;
    background: url(../images/icon-settings.svg);
    background-repeat: no-repeat;
    cursor:pointer;
}
.designer-element-block:hover .editableActions .icon_action_settings {
    top:0em;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
@keyframes selectOption {
  0% { width:2em; height:2em;}
  50% {width:2.15em; height:2.15em;}
  100% {width:2em; height:2em; }
}
.editableActions .icon_action_display {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    margin-left: 0em 0.2em;
    background: url(../images/icon-show-b.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    /*
    float:left;
    */
}
.editableActions .icon_action_display.hide {
    background: url(../images/icon-hide-b.svg);
    background-repeat: no-repeat;
}
.designer-element-block:hover .editableActions .icon_action_display {
    top:0em;

    -webkit-transition:all ease 450ms;
    -moz-transition:all ease 450ms;
    -o-transition:all ease 450ms;
    transition:all ease 450ms;

}
.designer-element-block:hover .editableActions .icon_action_display.hide {
    top:0em;
}
.designer-element-block:hover .editableActions .icon_action_display:hover {
    /*
    animation: selectOption 300ms linear;
    */
}
.editableActions .notes-icon-true, .editableActions .notes-icon-false {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    cursor:pointer;
}
.notes-icon-true {
    background: url(../images/active-notesDirections_V6.svg);
    background-repeat: no-repeat;
}
.notes-icon-false {
    background: url(../images/inactive-notesDirections_V6.svg);
    background-repeat: no-repeat;
}
.designer-element-block:hover .editableActions .notes-icon-true, .designer-element-block:hover .editableActions .notes-icon-false {
    top:0.2em;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.editableActions .icon_action_moveDown {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    */
    margin-left: 0em 0.2em;
    background: url(../images/icon-moveDown.svg);
    background-repeat: no-repeat;
    cursor:pointer;
}
.designer-element-block:hover .editableActions .icon_action_moveDown {
    top:0em;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.editableActions .icon_action_moveUp {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    */
    margin-left: 0em 0.2em;
    background: url(../images/icon-moveUp.svg);
    background-repeat: no-repeat;
    cursor:pointer;
}
.designer-element-block:hover .editableActions .icon_action_moveUp {
    top:0em;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.editableActions .icon_action_delete {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    */
    margin-left: 0em 0.2em;
    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
    cursor:pointer;

}
.designer-element-block:hover .editableActions .icon_action_delete {
    top:0em;
    -webkit-transition:all ease 900ms;
    -moz-transition:all ease 900ms;
    -o-transition:all ease 900ms;
    transition:all ease 900ms;
}

.text-content-settings, .question-settings {
    background-color:transparent;
    border-bottom: 1px dotted rgba(0,0,0,0);
    height:0em;
    width:100%;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    opacity:0;
}




.text-content-settings.active, .question-settings.active {
    /*
    background-color:rgba(255,255,255,0.1);
    */
    border-top: 1px dotted rgba(0,0,0,0.2);
    border-bottom: 1px dotted rgba(0,0,0,0.2);
    height:10em;
    width:100%;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    position:relative;
    top:-1px;

    /*
   -moz-box-shadow:    inset 3px 0px 5px 10px #000000;
   -webkit-box-shadow: inset 3px 0px 5px 10px #000000;
   box-shadow:         inset 3px 0px 5px 10px #000000;

   -webkit-box-shadow: inset 0px 3px 5px 1px #000000;
    box-shadow: inset 0px 2px 0px 3px #000000;
    */

    opacity:1;
    background-color:orange;
}


#scenario-splitview .text-content-settings.active, #scenario-splitview .question-settings.active {
    border-color:rgba(255,255,255,0.5);
}

.question-settings2 {
    position:absolute;

    background-color:red;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    z-index: 400;

    display:none;

}
.question-settings2.active {

}

/*
.icon_action_add {
    display: inline-block;
    position:relative;
    height: 1.9em;
    min-height: 1.9em;
    border: 1px solid #7f7f7f;
    background-color:#fff;
    border-radius: 1em;
    margin-left: 0em 0.2em;
    padding:0em 1em;
    background-repeat: no-repeat;
    cursor:pointer;

}
.icon_action_add span{
    font-size:0.8em;
    position:relative;
    top:0.25em;
}
*/

.designer-addElement-block .icon_action_add, .designer-addElement-block-resourceCategory .icon_action_add,  .screen-view #block-right .helpfulTip .icon_action_add/*, .screen-view #block-right .no-scenario-container .icon_action_add*/{
    position:relative;
    width: 2em;
    height: 2em;
    margin: 0 auto;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:12;
    transform: rotate(0deg);
    top:-0.15em;
    /*
    top:-0.35em;
    border:0.15em solid transparent;
    */

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}

.icon_action_add_resource{
    position:absolute;
    opacity:0.1;
    width: 2em;
    height: 2em;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:12;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    left:50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

}
.icon_action_add_resource:hover {
    position:absolute;
    opacity:1;
    width: 2em;
    height: 2em;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    left:50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@-webkit-keyframes featureCascadedPulse {
    0% { opacity:0.2;}
    50% {opacity:0.8;}
    100% { opacity:0.2;}
}
@-moz-keyframes featureCascadedPulse {
    0% { opacity:0.2;}
    50% {opacity:0.8;}
    100% { opacity:0.2;}
}
@-o-keyframes featureCascadedPulse {
    0% { opacity:0.2;}
    50% {opacity:0.8;}
    100% { opacity:0.2;}
}
@keyframes featureCascadedPulse {
    0% { opacity:0.2;}
    50% {opacity:0.8;}
    100% { opacity:0.2;}
}
.standard-dialog-component .display.disabled_40 .helpfulTip{
    display:none;
}
.helpfulTip {
    display:block;
    border: 1px solid rgba(255,255,255,0.5);
    background: rgba(255,255,255,0.2);
    background: rgba(0,0,0,0.2);
    padding: 1em;
    margin: 0.5em 0em 1em 0em;
    color:#fff;
}
.platformDesigner.helpfulTip {
    display:block;
    border: 1px solid rgba(255,255,255,0.5);
    background: rgba(0,0,0,0.05);
    padding: 1em;
    margin: 0.5em 0em 1em 0em;
    color:#fff;
    border-radius: 10px;
    font-size: 0.95em;
}
/*
.helpfulTip:before {
    content: "";
    display:inline-block;
    width:1.4em;
    height:1.4em;
    position:relative;
    left: -0.5em;
    top: 0.2em;
    background-image: url(../images/icon-tip.svg);
    -webkit-animation: bulbPulse 2s linear infinite;
    animation: bulbPulse 2s linear infinite;
}
*/
.standard-dialog-component .helpfulTip {
    margin: 0.5em 0em 1em 2.8em;
}
.standard-dialog-component .helpfulTip.cascaded.standardClause {
    margin: 0.5em 0.8em 1em 4.35em;
}

.standard-dialog-component .helpfulTip:before {
    content: "";
    display:inline-block;
    width:1em;
    height:1em;
    position:relative;
    left: -0.4em;
    top: 0.1em;
    background-image: url(../images/icon-star.svg);
    -webkit-animation: bulbPulse 3s linear infinite;
    animation: bulbPulse 3s linear infinite;
}
.sidebar-container .helpfulTip {
    color:#000;
}

.helpfulTip.cascaded {
    margin: 0.5em 0em 1em 3em;
}
.helpfulTip.cascaded .helpfulTip-data {
    margin-top:-1em;
    display:inline-block;
}
.helpfulTip.cascaded .helpfulTip-data:before {
    /*
    content: "";
    display:inline-block;
    width:2em;
    height:2em;
    background-size: 2em 2em;
    background: url(../images/icon-featureCascaded.svg);
    background-repeat: no-repeat;
    z-index:999;
    position:relative;
    left: 0em;
    top: 0.6em;
    opacity:0.7;
    -webkit-animation: featureCascadedPulse 2s linear infinite;
    animation: featureCascadedPulse 2s linear infinite;
    */
}
.standard-dialog-component .icon_action_add.active, .standard-dialog-component .icon_action_back.active{
    position: relative;
    opacity:1;
    width: 2em;
    height: 2em;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:12;

    left:50%;
    top: 1.5em;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.standard-dialog-component .icon_action_back.active {
    background: url(../images/icon-minimize.svg);
}
.designer-addElement-container2 .designer-addElement-block .icon_action_add {
    display:inline-block;
}
.designer-addElement-block .icon_action_back {
    display:inline-block;
    opacity:0;
    transform: rotate(180deg);
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.designer-addElement-block .icon_action_back.active {
    position:relative;
    width: 2.25em;
    height: 2.25em;
    margin: 0 auto;
    background: url(../images/icon-back.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:13;
    transform: rotate(0deg);
    top:-0.25em;
    /*
    top:-0.35em;
    border:0.15em solid transparent;
    */

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    opacity:1;
}
.designer-addElement-block.active .icon_action_add {
    width: 2.25em;
    height: 2.25em;
    /*
    background: url(../images/icon-delete-trash.svg);
    transform: rotate(90deg);
    */
    background: url(../images/icon-minimize.svg);
    transform: rotate(180deg);
    background-repeat: no-repeat;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    position:relative;
    z-index:15;
    top: -0.25em;
    /*
    top: -0.45em;
    background-color:transparent;
    -webkit-border-radius: 1.5em;
    border:0.15em solid #fff;
    */
}

.designer-addElement-block.active .icon_action_add_confirm{
    position:relative;
    display: inline-block;
    width: 2.25em;
    height: 2.25em;
    margin: 0 auto;
    z-index:15;
    transform: rotate(0deg);
    top:-0.25em;
}
.designer-addElement-block.active .icon_action_add_confirm.green-confirm{
    background: url(../images/icon-confirm.svg);
    background-repeat: no-repeat;
    cursor:pointer;
}
.designer-addElement-block.active .icon_action_add_confirm.grey-confirm{
    background: url(../images/icon-check-invalid.svg);
    background-repeat: no-repeat;
    pointer-events: none;
}
.addElement-options-block {
    height:0em;
    opacity:0;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.addElement-options-block.active {
    border-bottom: 1px dotted rgba(0,0,0,0.2);
    height:auto;
    /*
    max-height:6.5em;
    */
    opacity:1;
    /*
    background-color:rgba(255,255,255,0.1);
    */
    background-image: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,0.05), rgba(255,255,255,0));
    position:relative;
    top:-1.1em;
    padding-top:1.1em;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;


}
.designer-addElement-container2 .addElement-options-block.active {
    min-height:6em;
    margin-bottom:1em;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

}
#resources-splitview  .designer-addElement-container2 .addElement-options-block.active {
    min-height:10.5em;
    border-bottom: 1px dotted rgba(255,255,255,0.5);
}
#scenario-splitview .addElement-options-block.active {
    border-bottom: 1px dotted rgba(255,255,255,0.5);
}
.addElement-options-block .addElement-options {
    width:0%;
    opacity:0;
    text-align:left;
    margin:0.5em 0em;

}
.addElement-options-block.active .addElement-options {
    opacity:1;
    width:100%;
    text-align:center;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.designer-addElement-container2 .addElement-options-block.active .addElement-options {
    opacity:1;
    width:100%;
    text-align:center;
    display:block;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.addElement-options-block .addElement-options .icon_element_block  {
    position:relative;
    display:inline-block;
}
.addElement-options-block.active .addElement-options .icon_element_block {
    width: 3em;
    height: 3em;
    margin:0.5em 0.4em;
    /*
    background: url(../images/icon-element-text.svg);
    */
    background-color:#ddd;
    border-color:transparent;
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:12;
    transform: rotate(-180deg);
}
.addElement-options-block .addElement-options .icon_element_block.textElement {
    /*
    background: url(../images/icon-element-text.svg);
    */
    background-color:red;
}
.addElement-options-block .addElement-options .icon_element_block.questionElement {
    /*
    background: url(../images/icon-element-text.svg);
    */
    background-color:blue;
}
.addElement-options-block .addElement-options .icon_element_block.imageElement {
    /*
    background: url(../images/icon-element-text.svg);
    */
    background-color:green;
}
.addElement-options-block.active .addElement-options .icon_element_block {
    transform: rotate(0deg);

}
@-webkit-keyframes elementTwerk {
  0%   { transform: rotate(0deg);}
  30%   { transform: rotate(5deg);}
  60%   { transform: rotate(-5deg);}
  100% { transform: rotate(0deg);}
}
@-moz-keyframes elementTwerk {
  0%   { transform: rotate(0deg);}
  30%   { transform: rotate(5deg);}
  60%   { transform: rotate(-5deg);}
  100% { transform: rotate(0deg);}
}
@-o-keyframes elementTwerk {
  0%   { transform: rotate(0deg);}
  30%   { transform: rotate(5deg);}
  60%   { transform: rotate(-5deg);}
  100% { transform: rotate(0deg);}
}
@keyframes elementTwerk {
  0%   { transform: rotate(0deg);}
  30%   { transform: rotate(5deg);}
  60%   { transform: rotate(-5deg);}
  100% { transform: rotate(0deg);}
}

@-webkit-keyframes presetTwerk {
  0%   { transform: rotate(0deg);}
  30%   { transform: rotate(2deg);}
  60%   { transform: rotate(-2deg);}
  100% { transform: rotate(0deg);}
}
@-moz-keyframes presetTwerk {
  0%   { transform: rotate(0deg);}
  30%   { transform: rotate(2deg);}
  60%   { transform: rotate(-2deg);}
  100% { transform: rotate(0deg);}
}
@-o-keyframes presetTwerk {
  0%   { transform: rotate(0deg);}
  30%   { transform: rotate(2deg);}
  60%   { transform: rotate(-2deg);}
  100% { transform: rotate(0deg);}
}
@keyframes presetTwerk {
  0%   { transform: rotate(0deg);}
  30%   { transform: rotate(2deg);}
  60%   { transform: rotate(-2deg);}
  100% { transform: rotate(0deg);}
}

.addElement-options-block.active .addElement-options .icon_element_block:hover{
    background-color:#ddd;
    animation-name: elementTwerk;
    animation-duration: 0.25s;
}
.addElement-options-block .addElement-options .icon_element_block.textElement:hover {
    /*
    background: url(../images/icon-element-text.svg);
    */
    background-color:red;
    animation-name: elementTwerk;
    animation-duration: 0.25s;
}
.addElement-options-block .addElement-options .icon_element_block.questionElement:hover {
    /*
    background: url(../images/icon-element-text.svg);
    */
    background-color:blue;
    animation-name: elementTwerk;
    animation-duration: 0.25s;
}
.addElement-options-block .addElement-options .icon_element_block.imageElement:hover {
    /*
    background: url(../images/icon-element-text.svg);
    */
    background-color:green;
    animation-name: elementTwerk;
    animation-duration: 0.25s;
}
.addElement-options-block.active .addElement-options .icon_element_block.selected  {
    position: relative;
    background-color: #a8a8a8;
    border-top: 1.1em solid #eee;
    border-right: 1.1em solid #eee;
    border-left: 1.1em solid #eee;
    border-bottom: 1.3em solid #eee;
    top: 0.925em;
    margin-top: -1.55em;
    margin-bottom: 0.2em;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;

}
.designer-addElement-container2 .addElement-options-block.active .addElement-options .icon_element_block.selected  {
    position: relative;
    background-color: #a8a8a8;
    border-top: 0em solid transparent;
    border-right: 0em solid transparent;
    border-left: 0em solid transparent;
    border-bottom: 0em solid transparent;
    margin-bottom: 0em;
    top: 0em;
    margin-top: 0em;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    opacity:1;
    height:3em;
    width:3em;
    margin:0.5em 0.4em;
    /*
    height:0em;
    width:0em;
    left:-10em;

    margin-top: -1.55em;
    */

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

}
#scenario-splitview .addElement-options-block.active .addElement-options .icon_element_block.selected  {
    position: relative;
    background-color: transparent;
    border-top: 0em solid transparent;
    border-right: 0em solid transparent;
    border-left: 0em solid transparent;
    border-bottom: 0em solid transparent;
    margin-bottom: 0em;
    top: 0em;
    margin-top: 0em;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    opacity:1;
    height:3em;
    width:3em;
    margin:0.5em 0.4em;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    /*
    background-color: transparent;
    border-top: 1.1em solid rgba(238,238,238,0.2);
    border-right: 1.1em solid rgba(238,238,238,0.2);
    border-left: 1.1em solid rgba(238,238,238,0.2);
    border-bottom: 1.3em solid rgba(238,238,238,0.2);
    */

}
.addElement-options-block.active .addElement-options .icon_element_block.selected:hover {
    animation-duration: 0s;
}

.addElement-option-presets-block {
    background-color:transparent;
    height:0em;
    width:97%;
    opacity:0;
}
.addElement-option-presets-block.active {
    background-color:#eee;
    min-height:6.5em;
    height: auto;
    /*width:97%;*/
    width:calc(100% - 0.5em);
    opacity:1;
    overflow: hidden;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    padding:1.5em 0.75em 1em 0.75em;
    text-align:center;
    margin-bottom:1em;
    overflow-y:scroll;
    overflow:hidden;

}
#scenario-content .designer-addElement-container2 {
    margin-top:0.5em;
}
#scenario-content .no-scenario-container .designer-addElement-container2 {
    margin-top:2em;
}
.designer-addElement-container2 .addElement-option-presets-block {
    background-color:transparent;
    height:0em;
    /*width:97%;*/
    width:calc(100% - 0.5em);
    opacity:0;

    overflow: hidden;
    /*padding:2em 0.75em 1.5em 0.75em;*/
    text-align:center;
    overflow-y:scroll;
    overflow:hidden;
    position:relative;
    top:-6.4em;
    /*
    z-index:12;
    */
    margin-bottom: -7em;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    transition-delay: 100ms;
}
.designer-addElement-container2 .addElement-option-presets-block.active {
    background-color:#eee;
    height:7.5em;
    /*width:97%;*/
    width:calc(100% - 0.5em);
    opacity:1;

    overflow: hidden;
    padding:2em 0.75em 1.5em 0.75em;
    text-align:center;
    overflow-y:scroll;
    overflow:hidden;
    position:relative;
    top:-6.4em;
    z-index:12;
    margin-bottom: -6.25;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    transition-delay: 100ms;
}
#resources-splitview .designer-addElement-container2 .addElement-option-presets-block.active {
    background-color:transparent;
}
.designer-addElement-container2.resource-add-container .addElement-option-presets-block.active {
    top:-1em;
}
#scenario-splitview .addElement-option-presets-block.active {
    background-color: #31456b;
    border-top: 1px dotted rgba(255,255,255,0.5);
    border-bottom: 1px dotted rgba(255,255,255,0.5);
    background-image: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,0.05), rgba(255,255,255,0));

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
#scenario-splitview.screen-resource .addElement-option-presets-block.active {
    background-color: #0a4b65;
    border-top: 1px dotted rgba(255,255,255,0.5);
    border-bottom: 1px dotted rgba(255,255,255,0.5);
    background-image: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,0.05), rgba(255,255,255,0));

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.addElement-option-presets {
    width:0%;
}
.designer-addElement-container2 .addElement-option-presets-block .addElement-option-presets {


}
.designer-addElement-container2 .addElement-option-presets-block.active .addElement-option-presets {
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    transition-delay: 500ms;
}
.addElement-option-presets-block.active .addElement-option-presets {
    overflow: hidden;
    white-space: nowrap;
    width:100%;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    transition-delay: 100ms;
}
.preset_block {
    width:0em;
    height:0em;
    opacity:0;
    position:absolute;
}

.addElement-option-presets-block.active .addElement-option-presets .preset_block {
    overflow: visible;
    white-space: normal;
    width:10em;
    height:6em;
    margin:0em 0.75em;
    background-color:rgba(255,255,255,0.5);
    display:inline-block;
    border:0.25em solid rgba(255,255,255,0.8);
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    opacity:1;
    position:relative;

    transition-delay: 200ms;
    transition-property: opacity, position;
}
#scenario-splitview .addElement-option-presets-block.active .addElement-option-presets .preset_block {
    background-color:rgba(255,255,255,0.7);
}
.preset_block:hover {
    animation-name: presetTwerk;
    animation-duration: 0.25s;
}
.addElement-option-presets-block.active .addElement-option-presets .preset_block.selected {
    border:0.25em solid rgba(0,0,0,0.1);
    background-color:rgba(0,0,0,0.05);
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    pointer-events:none;
}
.preset_block.selected:hover {
    animation-duration: 0s;
}
.powerPointViewer {
    width: 100%;
    display:block;
    margin: 0 auto;
    top: 0.5em;
    position: relative;
}

.audioplayer, .videoplayer {
    margin: 0.2em 0;
}

/**********************************************
CKEditor Overrides
**********************************************/
.ck.ck-balloon-panel {
    position: fixed;
}
.ck.ck-editor__editable_inline {
    /*
    width:99%;
    */
    word-break: break-word;
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused.ck-focused {
    border-color:transparent;
    border-width:0px !important;
    box-shadow:none;
}
.ck-editor__editable_inline {
    margin:0 !important;
    padding:0 !important;
}
.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-focused {
    margin:0 !important;
    padding:0 !important;
    border-width:0px !important;
}
.thumbnailTitle.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-focused {
    margin-left: 1em !important;
}
.designer-element-block{
    padding:0.25em 0em;
}
.designer-element p {
    margin:0 !important;
    padding:0 !important;
}
.ck-balloon-panel{
    z-index:9000001 !important;
}
/**********************************************
Text Element Presets
**********************************************/
.designer-element {
    padding:0.55em 0em;
}
.preset_item {
    display:table;
    cursor: pointer;
    height: 100%;
    width: 100%;
}
.preset_item .html {
    font-size:6px;
    display: table-row;
}
/**********************************************
Paragraph
**********************************************/
.paragraph {
    /*
    margin-left:0.05em;
    margin-top:0.05em;
    */
}
.designer-element .paragraph p {
    display: block;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.preset_block .paragraph {
    display: table-cell;
    vertical-align: middle;
    padding:0% 7%;
    text-align:left;
}
#scenario-splitview .preset_block .paragraph {
    color:#000;
}
/**********************************************
text_header
**********************************************/
.text_header .header{
    display: block;
    vertical-align: middle;
    font-weight:bold;
    font-size:1.5em;
    text-align:left;
    /*
    padding-bottom:0.7em;
    */
}

.preset_block .text_header {
    display: table-cell;
    vertical-align: middle;
    padding:0% 7%;
    text-align:left;
}
#scenario-splitview .preset_block .text_header {
    color:#000;
}
/*
.designer-element.text_header p {
    margin:0 !important;
    padding:0 !important;
}
.designer-element.text_header {
    padding:0.74em 0em !important;
    display: block;
}
*/
/**********************************************
text_headerParagraph
**********************************************/
.text_headerParagraph {
    display: table-cell;
    vertical-align: middle;
}
.text_headerParagraph div {
    /*width:90%;
    text-align:left;*/
}
.text_headerParagraph .header {
    font-weight:bold;
    font-size:1.5em;
    /*
    margin-bottom:0.5em;
    */
}
#scenario-splitview .preset_block .text_headerParagraph .header {
    color:#000;
}
/*
.preset_block .text_headerParagraph {
    padding:0% 5%;
}
.preset_block .text_headerParagraph div {
    padding:0% 5%;
}
*/
.preset_block .text_headerParagraph .header, .preset_block .text_headerParagraph .paragraph {
    padding:0% 7%;
}
.designer-element.text_headerParagraph {
    padding:0.75em 0em 0.75em 0em;
    display: block;
}

.designer-element.text_headerParagraph .paragraph p {
    display: block;
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
#scenario-splitview .preset_block .designer-element.text_headerParagraph .paragraph p {
    color:#000;
}

/*
.designer-element.text_headerParagraph p {
    margin:0 !important;
    padding:0 !important;
}
.designer-element.text_headerParagraph .header {
    padding:0.25em 0em !important;
}
*/





/**********************************************
text_twoColumn
**********************************************/
.text_twoColumn {
    display: table-cell;
    vertical-align: middle;
}
.preset_block .text_twoColumn {
    padding:0% 5%;
}
.text_twoColumn div {
    width:40%;
    padding:0% 5%;
    display: table-cell;
    text-align:left;
}
.designer-element.text_twoColumn div {
    width:45% !important;
    padding:0% 5% 0% 0% !important;
}

/**********************************************
thumbnailImageBlock
**********************************************/
.thumbnailImageBlock {
    /*
    padding:0.55em 0em !important;
    */
    position: relative;
    margin: 0.55em 0em !important;
}
.thumbnailImageBlock p {
    margin:0 !important;
    padding:0 !important;
}
.thumbnailTitle {
    margin-left:1em !important;
    font-style:italic;
}
/**********************************************
image-link
**********************************************/
.designer-element a.image-link {
    text-decoration:underline;
    margin:0 !important;
    padding:0 !important;
}
.designer-element a.image-link p {
    margin:0 !important;
    padding:0 !important;
}
/**********************************************
question
**********************************************/

.preset_block .question_pickOne, .preset_block .question_pickMany, .preset_block .question_trueFalse, .preset_block .question_textEntry {
    display: table-cell;
    vertical-align: middle;
    padding:0% 7%;
    text-align:left;
     font-size:9px;
}
#scenario-splitview .preset_block .question_pickOne, #scenario-splitview .preset_block .question_pickMany, #scenario-splitview .preset_block .question_trueFalse {
    color:#000;
}
.preset_block .question_pickOne div, .preset_block .question_pickMany div, .preset_block .question_trueFalse div, .preset_block .question_textEntry div {
        margin:0.15em 0em;
}
.preset_block .question_pickOne input, .preset_block .question_pickMany input, .preset_block .question_trueFalse input {
    width:10px;
}
.preset_block .question_pickOne label, .preset_block .question_trueFalse label, .preset_block .question_textEntry label {
    position:relative;
    top:-0.35em;
    left:0.2em;
}
.preset_block .question_pickMany label {
    position:relative;
    top:-0.4em;
    left:0.2em;
}
.preset_block  .question_textEntry textarea
{
    width:98%;
}
/*
.question-answers.editable input {
    position:absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.question-answers.editable .checkmark {
    width:1.1em;
    height:1.1em;
    position:absolute;
    background-color: red;
    border-color:red;
    margin:0 auto;
    margin-top:0.5em;
    text-align:center;
}
On mouse-over, add a grey background color
.question-answers.editable .question-answer-blockDisplay:hover input ~ .checkmark {
  background-color: #ccc;
}

When the checkbox is checked, add a blue background
.question-answers.editable .question-answer-blockDisplay input:checked ~ .checkmark {
  background-color: #2196F3;
}
*/
.question-answers {
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.question-answers.editable {
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.question-answers .editable_question_block {
    display:block;
    width:auto;
}
.question-answers.editable .editable_question_block {
    display:table;
    width:100%;
}
.question-answers .question-answer-blockDisplay {
    border-top:0px;
    display:block;
    padding:0.25em 0em;
}
.question-answers.editable .question-answer-blockDisplay {
    display:table-row;
    width:100%;
}
.question-answers.editable .question-answer-blockDisplay:hover {
    /*
    background-color:rgba(238,238,238,0.3);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.05) 50%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.05) 50%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0) 100%);
    background: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0) 100%);
    */
}
.question-answers .question-answer-blockDisplay .input{
    display:inline-block;
}
.question-answers.editable .question-answer-inlineDisplay .input{
    display:none;
}
.question-answers.editable .question-answer-blockDisplay .input{
    display:none;
}
.question-answers .question-answer-inlineDisplay .answer{
   margin-right: 1em;
}
.question-answers.editable .question-answer-blockDisplay .input{
    margin-right:unset;
}
.trueFalse .question-answers.editable .question-answer-blockDisplay .input{
    display:table-cell;
    width: 3%;
}
.trueFalse .question-answers.editable .question-answer-blockDisplay .input {
    opacity:1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    pointer-events: auto;
}
.question-answers .editable_question_header {
    opacity:0;
    display:none;
}
.question-answers .editable_question_add,  .question-answers .question_add_na{
    opacity:0;
    display:none;
}
.question-answers.editable .editable_question_header, .question-answers.editable .editable_question_add, .question-answers.editable .question_add_na {
    opacity:1;
    display:table-row;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.editable_question_header_cell {
    display:table-cell;
    border-bottom:1px solid #ddd;
    padding:0.25em 0em 0.75em 0em;
    font-size:0.8em;
    text-transform:uppercase;
    color:rgba(0,0,0,0.5);
}
#scenario-splitview .editable_question_header_cell {
    color:rgba(255,255,255,0.5);
}
.question-answers.editable .editable_question_add .option, .question-answers.editable .editable_question_add .desc {
    display:table-cell;
    border-bottom:1px solid #ddd;
    padding:0.75em 0em;
    font-size:0.8em;
    text-transform:uppercase;
    color:rgba(0,0,0,0.5);
}
.question-answers.editable .editable_question_add .option, .question-answers.editable .editable_question_add .desc {
    padding-bottom:1em;
    border-bottom:0px solid #ddd;
}

.question-answers .input {
    display:inline-block;
    border-right:0px;
    border-bottom:0px;
}
.question-answers.editable .input {
    display:table-cell;
    border-bottom:1px solid #ddd;
    vertical-align: middle;
    width:14%;
}
.question-answers .answer {
    display:inline-block;
    border-bottom:0px;
}
.question-answers.editable .answer,  .question-answers.editable .setButton{
    display:table-cell;
    border-bottom:1px solid #ddd;
    vertical-align: middle;
    width:auto;
    padding: 0.5em 0em;
}
.designer-element-block.trueFalse .question-answers.editable .answer, .designer-element-block.pickOne .question-answers.editable .answer{
    width: calc(100% - 34.5%);
}
.question-answers.editable .answer .ck.ck-editor__editable_inline {
    width:auto;
}

.setButton span {
    display: inline;
}
.setButton span.requiresReconfigNotice {
    color: red;
    margin-left: 0.3em;
    animation: blinker 2s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.designer-element .question-answers .weight {
    display:inline-block;
    border-bottom:0px;
    opacity:0;
    height:0;
    white-space:nowrap;
    font-size: 0.85em;
    text-transform: uppercase;
    display:none;
}
.designer-element .question-answers.editable .weight {
    display:table-cell;
    border-bottom:1px solid #ddd;
    vertical-align: middle;
    text-align: center;
    opacity:1;
    height:auto;
    width:19%;
    padding:0 1%;
}
.designer-element .question-answers .pointDistribution {
    display:inline-block;
    border-bottom:0px;
    opacity:0;
    height:0;
    white-space:nowrap;
    font-size: 0.9em;
    text-transform: uppercase;
    position:relative;

    display:none;
}
.designer-element .question-answers.editable .pointDistribution {
    display:table-cell;
    border-bottom:1px solid #ddd;
    vertical-align: middle;
    opacity:1;
    height:auto;
    width:7%;
    text-align: center;
    margin:0 auto;
}
.designer-element .question-answers.editable .pointDistribution .count {
    /*
    border-radius: 50%;
    width: 0.5em;
    height: 0.5em;
    padding: 0.35em 0.35em 0.25em 0.25em;
    background: #000;
    border: 2px solid #000;
    color: #fff;
    text-align: center;
    font-size: 0.9em;
    text-transform: uppercase;
    margin:0 auto;
    */
    border-radius: 5%;
    padding: 0.15em;
    background: #eee;
    border: 2px solid #eee;
    color: #000;
    font-size: 0.9em;
    text-transform: uppercase;
    display: inline-block;
    min-width:50%;
}
.designer-element .question-answers.editable .pointDistribution .count:hover {
    border: 2px solid #ddd;
    background: #ddd;
    animation-name: elementTwerk;
    animation-duration: 0.25s;
    text-decoration:underline;
}
.designer-element .question-answers .informationalPoints {
    display:inline-block;
    border-bottom:0px;
    opacity:0;
    height:0;
    white-space:nowrap;
    font-size: 0.9em;
    text-transform: uppercase;
    position:relative;

    display:none;
}
.designer-element .question-answers.editable .informationalPoints {
    display:table-cell;
    border-bottom:1px solid #ddd;
    vertical-align: middle;
    opacity:1;
    height:auto;
    width:7%;
    text-align: center;
    margin:0 auto;
}
.designer-element .question-answers.editable .informationalPoints .count {
    border-radius: 5%;
    padding: 0.15em;
    background: #eee;
    border: 2px solid #eee;
    color: #000;
    font-size: 0.9em;
    text-transform: uppercase;
    display: inline-block;
    min-width:50%;
}
.designer-element .question-answers.editable .informationalPoints .count:hover {
    border: 2px solid #ddd;
    background: #ddd;
    animation-name: elementTwerk;
    animation-duration: 0.25s;
    text-decoration:underline;
}
.designer-element .question-answers .points {
    display:inline-block;
    border-bottom:0px;
}
.designer-element .question-answers.editable .points {
    display:table-cell;
    border-bottom:1px solid #ddd;
    vertical-align: middle;
    width:8%;
}
.designer-element .question-answers .points .data {
    opacity:0;
    height:0;
}
.designer-element .question-answers.editable .points .data {
    opacity:1;
    height:auto;
    font-size:0.9em;
    text-transform:uppercase;
    color:rgba(0,0,0,1);

    background-color:rgba(238,238,238,0.5);
    border:1px solid rgba(238,238,238,0.5);
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    margin:0em 0.1em !important;
    padding:0.1em 0em;
}
.designer-element .question-answers.editable .points:hover .data{
    background-color:#fff;
    border:1px solid rgba(0,0,0,0.2);
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    margin:0em 0.1em !important;
    padding:0.1em 0em;
}
/*
.designer-element .question-answers .answer p{
    display: block;
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
*/
.designer-element .question-answers .answer p, .designer-element .question-answers.editable .answer p , .question-answers.editable .answer, .designer-element .question-answers.editable .setButton {
    /*
    line-height:1em;
    padding:0.65em 0

    padding: 0.5em 0 !important;
    */
    margin: 0em !important;
}
.designer-element .question-answers.editable .points .data p{
    margin:0.3em !important;
    padding:0.3em !important;
    white-space:nowrap;
}
.designer-element .question-answers.editable .points:hover .data p{
    margin:0.3em;
    padding:0.3em;
}
.question-answers .answerSettings {
    display:inline-block;
    border-bottom:0px;
    opacity:0;
    height:0;
}
.question-answers.editable .answerSettings {
    display:table-cell;
    opacity:1;
    height:auto;
    border-bottom:1px solid #ddd;
    vertical-align: middle;
    width:4%;
}
/*
.question-answers.editable .answerSettings .desc_action_settings {
    height: 1em;
    min-height: 1em;
    border: 1px solid #7f7f7f;
    background-color:#fff;
    border-radius: 1em;
    margin-left: 0em 0.2em;
    padding:0em 0.5em;
    cursor:pointer;
}
.question-answers.editable .answerSettings .desc_action_settings span{
    font-size:0.8em;
    position:relative;
    top:0.25em;
}
*/
.question-answers.editable .answerSettings .settings-icon {
    width: 1.15em;
    height: 1.15em;
    background: url(../images/icon-settings.svg);
    background-repeat: no-repeat;
    opacity:0.2;
    margin:0em 0.4em 0em 0.6em ;
    position:relative;

}
.question-answers.editable .question-answer-blockDisplay .answerSettings:hover .settings-icon {
    width: 1.15em;
    height: 1.15em;
    opacity:1;
    background: url(../images/icon-settings.svg);
    background-repeat: no-repeat;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

}
.question-answers .actions {
    /*display:inline-block;
    border-bottom:0px;*/
    display: none;
}
.question-answers.editable .actions {
    display:table-cell;
    border-bottom:1px solid #ddd;
    vertical-align: middle;
    width:1.1em;
}
.question-answers .feedback {
    display:table-cell;
    border-bottom:1px solid #ddd;
    vertical-align: middle;
    width:12%;
}
.question-answers .isCorrect {
    display:table-cell;
    border-bottom:1px solid #ddd;
    vertical-align: middle;
    width:2.5%;
}
.question-answers .isCorrect .correctAnswer, .question-answers .isCorrect .incorrectAnswer {
    border: 2px solid #30466c;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 0.9em;
    margin-top:0.1em;
    height: 0.9em;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.question-answers .isCorrect .correctAnswer:before {
    content: "";
    display:inline-block;
    width:1.25em;
    height:1.25em;
    top: 50%;
    left: 50%;
    background-size: contain;
    background: url(../images/icon-mostCorrect.svg);
    background-repeat: no-repeat;
    z-index:999;
    position:absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.question-answers.editable .question-answer-blockDisplay:hover .actions {
    /*
    border-left:1px solid #ddd;
    */
}
.question-answers.editable .actions .delete-icon {
    cursor: pointer;
    width: 1.1em;
    height: 1.1em;
    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
    opacity:0.6;
    margin:auto;
    position:relative;
}
.question-answers.editable .question-answer-blockDisplay .actions:hover .delete-icon {

    width: 1.1em;
    height: 1.1em;
    opacity:1;
    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

}
.question-answer-blockDisplay.positive {
   /*
    background:rgba(77,167,81,0.1);
    border-bottom:1px solid #fff;
   */
}
.question-answer-blockDisplay.negative {

}
.question-answers.editable .question-answer-blockDisplay.positive {
    background:transparent;
}
.indicator {

    width: 0.9em;
    height: 0.9em;
    opacity:1;
    display:inline-block;

    background: url(../images/icon-neutral.svg);
    background-repeat: no-repeat;

    position:relative;
    top:0.05em;
    margin-right:0.35em;
}
.indicator.positive {

    width: 0.9em;
    height: 0.9em;
    opacity:1;
    display:inline-block;

    background: url(../images/icon-positive.svg);
    background-repeat: no-repeat;

    position:relative;
    top:0.05em;
    margin-right:0.35em;
}
.indicator.negative {
    width: 0.9em;
    height: 0.9em;
    opacity:1;
    display:inline-block;

    background: url(../images/icon-negative.svg);
    background-repeat: no-repeat;

    position:relative;
    top:0.05em;
    margin-right:0.35em;
}
.editable-area.question-answer-text p {
    display: inline;
}
.dragdrop-block .indicator{
display: none;
}
/*.question-answers.editable .indicator{
    opacity:0;
    height:0;
    width:0;
    display:none;
}
.question-answers.editable .indicator.positive {
    opacity:0;
    height:0;
    width:0;
    display:none;
}
.question-element .question-answers.editable .indicator.negative {
    opacity:0;
    width: 0.9em;
    height: 0.9em;
    display:none;
}*/
.question-element .question-answers.editable .indicator {
    /*opacity:0;*/
    width: 0.9em;
    height: 0.9em;
    display:inline-block;
    /*margin-right:0;*/
}
.question-element .question-answers.editable .indicator.positive {
    /*opacity:1;*/
    width: 0.9em;
    height: 0.9em;
    display:inline-block;
    /*margin-right:0;*/
}
.question-element .question-answers.editable .indicator.negative {
   /* opacity:0;*/
    width: 0.9em;
    height: 0.9em;
    display:inline-block;
    /*margin-right:0;*/
}
.question-element .question-answers.editable .question-answer-blockDisplay .answer .input {
    display: inline-block;
    border-bottom: none;
    vertical-align: unset;
     width: unset;
}

.question-answers.editable .pointCategories-icon {
    background: url(../images/icon-pointCategories.svg);
    background-repeat: no-repeat;
    opacity:1;
    margin:0 auto ;
    position:relative;
    opacity:0.5;
    /*
    width: 1.65em;
    height: 1.65em;
    top: 0.5em;
    */
    width: 1.9em;
    height: 1.9em;
    top: 0.4em;
}
.question-answers.editable .informationalPoints-icon {
    width: 1.7em;
    height: 1.7em;
    background: url(../images/icon-informationalPoints.svg);
    background-repeat: no-repeat;
    opacity:1;
    margin:0 auto ;
    position:relative;
    top: 0.7em;
    opacity:0.5;
}
/*
.question-answers.editable .input.checked, .question-answers.editable .answer.checked {
    background-color:rgba(94,210,1,0.1);
}
*/
.question-answers .icon_action_add {
    position:relative;
    width: 1.25em;
    height: 1.25em;
    top:0.25em;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:12;
    transform: rotate(0deg);
    display: inline-block;
    opacity:0.3;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.question-answers .desc .icon_action_add {
    margin: 0;
    display: inline-block;
}
.question-answers .icon_action_add:hover {
    opacity:1;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
/**********************************************
slider control
**********************************************/
.question-answers .slidecontainer {
    opacity:0;
    height:0;
    pointer-events:none;
}
.question-answers.editable .slidecontainer {
    opacity:1;
    height:auto;
    width: 70%;
    float:left;
    margin-top: -0.2em;
    /*margin:0em 0em;*/
    display:inline-block;
    pointer-events:auto;
}
.weightBlock {
    display:inline-block;
    /*
    text-align:right;
    min-width:3em;
    */
}
.weightDisplay {
    display:inline-block;
    /*vertical-align:middle;*/
    padding-top:0.1em;
    white-space:nowrap;
}
.weightDisplayPercentage {
    display:inline-block;
    /*vertical-align:middle;*/
    padding-top:0.1em;
    margin-left:-0.2em;
}
/*.dragdrop-block .weightDisplay {
    border: none;
    width: 27px;
    padding-right: 0;
    font-size:1.025em;
}
.dragdrop-block .weightDisplayPercentage {
    vertical-align: sub;
}*/
input.slider, #dialog-content input.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 95% !important;
  height: 2px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  margin: unset;
  padding: unset;
  border-bottom: unset;
}


input.slider:hover, #dialog-content input.slider:hover {
  opacity: 1;
}
input.slider::-webkit-slider-thumb, #dialog-content input.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 1.2em;
  height: 1.2em;
  background: #000;
  cursor: pointer;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
input.slider.positive, #dialog-content input.slider.positive {
    background: rgba(79,188,117, 0.9);
}
input.slider.positive::-webkit-slider-thumb, #dialog-content input.slider.positive::-webkit-slider-thumb {
    background: green
}
input.slider.positive:hover, #dialog-content input.slider.positive:hover {
  opacity: 1;
}
input.slider.negative, #dialog-content input.slider.negative {
    background: rgba(249,86,81,0.8);
}
input.slider.negative::-webkit-slider-thumb, #dialog-content input.slider.negative::-webkit-slider-thumb {
    background: red;
}
input.slider::-moz-range-thumb, #dialog-content input.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer; /* Cursor on hover */
}
.table { display: table; }
.table-row { display: table-row; width:100%;}
.table-heading { display: table-header-group; }
.table-body { display: table-row-group; }
.table-foot { display: table-footer-group; }
.table-cell, .table-head { display: table-cell; }

.table-cell.featured, .table-cell.up, .table-cell.featureCascaded {
    width:1.2em;
    height:1.2em;
    background-repeat: no-repeat !important;
}
.table-cell.up {
    background: url(../images/icon-asset-up.svg);
}
.standard-dialog-component .table-cell.featured{
    background: url(../images/icon-standardExplorer-featured.svg);
}
.standard-dialog-component .table-cell.featureCascaded {
    background: url(../images/icon-featureCascaded.svg);
    color:grey;
}
.standard-dialog-component .table-cell {
    padding-left:0.3em;
}


/**************************************************************************/
/* Tipped */
/**************************************************************************/
.tpd-title {
    font-size: 0.8em !important;
}

.tpd-tooltip .table {
    width:100%;
    /*
    margin-bottom: 1.5em;
    */
}
.tpd-tooltip .table-cell {
   /* width:33%;*/
}
.tpd-tooltip .weight-title {
    width:100%;
    padding:0.05em 0.5em 0.25em 0.5em;

}
.tpd-tooltip .table-body {
    margin-bottom:1em;
}
.tpd-tooltip .weightBlock {
    /*vertical-align: top;*/
    top: 0.6em;
    position: relative;
}
.tpd-tooltip .slidecontainer {
    position:relative;
    top:0.75em;
}
.tpd-tooltip .weight-enable {
    background-color:rgb(211, 211, 211,0.2);
}
.tpd-tooltip .weight-title {
    margin-top: 2.5em;
    background-color:rgb(211, 211, 211,0.2);
}

.tpd-tooltip .weight-title-data {
    position:relative;
    top:-0.15em;

}
.tpd-tooltip .info-point-title {
    vertical-align: middle;
}
.tpd-tooltip .weight {
    position: relative;
    /*margin-top:0.5em;*/
    padding:0 1em;
}
.tpd-tooltip .PC_checkbox {
    width:16px;
    height:16px;
    padding: 0;
    margin: 0.25em 0 0 0.5em;
    position: relative;
    top: 0.125em;
}
.tpd-tooltip .PC_block {
    border:1px solid rgba(0,0,0,0.2);
    margin-bottom:1em;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    padding:1em;
}
.tpd-tooltip .slider {
    vertical-align: super;
}
.tpd-tooltip .positive {
    color: green;
}
.tpd-tooltip .negative {
    color: red;
}
.tpd-tooltip .point-dist-color {
    float:left;
    height:10px;
    width:10px;
    margin:0 4px 0 3px;
    background-color: rgb(211, 211, 211);

    display:none;
}
.tpd-tooltip .running-total {
    position:relative;
    display: inline-block;
    float:left;
    height:2.4em;
    width:100%;
    text-align: center;
    font-weight: bold;
    z-index: 900;
}
.tpd-tooltip .running-total {
    position:relative;
    margin: 1em 0 0.5em 0;
    width: 100%;
}
.tpd-tooltip .running-total.equal {
    /*
    color:rgba(77,167,81,0.8);
    border:1px solid rgba(77,167,81,0.8);
    */
    color:rgba(77,167,81,1);
    border:1px solid rgba(77,167,81,0.8);
    background:rgba(178,240,195,0.5);
}
.tpd-tooltip .running-total.equal:before {
     content: "";
    display:inline-block;
    width:1.25em;
    height:1.25em;
    background-size: 1.25em 1.25em;
    background-image: url(../images/icon-equal.svg);
    background-repeat: no-repeat;
    z-index:999;
    position:relative;
    left: -4em;
    top: 0.6em;
}
.tpd-tooltip .running-total.less {
    /*
    color:rgba(239,174,0,0.8);
    border: 1px solid rgba(239,174,0,0.8);
    */
    color:rgba(239,174,0,1);
    border: 1px solid rgba(239,174,0,0.8);
    background:rgba(239,174,0,0.1);

}
.tpd-tooltip .running-total.less:before {
    content: "";
    display:inline-block;
    width:1.25em;
    height:1.25em;
    background-size: 1.25em 1.25em;
    background-image: url(../images/icon-warning.svg);
    background-repeat: no-repeat;
    z-index:999;
    position:relative;
    left: -3.75em;
    top: 0.6em;

}
.tpd-tooltip .running-total.greater {
    /*
    color:rgba(239,0,28,0.8);

    */
    color:rgba(239,0,28,1);
    border:1px solid rgba(239,0,28,0.8);
    background:rgba(239,0,28,0.1);


}
.tpd-tooltip .running-total div {
    position:absolute;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.tpd-tooltip .chart-overlay {
    height: 250px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 5em;
}
.tpd-tooltip .chart-overlay-icon {
    background: url(../images/icon-negative.svg);
    height: 150px;
    width: 150px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 4em;
}
.tpd-tooltip.center {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.tpd-tooltip.center .tpd-shift-stem{
    display: none;
}
.tipped-overlay {
    z-index: 99999;
    pointer-events: none;
    background: rgba(0,0,0,0.5);
    top: 0;
    width:100%;
    height:100%;
    position: absolute;
}
.invisible-tipped-overlay {
    z-index: 99999;
    pointer-events: none;
    background: rgba(0,0,0,0);
    top: 0;
    width:100%;
    height:100%;
    position: absolute;
}
.tipped-overlay.scenario-toc-overlay{
    z-index:998;
}

#modal-overlay.tipped-overlay-toc {
    z-index: 999999;
    pointer-events: none;
    /*background: rgba(255,255,255,0.1);
    top: 0;*/
    background: rgba(0,0,0,0.4);
    width:100%;
    height:100%;
    position: absolute;
}
#modal-overlay.tipped-overlay-toc ~ #tocWrapper {
    pointer-events: none;
}

.tpd-tooltip {
    pointer-events:auto;
}
.tpd-tooltip .settings-tabs {
    overflow: hidden;
    margin-top:1.5em;
    /*
    width:100%;
    */
    padding: 0em 2em;
    display:block;
}
.tpd-tooltip .settings-tabs button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    width:33.3%;
    padding: 14px 16px;
    transition: 0.3s;
}

.scroll-tipped-dialog {
    max-height: calc(100vh - 170px);
}


/*
.tpd-tooltip .settings-tabs button.tags {
    border-left: 1px solid black;
    border-right: 1px solid black;
    background:#ddd;
}
 */
.tpd-tooltip .settings-tabs button:hover {
    background-color: #ddd;
}
.tpd-tooltip .settings-tabs:first-child button {
	z-index: 3;
    /*
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    */
}
.tpd-tooltip .settings-tabs button.active {
    background-color: #ccc;
    /*
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    */
    position:relative;
    z-index:10;
    -webkit-box-shadow: 10px 0px 20px 0px rgba(0,0,0,0.4);
}

.tpd-tooltip .tab-content{
    text-align: left;
    display:none;
}
.tpd-tooltip .randomization-block, .tpd-tooltip .grading-block, .tpd-tooltip .weighting-block{
    margin:1.5em;
}
.tpd-tooltip .tpd-content {
    font-size: 14px !important;
    padding: 0.75 !important;
    -webkit-transform: translateX(0%) translateY(0%);
    -moz-transform: translateX(0%) translateY(0%);
    -ms-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
}
.tpd-tooltip.tpd-skin-dark.tpd-size-medium .tpd-content {
    padding:0.75em !important;
}
.tpd-content
/*
.tpd-tooltip .tab-links.options:before {
    content: "";
    display:inline-block;
    width:1.15em;
    height:1.15em;
    background-size: 1.15em 1.15em;
    background-image: url(../images/icon-advanced-settings.svg);
    background-repeat: no-repeat;
    position: absolute;
    margin-left: -1.5em;
    opacity:0.4;
}
.tpd-tooltip .tab-links.tags:before {
    content: "";
    display:inline-block;
    width:1.15em;
    height:1.15em;
    background-size: 1.15em 1.15em;
    background-image: url(../images/icon-advanced-tags.svg);
    background-repeat: no-repeat;
    position: absolute;
    margin-left: -1.5em;
    opacity:0.4;
}
.tpd-tooltip .tab-links.notes:before {
    content: "";
    display:inline-block;
    width:1.15em;
    height:1.15em;
    background-size: 1.15em 1.15em;
    background-image: url(../images/icon-notesdirection.svg);
    background-repeat: no-repeat;
    position: absolute;
    margin-left: -1.5em;
    opacity:0.4;
}
*/
.tpd-tooltip .tpd-content .tab-links{
    font-size: 16px;

    background: #eee;

	-webkit-box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.3);
	box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.3);
	-webkit-transition: padding 0.2s ease, margin 0.2s ease;
    -moz-transition: padding 0.2s ease, margin 0.2s ease;
    -o-transition: padding 0.2s ease, margin 0.2s ease;
    -ms-transition: padding 0.2s ease, margin 0.2s ease;
    transition: padding 0.2s ease, margin 0.2s ease;

}
.tpd-tooltip .settings-tabs button {
    position:relative;
}
.tpd-tooltip .settings-tabs button:first-child {
    -webkit-box-shadow: 16px 6px 18px -2px rgba(0,0,0,0.3);
    -moz-box-shadow: 16px 6px 18px -2px rgba(0,0,0,0.3);
    box-shadow: 16px 6px 18px -2px rgba(0,0,0,0.3);
}
.tpd-tooltip .settings-tabs button:nth-child(2) {
	z-index: 2;
}
.tpd-tooltip .settings-tabs button:last-child {
	z-index: 1;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    /*
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
    */
}
.tpd-tooltip .settings-tabs .tab-links.tags span.tag-count {
    background-color: rgba(0,0,0,0.25);
    padding: 0.15em 0.5em;
    border-radius: 1em;
    color:#fff;
    font-size:0.9em;

    background-color: gray;
    padding: 0.1em 0.45em;
    border-radius: 1em;
    color: #fff;
    font-size: 0.8em;
    position: relative;
    left: -3px;
    top: -5px;
    opacity: 0.5;

    border-radius: 0em;
    padding: 0.1em 0.35em;
    left: -2px;
    top: -2px;
    transform: rotate(-5deg);
    display: inline-block;

}
.tpd-tooltip .settings-tabs .tab-links.tags.active span.tag-count {
    opacity: 0.7;
}
.tpd-tooltip .option-label{
    margin-bottom: 0.5em;
}
.tpd-tooltip #element-tags-note {
    color:rgba(239,174,0,1);
    border: 1px solid rgba(239,174,0,0.8);
    background:rgba(239,174,0,0.1);
    margin:1em auto;
    min-height:5em;
    width: 96%;
}
.tpd-tooltip #element-tags-component{
    width: 90%;
    position: relative;
    left: -3%;
    margin: 0 auto;
}
.tpd-tooltip .settings-container {
    height:100%;
}
.tpd-tooltip .settings-tags {
    height:100%;
}
.tpd-tooltip #settings-notes {
    height:100%;
    padding:0em 1em;
}
.tpd-tooltip #settings-notes textarea {
    width:95% !important;
}

.tpd-tooltip .settings_data_block {
    padding:1em;
    height:100%;
    /*
    background:#ccc;
    */
}
.tpd-tooltip #settings-options {
    /*
    padding:0em 2em;
    */
}
.tpd-tooltip .option-label {
    background:rgba(211, 211, 211,0.2);
    padding:0.25em 0.5em;
}
.tpd-tooltip .option-data {
    margin-left:1em;
}
.tpd-tooltip .element-options-block .option-data .weightDisplay {
    margin: 0.1em 0em 0em 0.5em;
    font-size: 1.2em;
}
.tpd-tooltip .element-options-block .option-data .weightDisplayPercentage {
    margin: 0.1em 0em 0em 0.1em;
    font-size: 1.2em;
}
.tpd-tooltip #info-point-component, .tpd-tooltip #point-dist-component {
    padding: 1.5em;
}
.tpd-tooltip #info-point-component .ui.fluid.dropdown {
    width:90%;
}


.resourceCategory-block {
    /*
    border:1px dotted rgba(255,255,255,0.3);
    border-left:1px dotted transparent;
    border-right:1px dotted transparent;
    background:rgba(0,0,0,0.1);
    padding:0.5em 1em 0.5em 0em;
    */
    clear:both;
    overflow:hidden;

    margin-bottom:0.5em;
    border-radius:5px;
    position:relative;

    padding:0.5em 0em 0.5em 0em;

}
.resourceCategoryTitle {
    text-transform:uppercase;
    margin:0.5em 0em;
    background:#0a4b65;

    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0em 0.5em 0em 0em;


    text-transform: uppercase;
    margin: 0.5em auto;
    color: #0a4b65;
    background: rgba(255,255,255,1);
    position: relative;
    z-index: 1;
    min-width: 100%;
    /* text-align: center; */
    display: inline-block;
    padding: 0em 0.5em;

}
.resourceCategoryTitleDivider {
    /*
    border-top:2px solid rgba(255,255,255,0.3);
    margin-bottom: 1.1em;
    margin-top: -1.1em;
    */
}
/*
.resourceCategoryTitle:after {
    content: "";
    display:inline-block;
    width:1em;
    height:1em;
    background-size: contain;
    background: url(../images/icon-resourceCategory.svg);
    background-repeat: no-repeat;

    opacity: 0.5;
    margin-left: 0.5em;
    top: 0.4em;
    position: relative;
}
*/
/**************************************************************************/
/* TIPPED SKINS */
/**************************************************************************/
/* standards explorer */
.tpd-skin-standardExplorer .tpd-content,
.tpd-skin-standardExplorer .tpd-title,
.tpd-skin-standardExplorer .tpd-close { color: #fff; }
.tpd-skin-standardExplorer .tpd-background-content { background-color: #5b255a; }
.tpd-skin-standardExplorer .tpd-background {
  border-width: 1px;
  border-color: rgba(91,37,90,.6);
}
.tpd-skin-standardExplorer .tpd-background-title { background-color: #5b255a; }
/* line below the title */
.tpd-skin-standardExplorer .tpd-title-wrapper { border-bottom: 1px solid #5b255a; }
/* shadow */
.tpd-skin-standardExplorer .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
/* spinner */
.tpd-skin-standardExplorer .tpd-spinner-spin {
  border-color: rgba(255,255,255,.2);
  border-left-color: #fff;
}
/* links */
.tpd-skin-standardExplorer a { color: #ddd; }
.tpd-skin-standardExplorer a:hover { color: #000; }



/* resource explorer */
.tpd-skin-resourceExplorer .tpd-content,
.tpd-skin-resourceExplorer .tpd-title,
.tpd-skin-resourceExplorer .tpd-close { color: #fff; }
.tpd-skin-resourceExplorer .tpd-background-content { background-color: #0a4b65; }
.tpd-skin-resourceExplorer .tpd-background {
  border-width: 1px;
  border-color: rgba(10,75,101,.6);
}
.tpd-skin-resourceExplorer .tpd-background-title { background-color: #0a4b65; }
/* line below the title */
.tpd-skin-resourceExplorer .tpd-title-wrapper { border-bottom: 1px solid #0a4b65; }
/* shadow */
.tpd-skin-resourceExplorer .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
/* spinner */
.tpd-skin-resourceExplorer .tpd-spinner-spin {
  border-color: rgba(255,255,255,.2);
  border-left-color: #fff;
}
/* links */
.tpd-skin-resourceExplorer a { color: #ddd; }
.tpd-skin-resourceExplorer a:hover { color: #000; }

/* answer dialog */
.tpd-skin-answerDialog .tpd-content,
.tpd-skin-answerDialog .tpd-title,
.tpd-skin-answerDialog .tpd-close { color: #fff; }
.tpd-skin-answerDialog .tpd-background-content { background-color: #000000; }
.tpd-skin-answerDialog .tpd-background {
    border-width: 1px;
    border-color: rgba(10,75,101,.6);
}
.tpd-skin-answerDialog .tpd-background-title { background-color: #000000; }
/* line below the title */
.tpd-skin-answerDialog .tpd-title-wrapper { border-bottom: 1px solid #000000; }
/* shadow */
.tpd-skin-answerDialog .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
/* spinner */
.tpd-skin-answerDialog .tpd-spinner-spin {
    border-color: rgba(255,255,255,.2);
    border-left-color: #fff;
}

/* scenario explorer */
.tpd-skin-scenarioExplorer .tpd-content,
.tpd-skin-scenarioExplorer .tpd-title,
.tpd-skin-scenarioExplorer .tpd-close { color: #fff; }
.tpd-skin-scenarioExplorer .tpd-background-content { background-color: #31456b; }
.tpd-skin-scenarioExplorer .tpd-background {
  border-width: 1px;
  border-color: rgba(10,75,101,.6);
}
.tpd-skin-scenarioExplorer .tpd-background-title { background-color: #31456b; }
/* line below the title */
.tpd-skin-scenarioExplorer .tpd-title-wrapper { border-bottom: 1px solid #31456b; }
/* shadow */
.tpd-skin-scenarioExplorer .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
/* spinner */
.tpd-skin-scenarioExplorer .tpd-spinner-spin {
  border-color: rgba(255,255,255,.2);
  border-left-color: #fff;
}

/* notes explorer */
.tpd-skin-notesExplorer .tpd-content,
.tpd-skin-notesExplorer .tpd-title,
.tpd-skin-notesExplorer .tpd-close { color: #fff; }
.tpd-skin-notesExplorer .tpd-background-content { background-color: #826e41; }
.tpd-skin-notesExplorer .tpd-background {
  border-width: 1px;
  border-color: rgb(190,173,128);
}
.tpd-skin-notesExplorer .tpd-background-title { background-color: #826e41; }
/* line below the title */
.tpd-skin-notesExplorer .tpd-title-wrapper { border-bottom: 1px solid #826e41; }
/* shadow */
.tpd-skin-notesExplorer .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
/* spinner */
.tpd-skin-notesExplorer .tpd-spinner-spin {
  border-color: rgba(255,255,255,.2);
  border-left-color: #fff;
}
/* links */
.tpd-skin-notesExplorer a { color: #ddd; }
.tpd-skin-notesExplorer a:hover { color: #000; }

/*.tpd-tooltip .tpd-close {
    background: url(../images/icon-delete-reg.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    right:-1em;
    top:-1em;
    width:2em;
    height:2em;
}
.tpd-tooltip .tpd-close-icon {
    display: none;
}*/
.tpd-tooltip .setting-label{
    font-weight:bold;
}

#standard-tipped .standard-select input,  #standard-tipped .ui.fluid.dropdown.standard-select{
    width: unset;
    margin: 1em 0;
    padding: unset;
}
#standard-tipped .clause-select {

}
#standard-tipped .clause-select .label{
    margin-left:3em;
}
#standard-tipped select{
    width: 23em;
    margin-left: 4.1em;
    font-size: 1.05em;
    color: #fff;
    border: 1px solid #fff;
    background: rgba(255,255,255,0.1);
    position:relative;
    z-index: 99999;
    cursor: pointer;
}
#standard-tipped .mCS_y_hidden select{
    width: 25.2em;
}
#standard-tipped select option {
    color:#000;
}
#standard-tipped select option:disabled {
    color:graytext;
}
#standard-tipped #addStandard-block {
    display:block;
    margin-top:0.5em;
}
#standard-tipped #addStandard-block .label {
    margin: 1.5em 0em 0em 0em;
    text-transform: uppercase;
}
#standard-tipped #addStandard-block select{
    margin:0.5em 0em 0em 0em;
    width:100%;
    border:1px solid rgba(255,255,255,0.7);
}
#select-addStandard{
   font-style: italic;
   color: rgba(255,255,255,0.7) !important;
}
#select-addStandard > option{
   font-style: normal;
}

#standard-tipped #addStandard-block .icon_action_add, #scenario-tipped .icon_action_add  {
    opacity: 0.3;
    width: 2.5em;
    height: 2.5em;
    transform: rotate(0deg);
    position: relative;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:12;
    left:auto;
    top: 0.25em;
    margin: 0 auto;
    border: 2px solid #5c165a;
    border-radius: 50%;

}
#scenario-tipped .icon_action_add {
    border: none;
}
#standard-tipped #addStandard-block .icon_action_add:hover, #scenario-tipped .icon_action_add:hover  {
    opacity:1;
    -webkit-transition:all ease 400ms;
    -moz-transition:all ease 400ms;
    -o-transition:all ease 400ms;
    transition:all ease 400ms;
}
#standard-tipped #addStandard-block .icon_action_add.active {
    opacity:1;
    width: 2.5em;
    height: 2.5em;
    background: url(../images/icon-minimize.svg);

    border: 2px solid #ae8bad;
    border-radius: 50%;
    -webkit-filter: drop-shadow( -3px -1px 4px rgba(0, 0, 0, 0.8));
    filter: drop-shadow( -3px -1px 4px rgba(0, 0, 0, 0.8));

    transform: rotate(180deg);
    -webkit-transition:all ease 400ms;
    -moz-transition:all ease 400ms;
    -o-transition:all ease 400ms;
    transition:all ease 400ms;
}
#standard-tipped #addStandard-block #addStandard-options-block {
    border:1px solid rgba(255,255,255,0.5);
    padding:1em 1em 2em 1em;
    border-radius:5px;
    position: relative;
    top: -1em;
    height:0;
    opacity:0;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
#standard-tipped #addStandard-block #addStandard-options-block.active {
    border:1px solid rgba(255,255,255,1);
    background: rgba(0,0,0,0.2);
    padding:1em 1em 2em 1em;
    border-radius:5px;
    position: relative;
    top: -1em;
    height:auto;
    opacity:1;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    overflow:hidden;


    transition-delay: 300ms;

    transition-property: all;
}
#standard-tipped #addStandard-block #addStandard-options-block .label, #standard-tipped #addStandard-block #addStandard-options-block select {
    opacity:0;
    display:none;
}
#standard-tipped #addStandard-block #addStandard-options-block.active .label, #standard-tipped #addStandard-block #addStandard-options-block.active select {
    opacity:1;
    display:block;
}
#scenario-splitview .designer-element a.image-link:hover {
    color:#fff;
}

#block-left .question-settings2 {
    position:relative;
    height:0%;
    width:100%;
    opacity:0;
    z-index: 1;
    padding:0em 0em;

}
#block-left .question-settings2.active {
    height:30%;
    width:100%;
    opacity:1;
    padding:5em 0em;
}
#scenario-splitview .question-settings2 {
    top:-5%;
    right:0em;
    height:100%;
    width:0%;
}
#scenario-splitview .question-settings2.active {
    height:100%;
    width:50%;
}
.view-settings {
    position:absolute;
    right:0em;
    width:90%;
    height:0em;
    background-color:red;
    opacity:0;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.view-settings.active {
    width:90%;
    height:10em;
    background-color:red;
    opacity:1;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.view-presets {
    /*
    position:absolute;
    right:0em;
    */
    width:0%;
    height:10em;
    background-color:green;
    opacity:0;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.view-presets.active {
    width:90%;
    height:10em;
    background-color:green;
    opacity:1;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}

/**************************************************************************/
/* IMAGE ELEMENT */
/**************************************************************************/

.preset_block .image_InlineBlock, .preset_block .image_ThumbnailBlock {
    display: table-cell;
    vertical-align: middle;
    padding:0% 7%;
    text-align:left;
     font-size:9px;
}
.preset_block .image_Inline {
    width:100%;
    height:80%;
    margin-left: 1.1em;
    background: url('../images/preset-image.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.preset_block .image_Thumbnail {
    width:30%;
    height:25%;
    background:red;
    background: url('../images/preset-image.png');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.preset_block .image_ThumbnailBlock span{
    display: inline-block;
    margin-left: 0.5em;
    top:45%;
    font-size: 8px;
    position: absolute;
}

.imgElement {max-width:100%; max-height: 100%; display: block; padding-top:0.2em;}
.imgTransparent {opacity: 0.0; filter: alpha(opacity=0);}

.img .image-inline.imgElement.imgTransparent {width:100%; object-fit: scale-down;}
.image-inline.imgElement.align-left, .image-inline.imgElement.align-right, .image-inline.imgElement.align-center {width:100%; object-fit: scale-down;}

.thumbnailExpand {
    display:none;
}

.thumbnailBlock .imgElement {border:0; width:150px; min-width: 150px; cursor:pointer; object-fit: scale-down;}

/* centers the thumbnail title */
.thumbnailBlock {
    display: flex;
    align-items: center;
}

.img-zoom, .img-expand {
    background: url(../images/zoom-in.svg);
    background-size:cover;
    cursor:pointer;
    position:absolute;
    top:1em;
    margin-top:0.25em;
    margin-left:0.5em;
    z-index: 2;
}

.img-zoom {
    right:0em;
    height:32px;
    width:28px;
    cursor:pointer;
    top:3em;
    right:1.5em;
}
.img-expand {
    left:1em;
    float:left;
    height:38px;
    width:34px;
}

.img-inline-loader {
    width: 100%;
    height: 20em;
}

.image-thumbnail-loader {
    width: 100%;
    height: 100%;
}

.img-inline-loader .iv-loader, #image-thumbnail-loader .iv-loader, .powerpoint .iv-loader {
    border-top: 1em solid rgba(0, 0, 0, .2);
    border-right: 1em solid rgba(0, 0, 0, .2);
    border-bottom: 1em solid rgba(0, 0, 0, .2)
}
#image-thumbnail-loader .iv-loader {
    position: relative;
    margin-right: 10em;
}



/**************************************************************************/
/* QUESTION ELEMENTS */
/**************************************************************************/
.question-layout {
    display:table;
    table-layout: auto;
    width:100%;
    padding:1em 1em 1em 0em;
}  /* background-color:#eee; border-bottom:1px solid #ddd; */
.question-block {display:block; margin:1em 0em 2.5em 0em;
/* new */
margin:1em 0em 0em 0em;
}
.question-prefix {
    display:table-cell;
    width:1%;
    white-space:nowrap;
    vertical-align: top;
    padding-right:0.5em;
}
.question-data {
    /*
    display:table-cell;  padding:0.5em 0.5em 0.5em 0.5em;
    */

}
.questionText {
    /* new */
    font-weight:normal;
}
.question-label {}
.question-answers {display:block;  margin-left:2.15em;
margin-bottom:0.75em;
/*
margin-top:0.5em;
*/
}
.question-answer-blockDisplay {
    display:block;
    /*
    line-height:0.3em;
    */
}
/*
text-indent:-1.55em; margin-left:1.55em
*/
/* new */
label p {margin:0; padding:0; display:inline-block;}
.question-answer-blockDisplay label {
    margin-left:0.5em;
    position:relative;
    /*
    top:-0.05em;
    */
    margin:0;
    height:1em;
    padding: 0.25em 1em 0.25em 0;
}


.question-answer-inlineDisplay {display:inline-block; }
.question-answer-inlineDisplay.likert {padding-bottom:0.5em;}
.question-answer-textarea {width:97.7%; height:5em; font-family: Lato-Regular; font-size: 15px; padding:1%;}
.editable .question-answer-inlineDisplay {display:block;}

/**************************************************************************/
/* FORM ELEMENTS */
/**************************************************************************/
.form-question-container {
    opacity: 0;
    height: 0;
}

.form-question-container.active{
    opacity: 1;
    height:auto;
}

/**************************************************************************/
/* DRAG DROP & TAB ELEMENTS */
/**************************************************************************/
/* drag/drop element */
.dragdrop-block {margin-top:1em; padding-bottom:1.5em; clear:both;}
.dragdrop-block.table {display:table; width:100%;}
.status-placeholder.dragdrop-block.table{width:calc(100% - 3.25em);}
.dragdrop-block.flex {
display: -webkit-box;       /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;          /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;       /* TWEENER - IE 10 */
display: -webkit-flex;      /* NEW - Chrome */
display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-direction: column;
}

.dragDropSource {width:47.5%; display:inline-block; vertical-align:top; margin-top:1em; position: relative; z-index: 1;}
.dragDropSource.position-right {float:right; margin-top:1.55em;}
.dragDropSource.position-left {float:left;}/* float:left; */
.dragDropSource.position-above {clear:both; width:100%;}
.dragDropSource.position-above .elementDragDropAnswerContainer, .dragDropSource.position-below .elementDragDropAnswerContainer{min-height: 11em; /*max-height: 14em;*/}
.dragDropSource.position-right .elementDragDropAnswerContainer, .dragDropSource.position-left .elementDragDropAnswerContainer{min-height: 14em;}
.dragDropSource.position-left .elementDragDropAnswerContainer.noMinHeight, .dragDropSource.position-right .elementDragDropAnswerContainer.noMinHeight{min-height: 0;}

.dragDropSource.position-below {
-webkit-box-ordinal-group: 2;    /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-ordinal-group: 2;       /* OLD - Firefox 19- */
-ms-flex-order: 2;               /* TWEENER - IE 10 */
-webkit-order: 2;                /* NEW - Chrome */
order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
clear:both; width:100%; }

.drag-drop-element-container i.swap-icon {
    position:absolute;
    top: 4em;
    left:50%;
    width: 2em;
    height: 2em;
    font-size: 1.5em;
    cursor: pointer;
}
.drag-drop-element-container i.swap-icon:before {
    left:-50%;
    position: relative;
}
.drag-drop-action-button {
    border-radius: 0.25em;
    width: fit-content;
    background-color: #30466c;
    color: white;
    cursor: pointer;
    font-weight: bold;
    padding: 0.15em 0.75em;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    font-size: smaller;
    text-transform: uppercase;
}
.tip-bar {
    display: inline-block;
    margin: 2em 0 0 0;
    padding: 0.25em;
    width: 100%;
    font-style: italic;
    text-align: center;
    background: lightgrey;
}

.dragDropAnswerCategories {position:relative;}

.dragDropSource-Block .dragDropAnswerCategoriesData {
    /*
    height:15em;
    */
    min-height:auto;
    height:auto;
    display:block;
    clear:left;
    padding-left:0em;
    padding-bottom:0.5em;
}

.dragDropAnswerCategories .mCSB_container {padding:0em; margin:0em;}


.dragDropDestination {width:47.5%; display:inline-block; vertical-align:top; /*margin:1em;*/ }
.dragDropImageDestination {width:95%; display:inline-block; vertical-align:top; overflow: hidden; margin: 0 0 0 11px;}
.dragDropImageContainer {width:100%; position: relative;}
#drag-drop-image.dragDropDestination {margin:0em;}
.dragDropDestination.position-right {margin-top:0.9em; float:right; position: relative;}/* float:right; */
.dragDropDestination.position-left {margin-top:1.55em;float:left; position: relative;}
.dragDropDestination.position-above {
-webkit-box-ordinal-group: 1;    /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-ordinal-group: 1;       /* OLD - Firefox 19- */
-ms-flex-order: 1;               /* TWEENER - IE 10 */
-webkit-order: 1;                /* NEW - Chrome */
order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
clear:both; width:100%; position: relative;}
.dragDropDestination.position-below {clear:both; width:100%; position: relative; margin-top:0.5em;}

.sortable {margin: 0; padding: 0; background:#fff;}
#source-splitview .sortable {background:#f2f2f2;}


.dragDropDestinationsContainer ul {padding-bottom: 30px;}
.destinationOptionsLabel{
    position: relative;
    display: inline-block;
    max-width:60%;
    margin-bottom: 0.5em
}
.destinationOptionsSpan {
    display: inline-block;
    position: relative;
    width: auto;
    float: right;
    top:-0.25em;
    margin-bottom: 0.5em;
}
.destinationOptionsSelect{
    display: inline-block;
    /*width:80%;*/
}
i.icon.infinite:before {
    content: url(../images/icon-infinite.svg);
    vertical-align: middle;
}
i.icon.numbered-bullets:before {
    content: url(../images/icon-numbered-bullets.svg);
    vertical-align: middle;
}
.dragDropDestinationsContainer-label .destinationOptionsSpan .destinationOptionsDelete{
    height:1.5em;
    width:1.5em;
    top:0.25em;
    opacity: 0.6;
}
.dragDropDestinationsContainer-label .destinationOptionsSpan .destinationOptionsDelete:hover{
    opacity: 1;
}
.dragDropOverlayDiv {
    position: absolute;
    display: table;
}
.tabletDragDropAnswerSelected, .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {

    background-color: rgba(150,192,110,0.2);
    border:1px dotted rgba(0,0,0,0.4);
    font-style:1.5em;
    padding:0.5em 1.2em 0.5em 1.2em;
    left:-1em;
    font-weight:bold;
    /*letter-spacing: 0.025em;*/
    position:relative;
    display:inline-block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: -webkit-linear-gradient(left, #eee 0%, rgba(255,255,255,0.5) 100%);
    background: -moz-linear-gradient(left, #eee 0%, rgba(255,255,255,0.5) 100%);
    background: -o-linear-gradient(left, #eee 0%, rgba(255,255,255,0.5) 100%);
    background: -ms-linear-gradient(left, #eee 0%, rgba(255,255,255,0.5) 100%);
    background: linear-gradient(left, #eee 0%, rgba(255,255,255,0.5) 100%);
    /*
    white-space: nowrap;
    */
    display:block;
}
/*.tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {
    max-width: 40%;
}*/


.tabletDragDropAnswerSelected:before {
    top: -0.45em;
}

.dragdrop-container {
    border:2px dashed rgba(0,0,0,0.2);
    background-color:rgba(0,0,0,0.05);
    /*padding:0.75em;
    margin:-1.37em -0.9em -0.9em -0.9em; */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    position:relative; top:1em;
    overflow: visible;

    /*
    padding:0.75em 0.45em 0.75em 0.45em;
    margin:-1.37em -0.6em 1.35em -0.6em;
    */
}
.dragdrop-container .dragdrop-block {
    margin-top:0em;
}

.dragdrop-container .sortable.destinationSortable {
    border:1px solid #000;
    /*
    rgba(196,255,101,1);
    background-color: rgba(196,255,101,0.07);

    -webkit-transition:all ease 400ms;
    -moz-transition:all ease 400ms;
    -o-transition:all ease 400ms;
    transition:all ease 400ms;
    */
}
.drag-drop-answer-number {
    margin-top:0.7em;
}
/*tictactoe tutorial example */
.pageintro .dragDropDestination .dragDropOverlayDiv {
    text-align:center;

}
.pageintro .drag-drop-image .dragDropDestination .elementDragDropAnswer {
    padding:0em;
    margin:0em;
    width: 100%;
    /*
    min-height:1.8em; padding:0em; margin:0.5em 0em 0em 0em; vertical-align:middle;
    */
}
.pageintro .dragDropDestination .sortable.destinationSortable.ui-sortable {

}

.answerTruncate {
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    display: inline-block !important;
    position: relative;
}

.minimap {
    z-index: 2;
    right: 0;
    background-color:#D3D3D3;
    opacity:0.5;
    position: absolute;
    display: none;
}

.minimapPreviewBox {
    background-color: gray;
    opacity: 0.5;
}

.zoomControls {
    display: inline-block;
    max-width: 5%;
    position: absolute;
    background-color: grey;
    border-style: solid;
    border-width: 1px;
    z-index: 2;
}
.disableControl {
    cursor: default;
    color: lightgrey !important;
}
.tabElementData{
    width:calc(100% - 1em);
}
.tabElementData .designer-addElement-container2 .addElement-options-block.active {
    padding-right:1em;
}
.tabsList, .tabElementList {margin: 0; padding: 0; }
.tabElementBlock, .dragDropTabsBlock {margin-bottom: -4px}
.dragDropTabsBlock .tab-span p {margin: 0; display: inline;}
/*.designer-element-block .tab.active .truncate {text-overflow: unset;}*/
/* Safari Fix */
_::-webkit-full-page-media, _:future, :root .tabElementBlock, _::-webkit-full-page-media, _:future, :root .dragDropTabsBlock{
  margin-bottom: 0px;
}
.tabElementAdjustments {}
.tab {top:-1px; position:relative;display: inline-block; zoom:1; /*display:inline;*/ background: #eee; border: solid 1px #999; /*border-bottom: none;*/ -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;}
.tab a { cursor:pointer; width: calc(100% - 2.5em); color:#000; text-decoration: none; font-size: 14px; line-height: 2em; display: inline-block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { color:#000; background: #fff; padding-top: 6px; position: relative; top: 0px; border-color: #666; border-bottom: none;}
.tab a.active { width: calc(100% - 2.5em); font-weight: bold; }
div.tab {top:-3px;}
div.tab a{vertical-align: bottom;}
.truncate {overflow: hidden; text-overflow: ellipsis;}
.designer-element .tab {
    /*height:51px !important;*/
    height:29px !important;
}
.dragDropTabsBlock .tab .icon_action_add {
    display: inline-block;
    position:relative;
    width: 1.25em;
    height: 1.25em;
    margin: 0.2em 0.2em 0;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    opacity: 0.3;
}
.dragDropTabsBlock .tab .icon_action_add:hover {
    opacity: 1;
}
.add-tab {
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    position: relative;
    height: 1.5em;
    width: 1.5em;
    opacity: 0.3;
    float: right;
    right: -2.5em;
    top: -2em;
}
.delete-tab {
    display: inline-block;
    right: 0.2em;
    top: 0.2em;
    float: right;
    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    position: relative;
    height: 1.25em;
    width: 1.25em;
    margin: auto;
    opacity: 0.3;
}
.add-tab:hover, .delete-tab:hover {opacity:1;}

#resources-splitview .tab, #resources-fullview .tab, #resources-splitview #scenario-body .tab{background: #0d4156; border-color: #2e728b;}
#resources-splitview .tab a, #resources-fullview .tab a {color:#fff;}
#resources-splitview .tab.active, #resources-fullview .tab.active, #resources-splitview #scenario-body .tab.active{color:#fff; background: #104c65; border-color: #2e728b;}
#resources-splitview .tab.active a, #resources-fullview .tab.active a {font-weight:normal;}

#scenario-splitview .tab {background: #293a5c; border-color: #698db4;}
#scenario-splitview .tab a {color:#fff;}
#scenario-splitview .tab.active {color:#fff; background: #33466b; border-color: #698db4;}
#scenario-splitview .tab.active a {font-weight:normal;}

#source-splitview .tab {background: #d8d8d8; border-color: #000;}
#source-splitview .tab a {}
#source-splitview .tab.active {color:#fff; background: #eaeaea;}
#source-splitview .tab.active a {}

.dragDropDestinationsContainer {display: inline-block; position: relative; width:100%;}
.dragDropTabsContainer {}
.dragDropTabsBlock {}

.ui-sortable-handle {margin:0.5em 0.5em 0.5em 0.5em;}
.single .ui-sortable-handle {margin-top: 0em;}
.dragDropDestinationsContainer-label {/*margin:0em 0em 0.65em 0em;*/height:auto;}
.dragDropImageDestinationsContainer-label {margin:0em 0em 0.1em 0em; display: flex;}
.destinationBlock {border: solid #000 1px; background-color: #fafafa; /*width: 95%;*/ padding: 1% 1% 1% 1%;}
.destinationBlock .sortable {/*width:97%;*/ /*padding-left: 2%;*/}
.sequenceDestinationBlock {border-radius: 0.25em; background-color: #eee;}
.sequenceDestinationBlock {padding:1% 1% 1% 2%; /*margin-bottom:2em;*/}
.underlineAnswers {margin-bottom:2em;}
.position-right .sequenceDestinationBlock  .sortable.destinationSortable.ui-sortable.single {/*width:auto;*/ margin-right:2px;}
/*.destinationBlock.underlineAnswers {width:95%;}*/
.fadedDestination, .fadedAnswer{
    opacity: 0.2;
    border:1px solid rgba(0,0,0,0.1);
    -webkit-transition:all ease 400ms;
    -moz-transition:all ease 400ms;
    -o-transition:all ease 400ms;
    transition:all ease 400ms;
}
.highlightDestination, .highlightAnswer {
    border:1px solid red !important;
}
.destinationBlock.underlineAnswers .fadedDestination {
    opacity: 0.3;
    background-color:#ddd;
}

.destinationSortable {border:1px solid #b7babc; padding-top: 0.5em; margin:0.1em 0em; min-height:30px;}
.imageDestinationSortable {min-height: 5px;}
.pageintro .drag-drop-image .destinationSortable {padding-top: 0.5em; padding-bottom: 0.5em !important;}
.pageintro .myH3 {vertical-align: middle;}
.sequenceDestinationBlock .destinationSortable.hasNumber {margin-left:20px;}
/*.destinationSortable.single {min-height:8em; height:100%;} */
/*.destinationSortable .elementDragDropAnswer {margin:0.5em 0.5em 0.7em 0.7em; border-bottom:3px solid #6c6c6c;}*/
.underlineAnswers .elementDragDropAnswer {/*margin:0em 0.5em 0.7em 0.7em;*/ padding-bottom:0.5em; border-bottom:1px dashed #6c6c6c;}
.underlineAnswers .single .elementDragDropAnswer {border-bottom:0px; padding-bottom: 0em;}


.elementDragDropAnswer {
    display: table;
}
.elementDragDropAnswer p {
    margin: 0;
    display: inline;
}
body > .elementDragDropAnswer {padding-left: 1.2em;}

.destinationSortable .elementDragDropAnswer{
    margin-right:1.2em;
    margin-left:1.2em;
}
.elementDragDropAnswerContainer {
    height:100%;
    background-color:#fff;
    width:100%;
    list-style-type: none;
    /*padding-right:1.2em;*/
}
/*.mCSB_container .elementDragDropAnswerContainer{width:95%;}*/
.mCSB_container.mCS_no_scrollbar_y .elementDragDropAnswerContainer{width:100%;}
.elementDragDropAnswerContainer .elementDragDropAnswer {display:block;/*margin-right:1.2em;*/ /*margin-left:1.2em;*/}
.elementDragDropAnswerContainer .elementDragDropAnswer.grabCursor {
    display: table;
}

.disabledDragDrop .sortable.elementDragDropAnswerContainer {
    padding-top:0.5em;
}
.disabledDragDrop .sortable.elementDragDropAnswerContainer .elementDragDropAnswer {
    padding:0.3em 0em;
}
.disabledDragDrop .elementDragDropAnswer {

    opacity:0.5;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity:50;
}


.dragDropSource-Block {padding: 1em 0 1em 1em; background: #fff; /*width:50%;*/ border: solid #666 1px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px;}

#resources-splitview .dragDropSource-Block, #resources-fullview .dragDropSource-Block, #resources-splitview #scenario-body .dragDropSource-Block{background: #104c65; border: solid #2e728b 1px;}
#resources-splitview .elementDragDropAnswerContainer, #resources-fullview .elementDragDropAnswerContainer,  #resources-splitview #scenario-body .elementDragDropAnswerContainer{background: #104c65;}
#scenario-splitview .dragDropSource-Block {background: #33466b; border: solid #698db4 1px;}
#scenario-splitview .elementDragDropAnswerContainer {background: #33466b;}
#source-splitview .dragDropSource-Block, #source-splitview .elementDragDropAnswerContainer {background: #eaeaea;}
#source-splitview .dragDropSource-Block {
    padding:0em 1em;
}


.grabCursor {
cursor: move;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
/*.grabCursor:active {
cursor: move;
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}*/




/*
.noDropCursor {


    cursor: url('../images/no-drop.cur'), auto !important;

}
.aliasCursor {

cursor: url('../images/cursor.cur'), auto !important;
}
*/


.noDropCursor {

    cursor: url('../images/nodrop-icon.svg'), auto !important;

}
.aliasCursor {

cursor: url('../images/cursor.cur'), auto !important;
}

#source-splitview .grabCursor {
    cursor: default;
    cursor: default;
    cursor: -moz-default;
    cursor: -webkit-default;
}

.dragDropAddDestinationBlock, .dragDropAddAnswerBlock, .dragDropAddAnswerCategoryBlock {
    height:2em;
    opacity:0.1;
    position:relative;
    text-align: center;
    /*margin:0.5em 0em 0.15em 0em;*/
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.dragDropSource-Block .edit-answer {
    max-width:calc(100% - 2em);
    display: inline-block;
    overflow: hidden !important;
}
.dragDropSource-Block .grabCursor .edit-answer {
    display: block;
    max-width: unset;
    overflow: unset;
}
.dragDropAddDestinationBlock:hover, .dragDropAddAnswerBlock:hover, .dragDropAddAnswerCategoryBlock:hover {
    height:2em;
    opacity:1;
    -webkit-transition:all ease 500ms;
    -moz-transition:all ease 500ms;
    -o-transition:all ease 500ms;
    transition:all ease 500ms;
}
.dragDropAddDestinationBlock .icon_action_add, .dragDropAddAnswerBlock .icon_action_add, .dragDropAddAnswerCategoryBlock .icon_action_add{
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
}
.dragDropAddDestinationBlock .line, .dragDropAddAnswerBlock .line{
    height:1px;
    border-top: 1px dotted rgba(0,0,0,0.2);
    position:relative;
    top:1em;
}

.dragDropDestination .icon_action_delete, .elementDragDropAnswer .icon_action_delete {
    display: inline-block;
    position:relative;
    width: 1.25em;
    height: 1.1em;
    top:0.1em;
    opacity:0;
    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
    cursor:pointer;
}
.destinationSortable:hover .icon_action_delete, .elementDragDropAnswer:hover .icon_action_delete {
    opacity: 0.6;
}
.destinationSortable .icon_action_delete:hover, .elementDragDropAnswer .icon_action_delete:hover {
    opacity: 1;
}
.dragDropDestination .sortable .icon_action_delete {
    float: right;
}
.elementDragDropAnswer .icon_action_delete {
    display: inline-block;
    margin-left:0.5em;
    position: relative;
    float: right;
}
.elementDragDropAnswer .icon_action_delete:hover{
    opacity: 1;
}
.dragDropDestination .icon_action_add, .dragDropAnswerCategoriesData .icon_action_add
{
    display: inline-block;
    position:relative;
    width: 1.25em;
    height: 1.25em;
    top:0.25em;
    margin-left: 0em 0.2em;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    opacity:0.3;
}
.dragDropAddDestinationBlock .icon_action_add
{
    opacity:1;
}
.dragDropDestination .icon_action_add:hover, .dragDropAnswerCategoriesData .icon_action_add:hover {
    opacity: 1;
}
.answer-add-label {
    font-size: 0.8em;
    text-transform: uppercase;
    color: rgba(0,0,0,0.5);
    cursor: pointer;
    font-style: italic;
}
.answer-add-block:hover .answer-add-label, .answer-add-block:hover .icon_action_add {
    color: rgba(0,0,0,1);
    opacity: 1;
}
.dragdrop-block .add-tab-container a {
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dragdrop-block .dragDropAddDestinationBlock .icon_action_add {
    width: 1.75em;
    height: 1.75em;
    top: 0.08em;
}
.dragdrop-block .dragDropAddDestinationBlock.active .icon_action_add {
    background: url(../images/icon-minimize.svg);
    transform: rotate(180deg);
    background-repeat: no-repeat;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}
#flipDragDropLayout {
    text-align: center;
    cursor: pointer;
    text-decoration: underline;
}

#updateDragDropScenarioButton .enabled {
    opacity: 1;
}
#updateDragDropScenarioButton .disabled {
    opacity: 0.2;
}

.saveScenarioDisabled, .saveMatrixDisabled {
    opacity: 0.2;
}
.saveScenarioEnabled, .saveMatrixEnabled {
    color: lime;
    font-weight: bold;
}
.saveScenarioNoSave, .saveMatrixNoSave {
    color: black;
}
.dragdrop-block .feedback-container {
    width: 100%;
    display: inline-block;
    margin:auto;
}
.dragdrop-block .feedback-type-container {
    text-align: center;
}
.dragdrop-block .feedback-container-label {
    font-style: italic;
    width:100%;
    display: block;
    text-align: center;
}
.dragdrop-block .feedback-type-block {
    margin:1em;
    width: 10em;
    height:5em;
    position: relative;
    text-align: center;
    display: inline-block;
    border-radius: 0.25em;
    background:#ddd;
    cursor: pointer;
}
.dragdrop-block .destinationTypes {
    opacity: 0;
    height: 0;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}
.dragdrop-block .destinationTypes.active {
    opacity: 1;
    height: auto;
    width: 100%;
    display: inline-block;
    margin:auto;
    text-align: center;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}
.dragdrop-block .destination-type-block {
    position: relative;
    margin:1em;
    width: 7.5em;
    height:4em;
    text-align: center;
    display: none;
    border-radius: 0.25em;
    background:#ddd;
    cursor: pointer;
}
.twerk:hover {
    background-color: #ddd;
    animation-name: elementTwerk;
    animation-duration: 0.25s;
}
.dragdrop-block .destinationTypes .line {
    margin-top: 1em;
    height: 1px;
    border-bottom: 1px dotted rgba(0,0,0,0.2);
    position: relative;
    bottom: 1em;
}
.dragdrop-block .destinationTypes.active .destination-type-block {
    display: inline-block;
}
.icon-scenario-overall, .icon-scenario-training, .icon-scenario-matrix, .icon-destination-infinite, .icon-destination-fixed, .icon-destination-numbered{
    display: block;
    position:relative;
    width: 2em;
    height: 2em;
    top:0.6em;
    font-size:1.25em;
    margin:auto;
    cursor:pointer;
}
.dragdrop-block .destination-type-label{
    bottom: 0.2em;
    position: absolute;
    display: inline-block;
    width: 100%;
    left: 0;
}
.dragdrop-block .feedback-type-label{
    bottom: 0.5em;
    position: absolute;
    display: inline-block;
    width: 100%;
    left: 0;
}
.gradingAndFeedbackOptions {
    width:100%;
    margin-top:1em;
    display: inline-block;
}
.gradingAndFeedbackOptionsTitle {
    display: inline-block;
    float: left;
    font-weight: bold;
    margin-top:1em;
}
.feedbackTemplateSelect {
    display: inline-block;
    float: right;
}
.dragdrop-block .set-pill{
    display: inline-block;
    border-radius: 0.25em;
    width: fit-content;
    background-color: #30466c;
    color: white;
    cursor: pointer;
    font-weight: bold;
    padding: 0.1em 0.75em;
    margin: auto;
    font-size: smaller;
    text-transform: uppercase;
}
.dragdrop-block .feedbackBlock {
    margin:auto;
    position: relative;
    display: flex;
}
.dragdrop-block .showFeedback {
    margin:auto;
    display: inline-block;
    width: 40px;
    height: 22px;
    position: relative;
    padding: unset;
}
.dragdrop-block .answer-add-block {
    display: inline-block;
    margin-right:2em;
}
.dragdrop-block .answer-add-block span/*, .dragdrop-block .answer-add-block .icon_action_add */{
    display: inline-block;
    margin-right: 0.25em;
    padding: 0.75em 0em;
    font-size: 0.8em;
    text-transform: uppercase;
    color: rgba(0,0,0,0.5);
}
/*.dragdrop-block .answer-add-block .icon_action_add {
    vertical-align: middle;
}*/
/*.dragdrop-block .answer-add-block span{
    vertical-align: text-bottom;
}*/
.dragdrop-block .preset-attempts {
    padding: 0;
    margin: 0;
    width: 3em;
    color: rgba(0,0,0,0.6);
    font-size: 0.9em;
    border-width: 0px;
    border-bottom: 1px solid rgba(0,0,0,0.4);
    background: transparent;
}
.dragdrop-block .feedbackOptionsSelect, .dragdrop-block .destinationOptionsSelect {
    border: 1px solid #999;
    background-color: #eee;
    border-radius: 0.25em;
    padding: 0.25em 0.25em 0;
}
.dragdrop-block .feedbackOptionsSelect {
    float:right;
    top:0.5em;
}
.dragdrop-block .ui.dropdown > .dropdown.icon {
    float: right;
    top:0.05em;
    margin: 0em 0em 0em 0.25em;
}
.dragdrop-block .ui.dropdown > .text {
    font:menu;
    vertical-align: text-top;
}
.dragdrop-block .ui.dropdown i.icon {
    vertical-align: inherit;
    margin-right:0.5em;
}
.dragdrop-block .gradingAndFeedbackOptions .ui.dropdown i.icon {
    margin-right:0.75em;
}
.dragdrop-block .ui.dropdown i.icon:before {
    font-size: initial;
}
.dragdrop-block .ui.dropdown .menu {
    right: 0px;
    left:unset;
}
.dragdrop-block .feedbackBlock .set-pill {
    opacity: 0;
    pointer-events:none;
}
.dragdrop-block .feedbackBlock .set-pill.enable-set-button {
    opacity: 1;
    pointer-events:all;
}

/**************************************************************************/
/* Loader */
/* https://ihatetomatoes.net/create-custom-preloading-screen/ */
/**************************************************************************/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*z-index: 1100;*/
    background-color: rgba(0,0,0,0.2);
    z-index: 99999999;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
            animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1101;
}
    #loader:before {
        content: "";
        position:  absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #e74c3c;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
                animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }
    #loader:after {
        content: "";
        position:  absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #f9c922;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
                animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   {
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
                -ms-transform: rotate(0deg);  /* IE 9 */
                    transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera  */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
                -ms-transform: rotate(360deg);  /* IE 9 */
                    transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera  */
        }
    }
    @keyframes spin {
        0%   {
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
                -ms-transform: rotate(0deg);  /* IE 9 */
                    transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera  */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
                -ms-transform: rotate(360deg);  /* IE 9 */
                    transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera  */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        /* background: #222; */
        z-index: 1100;
    }
    #loader-wrapper .loader-section.section-left {
        left: 0;
    }
    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    #loader-wrapper .loader-title {
        position: fixed;
        z-index: 1100;
        color: black;
        width: 100%;
        text-align: center;
        font-size: 3em;
        text-transform:uppercase;
    }
    .login_title {
        position: fixed;
        z-index: 1100;
        color: black;
        width: 100%;
        text-align: center;
        font-size: 3em;
        top:1.6em;
        text-transform:uppercase;

    }

    /* Loaded styles */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera  */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera  */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader-wrapper .loader-title {
        opacity: 0;

        -webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader {
        opacity: 0;

        -webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader-wrapper {
        visibility: hidden;

        /* -webkit-transform: translateY(-100%); */  /* Chrome, Opera 15+, Safari 3.1+ */
        /*    -ms-transform: translateY(-100%); */ /* IE 9 */
        /*        transform: translateY(-100%); */ /* Firefox 16+, IE 10+, Opera  */

        /* -webkit-transition: all 0.3s 1s ease-out; */ /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
        /*        transition: all 0.3s 1s ease-out; */ /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }

    .loader-wrapper-background {
        background-color: black;
        opacity: 0.5;
    }


/**************************************************************************/
/* Setting Tags */
/**************************************************************************/
.ui.dropdown:not(.button) > .default.text {
    top:0.2em;
}
.ui.fluid.dropdown > .dropdown.icon {
    top: 1em;
}
.ui.selection.dropdown .menu > .item {
    font-size:1em;
}
#element-tags-component .ui.selection.dropdown .menu {
    min-width: 100% !important;
}
.ui.multiple.dropdown > .label {
    margin:0.5em 0.5em !important;
}
/**************************************************************************/
/* Login */
/**************************************************************************/
.login_row {
    display:block;
    margin-top:0.25em;
    text-align:center;
}
.login_block {
    display:block;
}
.login_label {
    display:block;
    font-size: 0.75em;
    margin:0.2em 0em;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.login_input {
    display:block;
    margin:0.5em 0em 1em 0em;
}
.login_input input {
    padding:0.75em;
    width:92%;
    border-width:0px;
    background:#e9effe;
    text-align:center;
    background: rgba(255,255,255,0.5);
    border: 2px solid rgba(132,145,204,0.6);

    z-index: 999999999999;
    pointer-events: auto;
    position: relative;
}
.login_input input:disabled {
    border: none;
    width: 88%;
}
.login_row #login_button {
    border-width:0px;
    padding:1.1em;
    min-width:50%;
    color:#fff;
    margin-top:0.5em;
    /*
    background:rgba(0,0,0,0.4);
    border-radius:50px;
    */
    background:rgba(132,145,204,0.8);
    /*
    border-radius:5px;
    */
    text-transform: uppercase;
    font-size: 0.85em;
    letter-spacing: 2px
}
.login_row #login_button:hover {
    background:rgba(132,145,204,1);
}
.login_row.button {

}
.login_row #errors {
    margin-top:1.5em;
    border: 1px solid red;
    background: rgba(176,23,31,0.7);
    padding: 0.5em 1em 0.7em 1em;
    color: #fff;
}
.login_row  #switchUser {
    display: none;
}
.locked-email .login_row  #switchUser, .locked-email .login_row  .login_input.email {
    display: inline-block;
}
.locked-email .login_row  #switchUser {
    padding: 0 2em;
}
.locked-email .login_row  .login_input.email input:-internal-autofill-selected{
    border:none;
    opacity:0.6;
    background:white !important;
    background-color:white !important;
    margin-right:0.5em;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
    background: rgba(255,255,255,1);
    border: 10px solid rgba(255,255,255,1);
    padding: 2em 1em 1em 1em;
    border-radius: 20px;
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.4);
    box-shadow: 2px 5px 14px 0px rgba(0,0,0,0.4);
    /*
    border-width:0px;
    background:transparent;
    */

    z-index:9999999999999;

}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable.stacked-dialog {
    z-index:unset;
}
.ui-dialog .ui-widget-header{
    border-width:0px;
    background:transparent;
    color: #333333;
    font-weight: bold;
    font-size: 1.5em;
}
.ui-dialog .ui-dialog-title {
    display:none;
}
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle
{
    width: 3em;
    height: 4em;
    background-size: 4.5em 4.5em;
    background-image: url(../images/hero.svg);
    margin: 0em auto 0.5em auto;
    background-repeat: no-repeat;
    -webkit-filter: drop-shadow( 3px 2px 3px rgba(0, 0, 0, 0.5));
    filter: drop-shadow( 3px 2px 3px rgba(0, 0, 0, 0.5));
}
.ui-dialog-titlebar-close, .ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
  display: none;
}
.ui-widget-overlay.ui-front {
    /*z-index: 9000000 !important;*/
    position: absolute;
}

.blockUI{
    z-index:999999999999 !important;
}
/**************************************************************************/
/* Help */
/**************************************************************************/
#help-dialog {
    display: none;
    overflow: unset !important;
    padding: 0;
    margin: 0;
}
#help-dialog iframe{
    width:100%;
    height:98%;
    border:none;
}
/*.close-help-dialog {
    background: url(../images/close.svg);
    background-repeat: no-repeat;
    width: 2em;
    height: 2em;
    cursor: pointer;
    position: absolute;
    top: -3.4em;
    right: -1.4em;
    z-index: 91;
}*/
/**************************************************************************/
/* Semantic */
/**************************************************************************/
.ui.segment.full-absolute-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    border-radius: 0.25em;
    right: 0;
    pointer-events: none;
}
.ui.segment.preview-certificate-load.full-absolute-overlay {
    position: absolute;
    height: calc(100% + 1.5em);
    width: 100%;
    top: -1.5em;
    border-radius: 0.25em;
    right: 0;
    pointer-events: none;
}
.ui.inverted.dimmer {
    padding: 0;
    pointer-events: all;
}
.ui.inverted.transparent.dimmer {
    background-color: transparent !important;
}
.ui.selection.dropdown {
    padding: 0.22619048em 2.1em 0.22619048em 0.35714286em !important;
}
.ui.selection.dropdown .search{
    margin-top:1em !important;
}
.ui.selection.dropdown .text{
    margin-top:0.75em !important;
    margin-left:0.5em !important;
}
.ui.selection.dropdown .menu {
    margin: 0px !important;
    min-width: calc(100% - 1.5px) !important;
    width: calc(100% - 1.5px) !important;
}
.ui.input {
    position: relative;
    font-weight: normal;
    font-style: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: rgba(0, 0, 0, 0.87);
}
#dialog-content .ui.input > input {
    margin: 0em;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    text-align: left;
    line-height: 1.21428571em;
    padding: 0.67857143em 1em;
    background: #FFFFFF;
    border: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 2em;
    -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: box-shadow 0.1s ease, border-color 0.1s ease;
    transition: box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ui.icon.input > i.icon {
    cursor: default;
    position: absolute;
    line-height: 1;
    text-align: center;
    top: 0px;
    right: 0px;
    margin: 0em;
    height: 100%;
    width: 1.5em;
    opacity: 0.5;
    border-radius: 0em 0.28571429rem 0.28571429rem 0em;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.ui.icon.input > i.icon:before, .ui.icon.input > i.icon:after {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -0.5em;
}

i.icon.search:before {
    background: url(../images/icon-search.svg) no-repeat;
    background-size: 1em 1em;
    width: 100%;
    height: 100%;
    content: "";

}
.ui.icon{
    height:unset;
    width:unset;
    margin:unset;
    vertical-align:unset;
}
.ui i.icon.delete:before {
    content: url(../images/icon-cancel-x.svg);
}
.ui.label > .close.icon, .ui.label > .delete.icon {
    cursor: pointer;
    margin-right: 0em;
    margin-left: 0.5em;
    font-size: 0.92857143em;
    opacity: 0.5;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease;
}
.ui.label > .delete.icon {
    width: 0.6em;
    vertical-align: top;
}
.ui.label > .icon {
    width: auto;
    opacity: 1 !important;
    margin: 0em 0.75em 0em 0em;
}
.ui i.icon, .ui i.icons {
    font-size: 1em;
}
.ui i.icon {
    display: inline-block;
    opacity: 1;
    margin: 0em 0.25rem 0em 0em;
    width: 1.18em;
    height: 1em;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ui.label {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin: 0em 0.14285714em;
    background-color: #E8E8E8;
    background-image: none;
    padding: 0.5833em 0.833em;
    color: rgba(0, 0, 0, 0.6);
    text-transform: none;
    font-weight: bold;
    border: 0px solid transparent;
    border-radius: 0.28571429rem;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease;
}
.ui.compact.menu .item:last-child {
    border-radius: 0 .28571429rem .28571429rem 0;
}
.ui.compact.menu .item:last-child {
    border-radius: 0 .28571429rem .28571429rem 0;
}
.ui.menu:not(.vertical) .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ui.menu .item {
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
    padding: .92857143em 1.14285714em;
    text-transform: none;
    color: rgba(0,0,0,.87);
    font-weight: 400;
    -webkit-transition: background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;
    transition: background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;
    transition: background .1s ease,box-shadow .1s ease,color .1s ease;
    transition: background .1s ease,box-shadow .1s ease,color .1s ease,-webkit-box-shadow .1s ease;
}

#standard-tipped .ui.label {
    background-color: #7b8acc;
    color: white;
}
#standard-tipped .ui.label {
    background-color: #b695b5;
    color: white;
}
#standard-tipped .ui i.icon.delete:before {
    content: url(../images/icon-cancel-x-inverted.svg);
}


#uploadImageBlock {
    text-align:left;
    padding:2em;
    margin:3em;
    border:1px solid rgba(0,0,0,0.3);
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
}
.element-settings-dialog .textbox {
    width: calc(100% - 1em);
    padding:0.5em;
    border: 1px solid rgba(238,238,238,0.8);
    background: rgba(238,238,238,0.8);
}
.fileUpload_title {
    padding:0.5em 0em;
}
.inputFile + label {
    color: #d3394c;
    color: #000;
}
.inputFile + label {
    /*
    border: 1px solid #d3394c;
    border: 1px solid rgba(143,172,238,0.8);
    */
    border: 1px solid rgba(143,172,238,0.8);
    border: 1px solid rgba(0,0,0,0.3);
    background-color: #fff;
    width:calc(100% - 3em);
    /*
    max-width: 80%;
    */
    /*
    font-size: 1rem;
    */
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */

    /*
    border-bottom: 1px solid rgba(143,172,238,0.8);
    border-top: 1px solid rgba(143,172,238,0.8);
    background-color: #fff;
    width: 471px;
    margin-left:-3em;
    */

}
.inputFile + label span {
    padding: 0.625rem 0em;
}
.inputFile + label strong {
    padding: 0.4rem 1rem;
    font-size: 0.8rem;
    font-weight:normal;
    /*
    text-transform:uppercase;
    letter-spacing: 2px;
    10px 20px */
}
.inputFile + label span {
    width: 73%;
    min-height: 0.7em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}
.inputFile + label strong {
    height: 100%;
    display: inline-block;
    color: #000;
    background-color: rgba(0,0,0,0.6);
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.6);
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
}

.inputFile:focus + label strong,
.inputFile.has-focus + label strong,
.inputFile + label:hover strong {
    background-color: rgba(0,0,0,0.8);
}
.uploadBtn {
    border:0px solid rgba(255,255,255,0.1);
    background:rgba(143,172,238,0.8);
    cursor:pointer;
    padding:1em 2em;
    margin-top:1em;
    font-size: 0.7rem;
    text-transform:uppercase;
    letter-spacing: 2px;
    color:#fff;
    opacity:1;
    filter:alpha(opacity=1);
}
.uploadBtn:hover {
    background:rgba(143,172,238,1);
}

/**************************************************************************/
/* TOC */
/**************************************************************************/

#tocWrapper {
    position: relative;
    padding:0% 15%;
    top: 0em;
    left: 0em;
    height: 100%;
    overflow: auto;
}
#tocWrapper .back-button {
    content: url(../images/icon-previous.svg);
    top: 3.85em;
    left: -2em;
    height: 0.7em;
    width: 0.7em;
    position: absolute;
    cursor: pointer;
    opacity:1;
}
#tocWrapper .back-button:hover {

}
#tocHeader {
    position:relative;
}
#tocModuleLabel {
    width:100%;
    display:block;
    position:relative;
    z-index:1;
    border-bottom:1px solid #ddd;
    margin-bottom:0.5em;
    padding-top: 2.25em;
}
#tocModuleLabel h3{
    display:inline-block;
}
#tocHeader .birds {
    /*margin:1.2em 1px 0em 1em;*/
    /*
    margin-top:1.2em;
    margin-right:1px;
    */
    /*right:auto;
    display:inline-block;*/

    right: auto;
    position: relative;
    vertical-align: text-top;
    display: inline-block;
    margin-right:1em;
}
#tocHeader .birds .type {
    opacity:0.2;
    cursor: pointer;
    width:1.4em;
    height:1.4em;
    display:inline-block;
}
#tocHeader .birds .type:hover {
    opacity:1;
}
/*
#tocModuleLabel .birds .type{
    display:none;
}
*/
#tocHeader {
    opacity:0.75;
}
#tocHeader .birds .type.active {
    opacity:1;
}
#tocHeader .birds .type.active:hover {
    opacity:1;
}
#tocHeader .birds .type.notes.active:hover {
    opacity:1;
}
#tocHeader .birds .type.standard {
    border:2px solid #a378a2; ;
}
#tocHeader .birds .type.resource {
    border:2px solid #3b878c;
}

.birds .type.cascaded {
    opacity:0.75;
}
.birds .type.active.featured:before/*, .birds .type.active.featureCascaded:before */{
    content: "";
    display:inline-block;
    width:1em;
    height:1em;
    background-size: contain;
    background: url(../images/icon-featured.svg);
    background-repeat: no-repeat;
    z-index:999;
    position:absolute;
    top: 49%;
    left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

}
#tocHeader .birds .type.active.featured:before {
    width: 1.3em;
    height: 1.3em;
}
.birds .type.active.featured:hover:before {
    /*
    opacity:0.8;
    width:0.8em;
    height:0.8em;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    background:#fff;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    */
}
/*
.birds .type.active.featureCascaded:before {
    opacity:0.5;
    background: url(../images/icon-featureCascaded.svg);
}
*/
.birds .type.active.featureCascaded:before {
    content: "";
    display:inline-block;
    width:1em;
    height:1em;
    background-size: contain;
    background: url(../images/icon-featureCascaded.svg);
    background-repeat: no-repeat;
    z-index:999;
    position:absolute;
    top: 49%;
    left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    opacity:0.5;
}
.birds .type.active.featureCascaded:hover:before {
    /*
    content: "";

    background: url(../images/icon-featured.svg);

    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    opacity:0.5;
    */
}
.birds .type .count {
    display:none;
    position:absolute;
    z-index:9999;
    padding:0em 0.35em 0.15em 0.4em;
    font-weight:500;
    font-size:0.6em;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    top:-1.1em;
    left:1em;
    color: #fff;
    border:2px solid rgba(255,255,255,1);
}
.birds .type.standard .count{
    display:inline-block;
    background: rgba(91,37,90,1);
}
.birds .type.resource.active .count{
    display:inline-block;
    background: rgba(8,68,92,1);
}
.birds .type.scenario.active .count, .birds .type.notes.active .count, .birds .type.translation.active .count{
    display:inline-block;
    background: rgba(30,47,77,1);
    font-size:0.55em;
    padding:0em 0.325em 0.075em 0.325em;
    top:-0.9em;
}
.birds .type.scenario.active .count:before, .birds .type.notes.active .count:before, .birds .type.translation.active .count:before{
    content: "\2713";
}
.birds .type.notes.active .count {
    background: rgba(94,81,43,1);
}
.birds .type.translation.active .count {
    background: rgba(0,0,0,1);
}
.toc-block .birds .type.resource.active .count {
    top:-0.9em;
    left:0.8em;
}
#tocHeader .birds .type.scenario {
    border:2px solid #416dc0;
}
#tocHeader .birds .type.notes {
    border:2px solid #a18a45;
}
#tocHeader .birds .type.contents {
    border:2px solid #225f59;
}
/*#tocHeader .birds .type.translation {
    border:2px solid rgba(0,0,0,0.5);
}*/
#tocHeader .birds .type.translation.active {
    border:2px solid rgba(0,0,0,1);
}
.toc-block {
    /*
    border-bottom: 1px solid rgba(0,0,0,0.2);
    */
    margin-bottom:0.5em;
}
.toc-item-block {
    position:relative;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    border-top: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    border-left: 1px solid rgba(255,255,255,0);
    border-right: 1px solid rgba(255,255,255,0);

    /*padding:1.5em 0em 1.5em 1.5em;*/
    padding:1em 0em 0.5em 1.5em;
}
.toc-item-block:hover{
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    border:1px solid rgba(0,0,0,0.4);

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background:rgba(238,238,238,0.3);



    /* right expand */
    /*
    margin:0em -1.5em 0em -1.5em;
    padding:1.5em 1.5em 1.5em 1.5em;
    */
    /* no right expand */
    /*margin:0em 0em 0em -1.5em;*/
    /*padding:1.5em 0em 1.5em 1.5em;*/
    margin-left: -1.5em;
    /*padding:1em 0em 0.5em 1.5em;*/
}
.toc-item-block.hide {
     padding:1.5em 0em 1.5em 1.5em;
}
.toc-item-block.hide:hover {
    margin-left:0em;
    padding:1.5em 0em 1.5em 1.5em;
}
.toc-item-block.hide .sectionData, .nestedSection.hide .sectionData {
    pointer-events:none;
}
.toc-item-block.hide:hover .sectionMaxMin.up.active, .toc-item-block.hide:hover .sectionMaxMin.down.active, .nestedSection.hide.hover .sectionMaxMin.up.active, .nestedSection.hide.hover .sectionMaxMin.down.active {
    opacity:0;
}
.toc-item-block.hide:hover .sectionMaxMin.up.active ~ .sectionTitle, .toc-item-block.hide:hover .sectionMaxMin.down.active ~ .sectionTitle, .nestedSection.hide.hover .sectionMaxMin.up.active ~ .sectionTitle, .nestedSection.hide.hover .sectionMaxMin.down.active ~ .sectionTitle{
    margin-left:0em;
}
.sectionTitle{
    left:2em;
}
.toc-item-block .sectionMaxMin {
    opacity:0.2;
    margin:0;
    padding:0;
    left:1.5em;
    position:absolute;
    transform: rotate(0deg);
    width:1em;
    height:1em;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    cursor: pointer;
}

.module-list .toc-item-block .sectionMaxMin{
    left:0em;
}
.toc-view .toc-item-block .parentSection .sectionMaxMin{
    left:0em;
    top: 0.05em;
}
.toc-view .toc-item-block .nestedSection .sectionMaxMin{
    left:1.5em;
    top:0.85em;
}

.toc-item-block.randomizedSection .parentSection .sectionMaxMin, .toc-item-block.timedSection .parentSection .sectionMaxMin{
    left: 1.5em;
    top: 1.1em;
}
.toc-item-block.randomizedSection .nestedSection .sectionMaxMin, .toc-item-block.timedSection .nestedSection .sectionMaxMin{
    left: 1.5em;
    top: 0.85em;
}
/*.toc-item-block.randomizedSection:hover .sectionMaxMin, .toc-item-block.timedSection:hover .sectionMaxMin{
    top:1.6em;
    left:1em;
}
.toc-item-block.randomizedSection:hover .sectionMaxMin.up.active, .toc-item-block.randomizedSection:hover .sectionMaxMin.down.active, .toc-item-block.timedSection:hover .sectionMaxMin.up.active, .toc-item-block.timedSection:hover .sectionMaxMin.down.active {
    top:1.6em;
    left:1em;
}*/

/* timed nested section */
/*
.toc-item-block.timedSection:hover .nestedSection.timedSection .sectionMaxMin{
    top:0.85em;
    left:0em;
}
.nestedSection.timedSection:hover .sectionMaxMin{
    top:0.85em;
    left:0em;
}
.nestedSection.timedSection:hover .sectionMaxMin.up.active, .nestedSection.timedSection:hover .sectionMaxMin.down.active {
    top:0.85em;
    left:1.5em;
}
*/
/* randomized nested section */
/*
.toc-item-block.randomizedSection:hover .nestedSection.randomizedSection .sectionMaxMin{
    top:1em;
    left:0em;
}
.nestedSection.randomizedSection:hover .sectionMaxMin:hover .sectionMaxMin{
    top:1em;
    left:0em;
}
.nestedSection.randomizedSection:hover .sectionMaxMin.up.active, .nestedSection.randomizedSection:hover .sectionMaxMin.down.active {
    top:1em;
    left:1.5em;
}
*/

/* regular nested section */
/*.toc-item-block:hover .nestedSection .sectionMaxMin{
    top:0.85em;
    left:0em;
}
.nestedSection:hover .sectionMaxMin:hover .sectionMaxMin{
    top:0.85em;
    left:0em;
}*/
/*.toc-item-block:hover .nestedSection:hover .sectionMaxMin.up.active, .toc-item-block:hover .nestedSection:hover .sectionMaxMin.down.active
{
    top:0.85em;
    left:1.5em;
}*/

.nestedSection.randomizedSection > div > .sectionData, .nestedSection.timedSection > div > .sectionData {
    margin-left:auto;
}
.nestedSection > div > .sectionData {
    margin-left:0.8em;
}
/*
.nestedSection.timedSection .sectionTitle:nth-of-type(0), .nestedSection.randomizedSection .sectionTitle:nth-of-type(0) {
    margin-left:0em;
}
.nestedSection .sectionTitle:nth-of-type(0) {
    margin-left:1em;
}
*/

.toc-item-block .sectionMaxMin.up, .toc-item-block-scenario .sectionMaxMin.up {
    background: url(../images/icon-collapse-up.svg);

}
.toc-item-block .sectionMaxMin.down, .toc-item-block-scenario .sectionMaxMin.down {
    background: url(../images/icon-expand-down.svg);

}
.toc-item-block .sectionMaxMin.up.active:hover, .toc-item-block .sectionMaxMin.down.active:hover, .toc-item-block-scenario .sectionMaxMin.up:hover, .toc-item-block-scenario .sectionMaxMin.down:hover {

    /*display: inline-block;
    width: 1em;
    height: 1em;

    margin:0em 0.5em 0em 0.35em;
    position:absolute;

    background-repeat: no-repeat;
    cursor:pointer;
    z-index:9999;
    top:0.1em;
    left:0em;*/
    opacity: 1;


    /*-webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    transition-delay: 600ms;
    transition-property: all;*/

}
/*.module-list .toc-item-block:hover .sectionMaxMin.up.active, .module-list .toc-item-block:hover .sectionMaxMin.down.active {
    margin:0em;
    top:0em;
    left:0em;
}*/
/*.toc-item-block:hover .sectionMaxMin ~ .sectionTitle, .toc-item-block:hover .sectionMaxMin ~ .sectionTitle{
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}*/
/*.toc-item-block:hover .sectionMaxMin.up.active ~ .sectionTitle, .toc-item-block:hover .sectionMaxMin.down.active ~ .sectionTitle{
    margin-left:2em;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    transition-delay: 600ms;
    transition-property: all;
}*/
/*.module-list .toc-item-block:hover .sectionMaxMin.up.active ~ .sectionTitle, .module-list .toc-item-block:hover .sectionMaxMin.down.active ~ .sectionTitle{
    margin-left:1em;
}*/
.toc-item-block:hover .sectionMaxMin.down.active {
    transform: rotate(90deg);
}
.toc-item-block:hover .sectionMaxMin.up.active {
    transform: rotate(180deg);
}
.toc-item-block:hover .sectionMaxMin.up.active:hover, .toc-item-block:hover .sectionMaxMin.down.active:hover {
    /*
    opacity:1;
    transition-delay: 600ms;
    */

}

/*
.toc-item-block .toc-item-section-actionsx {
    opacity:0;
    width:0em;
    height:0em;
    left:0em;
    top:1.8em;
    position:absolute;
    display:inline-block;
}
.toc-item-block:hover .parentSection > div > .toc-item-section-actionsx, .toc-item-block .nestedSection:hover > div > .toc-item-section-actionsx {
    opacity:1;
    width:auto;
    height:auto;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    transition-delay: 0.25s;

    position:absolute;
    top:1.8em;
    left:-0.5em;;
}
.toc-item-section-actionsx .icon_action_add, .toc-item-screen-actionsx .icon_action_add{
    width: 1.5em;
    height: 1.5em;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:12;
    transform: rotate(0deg);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    opacity:1;
}
*/
.toc-item-block.hide .sectionData, .nestedSection.hide, .screenItem.hide {
    /*
    opacity:0.15;
    pointer-events: none;
    */
}
.course-header-label {
    display: inline-block;
}
.icon-collapse-all.up, .icon-collapse-all.down {
    opacity:0.2;
    margin:0;
    padding:0;
    left:-0.5em;
    display: inline-block;
    position:relative;
    transform: rotate(0deg);
    width:1em;
    height:1em;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    cursor: pointer;
}
.toc-view .icon-collapse-all.up, .toc-view .icon-collapse-all.down {
    float:left;

}
.icon-collapse-all.up {
    background: url(../images/icon-collapse-up.svg);

}
.icon-collapse-all.down {
    background: url(../images/icon-expand-down.svg);

}
.icon-collapse-all.up:hover, .icon-collapse-all.down:hover {
    opacity: 1;
}
.sectionMaxMin.up ~ .screenData,  .sectionMaxMin.up ~ .nested-section-container, .sectionMaxMin.up ~ .toc-placement-line{
    display: block;
}
.sectionMaxMin.down ~ .screenData,  .sectionMaxMin.down ~ .nested-section-container, .sectionMaxMin.up ~ .sectionTitle .sectionScreenCount, .sectionMaxMin.down ~ .toc-placement-line {
    display: none;
}
/* Hide Timed/Randomized Section */
.toc-item-block.timedSection.hide, .nestedSection.timedSection.hide {
    border:2px solid rgba(254,131,12,0.15);
}
.toc-item-block.randomizedSection.hide, .nestedSection.randomizedSection.hide {
    border:2px solid rgba(0,0,0,0.15);
}
.toc-item-block.timedSection.hide:before, .toc-item-block.randomizedSection.hide:before, .nestedSection.timedSection.hide:before, .nestedSection.randomizedSection.hide:before {
    opacity:0;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
/* Hide Parent Section */
.toc-item-block.hide .parentSection .sectionData, .screenItem.hide .screenTitle {
    opacity:0.15;
}
/* Hide Nested Section */
.nestedSection.hide .sectionData, .screenItem.hide .screenTitle {
    opacity:0.15;
}
/* Hide Screen */
.screenItem.hide .screenTitle, .screenItem.hide:before, .screenItem.hide .birds {
    opacity:0.15;
}
.toc-item-block .toc-item-section-actions {
    opacity:0;
    width:0em;
    height:0em;
    left:1em;
    top:-1em;
    position:relative;
}
.toc-item-block .toc-item-section-actions .icon_action_add {
    width:1.5em;
    height:1.5em;
}
.toc-item-block .parentSection > div > .toc-item-section-actions, .toc-item-block .nestedSection > div > .toc-item-section-actions {
    opacity:0;
    width:auto;
    height:0px;
    -webkit-transition:all ease 200ms;
    -moz-transition:all ease 200ms;
    -o-transition:all ease 200ms;
    transition:all ease 200ms;

    position:relative;
    top:0em;
}

.toc-item-block:hover .parentSection > div > .toc-item-section-actions, .toc-item-block .nestedSection:hover > div > .toc-item-section-actions {
    opacity:1;
    width:auto;
    height:auto;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    position:relative;
    top:0em;
}

.toc-item-block .toc-item-section-actions .addSection {
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    top:0em;
}
.toc-item-block:hover .toc-item-section-actions .addSection {
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    top:0em;
}
.toc-item-block .toc-item-section-actions .addScreen {
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    top:0em;
}
.toc-item-block:hover .toc-item-section-actions .addScreen {
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    top:0em;
}

.addSection, .addScreen {
    display:inline-block;
    text-transform:uppercase;
    font-size:0.8em;
    background:rgba(108,189,125,0.5);
    padding:0.15em 1em 0.25em 1em;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    color:#fff;

    margin:0.5em 0em 0em 0em;
    position:relative;
    top:0em;
}
.addSection:hover, .addScreen:hover {
    background:rgba(108,189,125,1);
    color:#fff;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    top:0em;
}
.timedSection, .nestedSection.timedSection, .randomizedSection, .nestedSection.randomizedSection {
    /*margin:0.5em 0em 0.5em 0em;
    padding:1.5em;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;*/

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.timedSection, .nestedSection.timedSection {
    border:2px solid rgba(254,131,12,1);
    padding-right:0em;
}
/*.nestedSection.timedSection {
    padding:0.75em 1.5em;
    margin:0.5em 0em 0.5em 1em;
}*/
.randomizedSection, .nestedSection.randomizedSection {
    border:2px solid rgba(0,0,0,0.5);
    padding-right:0em;
}

.timedSection.randomizedSection, .nestedSection.timedSection.randomizedSection {
    outline: 3px dashed orange;
    box-shadow:0 0 0 3px rgba(0,0,0,0.5);
    border: 0px solid transparent;
}
.timedSection.randomizedSection:hover, .nestedSection.timedSection.randomizedSection:hover {
    border: 0px solid transparent;
}

.nestedSection.randomizedSection {
    /*
    padding:0.85em 1.5em !important;
    */
   /* margin:0.5em 0em 0.5em 1em;*/
}
.timedSection:hover, .nestedSection.timedSection:hover {
    border:2px solid rgba(254,131,12,1);
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.nestedSection.hide:hover, .nestedSection.hide:hover { /* related: 8055 */
    border: 1px solid rgba(0,0,0,0.1);
}
.timedSection.hide:hover, .nestedSection.hide.timedSection:hover {
    border:2px solid rgba(254,131,12,0.15);
}
.nestedSection.timedSection:hover, .nestedSection.randomizedSection:hover {
    margin-bottom:0.5em;
}
.randomizedSection:hover, .nestedSection.randomizedSection:hover {
    border:2px solid rgba(0,0,0,0.5);
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.randomizedSection.hide:hover, .nestedSection.randomizedSection.hide:hover {
    border:2px solid rgba(0,0,0,0.15);
}
/*.timedSection:hover, .randomizedSection:hover{
    margin:0.5em 0em 0.5em -1.5em;
}*/
.nestedSection.timedSection:hover, .nestedSection.randomizedSection:hover {
    border-right-width:0px;
    margin-right:1px;
}

.toc-item-block:hover .nestedSection.timedSection.hide, .toc-item-block:hover .nestedSection.randomizedSection.hide {
     /*margin:0.5em 0em 0.5em 1em;*/
}
.toc-item-block:hover .nestedSection.hide {
     /*margin:1em 0em 0.5em 1em;*/
}
.timedSection:before, .randomizedSection:before {
    content: "";
    display:inline-block;
    width:1.5em;
    height:1.5em;
    background-size: 1.5em 1.5em;
    background-repeat: no-repeat;
    z-index:999;

    position:absolute;
    left: -0.8em;

    /* This causes flicker bugs */
    top: 49%;
    -webkit-transform: translateX(0%) translateY(-50%);
    -moz-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);

}
.timedSection:before {
    /*
    top:1.4em;
    */
    background-image: url(../images/icon-timer.svg);
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.nestedSection.timedSection:before {
    /*
    top:0.6em;
    */
}
.randomizedSection:before {
    width:1.7em;
    height:1.7em;
    background-size: 1.7em 1.7em;
    /*
    top:1.1em;
    */

    left: -1.05em;


    background-image: url(../images/icon-randomized.svg);
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.nestedSection.randomizedSection:before {
    /*
    top:0.4em;
    */
}
.timedSection.randomizedSection:before {
    width:1.7em;
    height:6em;
    left: -1.05em;
    background-size: 1.7em 6em;
    background-image: url(../images/icon-timer-and-randomized.svg);

    /*****/
}
.sectionScreenCount {
    display:none;
}
.sectionScreenCount.active {
    display:inline-block;
    background: rgba(0,0,0,0.1);
    /*
    background: rgba(242,235,118,1);
    */
    color: rgba(0,0,0,0.6);
    /*
    color: rgba(255,255,255,1);
    */
    margin:0em 0.35em;
    padding:0.04em 0.4em 0.1em 0.4em;
    font-weight:500;
    font-size:0.85em;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    position:relative;
    top:-0.05em;
    /*
    background: rgba(0,0,0,0.5);
    color:#fff;
    padding: 0em 0.4em 0.1em 0.4em;
    */
    background: rgba(0,0,0,0.6);
    color: rgba(255,255,255,1);
}



.timedSection .sectionTitleDetail, .randomizedSection .sectionTitleDetail {
    display:none;

    margin:0em 0em 0em 0.4em;
    padding:0.055em 0.75em 0.15em 0.75em;
    color:#fff;
    font-weight:500;
    font-size:0.85rem;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    position:relative;
    top:-0.05em;
    font-style: italic;
    /* cursor:pointer; */
}
.timedSection .sectionTitleDetail.timed {
    display:inline-block;
    background: rgba(254,131,12,0.5);
}
.randomizedSection .sectionTitleDetail.random {
    display:inline-block;
    background: rgba(0,0,0,0.4);
    /*
    color:rgba(0,0,0,0.7);
    border:2px solid rgba(0,0,0,0.25);
    display:none;
    */
}
.tocSectionActions, .toc-section-controls {
   /* opacity:0;
    position:absolute;
    right:0em;
    top:0em;
    width:100%;
    text-align:center;
    z-index:2;
    height:2em;*/
    opacity:0;
    position:absolute;
    right:0;
    left:0;
    margin:0 auto;
    top:0em;
    width:fit-content;
    text-align:center;
    z-index:2;
    height:2em;
    cursor: default;
}
.tocSectionActions:hover, .toc-section-controls:hover {
    /*top:-2em !important;
    height:2em !important;*/
}

.toc-item-block.tocSectionActions {
    opacity:0;
    /*
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    */
    right:0em;
    top:-1.2em;
}
.toc-item-block:hover .tocSectionActions {
    opacity:1;
    /*
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    */
    right:0em;
    top:-1.2em;



}
.toc-section-controls .desc_action_settings {
    display: inline-block;
    position:relative;
    height: 1.9em;
    min-height: 1.9em;
    top:1em;

    border: 1px solid #7f7f7f;
    background-color:#fff;
    border-radius: 1em;
    margin-left: 0em 0.2em;
    padding:0em 1em;
    background-repeat: no-repeat;
    cursor:pointer;

}
.toc-section-controls .desc_action_settings span{
    font-size:0.8em;
    position:relative;
    top:0.25em;
}
.toc-section-controls .icon_action_edit {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    */
    margin-left: 0em 0.2em;
    background: url(../images/icon-edit-inactive.svg);
    background-repeat: no-repeat;
    cursor:pointer;
}
.toc-section-controls .icon_action_edit.active {
    /*
    background: url(../images/icon-edit.svg);
    */
    background: url(../images/icon-minimize.svg);
    transform: rotate(180deg);
    background-repeat: no-repeat;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

}
.toc-item-block:hover .toc-section-controls .icon_action_edit {
    top:0em;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.toc-item-block:hover .toc-section-controls .desc_action_settings {
    top:-0.975em;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.toc-section-controls .icon_action_settings {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    */
    margin-left: 0em 0.2em;
    background: url(../images/icon-settings.svg);
    background-repeat: no-repeat;
    cursor:pointer;
}
.toc-item-block:hover .toc-section-controls .icon_action_settings {
    top:0em;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
@keyframes selectOption {
  0% { width:2em; height:2em;}
  50% {width:2.15em; height:2.15em;}
  100% {width:2em; height:2em; }
}
.toc-section-controls .icon_action_display {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;

    margin-left: 0em 0.2em;
    background: url(../images/icon-show-b.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    /*
    float:left;
    left:-1em;
    */
}
.toc-section-controls .icon_action_display.hide {
    background: url(../images/icon-hide-b.svg);
    background-repeat: no-repeat;
}
.toc-item-block:hover .toc-section-controls .icon_action_display {
    top:0em;
    /*
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    */
}
.toc-item-block:hover .toc-section-controls .icon_action_display.hide {
    top:0em;
}
.toc-item-block:hover .toc-section-controls .icon_action_display:hover {
    /*
    animation: selectOption 300ms linear;
    */
}
.draggable-toc-item {
    cursor:grab;
}
.draggable-toc-item.drag-source {
    cursor:grabbing;
}
.drag-over {
    /*border: 3px dotted blue;*/
    border-radius: 0.25em;
    background-color: lightblue;
}
.toc-placement-line {
    height:0.5em;
    width:100%;
}
/*.drag-mode .toc-placement-line.droppable {
    height:0.5em;
    width:100%;
}*/
.drag-mode .toc-placement-line.droppable.drag-over {
    height:1em;
    width:100%;
}
/*.down .toc-placement-line.droppable, .down ~ .toc-placement-line.droppable {
    height:0em;
    width:0%;
}
.drag-mode .down .toc-placement-line.droppable, .drag-mode .down ~ .toc-placement-line.droppable {
    height:0em;
    width:0;
}*/
.toc-section-controls .icon_action_moveDown {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    */
    margin-left: 0em 0.2em;
    background: url(../images/icon-moveDown.svg);
    background-repeat: no-repeat;
    cursor:pointer;
}
.toc-item-block:hover .toc-section-controls .icon_action_moveDown {
    top:0em;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.toc-section-controls .icon_action_moveUp {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    */
    margin-left: 0em 0.2em;
    background: url(../images/icon-moveUp.svg);
    background-repeat: no-repeat;
    cursor:pointer;
}
.toc-item-block:hover .toc-section-controls .icon_action_moveUp {
    top:0em;
    -webkit-transition:all ease 600ms;
    -moz-transition:all ease 600ms;
    -o-transition:all ease 600ms;
    transition:all ease 600ms;
}
.toc-section-controls .icon_action_publish {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;

    margin-left: 0em 0.2em;
    */
    background: url(../images/icon-publish.svg);
    background-repeat: no-repeat;
    cursor:pointer;

}
.toc-section-controls .icon_action_publish.disabled-publish {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;

    margin-left: 0em 0.2em;
    */
    background: url(../images/icon-publish-disabled.svg);
    background-repeat: no-repeat;
    cursor:default;
    /* pointer-events: none; */

}
.toc-item-block:hover .toc-section-controls .icon_action_publish {
    top:0em;
    -webkit-transition:all ease 900ms;
    -moz-transition:all ease 900ms;
    -o-transition:all ease 900ms;
    transition:all ease 900ms;
}
.toc-section-controls .icon_action_delete {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;

    margin-left: 0em 0.2em;
    */
    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
    cursor:pointer;

}
.toc-section-controls .icon_action_delete.no-delete {
    background: url(../images/icon-delete-trash-light.svg);
    background-repeat: no-repeat;
    cursor:default;
    pointer-events: none;
}
.toc-item-block:hover .toc-section-controls .icon_action_delete, .toc-item-block:hover .toc-section-controls .icon_publish_module {
    top:0em;
    -webkit-transition:all ease 900ms;
    -moz-transition:all ease 900ms;
    -o-transition:all ease 900ms;
    transition:all ease 900ms;
}
.toc-section-controls .icon_publish_module {
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    background: url(../images/icon-export.svg);
    background-repeat: no-repeat;
    cursor:pointer;

}
.toc-section-controls .icon_action_collapse{
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    */
    margin-left: 0em 0.2em;
    background: url(../images/icon-collapse-b.svg);
    background-repeat: no-repeat;
    cursor:pointer;

}
.toc-section-controls .icon_action_add_module {
   display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    margin-left: 0em 0.2em;
    /*
    background: url(../images/icon-addElement-module.svg);
    */
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;

    transform: scaleX(-1);
    transform: rotate(0deg);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.toc-section-controls .icon_action_add_section {
   display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    margin-left: 0em 0.2em;
    background: url(../images/icon-addElement-section.svg);
    background-repeat: no-repeat;
    cursor:pointer;

    transform: scaleX(-1);
    transform: rotate(0deg);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.toc-section-controls .icon_action_add_screen {
   display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    margin-left: 0em 0.2em;
    background: url(../images/icon-addElement-screen.svg);
    background-repeat: no-repeat;
    cursor:pointer;

    transform: scaleX(-1);
    transform: rotate(0deg);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.toc-section-controls .icon_action_add_existing_module {
   display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    margin-left: 0em 0.2em;
    background: url(../images/icon-addElement-existing-module.svg);
    background-repeat: no-repeat;
    cursor:pointer;

    transform: scaleX(-1);
    transform: rotate(0deg);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.toc-section-controls .icon_action_add_section:hover, .toc-section-controls .icon_action_add_screen:hover, .toc-section-controls .icon_action_add_existing_module:hover {
    background: url(../images/icon-addElement.svg);
    transform: rotate(90deg);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.toc-section-controls .icon_action_add_module.disabled {
    background: url(../images/icon-addElement-disabled.svg);
    background-repeat: no-repeat;
    opacity:1 !important;
 }
 .toc-section-controls .icon_action_add_existing_module.disabled {
    background: url(../images/icon-addElement-existing-module-disabled.svg);
    background-repeat: no-repeat;
    opacity:1 !important;
 }
.toc-section-controls .icon_action_add_section.inactive {
    background: url(../images/icon-addElement-section-invalid.svg);
    pointer-events:none;
}
.toc-section-controls .icon_action_add_screen.inactive {
    background: url(../images/icon-addElement-screen-invalid.svg);
    pointer-events:none;
}
.toc-section-controls .icon_action_add{
    display: inline-block;
    position:relative;
    width: 2em;
    height: 2em;
    top:1em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    */
    margin-left: 0em 0.2em;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;

}
.toc-item-block:hover .toc-section-controls .icon_action_add, .toc-item-block:hover .toc-section-controls .icon_action_add_module, .toc-item-block:hover .toc-section-controls .icon_action_add_existing_module, .toc-item-block:hover .toc-section-controls .icon_action_add_section, .toc-item-block:hover .toc-section-controls .icon_action_add_screen {
    top:0em;
    -webkit-transition:all ease 900ms;
    -moz-transition:all ease 900ms;
    -o-transition:all ease 900ms;
    transition:all ease 900ms;
}
.toc-item-section-actions .icon_action_add, .toc-item-screen-actions .icon_action_add{
    position:relative;
    width:2.25em;
    height:2.25em;
    /*
    margin: 0 auto;
    */
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:12;
    transform: rotate(0deg);
    top:1em;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    opacity:0.2;
    /*
    margin:0 auto;
    */
}
.icon_action_add {
    margin:0 auto;
}
.toc-item-section-actions .icon_action_add.section-add:hover{
    background: url(../images/icon-addElement-section.svg);
    background-repeat: no-repeat;
    transform: rotate(90deg);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    opacity:1;
}
.toc-item-section-actions .icon_action_add:hover, .toc-item-screen-actions .icon_action_add:hover {
    transform: rotate(90deg);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    opacity:1;
}
.sectionData {
    position:relative;
}
.screenData{
    /*
    margin-top:0.5em;
    margin-bottom:0.25em;
    */
    height:auto;
    opacity:1;
    display:block;

    -webkit-transition:all ease 500ms;
    -moz-transition:all ease 500ms;
    -o-transition:all ease 500ms;
    transition:all ease 500ms;
}
.screenData.min{
    height:0em;
    opacity:0;
    margin:0;

    -webkit-transition:all ease 500ms;
    -moz-transition:all ease 500ms;
    -o-transition:all ease 500ms;
    transition:all ease 500ms;
}
.screenData.min .screenItem {
    height:0em;
    opacity:0;
    -webkit-transition:all ease 0ms;
    -moz-transition:all ease 0ms;
    -o-transition:all ease 0ms;
    transition:all ease 0ms;

}

.toc-item-block .toc-item-screen-actions {
    opacity:0;
    height:0em;
    margin:0em 0em 0em 3em;

}
.toc-item-block.hover .toc-item-screen-actions {
    opacity:1;
    height:auto;
    margin:-0.5em 0em 1.5em 3em;

}
.sectionTitle, .screenTitle {
    display:inline-block;
    max-width:85%;
    position:relative;
    z-index:999998;
    margin-bottom:0.5em;
}

.screenData .screen-link {
    display: inline-block;
    opacity: 0;
    pointer-events: none;
    width:1em;
    height:1em;
}
.screenData:hover .screen-link {
    opacity: 1;
    pointer-events: all;
    position:relative;
    width:1em;
    height:1em;
    margin-left:1em;
    background-size: 1em 1em;
    background: url(../images/icon-swipe-arrow-right.svg);
    background-repeat: no-repeat;
    right: 0em;
    top:0.15em;
    z-index: 999;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}

.resource-header-action, .resource-header-title {
    position:relative;
    z-index:2;
}
.sectionTitle .hasChildren {
    /*
    display:inline-block;
    position:relative;
    top:0.2em;
    left:0.3em;

    background: url(../images/icon-minimize.svg);
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    margin:0 auto;
    background-size:cover;
    */
}
.screenItem {
    margin:0em 0em 0em 2em;
    /*padding:0.4em 0em 0.1em 2em;*/
    padding:0.75em 0em 0.1em 2em;
    position:relative;

    border-top:1px solid rgba(238,238,238,0);
    border-left:1px solid rgba(238,238,238,0);
    border-bottom:1px solid rgba(238,238,238,0);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.toc-item-block:hover .screenItem:hover { /* related 8061 */
    background:rgba(238,238,238,0.5);
    border-top:1px solid rgba(0,0,0,0.4);
    border-left:1px solid rgba(0,0,0,0.4);
    border-bottom:1px solid rgba(0,0,0,0.4);

    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.screenItem:hover {
    margin:0em 0em 0em 1em;
    /*padding:0.4em 0em 0.1em 2em;*/
    padding:0.75em 0em 0.1em 2em;
    position:relative;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

}
.screenItem .screenTitle {
    font-size:0.9em;
    color:rgba(0,0,0,1);
}
.screenItem:before {
    content: ""; /*\273A \026AC */
    content: "";
    display:inline-block;
    width:0.85em;
    height:0.85em;
    z-index:999;
    position:absolute;
    left:0.6em;
    /*top:0.8em;*/
    top:1.2em;
    background: url(../images/icon-screen.svg);
    background-repeat: no-repeat;
    background-size: contain;
    opacity:0.5;

    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
#moduleListWrapper .screenItem:before {
    background: url(../images/icon-module.svg);
    background-repeat: no-repeat;
    width:0.95em;
    height:0.95em;
    opacity:0.9;
    /*top:0.65em;*/
    top:1em;
    left:0.4em;
}
.screenItem:hover:before {
  margin-right:0em;
}
.birds {
    position:absolute;
    right:2em;
    display:inline-block;
    margin-top:-0.1em;
    z-index:99;
}
.nestedSection .birds {
    margin-top:0.05em;
}
.screenData .birds {
    margin-top:0.05em;
}
.birds .type{
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    width:1.25em;
    height:1.25em;
    display:inline-block;
    position:relative;

    opacity:0.2;
    cursor: pointer;
}
.birds .type.active {
    opacity:0.75;
    cursor: pointer;
}
.module-list .birds .type, .module-list .birds .type.active {
    cursor: default;
}
.birds .type.active:hover {
    opacity:1;
}
.birds .type.invisible {
    opacity:0;
}
.bird-food {
    padding:0.5em;
    min-width:30em;
    max-width:30em;
    position:relative;
}
.bird-food-divider {
    /*
    height:1px;
    background:rgba(255,255,255,0.5);
    */
    width:100%;
    margin:1.5em 0em 0.75em 0em;
    border-bottom: 1px solid rgba(255,255,255, 0.5);
}
.bird-food .icon {
    display:inline-block;

}
.bird-food .icon span {
    background: url(../images/standardExplorer-inverted.svg);
    /*
    background: url(../images/icon-standardExplorer-round.svg);
    */
    background-repeat: no-repeat;
    width: 2.4em;
    height: 2.9em;
    margin:0 auto;
    background-size:cover;
    display:block;
}
.bird-food .header {
    text-transform:uppercase;
    border-bottom:1px solid rgba(255,255,255,0.5);
    padding:1em 0em;
    margin-bottom:0.5em;
    font-size:1.2em;
    display:block;
}
.bird-food .enableExplorer {
    position:absolute;
    right:-0.5em;
    top:1.2em;
}
.bird-food .subheader {
    padding:0.5em 0em;
    opacity:0.8;
}
.bird-food .display {
    margin-top:1em;
}
.bird-food .column-location {
    display:table-cell;
    width:1.75em;
    width:6%;
    padding-right: 0.7em;
}
.bird-food .column-location.up {
    width:1em;
    height:1em;
    background-size: 1em 1em;
    background: url(../images/icon-up-indicator.svg);
    background-repeat: no-repeat;
    left: 0.25em;
    top: 0.25em;
    z-index: 999;
    padding-right:0.7em;
}
.bird-food .column-title {
    display:table-cell;
    width:auto;
    /*padding-right:3em;*/
}
.bird-food .jump-to-explorer {
    position: relative;
    width: fit-content;
    height: 2em;
    cursor: pointer;
}
.bird-food.scenario .jump-to-explorer {
    margin-top: 1.5em;
}
.bird-food .explorer-link {
    display: inline-block;
    position:relative;
    width:1em;
    height:1em;
    background-size: 1em 1em;
    background: url(../images/icon-swipe-arrow-white.svg);
    -webkit-transform:rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background-repeat: no-repeat;
    right: 0em;
    top:0.2em;
    z-index: 999;
}
.bird-food .column-action {
    display:table-cell;
    width:2.75em;
    height:100%;
    text-align:right;
    position:absolute;
    right:0em;
    top:0em;
    z-index:99999;
}
.bird-food .column-action .delete {

    width:0.75em;
    height:0.75em;
    background-size: 0.75em 0.75em;
    background: url(../images/icon-delete-noBG.svg);
    padding:0.05em;
    top:0.8em;

    /*
    width:1.5em;
    height:1.5em;
    background-size: 1.5em 1.5em;
    background: url(../images/icon-delete-trash.svg);
    */

    background-repeat: no-repeat;
    z-index: 999;
    opacity:0.5;
    position:relative;
    top:0.7em;
    margin:0 auto;

    transform: rotate(0deg);
    -webkit-transition:all ease 200ms;
    -moz-transition:all ease 200ms;
    -o-transition:all ease 200ms;
    transition:all ease 200ms;
    cursor:pointer;
}
.bird-food .column-action .delete.cannot-delete {
    opacity:0.2;
    cursor: default;
}
.bird-food .column-action .delete:hover {
    opacity:1;
    transform: rotate(90deg);
    -webkit-transition:all ease 200ms;
    -moz-transition:all ease 200ms;
    -o-transition:all ease 200ms;
    transition:all ease 200ms;
    box-shadow: 0 0 1px #000;
}
.bird-food .column-action .delete.cannot-delete:hover {
    opacity:0.2;
    transform: unset;
    -webkit-transition: unset;
    -moz-transition: unset;
    -o-transition: unset;
    transition: unset;
    box-shadow: unset;
}
/*.bird-food .column-action .delete.disabled {
    opacity:0 !important;

}*/
.bird-food .actions {
    display:block;
    /*
    border-top:1px solid rgba(255,255,255,0.25);
    margin-top:1em;
    */
}
.bird-food ol, .bird-food ul {
    margin:0;
    padding:0.3em 0em 0em 1.1em;
    opacity:0.8;
    font-size:0.95em;
}
.bird-food li {
    margin-bottom:0.25em;
}
.bird-food li span{
    position: relative;
    left: 0.2em;
}
.bird-food li.up {
    position:relative;
}
.bird-food li.up:before {
    content: "";
    display:inline-block;
    width:1.2em;
    height:1.2em;
    background-size: 1.2em 1.2em;
    background-repeat: no-repeat;
    z-index:999;
    position:absolute;
    left:-1.4em;
    top:0em;
    background: url(../images/icon-asset-up.svg);
}
.bird-food li.featured {
    position:relative;
}
.bird-food li.featured:before{
    content: "";
    display:inline-block;
    width:1.2em;
    height:1.2em;
    background-size: 1.2em 1.2em;
    background-repeat: no-repeat;
    z-index:999;
    position:absolute;
    left:-1.4em;
    top:0em;
}
.bird-food.standard li.featured:before {
    background: url(../images/icon-standardExplorer-featured.svg);
}
.bird-food.resource li.featured:before {
    background: url(../images/icon-resourceExplorer-featured.svg);
}
.bird-food .actions {
    /*
    float:right;
    */
    margin-bottom:0.5em;
}
.bird-food .add, .bird-food .settings, .bird-food .enable, .bird-food .remove {
    display: inline-block;
    margin: 1em 0.5em 0em 0em;
    padding:0.4em 1em;
    font-size:0.7em;
    text-transform:uppercase;
    font-weight:bold;
    /*
    background: url(../images/icon-edit-white.svg);
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    width: 1.8em;
    height: 1.8em;
    */
    cursor:pointer;
    opacity:0.8;
    color:#000;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.bird-food .settings {
    /*
    background: url(../images/icon-settings-cog.svg);
    */
    border:1px solid #fff;
    background:#fff;

}
.bird-food .add {
    background:rgba(255,255,255,0.2);
    border:1px solid rgba(255,255,255,0.5);
    color:#fff;
    /*
    background: url(../images/icon-view.svg);
    background-repeat: no-repeat;
    width: 0.5em;
    height: 0.5em;
    */
}
.bird-food .settings.disable, .bird-food .add.disable {
    opacity:0.2;
    cursor:default;
}
.bird-food .add:hover, .bird-food .settings:hover{
    opacity:1;
    /*
    transform: rotate(90deg);
    */
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.bird-food .settings.disable:hover, .bird-food .add.disable:hover {
    opacity:0.2;
}
.bird-food .enable {
    /*
    background:#4fbc75;
    border:1px solid #4fbc75;
    color:#fff;
    opacity:1;
    */

    display: inline-block;
    position: relative;
    width: 1rem;
    height: 1rem;
    top: 1.5em;
    left: -0.25em;
    margin: 0em 0em 2em 0em;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor: pointer;

}
.bird-food .enable:hover {
    opacity:1;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.bird-food .remove {
    background:#f95651;
    border:1px solid #f95651;
    color:#fff;
    opacity:1;
}
.bird-food .note {
    border:1px solid rgba(255,255,255,0.2);
    padding:1em;
    margin:1em 0em;
}
.bird-food.standard .settings {
    color:#5c155a;
}
.bird-food.resource .settings {
    color:#0e4a64;
}
#bird-icons .birds .type {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    position:relative;
    opacity:1;
}
#bird-icons .birds .type .standard {
    /*
    background: url(../images/standardExplorer.svg);
    background-repeat: no-repeat;
    width: 0.8em;
    height: 1em;
    margin:0 auto;
    background-size:cover;

    position:absolute;
    top: 50%;
    left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    */

    background: url(../images/icon-standardExplorer-round.svg);
    background-repeat: no-repeat;
    width:1.25em;
    height:1.25em;
    margin:0 auto;

    position:absolute;
    top: 50%;
    left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.birds .type.standard {
    background:#a378a2;
}

#bird-icons .birds .type .resource {
    background: url(../images/resourceExplorer.svg);
    background-repeat: no-repeat;
    width: 0.95em;
    height: 0.65em;
    margin:0 auto;
    background-size:cover;

    position:absolute;
    top: 50%;
    left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);


}
.birds .type.resource {
    background:#3b878c;
}
#bird-icons .birds .type .scenario {
    /*
    background: url(../images/scenarioExplorer.svg);
    background-repeat: no-repeat;
    width: 0.9em;
    height: 0.7em;
    margin:0 auto;
    background-size:cover;

    position:absolute;
    top: 50%;
    left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    */
    background: url(../images/icon-scenarioExplorer-round.svg);
    background-repeat: no-repeat;
    width:1.25em;
    height:1.25em;
    margin:0 auto;

    position:absolute;
    top: 50%;
    left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.birds .type.scenario {
    background:#416dc0;
}
.birds .type.notes {
    background:#a18a45;
}
.birds .type.contents {
    background:#225f59;
}
.birds .type.translation {
    /*background:#ededed;*/
    background:#000;
    border:2px solid #000;
}
.birds .type span {
    /*
    color:#fff;
    position:absolute;
    top: 49%;
    left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size:0.6rem;
    text-transform:uppercase;
    */
    display:none;
}
.addSection {
    /*
    background:#4fbc75;
    border:1px solid #4fbc75;
    color:#fff;
    opacity:1;
    */

    display: inline-block;
    position: relative;
    /*
    width: 1rem;
    height: 1rem;
    top: 1.5em;
    left: -0.25em;
    margin: 0em 0em 2em 0em;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    */
    cursor: pointer;

}
.addScreen {
     /*
    background:#4fbc75;
    border:1px solid #4fbc75;
    color:#fff;
    opacity:1;
    */

    display: inline-block;
    position: relative;
    /*
    width: 1rem;
    height: 1rem;
    top: 1.5em;
    left: -0.25em;
    margin: 0em 0em 2em 0em;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    */
    cursor: pointer;

}
#tocWrapper .addSection-options-block {
    height:0em;
    opacity:0;
    left:0em;
}
#tocWrapper .addSection-options-block.active {
    height:auto;
    opacity:1;
    background:rgba(255,255,255,1);
    border:1px solid rgba(0,0,0,0.3);
    display:inline-block;

    position:absolute;
    left:1.25em;
    top:1.75em;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    z-index:20;
}
#tocWrapper .sectionOption {
    height:3em;
    width:10em;
    background:rgba(0,0,0,0.2);
    border-bottom:1px solid #fff;
    display:block;

    transform: rotate(0deg);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    opacity:0.2;
}
/* first nested instance */
.nestedSection {
    border:1px solid rgba(0,0,0,0.2);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background:rgba(238,238,238,0.3);

    /* right expand */
    /*
    padding:0.75em 0.75em 0.75em 0.75em;
    margin:0.5em 0em 0.4em 1em;
    */
    /* no right expand */
    /*padding:0.75em 0em 0.75em 0.75em;*/
    margin:0.5em 0em 0.4em 1em;
    position:relative;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.nestedSection.hide { /* related 6951 */
    border:1px solid rgba(0,0,0,0.1);
}
.nestedSection.timedSection, .nestedSection.randomizedSection {
    /*padding:0.75em 0em 0.75em 1.5em;*/
}
.nestedSection .child-section-toc-item{
    padding:0.75em 0em 0.75em 0.75em;
}
.nestedSection.timedSection .child-section-toc-item, .nestedSection.randomizedSection .child-section-toc-item{
    padding:0.75em 0em 0.75em 1.5em;
}
.nestedSection .child-section-toc-item.toc-placement-line {
    padding: 0;
}
.nestedSection:hover {
    background:rgba(238,238,238,0.6);
    border:1px solid rgba(0,0,0,0.4);

    /* right expand */
    /*
    margin:0.5em -1em 0.4em 0em;
    padding-right:1.75em;
    */
    /* no right expand */
    margin:0.5em 0px 0.4em 0em;
    padding-right:0em;


    border-right:1px solid rgba(0,0,0,0);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

}
#wizard-container {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
 }
#wizard-container.module-creator, #wizard-container.existing-module-creator {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background: url(../images/overlay_alpha.png) repeat 0 0;

}
.nestedSection.hide:hover {
    background:transparent;
}
.screenItem .toc-section-controls {
    /*height:0em !important;*/
}
.toc-item-block.hover .parentSection > div > .toc-section-controls,
.nestedSection.hover > div > .toc-section-controls, .screenItem.hover .toc-section-controls{
/*
.toc-item-block:hover .parentSection > div > .toc-section-controls,
 .nestedSection:hover > div > .toc-section-controls{
*/
    opacity:1;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;

    transition-delay: 0.2s;

    /*right:0em;*/
    /*top:-1.2em;*/
    top:-1em;

    transition-delay: 500ms;
    transition-property: all;


}
.drag-mode .toc-item-block.hover .parentSection > div > .toc-section-controls,
.drag-mode .nestedSection.hover > div > .toc-section-controls, .drag-mode .screenItem.hover .toc-section-controls{
    opacity:0;

    -webkit-transition:unset;
    -moz-transition:unset;
    -o-transition:unset;
    transition:unset;

    transition-delay: unset;

    right:0em;
    height: 0;
    top:unset;

    transition-delay: unset;
    transition-property: unset;


}
.drag-mode  .toc-item-block:hover{
    -webkit-transition: unset;
    -moz-transition: unset;
    -o-transition: unset;
    transition: unset;

    /*border: unset;*/

    /*-webkit-border-radius: unset;
    -moz-border-radius: unset;
    border-radius: unset;*/
    background:rgba(238,238,238,0.3);



    /* right expand */
    /*
    margin:0em -1.5em 0em -1.5em;
    padding:1.5em 1.5em 1.5em 1.5em;
    */
    /* no right expand */
    /*margin:0em 0em 0em 0em;*/
    /*padding:1.5em 0em 1.5em 1.5em;*/
    /*padding:1em 0em 0.5em 1.5em;*/
}
.drag-mode .nestedSection:hover {
    /*border:1px solid rgba(0,0,0,0.2);*/
    /*-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;*/
    background:rgba(238,238,238,0.3);
    /*margin:0.5em 0em 0.4em 1em;*/
    position:relative;

    -webkit-transition:unset;
    -moz-transition:unset;
    -o-transition:unset;
    transition:unset;

}
.drag-mode .nestedSection.hide:hover {
    background:transparent;
}
.drag-mode .toc-item-block:hover .screenItem:hover { /* related 8061 */
    background:rgba(238,238,238,0.5);
    /*border-top:unset;
    border-left:unset;
    border-bottom:unset;*/

    /*-webkit-border-top-left-radius: unset;
    -moz-border-radius-topleft:unset;
    border-top-left-radius: unset;
    -webkit-border-bottom-left-radius: unset;
    -moz-border-radius-bottomleft: unset;
    border-bottom-left-radius: unset;*/

    -webkit-transition:unset;
    -moz-transition:unset;
    -o-transition:unset;
    transition:unset;
}
.drag-mode .toc-item-block {
    pointer-events: none;
}
.drag-mode .droppable-toc-item, .drag-mode .draggable-toc-item {
    pointer-events: all;
}
.drag-mode .screenItem {
    /*margin:0em 0em 0em 2em;
    padding:0.4em 0em 0.1em 2em;*/
    position:relative;

    /*border-top:unset;
    border-left:unset;
    border-bottom:unset;*/

    -webkit-transition:unset;
    -moz-transition:unset;
    -o-transition:unset;
    transition:unset;
}
.drag-mode .screenItem:hover {
    /*margin:0em 0em 0em 2em;
    padding:0.4em 0em 0.1em 2em;*/
    position:relative;

    -webkit-transition:unset;
    -moz-transition:unset;
    -o-transition:unset;
    transition:unset;

}
.drag-mode .screenData:hover .screen-link {
    opacity: 0;
    pointer-events: all;
    position:relative;
    width:1em;
    height:1em;
    margin-left:1em;
    background-size: 1em 1em;
    background: url(../images/icon-swipe-arrow-right.svg);
    background-repeat: no-repeat;
    right: 0em;
    top:0.15em;
    z-index: 999;
    -webkit-transition:unset;
    -moz-transition:unset;
    -o-transition:unset;
    transition:unset;
}
/* multiple nested instances */
.nestedSection .nestedSection {
    border-right:1px solid rgba(255,255,255,0);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    /*margin-top:1em;*/
}
.nestedSection .sectionData, .timedSection .sectionData, .randomizedSection .sectionData {
    position:static;
}
.nestedSection .sectionData {
    /*
    padding-top:1em;
    padding-bottom:1em;
    */
}
#dialog-block .settings-scroll{
    overflow: auto;
    height: 29em;
}
#dialog-block {
    display:none;
}
#dialog-block.active {
    display:block;
    position:fixed;
    width:100%;
    height:calc(100% - 2.5em);
    background:rgba(0,0,0,0.6);
    top:2.5em;
    left:0;
    z-index: 9999999;
}
#page #dialog-block.active {
    display:block;
    width:100%;
    /*position:fixed;
    height:calc(100% - 2.5em);
    top:2.5em;*/
    position: absolute;
    height: 100%;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index: 9999999;
    overflow: hidden;
}
#page #block-right #dialog-block.active {
    width:100%;
    position:fixed;
    height:calc(100% - 2.5em);
    top:2.5em;
    transition: width 0.5s;
}
.active-sidebar #page #block-right #dialog-block.active {
    width:80%;
    transition: width 0.5s;
}
#log-issue-dialog #dialog-block.active {
    z-index: 9999999999999999999999999999999999999999999999999999;
}
#dialog {
    display:block;
    text-align:center;
    width: 60%;
    min-width: 800px;
    height:700px;
    max-height:95%;
    position:absolute;
    background:#f9f9fb;
    z-index:999;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;

    left:50%;
    top: 45%;
    -webkit-transform: translateX(-50%) translateY(-45%);
    -moz-transform: translateX(-50%) translateY(-45%);
    -ms-transform: translateX(-50%) translateY(-45%);
    transform: translateX(-50%) translateY(-45%);

    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.4);
}
#serverset-pricing-dialog #dialog {
    display:block;
    text-align:center;
    width: 50%;
    min-width: 600px;
    height:600px;
    max-height:90%;
    z-index:999;
}
.dialog-info {
    height: 1.05em;
    width: 1.05em;
    top:0.2em;
    display: inline-block;
    position: relative;
    margin-left: 0.25em;
    margin-top: 0.1em;
    background: url(../images/icon-info-blue.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    opacity:1;
}
.dialog-info:hover {
    /* opacity:1; */
}
#resource-tipped .dialog-info {
    top: -0.6em;
    left: unset;
    right: -0.5em;
    display: inline-block;
}
#dialog.resource{
    color:#000;
}
#dialog.dragDropScoring{
    width: 90%;
    color:#000;
    height: 775px;
    top: 50%;
}
#dialog.screen-resource{
    width:40%;
    color:#000;
    text-align:left;
    background:#004c66;
    border: 5px solid rgba(255,255,255,0.2);
    height: 800px;
}
#dialog.screen-resource #dialog-header {
    display:none;
}
#dialog.screen-resource #dialog-content {
    background:#004c66;
    color:#fff;
    height: 95%;
}
#dialog.screen-resource #dialog-content #scenario-splitview {
    overflow:auto;
    overflow-x: hidden;
}
#dialog.screen-resource #dialog-content #scenario-splitview .addElement-option-presets-block.active {
    background-color: #004c66;
    background-image: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,0.05), rgba(255,255,255,0));
    border-top:1px dotted rgba(255,255,255,0.5);
    border-bottom:1px dotted rgba(255,255,255,0.5);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
#dialog-close, #error-dialog-close {
    position:absolute;
    width: 2.05em;
    height: 2.05em;
    /*
    border:4px solid rgba(255,255,255,1);
    border-radius:50%;
    */
    /*
    background: url(../images/icon-delete-trash.svg);
    */
    background: url(../images/icon-minimize-arrow.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:12;
    transform: rotate(0deg);
    top:1em;
    right:-1em;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    /*
    -webkit-filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.2));
    filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.2));
    */
}
#dialog-close:hover {
    /*
    width: 2.25em;
    height: 2.25em;
    top:0.875em;
    right:-1.125em;
    border:2px solid #fff;
    */
    /*background: url(../images/icon-minimize-arrow.svg);
    transform: rotate(0deg);
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;*/
}
.course-workflow #dialog-close{
    z-index: 999999999;
}
.resource-add-dialog {
    background:#f9f9fb;
}
.tpd-content-relative-padder {
    padding-right:0px !important;
}
.tpd-content-wrapper {
    overflow: unset !important;
}
#dialog-header {
    text-align:center;
    padding: 1.25em 0em;
    font-size: 1.5em;
    background:#fff;
    border-bottom:1px solid rgba(238,238,238,0.8);
    -webkit-border-top-right-radius:5px;
    -moz-border-top-right-radius:5px;
    border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-top-left-radius:5px;
    border-top-left-radius:5px;
    /* height:2em; */
}
#dialog-content {
    padding:1em;
    position: relative;
    height: calc(100% - 9.5em);
    width:auto;
    overflow: hidden;
}
.course-workflow #dialog-content {
    padding:1em;
    position: relative;
    height: calc(100% - 7.5em);
    width:auto;
    overflow: hidden;
}
.resource-edit #dialog-content {
    padding:1em;
    position: relative;
    height: calc(100% - 6.5em);
    width:auto;
    overflow: hidden;
}
#dialog-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 1.5em 0em;
    background: #fff;
    border-top: 1px solid rgba(238,238,238,0.8);
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.dialog-tabbed-header {
    width:100%;
    text-align:center;
    text-transform:uppercase;
}
.dialog-tabbed-header-item {
    display:inline-block;
    margin:0em 1.25em;
    padding-bottom:0.75em;
    font-size:0.65em;
    color:rgba(0,0,0,0.5);
    border-bottom:2px solid transparent;
    cursor:pointer;
}
.dialog-tabbed-header-item.invisible {
    display:none;
}
.dialog-tabbed-header-item.inactive {
    cursor:default;
    opacity:0.4;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
    filter: alpha(opacity=40);
    -khtml-opacity: 0.4;
    pointer-events: none;
}
.dialog-tabbed-header-item:hover {
    color:rgba(0,0,0,1);
}
.dialog-tabbed-header-item.active {
    color:rgba(76,175,84,1);
    border-bottom:2px solid rgba(76,175,84,1);
}
#dialog-icon.resource {

    width: 3em;
    height: 2em;
    margin:0 auto;
    background: url(../images/resourceExplorer.svg);
    background-repeat: no-repeat;
    background-size:cover;
}
#dialog-icon-heading {
    font-size: 1.2rem;
    /* margin:0.75em 0em 0.25em 0em; */
    text-transform:uppercase;
}
#dialog-subheading {
    font-size: 1rem;
    margin:0.25em 0em;
}
#dialog-description {
    font-size: 0.9em;
    color:rgba(0,0,0,0.5);
    margin:0.1em 0em;
}
#dialog-content #dialog-addStandard {
    border:1px solid rgba(0,0,0,0.1);
    padding:0.5em 1em;
    margin:1.5em 1em;
}
#dialog-content input:not(.semantic, [type='range'], [type='file']) {
    width:91%;
    margin:1em 0.25em 0.5em 0em;
    padding:0.7em 0.5em;
    color:rgba(0,0,0,0.6);
    font-size:0.9em;
    border-width:0px;
    border-bottom:1px solid rgba(0,0,0,0.4);
    background:transparent;
}
#dialog-content input.input-error {
    border-bottom: 2px solid rgba(236,2,2);
}
#dialog-content input.search {
    width:auto;
    margin:0;
    padding:0;
}
#dialog-content select {
    width:95%;
    margin:1em 0em 0.5em 0em;
    padding:0.7em 0.5em;
    color:rgba(0,0,0,1);
    /*color:rgba(0,0,0,0.6);*/
    font-size:0.9em;
}
#dialog-content select:disabled {
    color: rgba(0,0,0,0.6);
}
#dialog-content #dialog-add {
    position:relative;
    width: 2em;
    height: 2em;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:12;
    transform: rotate(0deg);
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    opacity:0.2;
    margin:0.5em auto;
}
#dialog-content #dialog-add:hover {
    opacity:1;
    transform: rotate(90deg);
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
#resource.edit-resource-container {
    overflow: auto;
    height: 100%;
    /* height: calc(100% - 7.5em); */
    /*position: absolute;*/
    margin: 0em;
    padding: 0 2em;
    width: calc(100% - 4em);
}
#resource .dialog-field {
    /*margin-bottom:2em;*/
    margin:0.5em 0;
}
#resource input::placeholder {
    font-style: italic;
    opacity: 0.5;
}
#resource input  {
    /*width:91%;*/
    width: calc(100% - 1.5em);
    margin:1em 0em 0.5em 0em;
    padding:0.7em 0.5em;
    color:rgba(0,0,0,0.8);
    font-size:0.9em;
    border-width:0px;
    border-bottom:1px solid rgba(0,0,0,0.4);
    background:transparent;
}
#resource .label {
    margin-top:0.5em;
}
#resource .btn, #resource .btnUpload, .generic.btn, .generic-highlight.btn {
    margin: 0 auto;
    margin-top: 1.5em;
    text-align:center;
    padding: 1em 3em;
    display: inline-block;
    position: relative;
    webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.4);
    color: #fff;
    background: rgba(0,0,0,0.7);
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration:none;
}
#resource .btnUpload {
    padding: 1em 3em 1.2em 3em;
}
#resource .btnUpload, .generic-highlight.btn {
    background: rgba(79,188,117,1);
}
#resource .btnUpload.disable {
    /*display: inherit; */
    cursor: none;
    pointer-events: none;
    opacity: 0.5;
}
#confirmationDialogYes.generic-highlight.btn {
    background: rgba(255,77,77,1);
}
#resource .btnUpload:before {
    content: "";
    display:inline-block;
    width:1.25em;
    height:1.25em;
    background-size: 1.25em 1.25em;
    background-image: url(../images/icon-upload.svg);
    background-repeat: no-repeat;
    z-index:999;
    position:relative;
    left: -0.5em;
    top: 0.3em;
}
#resource .progressBlock {
    position:absolute;
    top: 48%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#resource .progressTitle {
    margin:0.5em 0em;
}
#resource .form-group {
    margin:0;
}
#resource .form-group.label-floating.is-empty label.control-label {
    top: 0.7em;
    left:1.6em;
    font-size: 0.9rem;
    color: rgba(0,0,0,0.6);
}
#resource .form-group.label-floating label.control-label {
    top: -1.5em;
    left:0.5em;
    font-size: 0.8rem;
    color: rgba(0,0,0,0.3);
}
#resource .form-group.label-floating.is-focused label.control-label {
    top: -1.5em;
    left:0.5em;
    font-size: 0.8rem;
    color: rgba(0,0,0,0.3);


}
#resource .form-group.is-empty input.form-control {
    padding-bottom:1em !important;
    border-bottom:1px solid rgba(0,0,0,0.4);
    margin-bottom:1px;
}
#resource .form-group.label-floating input.form-control {
    padding-bottom:1em !important;
    border-bottom:1px solid rgba(0,0,0,0.4);
    margin-bottom:1px;
}
#resource .form-group.label-floating.is-focused input.form-control {
    padding-bottom:1em !important;
    border-bottom:2px solid rgba(76,175,84,1);
    margin-bottom:0px;

}
@-webkit-keyframes bulbPulse {
    0% { opacity:0.2;}
    50% {opacity:1;}
    100% { opacity:0.2;}
}
@-moz-keyframes bulbPulse {
    0% { opacity:0.2;}
    50% {opacity:1;}
    100% { opacity:0.2;}
}
@-o-keyframes bulbPulse {
    0% { opacity:0.2;}
    50% {opacity:1;}
    100% { opacity:0.2;}
}
@keyframes bulbPulse {
    0% { opacity:0.2;}
    50% {opacity:1;}
    100% { opacity:0.2;}
}
#step-2-screen, .tipped-message, .generic-tip, .disabled-tip {
    display: block;
    border: 1px solid rgba(81,188,118,0.5);
    background: rgba(81,188,118,0.1);
    padding: 1em;
    margin: 2em 0.25em 1em 0.25em;
    border-radius: 0.25em;
}
.disabled-tip {
    border: 1px solid rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.1);
}
.tipped-message {
    text-align: center;
}
.generic-tip:before, .disabled-tip:before, .bulb:before {
    content: "";
    display:inline-block;
    width: 1.1rem;
    height: 1.1rem;
    position:relative;
    /*
    left: -0.5em;
    top: 0.2em;
    */
    background-image: url(../images/icon-tip.svg);
    background-repeat: no-repeat;
    vertical-align: top;
    margin: 0em 0.4em 0.5em 0em;
    /*
    -webkit-animation: bulbPulse 2s linear infinite;
    animation: bulbPulse 2s linear infinite;
    */
}
#dialog-content #resource .resource-title-container {
    text-align: left;
    padding-left: 0.25em;
}
#dialog-content #resource .resource-title-label {
    display: inline;
}
#dialog-content #resource input.resource-title {
    display: inline;
    width: calc(100% - 17em);
    margin: 1em 0em 0.5em 0.5em;
    padding: 0.25em 0.5em;
    font-size: 1em;
}
#fileValidation.resourceError {
    margin-bottom: 0;
    margin-top: 1em;
}
.generic-tip.notice {
    border: 1px solid rgba(244,218,113,1);
    background: rgba(255,248,220,1);
}
#step-2-screen:before {
    content: "";
    display:inline-block;
    width: 2em;
    height: 2rem;
    position:relative;
    top: -0.1em;
    background-image: url(../images/icon-pin-black.svg);
    background-repeat: no-repeat;
    vertical-align: sub;
    margin: 0 0.5em 0 0;
}
/*
.randomizationEnabled-block {
    height:0;
    opacity:0;
}
.randomizationEnabled-block.active {
    height:auto;
    opacity:1;
}
*/
.generic-tip.randomizationEnabled {
    height:0;
    padding:0;
    margin:0;
    opacity:0;
}
.generic-tip.randomizationEnabled.active {
    height:auto;
    width:auto;
    position:relative;
    padding:1.25em 1em;
    border: 2px solid rgba(0,0,0,0.5);
    background: rgba(0,0,0,0.05);
    opacity:1;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
#dialog-content #sectionSettings .generic-tip.randomizationEnabled.active {
    margin:-0.5em auto 1em auto;
}
.generic-tip.randomizationEnabled:before {
    width: 2rem;
    height: 2rem;
    /*
    background-image: url(../images/icon-show.svg);
    */
    background-image: url(../images/icon-randomized.svg);
    position:absolute;
    left: 50%;
    top: -1em;
    -webkit-transform: translateX(-50%) translateY(0%);
    -moz-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
}
.subTip {
    display:block;
    font-size:0.9rem;
    margin-top:0.5em;
}
.generic-tip-desc, .disabled-tip-desc {
    display:inline-block;
    vertical-align: top;
    /*
    margin-bottom:0.5em;
    */
}
#step-2-screen-desc{
    display:inline-block;
    vertical-align: super;
}
.disabled-tip-desc  {
    color:rgba(0,0,0,0.7);
}
#dialog.resource-edit #dialog-content {
    padding: unset;
}
/*#dialog.resource-edit #dialog-content #resource {
    margin:2em;
}*/
.resource-tab {
    padding: 0.5em;
    border-radius: 0 0 0.25em 0.25em;
    background-color: #4a4a4b;
    color: white;
    right: 3em;
    z-index:1;
    cursor: pointer;
    position: absolute;
    display: inline-block;
    text-transform: capitalize;
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 40%);
}
i.crosshairs.icon {
    font-size: 1.2em;
    vertical-align: baseline;
    color: #e74051;
}
#dialog.resource-edit .toggle-container {
    vertical-align: middle; margin: 1em 0 1.75em;
}
.uploadBlock-container {
    margin-top:1.5em;
}
.uploadBlock {
    border:1px solid #ddd;
    padding:0.5em 0.5em 0em 0.5em;
    margin: 0em 1.5em 0.5em 1.5em;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    position:relative;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.uploadBlock-container .uploadBlock {
    margin: 0em 0.25em 0em 0.25em;
}
.uploadBlock-container.two-wide  .uploadBlock{
    display: inline-grid;
    width: calc(50% - 1.75em);
    height: 8em;
    margin: 0em 0em 0em 0.5em;
}
.uploadBlock-container.three-wide  .uploadBlock{
    display: inline-grid;
    width: calc(33% - 1.5em);
    height: 10em;
    margin: 0em 0.5em;
}
.uploadBlock-container.three-wide  .uploadBlock:first-child, .uploadBlock-container.two-wide  .uploadBlock:last-child, .uploadBlock-container.three-wide  .uploadBlock:last-child{
    margin: 0em;
}
.uploadBlock-container.two-wide  .uploadBlock:first-child{
    margin: 0em 0.5em 0 0;
}
.uploadBlock:hover {
    border:1px solid rgba(221,221,221,0.5);
    background:#ddd;

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
.upload-btn-wrapper {
    overflow: hidden;
    display: inline-block;
    max-width:100%;
    border-width:0px;
    margin: 0.15em 0em 0.15em 0em;
    /*
    cursor:pointer !important;
    */
}
.preset_item .emptyUploadBlock-wrapper {
    display: table-cell;
    vertical-align: middle;
    padding: 0% 5%;
    text-align: left;
}
.preset_item .emptyUploadBlock-wrapper .documentTypeTitle {
    font-size:1.75em;
}
.emptyUploadBlock-wrapper {
    border:1px solid rgba(221,221,221,0.5);
    padding:1.5em 0.5em;
    margin: 0.75em 0em;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    position:relative;
    background:rgba(221,221,221,0.2);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
    cursor:pointer;
}
.emptyUploadBlock-wrapper:hover {
    border:1px solid rgba(221,221,221,1);
    background:rgba(221,221,221,0.3);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
/*.designer-element-block .has-error {
    border:1px solid rgba(253,64,64,0.5);
    background:rgba(253,64,64,0.2);
}
.designer-element-block .has-error:hover {
    border:1px solid rgba(253,64,64,1);
    background:rgba(253,64,64,0.3);
}*/
.error-status {
    border: 1px solid rgba(253,64,64,0.5);
    background: rgba(253,64,64,0.2);
    padding: 1em;
    font-style: italic;
    margin: 1em 3em;
}
#info-point-component .error-status {
    margin: 1em 0em;
}
.emptyUploadBlock-wrapper.powerpoint-loader {
    cursor:auto;
}
.resource .emptyUploadBlock-wrapper.powerpoint-loader {
    position: absolute;
    top: 40%;
    padding-right: 1.5em;
    left: 50%;
    text-align: center;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.powerpoint-loader .iv-loader {
    position: relative;
    margin: 0;
    border-top: 1em solid rgba(0, 0, 0, .2);
    border-right: 1em solid rgba(0, 0, 0, .2);
    border-bottom: 1em solid rgba(0, 0, 0, .2);
    border-left: 1em solid rgba(0,0,0,0);
    top:0;
    left:0;
}
/*
.designer-element-block.scenario .emptyUploadBlock-wrapper {
    background:rgba(48,70,108,1);
}
*/

.emptyUploadBlock-data {
    width: 100%;
    padding: 0em 0.5em;
    margin-bottom:1em;
    display: table-row;
}
.emptyUploadBlock-data-icon{
    display: table-cell;
    vertical-align: middle;
    padding: 0em 1em;
}
.emptyUploadBlock-data-desc{
    display: table-cell;
    vertical-align: middle;
}
.emptyUploadBlock-data-desc .dialog-description {
    font-size:0.8em;
    color: rgba(0,0,0,0.5);
}
.emptyUploadBlock-data-icon .icon_element_block {
    background: url(../images/icon-uploadBlock-powerpoint.svg);
    background: url(../images/icon-uploadInverted.svg);
    background-repeat:no-repeat;
    width:3em;
    height: 3em;
    display:inline-block;
    opacity:0.4;
}
.upload-icon-overlay {
    background: url(../images/icon-upload-circle.svg);
    background-repeat:no-repeat;
    width:3em;
    height:3em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    position: absolute;
    margin: auto;
    font-size:1em;
}
.edit-icon-overlay {
    background: url(../images/icon-edit.svg);
    background-repeat:no-repeat;
    width:3em;
    height:3em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    position: absolute;
    margin: auto;
    font-size:1em;
}
.info-icon-overlay {
    background: url(../images/icon-pin-black.svg);
    background-repeat:no-repeat;
    width:3em;
    height:3em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    position: absolute;
    margin: auto;
    font-size:1em;
}
.preset-checkmark {
    background: url(../images/icon-confirm.svg);
    background-repeat:no-repeat;
    width:3em;
    height:3em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    position: absolute;
    margin: auto;
    font-size:1em;
}
.upload-icon-container, .edit-icon-container, .preset-checkmark-container, .info-icon-container {
    width:100%;
    height:100%;
    position: absolute;
    opacity:0;
    top: 0;
    left:0;
    cursor:default;
    z-index:2;
}
.upload-icon-container:hover, .edit-icon-container:hover, .preset-checkmark-container:hover {
    cursor:pointer;
    opacity:1;
}
#resource-categories .edit-icon-container:hover{
    background-color: rgb(255 255 255 / 20%);
}
#resource-categories .edit-icon-container:hover ~ .notes-contained {
    display: none;
}
.resource-reference-container .info-icon-container {
    z-index: 0;
}
.info-icon-container:hover {
    opacity:1;
}
.disableImgElement .upload-icon-container:hover, .disableImgElement .edit-icon-container:hover, .disableImgElement .info-icon-container:hover {
    background-color: transparent;
    opacity:0;
    cursor: default;
    pointer-events: none;
}
.preset-container {
    /*margin: 0 5%;*/
    width: unset !important;
}
.preset-container .edit-icon-container, .preset-container .edit-icon-container div{
    /*width: 100% !important;
    margin: auto;*/
}
.preset-container:hover .preset-image{
    opacity: 0.4;
}
.preset-container.full-opacity:hover .preset-image, .preset-container.open-notes:hover .preset-image{
    opacity: 1;
}
.disableImgElement .preset-container {
    opacity:0.2;
}
/**************************************************************************/
/* Audio */
/**************************************************************************/
.audio-preset-image {
    background: url(../images/icon-placeholder-audio_body_V2.svg);
    background-repeat:no-repeat;
    width:90%;
    height:90%;
    display:block;
    left:5%;
    top:5%;
    opacity:1;
    position:relative;
    transform: translateY(45%);
}
.audio-element-image:before {
    content: url(../images/icon-placeholder-audio_body_V2.svg);
}
.audio-element-image {
    width:70%;
    max-width: 700px;
}
/**************************************************************************/
/* Video */
/**************************************************************************/
.video-preset-image {
    background: url(../images/icon-placeholder-video_V3.svg);
    background-repeat:no-repeat;
    width:90%;
    height:90%;
    display:block;
    left:5%;
    top:5%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.video-element-image:before {
    content: url(../images/icon-placeholder-video_V3.svg);
}
.video-element-image {
    width:70%;
    max-width: 700px;
}
/**************************************************************************/
/* Powerpoint */
/**************************************************************************/
.powerpoint-preset-image {
    background: url(../images/icon-placeholder-powerpoint_V4.svg);
    background-repeat: no-repeat;
    width: 90%;
    height: 90%;
    display: block;
    left: 7.5%;
    top: 5%;
    opacity: 1;
    position: absolute;
}
.powerpoint-element-image:before {
    content: url(../images/icon-placeholder-powerpoint_V4.svg);
}
.powerpoint-element-image {
    width:70%;
    max-width: 700px;
}
/**************************************************************************/
/* html5 */
/**************************************************************************/
.html5-preset-image {
    background: url(../images/icon-placeholder-html_V2.svg);
    background-repeat:no-repeat;
    width:90%;
    height:90%;
    display:block;
    left:5%;
    top:5%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.html5-element-image:before {
    content: url(../images/icon-placeholder-html_V2.svg);
}
.html5-element-image {
    width:70%;
    max-width: 700px;
}
/**************************************************************************/
/* Resource Reference */
/**************************************************************************/
.reference-preset-image {
    background: url(../images/icon-placeholder-resourceReference_V2.svg);
    background-repeat:no-repeat;
    width:90%;
    height:90%;
    display:block;
    left:5%;
    top:20%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.reference-element-image:before {
    content: url(../images/icon-placeholder-resourceReference_V2.svg);
}
.reference-element-image {
    width:50%;
    max-width: 700px;
}
.resource-reference-container.drop-location {
    border: 1px solid;
    border-color: green;
    height: 100%;
}
.resource-reference-container .reference-error {opacity: 0.6;}
.resource-reference-container .reference-error:before {
    content: url(../images/icon-exclamation.svg);
    width: 6em;
    height: 6em;
    right: 25%;
    top: 25%;
    position: absolute;
}
.resource-reference-container .reference-error:hover {opacity: 1;}
/**************************************************************************/
/* Weblink */
/**************************************************************************/
.weblink-preset-image {
    background: url(../images/icon-placeholder-weblink.svg);
    background-repeat:no-repeat;
    width:50%;
    height:50%;
    display:block;
    left:22.5%;
    top:35%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.weblink-element-image:before {
    content: url(../images/icon-placeholder-weblink.svg);
}
.weblink-element-image {
    width:50%;
    max-width: 700px;
}
/**************************************************************************/
/* Tabs */
/**************************************************************************/
.tab-preset-image {
    background: url(../images/icon-placeholder-tab_V2.svg);
    background-repeat:no-repeat;
    width:90%;
    height:90%;
    display:block;
    left:5%;
    top:25%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.tab-element-image:before {
    content: url(../images/icon-placeholder-tab_V2.svg);
}
.tab-element-image {
    width:70%;
    max-width: 700px;
}
/**************************************************************************/
/* Questions */
/**************************************************************************/
.likert-preset-image {
    background: url(../images/icon-placeholder-likertScale.svg);
    background-repeat:no-repeat;
    width:90%;
    height:90%;
    display:block;
    left:5%;
    top:25%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.likert-element-image:before {
    content: url(../images/icon-placeholder-likertScale.svg);
}
.likert-element-image {
    width:30%;
    max-width: 700px;
}
.multiple-choice-single-preset-image {
    background: url(../images/icon-placeholder-pickOne_V6.svg);
    background-repeat:no-repeat;
    width:40%;
    height:100%;
    display:block;
    left:5%;
    top:30%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.multiple-choice-single-element-image {
    width:25%;
    max-width: 700px;
}
.multiple-choice-single-element-image:before {
    content: url(../images/icon-placeholder-pickOne_V6.svg);
}
.multiple-choice-many-preset-image {
    background: url(../images/icon-placeholder-pickMany_V6.svg);
    background-repeat:no-repeat;
    width:40%;
    height:100%;
    display:block;
    left:5%;
    top:25%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.multiple-choice-many-element-image {
    width:25%;
    max-width: 700px;
}
.multiple-choice-many-element-image:before {
    content: url(../images/icon-placeholder-pickMany_V6.svg);
}
.text-entry-preset-image {
    background: url(../images/icon-placeholder-question-TextEntry_V2.svg);
    background-repeat:no-repeat;
    width:90%;
    height:90%;
    display:block;
    left:5%;
    top:25%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
/*.text-entry-element-image {
    width:80%;
}*/
.text-entry-element-image:before {
    content: url(../images/icon-placeholder-question-TextEntry_V2.svg);
}
.true-false-preset-image {
    background: url(../images/icon-placeholder-trueFalse.svg);
    background-repeat:no-repeat;
    width:40%;
    height:90%;
    display:block;
    left:5%;
    top:30%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.true-false-element-image {
    width:35%;
    max-width: 700px;
}
.true-false-element-image:before {
    content: url(../images/icon-placeholder-trueFalse.svg);
}
/**************************************************************************/
/* Drag Drops */
/**************************************************************************/
.dragdrop-preset-image {
    background: url(../images/icon-placeholder-question-DragDrop_V1.svg);
    background-repeat:no-repeat;
    width:90%;
    height:90%;
    display:block;
    left:5%;
    top:5%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.dragdrop-element-image:before {
    content: url(../images/icon-placeholder-question-DragDrop_V1.svg);
}
.dragdrop-element-image {
    width:60%;
    max-width: 700px;
}
/**************************************************************************/
/* Forms */
/**************************************************************************/
.form-preset-image {
    background: url(../images/icon-placeholder-form.svg);
    background-repeat:no-repeat;
    width:90%;
    height:90%;
    display:block;
    left:5%;
    top:5%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.form-element-image:before {
    content: url(../images/icon-placeholder-form.svg);
}
.form-element-image {
    width:60%;
    max-width: 700px;
}
/**************************************************************************/
/* Images */
/**************************************************************************/
.inline-preset-image {
    background: url(../images/icon-placeholder-inlineImage_V3.svg);
    background-repeat:no-repeat;
    width:90%;
    height:90%;
    display:block;
    left:3%;
    top:9%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.inline-element-image {
    width:70%;
    max-width: 700px;
}
.inline-element-image:before {
    content: url(../images/icon-placeholder-inlineImage_V3.svg);
}
.thumbnail-preset-image {
    background: url(../images/icon-placeholder-thumbnailImage_V4.svg);
    background-repeat:no-repeat;
    width:60%;
    height:90%;
    display:block;
    left:5%;
    top:25%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.thumbnail-element-image {
    width:40%;
    max-width: 700px;
}
.thumbnail-element-image:before {
    content: url(../images/icon-placeholder-thumbnailImage_v4.svg);
}
/**************************************************************************/
/* Text */
/**************************************************************************/
.text-header-preset-image {
    background: url(../images/icon-placeholder-header_V6.svg);
    background-repeat:no-repeat;
    width:25%;
    height:90%;
    display:block;
    left:5%;
    top:30%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.preset-container .preset-image.text-header-element-image {
    width:21.5%;
    max-width: 700px;
}
.preset-container .preset-image.text-header-element-image:before {
    content: url(../images/icon-placeholder-header_V6.svg);
}
.text-header-paragraph-preset-image {
    background: url(../images/icon-placeholder-headerParagraph_body_V6.svg);
    background-repeat:no-repeat;
    width:90%;
    height:90%;
    display:block;
    left:5%;
    top:30%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
/*.text-header-paragraph-element-image {
    width: unset !important;
}*/
.text-header-paragraph-element-image:before {
    content: url(../images/icon-placeholder-headerParagraph_body_V6.svg);
}
.text-header-paragraph-element-image {
    width:80%;
    max-width: 700px;
}
.text-paragraph-preset-image {
    background: url(../images/icon-placeholder-paragraph_body_V6.svg);
    background-repeat:no-repeat;
    width:90%;
    height:90%;
    display:block;
    left:5%;
    top:38%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.text-paragraph-element-image:before {
    content: url(../images/icon-placeholder-paragraph_body_V6.svg);
}
.text-paragraph-element-image {
    width:80%;
    max-width: 700px;
}
.text-freeform-preset-image {
    background: url(../images/icon-placeholder-tab.svg);
    background-repeat:no-repeat;
    width:90%;
    height:90%;
    display:block;
    left:5%;
    top:5%;
    opacity:1;
    margin-left:0.5em;
    position:absolute;
}
.text-freeform-element-image:before {
    content: url(../images/icon-placeholder-tab.svg);
}
.text-freeform-element-image {
    width:70%;
    max-width: 700px;
}
/**************************************************************************/
/* Error Dialog */
/**************************************************************************/
.error-dialog-block #dialog {
    height:unset;
    /*min-height:400px;*/
    max-height:575px;
    width: 700px;
}
.error-dialog-block #dialog-content {
    height:calc(100% - 2em);
    /*overflow: auto;*/
}
.error-dialog-block .error-dialog-title {
    font-size: 1.5em;
    margin: 0.5em 0 1em;
}
.error-dialog-block .error-dialog-message {
    margin-bottom: 1em;
}
.error-dialog-block .error-dialog-stack{
    max-height: 150px;
    overflow: auto;
    margin: 1em 1em 1.5em;
    word-break: break-word;
    text-align: left;
    padding: 0 1em;
}
.error-dialog-block .error-dialog-comments {
    width: 600px;
    height: 120px;
}
.error-dialog-block .error-dialog-comments {
    margin: 1em auto;
}
.error-dialog-block .error-dialog-submit {
    font-size: 0.7em;
    margin-bottom: 1em;
}
#logError-textBox {
    width: 600px;
    height: 120px;
}
/**************************************************************************/
/* Notes Dialog && Checklist Dialog */
/**************************************************************************/
#page .modal-dialog .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle, body .modal-dialog .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
    top:0;
    background-size: unset;
    background-image: unset;
    margin: unset;
    background-repeat: unset;
    -webkit-filter: unset;
    filter: unset;
    color: #333333;
    font-weight: bold;
    font-size: 1em;
    padding: .4em 0 .4em 0em;
    position: relative;
    width: auto;
    height: 4em;
    background-color: transparent;
    border: unset;
    border-radius: unset;
    border-bottom: 1.5px solid #b9b9b9;
}
#page .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.modal-dialog.ui-draggable.ui-resizable:before, body .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.modal-dialog.ui-draggable.ui-resizable:before {
    content: "";
    display:inline-block;
    background-size: contain;
    position:absolute;
    right: 0.1em;
    bottom: 0.3em;
    background: url(../images/icon-resizable.svg) no-repeat;
    width:1em;
    height:1em;
}
#page .modal-dialog.ui-dialog .ui-dialog-title:before, body .modal-dialog.ui-dialog .ui-dialog-title:before  {
    content: "";
    display: inline-block;
    background-size: contain;
    position: absolute;
    left: 0.1em;
    top: -0.9em;
    background: url(../images/icon-draggable.svg) no-repeat;
    width: 0.5em;
    height: 0.5em;
    margin-right: 0.5em;
}
#page .modal-dialog.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable, body .modal-dialog.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
    display: block;
    border:unset;
    border-radius: 5px;
    padding:5px;
    font-size:0.8em;
}
#page .modal-dialog .ui-resizable-handle, body .modal-dialog .ui-resizable-handle {
    height:10px;
}
#page .modal-dialog .ui-resizable-n, body .modal-dialog .ui-resizable-n {
    height:7px;
}
#page .modal-dialog .ui-resizable-e, #page .modal-dialog .ui-resizable-w, body .modal-dialog .ui-resizable-e, body .modal-dialog .ui-resizable-w {
    height:100%;
    width:7px;
}
#page .ui-dialog .element-notes-dialog.ui-dialog-content, body .ui-dialog .element-notes-dialog.ui-dialog-content {
    overflow: unset !important;
    padding: 0;
    max-height: 80% !important;
}
#page .ui-dialog .module-checklist-component.ui-dialog-content, body .ui-dialog .module-checklist-component.ui-dialog-content {
    overflow: unset !important;
    padding: 0;
    height: calc(100% - 6em) !important;
}
.element-notes {
    position: relative;
    display: inline-block;
    cursor: pointer;
    z-index:1;
}
/*#block-right .element-notes {
    left: -2.1em;
}*/
.notes-contained{
    width:3em;
    height:3em;
    display:block;
    right:0.5em;
    top:1em;
    font-size:20px;
    opacity:1;
    z-index:1000;
    position:absolute;
    cursor: pointer;
    background: url(../images/active-notesDirections_V6.svg);
    background-repeat:no-repeat;
}
.notes-container {
    overflow: auto;
    height:calc(100% - 3em);
    position: absolute;
    width:94%;
    padding:0 0.5em;
    /*border: 1px solid black;*/
}
.modal-dialog.ui-dialog .ui-dialog-title {
    display: block;
    text-align: center;
    width:100%;
    /*overflow: visible;*/
    font-size: 1.5em;
    margin: auto;
    font-weight: normal;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    text-transform: capitalize;
}
.modal-dialog.ui-dialog.mini-mode .ui-dialog-title {
    font-size:1.3em;
}
.direction-notes-container {
    /*margin-top:1.5em;*/
}
.general-notes-text, .direction-notes-text {
    min-height: 2em;
    display: inline-block;
    width: 95%;
    /*background-color:lightgrey;*/
    /*margin-left:1em;*/
    padding:0.5em;
}
.general-notes-text:hover, .direction-notes-text:hover {
    background-color:lightgrey;
    color:black;
    border-radius: 0.25em;
}
.notesMaxMin {
    opacity:0.2;
    margin:0;
    padding:0;
    float:left;
    position:relative;
    transform: rotate(0deg);
    width:1em;
    height:1em;
    display: inline-block;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    cursor: pointer;
    margin-right: 1em;
}
.notesMaxMin:hover {
    opacity: 1;
}
.notesMaxMin.up {
    background: url(../images/icon-collapse-up.svg);

}
.notesMaxMin.down {
    background: url(../images/icon-expand-down.svg);

}
.notesMaxMin.up ~ .general-notes-container .general-notes-text, .notesMaxMin.up ~  .direction-notes-container .direction-notes-text{
    display: block;
}
.notesMaxMin.down ~ .general-notes-container .general-notes-text, .notesMaxMin.down ~ .direction-notes-container .direction-notes-text{
    display: none;
}
/*.general-notes, .direction-notes {
    margin-bottom: 0.5em;
}*/
.close-notes-dialog, .close-checklist-dialog, .close-help-dialog, .close-cert-dialog {
    background: url(../images/icon-minimize-arrow.svg);
    background-repeat: no-repeat;
    width:2em;
    height: 2em;
    cursor:pointer;
    position: absolute;
    top: -3.7em;
    right: -1.3em;
    z-index:91;
}
.close-checklist-dialog {
    top: -3.75em;
    right: -1.3em;
}
.pin-checklist-dialog {
    background: url(../images/icon-pin-grey.svg);
    background-repeat: no-repeat;
    width:2em;
    height: 2em;
    cursor:pointer;
    position: absolute;
    top: -3.7em;
    left: -1.3em;
    z-index:91;
}
.placeholder {
    color:lightgrey;
    font-style: italic;
}

.notes-tab-container {
    margin: 0.5em 0;
    width:100%;
    text-align: center;
}
.notes-tab-container .active {
    color: rgba(76,175,84,1);
    border-bottom: 2px solid rgba(76,175,84,1);
}
.general-notes, .direction-notes {
    display: inline-block;
    padding:0.5em 0;
    cursor: pointer;
    margin: 0em 1.25em;
    /*font-size: 0.65em;*/
}
.checklist-data-container {
    width: 100%;
    /*height: calc(100% - 5em);*/
    height:50%;
    /*overflow-x: hidden;*/
    display: block;
    position: absolute;
}
.module-title-block {
    text-align: center;
    width:100%;
    margin-bottom: 0.5em;
}
.module-title-block .module-title {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width:calc(100% - 3em);

}
.module-title-block .icon-container {
    display: inline-block;
    vertical-align: bottom;
}
.mini-mode .checklist-data-container {
    height:3.5em;
}
.full-filter-block, .mini-mode .mini-filter-block {
    display:inline;
    vertical-align: sub;
}
.mini-mode .full-filter-block, .mini-filter-block {
    display: none;
}
.full-filter-block, .mini-filter-block {
    max-width: calc(100% - 5em);
}
.checklist-refine-result-container {
    margin: 1em 0;
    height: 3.5em;
}
.mini-filter-block i.icon{
    vertical-align: unset;
}
.filter-item {
    text-transform: capitalize;
}
.checklist-upper-container{
    padding: 0 1em;
    height: calc(100% - 2em);
}
.checklist-filter-block {
    text-align: center;
    margin: auto;
}
.checklist-table-container {
    overflow: auto;
    height: calc(100% - 4.5em);
}
.mini-mode .checklist-table-container {
    display: none;
}
.checklist-data-container table {
    border-top: unset;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
    border-radius: 0.25em;
    border-spacing: 0px;
    width: 100%;
}
.checklist-data-container thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    border-collapse: separate;
}
.checklist-data-container tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.checklist-data-container thead tr, .checklist-data-container .column-severity span, .checklist-data-container .mini-filter-block span {
    text-transform: capitalize;
}
.checklist-data-container thead th {
    background-color: #676767;
    color: white;
    text-align: center;
    position: sticky;
    top: 0;
}
.checklist-data-container thead th.selected {
    padding: 5px 18px 6px 4px;
}
.checklist-data-container thead th.selected:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-top: 7px solid #fff;
    border-right: 5px solid transparent;
    position: absolute;
    top: 0.75em;
    right: 0.5em;
    display: inline-block;
    margin-left: 0.5em;
}
.checklist-data-container tr:nth-child(even) {
    /*background-color: #dddddd;*/
}
.checklist-data-container tr:hover:not(.row-header) {
    background-color: #ddd;
    color: #333333;
}

.checklist-data-container tr.active {
    /*color: white;*/
    background-color: #ccc;
}
.checklist-data-container td, .checklist-data-container th {
    padding: 5px 4px 6px 4px;
    text-align: left;
    vertical-align: top;
    border-left: 1px solid #ddd;
}
.checklist-data-container td {
    border-top: 1px solid #ddd;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.checklist-data-container td.column-severity {
    width: 25%;
}
.checklist-data-container td.column-location {
    width: 35%;
}
.checklist-data-container td.column-issue {
    width: 40%;
}
.checklist-data-container thead:first-child tr:first-child th:first-child, .checklist-data-container tbody:first-child tr:first-child td:first-child {
    border-radius: 0.25em 0 0 0;
}
.checklist-data-container thead:last-child tr:last-child th:first-child, .checklist-data-container tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 0.25em;
}
.checklist-issue-container {
    padding:1em 1em 0;
    display: block;
    height: calc(100% - 1em);
    width: calc(100% - 2em);
    position: absolute;
}
.item-detail-block {
    height: calc(100% - 2em);
    padding: 1em;
    background-color: #ccc;
    border: 1px solid #676767;
    /*overflow: auto;*/
    position: relative;
    border-radius: 0.25em;
}
.item-detail-block.error {
    background-color: #ffe8e6;
    border: 1px solid #c82121;
    color: #c82121;
}
.item-detail-block.warning {
    background-color: #fffbee;
    border: 1px solid #efb200;
    color: #efb200;
}
.item-detail-title-block {
    font-size:1.25em;
    font-weight: bold;
    text-align: center;
    text-align: left;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.item-detail-title {
    vertical-align: middle;
}
.item-detail-desc-block {
    display: block;
    margin:0.5em 0 0 2.1em;
    color: #333333;
    overflow: auto;
    text-align: left;
    height: calc(100% - 5em);
}
.item-detail-more {
    display: inline-block;
    text-align: left;
    color: #4183c4;
}
.item-detail-more:hover {
    cursor: pointer;
    text-decoration: underline;
}
.item-detail-desc {
    font-style: italic;
    margin-top: 1.5em;
    text-align: left;
}
.item-count {
    display: inline-block;
    vertical-align: middle;
    margin-right:0.25em;
}
.item-detail-btn-container {
    display: block;
    width: 100%;
    text-align: center;
}
.item-detail-btn-container {
    position: absolute;
    bottom: 0em;
    border-top: 1px solid #b9b9b9;
    /*height: 4em;*/
    height: 50%;
}
.mini-mode .item-detail-btn-container {
    height: calc(100% - 4.5em);
    width:100%;
    border-top: unset;
}
.item-detail-btn-container i.icon {
    color: #333333;
    overflow: hidden;
    /*width: 1em;*/
    border: none;
    top: unset;
}
.item-detail-btn-container .item-detail-title {
    vertical-align: middle;
    cursor: pointer;
}
.item-detail-btn-container .item-detail-title:hover {
    text-decoration: underline;
}
.checklist-issue-container i.caret.right:after, .checklist-issue-container i.caret.left:after {
    content: unset !important;
}
i.sync.alternate.icon {
    overflow: initial;
    font-size: 1.5em;
}
.checklist-filter-block .icon-container{
    display: inline-block;
    vertical-align: top;
}
.item-detail-btn-container .icon-container{
    display: inline;
}
.item-detail-btn-container .icon-container i.icon{
    font-size: 2em;
}
.item-btn-block {
    position: absolute;
    bottom: 1em;
    width: calc(100% - 2em);
    margin: auto;
    color: #333333
}
.icon-container i.icon{
    cursor: pointer;
}
.icon-container i.icon.arrow.alternate.circle.right.outline.icon {
    font-size:1.6em;
}
.module-checklist-component .checklist-table-container .blue.info.circular.icon {
    vertical-align: bottom;
}
.module-checklist-component .blue.info.circular.icon {
    font-size: 0.5em;
    padding: 0.6em 0.1em !important;
    height: 1em !important;
    box-shadow: 0em 0em 0em 0.1em rgb(0 0 0 / 30%) inset;
}
/*.module-checklist-component #previous { display:inline-block; width:26%; text-align:left; font-style:italic; color:#31466c;}
.module-checklist-component #next {  display:inline-block; width:26%; text-align:right; font-style:italic; color:#31466c;}
.module-checklist-component #previous-desc {display:inline-block;cursor:pointer;}
.module-checklist-component #next-desc {display:inline-block;cursor:pointer;}
.module-checklist-component #previous-desc:hover {color:#718dff;}
.module-checklist-component #next-desc:hover {color:#718dff;}*/





.emptyUploadBlock-data-icon.resource .icon_element_block {

    background: url(../images/resourceExplorer.svg);
    background: url(../images/icon-uploadBlock-reference.svg);
    background-repeat: no-repeat;
    width:2.5em;
    height: 2.5em;
    margin-left:0.5em;
    position: relative;
    background-size: contain;
}
.emptyUploadBlock-data-icon.scenario .icon_element_block {
    background: url(../images/scenarioExplorer.svg);
    background: url(../images/icon-uploadBlock-reference.svg);
    background-repeat: no-repeat;
    width:2.5em;
    height: 2.5em;
    margin-left:0.5em;
    position: relative;
    background-size: contain;
}
/*
.preset_item .emptyUploadBlock-wrapper.scenario {
    background:rgba(48,70,108,0.7);
    color:#fff;
}
.preset_item .emptyUploadBlock-wrapper.scenario .emptyUploadBlock-data-icon .icon_element_block {
    opacity:1;
    background: url(../images/scenarioExplorer-Inverted.svg);
    background-repeat: no-repeat;
    width:3em;
    height:3em;
    top: 0.5em;
    position: relative;
    background-size: contain;
}
.preset_item .emptyUploadBlock-wrapper.scenario .dialog-description {
    display:none;
}
*/
.emptyUploadBlock-data-icon.standard .icon_element_block {
    background: url(../images/standardExplorer.svg);
    background-repeat: no-repeat;
    width:2.5em;
    height: 2.5em;
    margin-left:0.5em;
    position: relative;
    background-size: contain;
}
.preset_item .emptyUploadBlock-wrapper.standard {
    background:rgba(48,70,108,0.7);
    background:rgba(90,48,90,0.7);
    color:#fff;
}
.preset_item .emptyUploadBlock-wrapper.standard .emptyUploadBlock-data-icon .icon_element_block {
    opacity:1;
    background: url(../images/standardExplorer-Inverted.svg);
    background-repeat: no-repeat;
    width:3em;
    height:3em;
    top: 0.5em;
    position: relative;
    background-size: contain;
}
.preset_item .emptyUploadBlock-wrapper.standard .dialog-description {
    display:none;
}



.emptyUploadBlock-wrapper:hover .emptyUploadBlock-data-icon .icon_element_block {
     opacity:1;
}

.web-link-wrapper {
    overflow: hidden;
    border-width:0px;
    margin:0em 1em;
}
.web-link-wrapper input {
    margin-top:0.5em;
}
.btnx {
    font-size: 1em;
    /*
    font-weight: bold;
    background-color: white;
    border: 1px solid gray;
    color: gray;
    border-radius: 8px;

    */
    border:0px solid #000;
    background-color: transparent;
    /*
    cursor:pointer !important;
    */
}
#module-creator-wizard .upload-btn-wrapper {
    width:100%;
}
.btnx.active {
    border:1px solid #ddd;
    background:#fff;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    width:100%;
}
.btnx .fileName {
    display:none;
    position:relative;
    font-size: 0.8em;
    padding-right:1em;

    top: -0.2em;
    font-size: 0.8em;
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btnx .fileName.active {
    display:inline-block;
    width: auto;
    top: -0.3em;
    max-width: 85%;
    vertical-align: middle;
}
.btnx:before, .btnx.active:before {
    content: "";
    display:inline-block;
    width:1.4em;
    height:1.4em;
    background-size: contain;
    background-repeat: no-repeat;
    position:relative;
    left: 0em;
    top: 0em;

    margin:0.15em 0.5em 0em 0em
    /*
    margin:0.25em 0.5em 0.15em 0.5em;
    cursor:pointer !important;
    */

}
.btnx:before{
    background-image: url(../images/icon-browse.svg);
}
.btnx.active:before{
    /*
    background-image: url(../images/icon-hide-b.svg);
    */
    background-image: url(../images/icon-check.svg);
    width:1.3em;
    height:1.3em;
    opacity: 0.5;
    top:0.1em;
}
#resource .inputArea {
    padding:0;
    margin:0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0em;
    left: 0em;
    cursor: pointer;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.resourceError {
    border:1px solid #e74051;
    background:#fff7f8;
    text-transform:uppercase;
    font-size:0.75em;
    color:#e74051;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:0.5em;
    margin:0.5em 0.5em;
    margin:0.5em 0.5em 1.5em 0.5em;
    display: none;
}

#resource-step-2 .resourceError {
    margin:0.5em 0.5em 1.5em 0.5em;
}

.moduleCreationResource {
     float: left;
     clear:both;
     width:100%;
     margin-bottom: 3em;
}

.moduleCreationResource .resourceError, #resource .resourceError {
    display: block;
}

.moduleCreationResource .uploadBlock {
    width: 40%;
    float: left;
    margin: 0 5%;
}

/* Modal confirmation dialog start*/
#confirmationDialog.modal, #serverset-pricing-dialog {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999999; /* Sit on top */
    pointer-events: all;
    left: 0;
    top: 2.5em;
    width: 100%; /* Full width */
    height:calc(100% - 2.5em);
    /*height: 100%;*/ /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
    transition: width 0.5s;
}
.active-sidebar #confirmationDialog.modal {
    width:calc(100% - 20%);
    transition: width 0.5s;
}
.course-workflow #confirmationDialog.modal {
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}
#confirmationDialog #dialog-block {
    display:block;
    color:#000;
}
#confirmationDialog #dialog-header {
    height: unset;
}
#confirmationDialog #dialog-block #dialog {
    width:30%;
    height:auto;
}
#confirmationDialog .actions_block {
    margin:1.5em 0em 1.5em 0em;
}
#confirmationDialog .actions_block a {
    margin:0em 0.25em;
}
/* Modal Content */
#confirmationDialog .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
#confirmationDialog .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
/* Modal confirmation dialog end*/


/**********************************************************/
/* Explorer Options */
/**********************************************************/

.bird-food ul{
    /*
    list-style: none;
    */
    margin: 0;
    padding: 0;
    overflow-y: auto;
}
.bird-food ul li{
    color: rgba(255,255,255,0.7);
    display: block;
    position: relative;
    float: left;
    width: 100%;
}
.bird-food ul li input[type=radio], .bird-food ul li input[type=checkbox]{
    position: absolute;
    visibility: hidden;
}
.bird-food ul li.resource-link input, .bird-food ul li.resource-link .check{
    display: none;
}
.bird-food ul li.resource-link label {
    cursor: default;
    width: fit-content;
    margin: 0.5em 0;
    display: inline-block;
}
.bird-food ul li.resource-link label:hover {
    color: rgba(255,255,255,0.7);
}
.bird-food ul li label{
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 1.05em;
    padding: 0em 0em 0em 2.5em;
    margin: 0.5em auto;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}
.bird-food ul li label:hover{
	color: #fff;
}
.bird-food ul li .check{
    display: block;
    position: absolute;
    border-radius: 100%;
    height: 1.15em;
    width: 1.15em;
    top: 0.32em;
    left: 0em;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}
.bird-food ul li .checkmark{
    display: block;
    position: absolute;
    height: 1.15em;
    width: 1.15em;
    top: 0.32em;
    left: 0em;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}
.bird-food.standard ul li .check  {
     border: 3px solid #a378a2;
}
.bird-food.standard ul li .checkmark {
    border: 2px solid #a378a2;
}
.bird-food.scenario ul li .check {
     border: 3px solid #81a0ad;
}
.bird-food.scenario ul li .checkmark {
     border: 2px solid #81a0ad;
}
.bird-food.resource ul li .check {
     border: 3px solid #81a0ad;
}
.bird-food.resource ul li .checkmark {
     border: 2px solid #81a0ad;
}
.bird-food ul li:hover .check {
    border: 3px solid #fff;
}
.bird-food ul li:hover .checkmark {
    border: 2px solid #fff;
}
.bird-food ul li .column-action:hover ~ .check {
    border: 3px solid #a378a2;
}
.bird-food ul li .column-action:hover ~ input[type=radio]:checked ~ .check  {
    border: 3px solid #fff;
}
.bird-food ul li .check::before {
    display: block;
    position: absolute;
	content: '';
    border-radius: 100%;
    height: 0.7em;
    width: 0.7em;
    top: 0.23em;
	left: 0.23em;
    margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}
.bird-food ul li .checkmark::before {
    display: block;
    position: absolute;
	content: '';
    height: 0.7em;
    width: 0.7em;
    top: 0.23em;
	left: 0.23em;
    margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}
.bird-food input[type=radio]:checked ~ .check {
    border: 3px solid #fff;
}
.bird-food input[type=radio]:checked ~ .check::before{
    /*
    background: #fff;
    */
    content: "";
    display:inline-block;
    width:0.9em;
    height:0.9em;
    background-size: 0.9em 0.9em;
    background-image: url(../images/icon-star.svg);
    background-repeat: no-repeat;
    z-index:999;
    position:relative;
    top: 0.02em;
    left: 0.125em;
}
.bird-food input[type=radio]:checked ~ label{
    color: #fff;
}

.bird-food input[type=checkbox]:checked ~ .checkmark {
    border: 2px solid #fff;
}
.bird-food input[type=checkbox]:checked ~ .checkmark::before{
    /*
    background-color:#fff;
    */
    color: #fff;
    content: '';
    top:-0.15em;
    left:0.15em;


    content: "";
    display:inline-block;
    width:1.25em;
    height:1.25em;
    background-size: 1.25em 1.25em;
    background-image: url(../images/icon-checkmark.svg);
    background-repeat: no-repeat;
    z-index:999;
    position:relative;

}


/* on/off switch */

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    position: relative;
    right: 1em;
    top: 0.25em;
}
/* Hide default HTML checkbox */
.switch input.yesno {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */
.onoff {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    height: 100%;
    padding-right: 0.3em;
}
.onoff:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input.yesno:checked + .onoff {
  background-color: #4fbc75;
}
input.yesno:focus + .onoff {
  box-shadow: 0 0 1px #4fbc75;
}
input.yesno:checked + .onoff:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}
/* Rounded sliders */
.onoff.round {
  border-radius: 34px;
}

.onoff.round:before {
  border-radius: 50%;
}
.switchFeedback .onoff.round.disabled{
  /*opacity:0.6!important;*/
}
/* on/off switch for feedback*/

/* The switch - the box around the slider */
.switchFeedback {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    position: relative;
    margin-right: 0.25em;
}
/* Hide default HTML checkbox */
.switchFeedback input.yesno {
  opacity: 0;
  width: 0;
  height: 0;
}

/**********************************************************/
/*  Element - Screen Resource */
/**********************************************************/
@keyframes bounce {
  0% {top:-2.7em; opacity:0.1;}
  50% {top:-1.7em; opacity:0.9;}
  100% {top:-2.7em; opacity:0.1;}
}


#screen-resource-titleBlock {
    margin-top:1.3em;
}
#screen-resource-titleBlock #scenario-title {
    display: inline-block;
    max-width: calc(100% - 8em);
}
.screen-resource #scenario-content #scenario-title .scenario-section {
    padding: 0em 0.5em 1em 0em;
}
#screen-resource-actionBlock {
    display: inline-block;
    margin-left: 2em;
    vertical-align: top;
    margin-top: 1.2em;
}
#screen-resource-action {
    position:relative;
    top:0.1em;
    width:1.75em;
    height:1.75em;
    background: url(../images/close.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right:0.5em;
    cursor:pointer;
}
#screen-resource-action.new:before {
    content: "";
    top:-2.7em;
    position:absolute;
    background: url(../images/icon-swipe-arrow-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    left: 0em;
    width: 1.8em;
    height: 1.8em;
    transform: rotate(-90deg);
    opacity:0;
    cursor:default;

    -webkit-animation: bounce 1500ms ease 3; /* Chrome, Opera 15+, Safari 5+ */
    animation: bounce 1500ms ease 3; /* Chrome, Firefox 16+, IE 10+, Opera */

}
/**********************************************************/
/*  Settings */
/**********************************************************/
#dialog-content .settings_data_block {
    margin-top:2em;
}
#dialog-content .settingsBlock {
    /* margin-top:2.5em;*/
    overflow: hidden;
    height:30em;
    /*overflow: auto;*/
}
#dialog-content .scoring-dimensions-dialog .settingsBlock {
    height:40em;
}
#dialog-content .settingsBlock input:not(.semantic) {
    width:auto;
    margin: 0.6em 0em 0.6em 0em;
    padding: 0em 0.7em 0.4em 1.5em;
}
#dialog-content .settingsBlock select {
    width:auto;
    min-width:35%;
    margin: 1em 3em 0em 3em;
}
.setting-item {
    display:block;
    margin:1.4em 0em;
}
.settingsDivider {
    border-top:1px dotted rgba(0,0,0,0.2);
    width:80%;
    margin:0.5em auto 1.7em auto;
}
.setting-label {
    display:block;
    text-transform: capitalize;
}
.setting-option {
    display:block;
}
.setting-option textarea {
    margin-top: 0.5em;
    border:1px solid rgba(0,0,0,0.2);
}
.range-block .option-data {
    /*width: 50%;*/
    margin: auto;
    text-align: -webkit-center;
}
.range-block .option-data input.slider{
    /*padding: 0em 0.5em 0em 0.5em !important;*/
    padding: 0em !important;

}
.table-cell.weightBlock.active{
    top: 0.25em;
    position: relative;
}
.table-cell.weightBlock.active .weightDisplay.editable-text{
    margin-left:0.5em;
}
/**********************************************************/
/* Module Settings */
/**********************************************************/
#dialog-content #moduleSettings input#input-entryCount {
    text-align:center;
    /*
    padding-left:1.2em !important;
    */
    font-size:1em;
}
#dialog-content .settingsBlock #settings-tags .ui.fluid.dropdown {
    width:auto;
    margin: 0.5em 3em 0em 3em;
}
#dialog-content .settingsBlock #settings-tags .ui.selection.dropdown .menu > .item{
    font-size: 0.9rem;
}
#dialog-content .settingsBlock #settings-tags .ui.multiple.dropdown > .label {
    font-size: 0.85rem;
    position:relative;
    top:0.3em;
}
#dialog-block span.tag-count {
    background-color: rgba(0,0,0,0.5);
    padding:0em 0.2em 0.1em 0.2em;
    color:#fff;
    border-radius:1px;
    min-width:1em;
    display:inline-block;
    transform: rotate(-5deg);
}
#dialog-block .active span.tag-count {
    background-color: rgba(76,175,84,1);
}
#dialog-content #moduleSettings .ptCategory-block {
    text-align: left;
    margin: 0 auto;
    border-top: 1px solid rgba(0,0,0,0.2);
    max-width:90%;
}
#dialog-content #moduleSettings .ptCategory {
    font-size:0.9em;
    font-size: 0.9em;
    padding: 0.25em 1em;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    border-left: 1px solid rgba(0,0,0,0.2);
    border-right: 1px solid rgba(0,0,0,0.2);
}
#dialog-content #moduleSettings .ptCategory span {
    margin-left:0.5em;
    top: -0.1em;
    position: relative;
}
#dialog-content #moduleSettings .point-group-block {
    display: inline-block;
    width:80%;
}
#dialog-content #moduleSettings .point-group-block-left {
    width: 50%;
    float:left;
    margin:0;
}
#dialog-content #moduleSettings .point-group-block-right {
    width: 50%;
    float:right;
    margin:0;
}
#dialog-content #moduleSettings .point-group-block-left select {
   margin:0;
}
#dialog-content #moduleSettings .point-group-block .ui.search > .results {
    max-height: 800% !important;
    overflow: auto !important;
}
#dialog-content #moduleSettings .point-block, #dialog-content #moduleSettings .tags-block {
    margin-top:1em;
    height: calc(100% - 5em);
}
/*#dialog-content #moduleSettings .workflow-scoring-left {
    height: 14em;
}*/
#dialog-content #moduleSettings .workflow-scoring-left input{
    margin: unset;
    padding: unset;
}
#dialog-content #moduleSettings #settings-permissions{
    height: 27.5em;
    overflow: auto;
}
/**********************************************************/
/* Section Settings */
/**********************************************************/
#dialog-content #sectionSettings input {
    /*
    width: 1em;
    text-align: center;
    font-size: 1em;

    padding-left: 1.2em !important;
    */
    font-weight: bold;
    width: 2em;
    text-align: center;
    font-size: 1em;
    padding-left: 0em ;
    padding-right: 0em ;
    margin-left: 0em;
    margin-right: 0em;
    color: #000;
}
#dialog-content #sectionSettings #settings-clock input {
    width: 2em;
}
input#timeLimitHours, input#timeLimitMinutes, input#realTimeLimitHours, input#realTimeLimitMinutes {
    color:#000;
}
#dialog-content #sectionSettings select {
    margin: 0.6em 0em 0.6em 0em;
}
#dialog-content #settings-clock .timeLimit-top {
    /*
    border-top:2px solid rgba(0,0,0,0.2);
    border-left:2px dashed rgba(0,0,0,0.2);
    border-right:2px dashed rgba(0,0,0,0.2);
    padding:1em 0.5em;
    max-width:80%;
    margin:0 auto;
    margin-top:-1.1em;

    padding:1em 0.5em;
  */
}
#dialog-content #settings-clock .timeLimit-bottom {
    /*
    border-bottom:2px solid rgba(0,0,0,0.2);
    border-left:2px dashed rgba(0,0,0,0.2);
    border-right:2px dashed rgba(0,0,0,0.2);
    padding:1em 0.5em;
    max-width:80%;
    margin:0 auto;

    padding:1em 0.5em;

    margin-bottom:1.5em;
    */
}
#timeLimitBlock {
     /*
     background: rgba(254,131,12,0.5);
     */
    display: inline-block;
    border: 1px solid rgba(254,131,12,0.5);
    background: rgba(254,131,12,0.1);
    padding:0em 3em;
    border-radius:6px;

}
#timeLimitBlock, .realLimitBlock, .timeoutMeassageBlock {
    opacity:0;
    pointer-events:none;
}
.realLimitBlock .setting-label,  .timeoutMeassageBlock .setting-label{
    opacity:0;
}
#timeLimitBlock.active, .realLimitBlock.active, .realLimitBlock.active .setting-label, .timeoutMeassageBlock.active, .timeoutMeassageBlock.active .setting-label{
    opacity:1;
    pointer-events:auto;
}
#dialog-content #settings-clock .flowArrow-block {
    /*
    background:rgba(0,0,0,1);
    width:3px;

    width:1px;
    background:rgba(0,0,0,0.05);
    border-right:1px dashed rgba(0,0,0,0.2);
    height:1.25em;

    position:relative;
    margin-bottom:0.2em;
    margin:0em auto;
    */
}
#dialog-content #settings-clock .flowArrow {
    /*
    position:absolute;
    margin:0 auto;
    width:0.7em;
    height:0.7em;
    transform: rotate(-90deg);
    bottom: -0.1em;
    left: -0.485em;
    */
}
#dialog-content #settings-clock .flowArrow:before {
    /*
    content: url(../images/icon-previous.svg);
    position: relative;
    opacity: 1;
    */
}
#dialog-content #settings-clock textarea {
    width:80%;
    margin-top:0.5em;
    height:2em;
}
#dialog-content #sectionSettings .generic-tip {
    max-width:80%;
    margin:0 auto;
}
/*
#dialog-content #sectionSettings #settings-subsection-randomization .generic-tip {
    font-size:0.9em;
}
*/
#dialog-content #sectionSettings .generic-tip-desc {
    margin-top: 0.15rem;
}
#dialog-content #sectionSettings .disabled-tip {
    max-width:80%;
    margin-left:auto;
    margin-right:auto;
}
#dialog-content #sectionSettings select {
    min-width:60%;
}

#dialog-content .subLabel {
   margin:0em 0.1em 0em 1em ;
   font-size:0.9em;
   opacity: 0.6;
}
.limitScreens {
    opacity:0;
    pointer-events:none;
}
.limitScreens.active {
    opacity:1;
}

#dialog-content #sectionSettings #settings-subsection-randomization.disabled_40, #dialog-content #sectionSettings #settings-screen-randomization.disabled_40, #dialog-content #sectionSettings #settings-virtualscreen-randomization.disabled_40 {
    color:rgba(0,0,0,0.5);
}
#dialog-content #sectionSettings #settings-subsection-randomization.disabled_40 select, #dialog-content #sectionSettings #settings-screen-randomization.disabled_40 select {
    background:transparent;
}
/**********************************************************/
/* iziToast */
/**********************************************************/
.iziToast-wrapper-center {
    max-width: 50%;
    margin: 0 auto;
    position: fixed;
    z-index: 99999999999999999;

}
.iziToast-wrapper {
    z-index: 99999999999999;

}
/**********************************************************/
/* Document Display */
/**********************************************************/
.document-window {
    position: fixed;
    background:rgba(0,0,0,0.7);
    z-index: 999;
    width:50%;
    height:100%;
    top: 2.6em;
}
.document-window.screen-resource {
    background:transparent;
    height: calc(100% - 5.6em);
    top: 5.6em;
}
.document-window.screen-resource #screen-resource-titleBlock{
    margin-top: 0.5em;
}


.document-window-block {
    width: 96%;
    /*height: 100%;*/
    height: 94.5%;
    margin: 0 auto;
}
.document-window #doc-menu {
    top: 0.3em;
    -webkit-filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, 0.4))
}
/* Disable full screen view for now */
.document-window #p2f-fullScreen {
    display:none;
}

/**********************************************************/
/* Form Question Settings */
/**********************************************************/
.destination-config-container {
    /*background: #ddd;*/
    margin: 1.5em;
    border-radius: 0.5em;
    height: 23em;
    text-align: left;
}
.destination-config-block {
    height: 100%;
}
.destination-config-block-right {
    overflow-x: auto;
    height: 100%;
}
.destination-config-block-left, .destination-config-block-right{
    margin-left:1em;
    width:calc(50% - 1em);
    display: inline-block;
}
.destination-config-block-right {
    float: right;
}
.destination-config-container .setting-label {
    display:inline-block;
}
#dialog-content .destination-answer-list input {
    width:88%;
}
.element-settings .destination-answer-list .icon_action_delete {
    top:0.45em;
}
#dialog-content .destination-config-block-right .add-attempt-container {
    float:unset;
    cursor: pointer;
}
#dialog-content .destination-config-block-right .add-attempt-container:hover .icon_action_add {
    opacity: 1;
}

/**********************************************************/
/* Curriculum Settings */
/**********************************************************/
.remove-point {
    display: inline-block;
    position: relative;
    width: 1.1em;
    height: 1.1em;
    top: 0.2em;
    margin-left: 0.6em;
    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.2;
}
.remove-point:hover {
    opacity: 1;
}
#dialog-content #settings-point-categories, #dialog-content #settings-informational-points, #dialog-content #settings-tags {
    height: 30em;
}
#moduleSettings #settings-point-categories, #moduleSettings #settings-informational-points, #moduleSettings #settings-tags {
    height: 32em;
}
#dialog-content .point-block, #dialog-content .tags-block {
    margin-top:1em;
    /*height: 99%;*/
    height: 92%;
}
#dialog-content #add-group-block input {
    width:91%;
    margin:1em 0em 0.5em 0em;
    padding:0.7em 0.5em;
    color:rgba(0,0,0,0.6);
    font-size:0.9em;
    border-width:0px;
    border-bottom:1px solid rgba(0,0,0,0.4);
    background:transparent;
}
#dialog-content .point-block-left, #dialog-content .tags-block-left {
    background-color: #eeee;
    border-radius: 0.25em;
    /* height: 90%; */
    height: calc(100% - 3.5em);
    width: 35%;
    float: left;
    display: inline-block;
    left: 0;
    overflow: auto;
}
/* #dialog-content #curriculumSettings .point-block-left, #dialog-content #curriculumSettings .tags-block-left {
    height: 87%;
} */
#dialog-content .point-block-right, #dialog-content .tags-block-right {
    /* height: 76.5%; */
    height: calc(100% - 3.5em);
    width: 64.4%;
    float: right;
    display: inline-block;
    right: 0;
    overflow: auto;
}
#dialog-content #curriculumSettings #settings-point-categories .icon_action_add, #dialog-content #curriculumSettings #settings-informational-points .icon_action_add, #dialog-content #curriculumSettings #settings-tags .icon_action_add {
    display: inline-block;
    /*margin-left:1em;*/
}
#dialog-content .icon_action_add{
    position: relative;
    opacity:0.6;
    width: 2em;
    height: 2em;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:12;
    top: 0.5em;
}
#dialog-content .icon_action_add.active{
    background: url(../images/icon-minimize.svg);
}
#dialog-content .icon_action_add:hover, #dialog-content .icon_action_tip:hover{
    opacity:1;
}
#dialog-content .icon_action_tip {
    display: inline-block;
    margin-left: 0.25em;
    position: relative;
    opacity:0.6;
    width: 1.05em;
    height: 1.05em;
    background: url(../images/icon-info.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:12;
    top: 0.25em;
}
#dialog-content .search-container {
    width:100%;
}
#dialog-content .search-block {
    display: inline-block;
    width:50%;
    margin-bottom: 0.5em;
}
#dialog-content .search-block .search-points, #dialog-content .search-block .search-tags{
    width:92.5% !important;
    float:left;
}
#dialog-content .search-block .btn{
    display: inline-block;
    position: relative;
    opacity:0.6;
    width: 0.6em;
    height: 0.6em;
    margin-left:-2em;
    background: url(../images/icon-cancel-x.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    top: 0.5em;
}
#dialog-content .search-block .btn:hover{
    opacity:1;
}
#dialog-content #moduleSettings .search-block .btn{
    margin-top: 0em;
}
#dialog-content .point-block-left, #dialog-content .point-block-right, #dialog-content .tags-block-left, #dialog-content .tags-block-right {
    position: relative;
    /*padding: 1em 0 0 0;*/
}
/*#dialog-content .point-block-right .block-title, #dialog-content .tags-block-right .block-title, #dialog-content #curriculumSettings .point-block-left .block-title, #dialog-content #curriculumSettings .tags-block-left .block-title {
    margin: 0.5em 0;
}*/
#dialog-content .block-title {
    width:100%;
    text-decoration: underline;
    margin: 0.5em 0;
}
#dialog-content .point-block .block-title {
    text-align: center;
}
#dialog-content #add-group-options-block {
    display: none;
}
#dialog-content #add-group-options-block.active {
    display: block;
    background: lightgrey;
    padding: 2em 1em 1em 1em;
    margin-top: -0.5em;
}
#dialog-content #add-point-block .btn, #dialog-content  #add-group-block .btn {
    background: white;
    padding: 0.5em;
    width: fit-content;
    border: 2px solid black;
    margin: 0 auto;
    border-radius: 0.25em;
    margin-top: 0.5em;
    cursor: pointer;
}
#dialog-content .scroll-point, #dialog-content .scroll-tags {
    overflow:hidden;
    /* overflow:auto; */
    /* height:88%; */
    margin-top:0.5em;
}
#dialog-content #curriculumSettings .scroll-point, #dialog-content #curriculumSettings .scroll-tags {
    overflow: visible;
}
#dialog-content #curriculumSettings .point-block-left .scroll-point, #dialog-content #curriculumSettings .tags-block-left .scroll-tags {
    height:78%;
}
#dialog-content .point-block-left .scroll-point, #dialog-content .tags-block-left .scroll-tags {
    margin-right: 1em;
}
#dialog-content .point-list, #dialog-content .group-list, #dialog-content .tags-list {
    position:relative;
    margin: 0 1em 0 1em;
    padding-top: 1em;
}
#dialog-content .point-block-left .group-list, #dialog-content .tags-block-left .group-list {
    margin: 0 0 0 1em;
}
#dialog-content .ui.compact.menu .item{
    margin-right:1.75em;
    border: solid 0.5px grey;
    border-radius: 0.25em;
    cursor: pointer;
    font-weight: bold;
    padding:0.5em;
}
#dialog-content #curriculumSettings .point-container, #dialog-content #curriculumSettings .tags-container{
    cursor:grab;
}
#dialog-content #moduleSettings .point-container, #dialog-content #moduleSettings .tags-container{
    cursor:pointer;
}
#dialog-content #moduleSettings .point-container.active, #dialog-content #moduleSettings .tags-container.active{
    border: 2px solid grey;
}
#dialog-content #moduleSettings .point-container.active .icon-checked-item, #dialog-content #moduleSettings .tags-container.active .icon-checked-item{
    display: inline-block;
    float:left;
    left: 0.75em;
    top: 0em;
    position: relative;
    opacity:0.8;
    width: 1.3em;
    height: 1.3em;
    background: url(../images/icon-check.svg);
    background-repeat: no-repeat;
    cursor:pointer;
}
#dialog-content #moduleSettings .point-container.active:hover .icon-checked-item, #dialog-content #moduleSettings .tags-container.active:hover .icon-checked-item{
    opacity:1;
}
#dialog-content .point-droppable-overlay, #dialog-content .tags-droppable-overlay {
    width: 100%;
    height: 0;
    margin-top: -22.3%;
    position: absolute;
    /*border-style: dashed;
    border-width: thin;
    border-color: grey;*/
    display: none;
}
#dialog-content .point-container.sortable-ghost, #dialog-content .tags-container.sortable-ghost{
    display: none;
}
#dialog-content label.control-label {
    color:black;
}
#dialog-content a.item.active{
    background:grey;
}
#dialog-content .point-container, #dialog-content .tags-container{
    padding: 0.2em;
    border: 1px solid grey;
    border-radius: 0.25em;
    margin-bottom:0.75em;
}
#dialog-content .duplicate{
    border: 2px solid red !important;
}
#dialog-content .point .desc, #dialog-content .tag .desc{
    display: grid;
    font-weight: bold;
    width: fit-content;
    margin: 0 auto;
}
#dialog-content .point .desc.point-group, #dialog-content .tag .desc.tag-group{
    display: none;
    width: fit-content;
    margin: 0 auto;
    padding: 0 0.5em;
    border-radius: 0.25em;
}
#dialog-content .point input, #dialog-content .tag input {
    position: relative;
    /* left: 200px; */
    top: 0.75em;
    left: 0.75em;
    float: left;
}
#dialog-content .helpfulTip {
    color: black;
}
#dialog-content .ui.compact.menu.filter-block{
    display: inline-flex;
    margin: 1em 0 0 0;
}
#dialog-content .ui.compact.menu .item.filter-item {
    padding:0.5em 1em;
    width: auto;
    margin-right: 2em;
    padding-right: 2em;
}
#dialog-content .ui.compact.menu .item.filter-item .active {
    background: grey;
    border: 1px solid black;
    border-radius: 0.5em;
}
#dialog-content .response-preset-options-container {
    padding:1em;
    /*height: 17.5em;*/
    height: 16.75em;
    overflow-y: auto;
    border-radius: 0.25em;
    background-color: #eeee;
    display: block;
}
#dialog-content .add-default-preset-btn {
    padding: 0.25em 0.5em;
    cursor: pointer;
    margin-top:1em;
}
#dialog-content .preset-name-input.duplicate {
    border: 0 !important;
    border-bottom: 2px solid red !important;
}
#dialog-content .no-response-preset-container {
    margin-top:2em;
}
#dialog-content #settings-response-presets .response-preset-list-container {
    margin: 1.5em 1.5em 1em;
}
#dialog-content #settings-response-presets select.response-preset-list {
    width:100%;
    margin: 0.5em 0 0;
}
#dialog-content .response-preset-scroll {
    margin: 1em 0;
    height:75%;
    padding:0 1em;
    overflow: auto;
}
#dialog-content .tabbed-header-dashed-border {
    padding:0.5em 0;
    border-bottom: 1px dashed;
}
#dialog-content #settings-response-presets select.response-scenario-select {
    margin: 0 1.5em 1em 1.5em;
}
#dialog-content #settings-response-presets .icon_action_add {
    display: inline-block;
}
#dialog-content .custom-response {
    min-height: 50px;
    border: 1px solid black;
    background: white;
    margin:0.5em 1em;
    border-radius: 0.25em;
}
#createNewPresetBlock, #presetResponseSetup {
    display: none;
}
#createNewPresetBlock.active, #presetResponseSetup.active {
    display: block;
}
#dialog-content .response-preset-container.inactive {
    display: none;
}
#dialog-content .response-preset-container .preset-scenario-container {
    width:100%;
    /*margin-top: 1em;*/
}
#dialog-content .response-preset-container .preset-scenario-answer-container {
    width:100%;
    margin-bottom: 0.5em;
}
#dialog-content .response-preset-container .preset-scenario-answer-container .preset-scenario-answer{
    padding:0.5em 0.5em;
    background-color: #ddd;
    text-align: left;
}
#dialog-content .response-preset-container .preset-scenario-answer-container .preset-scenario-answer label{
    font-weight: bold;
}
#dialog-content .response-preset-container .preset-scenario-answer-container .preset-attempts{
    padding:0;
    margin: 0;
    width:3em;
}
#dialog-content .response-preset-container .incorrect-preset-scenario-answer-container{
    margin:auto;
    margin-bottom: 0.5em;
}
#dialog-content .response-preset-container .incorrect-preset-scenario-answer-container .preset-scenario-answer, #dialog-content .response-preset-container .incorrect-preset-scenario-answer-container .response-scenario-settings-container {
    background-color: #bbb;
}
#dialog-content .response-preset-container .preset-scenario-answer-container .response-scenario-settings-container{
    background-color: #ddd;
    display: none;
    padding: 1em 1.5em;
}
#dialog-content .response-preset-container .preset-scenario-answer-container .response-scenario-settings-container .icon_action_add{
    margin-bottom: 0.5em;
    top: 0;
}
#dialog-content .response-preset-container .preset-scenario-title-container {
    font-style: italic;
    color: grey;
    height:1em;
    width:100%;
    display: table;
}
#dialog-content .response-preset-container .preset-scenario-title-container .preset-scenario-block-left {
    border-right: none;
}
#dialog-content .response-preset-container .preset-scenario-block-left, #dialog-content .response-preset-container .response-scenario-settings-block-left {
    display: table-cell;
    text-align: left;
    width: 67.5%;
    padding-right: 1em;
    border-right: 1px solid darkgrey;
}
#dialog-content .response-preset-container .preset-scenario-block-right, #dialog-content .response-preset-container .response-scenario-settings-block-right {
    display: table-cell;
    text-align: right;
    /*width: 30%;
    float: right;*/
}
.preview-previous-container, .preview-next-container {

}
.preview-additional-container, .preview-correct-container, .preview-prefix-container {
    text-align: left;
    margin-bottom: 2em;
}
#dialog-content .response-preset-container .response-scenario-settings-block-right .response-preview-container{
    font-size: 0.5em;
    margin-left:2em;
    background: white;
    padding:1.5em 0.5em;
    border:1px solid black;
    border-radius: 0.5em;
}
#dialog-content .response-preset-container .response-scenario-settings-block-right .preview-previous-container{
    display: inline-block;
    float:left;
}
#dialog-content .response-preset-container .response-scenario-settings-block-right .preview-next-container{
    display: inline-block;
    /*float:right;*/
}
#dialog-content .response-preset-container .set-pill {
    right: 3em;
    float: right;
    border-radius: 0.25em;
    width: fit-content;
    background-color: #30466c;
    color: white;
    cursor: pointer;
    font-weight: bold;
    padding: 0.1em 1em;
    margin: auto;
    font-size: smaller;
    text-transform: uppercase;
}
#dialog-content .response-preset-container .set-pill.up span, #dialog-content .response-preset-container .set-pill .arrow{
    display:none;
}
#dialog-content .response-preset-container .set-pill.up .arrow{
    background: url(../images/icon-arrow-up.svg);
    background-repeat:no-repeat;
    width: 1.2em;
    height: 1.2em;
    display: block;
    margin: auto 0.3em;
    text-align: center;
}
#dialog-content .response-feedback-container, #dialog-content .response-name-container, #dialog-content .new-architect-container{
    padding: 2em;
    margin: -0.6em 1em 0;
    background: #eeee;
    border-radius: 0.25em;
}
#dialog-content .icon_action_checkmark {
    background: url(../images/icon-confirm.svg);
    background-repeat:no-repeat;
    position: relative;
    width: 2.25em;
    height: 2.25em;
    cursor: pointer;
    top: 0.75em;
    transform: rotate(0deg);
    -webkit-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
}
#dialog-content .response-scenario {
    background: #ccc;
}
.response-preset-table.active {
    display: table !important;
    padding: 0.5em 1.47em 2em;
    width: 120% !important;
}
.response-preset-table.active .response-preset-row {
    display: table-row-group !important;
}
#dialog-content .question-answer-blockDisplay label {
    padding: 0;
}
#dialog-content .navigation-container label.switchFeedback {
    left: 27.5%;
}
#dialog-content .switch-feedback-container {
    text-align: left;
    margin-bottom: 1em;
}
#dialog-content .switch-feedback-block {
    margin-bottom: 0.5em;
}
#dialog-content .navigation-container {
    display: flex;
    margin-left: 2.5em;
}
#dialog-content .navigation-item {
    background-color: #31466C;
    color: white;
    border: white;
    height: 8em;
    width: 8em;
    text-align: center;
    margin:0 0.25em;
    border-radius: 0.5em;
}
#dialog-content .leftInverted, #dialog-content .rightInverted {
    border: 0.15em solid white;
    margin-right: 0;
    cursor: default;
}
#dialog-content .response-scenario-settings-block-right .leftInverted, #dialog-content .response-scenario-settings-block-right .rightInverted {
    border: 0.075em solid grey;
    width:1em;
    height: 1em;
}
#dialog-content .leftInverted:after {
    content: '';
    display: inline-block;
    position: relative;
    top: 0.4em;
    left: -0.1em;
    width: 0.03em;
    height: 0.03em;
    border-top: 9px solid transparent;
    border-right: 13px solid white;
    border-bottom: 9px solid transparent;
}
#dialog-content .rightInverted:after {
    content: '';
    display: inline-block;
    position: relative;
    top: 0.4em;
    left: 0.05em;
    width: 0.03em;
    height: 0.03em;
    border-top: 9px solid transparent;
    border-left: 13px solid white;
    border-bottom: 9px solid transparent;
}
#dialog-content .response-scenario-settings-block-right .leftInverted:after {
    content: '';
    display: inline-block;
    position: relative;
    top: -0.25em;
    left: -0.4em;
    width: 0.075em;
    height: 0.075em;
    border-top: 4.5px solid transparent;
    border-right: 6.5px solid grey;
    border-bottom: 4.5px solid transparent;
}
#dialog-content .response-scenario-settings-block-right .rightInverted:after {
    content: '';
    display: inline-block;
    position: relative;
    top: -0.25em;
    left: -0.2em;
    width: 0.075em;
    height: 0.075em;
    border-top: 4.5px solid transparent;
    border-left: 6.5px solid grey;
    border-bottom: 4.5px solid transparent;
}
#dialog-content .response-scenario-title {
    margin: 0 0 1em 1em;
    text-align: left;
}
#dialog-content .add-attempt-container {
    float: left;
}
#dialog-content .add-attempt-container .icon_action_add{
    height:1.5em;
    width:1.5em;
    display: inline-block;
}
#dialog-content .add-attempt-container span{
    vertical-align: middle;
    margin-left: 0.25em;
}
#dialog-content .add-attempt-container:hover .icon_action_add, #dialog-content .add-attempt-container:hover span{
    opacity: 1;
    font-weight: bold;
    cursor: pointer;
}

#dialog-content .architect-action-block {
    display: inline-block;
    margin-right:2em;
}
#dialog-content .architect-action-block .icon_action_add {
    display: inline-block;
    position:relative;
    width: 1.5em;
    height: 1.5em;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    z-index:1;
}
#dialog-content .architect-action-label {
    font-size: 0.8em;
    text-transform: uppercase;
    color: rgba(0,0,0,0.5);
    cursor: pointer;
    font-style: italic;
}
#dialog-content .assign-architect:hover .architect-action-label, #dialog-content .create-architect:hover .architect-action-label {
    color: rgba(0,0,0,1);
}
#dialog-content .assign-architect:hover .icon_action_add, #dialog-content .create-architect:hover .icon_action_add {
    opacity: 1;
}
#default-certificate-component, #default-email-component {
    position: relative;
    width: 100%;
    height: 25em;
    text-align: left;
}
.cert-preview-message {
    display:flex;
    width: 100%;
    text-align: center;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
/**********************************************************/
/* Element Settings */
/**********************************************************/
.table-cell.weightBlock.active {
    top: 0.25em;
    position: relative;
}




/**********************************************************/
/* Resource References */
/**********************************************************/
.resourceReference {
    font-size: 1.1em;
    font-family: Lato-Black;
    width:90%;
    display:block;
    text-indent:-2.85em;
    margin-left:2.95em;
    margin-top:1em;
    margin-bottom:1em;
}

.referenceDroppableOverlay {
    position: absolute;
    height: 0;
    width: 100%;
    top: 0;
    display: none;
}

.my-handle {
    background: url('../images/icon-pin-no-bg-inverted.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    height: 1em;
    width: 1em;
}
#scenario-splitview .my-handle {
    top: 0.05em;
    height: 0.81em;
    width: 0.815em;
}
#scenario-splitview .my-handle:hover {
    cursor: move;
    cursor: -webkit-grabbing;
    background: url('../images/icon-pin-scenario.svg');
    background-size: cover;
    background-repeat: no-repeat;
}
#scenario-splitview.screen-resource .my-handle, #scenario-splitview .designer-element-block .my-handle {
    top: 0.15em;
    height: 2em;
    width: 2em;
}
#scenario-splitview.screen-resource .my-handle:hover {
    cursor: move;
    cursor: -webkit-grabbing;
    background: url('../images/icon-pin-resource.svg');
    background-size: cover;
    background-repeat: no-repeat;
}
#standards-splitview .my-handle {
    height: 0.9em;
    width: 0.9em;
    margin-right:0.25em;
    top: 0.1em;
}
#standards-splitview .my-handle:hover {
    cursor: move;
    cursor: -webkit-grabbing;
    background: url('../images/icon-pin-standards.svg');
    background-size: cover;
    background-repeat: no-repeat;
}
#resources-splitview .resource-item .my-handle {
    opacity:0;
    height: 1.7em;
    width: 1.7em;
    cursor: move;
    cursor: -webkit-grabbing;
    background: url('../images/icon-pin-resource.svg');
    background-size: cover;
    background-repeat: no-repeat;
    top: 1.5em;
    left:-0.8em;
    position: absolute;
}
#resources-splitview .resource-item:hover .my-handle {
    opacity:1;
}
/*Start reference placeholder styles(appears when hovering over droppable reference block) */

/* Resource references */
.referenceDroppableOverlay .reference-ghost.resource-item {
    padding: 0;
    margin: 0;
}
.referenceDroppableOverlay .reference-ghost.resource-item .level-indicator {
    display: none;
}
.referenceDroppableOverlay .reference-ghost.resource-item .resource-item-thumbnail-nested {
    display: none;
}
.referenceDroppableOverlay .reference-ghost.resource-item .resource-item-thumbnail {
    /*background: url('../images/resourceExplorer.svg');*/
    /*background: url('../images/icon-pin-no-bg.svg');*/
    background-size: contain;
    background-repeat: no-repeat;
    height: 3.5em;
}
.referenceDroppableOverlay .reference-ghost.resource-item .resource-item-data {
    display: none;
}

/* Standard references*/
.referenceDroppableOverlay .standard-drag-block {
    /*background: url('../images/standardExplorer.svg');*/
    /*background: url('../images/icon-pin-no-bg.svg');*/
    background-size: contain;
    background-repeat: no-repeat;
    height: 3.5em;
}
.referenceDroppableOverlay .standard-drag-block .standard-tip {
    display: none;
}

/* Scenario references */
.scenario-drag-block-container {
    max-width: calc(100% - 3em);
    display: inline-block;
}
.referenceDroppableOverlay .scenario-drag-block .imgElement {
    display: none;
}
.referenceDroppableOverlay .scenario-drag-block .scenario-title-editable {
    display: none;
}
.referenceDroppableOverlay .scenario-drag-block .scenario-title-handle {
    display: none;
}
.referenceDroppableOverlay .scenario-drag-block {
    /*background: url('../images/scenarioExplorer.svg');*/
    /*background: url('../images/icon-pin-no-bg.svg');*/
    background-size: contain;
    background-repeat: no-repeat;
    height: 3.5em;
}
/*End reference placeholder styles*/

/*Start reference drag styles(what appears under your mouse cursor as your drag)*/
.resource-drag .resource-item-thumbnail {
    /*background: url('../images/resourceExplorer.svg');*/
    /*background: url('../images/icon-pin-no-bg.svg');*/
    background-size: contain;
    background-repeat: no-repeat;
    height:7em;
}
.resource-drag .resource-item-thumbnail-nested, .resource-drag .level-indicator, .resource-drag .resource-item-data, .resource-drag .resource-item-actions {
    display: none;
}
.resource-category-ghost {
    display: none;
}
.standard-drag.standard-drag-block {
    /*background: url('../images/standardExplorer.svg');*/
    /*background: url('../images/icon-pin-no-bg.svg');*/
    background-size: contain;
    background-repeat: no-repeat;
    height: 4em;
    width:4em;
}
.standard-drag.standard-drag-block .standard-tip{
    opacity: 0;
}
.scenario-drag.scenario-drag-block {
    /*background: url('../images/scenarioExplorer.svg');*/
    /*background: url('../images/icon-pin-no-bg.svg');*/
    background-size: cover;
    background-repeat: no-repeat;
    height:3em;
    width: 3.8em;
}
.scenario-drag.scenario-drag-block .imgElement{
    opacity: 0;
}
.scenario-drag.scenario-drag-block .scenario-title-editable
{
    display: none;
}
/* End reference drag styles */

#scenario-splitview .resourceReference {
    width:90%;
    text-indent:-1.35em;
    margin-left:2.05em;
}
.resourceReference .standardexplorersplitview {
    color:#8d358e;
    margin:1em 1.5em;
    cursor:pointer;
}
.resourceReference .standardexplorersplitview:before {
    content: "";
    width: 0;
	height: 0;
    border-top: 8px solid transparent;
	border-left: 11px solid #8d358e;
	border-bottom: 8px solid transparent;
    display:inline-block;
    margin-right:0.75em;
}
#scenario-splitview .resourceReference .standardexplorersplitview {
    background-color:#fff;
    color:#5a305a;
    margin:1em 0em;
    padding:0.3em 1.5em;
}
.resourceReference .resourceexplorersplitview, .image-link {
    color:#246f74;
    margin:1em 1.5em;
    cursor:pointer;
}
.resourceReference .resourceexplorersplitview:before, .image-link:before  {
    content: "";
    width: 0;
	height: 0;
    border-top: 8px solid transparent;
	border-left: 11px solid #246f74;
	border-bottom: 8px solid transparent;
    display:inline-block;
    margin-right:0.75em;

}
.resourceReference .scenarioexplorersplitview {
    color:#30466c;
    margin:1em 1.5em;
    cursor:pointer;
    }
.resourceReference .scenarioexplorersplitview:before, #scenario-splitview .image-link:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 11px solid #30466c;
    border-bottom: 8px solid transparent;
    display:inline-block;
    margin-right:0.75em;
}
.screen-resource-drag-block-container {
    max-width: calc(100% - 3em);
    display: inline-block;
    vertical-align: top;
    margin-top: 1em;
}
.screen-resource-drag-block {
    margin-left:1em;
}

/**********************************************************/
/* Web Link */
/**********************************************************/
.weblink-block {
    font-size: 1.1em;
    font-family: Lato-Black;
    /*width:90%;*/
    display:block;
    /*text-indent:-2.85em;*/
    color: #246f74;
    margin: 1em 1.5em;
}
.weblink-block .weblink-container {
    cursor: pointer;
    width:fit-content;
}
.weblink-block .weblink-title:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 11px solid #246f74;
    border-bottom: 8px solid transparent;
    display: inline-block;
    margin-right: 0.75em;
}
#block-right .weblink-block .weblink-title:before {
    border-left: 11px solid white;
}
#block-right  .weblink-block {
    color: white;
}

/* Semantic Dropdownlist Overwrites */
#curriculumSettings .ui.fluid.dropdown, #moduleSettings .ui.fluid.dropdown{
    width:auto !important;
    /*
    width:80% !important;
    */
}
#moduleSettings .ui.fluid.dropdown {
    width:auto !important;
    /*
    padding: 0em;
    */
    padding-bottom:1px;
    padding-top:1px;
}
#dialog-content #curriculumSettings input.search{
    padding: 0.75em 0em 0.5em 1em;
    font-family: Lato-Regular;
    font-size: 1rem;
}
#dialog-content #moduleSettings input.search  {
    padding: 0.15em 0em 0.25em 1em;
    font-family: Lato-Regular;
    font-size: 1rem;
}
#moduleSettings #permissionType {
    font-family: Lato-Regular;
    font-size: 1rem;
    /*
    border-radius:5px;
    */
    border:0px;
    background:transparent;
    border:1px solid rgba(0,0,0,0.1) !important;

    border-radius:5px;
    border:1px solid rgba(0,0,0,0.3);

    color:rgba(0,0,0,0.7);
}
#moduleSettings #permissionType:hover {
    border:1px solid rgba(0,0,0,0.3) !important;
    background:#fff;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
#curriculumSettings .ui.selection.dropdown .menu, #moduleSettings .ui.selection.dropdown .menu {
    max-height: 18em !important;
  }
#curriculumSettings .AddCourseAction, #moduleSettings .AddCourseAction {
    margin: auto 0em auto 0.5em;
    top: 0.75em;
    opacity:1;
    transform: rotate(0deg);
}
#curriculumSettings .AddCourseAction:hover, #moduleSettings .AddCourseAction:hover {
    transform: rotate(90deg);
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
#curriculumSettings .AddCourseAction.active, #moduleSettings .AddCourseAction.active {
    opacity:1;
}

#curriculumSettings .lnkCreateNew, #moduleSettings .lnkCreateNew {
    margin-top:0.5em;
    color:#4ebd76;
    text-align:left;
    font-size:0.85rem;
    text-decoration:underline;
    cursor:pointer;
}
#curriculumSettings #createNewArchitectBlock, #moduleSettings #createNewUserBlock {
    display:none;
}
#curriculumSettings #createNewArchitectBlock.active, #moduleSettings #createNewUserBlock.active{
    display:block;
}
#moduleSettings #createNewUserBlock {
    position:relative;
    margin-top:-1.6f5em5em;
}
#curriculumSettings #architectList{
    display:none;
    width:96%;
    margin:0 auto;
    text-align:center;
}
#moduleSettings #usersList {
    display:none;
    width:96%;
    margin:0 auto;
    text-align:center;
}
#curriculumSettings #architectList.active, #moduleSettings #usersList.active  {
    display:table;
}
#curriculumSettings #createNewArchitectBlock, #moduleSettings #createNewUserBlock {
    display:none;
}
#curriculumSettings #createNewArchitectBlock.active, #moduleSettings #createNewUserBlock.active {
    display:block;
}
#curriculumSettings #assignedArchitects, #moduleSettings #assignedUsers {
    display:none;
}
#curriculumSettings #assignedArchitects.active, #moduleSettings #assignedUsers.active {
    display:table;
}
#curriculumSettings #assignedArchitects, #moduleSettings #assignedUsers {
    margin-top:3em;
    width:96%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
#curriculumSettings .icon_action_delete, #moduleSettings .icon_action_delete, .element-settings .icon_action_delete {
    display: inline-block;
    position:relative;
    width: 1.5em;
    height: 1.5em;
    top: 0.05em;
    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    opacity:0.3;
}
#curriculumSettings .point-block .icon_action_delete, #curriculumSettings .tags-block .icon_action_delete {
    top: -0.75em;
    opacity: 1;
    left: -0.75em;
    position: absolute;
    background: url(../images/icon-delete-trash-light.svg);
    background-repeat: no-repeat;
    cursor:pointer;
}
#curriculumSettings .point-block .icon_action_delete:hover, #curriculumSettings .tags-block .icon_action_delete:hover {
    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
}
#curriculumSettings .icon_action_delete:hover, #moduleSettings .icon_action_delete:hover, .element-settings .icon_action_delete:hover {
    opacity:1;
}
#curriculumSettings #createNewArchitectBlock .icon_action_back, #moduleSettings #createNewUserBlock .icon_action_back {
   transform: rotate(180deg);
}
#curriculumSettings #createNewArchitectBlock.active .icon_action_back, #moduleSettings #createNewUserBlock.active .icon_action_back, #createNewPresetBlock.active .icon_action_back, #presetResponseSetup.active .icon_action_back {
    position: relative;
    width: 2.25em;
    height: 2.25em;
    background: url(../images/icon-back.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    top: 0.75em;
    transform: rotate(0deg);
    -webkit-transition:all ease 500ms;
    -moz-transition:all ease 500ms;
    -o-transition:all ease 500ms;
    transition:all ease 500ms;
}
#curriculumSettings .available-dialect-list-container{
    margin-bottom: 2em;
}
#curriculumSettings .available-dialect-list-container .icon_action_add{
    display: inline-block;
    top:0.6em;
}
#curriculumSettings .dialects-item-block{
    border-bottom: 1px solid #ddd;
    padding: 0.75em 0;
}
#curriculumSettings .dialects-item-title{
    width: 90%;
    text-align: left;
    margin-top: 0.1em;
    float: left;
    position: relative;
}
#curriculumSettings .dialects-item-actions{
    width: 10%;
    margin-top:-0.1em;
    display: inline-block;
}
#curriculumSettings .defaultDialect {
    display:inline-block;
    /*vertical-align: middle;*/
    width:40%;
}
#curriculumSettings .defaultDialect .isDefault, #curriculumSettings .defaultDialect .isNotDefault {
    border: 2px solid #30466c;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 0.9em;
    /*margin-top:0.1em;*/
    height: 0.9em;
    vertical-align: text-top;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
#curriculumSettings .defaultDialect .isDefault:before {
    content: "";
    display:inline-block;
    width:1.25em;
    height:1.25em;
    margin-top: -0.04em;
    top: 50%;
    left: 50%;
    background-size: contain;
    background: url(../images/icon-mostCorrect.svg);
    background-repeat: no-repeat;
    z-index:999;
    position:absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
#curriculumSettings .dialects-item-actions .icon_action_delete {
    vertical-align: bottom;
}
#curriculumSettings #settings-title .setting-label {
    margin-bottom: 2em;
}
/*#moduleSettings #createNewUserBlock input {
    width:91%;
    margin:1em 0em 0.5em 0em;
    padding:0.7em 0.5em;
    color:rgba(0,0,0,0.6);
    font-size:0.9em;
    border-width:0px;
    border-bottom:1px solid rgba(0,0,0,0.4);
    background:transparent;
}*/
#moduleSettings .assignedUserPermissionType {
    position:relative;
    border-radius:5px;
    border:1px solid rgba(0,0,0,0.1);
    background:transparent;
}
#moduleSettings .assignedUserPermissionType:hover {
    position:relative;
    border-radius:5px;
    border:1px solid rgba(0,0,0,0.3);
    background:#fff;
    -webkit-transition:all ease 300ms;
    -moz-transition:all ease 300ms;
    -o-transition:all ease 300ms;
    transition:all ease 300ms;
}
#moduleSettings select.permission-type-dropdown {
    margin-top:0.5em;
    width:25%;
    min-width:25%;
    margin:0;
    padding:1em 0.5em;
    border-radius:5px;
}
#courseSettings .option-data {
    width: fit-content;
    margin: 0.5em auto;
    text-align: left;
}
#courseSettings .option-data input {
    width: auto;
    margin-right:0.5em;
}
#courseSettings .ui.fluid.dropdown {
    width:90%;
    margin:auto;
}
#courseSettings .actions_block .btn {
    width: fit-content;
    text-align: center;
    margin: 3em auto;
}
#coursePublish {
    height:100%;
}
#coursePublish .row{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: inherit;
    align-items: stretch;
    width: 100%!important;
    padding: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: left;
    height: calc(100% - 2rem);
    font-size: 0.9em;
}
#coursePublish .column-3{
    box-shadow: -2px 0 1px -1px rgb(34 36 38 / 15%);
    width:33.33333333%;
    height:100%;
    overflow: auto;
    display: inline-block;
    margin: 0;
    padding:0 1rem;
    box-sizing: border-box;
    position: relative;
}
#coursePublish .column-3:first-child{
    box-shadow: none;
}
#coursePublish .server-list-container {
    margin-top:0.5em;
    position: relative;
}
#coursePublish .ui.fluid.dropdown.server-sets {
    width:auto;
}
#coursePublish .delete-icon {
    right: -0.75em;
    top: 0.9em;
    position: absolute;
    background: url(../images/icon-delete-trash-light.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    opacity:1;
}
#coursePublish .delete-icon:hover {
    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
}
#coursePublish #serverSets {
    margin-top:1em;
}
#coursePublish .server-list-container .error-message {
    background-color: #ffe8e6;
    color: #db2828;
    box-shadow: inset 0 0 0 1px #db2828, 0 0 0 0 transparent;
    font-size: 1em;
    margin: 1em 0;
    padding: 1em 1.5em;
    border-radius: .28571429rem;
}
#coursePublish .server-list-container .error-title{
    color: #c82121;
    font-weight: bold;
}
#coursePublish .server-list-container .error-details, #coursePublish .server-list-container .item .description{
    font-size:0.7em;
}
#coursePublish .server-list-container .error-details {
    margin-bottom: 0.5em;
}
#coursePublish .server-list-container .item{
    background: rgba(255, 0, 0, 0.08);
    color: rgba(0,0,0,.8);
}
#coursePublish .server-list-container .error-message .item{
    border-top: 1px solid rgba(34,36,38,.15);
}
#coursePublish .server-list-container .error-message .item.first-item{
    border-top: none;
}

#coursePublish .server-list-container .item i{
    display: table-cell;
    width: 30px;
    padding-left: 0.3em;
}
#coursePublish .server-list-container .item .content{
    display: table-cell;
    width: 100%;
    vertical-align: top;
    padding: .5em;
}
#coursePublish .server-list-container .item .item-title{
    color: #4183c4!important;
    font-weight: bold;
}
#coursePublish .server-list-item:last-child {
    box-shadow: none;
}
#coursePublish .server-list-item {
    padding:0.5em;
    box-shadow: 0 1px 0 0 rgb(34 36 38 / 15%);
    cursor: pointer;
}
#coursePublish .server-list-item:hover {
    background-color: #eeee;
}
#coursePublish .server-list-item.active {
    background-color: #dddd;
}
#coursePublish .server-list-item .server-name{
    color: #4887c6;
}
#coursePublish .last-published{
    font-size:0.7em;
    margin-top:0.25em;
}
#coursePublish .publish-destination-list-item-container i.lock.icon {
    position: absolute;
    top: 1.5em;
    right: -0.9em;
    cursor:help;
}
.course-publish .course-publish-full-load {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}
.element-add-load {
    position: absolute;
    height: 100%;
    width: 100%;
    left: -0.25em;
    top: -0.25em;
    pointer-events: none;
    z-index:999999;
}
.course-publish .course-publish-module-load {
    position: absolute;
    height: 10em;
    width: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}
.course-publish .course-publish-full-load .dimmer, .course-publish .course-publish-module-load .dimmer{
    padding: 0;
    pointer-events: all;
}
#coursePublish .module-issue-icon-container {
    display: table-cell;
    width:22px;
}
#coursePublish .list-item-description {
    display: table-cell;
    padding-left:0.5em;
    padding-right: 1em;
}
#coursePublish .publish-destination-list-container {
    margin: 0.5em 1em 0;
    border: 1px solid rgba(34,36,38,.15);
    width: calc(100% - 2.15em);
    position: relative;
}
#coursePublish .publish-destination-list-item-container {
    position: relative;
}
#coursePublish .publish-destination-list-item {
    padding:1em;
    background-color: #ffff;
    border-bottom: 1px solid rgba(34,36,38,.15);
    cursor: pointer;
    position: relative;
}
#coursePublish .publish-destination-list-item:last-child {
    border-bottom: none;
}
#coursePublish .publish-destination-list-item:hover {
    background-color: #eeee;
}
#coursePublish .publish-destination-list-item.active {
    background-color: #dddd;
}
#coursePublish .publish-destination-list-item.active:after {
    position: absolute;
    z-index: 2;
    content: "";
    top: 50%;
    right: 0;
    background-color: #dddd;
    width: 0.75em;
    height: 0.75em;
    border: solid rgba(34,36,38,.15);
    border-width: 0 1px 1px 0;
    transform: translateY(-50%) translateX(50%) rotate(-45deg);
}
#coursePublish .publish-destination-list-item.no-publish{
    pointer-events: none;
    opacity: 0.2;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
    filter: alpha(opacity=20);
    -khtml-opacity: 0.2;
}
/*#coursePublish .publish-destination-list-item.no-publish  .server-name, #coursePublish .publish-destination-list-item.no-publish  .last-published{
    opacity: 0.3;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
}*/
#coursePublish .unconfigured{
    position: absolute;
    top: 1.5em;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #4d87c6;
}
#coursePublish .publish-destination-list-item .server-name{
    color: black;
}
#coursePublish .publish-destination-list-item.active .server-name{
    color: #4887c6;
}
#confirm-production .confirm-production-title {
    font-weight: bold;
    text-align: center;
    margin-bottom: 1.5em;
}
#confirm-production{
    text-align: left;
    padding: 1em;
}
#confirm-production .confirm-production-input-container {
    margin: 1em 2em 1.5em;
}
#coursePublish .publish-notice{
    text-align: left;
    margin: 1.2em;
    font-size: 0.8em;
}
#coursePublish .add-server-container{
    cursor:pointer;
    margin-top:0.5em;
}
#coursePublish .add-server-container .icon_action_add{
    display: inline-block;
}
#coursePublish .add-server-container .icon-action-label{
    margin-left:0.5em;
}
.module-review-icon.icon-none {
    width:1em;
    height:1em;
}
.tipped-issue-description {
    cursor: pointer;
}
.server-list-container .blue.info.circular.icon{
    font-size: 0.5em;
    padding: 0.6em 0.1em !important;
    height: 1em !important;
    box-shadow: 0em 0em 0em 0.1em rgb(0 0 0 / 30%) inset;
 }
.course-publish #dialog-content input.checkbox {
    width: unset;
    display: inline-block;
}
.course-publish #dialog-content {
    height: calc(100% - 11.5em);
    position: relative;
}
.course-publish #dialog-footer {
    height: 2.5em;
}
#dialog-footer .publish-icon-container, .btn-icon-container{
    width: fit-content;
    float: right;
    margin-right: 1em;
    cursor: pointer;
    background: #4dbc74;
    padding: 0.5em 0.75em;
    border-radius: 0.25em;
    font-weight: bold;
    color: white;
}
/*#dialog-footer .publish-icon-container span{
    top: 0.05em;
    position: relative;
}*/
#dialog-footer .publish-icon-container i.icon, .btn-icon-container i.icon{
    margin-left: 0.25em;
    vertical-align: text-top;
    top: 0.125em;
    position: relative;
}
#dialog-footer .publish-back-icon-container{
    width: fit-content;
    float: left;
    margin-left: 1em;
    cursor: pointer;
    background: #4a4a4b;
    padding: 0.5em 0.75em;
    border-radius: 0.25em;
    font-weight: bold;
    color: white;
}
#dialog-footer .publish-back-icon-container span{
    top: 0.05em;
    position: relative;
}
#dialog-footer .publish-back-icon-container i.icon{
    overflow: hidden;
    position: relative;
    top:0;
}
#dialog-footer .icon_action_publish {
    display: inline-block;
    position: relative;
    width: 2em;
    height: 2em;
    margin-right: 0.25em;
    top: 0.6em;
    background: url(../images/icon-publish.svg);
    background-repeat: no-repeat;
    cursor: pointer;
}
#publish-module-checklist-overlay {
    z-index: 99999;
    pointer-events: none;
    background: rgba(0,0,0,0.5);
    top: 0;
    width:100%;
    height:100%;
    position: absolute;
}


.dialogError {
    border:1px solid #e74051;
    background:#fff7f8;
    text-transform:uppercase;
    font-size:0.75em;
    color:#e74051;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:0.5em;
    margin:0.5em 0.5em;
    margin:0.5em 0.5em 1.5em 0.5em;
}

.inputNumber {
    text-align:center;
    width:auto;
    min-width:auto;
    padding-left:1em !important;
    border-width:0px;
    background:transparent;
    border-bottom:1px solid rgba(0,0,0,0.3);
}

.cursor-pointer {
    cursor:pointer;
}
.pointer-events-none {
    pointer-events: none;
}

.delete-icon {
    display: inline-block;
    position:relative;
    width: 1.5em;
    height: 1.5em;
    top: 0.05em;
    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    opacity:0.3;
}
.delete-icon:hover {
    opacity:1;
}
/*.issue-highlight-error, .issue-highlight-error:hover {
    background-color: #ffe8e6 !important;
    border-color: #c82121 !important;
    border: 1px solid;
    padding-left: 1em;
}
.issue-highlight-warning, .issue-highlight-warning:hover {
    background-color: #fffbee !important;
    border-color: #efb200 !important;
    border: 1px solid;
    padding-left: 1em;
}
.issue-highlight-information, .issue-highlight-information:hover {
    background-color: #ccc !important;
    border-color: #676767 !important
    border: 1px solid;
    padding-left: 1em;
    border-radius: 0.25em;
}*/
.issue-highlight-error:after, .has-error:after:not(#wizard-container .has-error) {
    content: url(../images/icon-issue-error.svg);
    position: absolute;
    display: inline-block;
    vertical-align: baseline;
    opacity: 1;
    margin: 0em 0.25rem 0em 0em;
    width: 2.18em;
    left: -0.75em;
    top: -0.75em;
    height: 2em;
}
.issue-highlight-warning:after {
    content: url(../images/icon-issue-warning.svg);
    position: absolute;
    display: inline-block;
    vertical-align: baseline;
    opacity: 1;
    margin: 0em 0.25rem 0em 0em;
    width: 2.18em;
    left: -0.75em;
    top: -0.75em;
    height: 2em;
}
.issue-highlight-information:after {
    content: url(../images/icon-issue-info.svg);
    position: absolute;
    display: inline-block;
    vertical-align: baseline;
    opacity: 1;
    margin: 0em 0.25rem 0em 0em;
    width: 2.18em;
    left: -0.75em;
    top: -0.25em;
    height: 2em;
}
.resource-item.issue-highlight-error:after, .resource-item.issue-highlight-warning:after, .resource-item.issue-highlight-information:after {
    top: -0.75em;
}
#dialog.resource .toc-quick-selections .quick-select{
    background: rgba(78,145,169,0.8);
}
#dialog.resource .toc-quick-selections .quick-select:hover{
    background: rgba(78,145,169,1);
}
#dialog.resource .tpd-tooltip .active-scenario-scope{
    background: rgba(78,145,169,1);
}
#dialog.resource .tpd-tooltip .scenario-toc-list-container .active-scenario{
    background: rgba(78,145,169,0.6);
}
#dialog.resource .tpd-tooltip .scenario-toc-list-container .parent-scope, #dialog.resource .tpd-tooltip .scenario-toc-list-container .child-scope {
    background: rgba(78,145,169,1);
}
#dialog.resource .tpd-tooltip .scenario-toc-list-container .active-scenario.child-scope, #dialog.resource .tpd-tooltip .scenario-toc-list-container .active-scenario.child-scope .child-scope {
    background: rgba(78,145,169,1);
}

/**********************************************************/
/* Certificates & Notifications */
/**********************************************************/
.certificate-btn, .notification-btn {
    display: inline-block;
    border-radius: 0.25em;
    width: fit-content;
    background-color: #30466c;
    color: white;
    cursor: pointer;
    font-weight: bold;
    padding: 0.5em 1em;
    font-size: smaller;
    text-transform: uppercase;
    opacity: 0.2;
    cursor: default;
    pointer-events: none;
}
.certificate-btn.preview-btn, .certificate-btn.save-btn {
    float: right;
}
.certificate-btn.active, .certificate-btn.edit-btn, .certificate-btn.file-btn, .notification-btn.active {
    cursor: pointer;
    pointer-events: all;
    opacity: 1;
}
/*.annotation-select option{
    padding: 0.25em;
}*/
/*.ui.buttons.annotations-dropdown.visible {
    background: #f0f3f9;
}*/
.notification-builder-container {
    margin: 1em 0 2em;height: calc(100% - 2em);
}
.notification-btn-container {
    width:100%;
    height:3em;
}
.notification-title-container{
    width:calc(100% - 10em);
    display: inline-flex;
}
.notification-title-item {
    margin: auto;
    display:inline-flex;
}
.notification-title {
    display:inline-flex;
    margin: 0.5em 0 0 0.5em;
}
.notification-title-input {
    padding: 0.25em;
    width: 20em;
    margin-left: 0.25em;
}
.notification-btn.save-btn {
    display: inline-flex;
    width:8em;
}
#notification-builder {
    width: 100%;
    height: calc(100% - 3em);
}
.notification-container {
    margin-top: 1em;
    position: relative;
    height: 100%
}
.notification-menu-block-container {
    padding: 0.5em;
    height: 2em;
    border-bottom: 2px solid #b6b9bf;
    background: #fcfdfe;
}
.notification-menu-item-container {
    position: absolute;
    right:0;
    top:0;
}
.notification-menu-item-create {
    display: inline-flex;
    margin-right: -4px;
}
.ui.buttons.dropdown.labeled.icon.button.annotations-create.annotations-dropdown {
    padding: 1em 0.5em 0.9em;
    vertical-align: middle;
    cursor: pointer;
    border-left: 1px solid #f0f3f9;
}
.notification-create-item-container{
    margin: 1em auto;
    text-align: center;
}
.notification-create-item-title {
    /*width: 3.5em;
    display:inline-flex;*/
    text-align: left;
}
.notification-create-item-input {
    width: 17em;
    height:2.5em;
    /*display:inline-flex;*/
    padding: 0.5em 0.25em;
}
.notification-create-item-input #customizableDefaultValue{
    height:4.75em;
}
.notification-create-btn-container {
    width:100%;
    text-align: center;
    margin-top:2em;
}
.ui.buttons.annotations-dropdown {
    padding: 1em 0.5em 0.9em;
    vertical-align: middle;
    cursor: pointer;
    border-left: 1px solid #f0f3f9;
}
.notification-menu-item-annotations .ui.button {
    display: inline-flex;
    width: fit-content;
}
.notification-email-container{
    padding: 1em 15%;
    background: #f6f8fa;
    position: relative;
    overflow: auto;
    height: calc(100% - 4em);
}
.notification-email-block {
    box-shadow: 3px 3px 8px rgb(0 0 0 / 10%);
    position: relative;
}
.notification-email-header {
    padding: 0.5em;
    background: #d9dadf;
    border-radius: 0.25em 0.25em 0 0;
}
.notification-email-header-item {
    /*margin: 1em auto;
    text-align: center;*/
    margin: 1em 1.5em;
}
.notification-email-header-item-title {
    width: 5em;
    display:inline-flex;
}
.notification-email-header-item-input {
    width: calc(100% - 6.5em);
    display:inline-flex;
    padding: 0.5em 0.25em;
}
.notification-email-body {
    width: calc(100% - 4em);
    height: 500px;
    padding: 2em;
    border: none;
    vertical-align: bottom;
    background: #fff;
}
.notification-customize-container{
    height: 100%;
}
.notification-customize-container select{
    width: 100%; border-radius: 0.25em 0.25em 0 0;
}
.notification-customize-container .notification-email-container {
    padding: 1em 5em;
}
.notification-customize-container .notification-email-body{
    /*height: 100px;*/
}
.select-field-overlay-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top:0;
    right:0;
}
.select-field-overlay-message {
    text-align: center;
    width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.7
}

.ui.buttons.annotations-dropdown:hover, .ui.buttons.annotations-dropdown.active {
    background: #f0f3f9;
}
.ui.dropdown.annotations-list .menu, .ui.dropdown.annotations-create .menu {
    padding: 0.5em;
    height: auto;
    width: auto;
    position: absolute;
}
.ui.dropdown.annotations-list .menu {
    margin-top: 0.9em !important;
}
.ui.dropdown.annotations-list .menu > .item {
    border-radius: 0.25em;
}
.ui.dropdown.annotations-list .menu > .item:hover, .ui.dropdown.annotations-list .menu > .item.active.selected{
    background: #4636e3;
    color: white;
    font-weight: normal;
 }
.ui.dropdown.annotations-create .menu > .item:hover, .ui.dropdown.annotations-create .menu > .item.active.selected, .ui.dropdown.annotations-create .menu > .item.active.selected:hover{
    background: inherit;
    color: inherit;
    font-weight: normal;
    cursor: default;
 }

/**********************************************************/
/* Workflow */
/**********************************************************/
.workflow-tab-content {
    position: relative;
    height:100%;
    width:auto;
}
#workflow {
    text-align: left;
    width : auto;
    height: calc(100% - 2em);
    overflow: auto;
    position: relative;
}

#workflow input:not(.semantic) {
    width : auto;
}

.workflow-mode-card-parent {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(4, 1fr);
}

.workflow-mode-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: rgb(250,250,250);
    padding: 1rem;
    border: solid rgb(204,204,204);
    cursor: pointer;
    text-align: center;
}

.workflow-mode-card-selected {
    background: rgb(240,240,240);
    border: solid rgb(102,102,102);
}

.workflow-mode-icon {
    height: 5em;
    width: 5em;
    margin: auto;
}
.workflow-mode-icon.assessment-workflow {
    background: url(../images/icon-workflow-assessment.svg) no-repeat;
}
.workflow-mode-icon.training-workflow {
    background: url(../images/icon-workflow-training.svg) no-repeat;
}
.workflow-mode-icon.no-workflow {
    background: url(../images/icon-workflow-no-workflow.svg) no-repeat;
}
.workflow-mode-icon.custom-workflow {
    background: url(../images/icon-workflow-custom.svg) no-repeat;
}

.workflow-sequencing-parent {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 40%;
    height: 350px;
}

.workflow-sequencing-left {
    /* background: lightblue; */
    overflow: auto;
}

.workflow-sequencing-right {
    border: solid black;
    padding: 10px;
    overflow: auto;
    /* background: lightpink; */
}
.course-workflow .icon_action_edit, .workflow-default-manager .icon_action_edit {
    display: inline-block;
    position:relative;
    width: 1.75em;
    height: 1.75em;
    top: 0.45em;
    background: url(../images/icon-edit.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    opacity:0.3;
    margin-left:1em;
}
.course-workflow .icon_action_delete, .workflow-default-manager .icon_action_delete {
    display: inline-block;
    position:relative;
    width: 1.75em;
    height: 1.75em;
    top: 0.4em;
    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    opacity:0.3;
    margin-left:1em;
}
.workflow-default-manager .icon_action_add {
    display: inline-block;
    position:relative;
    width: 1.75em;
    height: 1.75em;
    top: 0.4em;
    background: url(../images/icon-addElement.svg);
    background-repeat: no-repeat;
    cursor:pointer;
    opacity:0.3;
    margin-left:1em;
}
.course-workflow .icon_action_delete:hover, .course-workflow .icon_action_edit:hover, .workflow-default-manager .icon_action_edit:hover, .workflow-default-manager .icon_action_delete:hover, .workflow-default-manager .icon_action_add:hover {
    opacity:1;
}

.notification-customize-container .notification-email-container{
    color: gray;
}
.notification-customize-container .notification-preview-content[contenteditable=true]{
    color: white;
    padding:0.25em;
    background-color: rgba(70, 54, 227, 1);
    display: inline-block;
}
.notification-customize-container .notification-preview-content[contenteditable=true]:empty{
    background-color: unset;
    padding:0em;
}
.notification-customize-container .notification-preview-content[contenteditable=true]:empty:focus{
    background-color: rgba(70, 54, 227, 1);
    padding:0.25em;
}
.notification-customize-container .notification-preview-content[contenteditable=true]:empty:before{
    content: attr(placeholder);
    pointer-events: none;
    padding:0.25em;
    background-color: #c5c5c5;
    color: black;
    font-style: italic;
    display: inline-block; /* For Firefox */
}
.notification-customize-container .notification-preview-content[contenteditable=true]:empty:focus:before{
    content: "";
    pointer-events: none;
    padding:0em;
    background-color: #c5c5c5;
    color: black;
    font-style: italic;
    display: inline-block; /* For Firefox */
}
.notification-customize-container .notification-preview-content[contenteditable=true]:hover, .notification-customize-container .notification-preview-content[contenteditable=true]:focus{
    background-color: rgba(70, 54, 227, 1);
}
.workflow-sequencing-dropzone {
    background: rgb(240,240,240);
    height: 30px;
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#drag-ghost {
    width: 300px;
    height: 30px;
    background-color: rgb(240,240,240);;
}

.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbing {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.workflow-certificates-parent {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr min-content;
    /* height: 270px; */
}

.workflow-certificates-left {
    /* background: lightblue; */
}

.workflow-certificates-right {
    /* background: lightpink; */
}

.optionItalic {
    font-style: italic;
}

#workflow-certificates-cpd, #workflow-certificates-expiry, #workflow-instructor-deadline, #workflow-instructor-days {
    all: unset !important;
    border: 1px solid #767676 !important;
    padding: 0.3em !important;
    width: 50px !important;
    margin-left: 1em !important;
    border-radius: 0.25em !important;
}

.course-workflow input:not([type='range']), .course-workflow select, .course-workflow textarea, .module-scoring-container input:not([type='range']) {
    border: 1px solid #767676 !important;
    border-radius: 0.25em !important;
    border-color: #767676 !important;
}

.workflowButton {
    all: unset;
    display: inline-block;
    padding: .1em 2em;
    background: rgb(240,240,240);
    border: 1px solid;
    cursor: pointer;
}

.workflow-scoring-input {
    all: unset !important;
    border: 1px solid #767676 !important;
    border-radius: 0.25em !important;
    /* padding: 0.3em !important; */
    width: 40px !important;
}

.workflow-scoring-parent {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 35%;
    margin-bottom: 1em;
}

.workflow-scoring-left {
    /*overflow: auto;
    height: 12em;
    position: relative;*/
}

.workflow-scoring-right {
    /*height: height: 12em;
    position: relative;
    overflow: hidden;*/
    width: calc(100% - 1em);
}

.chart-overlay, .workflow-chart-overlay {
    /* height: 250px; */
    /* width: 100%; */
    /* position: absolute; */
    /* left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 5em; */
}
.chart-overlay-icon, .workflow-chart-overlay-icon {
    background: url(../images/icon-negative.svg);
    background-repeat: no-repeat;
    height: 150px;
    width: 150px;
    position: absolute;
    left:0;
    right:0;
    margin:auto;
    top: 0em;
}
.ui-dialog .chart-overlay-icon {
    height: 100px;
    width: 100px;
    top: 1em;
}

.workflow-input {
    all: unset !important;
    border: 1px solid #767676 !important;
    padding: 0.3em !important;
    width: 50px !important;
    border-radius: 0.25em !important;
}
.workflow-certificates-right {
    /* width: 45%;
    top: 8em;
    height: 65.5%;
    display: flex;
    right: 0.5em;
    position: absolute; */
    height: 10em;
    aspect-ratio: 16 / 9;
    border: 2px solid black;
    background-color: #ccc;
    padding:0.25em;
    /*border-radius:0.25em;*/
}
.PSPDFKit-Toolbox-Opacity {
    display: none !important;
}
.workflow-certificates-right #certificate-preview-image{
    width: 60.25%;
    margin: auto;
    text-align: center;
    display: block;
}
.include-cpd-block {
    padding-left: 12px;
    margin-top: 1em;
}
#dialog-content .workflow-sequencing-add-step{
    width:fit-content;
}
#dialog-content .workflow-sequencing-add-step:hover .icon_action_add{
    opacity: 1;
}
#dialog-content .workflow-sequencing-add-step .icon_action_add{
    height: 1.5em;
    display: inline-block;
    top: 0.4em;
}
.workflow-sequencing-add-step span{
    cursor: pointer;
    font-style: italic;
}
.workflow-email-container {
    /*height: 23em;
    overflow: auto;*/
}
#sequencing .icon_action_delete{
    margin-left: 0.5em;
    position: relative;
    display: inline-block;
    opacity: 0.2;
    width: 1em;
    height: 1em;
    background: url(../images/icon-delete-trash.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 12;
    top: 0.15em;
}
.cell-name {
    padding: 5px 0;
}
.cell-first {
    padding-left:50px;
}
.cell-first.cell-toggle {
    width:2em;
    padding-left: 40px;
}
.cell-scoring-input {
    width:4.5em;
}
#workflow .slider {
    vertical-align: middle;
}

.notificationColumn {
    float: left;
    padding: 0px;
}

.notificationColumn80 {
    width: 80%;
}

.notificationColumn15 {
    width: 15%;
}

.notificationFull {
    width: 80%;
}

.notificationRow:after {
    content: "";
    display: table;
    clear: both;
}
.workflow-module-proctoring-settings-btn:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 10px solid black;
    border-bottom: 7px solid transparent;
    position: relative;
    top: 0.1em;
    display: inline-block;
    margin-right: 0.5em;
}
.dark-blue-btn {
    display: inline-block;
    border-radius: 0.25em;
    width: fit-content;
    background-color: #30466c;
    color: white;
    cursor: pointer;
    font-weight: bold;
    padding: 0.25em 1em;
    font-size: 0.75em;
    text-transform: uppercase;
    margin-left: 5em;
}
#dialog-content #workflow select {
    padding:0.3em;
    vertical-align: bottom;
}
#workflow a:link {
    color: #0066CC;
 }
 .workflow-scoring-overall-container {
    width: 70%;
    display: flex;
 }
.workflow-scoring-overall-title {
    display: inline-flex;
    width: auto;
    white-space: nowrap;
 }
 .workflow-scoring-overall-input-block {
    padding-left: 40px;
    display: inline-flex;
    width: inherit;
 }
 #dialog-content input.workflow-scoring-overall-input-range.slider {
    padding: 0;
    /*background-color: black; */
    display: inline-flex;
    width: inherit;
    margin-right: 1em;
    margin-top: 0.75em;
 }
 .workflow-flex-item {
    width:fit-content;
    display: flex;
 }
 .workflow-flex-item label{
    width: 22.5em;
    display: flex;
 }
 .workflow-flex-item label span{
    margin-top: auto;
    margin-bottom: auto;
    top: unset;
    margin-left: unset;
 }
 .workflow-flex-actions {
    flex: 1;
 }
#workflow .ui.button {
    padding:  0.4em 1em;
    font-size: 0.9rem;
    background-color: #CACBCD;
    color: #000;
}
#workflow .ui.button.facebook {
    background-color: #3B5998;
    color: #FFFFFF;
}
#moduleSettings #workflow {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.workflow-issues-msg:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 8px solid #F8F8F9;
    position: absolute;
    bottom: -8px;
    left: 24em;
}
.ui.message.red .workflow-issues-msg:before {
    border-top: 8px solid #FFE8E6;
}
.ui.message.green .workflow-issues-msg:before {
    border-top: 8px solid #E5F9E7;
}
.workflow-issues-list:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 8px solid;
    position: absolute;
    bottom: 0px;
    left: 24em;
}

/* Disabled the buttons within a number input for serverset product pricing dialog */
/* Chrome, Safari, Edge, Opera */
#serverset-product-pricing-dialog input::-webkit-outer-spin-button,
#serverset-product-pricing-dialog input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
#serverset-product-pricing-dialog input[type=number] {
  -moz-appearance: textfield;
}
#serverset-scheduling-dialog .ui.form input {
    padding: 0.37857143em 0.5em;
}
.course-publish-module-translations {
    position:absolute;
    right: 0;
    top: 0.85em;
}
.course-publish-module-translations .globe-icon{
    background-image: url(../images/icon-languages-active.svg);
    height: 1.25em;
    width: 1.25em;
}
.course-publish-module-translations .floating.ui.label.mini {
    font-size: 0.5rem;
    margin: 0em 0em 0em -1em !important;
}
#settings-point-categories .module-scoring-container {
    width: auto;
    overflow: auto;
    margin-top: 0em;
    height: calc(100% - 1em);
}
.ui-dialog .module-scoring-container {
    width: auto;
    overflow: auto;
    margin-top: 1em;
    height: calc(100% - 2.5em);
}
.disabled-close {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}