﻿
#dialog-form{overflow:inherit !important;height:350px !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:#00aaac;}
.bg-blue.dker, .bg-blue .dker{background-color:#00aaac;}
.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:#00aaac !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: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:#00aaac!important;}
.ui-widget-content .ui-state-highlight{border-color:#ff6300;}
.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;}
.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;}
.field-validation-error, .input-validation-error{color:red;}
.input-validation-error{border-color:#ff5f5f !important;}
#top-header-setting{z-index:99999;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%;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:#00aaac;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{top:84px;}
.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;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}
.mode-edit-page .ui-dialog .ui-dialog-buttonpane button{padding:5px 15px;font-weight:bold;margin-left:10px;margin-right:0;}
.mode-edit-page #form-editmodule .form-group select{border-radius:0;}
.mode-edit-page #form-editmodule .form-group input{border-radius:0;}
@media only screen and (max-width:800px){.mode-edit-page.opensetting .wrapper{padding-top:33px;}
.mode-edit-page .sidebar{padding-top:33px;}
.modeView{width:80px;}
div.body-menu-setting select{width:65%;display:inline-block;}
.select-skin .bg-blue a.btn{width:35%;}
}
@media only screen and (max-width:480px){.mode-view-page #top-header-setting{top:-80px;}
.th-menu-setting > ul > li{width:33.333%;border-bottom:1px solid #5DB5DD;}
.th-menu-setting > ul > li > div.body-menu-setting{width:320px;}
.mode-edit-page.opensetting .wrapper{padding-top:66px;}
.mode-edit-page .sidebar{padding-top:66px;}
.headerFixel{height:70px;}
}
@-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:130px;position:relative;float:left;width:100%}
.mode-edit-page #header-main{height:auto !important;}