@font-face{font-family: 'Merriweather', serif;src: url('./Merriweather/Merriweather-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;}@font-face{font-family: 'Merriweather', serif;src: url('Merriweather/Merriweather-Bold.ttf') format('truetype');font-weight: bold;font-style: normal;}@font-face{font-family: 'Merriweather', serif;src: url('Merriweather/Merriweather-Italic.ttf') format('truetype');font-weight: normal;font-style: italic;}*{font-family: 'Merriweather', serif !important;}body{font-family: 'Merriweather', serif !important;}#header{position: static;z-index: 99;top: 0px;left: 0px;width: 100%;background: linear-gradient(90deg, rgb(5, 41, 80) 30%, rgb(9, 75, 104) 80%, rgb(16, 126, 138) 100%);}#header nav{background:transparent;}#header .logo{width: 170px;}.main{position: relative;display: flex;flex-wrap: wrap;padding: 0 15px;}#sidebar{width: 230px;height: calc(100vh - 67px);border-right: 1px solid #eee;position: sticky;z-index: 1;top: 67px;position: -webkit-sticky;left: 0;padding: 15px 10px 20px 0;}#sidebar ul{padding-left: 0;}#sidebar ul li{list-style: none;color: #333333;font-size: 15px;}#sidebar ul li a{color: inherit;display: block;padding: 10px 7px;}#sidebar ul li ul li a.active{border-color: #008DB1;background: #eeeeee;}#sidebar ul li ul li a{border-left: 3px solid #cccccc;padding: 8px 15px;transition: 0.3s;}#sidebar ul li a:hover{background: #eeeeee;}.content-wrapper{padding: 20px 0 0 30px;width: -webkit-calc(100% - 250px);width: -moz-calc(100% - 250px);width: -ms-calc(100% - 250px);width: calc(100% - 250px);}.content-wrapper .content-header h2{color: #083f5f;font-weight: 600;}.content-wrapper .content-header{}.w-80{width:80%;}.component-demo-stage-content{max-width:1024px;width:80%;padding-right: 50px;}.component-demo-stage-content-context-menu{width:200px;}.component-demo-stage-content-context-menu .table-of-contents li{padding:0;}.component-demo-stage-content-context-menu .table-of-contents a{color: #333;font-size: 14px;height: auto;padding: 6px 10px 6px 15px;font-weight: 400;border-left: 2px solid rgba(0, 0, 0, 0.12);}.component-demo-stage-content-context-menu .table-of-contents a:hover,.component-demo-stage-content-context-menu .table-of-contents a.active{border-left-color:#222222;}.inner-title{font-size: 15px;font-weight: 600;}.custom-demo-tab{border-bottom:1px solid #ccc;}.custom-demo-tab .tab a{font-size:15px;font-weight:400;}.custom-demo-tab .tab a.active{font-weight:600;}.tab-contnet-height{min-height:320px;}.f-16{font-size:16px;}.f-14{font-size:14px;}.content-tab-center.active{display: flex;height:220px;justify-content:center;;align-items: center;}.content-demo:hover{box-shadow: 0 0 8px 0 rgb(0 0 0 / 8%), 0 0 15px 0 rgb(0 0 0 / 2%), 0 0 20px 4px rgb(0 0 0 / 6%);}.table-of-contents li{white-space: nowrap;}.common-color-height{height:150px;}.gradient-wrapper{width: 100%;height: 44px;border: 2px solid #1F2667;padding: 2px;border-radius: 6px;}.color-gradient-pallet-fact-h{height: 36px;border-radius: 4px;}.color-gradient-pallet-fact{position: relative;background: rgb(5,41,80);background: linear-gradient(90deg, rgba(5,41,80,1) 30%, rgba(9,75,104,1) 80%, rgba(16,126,138,1) 100%)}.gradient-point{z-index: 10;position: absolute;width: 26px;height: 62px;}.point-background{position: absolute;top: 0;left: 5px;width: 22px;height: 62px;background: rgba(0,0,0,0.2);border-radius: 14px;opacity: 0;-webkit-transition: all 250ms ease-out;transition: all 250ms ease-out;}.point-visual{position: absolute;top: 3px;left: 0px;width: 16px;height: 56px;background: #fff;border: 2px solid #1F2667;border-radius: 8px;-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 50%);box-shadow: 0 1px 2px rgb(0 0 0 / 50%);-webkit-transition: all 250ms ease-out;transition: all 250ms ease-out}.point-color{position: absolute;top: 9px;left: 5px;width: 6px;height: 44px;background: #094679;border-radius: 3px;}.point-label{position: absolute;top: 66px;left: -9px;width: 32px;height: 26px;font-size:11px;-webkit-transform: scaleX(1.1) scaleY(1.2);transform: scaleX(1.1) scaleY(1.2);border: 2px solid #1F2667;border-radius: 8px;-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 50%);box-shadow: 0 1px 2px rgb(0 0 0 / 50%);display: flex;align-items: center;justify-content: center;}.grad-30.gradient-point{left:30%;top: -32%;}.grad-80.gradient-point{left:80%;top: -32%;}.grad-100.gradient-point{left:99.5%;top: -32%;}.circle-color{height:70px;width:70px;border-radius:50%;margin:7px auto;}.color-rulex-txt{color: #052950;font-weight: 600;}.color-column-height{height: 320px;}.color-stop{display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-between;height: 62px;border-radius: 6px;padding: 0px 16px;border: 1px solid transparent;-webkit-transition: all 175ms ease-out;transition: all 175ms ease-out;align-items:center;;}.color-stop.is-active{background: #f0f1f2;border: 1px solid #d9dcdf;}.color-stop-color{width: 20%;}.color-stop.is-active .color-stop-color .color-stop-color-bg{background: white;border: 2px solid #1F2667;-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 50%);box-shadow: 0 1px 2px rgb(0 0 0 / 50%);}.color-stop-color-bg{display:flex;width: 48px;height: 48px;background: rgba(255,255,255,0);border: 2px solid transparent;border-radius: 10px;}.color-stop-color-tile{margin-top: 3px;margin-left: 3px;width: 38px;height: 38px;border-radius: 6px;}.color-stop-color-hex{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 92px;height: 42px;padding: 0 8px;border: 1px solid #bbbfc5;border-radius: 6px;-webkit-transition: all 175ms ease-out;transition: all 175ms ease-out;text-align: center;background-color:#fff;align-items:center;justify-content: center;}.color-stop-color-positioning{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 45px;margin-top: 3px;background-color:#fff;height: 42px;padding: 0 8px;border: 1px solid #bbbfc5;border-radius: 6px;-webkit-transition: all 175ms ease-out;transition: all 175ms ease-out;text-align: center;background-color:#fff;align-items:center;justify-content: center;}.dynamic-color{height:35px;padding:0 15px;width:100%;}.dynamic-material{height:120px;padding:15px;}.box-color{height:200px;width:200px;}.h-color-block{height:98px;}@media(max-width: 1550px){.component-demo-stage-content .f-16{font-size:14px}.component-demo-stage-content .mb-4{margin-bottom:5px;}}@media(max-width: 1024px){.pl-m-0{padding-left: 0px}.pr-m-0{padding-right:0px;}}