@charset "utf-8";
@font-face {
 font-family: 'Fredericka the Great';
 font-style: normal;
 font-weight: 400;
 src: local('Fredericka the Great'), local('FrederickatheGreat'), url(fonts/7Es8Lxoku-e5eOZWpxw18hsRj2C0BvLNQqKHRdEu66Y.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
body { position: absolute; width: 100%; height: 100%; }
a { cursor: pointer; }
.box-over-lay {position: absolute;width: 100%;height: 100%;background-color: rgba(88, 124, 156, 0.38);z-index: 2;}
.my-table {/* position: fixed; */z-index: 9;top: 36px;/* opacity: 0.1; */width: 100%;}
.my-table:hover { opacity:1 }
.set-vertical { height: 100%; display: table; width: 100%; text-align: center; }
.table-cell { vertical-align: middle; display: table-cell; }
img.loading { width: 50px; }
.button.eneble:hover { fill: #FFFE12; }
.button svg {height: 100%;width: 14%;}
.content-keyup { position: relative; }
table { border-collapse: collapse; }
.auto-box-help { position: absolute; top: 100%; left: 0; width: 100%; border: solid 1px red; background-color: #fff; }
.require { color: #E7123A; font-weight: bold; position: relative; left: 10px; }
.dark { position: fixed; background-color: rgba(0, 0, 0, 0.74); z-index: 5; }
.protect { position: absolute; z-index: 1; background-color: rgba(115, 107, 111, 0.11); }
.dark, .protect { width: 100%; height: 100%; left: 0; top: 0; color: #FFF; font-size: 25px; }
.content-popup { position: fixed; width: 100%; height: 100%; left: 0; top: 0%; text-align: center; z-index: 6; background-color: rgba(0, 0, 0, 0.14); }
.box-load-content { display: table-cell; vertical-align: middle; color: white; }
.button.eneble { background-image: -webkit-linear-gradient(top, #F0AD4E 0, #EB9316 100%); background-image: -o-linear-gradient(top, #f0ad4e 0, #eb9316 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#F0AD4E), to(#EB9316)); background-image: linear-gradient(to bottom, #8196DB 0, #09223D 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x; border-color: #1271B1; fill: #FFFFFF; }
.button.disabled { cursor: not-allowed; text-shadow: 0 1px 0 #FFF; background-image: -webkit-linear-gradient(top, #FFF 0, #E0E0E0 100%); background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E0E0E0)); background-image: linear-gradient(to bottom, #FFF 0, #E0E0E0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x; border-color: #DBDBDB; border-color: #CCC; fill: #8A8A92; }
.button {width: 12%;height: 30px;float: left;border: solid 1px #D6BCBC;text-align: center;}
h2.title { background-color: #F3F3F3; font-size: 18px; text-align: center; font-weight: bold; padding: 8px 0; margin: 0; margin-bottom: 10px; }
.clear-fix:after { clear: both; content: ""; display: block; }
.top-header { }
select { padding: 4px; }
input, textarea, select { border: 1px solid #AAA; font-family: "tahoma"; }
div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.menuBar { padding: 5px; float: right; }
table.menu { border-bottom: solid 1px #D5CCCC; }
.show-rows { }
.table_ th { text-align: right; }
.table_ td { }
.table_ td, .table_ th { padding: 3px; }
.table_ { }
input[type="radio"], input[type="checkbox"] { border: none; }
.error { border: solid 1px red; }
.popup_link_div { border: solid 10px #E45C27; background-color: #FAF8C1; margin: auto; padding: 20px 50px; font-size: 16px; text-align: center; font-weight: bold; border-radius: 5px; display: inline-block; width: 350px; color: #AA812B; }
.products-line svg, .btn-group svg {/* height: 100%; */ width: 20px; }
.table_ { width: 100%; }
.table_ th { width: 30%; }
fieldset { border: solid 1px #C0C0B8; background-color: #FCFCFC; }
.content-load-model {margin-top: 5px;position: relative;background-color: rgba(255, 255, 255, 0.75);}
.load-model {/* border: solid 1px #ccc; *//* padding: 3px; *//* border-radius: 20px; */}
.menu-right { padding: 3px;/* margin-left: -35px; */ }
ul { list-style-type: circle; }
legend { color: #900; padding: 0 10px; }
.fl { float: left; }
.fr { float: right; }
 .show-grid [class^=col-] {
 padding: 15px;
}
.user-privileg-box { /* display: none; */ }
.menu-bar {margin: 10px 0;}
.menu-bar .button { margin-right: 0.5%; border-radius: 5px; }
.page-detail { text-shadow: 0 1px 0 #FFF; background-image: -webkit-linear-gradient(top, #FFF 0, #E0E0E0 100%); background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E0E0E0)); background-image: linear-gradient(to bottom, #FFF 0, #E0E0E0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x; border-color: #DBDBDB; border-color: #CCC; text-align: right; padding: 5px; padding-right: 20px; }
.footer {bottom: 0;padding: 10px;color: white;font-weight: bold;background-color: #424242;margin-top: 10px;/* position: absolute; */width: 100%;}

.page-list li { list-style: none; /* border-left: 1px dashed #A26405; */ padding-left: 5px; }
.po-re { position: relative; margin-top: 10px; }
.show-none { display: none; }
.handle { background: url(../../../imgs/draggable.png) no-repeat 3px 5px; width: 15px; }
a.web-bt:hover { text-decoration: none; }
.web-bt { cursor: pointer; padding: 4px 17px; color: #EFEFEF; text-align: center; font-weight: normal; font-size: 1.077em; font-family: "Lucida Grande", Verdana, sans-serif; -moz-border-radius: 20px;/* -webkit-border-radius: 20px; *//* border-radius: 20px; */ display: inline-block; text-decoration: none; background-color: #2196F3; }
label svg { height: 100%; width: 9px; position: relative; left: 5px; fill: rgb(245, 83, 32); }
.box-content-popup { padding: 10px; background-color: #FFF; position: relative; }
.close-popup-bt { position:absolute; right: 5px; top: 5px; width: 30px; border-radius: 50%; background-color: #0D0205; padding: 5px; color: white; font-weight: bold; cursor: pointer; z-index: 9; }
.show-only { background-color: rgb(220, 220, 223); }
#frm_main label { display: inline-block; }
.contain-input-box {position: relative;height: 100%;z-index: 1;}
.page-list strong { color: rgb(31, 134, 130); }
h1.title { font-size: 150%; font-weight: bold; padding: 8px 0; margin: 0;/* position: relative; *//* z-index: 9; */ }
#txtHint {font-size:20px;text-align: center;padding: 5px;color: #646C88;background-color: #CCC;}
body { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height:1.42857143; color: #333; background-color:#fff; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: 100%; }
.result-box {display: block;padding: 6px;width: 100%;/* min-height: 32px; */border-bottom: dashed 1px #CCC;}
.show-help-detail.result-box { display: block; padding: 6px; width: 100%; color: #000000; height: 32px; border-bottom: dashed 1px #CCC; border: solid 1px black; background-color: #F4FFB2; }
.flexme3 td { background-color: #fff; }
.flexme3 .result-box { padding: 3px; margin-left: 0; border: 1px solid #FFF; background-color: #fff; width: auto; }
.pd-10-bd { padding: 10px; }
#hidden_submit { display: none; }
.full-size {border: 1px dashed #CCC;/* height: 200px; */width: 100%;}
.abs-top-left { position: absolute; right: 4%; top: 10px; width: 16%; z-index: 1; }
.star { position: relative; color: red; top: 3px; left: 8px; }
.text-rotate-90 { /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); 	/* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
 input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], textarea {
 padding: 5px;
 width: 100%;
 background-color: #F4FFB2;
 border: solid 1px #000;
 color: black;
}
.txt-comment { margin-top: 5px; display: block; color: #091E38; font-weight: bold; }
.thing-to-do-alert {/* margin: 0 15px; */ }
.thing-to-do-line { padding: 10px; display: block; border-bottom: 1px solid #D2C7C7;/* box-shadow: inset #BDBDBD 0px -1px 0; *//* cursor: pointer; */ background-color: #F7F7FF; }
.error-popup { position: fixed; background-color: rgba(127, 8, 8, 0.73); width: 100%; text-align: center; padding: 10px; z-index: 9; color: #FFF; font-size: 150%; top: -50%; }
#goToTop { position: fixed; bottom: 5%; right: 5%; width: 52px; height: 52px; background-image: url(../../../imgs/btn_prev_desktop.png); z-index: 2; cursor: pointer; display: none; }
#goToTop:hover { background-image: url(../../../imgs/btn_prev_desktop_hover.png); }
.rows-red { background-color: #F00; }
.rows-green { background-color:#CF0; }
.rows-gray { background-color: #6C4949; color: #2F0202; }
.rows-yellow { background-color: #EFEC0B; }
.rows-dark-gray { background-color: #B08220; }
.rotate-90 { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); writing-mode: tb-rl; }
select { padding: 6px; width: 100%; background-color: #F4FFB2; border: solid 1px #000; }
.flexme3 .full-size {height: auto;width: 100px;}
.flexme3 td.L, .flexme3 th.L { text-align: left; }
.flexme3 td.R, .flexme3 th.R { text-align: right; }
.bg_blue { background-color: #CCC; }
.page-list a.current:parent {
background-color: gainsboro;
}
a.current { color: #FFF; background-color: #354C04; }
.title-bg { background-color: #D6D5D5; color: #908B8B; }
.nav-top {width: 100%;background-color: #415887;color: white;font-weight: bold;z-index: 1;}
.page-list .step-1 { border-bottom: 2px solid #FFF; padding-bottom: 10px; margin-bottom: 10px; box-shadow: inset #BDBDBD 0px -1px 0; }
.flexme3 th, .flexme3 td, .pd-10-bd { border: 1px solid #999; }
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 100%; -moz-osx-font-smoothing: grayscale; }
.web-bt:hover { color: #F9FF00; }
.content-link-help { position: absolute; right: 10px; z-index: 1; top: 8px; }
.content-link-help .glyphicon { font-size: 16px; }
.flexme3 .full-size {/* width: auto; */}
.load-list { display: none; position: absolute; width: 100%; background-color: #FFFFFF; left: 0; t;/* top: 32px; */
z-index: 9999999; padding: 10px; border: 1px solid #000; }
.search-line { padding: 10px; display: block; border-bottom: 2px solid #FFF; box-shadow: inset #BDBDBD 0px -1px 0; cursor: pointer; }
.search-line:hover { background-color: #CF0; }
.red { color: #AB4D4D; }
.green { color: #61DE77; }
.bg-gray { background-color: #E0E0E0; border: 1px solid #ccc; }
.bg-gray:hover { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background-color: #FFFFFF; border: 1px solid #B6D62A; }
.bg-mail-read:hover { background-color: #DCD8D1; }
.bg-mail-read { background-color: #E0E0E0; }
.no-list { list-style: none; }
.contain-flexme3 { overflow: auto; }
.doc-detail { }


.position-fixed-ondown {
    position: fixed;
 
    opacity: 0.1;
   
}
.bg-green{
    background-color: #CDDC39;
}

.flexme3 td.C, .flexme3 th.C { text-align: center; }
.flexme3 td.L, .flexme3 th.L { text-align: left; }
.flexme3 td.R, .flexme3 th.R { text-align: right; }



.flexme3 th select {
    
    background-color: #415887;
    color: #FFFFFF;
    
}.flexme3 th select.active {
    
background-color: #ffffff;
    
color: #415887;
}

.main-content {position: relative;min-height: 100%;margin: 0 10px;padding-bottom: 50px;}
@media (min-width: 768px){
.main-content {position: relative;min-height: 100%;margin: 0 5%;padding-bottom: 50px;}

}

.shortcut-content-footer {
    position: fixed;
    bottom: 0;
    z-index: 1;
    display: block;
    background-color: white;
    border-top: solid 1px #CCC;
}