/* List-----------------------------------------------------------------------------------------------
/* HTML Elements
/* blockLogin
/* blockFooter 
/* animate
/* loginidbox
/* progress
/* alert
-------------------------------------------------------------------------------------------------- */

/* HTML Elements
---------------------------------------------------------*/
* { margin:0; padding:0; }
body { font-family : "Malgun Gothic", dotum, arial, sans-serif; FONT-SIZE: 12px; color:#555; background:#fff; }
.h100 { height:100%; }
html { height:100%; }
ul { list-style:none; }
a:link, a:visited, a:active { color:#3378bd; text-decoration:none; outline:none;}
a:hover { text-decoration:underline; }
hr { display: none; }
h1 { font-size:14px; }
img { border:none; }
option { padding-right: 0.5em; }
legend { display:none; }
fieldset { border:none; margin-top: 84px; position: relative;}
.floatLeft { float:left !important; }
.floatRight { float:right !important; }
.textLeft { text-align:left !important; }
.textCenter { text-align:center !important; }
.textRight { text-align:right !important; }
.textVertical { writing-mode:tb-lr !important; letter-spacing:2px; height:200px; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform: rotate(90deg); }
.blockLeft { float:left; width:49%; margin-right:10px; }
.blockRight { float:left; width:49%; }
.blockLeft_fixed { position:absolute; top:20px; left:15px; width:167px; z-index:99; }
.blockRight_fixed { position:absolute; top:20px; right:15px; width:167px; z-index:99; }
.clear { clear:both; }
.none { display:none; }
.hidden { visibility:hidden; }
.bgnone { background:none !important; }
.bdnone { border:none !important; }
select { font-size:12px; padding:1px; border:1px solid #ccc; vertical-align:middle; display: inline-block; }
select.multi { height:auto; }
select.multi_people { height:100px; width:240px; }
input.inputbox { font-size:12px; height:13px; line-height:14px; padding: 0px 4px; border:1px solid #fff; vertical-align:middle; }
input.inputbox { padding:00\9; /*ie9*/ }
.engonly{ime-mode:disabled;}
input.file { font-size:12px; line-height:14px; padding:2px 4px; vertical-align:middle; border:1px solid #ccc;}
textarea { font-size:12px; line-height:14px; padding:2px 4px; border:1px solid #ccc !important; vertical-align:middle; }
.checkbox, .radio { margin:0 2px 1px; *margin:0 0 1px -4px; vertical-align:middle; *vertical-align:middle;  }
#skipNavigation { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; display:none; }
.contentIframe { margin:5px 10px 10px 10px; min-width:400px; }
.mt-34{margin-top:-34px;}
.mt-34{margin-top:-56px 0\9; /*ie9*/}
.nodisplay{display:none;}
.absolute{position:absolute;border:1px solid red;height:34px;width:100%;}


/* blockLogin
---------------------------------------------------------*/
#blockLogin { width:100%; height:100%; background:#111 url(../images/login/login_bg1.png) repeat 50% 50%; }
#blockLogin table { width:100%; height:100%; }
#blockLogin .wrapper { color:#eee; }
.loginBox { position:relative; width:750px; height:600px; margin:0 auto; }
.loginInput { position:absolute; top:180px; right:60px; width:260px; height:180px; background:url(../images/login/bg_form.png) no-repeat; }
.login_workplace { position:absolute; top:305px; left:360px; background:none; }
.loginInput .login_id input, .loginInput .login_pw input { height:16px; color:#555; padding-left:5px;width: 82%;}
.loginInput .login_language { position:absolute; top:12px; left:25px; }
.loginInput .login_id { position:absolute; top:40px; left:25px; }
.loginInput .login_pw { position:absolute; top:66px; left:25px; }
.loginInput .login_btn { position:absolute; top:40px; left:160px; }
.loginInput .capslock { position:absolute; top: 88px; left: 95px; }
.login_info { left:25px; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; color:#777; }
.login_preview { border:1px solid #ccc; margin-bottom:10px; }
.loginBox_jp { position:relative; width:395px; height:250px; margin:0 auto;}

#logo{ position:absolute; top:0px;right:-12px;width:130px;height:30px;background:url(../images/login/logo.png) no-repeat 0 0;}
.login_text { position:absolute; top:10px;letter-spacing:0.5px; left:-240px; width:800px; height:50px; color:#fff; font-size:28px; font-weight:bold; /* text-shadow:1px 1px 1px #333; */text-align:center;margin-top:20px; }
.logo_jp { position:absolute; top:1px; left:-1px; }
.loginInput_jp { position:absolute; top:0px; left:38px; width:320px;border-bottom: 1px solid rgba(255, 255, 255, 0.44); z-index:999; }
.loginInput_jp .login_id input, .loginInput_jp .login_pw input { line-height:32px; height:34px; /*padding: 5px 11px 5px 8px;*/ font-size:16px; color:#111;}
.loginInput_jp .login_id input { font-weight:normal; width: 266px; margin-left:48px;}
.loginInput_jp .login_pw input { width: 264px; margin-left:48px;}

body:first-of-type .login_id input{height: 34px;width: 266px;line-height:32px; padding:0 4px;}
body:first-of-type .login_pw input{height: 34px;width: 266px;line-height:32px; padding:0 4px;}
.loginInput_jp .login_id input, .loginInput_jp .login_pw input{height:none1px\0/; /*ie8*/ }
.loginInput_jp .login_id input, .loginInput_jp .login_pw input{clear:both0\9; /*ie9*/}
.loginInput_jp .login_id .inputbox2, .loginInput_jp .login_pw .inputbox2{position:absolute; left:0;margin-top:-34px;border:none;}
.loginInput_jp .login_id .inputbox2, .loginInput_jp .login_pw .inputbox2{margin-top:0\0/IE8+9;}

.loginInput_jp .login_language { position:absolute; top:12px; left:25px; }
.loginInput_jp .language{text-align:right;margin-bottom:6px;}
.loginInput_jp .language label{font-size:12px;color:#fff;font-weight:bold;}
.loginInput_jp .client{text-align: left;top: 130px;left: 0px;background: url(../images/login/login_bgClient.png) no-repeat 0 -2px;height: 36px;margin-bottom: 6px;}
.loginInput_jp .client label{display:inline-block;width:48px;height:33px;text-indent:-10000px;vertical-align:middle;}
.loginInput_jp select#client {border:none;display:inline-block;width:272px;background-color:#fff;position: relative;top: 0px;left: 0px;width: 82%;vertical-align:middle;}
.loginInput_jp .login_id {background: url(../images/login/login_bg01.png) no-repeat 0 -2px; height: 36px; margin-bottom:6px;width: 320px;}
.loginInput_jp .login_pw {left:0px; background: url(../images/login/login_bg02.png) no-repeat 0 -2px; height: 36px;  margin-bottom: 10px;width: 320px;}
.loginInput_jp .login_btn {left:0px;margin-bottom:6px;height:36px;}
.loginInput_jp .login_btn.progress { position:absolute; top:185px; left:0px; width:320px; height:37px; }
.loginInput_jp .godemo_btn { position:absolute; top:33px; left:45px; }
.loginInput_jp .login_btn a {display:inline-block; width:320px; height:37px; background : url(../images/login/btn_login_jp_02.png) no-repeat 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-out 0s; }
.loginInput_jp .login_btn a:hover {display:inline-block; width:323px; height:37px; background : url(../images/login/btn_login_jp_02o.png) no-repeat 0 0; transition: all 0.2s ease-out 0s; }
.loginInput_jp .godemo_btn a {display:inline-block; width:379px; height:94px; background : url(../images/login/btn_godemo_jp.png) no-repeat 0 0; }
.loginInput_jp .godemo_btn a:hover {display:inline-block; width:379px; height:94px; background : url(../images/login/btn_godemo_jp_o.png) no-repeat 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.loginInput_jp .capslock { position:absolute; top: 168px; left: 50px; }
.loginInput_jp .login_info {left:0px; color:#eee;margin-bottom:10px;text-align:left;font-size:12px; }
.loginInput_jp .login_info input { vertical-align: middle; margin-top: -3px; margin-right: 2px; }

.loginInput_jp:after{clear:both;content:"";float:none;}

/* blockFooter 
---------------------------------------------------------------------*/
#blockFooter { margin: 0 auto; width:395px; color:#666; /* background:url(../images/login/login_form_bg.png) no-repeat 0 bottom; */ position: relative;height:200px;}
#blockFooter .wrapper { margin:0 auto; padding-left:0; text-align:center; }
#blockFooter img { vertical-align:middle; margin:-6px 3px 0 0; }

/* animate --------------------------------------- */
.animate0 {
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 0s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 0s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}        
.animate1 {
	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: .2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: .2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
.animate2 {
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
.animate3 {
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .6s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: .6s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: .6s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: .6s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
.animate4 {
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: .8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: .8s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}  
@-webkit-keyframes bounceIn {
	0% {
	opacity: 0;
	-webkit-transform: scale(.3);
}
50% {
	opacity: 1;
	-webkit-transform: scale(1.05);
}
70% {
	-webkit-transform: scale(.9);
}
100% {
	-webkit-transform: scale(1);
}
}@-moz-keyframes bounceIn {
	0% {
	opacity: 0;
	-moz-transform: scale(.3);
}
50% {
	opacity: 1;
	-moz-transform: scale(1.05);
}
70% {
	-moz-transform: scale(.9);
}
100% {
	-moz-transform: scale(1);
}
}@-o-keyframes bounceIn {
	0% {
	opacity: 0;
	-o-transform: scale(.3);
}
50% {
	opacity: 1;
	-o-transform: scale(1.05);
}
70% {
	-o-transform: scale(.9);
}
100% {
	-o-transform: scale(1);
}
}@keyframes bounceIn {
	0% {
	opacity: 0;
	transform: scale(.3);
}
50% {
	opacity: 1;
	transform: scale(1.05);
}
70% {
	transform: scale(.9);
}
100% {
	transform: scale(1);
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}

.bounceIn input {
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;	
}

@-webkit-keyframes flipInX {
	0% {
	-webkit-transform: perspective(400px) rotateX(90deg);
	opacity: 0;
}
40% {
	-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
	-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
	-webkit-transform: perspective(400px) rotateX(0deg);
	opacity: 1;
}
}@-moz-keyframes flipInX {
	0% {
	-moz-transform: perspective(400px) rotateX(90deg);
	opacity: 0;
}
40% {
	-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
	-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
	-moz-transform: perspective(400px) rotateX(0deg);
	opacity: 1;
}
}@-o-keyframes flipInX {
	0% {
	-o-transform: perspective(400px) rotateX(90deg);
	opacity: 0;
}
40% {
	-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
	-o-transform: perspective(400px) rotateX(10deg);
}
100% {
	-o-transform: perspective(400px) rotateX(0deg);
	opacity: 1;
}
}@keyframes flipInX {
	0% {
	transform: perspective(400px) rotateX(90deg);
	opacity: 0;
}
40% {
	transform: perspective(400px) rotateX(-10deg);
}
70% {
	transform: perspective(400px) rotateX(10deg);
}
100% {
	transform: perspective(400px) rotateX(0deg);
	opacity: 1;
}
}.flipInX {
	-webkit-backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible!important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible!important;
	-o-animation-name: flipInX;
	backface-visibility: visible!important;
	animation-name: flipInX;
}
@-webkit-keyframes lightSpeedIn {
	0% {
	-webkit-transform: translateX(100%) skewX(-30deg);
	opacity: 0;
}
60% {
	-webkit-transform: translateX(-20%) skewX(30deg);
	opacity: 1;
}
80% {
	-webkit-transform: translateX(0%) skewX(-15deg);
	opacity: 1;
}
100% {
	-webkit-transform: translateX(0%) skewX(0deg);
	opacity: 1;
}
}@-moz-keyframes lightSpeedIn {
	0% {
	-moz-transform: translateX(100%) skewX(-30deg);
	opacity: 0;
}
60% {
	-moz-transform: translateX(-20%) skewX(30deg);
	opacity: 1;
}
80% {
	-moz-transform: translateX(0%) skewX(-15deg);
	opacity: 1;
}
100% {
	-moz-transform: translateX(0%) skewX(0deg);
	opacity: 1;
}
}@-o-keyframes lightSpeedIn {
	0% {
	-o-transform: translateX(100%) skewX(-30deg);
	opacity: 0;
}
60% {
	-o-transform: translateX(-20%) skewX(30deg);
	opacity: 1;
}
80% {
	-o-transform: translateX(0%) skewX(-15deg);
	opacity: 1;
}
100% {
	-o-transform: translateX(0%) skewX(0deg);
	opacity: 1;
}
}@keyframes lightSpeedIn {
	0% {
	transform: translateX(100%) skewX(-30deg);
	opacity: 0;
}
60% {
	transform: translateX(-20%) skewX(30deg);
	opacity: 1;
}
80% {
	transform: translateX(0%) skewX(-15deg);
	opacity: 1;
}
100% {
	transform: translateX(0%) skewX(0deg);
	opacity: 1;
}
}.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	-moz-animation-name: lightSpeedIn;
	-o-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
.animated.lightSpeedIn {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
}
}.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
	opacity: 0;
	-webkit-transform: translateY(20px);
}
100% {
	opacity: 1;
	-webkit-transform: translateY(0);
}
}@-moz-keyframes fadeInUp {
	0% {
	opacity: 0;
	-moz-transform: translateY(20px);
}
100% {
	opacity: 1;
	-moz-transform: translateY(0);
}
}@-o-keyframes fadeInUp {
	0% {
	opacity: 0;
	-o-transform: translateY(20px);
}
100% {
	opacity: 1;
	-o-transform: translateY(0);
}
}@keyframes fadeInUp {
	0% {
	opacity: 0;
	transform: translateY(20px);
}
100% {
	opacity: 1;
	transform: translateY(0);
}
}.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInRight {
    0% {
    opacity: 0;
    -webkit-transform: translateX(40px);
}
100% {
    opacity: 1;
    -webkit-transform: translateX(0);
}
}@-moz-keyframes fadeInRight {
    0% {
    opacity: 0;
    -moz-transform: translateX(40px);
}
100% {
    opacity: 1;
    -moz-transform: translateX(0);
}
}@-o-keyframes fadeInRight {
    0% {
    opacity: 0;
    -o-transform: translateX(40px);
}
100% {
    opacity: 1;
    -o-transform: translateX(0);
}
}@keyframes fadeInRight {
    0% {
    opacity: 0;
    transform: translateX(40px);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}



/* loginidbox --------------------------------------- */
.login_idbox { padding: 5px 10px 10px; margin-bottom: 15px; border: 1px solid #faf1df; background: #f6edba; color: #9c6c38; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.login_idbox h4 { margin-bottom: 2px; font-size:14px; }
.modTable_12 { margin-top: 5px; border-top: 1px solid #c1a069; border-left: 1px solid #c1a069; font-size: 93%; line-height: 1.5; }
.modTable_12 th, .modTable_12 td, .modTable_15 th, .modTable_15 td { padding: 4px; border-right: 1px solid #c1a069; border-bottom: 1px solid #c1a069; color: #86551f; }
.modTable_12 th, .modTable_12 td a { color: #2734ce; font-weight:bold; }
.modTable_12 td a { color: #5371ce; font-weight:bold; text-decoration:none; }
.modTable_12 td a:hover { color: #0642fc; font-weight:bold; text-decoration:underline; }
.modTable_12 th, .modTable_15 th { font-weight: bold; font-size:13px; background-color: #e2d389; text-align:center; color: #86551f; }
.login_idbox_shadow { position: absolute; width: 662px; height: 22px; bottom: -23px; left: -27px; background: url("../images/login/bg_box_shadow.png") no-repeat scroll 6px center; }

/* progress --------------------------------------- */
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.progress .bar{width:0%;height:100%;padding-top:10px;color:#ffffff;float:left;font-size:14px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(to bottom, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);}
.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(to bottom, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);}
.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(to bottom, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);}
.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(to bottom, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);}
.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(to bottom, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);}
.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}

/* alert --------------------------------------- */
.fade.in { opacity: 1; }
.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); background: #fff; border: 1px solid #fbeed5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #B46F2C; }
.alert-block { padding-top: 14px; padding-bottom: 14px; }
.alert-error, .alert-danger { background: #f7dcdc; border-color: #edb3b3; color: #300b0b; }
.alert .close { position: relative; top: 0; right: -23px; color: #937f0e; }
button.close { padding: 0; cursor: pointer; background: rgba(0, 0, 0, 0); border: 0; -webkit-appearance: none; }
.close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.4; filter: alpha(opacity=40); -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-out 0s; }
.close:hover { color: #937f0e; text-decoration: none; cursor: possinter; opacity: 0.6; filter: alpha(opacity=60); -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-out 0s; }
h4 { font-size: 17.5px; }
.alert h4 { color: #b46f2c; margin: 0; }
.alert-error h4, .alert-danger h4 { color: #300b0b; margin-bottom:6px; text-align:left; }
.alert-block > p, .alert-block > ul { margin-bottom: 0; text-align:left; }
.alert-block > p > strong { font-size:15px; }
.alert-warning { border:1px solid #c9aa75; color: #9c6c38; margin-bottom: 15px; background: #f6edba; }
.alert-warning.oneline { padding: 8px 35px 8px 14px; }
.alert-warning h4 { color:#9c6c38; margin-bottom:6px; text-align:left }


/* site settings  --------------------------------------- */
.site-settings{position: fixed; right: 0px; top: 45px; z-index: 10;}        
.site-settings .site-settings-button{position: absolute; left: -36px; top: 10px; background: rgba(0,0,0,0.6); width: 36px; height: 36px; padding: 0px; text-align: center;
-moz-border-radius: 5px 0px 0px 5px;-webkit-border-radius: 5px 0px 0px 5px;border-radius: 5px 0px 0px 5px; cursor: pointer;} 
.site-settings .site-settings-button span{color:#fff; font-size: 18px; line-height: 36px;}

.site-settings .site-settings-content{position: relative; width: 180px; display: none;}
.site-settings .site-settings-content .block > div{background: rgba(0,0,0,0.6); padding-bottom: 0px;}
.site-settings .site-settings-content .block > div:last-child{padding-bottom: 10px; -moz-border-radius: 0px 0px 0px 5px; -webkit-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px;}
.site-settings .site-settings-content .block .header{height: 22px; line-height: 22px; padding: 10px 15px; -moz-border-radius: 5px 0px 0px 0px; -webkit-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px; }
.site-settings .site-settings-content .block .header h2{line-height: 22px;}

.site-settings.active .site-settings-content{display: block;}

.site-settings .ss_background, .site-settings .ss_theme{width: 30px; height: 30px; display: inline-block; cursor: pointer; -moz-border-radius: 10%; -webkit-border-radius: 10%; border-radius: 10%; border: 2px solid #777;}
.site-settings .ss_background.active, .site-settings .ss_theme.active{border: 2px solid #FFF;}

.block .header h2, .block .head h2 {font-size: 12px;color: #FFF;padding: 0px;margin: 0px;display: block;float: left;text-transform: uppercase;font-weight: bold;}
[class^='col-xs-'], [class^='col-sm-'], [class^='col-md-'], [class^='col-lg-']
{position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px;}

.bg-img-num1 {background: url(../images/login/bg_num1.jpg) 50% 50% repeat !important;}
.bg-img-num2 {background: url(../images/login/bg_num2.jpg) left top repeat !important;}
.bg-img-num3 {background: url(../images/login/background/bg_num4.jpg) left top repeat !important;}
.bg-img-num4 {background: url(../images/login/background/bg_num2.jpg) left top repeat !important;}
.bg-img-num5 {background: url(../images/login/background/bg_num5.jpg) left top repeat !important;}
.bg-img-num6 {background: url(../images/login/background/bg_num6.jpg) left top repeat !important;}
.bg-img-num7 {background: url(../images/login/background/bg_num7.jpg) left top repeat !important;}
.bg-img-num8 {background: url(../images/login/background/bg_num8.jpg) left top repeat !important;}