@font-face {
    font-family: 'robotob';
    src:  url('../fonts/Roboto-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'robotor';
    src:  url('../fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'utmgothic';
    src:  url('../fonts/UTMAlterGothic.ttf') format('truetype');
}

html { font-family:serif; /* 1 */-ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block; /* 1 */vertical-align: baseline; /* 2 */}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent;}
a:active,a:hover {outline: 0;}
abbr[title] { border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em;margin: 0.67em 0;}
mark {background: #ff0; color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure { margin: 1em 40px;}
hr { -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp { font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit; /* 1 */font: inherit; /* 2 */margin: 0; /* 3 */}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] { -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box; /* 2 */ }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0; /* 1 */padding: 0; /* 2 */}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}

/*Config comon.css*/
html { background-color: #fff;}
body {
    font-family: Arial, Helvetica, sans-serif, "Times New Roman", Georgia, Serif;
    font-size: 14px;
    color: #222;
    width: 100%;
    float: left;
    background: aliceblue;
    background-image: url(../images/bg-body-1.jpg) !important;
    background-attachment: fixed;
}

.il-bl { display: inline-block !important;}
.no-border { border: none;}
.no-pd { padding: 0 !important;}
.no-pd-t {  padding-top: 0 !important}
.no-pd-b {  padding-bottom: 0 !important}
.no-pd-r { padding-right: 0;}
.no-pd-l { padding-left: 0;}
.no-mg { margin: 0 !important;}
.no-mg-t  { margin-top: 0 !important}
.no-mg-b  { margin-bottom: 0 !important}
.no-mg-r { margin-right: 0;}
.no-mg-l { margin-left: 0;}
.fl { float: left;}
.fr { float: right;}
a {-moz-transition: all ease-in 0.2s; -o-transition: all ease-in 0.2s; -webkit-transition: all ease-in 0.2s;-ms-transition: all ease-in 0.2s;transition: all ease-in 0.2s;}
a:hover {-moz-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s; -ms-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
ul { list-style-type: none;padding-left: 0;list-style: none;margin-bottom: 0;}
li { list-style: none;}
h1 , h2, h3, h4 , h5 { color: #222;}
a:hover , a:focus { text-decoration: none;outline: 0;}
.tbw-5 ,.tbw-10 ,.tbw-15 ,.tbw-20 ,.tbw-25 ,.tbw-30 ,.tbw-35 ,.tbw-40 ,.tbw-45 ,.tbw-50 ,.tbw-55 ,.tbw-60 ,.tbw-65 ,.tbw-70 ,.tbw-75 ,.tbw-80 ,.tbw-85 ,.tbw-90 ,.tbw-95 , .tbw-100 { display: block;} 
.tbw-5 { width: 5%;}.tbw-10 { width: 10%;}.tbw-15 { width: 15%;}.tbw-20 { width: 20%;}.tbw-25 { width: 25%;}.tbw-30 { width: 30%;}.tbw-35 { width: 35%;}.tbw-40 { width: 40%;}.tbw-45 { width: 45%;}.tbw-50 { width: 50%;}.tbw-55 { width: 55%;}.tbw-60 { width: 60%;}.tbw-65 { width: 65%;}.tbw-70 { width: 70%;}.tbw-75 { width: 75%;}.tbw-80 { width: 80%;}.tbw-85 { width: 85%;}.tbw-90 { width: 90%;}.tbw-95 { width: 95%;}.tbw-100 { width: 100% !important;}
i.fa { padding-right: 5px; }

#header-sidebar { width: 100%;position: fixed;height: 60px;background: #fff;border-bottom: 1px solid #ccc;display: none;z-index: 9999;}
.left-h-sidebar { width: 60px;height: 60px;float: left;}
.left-h-sidebar button {width: 100%;height: 100%;border: 0;background: 0;border-right: 1px solid #bfbfbf;}
.left-h-sidebar button span { font-size: 2.6em;color: #666;}
.left-h-sidebar button:focus { outline: none;}
.right-h-sidebar { width: calc(100% - 60px);float: left;position: relative;padding-right: 60px;}
.right-h-sidebar .logo-mobie { line-height: 60px;display: block;text-align: center;height: 54px;}
.right-h-sidebar .logo-mobie img { max-width: 100%;vertical-align: middle;max-height: 100%;height: auto;display: inline-block;}
/*Open Header mobie*/

/*Open Nav mobie*/
.nav-mobie {color:#fff;}
.nav-mobie,.nav-mobie ul,.nav-mobie ul li,.nav-mobie ul li a{display:block;}	
.nav-mobie > ul {float: left;width: 100%;}
.nav-mobie > ul > li {position: relative; border-bottom: 1px solid #d9d9d9}
.nav-mobie ul ul{display:none}
.nav-mobie > ul > li > a{color:#515151;font-size:16px;padding:10px 0 10px 15px;}
.nav-mobie > ul > li > a:hover,.nav-mobie > ul > li.active > a,.nav-mobie > ul > li.open > a{color:#222;background:#eeeeee;}
.nav-mobie > ul > li > a > span > i,.nav-mobie ul ul li > a > span > i{font-size:18px;padding-right:10px}
.nav-mobie ul ul li a {background: #fff;color: #515151;padding: 12px 0 12px 30px;letter-spacing: inherit;font-size: 16px;}	
.nav-mobie ul ul li:hover > a,.nav-mobie ul ul li.open > a,.nav-mobie ul ul li.active > a{background:#eeeeee;color:#515151;}
.nav-mobie ul ul li a:hover {background:#eeeeee;}
.nav-mobie ul ul li { border-top: 1px solid #d9d9d9}
.nav-mobie ul ul li ul li{border-top: 1px solid #d9d9d9}
.nav-mobie ul ul li ul li > a{background:#ffffff;font-size: 16px;padding-left: 45px;}
.nav-mobie ul ul li ul li > a:hover{background:#eeeeee;color:#222222}
.nav-mobie ul ul li.has-sub > a::after{display:block;content:'';width:8px;height:8px;position:absolute;right:20px;z-index:10;top:14.5px;}
.nav-mobie ul ul li.active > a::after,.nav-mobie ul ul li.open > a::after,.nav-mobie ul ul li > a:hover::after{border-color:#fff}
.nav-mobie > ul > li.last > a{border-bottom:0}
.nav-mobie .has-sub> .a-open-down:before {content: '';border: 2px solid transparent;display: inline-block;width: 11px;height: 11px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);float: right;margin-right: 13px;margin-top: 5px;border-color: rgba(0, 0, 0, 0.75);border-right: none;border-bottom: none;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.nav-mobie > ul > li.open > .a-open-down:before  {-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);transform: rotate(225deg);margin-top: 4px;}
.nav-mobie .has-sub .has-sub> .a-open-down:before {content: '';border: 2px solid transparent;display: inline-block;margin-right: 13px;margin-top: 6px;float: right;border-color: rgba(0, 0, 0, 1);width: 12px;height: 12px;border-right: none;border-bottom: none;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.nav-mobie .has-sub ul li.open > .a-open-down:before {-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);transform: rotate(225deg);margin-top: 2px;}
.nav-mobie .has-sub .has-sub li:hover a:before {border-color:#fff;width: 8px;height: 8px;margin-right: 8px;margin-top: 6px;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.nav-mobie .has-sub ul .has-sub > .a-open-down{display:none;}
.nav-mobie li.open ul .has-sub > .a-open-down{width: 35px;position: absolute;right: 0;height: 45px;display:block;}
.nav-mobie > ul > .has-sub > ul > .has-sub:last-child > .a-open-down {height: 44px;}
.nav-mobie li.open ul li.open > .a-open-down {background: #eeeeee;}
.nav-mobie > ul > .has-sub > .a-open-down {width: 35px;position: absolute;right: 0;height: 42px;}
/*End Nav mobie*/

/*Open Siderbar-container*/
.sidebar-overlay {visibility: hidden;position: fixed;top: 0;left: 0;right: 0;bottom: 0; opacity: 0;-ms-opacity: 0; background: #fff; z-index: 1034;-webkit-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}
.sidebar-overlay.active {opacity: 0.5;visibility: visible;-webkit-transition-delay: 0; -moz-transition-delay: 0;transition-delay: 0;}
/* -- Constructor style ------------------------------- */
.constructor { position: relative; margin: 0; -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);-moz-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);}
.sidebar-stacked.open + .wrapper .constructor { margin-left: 270px;}
/* -- Sidebar style ------------------------------- */
.sidebar {display: table-cell; vertical-align: top;position: relative; display: block;min-height: 100%;overflow-y: auto; overflow-x: hidden; border: none;-webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);width: 0; -webkit-transform: translate3d(-270px, 0, 0); -moz-transform: translate3d(-270px, 0, 0); -ms-transform: translate3d(-270px, 0, 0); -o-transform: translate3d(-270px, 0, 0); transform: translate3d(-270px, 0, 0);background: #fff; border-right: 1px solid #D9D9D9}
.sidebar:before,
.sidebar:after {content: " ";display: table;}
.sidebar:after {clear: both;}
.sidebar::-webkit-scrollbar-track { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.sidebar::-webkit-scrollbar { width: 5px; background-color: #F7F7F7;}
.sidebar::-webkit-scrollbar-thumb {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #BFBFBF; }
.sidebar .sidebar-toggle { position: absolute; right: 0;top: 0; padding: 0; background-image: none;border: none;height: 30px;width: 30px; text-align: center;line-height: 30px;font-size: 24px; opacity: 0.7;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;z-index: 999;}
.sidebar .sidebar-toggle i { color: #fff;}
.sidebar .sidebar-toggle:before,
.sidebar .sidebar-toggle:after {content: " "; display: table;}
.sidebar .sidebar-toggle:after { clear: both;}
.sidebar.open {min-width: 270px; width: 270px;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.sidebar-fixed-left,
.sidebar-stacked {position: fixed;top: 0; bottom: 0;z-index: 1035;}
.sidebar-stacked {left: 0;}
.sidebar-fixed-left {left: 0;-moz-box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.35); box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.35);-webkit-box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.35);}
/*End Siderbar-container*/
/*End Siderbar-container*/

/* Open Search box mobie*/
#search-mobile {width:100%;height: 100%;}
#search-mobile input {outline: none;}
#search-mobile input::-webkit-search-decoration,input::-webkit-search-cancel-button {display: none; }
#search-mobile input[type=search] {-webkit-appearance: textfield;-webkit-box-sizing: content-box;font-family: inherit;font-size: 100%;width: 15px;padding-left: 10px;color: transparent;cursor: pointer;background: #FFFFFF url(../images/search-mobile.png) no-repeat 9px center;padding: 5px 13px 3px 25px;width: 0px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;position: absolute;top: 10px;right: 15px;height: 30px;border: 2px solid #cccccc;border-radius: 21px;}
#search-mobile input[type=search]:focus {width:65%;background-color: #fff;border-color: #777777;padding-left: 32px;color: #000;background-color: #fff;cursor: auto;}
#search-mobile input:-moz-placeholder {color:transparent;}
#search-mobile input::-webkit-input-placeholder {color:transparent;}
/*End Search box mobie*/

.wrapper { width: 100%;float: left;}
#wrapper-main { width: 100%;float: left;}

/*Scroll Top*/
#scrollTop { position: fixed; right: 20px; bottom: 20px;background: #0573ff;color: #fff; width: 34px; height: 34px;text-align: center;line-height: 30px;text-decoration: none;-ms-opacity: .8;opacity: .8;display: none;border-radius: 3px;}
#scrollTop span { display: block; font-size: 2em; text-align: center;}
#scrollTop:hover {-ms-opacity: .9;opacity: .9;}

/*Style popup config*/
#dialog-form { overflow: inherit !important;}
.ui-dialog-buttonset > button {font-weight: 500;border-radius: 2px;color: #717171 !important; background-color: #fafafa;border-color: #ccc!important;-webkit-box-shadow: 0 1px 1px rgba(90,90,90,0.1);box-shadow: 0 1px 1px rgba(90,90,90,0.1);padding: 2px 2px;font-size: 12px;line-height: 1.5;display: inline-block;margin-bottom: 0;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;-webkit-user-select: none;background-image: none;border: 1px solid transparent;}
.ui-dialog-buttonset > button:hover { background-color: #ededed;}
.bg-blue.dk, .bg-blue .dk {background-color: #3fb4b5;}
.bg-blue.dker, .bg-blue .dker { background-color: #38a1a2;}
.bg-blue .nav > li > a:hover, .bg-blue .nav > li > a:focus {color: #fff;background-color: #3fb4b5;}
.bg-blue .nav > li > a {color: #ffffff;}
.m-l-15x { MARGIN-LEFT: -15px;}
.m-r-15x {margin-right: -15px;}
.header-posittion {z-index: 1;position: absolute; width: 100%;}
.ui-dialog .ui-dialog-buttonpane { background-color: #F5f5f5; border-top: 1px solid rgba(0, 0, 0, 0.2); margin-top: 0 !important; padding-bottom: 0 !important}
.ui-dialog .ui-dialog-titlebar { line-height: 38px; padding: 0px !important; padding-left: 15px!important;}
.ui-dialog {-webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); z-index: 10000 !important}
.ui-dialog-titlebar-buttonpane {top: 0!important; right: 0!important; height: 40px!important; margin-top: 0px!important;background-color: #65bd77 !important;}
.ui-dialog-titlebar-buttonpane > button, .ui-dialog-titlebar-buttonpane > a {  border: 0 !important;width: 40px!important;height: 40px!important;}
.ui-dialog-titlebar-buttonpane > a:hover { background-color: rgba(117, 218, 138, 1)!important;}
.ui-dialog-titlebar-buttonpane > a, .ui-dialog-titlebar-buttonpane > a > span {border: 0 !important; width: 40px!important;  height: 40px!important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: transparent !important;}
.ui-state-default:focus span, .ui-widget-content .ui-state-default:focus span, .ui-widget-header .ui-state-default:focus span {background-image: none;} 
.ui-widget-header {background: #65bd77!important;}
.ui-icon-newwin { background: url("/images/resize-small-24.png") no-repeat center !important;}
.ui-icon-extlink {background: url("/images/fullscreen-16.png") no-repeat center !important;}
.ui-icon-newwin {  background: url("/images/resize-small-24.png") no-repeat center !important;}
.ui-widget-overlay { z-index: 999 !important}
.ui-icon-triangle-1-s {background: url("/images/arrow_carrot-2down-16.png") no-repeat center !important;}
.ui-icon-minus {background: url("/images/minus-16.png") no-repeat center !important;}
.ui-dialog .ui-dialog-titlebar-close { background-repeat: no-repeat!important; border: 0px; right: 0px!important; top: 0px!important; width: 40px!important; height: 40px!important; margin: 0!important;}
.ui-dialog .ui-dialog-titlebar-close:hover { background-color: #B51B08!important; }
/*showLoading*/
.loading-indicator { height: 80px;width: 80px;  background: url( '/Scripts/showLoading/images/ajax-loader-metro-green.gif' ); background-repeat: no-repeat;  background-position: center center;}
.loading-indicator-overlay {background-color: rgba(0, 0, 0, 0.5);opacity: 0.8;  filter: alpha(opacity = 60);}
.hideOverflow { overflow: hidden;   }
/*End showLoading*/
.field-validation-error, .input-validation-error { color: red;}
.input-validation-error {border-color: #ff5f5f !important;}


#top-header-setting { z-index: 999;position: relative;background: #009ee5;}
#form-editmodule { width: 320px;}
#form-editmodule .form-group { display: block;width: 100%;float: left;margin-bottom: 5px; margin-top: 5px !important}
#form-editmodule .form-group label { line-height: 30px;}
.th-menu-setting  { padding: 0px 15px; }
.th-menu-setting select { height: 30px;padding: 5px 10px;top: 1px;position: relative;}
.headerFixel { position: fixed !important;width: 100%;top: -43px;left: 0;right: 0;z-index: 9999;animation: fadeInDown;animation-duration: 0.4s;animation-fill-mode: both;height: 34px;background: #fff;transition: ease-in-out 0.3s;transform: translateY(43px);}
.ModuleSettingMenu {position: absolute !important;right: 0;display: block;z-index: 20;}
.ModuleSettingMenu a { padding: 3px 6px;color: #fff;font-size: 13px;cursor: pointer;}
.ModuleSettingMenu a.btn-setting-remove { background: #e03232;float: right;}
.ModuleSettingMenu a.btn-setting-remove i { font-size: 15px;}
.ModuleSettingMenu a.btn-setting-edit { background: #65bd77;float: right;}
.ModuleSettingMenu a.btn-setting-edit i { font-size: 13px;}

a.btn-setting-edithtml { position: absolute;top: 0;right: 30px; padding: 3px 6px;color: #fff;font-size: 13px;cursor: pointer;  background: #e9967a;float: right;}
.modeView { float: right;width: 200px;text-align: right;padding-top: 2px;}
.modeView button { border-radius: 0;box-shadow: none;padding-left: 10px;padding-right: 10px;}
.modeView span { line-height: 34px;font-size: 13px;font-weight: bold;padding-right: 10px;}
.modeView select { width: 100px;float: right;border-radius: 0;}

.btn-show-pagesetting { display: none;}
.mode-view-page .btn-show-pagesetting { position: absolute;bottom: -44px;right: 10px; height: 32px;width: 38px;background: #0687de;border-radius: 0 0 4px 4px;line-height: 32px;padding: 0 10px;color: #fff;font-weight: bold;display: block !important;}
.mode-view-page .btn-show-pagesetting i { font-size: 14px;}
.mode-view-page #top-header-setting { top: -46px;position: absolute;width: 100%;background: #fff;}
.mode-view-page #top-header-setting.headerFixel { top: -86px !important;position: absolute;}
.mode-view-page #top-header-setting.headerFixel .btn-show-pagesetting { bottom: -42px;}
.mode-view-page #top-header-setting.active { top: -46px !important;position: absolute;width: 100%;transition: ease 0.3s;}
.mode-view-page #top-header-setting.headerFixel.active { top: -44px !important; }

.th-menu-setting > ul > li { position: relative;display: inline-block;float: left;border-left: 1px solid #5DB5DD;}
.th-menu-setting > ul > li:last-child { border-right: 1px solid #3A9CDF;}
.th-menu-setting > ul > li > div.body-menu-setting {visibility: hidden;opacity: 0; position: absolute;top: 68px;width: 380px;background: #fff;z-index: 99;padding: 10px 15px;left: -2px;transition: ease-in-out 0.1s;box-shadow: 0 .5rem 1rem rgba(50,50,50,.35);z-index: 99999;border-bottom: 3px solid #009ee5;}
.th-menu-setting > ul > li:hover div.body-menu-setting { visibility: visible;transform: translateY(-34px);transition: ease 0.4s;opacity: 1;}
.th-menu-setting > ul > li:hover > a { background: #0687de}
.th-menu-setting > ul > li > a { display: block;font-size: 13px;color: #ffffff;padding: 8px 20px;font-weight: bold;}
.th-menu-setting > ul > li > a i { font-size: 15px;}
div.body-menu-setting ul li a {font-size: 14px;font-weight: bold;padding: 7px 0;display: block;color: #776565;transition: ease 0.3s;}
div.body-menu-setting ul li a:hover { color: #009ee5;transition: ease 0.3s;}
div.body-menu-setting ul li a:hover span { background: #009EE5;color: #fff;transition: ease 0.3s;}
div.body-menu-setting ul li a span { padding-right: 5px;font-size: 14px;height: 30px;width: 30px;border-radius: 15px;background: #FFFFFF;text-align: center;line-height: 26px;display: inline-block;padding-right: 0;color: #009EE5;border: 2px solid #009EE5;margin-right: 8px;}
div.body-menu-setting strong {font-size: 13px;font-weight: bold;/* border-bottom: 1px solid #e1e1e1; */padding: 0 0 5px 0;margin: 0;margin-bottom: 0px;color: #1E7CBA;display: block;}

div.body-menu-setting select {width: 70%;border-radius: 0;box-shadow: none;border: none;padding: 5px;}
div.body-menu-setting select option { padding-top: 3px;padding-bottom: 3px;}
div.body-menu-setting > ul { margin-bottom: 5px;float: left;width: 50%;padding: 10px;}
div.body-menu-setting > ul > li { width: 100%;float: left; }
div.body-menu-setting > ul > li > a { font-weight: normal;}

.select-skin ul { padding: 20px 25px !important; }
.select-skin .bg-blue { background: #009EE5;margin: 0;padding-top: 10px !important;}
.select-skin .bg-blue strong { font-size: 16px;color: #fff;}
.select-skin .bg-blue a.btn { border-radius: 0;width: 28%;float: right;border: none;border-radius: 0;line-height: px;padding: 6px 10px;position: relative;top: 1px;}

.box-edit-setting { width: 100% !important;}
.box-edit-setting .form-group { float: left;}
.box-edit-setting .form-group label { font-weight: normal;font-size: 13px;}

.dropdown-settinh-module { position: absolute;width: 30px;height: 24px;right: 0;z-index: inherit;}
.dropdown-settinh-module  a { cursor: pointer; }
.dropdown-settinh-module > li > a { text-align: center;line-height: 24px;display: block;background: #e03232;z-index: 998;position: absolute;width: 100%;height: 100%;}
.dropdown-settinh-module > li:hover > ul {transition: ease-in-out 0.2s;display: block;}
.dropdown-settinh-module > li:hover a { background: #222222}
.dropdown-settinh-module > li > a > span { font-size: 16px;color: #fff;}
.dropdown-settinh-module > li > ul { width: 90px;position: absolute;background: #bfbfbf;transition: ease-in-out 0.2s;display: none;left: -60px;z-index: 9999}
.dropdown-settinh-module > li > ul > li { border-bottom: 1px solid #353535;}
.dropdown-settinh-module > li > ul > li:last-child { border: none;}
.dropdown-settinh-module > li > ul > li > a { padding: 7px;display: block;font-size: 13px;  background: #222222;color: #fff;text-align: left;}
.dropdown-settinh-module > li > ul > li > a span { padding-right: 5px;}
.dropdown-settinh-module > li > ul > li > a:hover { background: #666666}
/*Keyfram all*/
@-webkit-keyframes tick {
    0% {
        width: 0;
    }

    5% {
        opacity: 1;
    }

    90% {
        width: 550px;
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes tick {
  0% {
    width: 0;
  }
  5% {
      opacity: 1;
  } 
  90% {
    width: 550px;
    opacity: 1;
  }
  100% {
     opacity: 0
  }
}

.cts-container { border: 1px solid #e03232;min-height: 50px;position: relative;}