@charset"utf-8";
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  font-display: swap;
  src: local('Pretendard Black'), 
  src: url('/assets/fonts/pretendard/static/Pretendard-Black.eot');
  src: url('/assets/fonts/pretendard/static/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
  url('/assets/fonts/pretendard/woff2-subset/Pretendard-Black.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-Black.subset.woff') format('woff'),
  url('/assets/fonts/pretendard/static/Pretendard-Black.ttf') format('truetype');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  font-display: swap;
  src: local('Pretendard ExtraBold'),
  src: url('/assets/fonts/pretendard/static/Pretendard-ExtraBold.eot');
  src: url('/assets/fonts/pretendard/static/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
  url('/assets/fonts/pretendard/woff2-subset/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-ExtraBold.subset.woff') format('woff'),
  url('/assets/fonts/pretendard/static/Pretendard-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-display: swap;
  src: local('Pretendard Bold'),
  src: url('/assets/fonts/pretendard/static/Pretendard-Bold.eot');
  src: url('/assets/fonts/pretendard/static/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
  url('/assets/fonts/pretendard/woff2-subset/Pretendard-Bold.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-Bold.subset.woff') format('woff'),
  url('/assets/fonts/pretendard/static/Pretendard-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  font-display: swap;
  src: local('Pretendard SemiBold'),
  src: url('/assets/fonts/pretendard/static/Pretendard-SemiBold.eot');
  src: url('/assets/fonts/pretendard/static/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
  url('/assets/fonts/pretendard/woff2-subset/Pretendard-SemiBold.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-SemiBold.subset.woff') format('woff'),
  url('/assets/fonts/pretendard/static/Pretendard-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-display: swap;
  src: local('Pretendard Medium'),
  src: url('/assets/fonts/pretendard/static/Pretendard-Medium.eot');
  src: url('/assets/fonts/pretendard/static/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
  url('/assets/fonts/pretendard/woff2-subset/Pretendard-Medium.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-Medium.subset.woff') format('woff'),
  url('/assets/fonts/pretendard/static/Pretendard-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-display: swap;
  src: local('Pretendard Regular'),
  src: url('/assets/fonts/pretendard/static/Pretendard-Regular.eot');
  src: url('/assets/fonts/pretendard/static/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
  url('/assets/fonts/pretendard/woff2-subset/Pretendard-Regular.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-Regular.subset.woff') format('woff'),
  url('/assets/fonts/pretendard/static/Pretendard-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-display: swap;
  src: local('Pretendard Light'),
  src: url('/assets/fonts/pretendard/static/Pretendard-Light.eot');
  src: url('/assets/fonts/pretendard/static/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
  url('/assets/fonts/pretendard/woff2-subset/Pretendard-Light.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-Light.subset.woff') format('woff'),
  url('/assets/fonts/pretendard/static/Pretendard-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 200;
  font-display: swap;
  src: local('Pretendard ExtraLight'),
  src: url('/assets/fonts/pretendard/static/Pretendard-ExtraLight.eot');
  src: url('/assets/fonts/pretendard/static/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),
  url('/assets/fonts/pretendard/woff2-subset/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-ExtraLight.subset.woff') format('woff'),
  url('/assets/fonts/pretendard/static/Pretendard-ExtraLight.ttf') format('truetype');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 100;
  font-display: swap;
  src: local('Pretendard Thin'),
  src: url('/assets/fonts/pretendard/static/Pretendard-Thin.eot');
  src: url('/assets/fonts/pretendard/static/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
  url('/assets/fonts/pretendard/woff2-subset/Pretendard-Thin.subset.woff2') format('woff2'), url('/assets/fonts/pretendard/woff-subset/Pretendard-Thin.subset.woff') format('woff'),
  url('/assets/fonts/pretendard/static/Pretendard-Thin.ttf') format('truetype');
}

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);


/*Reset*/
html{position:relative;font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;letter-spacing:-0.3px;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins,
q, s, samp, small, strike, strong, sub, sup, tt, var, b,u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td { margin: 0; padding: 0; border: none 0;font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px;font-weight:300;-webkit-text-size-adjust:none;outline:none;}
body, input, button, textarea{ outline:none;font-size:12px; line-height:1.5em; color:#1a1a1a; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; -webkit-text-size-adjust:none; }
h1, h2, h3, h4, h5, h6 { text-align:left; }
img, fieldset, iframe { border:0 none; }
table, div { border-collapse: collapse;}
select, textarea { font-size: 12px; vertical-align: middle;font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-weight:300; }
input, select, textarea{border: 1px solid #e3e3e3; outline: none; color: #000;}
input[type=file]{background:#fff;}
input[type=checkbox]{height:auto;}
input{padding-left:5px;height:24px;}
select{height:26px;line-height:26px;}
textarea { overflow:auto; } 
select, input, img, li { vertical-align: middle; text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
ul, li, ol { list-style-type: none;}
legend,  caption { display: none; }
hr { border-collapse:collapse; display:none; }

* { margin: 0; padding: 0; box-sizing: border-box;}

a{color:inherit;text-decoration:none;}
a:link,a:visited{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none;}

address, caption, cite, code, dfn, em, strong, th, var {font-style : normal; font-weight : normal;}

button{cursor:pointer;display:inline-block;border:0;height:26px;padding:0 15px;line-height:1.5em;vertical-align:middle; background: none;}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; outline: none;}
li { list-style-type:none; }
img,fieldset,iframe{border:0;}
img,fieldset { border:none; }
li img, dd img { }
input { vertical-align:middle; }
hr{display:none;}
strong{font-weight:bold;}
#skip, .skip { font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::placeholder{color:rgba(255,255,255,.38);}
.d_ib{display:inline-block;}
.fl_left{float:left;}
.fl_right{float:right;}
.no-padding {padding: 0;}

html, body {max-width: 100%; overflow-x: hidden;}

.dialog-fix-width-500 .jconfirm-box{min-width: 300px;min-height: 550px !important;}
.dialog-fix-width-500 .jconfirm-content-pane{min-height: 450px !important;}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{opacity: 0 !important;}

/*.bricks-wrapper .thumb-div-hover {height:;}*/
.thumb-div-hover .price {opacity: 0;transition:opacity .3s;position: absolute;top: 10px;right: 15px;font-weight: 500;background: #ffffff40;padding: 5px;border-radius: 5px;}
.thumb-div:hover ~ .thumb-div-hover .price, .thumb-div-hover:hover .price, .thumb-div:hover ~ .thumb-div-hover .price, .thumb-div-hover:hover .price{opacity:1;}
.thumb-div-hover:hover .price {opacity:1;}
.thumb-div.chess-bg {background: #fff;}
/* .thumb-div.chess-bg:hover {background: url(/assets/img/t-pattern-svc.png) repeat;}  */
/* .thumb-div.chess-bg:hover {background: #595959 !important;}*/

.thumb-div-hover2 .shape_category {opacity: 0;transition:opacity .3s;position: absolute;top: 8px; left: 8px;font-weight: 600;font-size: 12px;padding: 0px 5px;border-radius: 15px;height: 22px;color: #fff;}
.entry-thumb.div_contents .thumb-div-hover2 .shape_category {background-color: #000;}

.thumb-div:hover ~ .thumb-div-hover2 .shape_category, 
.thumb-div-hover2:hover .shape_category,
.thumb-div:hover ~ .thumb-div-hover2 .upload_content_change_option, 
.thumb-div-hover2:hover .upload_content_change_option,
.thumb-div:hover ~ .thumb-div-hover2 .upload_content_screening_cancle, 
.thumb-div-hover2:hover .upload_content_screening_cancle,
.thumb-div:hover ~ .thumb-div-hover2 .bdg-p-free, 
img.thumbnail_img:hover ~ .thumb-div-hover2 .bdg-p-free, 
.like-hover:hover ~ .thumb-div-hover2 .bdg-p-free, 
.like-hover:hover ~ .thumb-div-hover2 .shape_category, 
.info-hover:hover ~ .thumb-div-hover2 .bdg-p-free, 
.info-hover:hover ~ .thumb-div-hover2 .shape_category, 
.thumb-div-hover2:hover .bdg-p-free{opacity:1;cursor: pointer;z-index:1;}

.entry-wrap div:hover .like-hover,
.swiper-slide div:hover .like-hover,
.slide div:hover .like-hover,
.entry-wrap div:hover .paging-hover,
.swiper-slide div:hover .paging-hover,
.slide div:hover .paging-hover,
.entry-wrap div:hover .info-hover,
.swiper-slide div:hover .info-hover,
.slide div:hover .info-hover
{visibility: visible;transform: translateX(0); opacity: 1;}
/* .btn-yellow.bdg-price{display:none;} 
.btn-yellow.bdg-price:hover{display:block !important;}  */
/*
.bricks-wrapper .thumb-div-hover2:hover .shape_category {opacity:1;}
.bricks-wrapper .thumb-div-hover2:hover .upload_content_change_option {opacity:1;}
.bricks-wrapper .thumb-div-hover2:hover .upload_content_screening_cancle {opacity:1;}
*/

/*.bricks-wrapper .entry-thumb .price_p_text{display: none;}
.bricks-wrapper .entry-thumb:hover .price_p_text {display:inline;}*/
.bdg-price {display: none;}
.t1-grid-item .price_p_text,
.entry-thumb .price_p_text{color: #ffffff;cursor: pointer;}
.t1-grid-item .price_p_text.btn-pro:after,
.entry-thumb .price_p_text.btn-pro:after{display:inline;content: '';}
.t1-grid-item .price_p_text.btn-price:after,
.entry-thumb .price_p_text.btn-price:after{display:inline;content: '';}
.t1-grid-item .price_p_text.btn-usable:after,
.entry-thumb .price_p_text.btn-usable:after{display:inline;content: '';}
.t1-grid-item .price_p_text.btn-won:after,
.entry-thumb .price_p_text.btn-won:after{display:inline;content: '';}
.t1-grid-item:hover .price_p_text.btn-pro:after,
.entry-thumb:hover .price_p_text.btn-pro:after{display:inline;content: ' Pro'}
.t1-grid-item:hover .template .price_p_text.btn-price:after,
.entry-thumb:hover .template .price_p_text.btn-price:after{display:inline;content: '\20\c720\b8cc'} /*' 유료'*/
.t1-grid-item:hover .bdg-price,
.entry-thumb:hover .bdg-price {display:block;}
.left_nav_content .swiper-slide div:hover .bdg,
.i-grid-item:hover .bdg,
.b-grid-item:hover .bdg,
.t1-grid-item:hover .bdg,
.o-grid-item:hover .bdg{display:block;opacity: 1;}

.t1-grid-item:hover .price_p_text.btn-usable:after,
.entry-thumb:hover .price_p_text.btn-usable:after{display:inline;content: '\20\c0ac\c6a9\ac00\b2a5'}  /*' 사용가능'*/
.t1-grid-item:hover .price_p_text.btn-won:after,
.entry-thumb:hover .price_p_text.btn-won:after{display:inline;content: '\20\c720\b8cc\c694\c18c'}  /*' 유료요소'*/

.thumb-div-hover2 .upload_content_change_option{opacity: 0;transition:opacity .3s;position: absolute;bottom: 8px;right: 8px;font-weight: 400;font-size: 10px;padding: 0px 5px;border-radius: 15px;background-color: #000;height: 22px;}
.thumb-div:hover .upload_content_change_option {opacity:1;}

.thumb-div-hover2 .upload_content_screening_cancle{opacity: 0;transition:opacity .3s;position: absolute;top: 8px;right: 8px;font-weight: 400;font-size: 10px;padding: 0px 4px;border-radius: 15px;background-color: #ff4ba4;color: #fff;height: 18px;}
.thumb-div:hover .upload_content_screening_cancle {opacity:1;}

/* .thumb-div-hover2 div.btn-yellow{border: 1px solid #ffc107;} */
.thumb-div-hover2 div.btn-green{border: 0;}
.left_nav_content .thumb-div-hover2 .bdg-price{background-color: #000;left: 4px;bottom: 10px;}
.thumb-div-hover2 div.btn-won {border: 0;}
/* .thumb-div-hover2 .bdg-price{position: absolute;z-index: 10;bottom: 10px;left: 6px;background: #000000;color: #fff;font-size: 10px;padding: 1px 6PX;border-radius: 15px;} */
.thumb-div-hover2 .bdg-price{position: absolute;z-index: 10;bottom: 6px;left: 2px;color: #fff;font-size: 12px;padding: 1px 6px;font-weight:600;border-radius: 15px;opacity:1;transition: .3s;}
.swiper-wrapper .entry-thumb:hover .thumb-div-hover2 .bdg-price {opacity:1;}
.swiper-wrapper .thumb-div-hover2 .bdg-price{bottom:5px !important;}
.bdg-price span{font-size: 12px;display:inline; font-weight:600;padding-left:2px;}
.bricks-wrapper .bdg-tag{position: absolute;z-index: 10;bottom: 10px;left: 10px;background: #000000;font-size: 12px;padding: 1px 6PX;border-radius: 15px;font-weight:600;}
.bdg-tag span{font-size: 12px;display:inline;font-weight:600;padding-left:2px;}
.bricks-wrapper .bdg-tag-blank{position: absolute;z-index: 10;bottom: 8px;left: 8px;background: #ff4ba4;font-size: 12px;padding: 1px 6PX;border-radius: 15px;font-weight:600;}
.bdg-tag-blank span{font-size: 12px;display:inline;font-weight:600;padding-left:2px;}

li div.blank-item{margin: 4px 2px;}
div.blank-item{border-radius: 4px;}
.brick.blank-item .thumb-div:after,
.tab-label-content div.blank-item:after,
.obj_ct_template div.blank-item:after,
.content_template div.blank-item:after,
.bg_ct_template div.blank-item:after,
.like_ct_template div.blank-item:after,
.creator_ct_template div.blank-item:after,
.myfolder .card-body div.blank-item:after{content: "";display: block;padding-bottom: 100%;}
div.blank-t-wordart:after,
div.blank-t-mix_text:after{padding-bottom: 34% !important;}
.brick .blank-loading,
.blank-loading{
    background:  linear-gradient(to right, #e9e9e9, #ffffff);
    background-size: 300%;
    background-position: left;
    animation: load 2s ease-out 0s infinite normal;
}

li div.blank-item{margin: 4px 2px;}
div.blank-item{border-radius: 4px;}
.brick.blank-item .thumb-div:after,
.tab-label-content div.blank-item:after,
.obj_ct_template div.blank-item:after,
.content_template div.blank-item:after,
.bg_ct_template div.blank-item:after,
.like_ct_template div.blank-item:after,
.creator_ct_template div.blank-item:after,
.myfolder .card-body div.blank-item:after{content: "";display: block;padding-bottom: 100%;}
div.blank-t-wordart:after,
div.blank-t-mix_text:after{padding-bottom: 34% !important;}
.brick .blank-loading-slide,
.blank-loading-slide{
    background:  linear-gradient(to right, #e9e9e9, #ffffff);
    background-size: 300%;
    background-position: left;
    animation: load 2s ease-out 0s infinite normal;
    height: 240px;
}

.blank-loading-dark{
    background:  linear-gradient(to right, #101010, #343434);
    background-size: 300%;
    background-position: left;
    animation: load 2s ease-out 0s infinite normal;
}
@keyframes load{
  0%, 100%{
        background-position: right;
    }
  50%{
      background-position: left;
  }
}

.thumb-div.square:after{content: '';display: block;padding-bottom: 100%;}
.thumb-div.square img{position: absolute;width: 100%;height: 100%;left: 0;object-fit: contain;}

.thumb-div-hover2 .bdg-p-free{
    opacity: 0;
    transition: opacity .3s;
    position: absolute;
    bottom: 0px;
    left: 2px;
    font-weight: 600;
    color: #fff;
    /* background: #000000; */
    font-size: 12px;
    padding: 1px 6PX;
    border-radius: 15px;
}

.left_nav_content .thumb-div-hover2 .price_p_text,
.left_nav_content .thumb-div-hover2 .bdg{background: #000000;font-size:10px;font-weight:400;left: 5px;}
.left_nav_content .thumb-div-hover2 .bdg-p-free{padding:2px 6px 0px 6px;}
.object_list .grid .thumb-div-hover2 .bdg-p-free,
.left_nav_content .grid .thumb-div-hover2 .bdg-p-free,
.left_nav_content .o_grid .thumb-div-hover2 .bdg-p-free,
.left_nav_content .b_grid .thumb-div-hover2 .bdg-p-free{bottom:10px;}
.swiper-wrapper .thumb-div-hover2 .bdg-p-free{
	bottom: 6px !important;
}

/* editor*/
.content_template .t_grid .t1-grid-item:hover,
.content_template .swiper-wrapper .entry-thumb:hover {transform:translateY(0);}
.content_template .t_grid .t1-grid-item:hover img,
.content_template .swiper-wrapper .entry-thumb:hover img {opacity:1 !important;}
.content_template .t_grid .t1-grid-item .thumb-div-hover2 .bdg-p-free,
.content_template .swiper-wrapper .thumb-div-hover2 .bdg-p-free {background:#000;padding:0 5px;height:18px;font-size:10px;font-weight:400;left:8px;}
.content_template .t_grid .t1-grid-item .thumb-div-hover2 .bdg-price,
.content_template .swiper-wrapper .thumb-div-hover2 .bdg-price {position: absolute;z-index: 10;bottom: 10px;left: 6px;background: #000000;color: #fff;font-size: 10px;padding: 1px 6PX;border-radius: 15px;}
.content_template .t_grid .t1-grid-item .thumb-div-hover2 .bdg-price span,
.content_template .swiper-wrapper .thumb-div-hover2 .bdg-price span {font-size:10px; font-weight:400;padding-left:0;}
.t1-grid-item .thumb-div-hover2 .bdg-p-free{bottom:10px;}

.wrap_inner_content_right .swiper-wrapper .thumb-div-hover2 .bdg-p-free,
.wrap_inner_content_right .swiper-wrapper .thumb-div-hover2 .bdg-price,
.wrap_inner_content_right .thumb-div-hover2 .bdg-p-free,
.wrap_inner_content_right .thumb-div-hover2 .bdg-price {bottom: 6px !important;}
.drop-icon {display: inline-block; width: 20px;height: 20px; opacity: .7;}
.drop-icon.-user {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMGMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnM1LjM3MyAxMiAxMiAxMiAxMi01LjM3MyAxMi0xMi01LjM3My0xMi0xMi0xMnptNy43NTMgMTguMzA1Yy0uMjYxLS41ODYtLjc4OS0uOTkxLTEuODcxLTEuMjQxLTIuMjkzLS41MjktNC40MjgtLjk5My0zLjM5My0yLjk0NSAzLjE0NS01Ljk0Mi44MzMtOS4xMTktMi40ODktOS4xMTktMy4zODggMC01LjY0NCAzLjI5OS0yLjQ4OSA5LjExOSAxLjA2NiAxLjk2NC0xLjE0OCAyLjQyNy0zLjM5MyAyLjk0NS0xLjA4NC4yNS0xLjYwOC42NTgtMS44NjcgMS4yNDYtMS40MDUtMS43MjMtMi4yNTEtMy45MTktMi4yNTEtNi4zMSAwLTUuNTE0IDQuNDg2LTEwIDEwLTEwczEwIDQuNDg2IDEwIDEwYzAgMi4zODktLjg0NSA0LjU4My0yLjI0NyA2LjMwNXoiLz48L3N2Zz4=);
  background-repeat: no-repeat; background-size: 20px 20px;}
.drop-icon.-question {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMmM1LjUxNCAwIDEwIDQuNDg2IDEwIDEwcy00LjQ4NiAxMC0xMCAxMC0xMC00LjQ4Ni0xMC0xMCA0LjQ4Ni0xMCAxMC0xMHptMC0yYy02LjYyNyAwLTEyIDUuMzczLTEyIDEyczUuMzczIDEyIDEyIDEyIDEyLTUuMzczIDEyLTEyLTUuMzczLTEyLTEyLTEyem0xLjI1IDE3YzAgLjY5LS41NTkgMS4yNS0xLjI1IDEuMjUtLjY4OSAwLTEuMjUtLjU2LTEuMjUtMS4yNXMuNTYxLTEuMjUgMS4yNS0xLjI1Yy42OTEgMCAxLjI1LjU2IDEuMjUgMS4yNXptMS4zOTMtOS45OThjLS42MDgtLjYxNi0xLjUxNS0uOTU1LTIuNTUxLS45NTUtMi4xOCAwLTMuNTkgMS41NS0zLjU5IDMuOTVoMi4wMTFjMC0xLjQ4Ni44MjktMi4wMTMgMS41MzgtMi4wMTMuNjM0IDAgMS4zMDcuNDIxIDEuMzY0IDEuMjI2LjA2Mi44NDctLjM5IDEuMjc3LS45NjIgMS44MjEtMS40MTIgMS4zNDMtMS40MzggMS45OTMtMS40MzIgMy40NjhoMi4wMDVjLS4wMTMtLjY2NC4wMy0xLjIwMy45MzUtMi4xNzguNjc3LS43MyAxLjUxOS0xLjYzOCAxLjUzNi0zLjAyMi4wMTEtLjkyNC0uMjg0LTEuNzE5LS44NTQtMi4yOTd6Ii8+PC9zdmc+);
  background-repeat: no-repeat; background-size: 20px 20px;}
.drop-icon.-chat {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgM2M1LjUxNCAwIDEwIDMuNTkyIDEwIDguMDA3IDAgNC45MTctNS4xNDUgNy45NjEtOS45MSA3Ljk2MS0xLjkzNyAwLTMuMzgzLS4zOTctNC4zOTQtLjY0NC0xIC42MTMtMS41OTUgMS4wMzctNC4yNzIgMS44Mi41MzUtMS4zNzMuNzIzLTIuNzQ4LjYwMi00LjI2NS0uODM4LTEtMi4wMjUtMi40LTIuMDI1LTQuODcyLS4wMDEtNC40MTUgNC40ODUtOC4wMDcgOS45OTktOC4wMDd6bTAtMmMtNi4zMzggMC0xMiA0LjIyNi0xMiAxMC4wMDcgMCAyLjA1LjczOCA0LjA2MyAyLjA0NyA1LjYyNS4wNTUgMS44My0xLjAyMyA0LjQ1Ni0xLjk5MyA2LjM2OCAyLjYwMi0uNDcgNi4zMDEtMS41MDggNy45NzgtMi41MzYgMS40MTguMzQ1IDIuNzc1LjUwMyA0LjA1OS41MDMgNy4wODQgMCAxMS45MS00LjgzNyAxMS45MS05Ljk2MS0uMDAxLTUuODExLTUuNzAyLTEwLjAwNi0xMi4wMDEtMTAuMDA2em0tMy41IDEwYzAgLjgyOS0uNjcxIDEuNS0xLjUgMS41LS44MjggMC0xLjUtLjY3MS0xLjUtMS41cy42NzItMS41IDEuNS0xLjVjLjgyOSAwIDEuNS42NzEgMS41IDEuNXptMy41LTEuNWMtLjgyOCAwLTEuNS42NzEtMS41IDEuNXMuNjcyIDEuNSAxLjUgMS41Yy44MjkgMCAxLjUtLjY3MSAxLjUtMS41cy0uNjcxLTEuNS0xLjUtMS41em01IDBjLS44MjggMC0xLjUuNjcxLTEuNSAxLjVzLjY3MiAxLjUgMS41IDEuNWMuODI5IDAgMS41LS42NzEgMS41LTEuNXMtLjY3MS0xLjUtMS41LTEuNXoiLz48L3N2Zz4=);
  background-repeat: no-repeat; background-size: 20px 20px;}
.drop-icon.-point {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTggMTFjMi43NTcgMCA1IDIuMjQzIDUgNXMtMi4yNDMgNS01IDUtNS0yLjI0My01LTUgMi4yNDMtNSA1LTV6bTAtMWMtMy4zMTMgMC02IDIuNjg3LTYgNnMyLjY4NyA2IDYgNiA2LTIuNjg3IDYtNi0yLjY4Ny02LTYtNnptLjUgOC40NzR2LjUyNmgtLjV2LS40OTljLS41MTgtLjAwOS0xLjA1My0uMTMyLTEuNS0uMzYzbC4yMjgtLjgyMmMuNDc4LjE4NiAxLjExNC4zODMgMS42MTIuMjcuNTc0LS4xMy42OTItLjcyMS4wNTctMS4wMDUtLjQ2NS0uMjE3LTEuODg5LS40MDItMS44ODktMS42MjIgMC0uNjgxLjUyLTEuMjkyIDEuNDkyLTEuNDI1di0uNTM0aC41di41MDljLjM2Mi4wMS43NjguMDczIDEuMjIxLjIxbC0uMTgxLjgyNGMtLjM4NC0uMTM1LS44MDgtLjI1Ny0xLjIyMi0uMjMyLS43NDQuMDQzLS44MS42ODgtLjI5Ljk1OC44NTYuNDAyIDEuOTcyLjcgMS45NzIgMS43NzMuMDAxLjg1OC0uNjcyIDEuMzE1LTEuNSAxLjQzMnptLTcuOTExLTUuNDc0aC0yLjU4OXYtMmgzLjc2NWMtLjQ4NC42MDItLjg4MSAxLjI3NC0xLjE3NiAyem0tLjU4OSAzaC0ydi0yaDIuMjY0Yy0uMTY2LjY0MS0uMjY0IDEuMzA5LS4yNjQgMnptMi43MjctNmgtNC43Mjd2LTJoN3YuNTg5Yy0uODM5LjM0MS0xLjYwNC44MjItMi4yNzMgMS40MTF6bTIuMjczLTZoLTd2LTJoN3Yyem0wIDNoLTd2LTJoN3Yyem0tNC40MTEgMTJoLTIuNTg5di0yaDIuMDY5Yy4wODguNjk4LjI2NCAxLjM2OS41MiAyem0tMTAuNTg5LTExaDd2MmgtN3YtMnptMCAzaDd2MmgtN3YtMnptMTIuNzI3IDExaC00LjcyN3YtMmgzLjA4MmMuNDM4Ljc1My45OTQgMS40MjggMS42NDUgMnptLTEyLjcyNy01aDd2MmgtN3YtMnptMCAzaDd2MmgtN3YtMnptMC02aDd2MmgtN3YtMnoiLz48L3N2Zz4=);
  background-repeat: no-repeat; background-size: 20px 20px;}
.drop-icon.-team {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAuNjQ0IDE3LjA4YzIuODY2LS42NjIgNC41MzktMS4yNDEgMy4yNDYtMy42ODItMy45MzItNy40MjctMS4wNDItMTEuMzk4IDMuMTExLTExLjM5OCA0LjIzNSAwIDcuMDU0IDQuMTI0IDMuMTEgMTEuMzk4LTEuMzMyIDIuNDU1LjQzNyAzLjAzNCAzLjI0MiAzLjY4MiAyLjQ4My41NzQgMi42NDcgMS43ODcgMi42NDcgMy44ODl2MS4wMzFoLTE4YzAtMi43NDUtLjIyLTQuMjU4IDIuNjQ0LTQuOTJ6bS0xMi42NDQgNC45Mmg3LjgwOWMtLjAzNS04LjE3NyAzLjQzNi01LjMxMyAzLjQzNi0xMS4xMjcgMC0yLjUxMS0xLjYzOS0zLjg3My0zLjc0OC0zLjg3My0zLjExNSAwLTUuMjgyIDIuOTc5LTIuMzMzIDguNTQ5Ljk2OSAxLjgzLTEuMDMxIDIuMjY1LTMuMTgxIDIuNzYxLTEuODYyLjQzLTEuOTgzIDEuMzQtMS45ODMgMi45MTd2Ljc3M3oiLz48L3N2Zz4=);
  background-repeat: no-repeat; background-size: 20px 20px;}
.drop-icon.-bell {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUgMjFjMCAxLjU5OC0xLjM5MiAzLTIuOTcxIDNzLTMuMDI5LTEuNDAyLTMuMDI5LTNoNnptLjEzNy0xNy4wNTVjLS42NDQtLjM3NC0xLjA0Mi0xLjA3LTEuMDQxLTEuODJ2LS4wMDNjLjAwMS0xLjE3Mi0uOTM4LTIuMTIyLTIuMDk2LTIuMTIycy0yLjA5Ny45NS0yLjA5NyAyLjEyMnYuMDAzYy4wMDEuNzUxLS4zOTYgMS40NDYtMS4wNDEgMS44Mi00LjY2OCAyLjcwOS0xLjk4NSAxMS43MTUtNi44NjIgMTMuMzA2djEuNzQ5aDIwdi0xLjc0OWMtNC44NzctMS41OTEtMi4xOTMtMTAuNTk4LTYuODYzLTEzLjMwNnptLTMuMTM3LTIuOTQ1Yy41NTIgMCAxIC40NDkgMSAxIDAgLjU1Mi0uNDQ4IDEtMSAxcy0xLS40NDgtMS0xYzAtLjU1MS40NDgtMSAxLTF6bS02LjQ1MSAxNmMxLjE4OS0xLjY2NyAxLjYwNS0zLjg5MSAxLjk2NC01LjgxNS40NDctMi4zOS44NjktNC42NDggMi4zNTQtNS41MDkgMS4zOC0uODAxIDIuOTU2LS43NiA0LjI2NyAwIDEuNDg1Ljg2MSAxLjkwNyAzLjExOSAyLjM1NCA1LjUwOS4zNTkgMS45MjQuNzc1IDQuMTQ4IDEuOTY0IDUuODE1aC0xMi45MDN6Ii8+PC9zdmc+);
  background-repeat: no-repeat; background-size: 20px 20px;}
.drop-icon.-search {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjMuODA5IDIxLjY0NmwtNi4yMDUtNi4yMDVjMS4xNjctMS42MDUgMS44NTctMy41NzkgMS44NTctNS43MTEgMC01LjM2NS00LjM2NS05LjczLTkuNzMxLTkuNzMtNS4zNjUgMC05LjczIDQuMzY1LTkuNzMgOS43MyAwIDUuMzY2IDQuMzY1IDkuNzMgOS43MyA5LjczIDIuMDM0IDAgMy45MjMtLjYyNyA1LjQ4Ny0xLjY5OGw2LjIzOCA2LjIzOCAyLjM1NC0yLjM1NHptLTIwLjk1NS0xMS45MTZjMC0zLjc5MiAzLjA4NS02Ljg3NyA2Ljg3Ny02Ljg3N3M2Ljg3NyAzLjA4NSA2Ljg3NyA2Ljg3Ny0zLjA4NSA2Ljg3Ny02Ljg3NyA2Ljg3N2MtMy43OTMgMC02Ljg3Ny0zLjA4NS02Ljg3Ny02Ljg3N3oiLz48L3N2Zz4=);
  background-repeat: no-repeat; background-size: 20px 20px;}
.drop-icon.-call {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjAgOS4zNTJjMC00Ljg1Mi00Ljc1LTguMzUyLTEwLTguMzUyLTUuMjgxIDAtMTAgMy41MjctMTAgOC4zNTIgMCAxLjcxLjYxNSAzLjM5IDEuNzA1IDQuNjk1LjA0NyAxLjUyNy0uODUgMy43MTktMS42NiA1LjMxMiAyLjE2OC0uMzkxIDUuMjUyLTEuMjU4IDYuNjQ4LTIuMTE1IDcuNjk4IDEuODc3IDEzLjMwNy0yLjg0MiAxMy4zMDctNy44OTJ6bS0xNC41IDEuMzgxYy0uNjg5IDAtMS4yNS0uNTYtMS4yNS0xLjI1cy41NjEtMS4yNSAxLjI1LTEuMjUgMS4yNS41NiAxLjI1IDEuMjUtLjU2MSAxLjI1LTEuMjUgMS4yNXptNC41IDBjLS42ODkgMC0xLjI1LS41Ni0xLjI1LTEuMjVzLjU2MS0xLjI1IDEuMjUtMS4yNSAxLjI1LjU2IDEuMjUgMS4yNS0uNTYxIDEuMjUtMS4yNSAxLjI1em00LjUgMGMtLjY4OSAwLTEuMjUtLjU2LTEuMjUtMS4yNXMuNTYxLTEuMjUgMS4yNS0xLjI1IDEuMjUuNTYgMS4yNSAxLjI1LS41NjEgMS4yNS0xLjI1IDEuMjV6bTcuMDM2IDEuNDQxYy0uMTYxLjQ4OC0uMzYxLjk2MS0uNjAxIDEuNDE2IDEuNjc3IDEuMjYyIDIuMjU3IDMuMjI2LjQ2NCA1LjM2NS0uMDIxLjc0NS0uMDQ5IDEuMDQ5LjEzOCAxLjg2NS0uODkyLS4zMDctLjk3OS0uMzkyLTEuNjY1LS44MTMtMi4xMjcuNTE5LTQuMjY1LjY5Ni02LjA4OS0uODU1LS41NjIuMTU5LTEuMTQ1LjI3OC0xLjc0LjM2NCAxLjUxMyAxLjg3NyA0LjI5OCAyLjg5NyA3LjU3NyAyLjEuOTE0LjU2MSAyLjkzMyAxLjEyNyA0LjM1MiAxLjM4NS0uNTMtMS4wNDUtMS4xMTctMi40NzktMS4wODgtMy40NzkgMS43NTUtMi4wOTggMS41NDMtNS40MzYtMS4zNDgtNy4zNDh6Ii8+PC9zdmc+);
  background-repeat: no-repeat; background-size: 20px 20px;}
.drop-icon.-upload {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMjRjNi42MjcgMCAxMi01LjM3MyAxMi0xMnMtNS4zNzMtMTItMTItMTItMTIgNS4zNzMtMTIgMTIgNS4zNzMgMTIgMTIgMTJ6bTAtMjJjNS41MTQgMCAxMCA0LjQ4NiAxMCAxMHMtNC40ODYgMTAtMTAgMTAtMTAtNC40ODYtMTAtMTAgNC40ODYtMTAgMTAtMTB6bTIgMTRoLTR2LTFoNHYxem0wIDF2MWgtNHYtMWg0em0tNC02aC00bDYtNiA2IDZoLTR2M2gtNHYtM3oiLz48L3N2Zz4=);
  background-repeat: no-repeat; background-size: 20px 20px;}
.drop-icon.-bell2 {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUgMjFjMCAxLjU5OC0xLjM5MiAzLTIuOTcxIDNzLTMuMDI5LTEuNDAyLTMuMDI5LTNoNnptLjEzNy0xNy4wNTVjLS42NDQtLjM3NC0xLjA0Mi0xLjA3LTEuMDQxLTEuODJ2LS4wMDNjLjAwMS0xLjE3Mi0uOTM4LTIuMTIyLTIuMDk2LTIuMTIycy0yLjA5Ny45NS0yLjA5NyAyLjEyMnYuMDAzYy4wMDEuNzUxLS4zOTYgMS40NDYtMS4wNDEgMS44Mi00LjY2OCAyLjcwOS0xLjk4NSAxMS43MTUtNi44NjIgMTMuMzA2djEuNzQ5aDIwdi0xLjc0OWMtNC44NzctMS41OTEtMi4xOTMtMTAuNTk4LTYuODYzLTEzLjMwNnptLTMuMTM3LTIuOTQ1Yy41NTIgMCAxIC40NDkgMSAxIDAgLjU1Mi0uNDQ4IDEtMSAxcy0xLS40NDgtMS0xYzAtLjU1MS40NDgtMSAxLTF6bS02LjQ1MSAxNmMxLjE4OS0xLjY2NyAxLjYwNS0zLjg5MSAxLjk2NC01LjgxNS40NDctMi4zOS44NjktNC42NDggMi4zNTQtNS41MDkgMS4zOC0uODAxIDIuOTU2LS43NiA0LjI2NyAwIDEuNDg1Ljg2MSAxLjkwNyAzLjExOSAyLjM1NCA1LjUwOS4zNTkgMS45MjQuNzc1IDQuMTQ4IDEuOTY0IDUuODE1aC0xMi45MDN6bTE1LjIyOS03LjY3OWMuMTguNzIxLjA1IDEuNDQ2LS4zMDQgMi4wMzVsLjk3LjU4NGMuNTA0LS44MzguNjg4LTEuODY5LjQzMy0yLjg5Mi0uMjU1LTEuMDI0LS45LTEuODQ4LTEuNzM5LTIuMzUxbC0uNTgyLjk3Yy41ODkuMzU1IDEuMDQzLjkzNCAxLjIyMiAxLjY1NHptLjM5Ni00LjM0NmwtLjU5Ny45OTVjMS4wMjMuNjE2IDEuODEyIDEuNjIzIDIuMTI1IDIuODc0LjMxMSAxLjI1MS4wODUgMi41MS0uNTMgMy41MzRsLjk5NC41OThjLjUzNi0uODkyLjgzNS0xLjkyNi44MzUtMy0uMDAxLTEuOTgtMS4wMS0zLjkwOS0yLjgyNy01LjAwMXptLTE2LjczIDIuNjkybC0uNTgyLS45N2MtLjgzOS41MDQtMS40ODQgMS4zMjctMS43MzkgMi4zNTEtLjI1NSAxLjAyMy0uMDcxIDIuMDUzLjQzMyAyLjg5MmwuOTctLjU4NGMtLjM1NC0uNTg4LS40ODQtMS4zMTQtLjMwNC0yLjAzNS4xNzktLjcyLjYzMy0xLjI5OSAxLjIyMi0xLjY1NHptLTQuNDQ0IDIuMzA4YzAgMS4wNzQuMjk5IDIuMTA4LjgzNSAzbC45OTQtLjU5OGMtLjYxNS0xLjAyNC0uODQxLTIuMjgzLS41My0zLjUzNC4zMTItMS4yNTEgMS4xMDEtMi4yNTggMi4xMjQtMi44NzNsLS41OTctLjk5NWMtMS44MTcgMS4wOTItMi44MjYgMy4wMjEtMi44MjYgNXoiLz48L3N2Zz4=);
  background-repeat: no-repeat; background-size: 16px 16px;background-position: center;}
.icon3-search {color: #1a1a1a !important;position: absolute;margin-top: 1px;margin-left: -9px;width: 15px;height: 15px;border: solid 2px currentColor;border-radius: 100%;
	 -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.icon3-search:before {content: '';position: absolute;top: 12px;left: 5px;height: 7px;width: 2px;background-color: currentColor;}

.mt-64 {margin-top:64px !important;}
.mb-64 {margin-bottom:64px !important;}
.pl-64 {padding-left:64px !important;}
.pr-64 {padding-right:64px !important;}
.pt-64 {padding-top:64px !important;}
.pt-40 {padding-top:40px !important;}
.pb-64 {padding-bottom:64px !important;}
.pb-40 {padding-bottom:40px !important;}
.mt-40 {margin-top:40px !important;}
.mb-40 {margin-bottom:40px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-24 {padding-top:24px !important;}
.pb-24 {padding-bottom:24px !important;}


.display-block {display:block;}
.display-inline {display:inline;}
.display-auto {display:auto; font-size:28px; font-weight:700;}
.display-none {display:none; font-size:24px; font-weight:700;}

.modal-footer-description {color:#aaaaaa;}

@media (max-width: 991px) {
  .m-pt-0 {padding-top: 0 !important;}
}

.bgremove-dialog .jconfirm-content-pane{
  min-height: 300px !important;
}
.bgremove-dialog .jconfirm-title-c{
  padding-top: 40px;
}
.bgremove-dialog .jconfirm-title{
  font-size: 24px !important;
  color: #fff !important;
}
.bgremove-dialog .jconfirm-title-c,
.bgremove-dialog .jconfirm-content{
  text-align: center !important;
  color: #fff !important;
}
.bgremove-dialog .jconfirm-content .remove-body{
  color: #fff !important;

}
.bgremove-dialog .jconfirm-content .remove-body p{
  line-height: 32px;
  font-size: 18px;
}
.bgremove-dialog .jconfirm-content .progress-circle{
  width: 100px;
  height: 100px;
  display: flex;
  margin: 60px auto;
}
.progress-circle .loader-circle {
  width: 90px;
  height: 90px;
  border-top: 6px solid #e7eaf330;
  border-right: 6px solid #e7eaf330;
  border-bottom: 6px solid #e7eaf330;
  border-left: 6px solid rgba(55, 125, 255, 1);
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in;
  -webkit-animation-name:             crotate; 
  -webkit-animation-duration:         0.8s; 
  -webkit-animation-iteration-count:  infinite;
  -webkit-animation-timing-function: linear;
  transition: all 0.5s ease-in;
  animation-name:             crotate; 
  animation-duration:         0.8s; 
  animation-iteration-count:  infinite;
  animation-timing-function: linear; 
}
 @keyframes crotate {
    from {
        transform: rotate(0deg);
    }
    to { 
        transform: rotate(360deg);
    }
}
 @-webkit-keyframes crotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}

.bgremove-dialog .jconfirm-content .remove-bg-cancel{
  color: #fff;
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  background: rgb(0,0,0);
  border-radius: 4px;
  margin: auto;
  margin-top: 30px;
}

.grid-font {display:grid;width:100%; grid-template-columns: 1fr 1fr 1fr; grid-gap:7px;}
.grid-font-item {width:100%;height:90px; background-color:#ffffff;; border-radius:4px; cursor:pointer; overflow:hidden;transition:background .2s;display: flex;justify-content: center;align-items: center;}
.grid-font-item:hover {background-color: #c2e4ff;}
.grid-font-item .blank-item{width:100%;height:100%;}

.grid-font-all {display:grid;width:100%; grid-template-columns: 1fr 1fr; grid-gap:7px;}
.grid-font-all > .grid-font-item {width:140px;height:104px;}

.user-class.user-g-10,
.progress-bar.user-g-10{background: #000000 !important;}
.user-class.user-g-20,
.progress-bar.user-g-20{background: #a8a8a8 !important;}
.user-class.user-g-30,
.progress-bar.user-g-30{background: #fab630 !important;}
.user-class.user-g-40,
.progress-bar.user-g-40{background: #30d2fb !important;}