*{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body,
html {
    height: 100%;
    margin: 0;
}
/*Custom header*/
.navbar{
    background-color: #38455D;
}
.navbar a{
 font-weight: 600 !important;
}
.navbar .btn-return{
    background-color: white;
}
.navbar .btn-return:hover{
    background-color: #efefef;
}
.navbar .navbar-nav .nav-item{
    padding: 5px 0;
}
.navbar .info-page{
    width: max-content;
    padding: 10px 0;
    color: #0c5460;
    background-color: #d1ecf1;
    border: 1px solid #bee5eb;
}
.navbar-toggler{
    border-color: #a9b7d0;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)");
}
.gjs-cv-canvas{
    width: calc(100% - 300px);
}
.gjs-pn-views, .gjs-pn-views-container{
    width: 300px;
}
.gjs-pn-options{
    right: 300px;
}
label{
    margin-bottom: 0 !important;
}
.gjs-category-title, .gjs-sm-sector .gjs-sm-title, .gjs-clm-tags .gjs-sm-title, .gjs-block-category .gjs-title, .gjs-layer-title, .gjs-sm-header, .gjs-trt-header, .gjs-block-label, .gjs-sm-properties, .gjs-cm-editor, .gjs-mdl-title, .gjs-clm-sels-info, .gjs-clm-header-label, .gjs-clm-tag, .gjs-traits-label, .gjs-label, .gjs-field{
    font-size: 12px;
    font-weight: 600;
}
.gjs-block-label svg{
    height: 60px;
}
.gjs-block{
    width: 100%;
    margin: 5px 10px;
}
.gjs-am-add-asset .gjs-am-add-field{
    width: 100%;
}
.gjs-radio-item input:checked+.gjs-radio-item-label{
    width: 100%;
}
.gjs-am-add-asset .gjs-btn-prim{
    display: none;
}
.gjs-am-add-field .medias-container{
    position: absolute;
    top: 33px;
    z-index: 2;
    width: 105%;
    background: #2d374a;
    height: 290px;
    overflow: auto;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
}
.icons-flex {
    background-size: 25px 20px !important;
    height: 25px;
    width: 100%;
    opacity: 0.9;
}
.icon-dir-row {
    background: url("../images/flex-dir-row.png") no-repeat center;
}
.icon-dir-row-rev {
    background: url("../images/flex-dir-row-rev.png") no-repeat center;
}
.icon-dir-col {
    background: url("../images/flex-dir-col.png") no-repeat center;
}
.icon-dir-col-rev {
    background: url("../images/flex-dir-col-rev.png") no-repeat center;
}
.icon-just-start{
    background: url("../images/flex-just-start.png") no-repeat center;
}
.icon-just-end{
    background: url("../images/flex-just-end.png") no-repeat center;
}
.icon-just-sp-bet{
    background: url("../images/flex-just-sp-bet.png") no-repeat center;
}
.icon-just-sp-ar{
    background: url("../images/flex-just-sp-ar.png") no-repeat center;
}
.icon-just-sp-cent{
    background: url("../images/flex-just-sp-cent.png") no-repeat center;
}
.icon-al-start{
    background: url("../images/flex-al-start.png") no-repeat center;
}
.icon-al-end{
    background: url("../images/flex-al-end.png") no-repeat center;
}
.icon-al-str{
    background: url("../images/flex-al-str.png") no-repeat center;
}
.icon-al-center{
    background: url("../images/flex-al-center.png") no-repeat center;
}
.input-group{
    border-radius: 0.25rem !important;
}
.custom-select {
    display: inline-block !important;
    color: #495057 !important;
    vertical-align: middle !important;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center !important;
    background-size: 8px 10px !important;
    border: 1px solid #abb1b6 !important;
    padding-right: 30px !important;
    border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
}
.input-group-prepend button{
    border-bottom-right-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}
#wrapper{
    min-height: calc(100% + 300px) !important;
}
.cm-s-hopscotch{
    border-bottom: 10px solid #3f4d67 !important;
}
.gjs-clm-tag-status, .gjs-clm-tag-close, #gjs-clm-add-tag, .gjs-clm-tags-btn{
    width: 12px !important;
}