:root {
    --square-height: 80px;
}
/*
@font-face {
    font-family: 'Roboto';
    font-display: swap;
    src: url('../fonts/roboto/roboto-variablefont_wdth,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-display: swap;
    src: url('../fonts/open_sans/opensans-variablefont_wdth,wght.ttf') format('truetype');
}

@font-face {
    font-family: "Vivaldi";
    src: url(/free/fonts/VIVALDII.TTF) format("truetype");
}

@font-face {
    font-family: "impact";
    src: url(/free/fonts/impact.TTF) format("truetype");
}

@font-face {
    font-family: "Lucida Handwriting";
    src: url(/free/fonts/LHANDW.TTF) format("truetype");
}

@font-face {
    font-family: "Edwardian Script ITC";
    src: url(/free/fonts/ITCEDSCR.TTF) format("truetype");
}

@font-face {
    font-family: "Bell MT";
    src: url(/free/fonts/BELL.TTF) format("truetype");
}

@font-face {
    font-family: "Vladimir Script";
    src: url(/free/fonts/VLADIMIR.TTF) format("truetype");
}
*/
/* remove from the ui the handles of move, resize, delete, and edit */
.move-handle {
    position: absolute;
    display: none;
}

.resize-handle {
    position: absolute;
    display: none;
}

.delete-handle {
    position: absolute;
    display: none;
}

.edit-handle {
    position: absolute;
    display: none;
}
/* end of remove from the ui the handles of move, resize, delete, and edit */


/*start of navbar code */
.navbar-form .btn{
    min-width:120px;
}


.badge-title {
/*border-bottom: 1px solid #eee;*/
color: #777;
font-weight: 200;
margin: 7px 0;
padding: 7px 0;
}

.badge-title > .fa-heart {
    color: #e74c3c;
}

.badge-title > .fa-cubes {
    color: #3498db;
}


/*end of navbar code*/
.donwloadAnchor{
    padding: 10px 5px;
}
.center {
    margin: 2px auto;
}

.parentClass {
/*    outline: 2px inset #e1dddd;
*/    position: relative;
/*    margin: 1px auto;
*/}

.outer-parentClass {
    background-color: inherit;
    
}


.txtBox {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0px;
}


.editorText, .editorKeywords {
    padding: 10px;
    border: 1px dashed #808080;
    margin: 5px;
    overflow: hidden;
}


.imgBox, .barcodeBox, .qrcodeBox {
    display: inline-block;
    position: absolute;
    color: #000;
    cursor: move;
    left: 0;
    top: 0;
}

.imgBox img {
    width: 100%;
    height: 100%;
}


@media screen and (max-width: 1023px) {
    div.k-window {
        display: none !important;
    }
}



#parentEditor {
/*    background: white;
    margin: 0px auto;
    border: 2px solid #eee;
    box-shadow: 0 0 0 transparent;*/
}

.popover {
    font-size: small;
    color: gray
}

.redfont {
    color: red;
}


/*    alertify       */
.shapshot-item button {
    margin: 3px;
}


.alertify-notifier {
    z-index: 999999 !important;
}




.alertify .ajs-modal {
    z-index: 999999 !important;
}



/* positioning part */

.parentOfSquars {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.square {
    background-color: rgb(174, 174, 174);
    flex: 1 1 30%;
    min-height: var(--square-height);
    border: 2px solid black;
    text-align: center;
    padding-top: calc(var(--square-height)/2);
}

.square:hover {
    background-color: #1e90ff;
    cursor: pointer;
}

.square:active {
    background-color: yellow;
    cursor: pointer;
    border: #ffffff;
}



/* end of positioning part */