.margin-top25{margin-top:25px!important}.padding-left0{padding-left:0!important}.padding-right0{padding-right:0!important}.padding-right2{padding-right:2px!important}.padding10px{padding:10px!important}.padding5px{padding:5px!important}.padding-bottom10px{padding-bottom:10px!important}.margin-bottom10px{margin-bottom:10px!important}.margin-bottom0{margin-bottom:0!important}.btn-custom{color:#fff;background:#28b463;border-color:#28b463;font-weight:bold}.btn-custom-gray{color:#808b96;background:#d6dbdf;border:1px solid #808b96;font-weight:bold;margin-bottom:5px}.btn-custom:hover{background:#2ecc71;border-color:#2ecc71}.border-custom{border:1px solid #ccc}.color-white{color:#fff!important}.font-size14{font-size:25px!important;font-weight:bold}.custom-size-image{width:100%!important;height:150px}.custom1{background:#f8f9f9;padding-top:10px}.custom2{background:#e5e7e9;padding-top:10px;padding-bottom:10px;margin-bottom:5px}.border{border:1px solid #ccc;padding:3px}.width100{width:100%}.width100px{width:100px}.width200px{width:200px}.border-bottom{outline:0 solid #ccc;border-bottom:1px dashed #ccc;background-color:#e5e7e9}.padding-left-right-0{padding-left:0!important;padding-right:0!important}.custom-border-radius{-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px}.height30px{height:30px}.topbar{margin-bottom:40px!important}.topbar-border{margin-top:5px!important;border-bottom:1px solid #ccc}.region_name_highlight{background-color:#ff0!important}.region_name{cursor:pointer;padding:5px}.region{padding:5px}.high-light-color{border:solid 2px #3949ab!important}.color-item{cursor:pointer;border:none}.canvas-hover-color{cursor:url("/Content/images/temp/fillcolor.png"),auto}.canvas-hover{cursor:pointer}.canvas-hover-draw{cursor:crosshair}.font-bold{font-weight:bold}.topbar-menu a:hover{color:#ffbf00;font-weight:bold;text-decoration:none}.margin10px{margin:10px!important}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.line-break{width:100%;border:1px dotted #999;margin-top:20px}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}.color-margin-left{margin-left:4px}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-margin{margin:0!important}.text-decor{text-shadow:2px 2px 4px #000;font-weight:bold;color:#fff}.underline-link{cursor:pointer;text-decoration:underline}.myModal .modal{text-align:center}.myModal .modal::before{content:"";display:inline-block;height:100%;margin-right:-4px;vertical-align:middle}.myModal .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}.display-inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.display-flex{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.align-middle{position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.center-element{position:absolute;top:50%;left:50%;-moz-transform:translate3D(-50%,-50%,0);-ms-transform:translate3D(-50%,-50%,0);-o-transform:translate3D(-50%,-50%,0);-webkit-transform:translate3D(-50%,-50%,0);transform:translate3D(-50%,-50%,0)}@media screen and (max-width:767px){.no-padding-xs{padding:0!important}}@media screen and (min-width:768px)and (max-width:991px){.no-padding-sm{padding:0!important}}.justified-content-between{-webkit-justify-content:space-between;justify-content:space-between}.display-flex-wrap{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.align-center{-webkit-align-items:center;align-items:center}.flex-direction-column{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex-direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.inline-flex{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap}.unstyle{list-style:none;padding-left:0}.img-ratio-16-9{position:relative;width:100%;height:0;overflow:hidden;padding-bottom:56.25%}.img-ratio-16-9 img{position:absolute;top:50%;left:50%;-moz-transform:translate3D(-50%,-50%,0);-ms-transform:translate3D(-50%,-50%,0);-o-transform:translate3D(-50%,-50%,0);-webkit-transform:translate3D(-50%,-50%,0);transform:translate3D(-50%,-50%,0);height:100%}.img-ratio-16-9 img.img-full-width{width:100%;height:auto}.img-ratio-16-9 iframe{position:absolute;top:0;left:0;width:100%;height:100%}.img-ratio-16-9 video::-webkit-media-controls-mute-button{display:none!important}.img-ratio-16-9 video::-webkit-media-controls-volume-slider{display:none!important}.full-height{position:relative;height:100%}.img-ratio-4-3{position:relative;width:100%;height:0;overflow:hidden;padding-bottom:75%}.img-ratio-4-3 img{position:absolute;top:50%;left:50%;-moz-transform:translate3D(-50%,-50%,0);-ms-transform:translate3D(-50%,-50%,0);-o-transform:translate3D(-50%,-50%,0);-webkit-transform:translate3D(-50%,-50%,0);transform:translate3D(-50%,-50%,0);height:100%}.img-ratio-4-3 img.img-full-width{width:100%;height:auto}.background-white{background-color:#fff}html body .background-img{z-index:-1;position:absolute;left:0;right:0;top:135px;bottom:67px;overflow:hidden}html body .background-img img{height:100%;width:100%;position:absolute;left:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}html body .header--container .header--wrapper{padding-left:0;padding-right:0}html body .header--container .header--wrapper .container{position:relative}html body .header--container .header--wrapper .colour-advisor-logo-wrapper{height:100%}html body .header--container .header--wrapper .colour-advisor-logo-wrapper a{position:absolute;top:12px;left:0}html body .header--container .header--wrapper .header_part-above{background:#ed1c24;border-bottom:1px solid #fff}html body .header--container .header--wrapper .header_part-above .colour-advisor-btn-login-wrapper{right:0;position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}html body .header--container .header--wrapper .header_part-above .colour-advisor-btn-login-wrapper span{color:#fff}html body .header--container .header--wrapper .header_part-above .colour-advisor-website-name{padding:10px 200px}html body .header--container .header--wrapper .header_part-above .colour-advisor-website-name h1{margin:0;color:#fff;font-size:28px}html body .header--container .header--wrapper .header_part-below{padding:10px 0;background:#3135a2}html body .header--container .header--wrapper .header_part-below .header-img-wrapper{padding:10px 200px}html body .header--container .header--wrapper .header_part-below img{max-height:66px}html body .print-content__wrapper{margin-top:13px}html body .print-content__wrapper .color--item:nth-child(2n+1){padding-left:0}html body .print-content__wrapper .color--item:nth-child(2n){padding-right:0}html body .modal-print-title{color:#3135a2;z-index:1000;padding:10px}html body .modal-print-title a,html body .modal-print-title h3{margin-top:0;margin-bottom:3px;color:#3135a2;font-weight:bold}html body .modal-print-title h3{font-size:16px;text-transform:uppercase}html body .modal-print-title a{font-size:13px}html body .upload-img{position:relative;margin-bottom:40px}html body .upload-img .button--wrapper{position:absolute;bottom:40px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}html body .login--container{padding-top:40px}html body .login--container .login-field-wrapper{padding:40px}html body .login--container .main-title{padding:10px;margin:0;text-align:center;font-size:22px;color:#0170b5;text-transform:uppercase;font-weight:bold}html body .login--container .note{color:#ed1c24;margin-left:5px;font-size:18px}html body .login--container form{display:flex}html body .login--container .login-form-wrapper{-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,.5);-moz-box-shadow:0 0 10px 1px rgba(0,0,0,.5);box-shadow:0 0 10px 1px rgba(0,0,0,.5);padding:0;display:flex;background:rgba(255,255,255,.8);margin:0 auto}html body .login--container .login-form-wrapper .input__wrapper{margin-bottom:5px}html body .login--container .login-form-wrapper .input__wrapper .btn-blue{margin-top:10px;background:#3135a2;color:#fff;width:170px}html body .login--container .login-form-wrapper .login-title-wrapper{width:350px;flex:0 0 auto;text-align:center;background-color:#f8f8f8;-webkit-box-shadow:inset 0 0 30px 10px #e5e5e5;-moz-box-shadow:inset 0 0 30px 10px #e5e5e5;box-shadow:inset 0 0 30px 10px #e5e5e5}html body .login--container .login-form-wrapper .login-title-wrapper img{width:100%}html body .login--container .login-form-wrapper .login-title-wrapper .login-text-guideline{color:#00f;margin-top:20px;padding:0 30px}html body .login--container .login-form-wrapper .login-field-wrapper .login-field-ask .login-field-ask-span{margin-left:25px;color:red}html body .login--container .login-form-wrapper .login-field-wrapper .login-field-input{margin-top:30px}html body .login--container .login-form-wrapper .login-field-wrapper .login-field-input .important{color:red}html body .login--container .login-form-wrapper .login-field-wrapper .login-field-input .password-field{margin-top:20px}html body .login--container .login-form-wrapper .login-field-wrapper .login-field-input p{margin-bottom:8px}html body .login--container .login-form-wrapper .login-field-wrapper .login-field-input input{border-radius:0}html body .login--container .login-form-wrapper .login-field-wrapper .login-field-input.forgot-password-field-input{margin-top:20px;display:flex}html body .login--container .login-form-wrapper .login-field-wrapper .login-field-input.forgot-password-field-input p{flex:0 0 auto;margin-right:10px;margin-bottom:0;padding-top:8px;text-align:right;min-width:155px}html body .login--container .login-form-wrapper .login-field-wrapper .login-field-btn-wrapper{margin-top:25px;position:relative}html body .login--container .login-form-wrapper .login-field-wrapper .login-field-btn-wrapper .login-remember-box{position:absolute;left:0;top:5px;margin:0}html body .login--container .login-form-wrapper .login-field-wrapper .login-field-btn-wrapper .login-remember-text{margin-left:20px}html body .login--container .login-form-wrapper .login-field-wrapper .login-field-btn-wrapper .login-btn-submit{margin-top:10px;background:#3949ab;color:#fff;border:0;padding:3px 20px}html body .login--container .login-form-wrapper .login-field-wrapper .login-field-btn-wrapper .login-btn-forgot{color:#3949ab;margin-top:5px;display:inline-block}html body .login--container .login-form-wrapper .login-field-wrapper .login-field-btn-wrapper .forgot-password-btn-submit{background:#3949ab;color:#fff;border:0;padding:5px 20px;margin-left:165px}html body .login--container .login-form-wrapper .login-form-guideline{background:#fff;padding:10px;margin:0;z-index:10;position:relative}html body .login--container .login-form-wrapper .login-form-guideline .login-form-guideline-newuser{position:absolute;top:-48px;left:30px;min-height:30px;background:#4452d1;color:#fff;padding:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}html body .login--container .login-form-wrapper .login-form-guideline .btn-login-function{background:#ffc20f;border-radius:10px;color:#fff;font-weight:bold;-moz-box-shadow:inset 0 0 1em rgba(81,62,4,.5);-webkit-box-shadow:inset 0 0 1em rgba(81,62,4,.5);box-shadow:inset 0 0 1em rgba(81,62,4,.5);min-width:80px;font-size:12px}html body .login--container .login-form-wrapper .login-form-guideline .btn-login-function:hover{color:#333}html body .login--container .login-form-wrapper .login-form-function{padding:20px 60px}html body .login--container .login-form-wrapper .login-form-function .login-form{display:inline-block;border-top:1px dashed #fff;border-bottom:1px dashed #fff;padding:8px}html body .login--container .login-form-wrapper .login-form-function .login-form .btn-login-function{background:#ffc20f;border-radius:10px;color:#fff;font-weight:bold;-moz-box-shadow:inset 0 0 1em rgba(81,62,4,.5);-webkit-box-shadow:inset 0 0 1em rgba(81,62,4,.5);box-shadow:inset 0 0 1em rgba(81,62,4,.5);min-width:80px;font-size:12px;border:1px solid #fff}html body .login--container .login-form-wrapper .login-form-function .login-form .btn-login-function:hover{color:#333}html body .login--container .login-form-wrapper .login-form-ribbon{border-bottom:6px solid #37383a;border-left:20px solid transparent;border-right:20px solid transparent;height:0;width:106%;margin-left:-3%;margin-top:-6px;z-index:9}html body .register--container .login-field-wrapper{padding:0}html body .register--container .login-form-guideline{padding:10px 30px}html body .forgot--container .login-field-wrapper{padding:40px}@font-face{font-family:'UTM-Micra';src:url('../fonts/UTMMicra.ttf') format('truetype')}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-Regular.ttf') format('truetype')}html{min-width:1200px;overflow-x:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;position:relative}html *{font-family:Arial;font-weight:100}html input{font-family:Arial!important;font-weight:100!important}html body{position:relative;min-height:100%;padding-bottom:80px}html body .button-menu--wrapper{margin-top:20px}html body .button-menu--wrapper .exterior-menu--wrapper{background:#fff}html body .button-menu--wrapper .exterior-menu--wrapper .btn{padding:6px 21px;float:left}html body .button-menu--wrapper .sub-title{color:#0170b5;font-weight:bold}html body .button-menu--wrapper .description-title{color:#8e8e8e;font-weight:bold}@media screen (min-width:320px){html body .container{overflow-x:auto !important;width:1170px !important;}}html body p{font-family:Roboto}html body .forgot-button--wrapper{margin-top:6px}html body .button--yellow{height:32px;display:inline-block;line-height:32px;padding:0 20px;color:#fff;cursor:pointer;border:none;background:#3135a2}html body .button--yellow:hover{color:#3135a2;background:#fff;text-decoration:none}html body .button--silver{color:#3135a2;font-weight:100;cursor:pointer;border:none;font-size:14px;text-transform:uppercase;outline:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:none}html body .button--silver:hover,html body .button--silver.btn-active,html body .button--silver:active,html body .button--silver:focus{color:#fff;background:#3135a2;text-decoration:none;outline:none}html body .label-panel{border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;background:#4452d1;color:#fff;padding:5px 20px;position:absolute;left:50%;top:-25px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}html body .save-back-button--wrapper{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between}html body .popup-table{height:200px;overflow-y:auto;padding:20px;background:#e3e3e3;margin-top:30px}html body .popup-table td{padding-bottom:15px}html body .main-content .homepage-container{padding-top:65px}html body .main-content .homepage-container .step--wrapper{margin-bottom:30px}html body .main-content .homepage-container .colour-advisor-wrapper-intro-text{margin-bottom:8px}html body .main-content .homepage-container .introduce-function--wrapper .col-xs-3{padding:0 20px}html body .main-content .homepage-container .introduce-function--wrapper .img-des{background:#3135a2;text-align:center;color:#fff;text-transform:uppercase;padding:10px;margin:0}html body .main-content .homepage-container .introduce-function--wrapper .inner_wrapper{text-align:center;background:#fff;padding:10px}html body .main-content .homepage-container .introduce-function--wrapper .inner_wrapper p{color:#000;text-align:center}html body .main-content .homepage-container .introduce-function--wrapper .inner_wrapper .btn-red{background:#ed1c24;color:#fff}html body .main-content .colour-advisor-wrapper{background-image:url('images/mains/trang-chu-bg.png');background-size:cover;background-repeat:no-repeat;background-position:center center;z-index:10;height:376px}html body .main-content .colour-advisor-wrapper .colour-advisor-text-wrapper{padding-top:15px;min-height:76px}html body .main-content .colour-advisor-wrapper .colour-advisor-text-wrapper .homepage-textwrapper{height:76px;background:url('images/mains/trang-chu-tuvanmausac.png') no-repeat;background-size:cover;width:554px;display:inline-block}html body .main-content .colour-advisor-wrapper .colour-advisor-function-wrapper{display:inline-block;color:#000;text-align:center;border:3px solid #ffc826;background:#ffc826;font-size:13px;position:relative;margin-bottom:40px;padding-bottom:4px}html body .main-content .colour-advisor-wrapper .colour-advisor-function-wrapper img{width:220px;height:160px}html body .main-content .colour-advisor-wrapper .colour-advisor-function-wrapper p{margin-top:5px;padding:0 30px;max-width:220px}html body .main-content .colour-advisor-wrapper .colour-advisor-function-wrapper .btn-shape-paralel-infront{display:inline-block;height:25px;-webkit-transform:skew(160deg);-moz-transform:skew(160deg);-o-transform:skew(160deg);background:#e5ae0d;border-radius:4px;padding:4px 10px 0;color:#fff;background:-webkit-linear-gradient(#cc9b0c,#ffc20f);background:-o-linear-gradient(#cc9b0c,#ffc20f);background:-moz-linear-gradient(#cc9b0c,#ffc20f);background:linear-gradient(#cc9b0c,#ffc20f);position:absolute;bottom:-14px;left:4px;z-index:10;font-size:11px;cursor:pointer}html body .main-content .colour-advisor-wrapper .colour-advisor-function-wrapper .btn-shape-paralel-back{display:inline-block;width:30px;height:11px;-webkit-transform:skew(20deg);-moz-transform:skew(20deg);-o-transform:skew(20deg);background:#997409;border-radius:2px;padding-top:4px;color:#fff;position:absolute;bottom:-13px;left:-2px;cursor:pointer}html body .main-content .colour-advisor-wrapper .line-top{width:100%;height:3px;border-radius:49%;margin:8px 0;background-color:#ffdad4}html body .main-content .colour-advisor-wrapper h3{margin:0}html body .upload-image-content{position:relative;height:100%}html body .upload-image-content .img-galary--wrapper{margin-top:24px;min-height:540px;overflow-y:auto;overflow-x:hidden}html body .upload-image-content .img-galary--wrapper .choose-img-button{margin:0}html body .upload-image-content .img-galary--wrapper .choose-img-button a{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}html body .color-advisor--container{background-color:#e8e8e8}html body .color-advisor--container .color-advisor-menu--wrapper{background:#c8c8c8}html body .color-advisor--container .color-advisor-menu--wrapper .nav--wrapper{padding:0}html body .color-advisor--container .color-advisor-menu--wrapper .nav--wrapper ul li{display:inline-block;float:left;text-transform:uppercase;position:relative;color:#fff;font-weight:bold;cursor:pointer;border:none;padding:10px 30px}html body .color-advisor--container .color-advisor-menu--wrapper .nav--wrapper ul li.active{background:#ed1c24}html body .color-advisor--container .color-advisor-menu--wrapper .nav--wrapper ul li.active a{color:#fff}html body .color-advisor--container .color-advisor-menu--wrapper .nav--wrapper ul li a{color:#3135a2;text-decoration:none;font-weight:bold}html body .color-advisor--container .color-advisor-menu--wrapper .submenu--wrapper{margin-top:13px;margin-bottom:6px}html body .color-advisor--container .color-advisor-menu--wrapper .submenu--wrapper .topbar-menu{padding:10px 0}html body .color-advisor--container .color-advisor-menu--wrapper .submenu--wrapper .topbar-menu a{margin:0;font-weight:bold;padding:10px 30px;border-right:1px solid #0170b5}html body .color-advisor--container .color-advisor-menu--wrapper .submenu--wrapper .topbar-menu a:last-child{border-right:0}html body .color-advisor--container .color-advisor-menu--wrapper .submenu--wrapper .topbar-menu a.active,html body .color-advisor--container .color-advisor-menu--wrapper .submenu--wrapper .topbar-menu a:hover{color:#ed1c24}html body .color-advisor--container .color-advisor-menu--wrapper .submenu--wrapper .menu-right-panel ul{position:absolute;top:-4px;right:0;margin:0;left:0;z-index:1111}html body .color-advisor--container .color-advisor-menu--wrapper .submenu--wrapper .menu-right-panel ul li{display:inline-block;margin-right:20px;padding:15px 0;position:relative}html body .color-advisor--container .color-advisor-menu--wrapper .submenu--wrapper .menu-right-panel ul li a{border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;background:#c8c8c8;color:#44454a;padding:15px 20px}html body .color-advisor--container .color-advisor-menu--wrapper .submenu--wrapper .menu-right-panel ul li a.active{background:#fcc350}html body .color-advisor--container .my-img__title--container p{font-weight:bold}html body .color-advisor--container .my-img__title--container p span{color:#3135a2;font-weight:bold}html body .color-advisor--container .img-version--wrapper .img-version--tittle{background:#c8c8c8;line-height:24px}html body .color-advisor--container .img-version--wrapper .img-version--tittle label{margin-bottom:0;color:#3135a2;font-weight:500}html body .color-advisor--container .img-version--wrapper .img-version--tittle:first-child{margin:0!important}html body .color-advisor--container .img-version--wrapper .small-item{padding:0;position:relative}html body .color-advisor--container .img-version--wrapper .small-item .image-wrapper{position:relative;margin-top:10px}html body .color-advisor--container .img-version--wrapper .small-item .image-wrapper.img-ratio-4-3 img.img-full-width{height:100%;width:auto}html body .color-advisor--container .img-version--wrapper .small-item .button-group-version{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}html body .color-advisor--container .img-version--wrapper .small-item .image-title{margin-top:10px}html body .color-advisor--container .img-version--wrapper .small-item .image-title label{margin-bottom:0;color:#3135a2;font-weight:500}html body .advisor-menu-container .button-menu--wrapper a{-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;margin-right:12px;background:#8e8e8e;background:-webkit-linear-gradient(left,#8e8e8e #f5f5f5 50%,#8e8e8e 100%);background:-o-linear-gradient(left,#8e8e8e,#f5f5f5 50%,#8e8e8e 100%);background:-moz-linear-gradient(left,#8e8e8e,#f5f5f5 50%,#8e8e8e 100%);background:linear-gradient(to right,#8e8e8e,#f5f5f5 50%,#8e8e8e 100%)}html body .my-img--container label{color:#ed1c24;font-weight:bold}html body .my-img--container .button--wrapper{text-align:right}html body .my-img--container .button--wrapper a{width:150px;margin-top:15px;margin-bottom:15px;text-align:center}html body .my-img--container .button--wrapper a:first-child:not(:last-child){margin-right:15px}html body .my-img--container .img-version--wrapper .small-item .button-group{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between}html body .my-img--container .img-version--wrapper .small-item .button-group-version{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;padding-top:5px}html body .my-img--container .img-version--wrapper .small-item .button-group-version a:first-child{margin-right:10px}html body .my-img--container .img-version--wrapper .img-list--wrapper{margin-top:40px}html body .my-img--container .img-version--wrapper .img-list--wrapper .border{padding:15px 0}html body .my-img--container .img-version--wrapper .img-list--wrapper .small-item{margin-bottom:30px}html body .my-img--container .img-version--wrapper .img-list--wrapper .small-item .button-group{-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;-o-justify-content:space-around;justify-content:space-around}html body .my-img--container .img-version--wrapper .img-list--wrapper .small-item .button-group a{position:absolute;bottom:0}html body .dialog--wrapper{margin-top:50px}html body .dialog--wrapper .title-dialog{background:#e5e5e5;padding:7.5px;text-align:center;margin:0;font-size:18px;color:#0170b5;text-transform:uppercase;max-width:unset}html body .dialog--wrapper .body-dialog{padding:8px 0;background:#8e8e8e}html body .dialog--wrapper .body-dialog p{color:#fff}html body .dialog--wrapper .body-dialog .button--wrapper{text-align:center}html body .dialog--wrapper .body-dialog .button--wrapper a{margin-right:15px}html body .dialog-choose-img--wrapper{background:#e5e5e5;margin-top:50px;margin-bottom:50px;padding:0}html body .dialog-choose-img--wrapper .title-dialog{font-size:18px;color:#0170b5;font-weight:bold}html body .dialog-choose-img--wrapper .title-dialog.title-dialog-first{padding:10px;background:#3135a2;color:#fff}html body .dialog-choose-img--wrapper .input-customize{background:#e5e5e5}html body .dialog-choose-img--wrapper .dialog-choose-img--inner{background:#e5e5e5;padding:10px 20px}html body .dialog-choose-img--wrapper .dialog-choose-img--inner .checkbox--wrapper{margin-bottom:20px;-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;-o-justify-content:space-around;justify-content:space-around}html body .dialog-choose-img--wrapper .dialog-choose-img--inner .img-wrapper{margin-bottom:30px;position:relative}html body .dialog-choose-img--wrapper .dialog-choose-img--inner .img-wrapper .button--wrapper{margin-top:10px}html body .dialog-choose-img--wrapper .dialog-choose-img--inner .img-wrapper .button--wrapper a:first-child{margin-bottom:15px}html body .dialog-choose-img--wrapper .dialog-choose-img--inner .img-wrapper .select__wrapper{text-align:right;width:150px;display:inline-block;position:absolute;right:0;bottom:-5px}html body .dialog-choose-img--wrapper .dialog-choose-img--inner .button--wrapper--bottom{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;-o-justify-content:space-around;justify-content:space-around}html body .dialog-choose-img--wrapper .dialog-choose-img--inner .button--wrapper--bottom a{width:110px;text-align:center}html body .footer{height:80px;position:absolute;left:0;right:0;bottom:0;background:#3135a2;padding-top:28px}html body .footer .footer-img{position:absolute;top:0;left:0;right:0;height:13px;background:url('images/alex/gradient.png') repeat-x}html body .footer .footer--container .footer--wrapper{text-align:center;color:#fff}html body .footer .footer--container .footer--wrapper h5{margin:0;margin-bottom:5px;text-transform:uppercase;font-size:15px}html body .footer .footer--container .footer--wrapper p{margin:0;font-size:12px}html body input[type="text"]{vertical-align:top;font-family:'Inconsolata',Courier,monospace;font-weight:700;padding:4px;margin-right:8px}html body .colour-advisor-wrapper-intro-text{padding:22px 15px 52px 15px;color:#3f43ae;background:#fff;font-weight:bold;z-index:10}html body .colour-advisor-wrapper-intro-text .homepage-text-introduce{font-size:16px;line-height:24px}html body .colour-advisor-wrapper-footer{z-index:12}html body .colour-advisor-wrapper-footer .colour-advisor-footer-function{border:1px solid #ccc;border-bottom-left-radius:15%;border-bottom-right-radius:15%;padding:20px 3px 15px 3px;background:#fff;z-index:9}html body .colour-advisor-wrapper-footer .colour-advisor-footer-function .btn-footer-wrapper{position:absolute;display:inline-block;bottom:-27px;left:0;right:0;margin-left:auto;margin-right:auto}html body .colour-advisor-wrapper-footer .colour-advisor-footer-function .btn-footer-wrapper .btn-ok{background:#ffc20f;border-radius:10px;color:#fff;font-weight:bold;-moz-box-shadow:inset 0 0 1em rgba(81,62,4,.5);-webkit-box-shadow:inset 0 0 1em rgba(81,62,4,.5);box-shadow:inset 0 0 1em rgba(81,62,4,.5);min-width:80px}html body .colour-advisor-wrapper-footer .colour-advisor-footer-function .btn-footer-wrapper .btn-ok:hover{color:#333}html body .colour-advisor-wrapper-footer .colour-advisor-footer-shadow-bottom{position:absolute;width:91%;height:100%;margin:0 auto;left:0;right:0;bottom:100%;z-index:8;-webkit-box-shadow:0 7px 15px 1px rgba(0,0,0,.5);-moz-box-shadow:0 7px 15px 1px rgba(0,0,0,.5);box-shadow:0 7px 15px 1px rgba(0,0,0,.5);border-radius:30px}html body .colour-advisor-wrapper-footer-text{margin:50px 0;text-align:center;color:#3f43ae}html body #wrongFileSizeModal .modal-body{padding:0}html body #wrongFileSizeModal .modal-body .alert{margin:0}html body #saveChangeModal .modal-body{padding:0}html body #saveChangeModal .modal-body .alert{margin:0}html body #printImageModal{text-align:center}html body #printImageModal .modal-dialog{width:600px}html body #printImageModal .modal-dialog .modal-footer{border:none}html body #printImageModal .modal-dialog .modal-body .form-group{text-align:left}html body #printImageModal .modal-dialog .modal-body .form-group .color--wrapper .color--item{margin-bottom:15px;height:80px}html body #printImageModal .modal-dialog .modal-body .form-group .color--wrapper .color--item strong{color:#3135a2}html body #printImageModal .modal-dialog .modal-body .form-group .description--content{margin-top:10px}html body #groupColorModal .modal-body .group-color--wrapper .group-color-button{width:24.5%;margin-bottom:8px}html .img--hover:hover .new-information{display:block}html .new-information{display:none;position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.5);padding:18px}html .new-information p{font-size:12px;margin-bottom:0;color:#fff}html .new-information p span{color:#ffbf00}html .new-information .color-used p{color:#ffbf00}html .new-information .color-used ul li{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;display:inline-block;float:left;height:36px;width:36px;margin-right:18px}html .share-image-history .border-img img{border:1px solid #c4c7ce}html .share-image-history .panel-right .new-info p{font-size:14px;margin-bottom:2px}html .share-image-history .panel-right .new-info p span{color:#3135a2}html .share-image-history .panel-right .mau-da-sudung label{color:#3135a2;font-weight:normal}html .share-image-history .panel-right .mau-da-sudung ul{margin-top:5px;-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}html .share-image-history .panel-right .mau-da-sudung ul li{display:inline-block;float:left;margin-right:50px;max-width:70px;width:70px;margin-bottom:10px}html .share-image-history .panel-right .mau-da-sudung ul li p{margin-bottom:0}html .share-image-history .panel-right .mau-da-sudung ul li span{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;display:inline-block;height:36px;width:36px}.background-white{background-color:#fff}html body .canvas-handle--wrapper{position:relative;height:calc(100%- 100px)}html body .canvas-handle--wrapper .left-menu{display:none;width:240px;position:absolute;top:60px;bottom:0;background-color:#fff;z-index:10}html body .canvas-handle--wrapper .left-menu.right-menu{display:block;bottom:20px}html body .canvas-handle--wrapper .left-menu.color-picker-panel--wrapper{width:360px;bottom:unset;background:#e8e8e8}html body .canvas-handle--wrapper .left-menu.draw-handle-menu{left:10px}html body .canvas-handle--wrapper .left-menu.colour-picker-menu{right:0}@media screen and (max-width:1280px){html body .canvas-handle--wrapper .left-menu.colour-picker-menu{top:92px}}html body .canvas-handle--wrapper .left-menu.colour-picker-menu.select-color--wrapper{left:unset}html body .canvas-handle--wrapper .left-menu.colour-picker-menu .color-picker-panel-region{margin-top:3px;margin-bottom:15px;padding:5px 5px 0 5px;background:#fff}html body .canvas-handle--wrapper .left-menu.colour-picker-menu .color-picker-panel-region .color-region-add-btn{display:inline-block;width:auto;height:30px;padding:0 15px;line-height:30px;text-align:center;background:#3135a2;color:#fff;margin-bottom:10px;border-radius:3px;cursor:pointer}html body .canvas-handle--wrapper .left-menu.colour-picker-menu .color-picker-panel-region .color-region-wrapper{max-height:80px;overflow:auto}html body .canvas-handle--wrapper .left-menu.colour-picker-menu .color-picker-panel-region .color-region-wrapper .color-region-item{display:inline-block;position:relative;width:40%;margin-left:10px;height:28px;border:1px solid #ccc;border-radius:5px;line-height:28px;padding-left:10px}html body .canvas-handle--wrapper .left-menu.colour-picker-menu .color-picker-panel-region .color-region-wrapper .color-region-item p{cursor:pointer;display:inline-block}html body .canvas-handle--wrapper .left-menu.colour-picker-menu .color-picker-panel-region .color-region-wrapper .color-region-item span{position:absolute;top:5px;right:10px}html body .canvas-handle--wrapper .left-menu.colour-picker-menu .color-picker-panel-region .color-region-wrapper .color-region-item.active{background-color:#ff0}html body .canvas-handle--wrapper .left-menu.colour-picker-menu .color-picker-panel-region .color-region-wrapper .color-region-item:nth-child(odd){margin-left:0;margin-bottom:7px}html body .canvas-handle--wrapper .left-menu.colour-picker-menu .color-picker-panel-region .color-region-bottom-space{width:100%;height:10px;background:#fff}html body .canvas-handle--wrapper .left-menu.colour-picker-menu .themau-toggle--wrapper{background:#fff;padding-top:5px}html body .canvas-handle--wrapper .left-menu .left-menu-tab{width:100%;flex:0 0 auto;background:#fff}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper{padding:0 5px;margin:0;width:100%;height:36px;border:0;display:flex;position:relative}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper,html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper-color{padding:0;cursor:pointer}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper.img-ratio-4-3,html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper-color.img-ratio-4-3{height:36px;padding:0}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper.active .btn-active,html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper-color.active .btn-active{display:block}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper.active .btn-inactive,html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper-color.active .btn-inactive{display:none}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper:not(.active) .btn-active,html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper-color:not(.active) .btn-active{display:none}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper:not(.active) .btn-inactive,html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper-color:not(.active) .btn-inactive{display:block}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-tab--wrapper{padding:0;cursor:pointer}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-tab--wrapper .img-ratio-4-3{height:32px;padding:0}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper-color{border:1px solid transparent;border-radius:3px;background-color:#ccc;color:#3135a2;text-transform:uppercase;text-align:center;font-size:16px;line-height:34px;margin-right:15px;margin-top:5px}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper-color.active{background-color:red;color:#fff;font-weight:700}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper-color:last-child{margin-right:0}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .btn-wrapper-color .glyphicon-chevron-down{position:absolute;top:50%;right:5px;transform:translateY(-50%);padding:10px}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .pallete-card-wrapper{position:absolute;background:#fff;color:#000;top:41px;left:5px;border:1px solid #ccc;z-index:10;line-height:28px;width:calc(50%- 20px);display:none}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .pallete-card-wrapper .pallete-card{padding:5px 10px}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .pallete-card-wrapper .pallete-card:hover{background-color:#00f;color:#fff;cursor:pointer}html body .canvas-handle--wrapper .left-menu .left-menu-tab .tab-wraper .pallete-card-wrapper.active{display:block}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color{width:100%;display:none;max-height:calc(100%- 120px);overflow-x:hidden;padding:0 5px;padding-top:10px;margin:0}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color.right{display:block}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color.right .left-menu-pallete-color-type-container{display:flex}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color.right .left-menu-pallete-color-type-container .left-menu-pallete-color-type-name{line-height:18px;color:#3135a2;flex:1}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color.right .left-menu-pallete-color-type-container .left-menu-pallete-color-search{flex:1;position:relative}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color.right .left-menu-pallete-color-type-container .left-menu-pallete-color-search input{padding-right:25px;margin-bottom:10px}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color.right .left-menu-pallete-color-type-container .left-menu-pallete-color-search span{position:absolute;top:10px;right:10px}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color .row{padding:0;margin:0;border:none}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color .row .palette-color-picker-bubble{z-index:10}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color .left-menu-color-test{width:70px;height:26px;background-color:#fff;-webkit-box-shadow:1px 2px 3px 0 rgba(0,0,0,.4);-moz-box-shadow:1px 2px 3px 0 rgba(0,0,0,.4);box-shadow:1px 2px 3px 0 rgba(0,0,0,.4);text-align:left}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color .left-menu-pallete-area .left-menu-pallete-picker{height:100%;height:150px;border:1px solid #bbb;padding:5px;background:#fff;overflow:auto;text-align:left}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color .left-menu-pallete-area .left-menu-pallete-picker .left-menu-color{width:43px;height:43px;display:inline-block;border-radius:4px;margin-left:2px}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color .left-menu-pallete-area .left-menu-pallete-picker .left-menu-color div{width:100%;height:100%}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color .left-menu-pallete-area .left-menu-pallete-suggest{height:100%;height:42px;border:1px solid #bbb;padding:5px;background:#fff;display:flex}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color .left-menu-pallete-area .left-menu-pallete-suggest .left-menu-color{flex:1;height:30px;display:inline-block;margin-left:5px}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color .left-menu-pallete-area .left-menu-pallete-suggest .left-menu-color:first-child{margin-left:0}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color .left-menu-pallete-area .left-menu-pallete-suggest .left-menu-color div{width:100%;height:100%}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color .left-menu-pallete-area .left-menu-pallete-suggest .left-menu-color.color-range-item{margin-left:0;border:1px solid #fff}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color .left-menu-pallete-area .left-menu-pallete-tab-wrapper{display:flex;flex-direction:column;text-align:center;padding:0;margin-left:-1px}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color .left-menu-pallete-area .left-menu-pallete-tab-wrapper .left-menu-pallete-tab{flex:0;margin-bottom:4px;border:1px solid #ccc;background-color:#ccc;cursor:pointer;height:auto;border-top-right-radius:5px;border-bottom-right-radius:5px;font-size:12px;line-height:21px}html body .canvas-handle--wrapper .left-menu .left-menu-pallete-color .left-menu-pallete-area .left-menu-pallete-tab-wrapper .left-menu-pallete-tab.active{border:1px solid #ccc;background-color:#fff;border-left:0}html body .canvas-handle--wrapper .left-menu .left-menu-opacity-area{padding:14px;padding-bottom:0;background:#fff;text-align:left}html body .canvas-handle--wrapper .left-menu .left-menu-find-image-wrapper{position:absolute;bottom:15px;width:100%;left:5%;display:none}html body .canvas-handle--wrapper .left-menu .left-menu-find-image-wrapper span .button--yellow{font-size:13px}html body .canvas-handle--wrapper .left-menu .left-menu-find-image-wrapper span .button--find-color{border:1px solid #ccc;border-radius:3px;background:#ddd;color:#333;font-size:13px;padding:5px}html body .canvas-handle--wrapper .left-menu .left-menu-zone-selected{font-size:12px;z-index:9;max-height:calc(100%- 370px);overflow-x:hidden;flex:1;padding:14px 14px 5px;background:#f1f1f1;margin-bottom:10px}html body .canvas-handle--wrapper .left-menu .left-menu-zone-selected ul{list-style:none;padding-left:0;line-height:18px}html body .canvas-handle--wrapper .left-menu .left-menu-zone-selected ul li{border:1px solid #333;border-radius:4px;margin-bottom:5px;background-color:#fff;padding:3px 5px}html body .canvas-handle--wrapper .left-menu .left-menu-zone-selected ul li span.glyphicon{cursor:pointer;float:right;padding-right:10px;color:red;font-size:16px}html body .canvas-handle--wrapper .left-menu .left-menu-zone-selected ul li span:last-child{cursor:pointer}html body .canvas-handle--wrapper .left-menu .left-menu-btn-region-delete{margin-top:10px}html body .canvas-handle--wrapper .left-menu .left-menu-btn-region-delete input{font-size:13px;font-weight:bold;padding:6px 6px}html body .canvas-handle--wrapper .left-menu .left-menu-guide{margin:0 14px 25px}html body .canvas-handle--wrapper .left-menu .left-menu-line-draw{font-size:12px;z-index:9;max-height:calc(100%- 370px);overflow-x:hidden;flex:1;padding:14px 14px 5px;background:#f1f1f1;margin-bottom:10px}html body .canvas-handle--wrapper .left-menu .left-menu-line-draw ul{list-style:none;padding-left:0;line-height:18px}html body .canvas-handle--wrapper .left-menu .left-menu-line-draw ul li{border:1px solid #333;border-radius:4px;margin-bottom:5px;background-color:#fff;padding:3px 5px}html body .canvas-handle--wrapper .left-menu .left-menu-line-draw ul li span.glyphicon{cursor:pointer;float:right;padding-right:10px;color:red;font-size:16px}html body .canvas-handle--wrapper .left-menu .left-menu-line-draw ul li span:last-child{cursor:pointer}html body .canvas-handle--wrapper .left-menu .left-menu-btn-add-region-wrapper{text-align:center}html body .canvas-handle--wrapper .left-menu .left-menu-btn-add-region-wrapper .btn-add{height:34px;padding:0;margin:0 25%;width:45%}html body .canvas-handle--wrapper .left-menu .left-menu-btn-group{bottom:10px;position:absolute;left:10px;right:14px}html body .canvas-handle--wrapper .left-menu .left-menu-btn-group.left-menu-btn-add-region{position:static}html body .canvas-handle--wrapper .left-menu .left-menu-btn-group.left-menu-btn-add-region .btn-add{background:#ffc20f;border-radius:10px;color:#fff;font-weight:bold;-moz-box-shadow:inset 0 0 1em rgba(81,62,4,.5);-webkit-box-shadow:inset 0 0 1em rgba(81,62,4,.5);box-shadow:inset 0 0 1em rgba(81,62,4,.5);min-width:80px;font-size:12px}html body .canvas-handle--wrapper .left-menu .left-menu-btn-group.left-menu-btn-add-region .btn-add:hover{color:#333}html body .canvas-handle--wrapper .left-menu .left-menu-btn-group.left-menu-btn-add-region .btn-remove{background:#ffc20f;border-radius:10px;color:#fff;font-weight:bold;-moz-box-shadow:inset 0 0 1em rgba(81,62,4,.5);-webkit-box-shadow:inset 0 0 1em rgba(81,62,4,.5);box-shadow:inset 0 0 1em rgba(81,62,4,.5);min-width:80px;font-size:12px}html body .canvas-handle--wrapper .left-menu .left-menu-btn-group.left-menu-btn-add-region .btn-remove:hover{color:#333}html body .canvas-handle--wrapper .left-menu .left-menu-btn-group.left-menu-btn-add-region .btn-undo{background:#ffc20f;border-radius:10px;color:#fff;font-weight:bold;-moz-box-shadow:inset 0 0 1em rgba(81,62,4,.5);-webkit-box-shadow:inset 0 0 1em rgba(81,62,4,.5);box-shadow:inset 0 0 1em rgba(81,62,4,.5);min-width:80px;font-size:12px}html body .canvas-handle--wrapper .left-menu .left-menu-btn-group.left-menu-btn-add-region .btn-undo:hover{color:#333}html body .canvas-handle--wrapper .left-menu .left-menu-btn-group.left-menu-btn-add-region .select-mode{border-radius:5px;height:30px;outline:none}html body .canvas-handle--wrapper .left-menu .left-menu-btn-group .left-menu-btn-export{padding-top:10px;border-top:1px dashed #333;margin-bottom:10px}html body .canvas-handle--wrapper .left-menu .left-menu-btn-group .left-menu-btn-export .btn-export{margin-top:5px;background-color:#5bc0de;border:none;width:100%}html body .canvas-handle--wrapper .left-menu .left-menu-btn-group .left-menu-btn-export select{padding:5px;float:right;border-radius:5px;outline:none}html body .canvas-handle--wrapper .left-menu .left-menu-btn-group .left-menu-btn-export label{line-height:30px}html body .canvas-handle--wrapper .left-menu .left-menu-btn-group .left-menu-btn-save-change input{width:100%}html body .canvas-handle--wrapper .content-canvas{min-width:1200px;position:relative;height:650px;padding:15px 375px 15px 0;background-color:#e8e8e8;z-index:9}html body .canvas-handle--wrapper .content-canvas.content-canvas-drawCanvas{display:block}html body .canvas-handle--wrapper .content-canvas.content-canvas-pickColor{display:none;cursor:url('Scripts/icon/Paint-icon.png'),auto}html body .canvas-handle--wrapper .content-canvas .canvas--wrapper{height:100%;position:relative;background:#fff}html body .canvas-handle--wrapper .content-canvas .canvas--wrapper canvas{position:absolute;top:50%;left:50%;-moz-transform:translate3D(-50%,-50%,0);-ms-transform:translate3D(-50%,-50%,0);-o-transform:translate3D(-50%,-50%,0);-webkit-transform:translate3D(-50%,-50%,0);transform:translate3D(-50%,-50%,0)}html body .canvas-handle--wrapper .content-canvas .canvas--wrapper .button-zoom--wrapper{position:absolute;bottom:-30px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:center;display:none}html body .canvas-handle--wrapper .content-canvas .canvas--wrapper .button-zoom--wrapper .undo-point-wrapper img{width:25px;max-width:25px}html body .canvas-handle--wrapper .content-canvas .canvas--wrapper .button-zoom--wrapper a,html body .canvas-handle--wrapper .content-canvas .canvas--wrapper .button-zoom--wrapper button{margin-right:10px}html body .canvas-handle--wrapper .content-canvas .canvas--wrapper .button-zoom--wrapper .button-zoom{background:none;border:0}html body .canvas-handle--wrapper .content-canvas .canvas--wrapper .button-zoom--wrapper .button-zoom.disable{background:#f4f4f4;pointer-events:none;border:1px solid #ccc;color:#777}html body .canvas-handle--wrapper .content-canvas .canvas--wrapper .button-zoom--wrapper .label-zoom{margin:0;text-transform:uppercase;font-weight:bold;font-size:13px}html body .canvas-handle--wrapper .canvas-function-menu-wrapper{background:#fff;margin-top:15px;display:flex}html body .canvas-handle--wrapper .canvas-function-menu-wrapper .button-wrapper{padding:10px;border-right:1px solid #ccc}html body .canvas-handle--wrapper .canvas-function-menu-wrapper .button-wrapper .function-menu-btn{text-decoration:none;cursor:pointer}html body .canvas-handle--wrapper .canvas-function-menu-wrapper .button-wrapper .function-menu-btn:first-child{margin-right:10px}html body .canvas-handle--wrapper .canvas-function-menu-wrapper .button-wrapper .button-polygon-title.active{color:red;font-weight:700}html body .canvas-handle--wrapper .canvas-function-menu-wrapper .button-wrapper.button-region--wrapper{line-height:24px;position:relative}html body .canvas-handle--wrapper .canvas-function-menu-wrapper .button-wrapper.button-region--wrapper .button-region-text-create{text-transform:uppercase;color:red;font-weight:700;cursor:default}@media screen and (max-width:1280px){html body .canvas-handle--wrapper .canvas-function-menu-wrapper .button-wrapper.button-region--wrapper .button-region-text-create{margin-right:15px}}html body .canvas-handle--wrapper .canvas-function-menu-wrapper .button-wrapper.button-region--wrapper .menu-line-draw{background:#f8f8f8;position:absolute;z-index:10;top:100%;left:0;padding:10px;width:100%;border:1px solid #ccc;-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.75);-moz-box-shadow:0 0 5px 1px rgba(0,0,0,.75);box-shadow:0 0 5px 1px rgba(0,0,0,.75);display:none}html body .canvas-handle--wrapper .canvas-function-menu-wrapper .button-wrapper.button-region--wrapper .menu-line-draw.active{display:block}html body .canvas-handle--wrapper .back-next--wrapper{position:absolute;width:30px;right:247px;top:12px;z-index:11}html body .canvas-handle--wrapper .back-next--wrapper a img{margin-bottom:15px}html body .canvas-handle--wrapper .print--wrapper{width:260px;position:absolute;bottom:30px;right:10px;z-index:11;text-align:center;display:none}html body .canvas-handle--wrapper .print--wrapper.print--wrapper-left{left:10px}#saveColorChangeModal .modal-dialog .modal-content{max-height:700px;width:750px;background:#f8f8f8;box-shadow:inset 0 0 30px 10px #e5e5e5;overflow:hidden}#saveColorChangeModal .modal-dialog .modal-content .modal-header{padding:25px 0 0 0;position:relative}#saveColorChangeModal .modal-dialog .modal-content .modal-header .close{position:absolute;top:0;right:10px;margin:0;opacity:1}#saveColorChangeModal .modal-dialog .modal-content .modal-header .close img{width:14px;height:14px}#saveColorChangeModal .modal-dialog .modal-content .modal-header .modal-title{background:#3135a2;color:#fff;padding:5px 15px;font-size:16px}#saveColorChangeModal .modal-dialog .modal-content .modal-body{overflow:hidden}#saveColorChangeModal .modal-dialog .modal-content .modal-body .image-name-container{margin:0;padding:0}#saveColorChangeModal .modal-dialog .modal-content .modal-body .btn-export{font-weight:normal;border-radius:0}#confirmLoginPopupModal .modal-dialog .modal-content{background:#f8f8f8;box-shadow:inset 0 0 30px 10px #e5e5e5;overflow:hidden}#confirmLoginPopupModal .modal-dialog .modal-content .modal-header{padding:25px 0 0 0;position:relative}#confirmLoginPopupModal .modal-dialog .modal-content .modal-header .close{position:absolute;top:0;right:10px;margin:0;opacity:1}#confirmLoginPopupModal .modal-dialog .modal-content .modal-header .close img{width:14px;height:14px}#confirmLoginPopupModal .modal-dialog .modal-content .modal-header .modal-title{background:#3135a2;color:#fff;padding:5px 15px;font-size:16px}#confirmLoginPopupModal .modal-dialog .modal-content .modal-body{overflow:hidden}#confirmLoginPopupModal .modal-dialog .modal-content .modal-body .image-name-container{margin:0;padding:0}#confirmLoginPopupModal .modal-dialog .modal-content .modal-body .btn-export{font-weight:normal;border-radius:0}