/* New Editor Styles */

#replayEditorLayout, #replayEditorLayout .navbar-fixed-top {
    max-width: 1280px;
}
#replayEditorLayout .fixed-header {
    height: 52px !important;
    line-height: 52px;
    background: #fff;
    border-bottom: 0;
}
#replayEditorLayout .fixed-header .navbar-form {
    padding: 0px;
    margin: 0px;
}
#replayEditorLayout .fixed-header .btn-group {
    padding: 0px;
    margin-left: 184px;
}
#replayEditorLayout .btn-view-page {
    background-color: transparent;
    border-color: transparent;
    font-size: 25px;
    text-transform: uppercase;
    color: #ccd7d1;
    padding: 0px 0px;
    margin-right: 15px;
}
#replayEditorLayout .btn-view-page-mobile {
    background-color: transparent;
    border-color: transparent;
    font-size: 25px;
    text-transform: uppercase;
    color: #ccd7d1;
    padding: 0px 0px;
    margin-right: 15px;
}
#replayEditorLayout .btn-view-page.active, .btn-view-page:active, .btn-view-page:hover {
    background-color: transparent;
    border-color: transparent;
    color: #3dd37c;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}
#replayEditorLayout .btn-view-page-mobile.active, .btn-view-page-mobile:active, .btn-view-page-mobile:hover {
    background-color: transparent;
    border-color: transparent;
    color: #333333;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}
#replayEditorLayout .btn {
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
#replayEditorLayout .btn:active, .btn:focus {
    outline: 0!important
}
#replayEditorLayout .btn-primary, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #3498db;
    border-color: #3498db;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
}
#replayEditorLayout #sidebar-wrapper .btn-default, .btn-default.disabled, .btn-default[disabled] {
    text-transform: none !important;
}
#replayEditorLayout .btn-default, .btn-default.disabled, .btn-default[disabled] {
    background-color: #f5f5f5;
    border-color: #dadada;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
}
#replayEditorLayout #sidebar-wrapper .btn-primary, .btn-primary.disabled, .btn-primary[disabled] {
    text-transform: none !important;
}
#replayEditorLayout .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    background-color: #2783c0;
    border-color: #2783c0;
}
#replayEditorLayout .btn-primary i {
    margin-right: 5px;
    font-size: 14px;
    position: relative;
    top: 0
}
#replayEditorLayout .fixed-header .btn-success, .fixed-header .btn-success.disabled, .fixed-header .btn-success[disabled] {
    background-color: #2ecc71;
    border-color: #2ecc71;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
    width: 28px;
    height: 28px;
    padding: 4px 0px;
}
#replayEditorLayout .fixed-header .btn-success.hover, .fixed-header .btn-success:active, .fixed-header .btn-success:focus, .fixed-header .btn-success:hover {
    background-color: #22b661 !important;
    border-color: #22b661 !important;
}
#replayEditorLayout .navbar .btn-success i {
    margin-right: 2px;
    font-size: 12px;
    position: relative;
    top: 0;
}
#replayEditorLayout .fixed-header label {
    font-weight: 400;
    color: #555555;
    font-size: 12px;
    margin: 0px;
}
#replayEditorLayout .fixed-header .form-control {
    font-weight: 400;
    color: #555555;
    font-size: 11px;
    height: 28px;
    border-color: #dcdcdc;
}
#replayEditorLayout .form-control:focus {
    border-color: #3498db!important;
    box-shadow: none
}
#replayEditorLayout .fixed-header .btn-save, .fixed-header .btn-save.disabled, .fixed-header .btn-save[disabled] {
    background-color: #2ecc71;
    border-color: #2ecc71;
    font-size: 12px;
    font-weight: 600;
    border-radius: 2px;
    color: #fff;
    padding: 5px 15px;
}
#replayEditorLayout .fixed-header .btn-save.hover, .fixed-header .btn-save:active, .fixed-header .btn-save:focus, .fixed-header .btn-save:hover {
    background-color: #22b661 !important;
    border-color: #22b661 !important;
}
#replayEditorLayout .navbar .btn-success i {
    margin-right: 2px;
    font-size: 12px;
    position: relative;
    top: 0;
}
#replayEditorLayout #wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#replayEditorLayout #wrapper.toggled {
    padding-left: 274px;
}
#replayEditorLayout #sidebar-wrapper {
    /*z-index: 1000;*/
    position: fixed;
    left: 274px;
    width: 0;
    height: 94%;
    margin-left: -274px;
    overflow-y: auto;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#replayEditorLayout #wrapper.toggled #sidebar-wrapper {
    width: 274px;
}
#replayEditorLayout #page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}
#replayEditorLayout #editor_content .template-page-holder {
    /*height: 487px;*/
    padding: 3px;
    background-color: #ccc;
    position: relative;
}
#replayEditorLayout #wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -274px;
}
/* Sidebar Styles */
#replayEditorLayout #sidebar-wrapper {
    padding: 0px;
}
#replayEditorLayout #sidebar-wrapper h3 {
    margin: 30px 0px;
    font-size: 18px;
    font-weight: 600;
    color: #3a3a3a;
    text-align: center;
}
#replayEditorLayout #editor_content {
    background-color: #FFF;
    height: 100%;
    padding-left: 0;
}
#replayEditorLayout .editor-view-port {
    /*height: 750px;*/
}
/*#replayEditorLayout .editor-view-port.tablet-mode{
    width: 1283px !important;
    height: 862px !important;
    background: url(../../images/ipad-horizontal.png) no-repeat center center;
    position: absolute;
}
#replayEditorLayout .editor-view-port.tablet-mode iframe{
    width: 1044px !important;
    height: 776px !important;
    margin-left: 125px !important;
    margin-top: 45px !important;
    border: 1px solid #999;
}

#replayEditorLayout .editor-view-port.mobile-mode{
    width: 374px !important;
    height: 785px !important;
    background: url(../../images/iphone-vertical.png) no-repeat center center;
    position: absolute;
}
#replayEditorLayout .editor-view-port.mobile-mode iframe{
    width: 340px !important;
    height: 570px !important;
    margin-left: 20px !important;
    margin-top: 110px !important;
    border: 1px solid #999;
}*/
#replayEditorLayout .sidebar-nav {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
#replayEditorLayout .sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}
#replayEditorLayout .sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}
#replayEditorLayout .sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}
#replayEditorLayout .sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
}
#replayEditorLayout .sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}
#replayEditorLayout .sidebar-nav > .sidebar-brand a {
    color: #999999;
}
#replayEditorLayout .sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
@media(min-width:768px) {
    #replayEditorLayout #wrapper {
        padding-left: 274px;
    }
    #replayEditorLayout #wrapper.toggled {
        padding-left: 0;
    }
    #replayEditorLayout #sidebar-wrapper {
        width: 274px;
    }
    #replayEditorLayout #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }
    #replayEditorLayout #page-content-wrapper {
        padding: 2px;
        position: relative;
    }
    #replayEditorLayout #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}
#replayEditorLayout #page-preview {
    border: 3px solid #dbdbdb;
    width: 100%;
    height: 525px;
}
/*-------CONTROLS LIST-------*/
#replayEditorLayout .edit-list {
    clear: both !important;
}
#replayEditorLayout .edit-list .list-group {
    border: medium none;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
}
#replayEditorLayout .edit-list .list-group .list-group-item {
    background: rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0px;
    cursor: pointer;
    height: 31px;
    line-height: 5px;
    margin-top: 5px;
    padding: 7px 10px;
    text-align: left;
    width: 100%;
}
#replayEditorLayout .edit-list .list-group > div:first-child {
}
#replayEditorLayout .eye-view {
    background: rgba(0, 0, 0, 0) url("../../images/optimised/view-not-hover.png") no-repeat scroll 0 0;
    border: 0 none;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 9px;
    width: 24px;
}
#replayEditorLayout .eye-view.eye-not-active {
    background: rgba(0, 0, 0, 0) url("../../images/optimised/view-no-active-no-hover.png") no-repeat scroll 0 0;
    outline: 0px;
}
#replayEditorLayout .edit-list .list-group-item:hover .eye-not-active, .right-side-hover .eye-not-active {
    background: rgba(0, 0, 0, 0) url("../../images/optimised/view-active-hover.png") no-repeat scroll 0 0 !important;
    outline: 0px;
}
#replayEditorLayout .color-box {
    border: medium none;
    border-radius: 2px;
    box-shadow: 1px 1px 2px rgba(170, 170, 170, 0.49);
    float: right;
    height: 18px;
    margin-right: 0px;
    padding: 0;
    width: 55px;
}
#replayEditorLayout .edit-list .list-group-item:hover,
#replayEditorLayout .right-side-hover,
#replayEditorLayout .menu-item-hovered {
    background: #4f8dd1 !important;
    border-radius: 0 !important;
    color: #fff !important;
    text-decoration: none !important;
}
#replayEditorLayout .edit-list .list-group-item:hover span,
#replayEditorLayout .edit-list .list-group-item.menu-item-hovered  span{
    color: #fff;
}
#replayEditorLayout .edit-list .list-group-item span {
    color: #555555;
    float: left;
    font-size: 12px;
    line-height: 15px;
}
#replayEditorLayout .edit-list .list-group-item .form-control {
    border: 1px solid #c3cdc7;
    border-radius: 2px;
    box-shadow: 2px 3px 0 #fafafa inset;
    float: right;
    font-size: 11px;
    height: 23px;
    margin-top: -3px;
    width: 100px;
}
#replayEditorLayout .edit-list h4 {
    font-size: 14px;
    color: #3498db;
    font-weight: 400;
    border-bottom: 1px solid #eaeeef;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
}
#replayEditorLayout .edit-list h4 span {
    font-size: 14px;
    color: #3498db;
    font-weight: 400;
    border-bottom: 2px solid #3498db;
    padding-bottom: 7px;
}
#replayEditorLayout .edit-list i {
    color: #d7ddde !important;
    margin-right: 3px;
}
#replayEditorLayout .controls-inputs {
    float: right;
    width: 60%;
}
#replayEditorLayout .controls-inputs .form-group {
    margin-bottom: 0px;
}
#replayEditorLayout .controls-inputs .form-group-sm .form-control {
    height: 23px;
    line-height: 23px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px 0px 0px 2px;
    color: #a5aab5;
    text-align: left;
    border-color: #dcdcdc;
    box-shadow: 2px 3px 0 #fafafa inset;
}
#replayEditorLayout .form-group-sm select.form-control {
    height: 23px;
    line-height: 23px;
    font-size: 11px !important;
    padding: 0px !important;
    color: #a5aab5;
}
#replayEditorLayout .controls-inputs .input-group-addon {
    padding: 5px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    color: #757575;
    text-align: center;
    background-color: #e7e7e7;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
}
#replayEditorLayout .big {
    width: 57%;
}
#replayEditorLayout .edit-list .btn-success, .edit-list .btn-success.disabled, .edit-list .btn-success[disabled] {
    background-color: #2ecc71;
    border-color: #2ecc71;
    font-size: 12px;
    font-weight: 600;
    border-radius: 2px;
    color: #fff;
    padding: 5px;
    margin-right: 10px;
    margin-top: 5px;
}
#replayEditorLayout .edit-list .btn-success.hover, .edit-list .btn-success:active, .edit-list .btn-success:focus, .edit-list .btn-success:hover {
    background-color: #22b661;
    border-color: #22b661;
}
#replayEditorLayout .edit-list .btn-success i {
    margin-right: 2px;
    font-size: 12px;
    position: relative;
    top: 0;
    color: #fff !important;
}
#replayEditorLayout .chat-number {
    color: #ffa200;
    font-style: italic;
    font-size: 10px;
    padding-left: 10px;
}
#replayEditorLayout .add-btn {
    float: right;
}
#replayEditorLayout .btn-add, .btn-add.disabled, .btn-add[disabled] {
    background-color: #2ecc71;
    border-color: #2ecc71;
    font-size: 12px;
    font-weight: 600;
    border-radius: 2px;
    color: #fff;
    float: right;
    height: 23px;
    padding: 2px 5px;
    margin-top: -3px;
}
#replayEditorLayout .btn-add.hover, .btn-add:active, .btn-add:focus, .btn-add:hover {
    background-color: #22b661;
    border-color: #22b661;
    color: #fff;
}
#replayEditorLayout .btn-add i {
    margin-right: 2px;
    font-size: 12px;
    position: relative;
    top: 0;
    color: #fff !important;
}
#replayEditorLayout .nested-head {
    position: relative;
}
#replayEditorLayout .onoffswitch {
    width: 60px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    position: absolute;
    top: -4px;
    right: 10px;
}
#replayEditorLayout .onoffswitch label {
    margin-bottom: 5px;
}
#replayEditorLayout .onoffswitch-checkbox {
    display: none
}
#replayEditorLayout .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 15px
}
#replayEditorLayout .onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin .3s ease-in 0s;
    -webkit-transition: margin .3s ease-in 0s;
    -o-transition: margin .3s ease-in 0s;
    transition: margin .3s ease-in 0s
}
#replayEditorLayout .onoffswitch-inner:after, .onoffswitch-inner:before {
    display: block;
    float: left;
    width: 50%;
    height: 23px;
    padding: 0;
    line-height: 23px;
    font-size: 10px;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: 700;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
#replayEditorLayout .onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #3498db;
    color: #FFF
}
#replayEditorLayout .onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #606060;
    color: #F2F6FA;
    text-align: right
}
#replayEditorLayout .onoffswitch-switch {
    display: block;
    width: 15px;
    margin: 4px;
    background: #FFF;
    border: 2px solid #F2F6FA;
    border-radius: 180px;
    position: absolute;
    top: 0;
    bottom: 5px;
    right: 37px;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s
}
#replayEditorLayout .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}
#replayEditorLayout .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0
}
#replayEditorLayout .edit-list .btn-group .btn {
    height: 23px;
    width: 70px;
    font-size: 11px;
    font-weight: 600;
    margin-top: -3px;
    padding: 2px 0px;
    color: #a5aab5;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
}
#replayEditorLayout .edit-list .btn-group .btn-default.active {
    background: #3498db;
    border-color: #3498db;
    color: #fff;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
}
#replayEditorLayout .mandatory span {
    font-weight: 600;
    color: #3498db !important;
}
#replayEditorLayout .mandatory:hover span,
#replayEditorLayout .mandatory.menu-item-hovered span{
    color: #fff !important;
}
#vimeoVideoSettings .mandatory:hover span,
#vimeoVideoSettings .mandatory.menu-item-hovered span{
    color: #3498db !important;
}
#replayEditorLayout .edit-list .list-group-item.options-list {
    border-radius: 0px;
    color: #555555;
    font-weight: 700;
}
#replayEditorLayout .inline {
    width: 43px;
    display: inline-block;
}
#replayEditorLayout .edit-list .list-group-item.options-list.coll-menu {
    background: #f3f3f3;
    margin-bottom: 15px;
}
#replayEditorLayout .edit-list .list-group-item.options-list.coll-menu a span {
    width: 100%;
    display: block;
    font-weight: 700;
}
#replayEditorLayout .edit-list .list-group-item.options-list.coll-menu:hover {
    background: #f3f3f3;
}
#replayEditorLayout .edit-list .list-group-item.options-list.coll-menu:hover span {
    color: #555;
}
#replayEditorLayout .sub {
    padding-left: 20px;
    margin-top: 9px;
    list-style: none;
}
#replayEditorLayout .sub li {
    margin-bottom: 10px;
    color: #555555;
    font-size: 12px;
    line-height: 15px;
    line-height: 23px;
}
#replayEditorLayout .sub li a {
    color: #555555;
}
#replayEditorLayout .sub li a:hover {
    color: #3498db;
    text-decoration: none;
}
#replayEditorLayout .sub li span {
    float: left;
    width: 40%;
}
#replayEditorLayout .sub li.list-group-item {
    padding: 7px 2px;
}
#replayEditorLayout .edit-list .sub li .list-group-item span {
    width: 70% !important;
}
#replayEditorLayout .no-eye {
    padding-right: 10px;
}
#replayEditorLayout .list-check {
    top: 0px;
    right: 18px;
    position: absolute;
    top: 2px;
    cursor: pointer;
}
#replayEditorLayout .list-checkbox label {
    width: 100%;
    display: block;
    height: 31px;
    cursor: pointer;
    font-weight: 400;
}
#replayEditorLayout .mandatory label {
    width: 100%;
    display: block;
    height: 31px;
    cursor: pointer;
}
#replayEditorLayout .edit-list .list-group-item.options-list.coll-menu span i {
    color: #3498db !important
}
#replayEditorLayout input[type=checkbox]:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: red;
}
#replayEditorLayout input[type=checkbox]:checked:before {
    background: url("../../images/optimised/checked.png");
}
/* images */
#replayEditorLayout input[type=checkbox]:before {
    background: url("../../images/optimised/not-checked.png");
}
#replayEditorLayout .nested-head .eye-view {
    top: 2px;
}
#replayEditorLayout .onoffswitch {
    width: 60px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    position: absolute;
    top: -4px;
    right: 10px;
}
#replayEditorLayout .onoffswitch label {
    margin-bottom: 5px;
}
#replayEditorLayout .onoffswitch-checkbox {
    display: none
}
#replayEditorLayout .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 15px
}
#replayEditorLayout .onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin .3s ease-in 0s;
    -webkit-transition: margin .3s ease-in 0s;
    -o-transition: margin .3s ease-in 0s;
    transition: margin .3s ease-in 0s
}
#replayEditorLayout .onoffswitch-inner:after, .onoffswitch-inner:before {
    display: block;
    float: left;
    width: 50%;
    height: 23px;
    padding: 0;
    line-height: 23px;
    font-size: 10px;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: 700;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
#replayEditorLayout .onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #3498db;
    color: #FFF
}
#replayEditorLayout .onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #606060;
    color: #F2F6FA;
    text-align: right
}
#replayEditorLayout .onoffswitch-switch {
    display: block;
    width: 15px;
    margin: 4px;
    background: #FFF;
    border: 2px solid #F2F6FA;
    border-radius: 180px;
    position: absolute;
    top: 0;
    bottom: 5px;
    right: 37px;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s
}
#replayEditorLayout .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}
#replayEditorLayout .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0
}
#replayEditorLayout .edit-list-options .list-group-item.options-list.coll-menu a span {
    width: 100%;
    display: block;
    font-weight: 700;
}
#replayEditorLayout .edit-list-options .list-group-item span {
    color: #555555;
    float: left;
    font-size: 12px;
    line-height: 15px;
}
#replayEditorLayout .edit-list-options .list-group-item.options-list.coll-menu span i {
    color: #3498db !important
}
#replayEditorLayout .edit-list-options .list-group-item.options-list.coll-menu {
    margin-top: 20px;
    padding: 10px;
    height: 35px;
    background: #f3f3f3;
    border: none;
}
#replayEditorLayout .edit-list-options i {
    color: #d7ddde !important;
    margin-right: 3px;
}
#replayEditorLayout .optin-icon {
    width: 11px;
    height: 11px;
    background: url("../../images/optimised/optin-icon.jpg") no-repeat;
}
#replayEditorLayout .optin-button, .webinar-edit-button {
    border-radius: 2px;
    color: #fff;
    background-color: #3498db;
    font-size: 12px;
    margin-top: -4px;
    padding: 1px 10px;
}
#replayEditorLayout .webinar-edit-button {
    margin-top: -2px;
    border-radius: 2px;
    color: #fff;
    background-color: #3498db;
    font-size: 12px;
    padding: 1px 10px;
}
.list-group-item.options-list.coll-menu.replay-editor-options:hover span>i, .list-group-item.options-list.coll-menu.replay-editor-options:hover span {
    color: #555555 !important;
}

.custom-scroll.mCustomScrollbar .mCustomScrollBox {
    height: 95%;
}