.msg{
    background: linear-gradient(135deg, var(--msg-back1) 0%, var(--msg-back2) 100%);
    line-height:30px;
    vertical-align:center;
    border-radius:8px;
    color:var(--msg-color);
    padding:5px;
    margin:5px;
    margin-left:0px; 
}
.msg-error{
    background: rgb(202, 0, 0);
    color:#fff;
    line-height:30px;
    vertical-align:center;
    border-radius:8px;
    color:var(--msg-color);
    padding:5px;
    margin:5px;
    margin-left:0px; 
} 
.browser-error-icon{
    background: var(--browser-error-icon);
    width: 50px;
    height: 50px;
    margin-right: 5px;
    margin-left: 5px;
}
.click{
    cursor: pointer;
}
.fn-toggle{
    cursor: pointer;
}
/* .header{
    background-image: linear-gradient(135deg, var(--main-color) 40%, var(--main2-color) 100%);
    color:var(--header-text);
    border: 0px #fff solid;
    
} */
.header-no-shadow{
    background-image: linear-gradient(135deg, var(--main-color) 40%, var(--main2-color) 100%);
    box-shadow: none ;
    color:var(--header-text);
    border: 0px #fff solid;
    
}
.header-min{
    background: var(--header-min);
    color:var(--header-min-text)
}

.curve-shadow{
    border-bottom: var(--curve-shadow) 30px solid;
}
.com-header{
    background-color: var(--com-color);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
    color:var(--black-text);
}
.headerLineHeight{
    line-height:32.5px;
}
.footer-img{
    width: 30px;
    height: 30px;
}
footer .curve{
    border-radius: 25px;
}
.btn-icon{
    width: 20px;
    height:20px;
    object-fit: cover;
}
.curve{
    border-radius: var(--corner-curve);
}
.curveTop{
    border-top-right-radius: var(--corner-curve);
    border-top-left-radius: var(--corner-curve);
}
.curveBottom{
    border-bottom-right-radius: var(--corner-curve);
    border-bottom-left-radius: var(--corner-curve);
}
.blockView{
    display: inline-table;
}
.pad{
    padding:5px;
}
.sp{
    margin:5px;
}
.spAfter{
    margin-bottom:10px;
}
.spBefore{
    margin-top:10px;
}
.spLeft{
    margin-left:10px;
}
.spRight{
    margin-right:10px;
}
.spRightDouble{
    margin-right:20px;
}
.fn-border-white{
    border: rgb(92, 92, 92) 1px solid;
    border-radius: var(--corner-curve);
}
.fn-border{
    border: white 1px solid;
    border-radius: var(--corner-curve);
}
.fn-shadow{
    box-shadow: 0px 5px 5x 1px rgba(0, 0, 0, 50%);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 50%);
	-moz-box-shadow: 1px 1px 5px  rgba(0, 0, 0, 50%);
}
.fn-img-contain{
    object-fit: contain;
    background-size: contain;;
}
.fn-img-cover{
    object-fit: cover;
    background-size: cover;;
}
.fnTableHeader{
    text-align: left;
    color:var(--table-header-text);
    background-color:var(--table-header);
    padding:10px;
}
.fnTableList0{
    background-color:var(--com-tr0-color);
    padding:5px;
    color:var(--com-tr0-text-color);
    transition: color 0.15s ease-in-out, 
        background-color 0.50s ease-in-out, 
        border-color 0.15s ease-in-out, 
        box-shadow 0.15s ease-in-out;
    /* border: solid 0.5px #fff; */
}
.fnTableList1{
    background-color:var(--com-tr1-color);
    padding:5px;
    color:var(--com-tr1-text-color);
    transition: color 0.15s ease-in-out, 
        background-color 0.50s ease-in-out, 
        border-color 0.15s ease-in-out, 
        box-shadow 0.15s ease-in-out;
}
.fnTableList0:hover{
    background-color:var(--com-tr0-color-hover);
    cursor:pointer;
    color:var(--com-tr0-text-color-hover);
}
.fnTableList1:hover{
    background-color:var(--com-tr1-color-hover);
    cursor:pointer;
    color:var(--com-tr1-text-color-hover);
}

.bold-text{
    font-weight: 900;
}
.fn-number-badge{
    border-radius: 5px;
    height: 20px;
    color:#fff;
    background-color: rgb(0, 62, 119);
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 7px;
    margin-right: 5px;
    vertical-align: middle;
}
.fn-number-badge-text{
    vertical-align: middle;
}
.smallIcon{
    width: 25px;
    height: 25px;
    padding: 1px;
    display: block;
}
.loading{
    width: 20px;
    height: 20px;
}
.loading-big{
    width: 60px;
    height: 60px;
}
.tab-btn{
    height: 30px;
    background:var(--main-color);
    color:#fff;
    cursor: pointer;
    padding: 10px;
}
.tab-btn-active{
    background-color: #214d00;
    color:#fff;
}.tab-body{
    background-color:var(--site-bg);
    
}.tab-btn-holder{
    position: relative;
}
.tab-header{
    background-color: #00374d;
    color:#fff;
}
.tab-header2{
    background-color: #00719e;
    color:#fff;
}
.color_preview{
    width: 30px;
    height: 30px;
}
.footer-developers{
    color:rgb(197, 197, 197);
    font-size:12px
}
.center{
    text-align: center;
}
.wh-bg{
    background: #fff;
}
.home-page img{
    object-fit:'cover' !important;
    background-size: cover !important;
    /* max-height:400px !important; */
    width:100% !important; 
    border: white 1px solid !important;
    border-radius: var(--corner-curve) !important;
    box-shadow: 0px 5px 5x 1px rgba(0, 0, 0, 50%);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 50%);
    -moz-box-shadow: 1px 1px 5px  rgba(0, 0, 0, 50%);
    background-repeat: no-repeat !important;
}
.edit-about textarea{
    width: 100%;
}
.help-text{
    color: rgb(161, 161, 161);
    font-size: 14px;
}