/* 
    Created on : 15/11/2017, 10:37:03
    Author     : lucas
*/

@font-face {
    font-family: "Akzidenz Grotesk"; src: url(../fonts/labeleditor/AkzidenzGrotesk-ExtraBold.otf);
}

@font-face {
    font-family: "Alex Brush"; src: url(../fonts/labeleditor/AlexBrush-Regular-OTF.otf);
}

@font-face {
    font-family: "Architects Daughter"; src: url(../fonts/labeleditor/ArchitectsDaughter.ttf);
}

@font-face {
    font-family: "Arima Koshi"; src: url(../fonts/labeleditor/ArimaKoshi-Regular.otf);
}

@font-face {
    font-family: "Averia"; 	src: url(../fonts/labeleditor/Averia-Regular.ttf);
}

@font-face {
    font-family: "Bagnard"; 	src: url(../fonts/labeleditor/Bagnard.otf);
}
@font-face {
    font-family: "Banana Brick"; 	src: url(../fonts/labeleditor/BBrick.otf);
}

@font-face {
    font-family: "Beon"; 	src: url(../fonts/labeleditor/Beon-Regular.otf);
}

@font-face {
    font-family: "Binz"; 	src: url(../fonts/labeleditor/Binz.ttf);
}

@font-face {
    font-family: "Carlito"; 	src: url(../fonts/labeleditor/Carlito-Regular.ttf);
}

@font-face {
    font-family: "Cinzel"; 	src: url(../fonts/labeleditor/Cinzel-Regular.otf);
}

@font-face {
    font-family: "CMU Serif"; 	src: url(../fonts/labeleditor/cmunrm.ttf);
}

@font-face {
    font-family: "Coelacanth"; 	src: url(../fonts/labeleditor/Coelacanth.otf);
}

@font-face {
    font-family: "Comic Relief"; 	src: url(../fonts/labeleditor/ComicRelief.ttf);
}

@font-face {
    font-family: "Comili"; 	src: url(../fonts/labeleditor/Comili-Book.otf);
}

@font-face {
    font-family: "Cooper Hewitt"; 	src: url(../fonts/labeleditor/CooperHewitt-Book.otf);    
}

@font-face {
    font-family: "El Messiri"; 	src: url(../fonts/labeleditor/ElMessiri-Regular.ttf);
}
    
@font-face {
    font-family: "Neo Euler"; 	src: url(../fonts/labeleditor/euler.otf);
}

@font-face {
    font-family: "Fantasque Sans Mono"; 	src: url(../fonts/labeleditor/FantasqueSansMono-Regular.otf);
}

@font-face {
    font-family: "FuturaRenner"; 	src: url(../fonts/labeleditor/FuturaRenner-Regular.otf);
}

@font-face {
    font-family: "GeneraleMono"; 	src: url(../fonts/labeleditor/GeneraleMonoA.otf);
}

@font-face {
    font-family: "Glacial Indifference"; 	src: url(../fonts/labeleditor/GlacialIndifference-Regular.otf);
}

@font-face {
    font-family: "Gotham Rounded"; 	src: url(../fonts/labeleditor/GothamRnd-Book.otf);
}

@font-face {
    font-family: "GNUTypewriter"; 	src: url(../fonts/labeleditor/gtw.otf);
}

@font-face {
    font-family: "Hanken"; 	src: url(../fonts/labeleditor/Hanken-Book.ttf);
}

@font-face {
    font-family: "Helvetica-ExtraCompressed"; 	src: url(../fonts/labeleditor/Helvetica-ExtraCompressed.otf);
}

@font-face {
    font-family: "Intuitive"; 	src: url(../fonts/labeleditor/intuitive.ttf);
}

@font-face {
    font-family: "Jellee"; 	src: url(../fonts/labeleditor/Jellee-Roman.otf);
}

@font-face {
    font-family: "Kaushan Script"; 	src: url(../fonts/labeleditor/KaushanScript-Regular.otf);
}

@font-face {
    font-family: "Libre Bodoni"; 	src: url(../fonts/labeleditor/LibreBodoni-Regular.otf);
}

@font-face {
    font-family: "Lobster"; 	src: url(../fonts/labeleditor/Lobster.otf);
}

@font-face {
    font-family: "Medieval Sharp"; 	src: url(../fonts/labeleditor/MedievalSharp.ttf);
}

@font-face {
    font-family: "Metropolis"; 	src: url(../fonts/labeleditor/Metropolis-Regular.otf);
}

@font-face {
    font-family: "Miama Nueva"; 	src: url(../fonts/labeleditor/miamanueva.otf);
}

@font-face {
    font-family: "Miedinger*"; 	src: url(../fonts/labeleditor/Miedinger--Book.otf);
}

@font-face {
    font-family: "Capitalis"; 	src: url(../fonts/labeleditor/minicaps.ttf);
}

@font-face {
    font-family: "Montserrat Alternates"; 	src: url(../fonts/labeleditor/MontserratAlternates-Regular.otf);
}

@font-face {
    font-family: "Montserrat"; 	src: url(../fonts/labeleditor/Montserrat-Regular.otf);
}

@font-face {
    font-family: "News Cycle"; 	src: url(../fonts/labeleditor/newscycle-regular.ttf);
}

@font-face {
    font-family: "NordSud"; 	src: url(../fonts/labeleditor/NordSudA.otf);
}

@font-face {
    font-family: "Open Baskerville 0.0.53"; 	src: url(../fonts/labeleditor/OpenBaskerville.otf);
}

@font-face {
    font-family: "Petit Formal Script"; 	src: url(../fonts/labeleditor/PetitFormalScript-Regular.ttf);
}

@font-face {
    font-family: "Pfennig"; 	src: url(../fonts/labeleditor/Pfennig.ttf);
}

@font-face {
    font-family: "Poppins"; 	src: url(../fonts/labeleditor/Poppins-Regular.ttf);
}

@font-face {
    font-family: "Proza Libre"; 	src: url(../fonts/labeleditor/ProzaLibre-Regular.ttf);
}

@font-face {
    font-family: "Railway"; 	src: url(../fonts/labeleditor/Railway.otf);
}

@font-face {
    font-family: "Ranchers"; 	src: url(../fonts/labeleditor/Ranchers-Regular.ttf);
}

@font-face {
    font-family: "Serreria Sobria"; 	src: url(../fonts/labeleditor/SerreriaSobria.otf);
}

@font-face {
    font-family: "Sporting Grotesque"; 	src: url(../fonts/labeleditor/sporting_grotesque_normal.otf);
}

@font-face {
    font-family: "Strato"; 	src: url(../fonts/labeleditor/Strato-linked.ttf);
}

@font-face {
    font-family: "Trueno"; 	src: url(../fonts/labeleditor/TruenoRg.otf);
}

@font-face {
    font-family: "Unique"; 	src: url(../fonts/labeleditor/Unique.ttf);
}

@font-face {
    font-family: "VDS"; 	src: url(../fonts/labeleditor/VDS_New.ttf);
}

@font-face {
    font-family: "Xolonium"; 	src: url(../fonts/labeleditor/Xolonium-Regular.otf);
}

@font-face {
    font-family: "Futura Medium"; 	src: url(../fonts/labeleditor/futura-medium-condensed-bt.ttf);
}

.bd-label-editor {
    position: relative;
}

.bd-label-editor > .bd-label-editor-toolbar {
    padding: 5px 10px;
    background: #FFC970;
}

.bd-label-editor > .bd-label-editor-canvas {
    position: relative;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body {
    position: relative;
    background-color: #888;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body > .canvas-section,
.bd-label-editor > .bd-label-editor-canvas > .canvas-body > .canvas-section-size {
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    margin-left: 51px;
    margin-right: 51px;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body > .canvas-section {
    z-index: 30;
    position: relative;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body > .canvas-section-size {
    z-index: 1;
    position: absolute;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body > .canvas-section > .canvas-dom-container {
    display: none;
    position: absolute;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body > .canvas-section > .canvas-background {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body > .canvas-section > .canvas-background > img,
.bd-label-editor > .bd-label-editor-canvas > .canvas-body > .canvas-section > .canvas-background > video {
    width: 100%;
    height: 100%;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body > .canvas-section > .canvas-background > video {
    position: absolute;
    object-fit: fill;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body > .canvas-section > .canvas-container {
    z-index: 10;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-footer > .canvas-footer-player > .player-timeslider-container {
    margin: 10px;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-footer > .canvas-footer-player > .player-timeslider-container > .slider {
    display: block;
    width: 100%;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar {
    padding: 10px 5px;
    position: absolute;
    top: 0;
    height: 100%;
    width: 51px;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar > .sidebar-window {
    position: absolute;
    height: 100%;
    width: 300px;
    background: #fff;
    top: 0;
    z-index: 40;
    overflow: auto;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar > .sidebar-window .sidebar-header {
    background: #fc6719;
    color: #fff;
    display: block;
    overflow: hidden;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar > .sidebar-window .sidebar-header > h3.title {
    margin: 5px;
    font-size: 14px;
    font-weight: bold;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar > .sidebar-window .sidebar-body {
    
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar > .sidebar-window .sidebar-body.sidebar-body-padding {
    padding: 5px;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar > .btn-toolbar {
    margin-left: 0;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar > .btn-toolbar .btn > i.fa {
    color: #333;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar.align-left {
    left: 0;
    background: #ddd;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar.align-left > .sidebar-window {
    left: 51px;
    border-right: 1px solid #ddd;
    box-shadow: 2px 0 3px #ddd;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar.align-right {
    right: 0;
    background: #ddd;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar.align-right > .sidebar-window {
    right: 51px;
    border-left: 1px solid #ddd;
    box-shadow: -2px 0 3px #ddd;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar ul.objects-list > li.list-group-item > .item-header {
    display: block;
    margin: -10px -15px 0 -15px;
    padding: 5px;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar ul.objects-list > li.list-group-item > .item-header > .item-icon-type {
    width: 20%;
    display: inline-block;
    text-align: center;
    color: #333;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar ul.objects-list > li.list-group-item > .item-header > .item-position {
    width: 60%;
    display: inline-block;
    text-align: center;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar ul.objects-list > li.list-group-item > .item-header > .item-buttons {
    width: 20%;
    display: inline-block;
    text-align: right;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar ul.objects-list > li.list-group-item > label {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar ul.objects-list > li.list-group-item.selected {
    border: 1px solid #FFC970;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar ul.objects-list > li.list-group-item.selected > .item-header {
    background-color: #FFC970;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar table.property-table {
    width: 100%;
    max-width: 100%;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar table.property-table thead tr {
    color: #fff;
    background: #FFC970;
}
 
.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar table.property-table tbody td:nth-child(2) {
    width: 200px;
    overflow: hidden;
    position: relative;
    max-width: 200px;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar table.property-table tbody td:nth-child(2) > span {
    padding: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar table.property-table tbody td:nth-child(2) > button.prop-item-button {
    float: right;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar table.property-table tbody td:nth-child(2) > input.prop-item-input {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar table.property-table tbody td:nth-child(2) > input.prop-item-input-left {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    outline: none;
    height: 100%;
    margin-right: 25px;
    display: inline-block;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar table.property-table tbody tr {
    border-bottom: 1px solid #ddd;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar table.property-table tbody tr td.prop-group {
    background: #333;
    color: #fff;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar table.property-table tbody tr td.prop-subgroup {
    background: #666;
    color: #fff;
}

.bd-label-editor > .bd-label-editor-canvas > .canvas-body .canvas-sidebar table.property-table tbody td:nth-child(1) {
    min-width: 50px;
    border-right: 1px solid #ddd;
    max-width: 100px;
}

.bd-label-editor .slider-highligth {
    background: #FFC970;
}

.bd-label-editor .slider-highligth.shape-text {
    background: #B40431;
}

.bd-label-editor .slider-highligth.shape-sticker {
    background: #04B431;
}

ul.fontlist-selector,
ul.sticker-selector,
ul.item-selector {
    min-height: 300px;
    max-height: 400px;
    overflow: auto;
}

ul.fontlist-selector > li,
ul.sticker-selector > li,
ul.item-selector > li {
    width: 100px;
    height: 100px;
    max-height: 100px;
    max-width: 100px;
    line-height: 100px;
    font-size: 50px;
    text-align: center;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    position: relative;
    margin: 5px;
    cursor: pointer;
}

ul.sticker-selector > li > img,
ul.item-selector > li > span {
    width: 100%;
    height: 100%;
}

ul.item-selector > li > span {
    display: inline-block;
}

ul.fontlist-selector > li > label,
ul.sticker-selector > li > label,
ul.item-selector > li > label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 12px;
    color: silver;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 12px;
}

ul.fontlist-selector > li.selected,
ul.sticker-selector > li.selected,
ul.item-selector > li.selected {
    border: 1px solid #fc6719;
    color: #fc6719;
    background: #FFC970;
}

ul.fontlist-selector > li.selected > label,
ul.sticker-selector > li.selected > label,
ul.item-selector > li.selected > label {
    color: #fff;
}


div.prop-combo-list {
    display: inline-block;
    position: absolute;
    border-top: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    max-height: 300px;
    width: 200px;
}

div.prop-combo-list > ul {
    list-style: none;
    padding: 0;
}

div.prop-combo-list > ul > li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    padding: 10px 5px;
}

div.prop-combo-list > ul > li.selected {
    background-color: #fc6719;
    color: #fff;
}

div.prop-combo-list > ul > li:hover {
    background-color: #0850a2;
    color: #fff;
}