.desk-type-title{
    color: #333;
    padding: 8px;
    font-size: 18px;
    border-bottom: 2px solid #2196F3;
}

li.desk-type-list-item [role="tooltip"] {
    position: fixed;
}

li.desk-type-list-item .tooltip-inner {
    max-width: 400px;
}

.desk-type-list li{
    display: inline-block;
    box-sizing: border-box;
    margin: 5px;
    vertical-align: top;
}

.desk-view-object,
.desk-view-object h3,
.desk-view-object p{
    margin: 0;
    overflow: hidden;
    font-size: 14px;
}

.desk-view-object{
    width: 130px;
    background-color: #2196F3;
    cursor: pointer;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    transition: all .15s;
    position: relative;
    height: 100%;
    overflow: visible;
}

.desk-view-object.object-related{

}

.desk-view-object.object-drag{
    opacity: .5;
    transform: scale(.85,.85);
}



.desk-view-object h3{
    font-family: 'Roboto', sans-serif;
    color: rgba(255,255,255,.9);
    padding: 5px;
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid rgba(255,255,255,.35);
    max-height: 42px;
}

.desk-view-object p{
    color: rgba(255,255,255,.9);
    height: 45px;
    margin: 5px;
    line-height: 14px;
    font-size: 12px;
}

div[data-element-type="5"] ul{
    padding: 0;
}

div[data-element-type="5"] ul>li{
    margin: 0;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
}
/*
Comentado porque pone las imagenes por encima de todo, asi
que los titulos sobre las fotos no se podian interactuar


div[data-element-type="5"][data-output-type="paper"]>div{
    z-index: 5!important;
}*/

div.desk-view-object[data-object-type="image"]{
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 130px;
    height: 115px;
    background-color: #000;
    z-index: 0;
}

.desk-view-object.zindex-2{
    z-index: 2 !important;
}

div.desk-view-object[data-object-type="image"] .desk-view-object-image{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    z-index: -1;
}

div.desk-view-object[data-object-type="image"] p.desk-view-object-epigraph{
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all .4s;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    margin: 0;
    padding: 5px;
    height: 0;
}

div.desk-view-object[data-object-type="image"]:hover .desk-view-object-epigraph{
    opacity: 1;
    height: 95px;
}

div.desk-view-object[data-object-type="video"]{
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 130px;
}

div.desk-view-object[data-object-type="poll"]{
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 130px;
}

div.desk-view-object[data-object-type="video"] p.desk-view-object-epigraph{
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all .4s;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    margin: 0;
    padding: 5px;
    height: 0;
}

div.desk-view-object[data-object-type="poll"] p.desk-view-object-option{
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all .4s;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    margin: 0;
    padding: 5px;
    height: 0;
}

div.desk-view-object[data-object-type="video"]:hover .desk-view-object-epigraph{
    opacity: 1;
    height: 70px;
}

div.desk-view-object[data-object-type="poll"]:hover .desk-view-object-option{
    opacity: 1;
    height: 70px;
}

div.desk-view-object[data-element-type="3"]{
    display: inline-block;
    vertical-align: top;
    overflow: visible;
    width: auto;
    padding: 15px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border-left: 2px dashed transparent;
}

div.desk-view-object[data-element-type="3"].drop-over{

}

li:first-child div.desk-view-object[data-element-type="3"] .desk-view-object-content{
    border: 2px outset #1A237E;
}

div.desk-view-object[data-element-type="3"] .desk-view-object-insert-before{
    display: table-cell;
    width: 15px;
    border: 1px dashed #000;
    opacity: 0;
    transition: .15s;
    background-color: #FFF;
}

div.desk-view-object[data-element-type="3"].drop-over .desk-view-object-insert-before{
    opacity: .5;
    width: 60px;
}

div.desk-view-object[data-element-type="3"] .desk-view-object-content{
    display: table-cell;
    width: 200px;
    overflow: visible;
    position: relative;
    background-color: #2196F3;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}

div.desk-view-object[data-element-type="3"] h3{
}

div.desk-view-object[data-element-type="3"] .desk-view-object-image{
    width: 100%;
    height: 100px;
    background-position: center;
    background-size: cover;
}

div.desk-view-object[data-element-type="3"] p{
}


div.desk-view-object[data-element-type="3"] i.desk-view-object-icon {
    font-size: 36px;
    color: #FF9800;
    position: absolute;
    top: -10px;
    right: 0;
    transition: .15s;
}

div.desk-view-object[data-element-type="3"] i.desk-view-object-icon:hover {
    text-shadow: 0px 0px 15px #FFF;
}

/*

*/
.navbar.navbar-desk,
.navbar.navbar-output{
    background-color: #424242;
    min-height: 40px;
    margin: 0;
}

.navbar.navbar-desk{
    border-radius: 0;
}

.navbar.navbar-desk .nav>li>a{
    color: rgba(255,255,255,.6);
    background-color: transparent;
}

.navbar.navbar-desk .nav>li>a:hover,
.navbar.navbar-desk .nav>li>a:focus{
    color: rgba(255,255,255,1);
}

.navbar-desk .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-desk a.navbar-brand,
.navbar-desk div.navbar-brand{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFF;
    height: auto;
}
.select-state-job {
    border: none !important;
    box-shadow: none !important;
    transition: .10s;
    color: rgba(255, 255, 255, 0.9) !important;
    padding: 0 10px 0 10px !important;
    margin-right: 0px !important;
    cursor: pointer;
    background: #1b82d4;
    height: 35px;
    background-image: none !important;
    position: relative;
    border-right: 1px solid #1b82d4 !important;
    border-left: 1px solid #1b82d4 !important;
}
.select-state-job select{
    min-width: 170px;
}
.select-state-job option{
    padding:5px;
}

.select-inside.white-caret i.caret-custom:hover {
    color: rgba(255, 255, 255, 1);
}

.select-inside.white-caret i.caret-custom {
    right: 7px;
    position: absolute;
    line-height: 35px;
    color: rgba(255, 255, 255, 0.89);
    cursor: pointer;
    pointer-events: none;
}

.select-inside{
    display: inline-block;
    position: relative;
}

.select-state-job:hover {
    color: rgba(255,255,255,1) !important;
    background-color: rgb(21, 126, 210);
}

select[data-form="state-change"] option {
    color: #000;
    background: #f3f3f3;
}

.job-save-edit {
    background-color: rgb(27, 130, 212);
    border: 1px solid rgba(243, 243, 243, 0.41);
    color: rgba(255, 255, 255, 0.9);
    vertical-align: middle;
}

.job-save-edit.can-edit {
    background-color: rgb(77, 181, 172);
    border: 1px solid rgba(243, 243, 243, 0.61);
    font-weight: 500;
}

.job-save-edit.can-see {
    background-color: rgb(181, 77, 77);
    border: 1px solid rgba(243, 0, 0, 0.61);
    font-weight: 300;
    opacity: 0.9;
}

.job-save-edit.can-see:focus ,
.job-save-edit.can-see:active ,
.job-save-edit.can-see:hover {
    background-color: rgb(181, 77, 77);
}

.job-save-edit.can-edit:focus ,
.job-save-edit.can-edit:active ,
.job-save-edit.can-edit:hover {
    background-color: #43cec2;
}

.job-save-edit:hover,
.job-save-edit:active,
.job-save-edit:focus{
    background-color: #1a78c3;
    border: 1px solid rgba(231, 231, 231, 0.7);
    box-sizing: content-box;
    color: rgba(255, 255, 255, 1);
    outline: none;
    background-image: none;
}

.change-state-section-container {
    display: inline-block;
    border: 1px solid #1b82d4;
    border-radius: 5px;
    padding: 0;
    margin-right: 10px;
    top: 1px;
    position: relative;
}

.glyphicon.turn-180{
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.btn-select-job{
    width: 45px;
    height: 35px;
    border: none;
    background-color: transparent;
    color: rgba(27,130,212,0.6);
    transition: .4s;
    padding-left: 20px;
}

.btn-select-job:hover,
.btn-select-job:focus
{
    color: rgba(27,130,212,1);
}

button[disabled].btn-stateChange-job.navbar-btn {
    color: rgba(167, 167, 167, 0.91) !important;
}
select[disabled].form-control.select-state-job:hover {
    background: #000;
    color: #c5c5c5 !important;
}

.btn-stateChange-job{
    width: 45px;
    height: 34px;
    border: none;
    background-color: transparent;
    color: rgb(243, 243, 243);
    transition: .4s;
    vertical-align: middle;
    margin: 0 !important;
}

.btn-stateChange-job:hover,
.btn-stateChange-job:focus
{
    color: #75c2ff;
}

.btn-stateChange-job:focus
{
    outline:none;
}

.btn-search-job{
    border: none;
    padding: 4%;
    border-radius: 10px;
    color: rgba(255,255,255,0.8);
    transition: .4s;
    vertical-align: middle;
    font-size: 21px;
    height: 56px;
    width: 76px;
    background-color: rgb(27, 130, 212);
}

.btn-search-job:hover,
.btn-search-job:focus
{
    color: rgba(255,255,255);
    background-color: rgba(44, 141, 221,0.85);
}

button.btn-search-job:focus {
    outline: none;
}

button.btn-select-job:focus {
    outline: none;
}

.navbar.navbar-output{
    background-color: #1B82D4;
    min-height: 40px;
}

.navbar.navbar-output{
    border-radius: 0;
    font-size: 16px;
}

.navbar.navbar-output .nav>li>a{
    color: rgba(255,255,255,.6);
    background-color: transparent;
}

.navbar.navbar-output .nav>li>a:hover,
.navbar.navbar-output .nav>li>a:focus{
    color: rgba(255,255,255,1);
}

.navbar.navbar-output .navbar-nav>li>a{
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar.navbar-output a.navbar-brand{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFF;
    height: auto;
}

.navbar.navbar-output a.navbar-brand>i{
    vertical-align: bottom;
    line-height: inherit;
    position: relative;
}

/**********/
.navbar.navbar-output.output-internet{
    background-color: #3F51B5;
    z-index:101;
}

.navbar.navbar-output.output-internet .nav>li>a:hover,
.navbar.navbar-output.output-internet .nav>li>a:focus{
    color: rgba(255,255,255,1);
}
/***********/
.navbar.navbar-output.output-paper .nav>li>a:hover,
.navbar.navbar-output.output-paper .nav>li>a:focus{
    color: rgba(255,255,255,1);
}

/***********/
.navbar.navbar-output.output-social .nav>li>a:hover,
.navbar.navbar-output.output-social .nav>li>a:focus{
    color: rgba(255,255,255,1);
}

/**/


[data-validate-status="warning"][data-output="icon"]:after,
[data-validate-status="error"][data-output="icon"]:after{
    position: absolute;
    left: -5px;
    bottom: -2px;
    font-size: 22px;
    font-family: FontAwesome;
    line-height: 11px;
}

[data-validate-status="warning"][data-job-icon="icon"],
[data-validate-status="error"][data-job-icon="icon"]{
    position: relative;
    top: 13px;
    left: -13px;
    font-size: 22px;
    font-family: FontAwesome;
    line-height: 11px;
}

[data-validate-status="warning"][data-element="icon"],
[data-validate-status="error"][data-element="icon"] {
    position: absolute;
    right: 1px;
    top: 8px;
    font-size: 20px;
    font-family: FontAwesome;
    line-height: 11px;
    opacity: 0.7;
}

[data-validate-status="warning"][data-image="icon"],
[data-validate-status="error"][data-image="icon"] {
    position: absolute;
    right: 0px;
    top: 0;
    font-size: 30px;
    font-family: FontAwesome;
    line-height: 11px;
}

[data-validate-status="error"][data-output="icon"]:after,
[data-validate-status="error"][data-element="icon"]:after,
[data-validate-status="error"][data-job-icon="icon"]:after,
[data-validate-status="error"][data-image="icon"]:after{
    content: "\f00d";
    color: #FF0000;
    line-height: 18px;
}

[data-validate-status="warning"][data-output="icon"]:after,
[data-validate-status="warning"][data-element="icon"]:after,
[data-validate-status="warning"][data-job-icon="icon"]:after,
[data-validate-status="warning"][data-image="icon"]:after{
    content: "\f12a";
    color: #ff9900;
    line-height: 18px;
    padding: 1px;
}

.progress {
    display: block;
    text-align: center;
    width: 0;
    height: 3px;
    background: red;
    transition: width .3s;
    overflow: visible;
}

div[data-element-type="4"] .note-editor,
div[data-element-type="1"] .note-editor{
    transition: none;
    width: 1% !important;
}

div[data-element-type="2"] .note-editor {
    transition: none;
    width: 70% !important;
}

div[data-element-type="4"] .note-editor.fullscreen,
div[data-element-type="1"] .note-editor.fullscreen {
    width: 100% !important;
}

div[data-element-type="2"] .note-editor.fullscreen ,
.note-editor.fullscreen {
    width: 100% !important;
}

li.list-delete-object {
    position: relative;
}


li.list-delete-object .list-delete-object-reference{
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    vertical-align: bottom;
    margin-left: 5px;
}

li.list-delete-object .label{
    opacity: 0;
    transition: .15s;
    position: absolute;
    right: 4px;
    top: 7px;
}

li.list-delete-object:hover .label{
    opacity: 1;
}


.element-gallery ul{
    padding: 0;
}

.element-gallery ul>li{
    margin: 0;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
}

.element-gallery .element-gallery-image{
    display: inline-block;
    vertical-align: top;
    overflow: visible;
    width: auto;
    padding: 15px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border-left: 2px dashed transparent;
    box-sizing: border-box;
}
.element-gallery .element-gallery-video{
    display: inline-block;
    vertical-align: top;
    overflow: visible;
    width: auto;
    padding: 15px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border-left: 2px dashed transparent;
    box-sizing: border-box;
}
.element-gallery .element-gallery-poll{
    display: inline-block;
    vertical-align: top;
    overflow: visible;
    width: auto;
    padding: 15px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border-left: 2px dashed transparent;
    box-sizing: border-box;
}

.element-gallery .element-gallery-audio{
    display: inline-block;
    vertical-align: top;
    overflow: visible;
    width: auto;
    padding: 15px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border-left: 2px dashed transparent;
    box-sizing: border-box;
}

.element-gallery .element-gallery-image .element-content{
    border: 2px outset #1A237E;
    height: 150px;
    width: 200px;
    position: relative;
    display: table-cell;
    width: 200px;
    overflow: visible;
    position: relative;
    background-color: #000;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}

.element-gallery .element-gallery-video .element-content{
    border: 2px outset #1A237E;
    height: 150px;
    width: 200px;
    position: relative;
    display: table-cell;
    width: 200px;
    overflow: visible;
    position: relative;
    background-color: #2196F3;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}
.element-gallery .element-gallery-poll .element-content{
    border: 2px outset #1A237E;
    height: 150px;
    width: 200px;
    position: relative;
    display: table-cell;
    width: 200px;
    overflow: visible;
    position: relative;
    background-color: #2196F3;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}

.element-gallery .element-gallery-audio .element-content{
    border: 2px outset #1A237E;
    height: 150px;
    width: 200px;
    position: relative;
    display: table-cell;
    width: 200px;
    overflow: visible;
    position: relative;
    background-color: #2196F3;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}

.element-gallery .element-gallery-image .element-content .element-image-credit{
    display: none;
}

.element-gallery .element-gallery-audio .element-content .element-audio-credit{
    display: none;
}

.element-gallery .element-gallery-video .element-content .element-video-credit{
    display: none;
}
.element-gallery .element-gallery-poll .element-content .element-poll-question{
    display: inline-block;
    position: absolute;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    float: none;
    font-size: 14px;
    padding:5px;
    color: rgba(255,255,255,.8);
}

.element-gallery .element-gallery-image .element-content .element-image-image{
    height: 100%;
    background-position: center;
    background-size: cover;
}

.element-gallery .element-gallery-audio .element-content .element-audio-audio{
    height: 100%;
    background-position: center;
    background-size: cover;
}

.element-gallery .element-gallery-video .element-content .element-video-video{
    height: 100%;
    background-position: center;
    background-size: cover;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.element-gallery .element-gallery-poll .element-content .element-poll-poll{
    height: 100%;
    background-position: center;
    background-size: cover;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.element-gallery .element-gallery-image .element-content .element-image-epigraph{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    line-height: 16px;
    font-size: 14px;
    transition: .4s;
    background-color: rgba(0, 0, 0, 0.8);
    ;
    color: rgba(255, 255, 255, 1);
    overflow: hidden;
    padding: 4px;
    margin: 0;
    height: 0;
}

.element-gallery .element-gallery-video .element-content .element-video-epigraph{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    line-height: 16px;
    font-size: 14px;
    transition: .4s;
    background-color: rgba(0, 0, 0, 0.8);
    ;
    color: rgba(255, 255, 255, 1);
    overflow: hidden;
    padding: 4px;
    margin: 0;
    height: 0;
}

.element-gallery .element-gallery-poll .element-content .element-poll-option{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    line-height: 16px;
    font-size: 14px;
    transition: .4s;
    background-color: rgba(0, 0, 0, 0.8);
    ;
    color: rgba(255, 255, 255, 1);
    overflow: hidden;
    padding: 4px;
    margin: 0;
    height: 0;
}

.element-gallery .element-gallery-poll .element-content li.poll-option-element {
    width: 100%;
}

.element-gallery .element-gallery-poll .element-content .element-poll-options,
.element-gallery .element-gallery-audio .element-content .element-audio-epigraph{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    line-height: 16px;
    font-size: 14px;
    transition: .4s;
    background-color: rgba(0, 0, 0, 0.8);
    ;
    color: rgba(255, 255, 255, 1);
    overflow: hidden;
    padding: 4px;
    margin: 0;
    height: 0;
}

.element-gallery .element-gallery-poll:hover .element-content .element-poll-options {
    height: calc(100% - 36px);
    opacity: 1;
}

.element-gallery .element-gallery-image:hover .element-content .element-image-epigraph{
    height: 100%;
    opacity: 1;
}

.element-gallery .element-gallery-audio:hover .element-content .element-audio-epigraph{
    height: calc(100% - 75px);
    opacity: 1;
}

.element-gallery .element-gallery-video:hover .element-content .element-video-epigraph{
    height: 100%;
    opacity: 1;
}

.element-gallery .element-gallery-poll:hover .element-content .element-poll-option{
    height: 100%;
    opacity: 1;
}

.element-gallery .element-gallery-image.drop-over{

}

.element-gallery .element-gallery-audio.drop-over{

}

.element-gallery .element-gallery-video.drop-over{

}

.element-gallery .element-gallery-video .element-insert-before,
.element-gallery .element-gallery-image .element-insert-before{
    display: table-cell;
    width: 15px;
    border: 1px dashed #000;
    opacity: 0;
    transition: .15s;
    background-color: #FFF;
}

.element-gallery .element-gallery-poll .element-insert-before,
.element-gallery .element-gallery-poll .element-insert-before{
    display: table-cell;
    width: 15px;
    border: 1px dashed #000;
    opacity: 0;
    transition: .15s;
    background-color: #FFF;
}

.element-gallery .element-gallery-audio .element-insert-before{
    display: table-cell;
    width: 15px;
    border: 1px dashed #000;
    opacity: 0;
    transition: .15s;
    background-color: #FFF;
}

.element-gallery .element-gallery-video.drop-over .element-insert-before,
.element-gallery .element-gallery-image.drop-over .element-insert-before{
    opacity: .5;
    width: 60px;
}

.element-gallery .element-gallery-poll.drop-over .element-insert-before,
.element-gallery .element-gallery-poll.drop-over .element-insert-before{
    opacity: .5;
    width: 60px;
}

.element-gallery .element-gallery-audio.drop-over .element-insert-before{
    opacity: .5;
    width: 60px;
}


.element-gallery .element-gallery-video i.element-icon,
.element-gallery .element-gallery-image i.element-icon {
    font-size: 36px;
    color: #FF9800;
    position: absolute;
    top: -10px;
    right: 0;
    transition: .15s;
}

.element-gallery .element-gallery-poll i.element-icon,
.element-gallery .element-gallery-poll i.element-icon {
    font-size: 36px;
    color: #FF9800;
    position: absolute;
    top: -10px;
    right: 0;
    transition: .15s;
}

.element-gallery .element-gallery-audio i.element-icon {
    font-size: 36px;
    color: #FF9800;
    position: absolute;
    top: -10px;
    right: 0;
    transition: .15s;
}

.element-gallery .element-gallery-video i.element-icon:hover,
.element-gallery .element-gallery-image i.element-icon:hover {
    text-shadow: 0px 0px 15px #FFF;
}

.element-gallery .element-gallery-poll i.element-icon:hover{
    text-shadow: 0px 0px 15px #FFF;
}

.element-gallery .element-gallery-audio i.element-icon:hover {
    text-shadow: 0px 0px 15px #FFF;
}

.desk-drop-element{
    display: none;
}

.drop-element .desk-drop-element{
    display: block;
}

.desk-drop-element{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    color: #FFF;
    margin-top: 43px;
    padding-left: 50px;
}

.drop-element .desk-drop-element  .desk-drop-unlink{
    height: 100%;
}

.drop-element .desk-drop-delete{
    display: none;
}

.desk-drop-element .desk-drop-delete{
    height: 50%;
    background-color: rgba(213,0,0,.7);
    position: relative;
}

.desk-drop-element .desk-drop-unlink{
    height: 50%;
    background-color: rgba(0,0,0,.7);
    position: relative;
}


.desk-drop-element .desk-drop-icon{
    position: absolute;
    top: 50%;
    left: 50%;


    width: 100px;
    height: 100px;
    text-align: center;
    margin-left: -50px;
    margin-top: -50px;
    border: 2px dashed;
    padding: 16px;
}

.desk-drop-element .desk-drop-icon i{
    font-size: 50px;
    display: block;
}

.desk-drop-element .desk-drop-icon span{
}

.edit-link{
    color: rgba(255,255,255,.6);
    background-color: rgba(255,255,255,0);
    padding: 5px;
    border-radius: 4px;
    font-size: 15px;
    vertical-align: middle;
    opacity: .7;
    top: 8px;
    position: relative;
    cursor: pointer;
    left: -8px;
}

.edit-link:hover{
    opacity: 1;
    color: rgba(255,255,255,1);
}
/*PAPEL*/
body[drop-type="2"][drop-object-alreadyInPaper="1"] div[data-paper="1"],
body[drop-type="4"][drop-object-alreadyInPaper="1"] div[data-paper="1"],
body[drop-type="4"] div[data-paper="1"][data-drop-type="2"],
body[drop-type="3"] div[data-paper="1"]:not([data-drop-type="5"]),
body[drop-type="6"] div[data-paper="1"],
body[drop-type="7"] div[data-paper="1"],
body[drop-type="8"] div[data-paper="1"],
body[drop-type="9"] div[data-paper="1"]
body[output-type="1"] div[data-paper="1"],
/*/PAPEL*/

body[drop-type="1"] div[data-drop-type="3"],
body[drop-type="1"] div[data-drop-type="4"],
body[drop-type="1"] div[data-drop-type="5"],
body[drop-type="2"] div[data-drop-type="1"],
body[drop-type="2"] div[data-drop-type="3"],
body[drop-type="2"] div[data-drop-type="4"],
body[drop-type="2"] div[data-drop-type="5"],
body[drop-type="3"] div[data-drop-type="1"],
/*body[drop-type="3"] div[data-drop-type="2"], se comenta para poder meter imagenes en el cuerpo de la nota*/
body[drop-type="3"] div[data-drop-type="3"],
body[drop-type="3"] div[data-drop-type="4"],
body[drop-type="4"] div[data-drop-type="2"],
body[drop-type="4"] div[data-drop-type="3"],
body[drop-type="4"] div[data-drop-type="5"],
body[drop-type="6"] div[data-drop-type="1"],
body[drop-type="6"] div[data-drop-type="2"],
body[drop-type="6"] div[data-drop-type="3"],
body[drop-type="6"] div[data-drop-type="4"],
body[drop-type="7"] div[data-drop-type="1"],
body[drop-type="7"] div[data-drop-type="2"],
body[drop-type="7"] div[data-drop-type="3"],
body[drop-type="7"] div[data-drop-type="4"],
body[drop-type="8"] div[data-drop-type="1"],
body[drop-type="8"] div[data-drop-type="2"],
body[drop-type="8"] div[data-drop-type="3"],
body[drop-type="8"] div[data-drop-type="4"],
body[drop-type="9"] div[data-drop-type="1"],
body[drop-type="9"] div[data-drop-type="2"],
body[drop-type="9"] div[data-drop-type="3"],
body[drop-type="9"] div[data-drop-type="4"],

body[drop-type="3"] div[data-drop-type="5"][allow-images="0"],
body[drop-type="6"] div[data-drop-type="5"][allow-audios="0"],
body[drop-type="7"] div[data-drop-type="5"][allow-videos="0"],
body[drop-type="9"] div[data-drop-type="5"][allow-dinamicos="0"],
body[drop-type="8"] div[data-drop-type="5"][allow-polls="0"]{
    display: block !important;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.6);
    left: -5px;
    top: -5px;
    box-sizing: content-box;
    padding: 5px;
}


/*muestra las opciones de clonar o vincular el elemento*/
body[drop-type="1"] div[data-drop-type-allow="2"],
body[drop-type="1"] div[data-drop-type-allow="1"],
body[drop-type="2"] div[data-drop-type-allow="2"],
body[drop-type="4"] div[data-drop-type-allow="1"],
body[drop-type="4"] div[data-drop-type-allow="4"],
body[drop-type="4"] div[data-drop-type-allow="6"]
{
    display: block !important;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.3);
    left: -5px;
    top: -5px;
    box-sizing: content-box;
    padding: 5px;
}








body[output-type="1"] div.drag-elem-paper div[data-paper="1"]{
    display:none !important;
}

.no-allow-drop-row{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    width: 120px;
    margin-top: -12px;
}

.no-allow-drop-row-circle{
    position: absolute;
    color: rgba(255, 0, 0, 0.72);
    font-size: 25px;
    margin-left: -12px;
}

.no-allow-drop-big{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -17px;
    margin-top: -31px;
    font-size: 35px;
}

.no-allow-drop-big-circle{
    position: absolute;
    top: 50%;
    left: 50%;
    color: rgba(255, 0, 0, 1);
    font-size: 45px;
    margin-top: -23px;
    margin-left: -23px;
}

.allow-drop{
    position: absolute;
    height: 100%;
    width: 100%;
    color:white
}
.allow-drop div{
    position: relative;
    height: 100%;
}
.allow-drop div:first-child{
    border-right: dotted 5px white;
}
.allow-drop-zoom span
{
    zoom: 1.5;

}
.allow-drop i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 45px;
    color:white;

}

.allow-drop i,
.allow-drop label{
    z-index: -10;
}


.opacity2{
    opacity: .2;
}

.desk-view-object-value{
    max-height: 42px;
}

div[data-object-type="poll"] .desk-view-object-value{
    min-height: 75px;
}

.desk-type-list-item{
    transition: margin .5s;
}

.note-editor.dragover .note-dropzone {
    display:none;
}

/* GASTON AUDIOjs DESK*/
.desk-view-object .audiojs{
    width: 130px;
    height: 72px;
    background: rgba(33,150,216,1);
    overflow: hidden;
    font-family: monospace;
    font-size: 12px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2196F3), color-stop(0.5, #1976D2), color-stop(0.51, #1976D2), color-stop(1, #2196F3));
    background-image: -moz-linear-gradient(center top , #2196F3 0%, #1976D2 50%, #1976D2 51%, #2196F3 100%) repeat scroll 0% 0% #2196D8;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}

.desk-view-object .audiojs .play-pause {
    width: 38px;
    height: 40px;
    padding: 4px 6px;
    margin: 0px;
    float: left;
    overflow: hidden;
    float: left;
    border-right: none;
    position: relative;
    bottom: 4px;
    right: 6px;
}

.desk-view-object .audiojs .time {
    line-height: 36px;
    color: #ddd;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    float: none;
    border-left: none;
}

.desk-view-object .audiojs .scrubber {
    position: relative;
    width: 110px;
    background: #5a5a5a;
    height: 15px;
    margin: 10px;
    border-top: 1px solid #3f3f3f;
    border-left: 0px;
    border-bottom: 0px;
    overflow: hidden;
    bottom: 4px;
    border-top: none;
}

.desk-view-object .audiojs .progress{
    height: 15px;
}

/*Audiojs EDIT*/

[data-template="dialog-edit-Audio"] .audiojs {
    width: 100%;
    height: 35px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2196F3), color-stop(0.5, #1976D2), color-stop(0.51, #1976D2), color-stop(1, #2196F3));
    background-image: -moz-linear-gradient(center top , #2196F3 0%, #1976D2 50%, #1976D2 51%, #2196F3 100%) repeat scroll 0% 0% #2196D8;
}

[data-template="dialog-edit-Audio"] .audiojs .play-pause{
    width: 40px;
    height: 40px;
    padding: 4px 6px;
    margin: 0px;
    float: left;
    overflow: hidden;
    border-right: 1px solid #BCBCBC;
}

[data-template="dialog-edit-Audio"] .audiojs .time{
    margin: 0;
    padding:0;
    border-left: 1px solid #BCBCBC;
    width: 110px;
}

[data-template="dialog-edit-Audio"] .audiojs .error-message{
    position: absolute;
    top: 5px;
    left: 39px;
}

/*OBJETO AUDIO*/

div.desk-view-object[data-object-type="audio"] p.desk-view-object-epigraph {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all .4s;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    margin: 0;
    padding: 5px;
    height: 0;
}

div.desk-view-object[data-object-type="audio"] {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

div.desk-view-object[data-object-type="audio"]:hover .desk-view-object-epigraph {
    opacity: 1;
    z-index:2;
    height: 50%;
}

/*ELEMENTO AUDIO*/

.element-content .audiojs{
    width: 100%;
    height: 100%;
    background: rgba(33,150,216,1);
    overflow: hidden;
    font-family: monospace;
    font-size: 12px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2196F3), color-stop(0.5, #1976D2), color-stop(0.51, #1976D2), color-stop(1, #2196F3));
    background-image: -moz-linear-gradient(center top , #2196F3 0%, #1976D2 50%, #1976D2 51%, #2196F3 100%) repeat scroll 0% 0% #2196D8;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}

.element-content .audiojs .play-pause {
    width: 38px;
    height: 40px;
    padding: 4px 6px;
    margin: 0px;
    float: left;
    overflow: hidden;
    float: left;
    border-right: none;
}

.element-content .audiojs .time {
    line-height: 36px;
    color: #ddd;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    float: none;
    border-left: none;
    text-align: center;
}

.element-content .audiojs .scrubber {
    position: relative;
    width: 90%;
    background: #5a5a5a;
    height: 15px;
    margin: 10px;
    border-top: 1px solid #3f3f3f;
    border-left: 0px;
    border-bottom: 0px;
    overflow: hidden;
    bottom: 4px;
    border-top: none;
}

.element-content .audiojs .progress{
    height: 15px;
}

.element-content .audiojs .error-message{
    width: 94px;
}

/*OBJETO VIDEO*/

.desk-view-object-video{
    height: 70px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.desk-view-object-poll{
    height: 70px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

i.fa.fa-youtube-play.video-obj-youtube {
    font-size: 50px;
    top: 9px;
    position: relative;
    color: #fff;
    text-shadow: 0px 0px 50px black;
}

iframe.embed-responsive-item{
    -ms-zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
    -o-transform: scale(1);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(1);
    -webkit-transform-origin: 0 0;
}

/*ELEMENTO VIDEO*/

i.fa.fa-youtube-play.video-elem-youtube {
    font-size: 70px;
    top: 18px;
    position: relative;
    color: #fff;
    text-shadow: 0px 0px 50px black;
}

/*----*/

.defaultFavs{
    color: rgba(0, 128, 0, 0.31) !important;
}

.defaultFavsSelected:hover{
    color: rgba(0, 128, 0, 0.80) !important;
}

.defaultFavsSelected,
.defaultFavs:hover{
    color: rgba(0, 128, 0, 1) !important;
    background-color: transparent !important;
}

[data-validate-status="error"][data-poll="icon"] {
    position: absolute;
    right: 0px;
    top: 0;
    font-size: 30px;
    font-family: FontAwesome;
    line-height: 11px;
}

[data-validate-status="error"][data-poll="icon"]:after {
    content: "\f00d";
    color: #FF0000;
}

/*ADM CATEGORIES*/
button.btn-select-cat,
button.btn-view-cat {
    width: 60px;
    height: 35px;
    border: none;
    background-color: transparent;
    color: rgba(27,130,212,0.6);
    transition: .4s;
}

button.btn-select-cat:hover,
button.btn-view-cat:hover {
    color: rgba(27,130,212,1);
}
button.btn-select-cat:focus,
button.btn-view-cat:focus {
    outline:none !important;
}

button.btn-search-cat {
    border: none;
    color: rgba(27, 130, 212, 0.8);
    transition: .4s;
    vertical-align: middle;
    font-size: 14px;
    height: 21px;
    background-color: transparent;
}
.greyback.collapse.in{
    display: inline-block;
    width: 100%;
}

.multiselect-item.multiselect-group.multiselect-group-clickable b{
    bottom: 8px;
    position: relative;
}
.multiselect-item.multiselect-group.multiselect-group-clickable b.caret{
    bottom: 0;
    position: relative;
}

/* TREE CATEGORY*/

.treeview {
    height: 350px;
    overflow-y: auto;
}

.treeview .list-group-item {
    padding: 10px;
    text-align: left;
}

.treeview span.indent {
    margin-left: 20px !important;
}

div[data-tree-lbl="info"]{
    color: rgba(255, 0, 0, 0.82);
    border-top: 1px solid rgba(0, 0, 0, 0.26);
    height: 25px;
    padding-top: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* PAPEL HOVER*/

div[data-element][draggable].onOverLight div[data-element-box]{
    border: 2px solid #2196f3 !important;
}

div.onOverLight div.no-allow-drop-big{
    border: none !important;
}

div[data-element-type="5"][data-output-type="paper"].onOverLight div[data-element-box]{
    border: 2px solid #2196f3 !important;
}
div[data-element-type="5"][data-output-type="paper"].onOverLight div[data-element-box]:after{
    content: "Doble Click para Editar";
    position: absolute;
    margin-top: 40%;
    width: 90%;
    margin-left: 5%;
    background: rgba(25, 118, 210, 0.45);
    color: rgba(255, 255, 255, 0.89);
    padding: 5px 10px;
    border-radius: 6px;
    text-align: center;
}

/* SIN ESTILO EN SUMMERNOTE*/

label.no-style {
    position: absolute;
    top: 0px;
    right: 40px;
    z-index: 1;
    color: #2196f3;
}

div.form-group[data-element-type="1"],
div.form-group[data-element-type="2"],
div.form-group[data-element-type="4"]{
    position: relative;
}

/***************/

#OUTPUT_PANEL form[id*="output-"]{
    padding-top: 15px !important;
}

div[data-element][data-lines="lineasFaltantes"] div[data-element-box]{
    background: rgba(255, 0, 0, 0.5);
}
div[data-element][data-lines="lineasSobrantes"] div[data-element-box]{
    background: rgba(255, 0, 0, 0.5);
}
div[data-element][data-lines="lineasPerfectas"] div[data-element-box]{
    background: rgba(255, 0, 0, 0);
}

.auto-just-off i.fa.fa-check.auto-just-icon-top-check {
    display:none;
}

i.fa.fa-check.auto-just-icon-top-check {
    position: absolute;
    color: #03b903;
    top: 13px;
    left: 20px;
}

.auto-just-off i.fa.fa-times.auto-just-icon-top-times {
    display: block;
}

i.fa.fa-times.auto-just-icon-top-times {
    position: absolute;
    color: #F44336;
    top: 13px;
    left: 20px;
    display:none;
}

img.gif-image-preview {
    width: 25px;
    margin: 0 5px;
}

a.addObjectGustav:hover,
i.glyphicon.glyphicon-plus.addObjectGustav:hover {
    color: rgba(16, 77, 125, 1);
    text-decoration: none;
}

a.addObjectGustav:focus{
    outline: 0;
    text-decoration: none;
}

a.addObjectGustav,
i.glyphicon.glyphicon-plus.addObjectGustav {
    float: right;
    font-size: 14px;
    color: rgba(16, 77, 125, 0.8);
    top: 3px;
    cursor: pointer;
    white-space: nowrap;
}

.desk-type-title .popover-content {
    padding: 0 !important;
}

span.add-image-option {
    display: block;
    cursor: pointer;
    width: 150px;
    height: 30px;
    padding-left:15px;
    padding-top:5px;
}

.desk-type-title .popover-content {
    background-color: #fff;
    color: #000000;
    padding: 5px 10px;
    text-align: left;
}

span.add-image-option:hover {
    color: #0073c6;
    font-weight: 500;
}

/*RELATIONSHIP VIEW ()OBJECTS)*/

.desk-view-object ul.desk-view-object-header li i.relation-view.fa-newspaper-o{
    color:#FFF;
    font-size: 12px;
    top: -2px;
    position: relative;
}

.desk-view-object ul.desk-view-object-header li i.relation-view{
    color:#FFF;
    font-size: 12px;
    top: -1px;
}
.desk-view-object ul.desk-view-object-header li{
    display:inline-block;
    padding: 0 0 0 5px;
    margin: 0;
}

div[data-object-type="image"].desk-view-object ul.desk-view-object-header {
    z-index: 2;
    background: rgba(0, 0, 0, 0.7);
}

.desk-view-object ul.desk-view-object-header {
    height: 20px;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.2);
}

div[data-object-type="video"].desk-view-object[data-object-type="video"] {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 130px;
}
div[data-object-type="image"].desk-view-object ul.desk-view-object-header li i.relation-view,
div[data-object-type="video"].desk-view-object ul.desk-view-object-header li i.relation-view{
    top: -1px;
}


/* ROTATE VIEW (EDIT VIEWS)*/

ul[data-form="rotate-view-list"].rotate-view li{
    display: inline-block;
    padding-right: 10px;
    cursor: pointer;
}

ul[data-form="rotate-view-list"].rotate-view.rotate-view-image {
    position: absolute;
    top:0;
    left:0;
}

ul[data-form="rotate-view-list"].rotate-view {
    float: left;
    width: 20%;
    padding: 0;
    margin: 0;
    height: 23px;
    list-style: none;
    text-align: left;
    color: #1976d2;
}
ul[data-form="rotate-view-list"] button[data-form="rotate-right"]{
    transform: rotate(-90deg);
}
ul[data-form="rotate-view-list"] button[data-form="rotate-left"]{
    transform: rotate(90deg);
}
ul[data-form="rotate-view-list"].rotate-view button{
    border:none;
    background-color: transparent;
}



/* RELATIONSHIP VIEW (EDIT VIEWS)*/

ul[data-form="relation-view-list"].relation-view li{
    display: inline-block;
    padding-right: 10px;
    cursor: pointer;
}
div.qualityCrop {
    position: absolute;
    top:0;
    left:0.5rem;
    gap: 0.5rem;
    display: none;
}
div.qualityCrop.show {
    display: flex!important;
    align-items: center;
}
div.qualityCrop>span {
    width:1.8rem;
    height:1.8rem;
    border-radius: 0.5rem;
}
ul[data-form="relation-view-list"].relation-view.relation-view-image {
    position: absolute;
    top:0;
    right:0;
}

ul[data-form="relation-view-list"].relation-view {
    float: right;
    width: 20%;
    padding: 0;
    margin: 0;
    height: 23px;
    list-style: none;
    text-align: right;
    color: #1976d2;
}

@-webkit-keyframes shine-gf {
    0%   {
        background-color: rgba(255, 245, 14, .5);
        outline: 10px solid rgba(255, 245, 14, .20);
    }
    50%  {
        background-color: rgba(255, 245, 14, .25);
        outline: 10px solid rgba(255, 245, 14, .10);
    }
    100% {
        background-color: rgba(255, 245, 14, 0);
        outline: 10px solid rgba(255, 245, 14, 0);
    }
}

/* rgba(255, 245, 14, 0.5)*/
@keyframes shine-gf {
    0%   {
        background-color: rgba(255, 245, 14, .5);
        outline: 10px solid rgba(255, 245, 14, .20);
    }
    50%  {
        background-color: rgba(255, 245, 14, .25);
        outline: 10px solid rgba(255, 245, 14, .10);
    }
    100% {
        background-color: rgba(255, 245, 14, 0);
        outline: 10px solid rgba(255, 245, 14, 0);
    }
}

div[data-windowbox-modal].hide-animation{
    -webkit-animation-name: hide-gf;
    -webkit-animation-duration: 2s;
    animation-name: hide-gf;
    animation-duration: 2s;
    -o-animation-name: hide-gf;
    -o-animation-duration: 2s;
}
@-webkit-keyframes hide-gf {
    0%   {
        opacity: 1;
    }
    50%  {
        opacity: .1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes hide-gf {
    0%   {
        opacity: 1;
    }
    50%  {
        opacity: .1;
    }
    100% {
        opacity: 1;
    }
}

/* ICONOS QUE APARECEN BAJO LOS LABELS DE LOS OUTPUT INTERNET*/

.label-element-description{
    width:100%;
}

i.icon-after-label.object-finder{
    cursor:pointer;
}

i.icon-after-label{
    padding-right: 15px;
    cursor: move;
    margin: 0 25% 0 75%;
}

/*    --- --- ---    */

textarea[data-form="socialMsg"][disabled] {
    background-color: rgba(0, 0, 0, 0.16);
}

.checked-object-div i{
    position: relative;
    bottom: 2px;
}

.checked-object-div {
    position: absolute;
    display: inline-block;
    right: 3px;
}

.result-related-table-container tbody{
    max-height: 420px !important;
}

.result-related-table-container{
    height: 460px;
}

.result-related-table-container.mini tbody{
    max-height: 88px !important;
}
.result-related-table-container.mini{
    height: 130px;
}

button.btn-select-job.disable {
    cursor: not-allowed;
    color: rgba(255, 0, 0, 0.46);
}

p.inside-notify{
    margin-bottom: 1px;
}
span.inside-notify{
    font-size: 15px;
    text-align: center;
    display: inline-block;
}
span.error-element-paper{
    display:block;
}
span.error-element-paper[data-severity="1"]{/*ADVERTENCIA*/

}
span.error-element-paper[data-severity="2"]{/*ERROR*/

}

.note-editing-area p:after,
.note-editing-area h1:after,
.note-editing-area h2:after,
.note-editing-area h3:after,
.note-editing-area h4:after,
.note-editing-area h5:after,
.note-editing-area h6:after {
    content: attr(data-content-parag)"";
    text-align: right;
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

.note-editing-area p:before,
.note-editing-area h1:before,
.note-editing-area h2:before,
.note-editing-area h3:before,
.note-editing-area h4:before,
.note-editing-area h5:before,
.note-editing-area h6:before {
    content: attr(data-format)"";
    display: block;
    text-align: left;
    font-size: 12px;
    padding: 5px;
    opacity: .5;
    line-height: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.note-editing-area [data-exp-com="SDT_COMPRIMIR2"]:before {
    content: attr(data-format) ' ( Muy comprimido )' ;
}

.note-editing-area [data-exp-com="SDT_COMPRIMIR1"]:before {
    content: attr(data-format) ' ( Comprimido )' ;
}

.note-editing-area [data-exp-com="SDT_EXPANDIR1"]:before {
    content: attr(data-format) ' ( Expandido )' ;
}

.note-editing-area [data-exp-com="SDT_EXPANDIR2"]:before {
    content: attr(data-format) ' ( Muy expandido )' ;
}

.note-editing-area [data-format]:before,
.note-editing-area [data-exp-com]:before,
.note-editing-area [data-status]:before{
    color: #000;
    background-color: #EEE;
}

.note-editing-area [data-status="error"]:before {
    background-color: #F44336;
    color: #FFF;
}

/* estilo para el subtitulo en WEB*/
.note-editing-area [data-format="SUBTITULO"],
.note-editing-area [data-format="INTERTITULO"]{
    font-weight:bold;
}


[data-desk="tag"]:before{
    color:rgb(162, 199, 236);
}
[data-desk="tag"]:after{
    content:""attr(qtag)"";
    text-align: center;
    position: absolute;
    font-size: 0.7em;
    right: -10px;
    bottom: -5px;
    background: rgba(255, 153, 0, 0.88);
    width: 1.3em;
    height: 1.3em;
    border-radius: 50%;
}

[data-category="tree-container"]{
    margin-top: -7px;
    margin-left: -14px;
    height: 40vh;
    width: 80%;
    position: absolute;
    /* overflow: auto; */
    padding: 2%;
    z-index: 5;
    background: white;
    overflow: hidden;
    border: solid 1px lightblue;
    border-radius: 0px 10px 10px 10px;
    box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.2);
}
[data-category="tree-category"]{
    max-height: 85%;
    text-align: center;
    position: relative;
    padding-right: 5px;
    /* height: 40vh; */
    left: 50%;
    transform: translateX(-50%);
    /* position: absolute; */
    background: white;
}

[data-category="tree-container"] .group-btn{
    position: absolute;
    bottom: 5px;
    right: 10px;
}

[data-category="tree-container"] .node-disabled:after{
    content: "ya agregado";
    position:absolute;
    right:1em;
    color:orange
}
[data-category="tree-container"] .treeview span.iconi{
    margin-right:1em;
    margin-left: -1em;

}

[data-category="tree-category"]::-webkit-scrollbar-track
{
    background-color: transparent;
}

[data-category="tree-category"]::-webkit-scrollbar
{
    width: 12px;
    background-color: transparent;
}

[data-category="tree-category"]::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(200,200,200,.4);
    background-color: white;
    border-radius: 5px;
}



.note-editable iframe::-webkit-scrollbar-track
{
    background-color: transparent;
}

.note-editable iframe::-webkit-scrollbar
{
    width: 12px;
    background-color: transparent;
}

.note-editable iframe::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(200,200,200,.4);
    background-color: white;
    border-radius: 5px;
}


/*---PREVIEW DE NOTA---*/

.pr-close {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    text-shadow: 0px 0px 3px #6d6d6d;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    z-index: 1000;
}
.pr-close::before,
.pr-close:after{
    content: "";
    height: 4px;
    width: 32px;
    background: #FFF;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}
.pr-close:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.pr-close::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pr-close::before{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.pr-header{
    background-color: black;
    position: relative;
    margin: 0px;
    width: 100%;
    height: 50px;
    padding: 3px;
    text-align: center;
    z-index: 2;

}
.pr-header h2,
.pr-header select{
    color: white;
    margin: 10px;
    padding-top: 2px;
    display: inline;
    vertical-align: middle;

}

.pr-header select,
.pr-header option{
    font-size: 1.2em;
    color: black !important;
    padding: 2px 7px;
    width:6em;
    border-radius: 2px;
    font-weight: 500;

}
.pr-content{
    position:relative;
    height: -moz-calc(100% - (20px + 40px));
    height: -webkit-calc(100% - (20px + 40px));
    height: calc(100% - (20px + 40px));
    width:100%;
    text-align: center;
}
#preview-job{
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(102,102,102,0.8);
    z-index:10;

}

.pr-content iframe{
    transform: scale(1);
    -webkit-box-shadow: 0px 1px 10px 5px rgba(0, 0, 0, 0.66);
    -moz-box-shadow: 0px 1px 10px 5px rgba(0, 0, 0, 0.66);
    box-shadow: 0px 1px 10px 5px rgba(0, 0, 0, 0.66);
    border-radius: 5px;
    border: outset 3px;
    background-image:url(../img/loading-preview.gif);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;

}
.pr-desktop{
    overflow-x:hidden;
    width: 95%;
    height: 95%;
}
.pr-mobile{
    width: 412px;
    height: 740px;
    margin-top:10px;

}

.pr-tablet{
    width:960px ;
    height: 600px;
    margin-top:10px;

}


.sin-padding-y{
    padding-left: 0;
    padding-right: 0;
}
.emojionearea .emojionearea-editor{
    text-align:left;
}
.countChar{
    text-align:left;
    padding-left:10px;
    font-size:75%;
    color:gray;
    opacity:0.8;
}
.countChar.warning{
    color:red;
}

.note-editable [data-format="RESALTADO"]{
    background-color: #f3f3f3;
    border-left: red 2px solid;
    padding-left: 1em;
    color: #333;
    font-weight: 600;
    font-size: 1.2em;
    padding:10px 5px;
}

.note-editable [data-format="CITA"]{
    color:#0e6fb9;
    text-align: center;
    font-size: 1.2em;
    font-weight: 500;
}
.note-editable [data-format="CITA"]:before{
    content: "\f10d";
}
.note-editable [data-format="CITA"]:after{
    content: "\f10e";
}


.note-editable [data-format="CITA"]:before,
.note-editable [data-format="CITA"]:after{
    font: normal normal normal 14px/1 FontAwesome;
    color:#0e6fb9;
    display: inline-block;
    text-align: left;
    padding: 5px;
    opacity: .8;
    font-size: 1em;
    line-height: 15px;
    margin-bottom: 2px;
    margin-top: 2px;
    margin-top: 5px;
    background-color: transparent;
    vertical-align: bottom;
}



/*-----FIN PREVIEW DE NOTA----*/



/*********Estilos de agregar Elementes en el texto**********/

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}




[data-form="note-related"]{
    margin-bottom: 5px;
}
[data-form="note-related"] input{
    display: inline-block;
    width: 94%;
}
[data-form="note-related"]>i{
    font-size: 25px;
}
[data-form="note-related"]>i.fa-check{
    color:green;

}
[data-form="note-related"]>i.fa-times{
    color:red;
}
[data-form="note-related"]>i.fa-times{
    color:red;
}
[data-form="note-related"]>i.fa-spinner{
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}


.third-content{
    position:relative;
}
.third-content::before {
    content:"";
    background-image: url("../img/contenido-tercero.png");
    background-position: center; /* Center the image */
    background-repeat: no-repeat;
    width:500px;
    background-size: cover;
    height: 200px;
    transform: scale(1);
    margin: auto;
    border-radius: 7px;
    box-shadow: 0px 0px 2px 1px grey;
    border: 1px solid whitesmoke;
}
.third-content:after {
    content: attr(title)!important;
    position:absolute;
    bottom:10%;
    left:50%;
    transform: translateX(-50%);
    font-size: 1.2em!important;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    text-shadow: 0px 0px 3px black;

}

[data-form="third-content-html"]{
    width: 100%;
    border: 1px solid #ddd5;
    height:8em;
}

/*********Fin de Estilos de agregar Elementes en el texto**********/

.social-item{
    margin:0px 5px;
}
.social-item.active{
    box-shadow: inset 0 -2px 0 #2196f3;
    color: #2196f3;
}
/*

.note-editing-area[data-hyj="1"] [data-format="NORMAL"]{
   
}

.note-editing-area [data-format="NORMAL"]:before{
   color: #000;
}


.note-editing-area [data-format="NORMAL"]:before{
   color: #F00;
}




[SELECTOR]:before{
   
}

[SELECTOR]:after{
   
}

[SELECTOR]{
   
}

*/