:root{
	--ul-top-back: rgb(24,28,50);
	--ul-top-a-col: #7e8299;
	--ul-top-a-hov-col: #3989da;
	--ul-top-a-hov-bord: none;
	--ul-top-a-hov-back: #303347;
	--ul-top-a-bord: none;
	--lower-bg: none;
	--theme-color: #287ade;
	--white: #ffffff;
	--black: #000000;
	--pure-dark: #000000;
	--grey: #999999;
	--red: #ff3300;
	--green: #00cc00;
	--a-color: #0071bc;
	--sced-a: #222222;
	--sced-btn-hov: #f3f3f3;
	--just-white: #efefef;
	--slide-white: #dddddd;
	--slide-grey: #c5c5c5;
	--light-grey: #cccccc;
	--just-black: #444444;
	--text-black: #2b2b2b;
	--dark-white: #eeeeee;
	--dark-sky: #4874a3;
	--near-white: #fafafa;
	--just-grey: #888888;
	--dark-grey: #666666;
	--grey-tone: #aaaaaa;
	--black-tone: #141414;
	--darkest-green: #263c30;
	--starting-grey: #bbbbbb;
	--medium-black: #333333;
	--medium-grey: #777777;
	--fine-white: #f5f5f5;
	--toolbar-bg: #f7f7f7;
	--toolbar-border: #d4d0cf;
	--lightest-red: #ffdde0;
	--yellow: #f7e86a;
	--lightest-yellow: #fffbd9;
	--medium-yellow: #fff6bf;
	--light-pink: #ffb8be;
	--point-white: #f1f1f1;
	--trow-2: #dfdfdf;
	--point-black: #0f0f0f;
	--tcat: #0f0f0f;
	--tcat-color: #ffffff;
	--button-bg: #eeeeee;
	--button-sced-bg: #ececec;
	--button-color: #555555;
	--post-btn-bg: #DDDDDD;
	--post-btn-color: #33313B;
	--light-violet: #e8deff;
	--transparent-black: rgba(0,0,0,0.1);
	--alt-black-transparent: rgba(0,0,0,0.2);
	--transparent-white: rgba(255,255,255,0.1);
	--alt-white-transparent: rgba(255,255,255,0.2);
	--font-color: #141414;
	--black-font: #111111;
	--label-color: #3c3c3c;
	--main-bg: linear-gradient(69deg, #244a87, #00639b, #007ca7, #0093ac, #00a9ac, #00b4bb, #00beca, #00c9da, #00c7fa, #62c0ff, #abb4ff, #e8a3fe);
	--dark-bg: #343F56;
	--i-bg: linear-gradient(to left, #abb510, #bdae00, #cda700, #dd9f00, #eb9612);
	--grey-point: rgba(158, 158, 158,0.5);
	--pink-tone: linear-gradient(287deg,rgba(245, 195, 32,0.8), rgba(168, 106, 13,0.9),rgba(227, 50, 124,0.8) 0px,rgba(227, 50, 200,0.9),rgba(219, 131, 31,0.9));
	--transparent: rgba(255,255,255,0.2);
	--transparent-tone: -webkit-gradient(linear, left top, left bottom, from(rgba(245,245,245,0.3)),to(rgba(250,250,250,0.2)), color-stop(.5,rgba(252,252,252,0.3)));
	/** sceditor **/
	  --sceditor-bg: #ffffff;
	  --sced-box-bg: #f1f1f1;
	  --sced-tools-bg: #FCFCFD;
	  --sced-btn-color: #3e3f5e;
	  --main-blue: #5dcfff;
      --default-color: #52536d;
    --default-border-color: #eeeeee;
	--mod-border: #aaaaaa;
}


/** css library **/
.full-width {
	width: 100%;
}

.m-font-size {
    font-size: 1em;
}

.n-font-size {
	font-size: 2.5rem;
}

.padding-1r {
	padding: 1rem;
}

.m-padding {
	padding: 1rem;
}

.l-padding {
	padding: calc(1.2 * 1rem);
}

.half-padding {
	padding: 0.5rem;
}

.padding-top-m {
	padding-top: 1rem;
}

.top-margin {
	margin-top: 1rem;
}

.m-margin {
	margin: 2vw;
}

.m-bdr-radius {
	border-radius: 1rem;
}

.flex {
	display: flex;
}

.flex-between {
	display: flex;
	justify-content: space-between;
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.align-center {
	display: flex;
	align-items: center;
}

.flex-between-center {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.space-evenly {
	justify-content: space-evenly;
}

.space-around {
	justify-content: space-around;
}
		
.flex-wrap {
	flex-wrap: wrap;
}

.flex1 {
	flex: 1;
}

.dir-col {
	flex-direction: column;
}

.flex-center-col {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.flex-center-col-flex1 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	flex: 1;
}

.gap-0 {
	gap: 0;
}

.gap-4 {
	gap: 4px;
}

.gap-6 {
	gap: 6px;
}

.gap-8 {
	gap: 8px;
}

.gap-10 {
	gap: 10px
}

.gap-1vw {
	gap: 1vw;
}

.gap-1rem {
	gap: 1rem;
}

.no-space {
	white-space: nowrap;
}

.tras-250-eio {
	transition: 250ms ease-in-out;
}

.light-color {
	color: #d1d1d1 !important;
}

.bg-white {
	background: var(--white);
}

.bg-fine-white {
	background: var(--fine-white);
}


/** media query properties **/
@media (max-width: 768px) {
	.padding-top\@m {
		padding-top: 1rem;
	}
}

			
/** end **/