/* Customizable CSS in the dashboard */

/* CSS styling by admin */
.admin-setting a { color: #0088CC; }
.admin-setting a:hover { color: #0099e6; }

html .admin-setting .btn-primary, html .admin-setting .btn-primary:focus {
    background-color: #0088CC;
    border-color: #0088CC;
    color: #FFF;
}
html .admin-setting .btn-primary:hover {
    background-color: #00a1f2;
    border-color: #00aaff;
    color: #FFF;
}
html .admin-setting .btn-secondary, html .admin-setting .btn-secondary:focus {
    background: #3B5998;
    border: 1px solid #37538D;
    color: #fff;
}
html .admin-setting .btn-secondary:hover {
    background: #4162a7;
    border-color: #3d5c9c;
    color:#fff;
}

.admin-setting .body-sign .card-sign .card-body {
    border-color: red;
}
html body.custom-bg.admin-setting {
    /*background-image: url("../../temp-img/bg-frontend.jpg");*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* Add here all your CSS customizations */
table { width: 100%; }
.body-sign { max-width: 700px; }
.custom-icon-dashboard:before { font-size:50px; padding-left: 5px; }
.card-featured-green { border-color: #17A2B8; }
.bg-green { background-color: #17A2B8; }
.bg-gray { background-color: #e7e7e9 !important;}
.bg-gray-light { background-color: #eeeeee !important;}
.search-style-1 .input-group > input,
.search-style-1 .input-group button { border-radius: 5px;}
.dropdown-item i { padding-right:5px; }
.footer { margin-top: 50px;}
.page-header.page-header-left-inline-breadcrumb { padding: 28px 40px 10px 40px;}
.header-page-title { min-width: 20%; width: 100%;}
.page-header h2 { padding: 0 22px 0 0px; float: none; height: auto; margin: 0; line-height: 0px;}
.page-header h4 { padding: 0 22px 0 0px; line-height: 0px;}
.cmr-10 { margin-right: 10px;}
.custom-font-size-3 { font-size: 22px;}
html .accordion .card-header { background-color: #f5f5f5 !important; padding: 5px !important;}
html .accordion .card-header.note-toolbar { background-color: #f5f5f5 !important; border-bottom: 1px dashed #ddd; padding: 3px 10px 7px; }
.dd3-handle { position: absolute; margin: 0; left: 0px; top: 0; cursor: pointer; width: 50px; white-space: nowrap; overflow: hidden; border: 1px solid #eee; border-top-right-radius: 0; border-bottom-right-radius: 0; height: 100% !important; text-align: center; }
.dd3-handle i {position: absolute; top:50%; transform: translate(-50%); line-height: 0px;}
.dd3-content { display: block; padding: 15px 15px 15px 65px !important; background: #eee; -webkit-border-radius: 3px; border-radius: 3px; }
.dd-item, ol.dd-list, .child { margin-top: 10px; }
.dd-list .dd-list { padding-left: 60px;}
.dd-item.blocked { border-left: solid 2px red; border-radius: 3px;}
.sub-nav-link { padding-left: 50px !important; }
.invalid-feedback { display: block; }
.alert ul { margin-bottom: 0px; }
.form-info-text { margin: 3px 3px 0px 3px; }
.invalid-feedback { margin: 3px 3px 0px 3px; font-size: unset; }
.is-invalid { border: solid 1px #dc3545 !important; }
div:where(.swal2-container) .swal2-html-container { text-align: left !important; }
#passwordShoHide { cursor: pointer; }
.header-info-bar { background-color: #e3615a; padding: 20px; color: #fff; width: 100%; position: fixed; top: 0; left: 0; font-size: 14px; z-index: 200; }
.header-info-bar-section  { margin-top:60px; }
.header-info-bar-section .header { top:60px; }
.header-info-bar-section .sidebar-left { top:120px !important; }
.default_item { border-left: solid 2px #0088cc;}

/* grapesjs custom things */
.gpj-body { line-height: normal; }
.gpj-icon-size { font-size:38px; padding: 15px 10px; }
.gjs-one-bg { background: #f6f6f6; color: #61636F; }
.gjs-four-color-h:hover {color: #008bd0;}
.gjs-block__media svg { width:45px; }
.gjs-category-title, .gjs-sm-sector .gjs-sm-title, .gjs-clm-tags .gjs-sm-title, .gjs-block-category .gjs-title, .gjs-layer-title, .gjs-four-color {
    color: #33353F;
}
.gjs-pn-views-container, .gjs-pn-views { width: 20%;}
.gjs-cv-canvas, .gjs-pn-commands { width: 80%;}
.gjs-pn-options { right: 20%;}

.font-weight-900 { font-weight: 900; }
.accordion-box-title { font-size: 20px;}
ul.cats { margin: 0px; padding: 0;}
ul.cats li a { font-size: 16px;}
ul.cats li a.active { font-weight: bold;}
ul.cats li { margin-bottom: 10px; list-style: none;}
.custom-pr-8 { padding-right: 8px !important; }
.card-actions a.btn {
    background-color: #00a1f2 !important;
    border-color: #00aaff #00aaff #0088CC;
    color: #FFF !important;
    font-size: 14.4px !important;
    padding: 0.47rem 0.75rem;
    margin-left: 5px;
    border-radius: 5px !important;
    height: unset !important;
    line-height: unset !important;
    width: unset !important;
}
.card-actions a.btn-quaternary{
    background-color: #49525e !important;
    border-color: #4e5865 #4e5865 #383f48 !important;
}
.alignBottom20Left20 {
    position: absolute;
    bottom: 20px;
    left: 20px;
}