/* padding : top, right, bottom, left */ /*http://www.strategyinformer.com/all/movies.html*/
body{
    -webkit-print-color-adjust:exact;
    -webkit-text-size-adjust:none;
    background-color: #ffffff;  /* #e0e0e0; */
    border:0px;
    font-family:  "Arial";      /*"Segoe UI",*/
    
/*  font-family: "Helvetica Neue",sans-serif; */
    
    font-size:  13px;
    width:100%;
    height:100%;
/*  margin-left:0;*/
/*  margin-top:0;*/
/*    behavior:url(/csshover.htc);*/
}

.mainHeader{
    text-transform: capitalize;
    color:#666666;
    font-weight: 300;
    font-size:40px;
    padding:8px 8px 8px 8px;
}

a[disabled]{
  cursor:not-allowed;  
  color: grey;
  text-decoration: none;
}

input[disabled],input[readonly],select[disabled]{
  cursor: default !important;
  background-color:#eeeeee !important;  /* f9f9f9 */
  color:#a4a4a4;    /* af8888 */ 
}
textarea[disabled] {
  cursor: default !important;
  background-color:#eeeeee; /* f4f4f4 */
  color:#a4a4a4;            /* af8888 */
  line-height:normal;
}

select:focus{
    border-color: #999999;
}
input[type="text"]:focus{
    border-color: #999999;
}
input.number{ 
    text-align:right; 
}
/* Red */
input.button.red{
    background-color:#d84a38; color:#fff;
}
input.button.red:hover,
input.button.red:focus,
input.button.red:active,
input.button.red.active,
input.button.red.disabled{
    background-color:#bb2413; color:#fff;
}
/* Green */
input.button.green{
    background-color:#35aa47; color:#fff;
}
input.button.green:hover,
input.button.green:focus,
input.button.green:active,
input.button.green.active,
input.button.green.disabled{
    background-color:#1d943b; color:#fff;
}
/* Blue */
input.button.blue{ 
    background-color:#4d90fe; color:#fff;
}
input.button.blue:hover,
input.button.blue:focus,
input.button.blue:active,
input.button.blue.active,
input.button.blue.disabled{
    background-color:#0362fd; color:#fff;
}
/* Purple */
input.button.purple{ 
    background-color:#852b99; color:#fff;
}
input.button.purple:hover,
input.button.purple:focus,
input.button.purple:active,
input.button.purple.active,
input.button.purple.disabled{
    background-color:#6d1b81; color:#fff;
}
/* Yellow */
input.button.yellow{ 
    background-color:#ffb848; color:#fff;
}
input.button.yellow:hover,
input.button.yellow:focus,
input.button.yellow:active,
input.button.yellow.active,
input.button.yellow.disabled{
    background-color:#eca22e; color:#fff;
}
/* Black */
input.button.black{ 
    background-color:#555555; color:#fff;
}
input.button.black:hover,
input.button.black:focus,
input.button.black:active,
input.button.black.active,
input.button.black.disabled{
    background-color:#222222; color:#fff;
}

input.button, button.button:hover{
    background-color:#d0d0d0; 
}

input.button, button.button{
    display:inline-block;
    filter:none;
    cursor:pointer;
    text-decoration:none;
    text-shadow: none;
    outline:none;
    box-shadow:none;
    padding:7px 14px;    
    border:0;    
    background-color:#e5e5e5;
    color:#333333;    
    -webkit-box-shadow: none;    
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius: 0;    
    font-family:"Segoe UI",Helvetica, Arial, sans-serif;
    font-size: 14px;
/*  height:26px;
    width:68px;*/
    line-height:20px;
    -webkit-appearance: button;    
    text-align:center;
}
.dialogpassword{
     font-family: "Courier New";
     color:#666666;
     font-size:20px;
     font-weight:bold;
}
/*
button.btn_sm:hover,
button.btn_sm:focus,
button.btn_sm:active,
button.btn_sm.active{
    background-color:#428bca; color:#ffffff;
}
button.btn_sm[disabled]{
    background-color:#e5e5e5; color:#999999;
    cursor:default;
}
input.btn_sm, button.btn_sm{
    display:inline-block;
    filter:none;
    cursor:pointer;
    text-decoration:none;
    text-shadow: none;
    outline:none;
    box-shadow:none;
    height:32px; width:32px;
    border:0;    
    background-color:#57b5c3;
    color:#ffffff;    
    -webkit-box-shadow: none;    
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius: 0;    
    font-family:"Segoe UI",Helvetica, Arial, sans-serif;
    font-size: 14px;
    -webkit-appearance: button;    
    text-align:center;
}*/

input.btn_sm, button.btn_sm{
    display:inline-block;
    filter:none;
    cursor:pointer;
    text-decoration:none;
    text-shadow: none;
    outline:none;
    box-shadow:none;
    height:32px; width:32px;
    border:0;    
    background-color:#57b5c3;
    color:#ffffff;    
    -webkit-box-shadow: none;    
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius: 0;    
    font-family:"Segoe UI",Helvetica, Arial, sans-serif;
    font-size: 14px;
    -webkit-appearance: button;    
    text-align:center;
}
.btn_sm.yellow{ background-color:#ffb848; color:#fff; text-shadow: none; }
.btn_sm.yellow:hover, .btn_sm.yellow:focus, .btn_sm.yellow:active, .btn_sm.yellow.active{
    color:white;background-color:#ffa81f;
} 
.btn_sm.yellow.disabled, .btn_sm.yellow[disabled]{ 
  background-color: #ffd188 !important;
  color: #fff !important;
  outline: none !important;
  cursor:default;
}
.btn_sm.red{    background-color:#d84a38; color:#fff; text-shadow: none; }
.btn_sm.red:hover, .btn_sm.red:focus, .btn_sm.red:active, .btn_sm.red.active{
    color:white;background-color:#c13726;
}
.btn_sm.red.disabled, .btn_sm.red[disabled] { 
  background-color: #e6897e !important;
  color: #fff !important;
  outline: none !important;
  cursor:default;
}
.btn_sm.green{  background-color:#35aa47; color:#fff; text-shadow: none; }
.btn_sm.green:hover, .btn_sm.green:focus, .btn_sm.green:active, .btn_sm.green.active{
    color:white;background-color:#2b8b3a;
} 
.btn_sm.green.disabled, .btn_sm.green[disabled] { 
  background-color: #7cc888 !important;
  color: #fff !important;
  outline: none !important;
  cursor:default;
}
.btn_sm.blue{   background-color:#4b8df8; color:#fff; text-shadow: none; }
.btn_sm.blue:hover, .btn_sm.blue:focus, .btn_sm.blue:active, .btn_sm.blue.active{
    color:white;background-color:#2474f6;   
}
.btn_sm.blue.disabled, .btn_sm.blue[disabled] { 
  background-color: #8ab5fa !important;
  color: #fff !important;
  outline: none !important;
  cursor:default;
}
.btn_sm.purple{ background-color:#8e44ad; color:#fff; text-shadow: none; }
.btn_sm.purple:hover, .btn_sm.purple:focus, .btn_sm.purple:active, .btn_sm.purple.active{
    color:white;background-color:#763890;
} 
.btn_sm.purple.disabled, .btn_sm.purple[disabled] { 
    background-color: #b686ca !important;
    color: #fff !important;
    outline: none !important;
    cursor:default;
}
.btn_sm.black{  background-color:#dddddd; color:#000; text-shadow: none; }
.btn_sm.black:hover, .btn_sm.black:focus, .btn_sm.black:active, .btn_sm.black.active{
    color:#333333;background-color:#dddddd;
}
.btn_sm.black.disabled, .btn_sm.black[disabled] { 
    background-color: #ffffff !important;
    color: #84b4dc !important;
    outline: none !important;
    cursor:default;
}
.btn_sm.default{  background-color:#e5e5e5; color:#333; text-shadow: none; }
.btn_sm.default:hover, .btn_sm.default:focus, .btn_sm.default:active, .btn_sm.default.active{
    color:#333333;background-color:#d1d1d1;
}
.btn_sm.default.disabled, .btn_sm.default[disabled] { 
    background-color: #eeeeee !important;
    color: #7b7b7b !important;
    outline: none !important;
    cursor:default;
}

input.datefield{
    width:100px;
}

.dateshortcut{
    width:100%;
    float:left;
    line-height:20px;
}
.dateshortcut a{
    padding-right:3px;
    white-space:nowrap;
/*  color:#ff00ff;*/  /*000080*/
    text-decoration:none;
    font-size:12px;
}
.dateshortcut a:hover {
    text-decoration: underline;
}

.MESSAGETXT { color:#3f3f3f; font-size:14px }

.page-title{
    text-transform: capitalize; /*lowercase, uppercase, capitalize*/
    line-height:40px;
    letter-spacing: -1px;
    font-size:30px;
    font-family:'Open Sans', sans-serif;
    font-weight:300;
    color:#666;       /*#187a7a*/
/*  display:block;*/
    padding:0px;
    margin: 0px;
/*  margin:20px 0px 15px 0px;*/
}

.os20{
    font-family:'Open Sans', sans-serif;
    font-size:20px;
    font-weight:300;
    color:#666666;
}
.os14{
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    color:#333333;
}

.page-header,.businessname{
    text-transform: capitalize; /*lowercase, uppercase, capitalize*/
    line-height:30px;
    letter-spacing: -1px;
    font-size:20px;
    font-family:'Open Sans', sans-serif;
    font-weight:300;
    color:#666;       /*#187a7a*/
/*  display:block;*/
    padding:0px;
/*  margin:20px 0px 15px 0px;*/
}

.stdTable{
/*  min-width:240px; */
    width:100%;
    text-align:left;
}
.stdTableMaint{
    width:100%;
    border:1px solid #b4cef8;
    border-collapse:collapse;
    background-color:#b4cef8;    
}
.stdTableMaint .tr_header3 td{     /* header */
    background:#dddddd;
    line-height:18px; 
    height:40px;
    text-align:left;
    font-size:14px;    
    font-weight:400;
    color:#000000;
    padding:4px;
}

.stdTableMaint .tr_text{        /* data line*/
    background: #ffffff;    /*eeeeee*/ /*ff9999*/
    padding:4px 5px;    /* top, right, bottom, left*/
    text-align:left; 
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    height:36px; 
} 
.stdTableMaint .tr_text td{ height:48px; padding:2px 4px 2px 4px; }
.stdTableMaint .tr_text td.noinfo{ height:100px !important; text-align:center; vertical-align:middle; }
.stdTableMaint .trhover td{ height:48px; padding:2px 4px 2px 4px; }

/*
.stdTableMaint .tr_text td .inam td{ height:12px;background-color:red }
.stdTableMaint .tbody tr td .inam td:hover{ height:12px;background-color:blue;color:yellow }
*/

.tr_over{
    color:#ffffff;
    background-color:#00ff00;
}
.stdTableMaint .tbody tr:hover{
  background-color:#f5f5f5;
  padding:2px 4px 2px 4px;
  height:36px;
  color:#303030;
}
.stdTableMaint .trhover{
  height:36px;
  text-align:left;
  padding:2px 4px 2px 4px;
  background-color:#f5f5f5;
  color:#303030;
}


.stdTableMaint .td_HEADER2,.td_FOOTER2{
    margin:0;
    padding-left:10px;
    padding-right:10px;
    font-family:'Open Sans', sans-serif;
    height:56px; 
    color:#fff;
    vertical-align:middle;
    font-size:18px;
    font-weight:400;
}
.stdTableMaint .td_HEADER2,.td_FOOTER2{
    color:#fff;
    font-size: 14px;
}
.stdTableMaint .td_HEADER2,.td_FOOTER2 .Navigation{
    color:#fff;
    font-size: 14px;
}
.stdTableMaint .td_HEADER2 .Navigation,.td_FOOTER2 .Navigation{font-weight: normal; color:#ffffff}
.stdTableMaint .td_HEADER2 .Navigation a,.td_FOOTER2 .Navigation a {color:#9900aa}
.stdTableMaint .td_HEADER2 .Navigation .disabledlink,.td_FOOTER2 .Navigation .disabledlink {color:#aaaaaa}

.stdTable .stdOption{
    padding-left:20px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    font-family:'Open Sans', sans-serif;
    width:100%;    
    color:#fff;
    vertical-align:middle;
    font-size:14px;
    border-spacing: 8px;
}
.stdTable .stdOption td{
    padding-top:4px;
    padding-bottom:4px;
}
.stdTable .stdOption .searchbtn{
    background-color:#d84a38;color:#fff;
}
.stdTable .stdOption .searchbtn:hover,
.stdTable .stdOption .searchbtn:focus,
.stdTable .stdOption .searchbtn:active,
.stdTable .stdOption .searchbtn.active,
.stdTable .stdOption .searchbtn.disabled{
    background-color:#bb2413; color:#fff;
}
.stdTable .stdOption .pickbtn{
    background-color:#555555;color:#fff;
}
.stdTable .stdOption .pickbtn:hover,
.stdTable .stdOption .pickbtn:focus,
.stdTable .stdOption .pickbtn:active,
.stdTable .stdOption .pickbtn.active,
.stdTable .stdOption .pickbtn.disabled{
    background-color:#222222; color:#fff;
}

.stdTable .stdOption .SMALLTEXT{
    color:#fff;
}

.stdTable .stdTableInfo .searchbtn{
    background-color:#d84a38;color:#fff;
}
.stdTable .stdTableInfo .searchbtn:hover,
.stdTable .stdTableInfo .searchbtn:focus,
.stdTable .stdTableInfo .searchbtn:active,
.stdTable .stdTableInfo .searchbtn.active,
.stdTable .stdTableInfo .searchbtn.disabled{
    background-color:#bb2413; color:#fff;
}
.stdTable .stdTableInfo .pickbtn{
    background-color:#555555;color:#fff;
}
.stdTable .stdTableInfo .pickbtn:hover,
.stdTable .stdTableInfo .pickbtn:focus,
.stdTable .stdTableInfo .pickbtn:active,
.stdTable .stdTableInfo .pickbtn.active,
.stdTable .stdTableInfo .pickbtn.disabled{
    background-color:#222222; color:#fff;
}




.stdTableMaint .td_FOOTER1{ 
    margin:0;
    padding-left:20px;
    padding-right:10px;
    font-family:'Open Sans', sans-serif;
    line-height:40px;
    color:#000;
    vertical-align:middle;
    font-size:13px;
    font-weight:400;
}
.stdTableMaint .h3{ 
    line-height:26px;
    color:#ffffff;
    margin-top:0px;
    margin-bottom:5px;
    font-size:26px;
    font-weight:300;
}
.stdTableInfo .h3{ 
    line-height:30px;
    color:#ffffff;
    padding-top:10px;
    padding-left:20px;
    margin-bottom:5px;
    font-size:20px;
    font-weight:300;
}

.mmHEADER.a{
    color:#ffffff;
    font-size:50px;
}


.stdTableInfo{
    width:100%; 
    min-width: 700px;
    border:1px solid #b4cef8;
    border-collapse:collapse;
}
.stdTableInfo .td_HEADER2{ 
/*  margin:0;*/
    padding-left:20px;
    padding-right:10px;
    
    padding-top:10px;
    padding-bottom:10px;
    
    font-family:'Open Sans', sans-serif;
/*  line-height:40px;*/
    color:#fff;
/*  height:40px; */
/*  width:100%; */
    vertical-align:middle;
    font-size:18px;
    font-weight:400;
/*  display:inline-block;*/
/*    float:left; */
/*  margin-bottom:7px; */
}
.stdTableInfo .td_FOOTER2{        
    padding-left:10px;
    padding-right:10px;
    
    padding-top:10px;
    padding-bottom:10px;
    
    background-color:#f5f5f5; 
    border-top:1px solid #e5e5e5;    
/*    padding:10px;*/ /*top right bottom left*/
/*    padding:0px 8px 0px 8px; 
    text-align:left; */
    vertical-align:middle;
}

.stdTableInfo .td_CONTENT{
    width:30%;
    line-height:32px;
    height:32px;
    font-size:14px; font-weight:normal;
    padding-top:3px; 
    padding-bottom:3px; 
    padding-right:10px;
    text-align:right; 
    vertical-align:top;    
}
.stdTableInfo .td_INPUT{   
    width:70%;
    line-height:32px;
    height:32px;
    font-size:14px; font-weight:normal;
    padding-top:3px; 
    padding-bottom:3px;    
    font-family:'Open Sans', sans-serif;    
    text-align:left;    
    vertical-align:middle;
}
.stdTableInfo .td_CONTENT2{
    line-height:32px;
    height:32px;
    font-size:14px; font-weight:normal;    
    padding-top:3px; 
    padding-bottom:3px; 
    padding-left:10px;
    text-align:left;
    vertical-align:top;    
}
.stdTableInfo .td_INPUT2{   
    line-height:32px;
    height:32px;
    font-size:14px; font-weight:normal;
    text-align:left;
    padding-top:3px; 
    padding-bottom:3px; 
    padding-left:10px;
    font-family:'Open Sans', sans-serif;    
}
.stdTableInfo .td_CONTENT .radio{
    line-height:16px;
}
.stdTableInfo .td_INPUT .radio{
    line-height:16px;    
}

.grey{ 
    background-color:#555555;
}
.light-grey{ 
    background-color:#bbbbbb;
}
.purple{ 
    background-color:#852b99;
}
.green{ 
    background-color:#35aa47;
}
.red{ 
    background-color:#ef8476;
}
.yellow{ 
    background-color:#fccb7e;
}
.blue{ 
    background-color:#4b8df8; 
}
.black{ 
    background-color:#555555; 
}
/* Yellow */
.btn.yellow {
  background-color: #ffb848; color: white; 
  text-shadow: none; 
}
.btn.yellow:hover, .btn.yellow:focus, .btn.yellow:active, .btn.yellow.active, 
.btn.yellow.disabled, .btn.yellow[disabled] { 
  background-color: #eca22e !important;
  color: #000 !important;  /*20160923*/
  outline: none !important;
}
/* Green */
.btn.green {
  background-color: #35aa47; color: white; 
  text-shadow: none; 
}
.btn.green:hover, .btn.green:focus, .btn.green:active, .btn.green.active, 
.btn.green.disabled, .btn.green[disabled] { 
  background-color: #1d943b !important;
  color: #000 !important;
  outline: none !important;
}
/* Red */
.btn.red {
  background-color: #d84a38; color: white; 
  text-shadow: none; 
}
.btn.red:hover, .btn.red:focus, .btn.red:active, .btn.red.active, 
.btn.red.disabled, .btn.red[disabled] { 
  background-color: #c13726 !important;
  color: #000 !important;
  outline: none !important;
}
/* Blue */
.btn.blue {
  background-color: #4b8df8; color: white; 
  text-shadow: none; 
}
.btn.blue:hover, .btn.blue:focus, .btn.blue:active, .btn.blue.active, 
.btn.blue.disabled, .btn.blue[disabled] { 
  background-color: #2474f6 !important;
  color: #000 !important;
  outline: none !important;
}
/* Default */
.btn.default {
  background-color: #e5e5e5; 
  color: #333333;
border:1px solid #e5e5e5;  
  text-shadow: none; 
}
.btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active, 
.btn.default.disabled, .btn.default[disabled] { 
  background-color: #d8d8d8 !important;
  color: #666666 !important;
border:1px solid #999999;
  outline: none !important;
}

input{
    color:#333333;
    outline:0;
    
line-height:30px;   /*20150805*/

    font-size:14px;
    font-weight:normal;
    padding:2px 8px 2px 8px;
    text-align:left; 
    vertical-align:middle;
    box-shadow:none;
    border:1px solid #e5e5e5;
}
select{    
    font-family:"Segoe UI",Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#555555;
    border:1px solid #e5e5e5;    
    padding:4px 6px;
    line-height: 30px;
    height:34px;
    outline:none;
    background-color:#ffffff; /*ffeeff*/ /*99cc66*/
/*  margin-bottom: 10px;*/
    vertical-align:middle;
}
/*select[disabled]{ background:#cccccc; color:#333333; }*/   /*0000ff*//*ffffff*/



.form_group{
    /*display:table; */
    width:100%;
    min-width:280px;/*20161013*/
    overflow:auto;  /*20161013*/    
    
/*  background-color:red;padding:2px;*/
}
.form_content{
    /*display:table-cell;*/
    /*background-color:#f9f9f9;*/   /*pink;*/
    float:left; /*20161013*/
    width:30%;
    text-align:right;
    vertical-align:middle;
    padding:12px;
    /*padding:4px 10px 4px 10px;*/
    /*height:20px;*/
    line-height:20px;
    color:#8E44AD;
    font-weight:bold;
    /*font-size:14px;*/
    
/*    background-color:yellow;*/
}
.form_input{
    /*display:table-cell;*/
    /* background-color:#000000; */ /*lightsteelblue;*/
            
    width:70%;
    float:left; /*20161013*/
    /*vertical-align:middle;*/
    text-align:left;
    padding:4px 8px;
    /*padding:4px 10px 4px 10px;
    height:20px;*/
    line-height:20px;
    
/*    background-color:green;*/
}

#confirmTable { padding:2px; background:#ffffff; border-collapse:separate }  /*id='confirmTable'*/
#confirmTable .headbox { padding:4px; font-weight: 300; font-size:24px}

@media screen and (min-width: 481px) {
  #confirmTable .bodybox { background:#ffffff; width:400px; height: 120px; text-align:center }
}
@media screen and (min-width: 361px) and (max-width: 480px){
  #confirmTable .bodybox { background:#ffffff; width:340px; height: 120px; text-align:center }
  
  .form_group{ padding:0 4px 0 4px; }
  
  .form_content, .form_input{ width:100%;text-align:left;}
  .form_content{  padding:8px 8px 2px 8px; }
  .form_input{    padding:0 8px 8px 8px;   } /**/    
}
@media screen and (max-width: 360px) {
  #confirmTable .bodybox { background:#ffffff; width:300px; height: 120px; text-align:center }

  .form_content, .form_input{ width:100%;text-align:left;}
  .form_content{  padding:4px 4px 2px 4px; }
  .form_input{    padding:0 4px 4px 4px;   }    
}

#confirmTable .headtext{ font-family:"Segoe UI",Helvetica, Arial, sans-serif; font-size:24px; font-weight:300; color: #ffffff; }  /*color and size suggested by aki*/
#confirmTable .bodytext{ font-size:13px; color: inherit; padding:10px }  /*color and size suggested by aki*/

#confirmTable .bodybox .msg{ height:120px; text-align:center; }
#confirmTable .bodybox .but{ height:40px; text-align:right; padding:10px; background-color:#f5f5f5}
#confirmHandle .close {  
    margin-top: 8px;
    border-style:none;
    padding:0px;
    border:0px;
    background:transparent;
    width:15px;height:15px;
    background-image:url(../images/remove-icon-small.png);
    background-repeat:no-repeat;
}
#bubbleTable { padding:4px; background:#999999; }   /*id='bubbleTable'*/
#bubbleTable .headbox { background:#ff6633; padding:4px; height:30px; vertical-align: middle}
#bubbleTable .bodybox { background:#fff7d6; }
#bubbleTable .headtext{ font-size:16px; font-weight:bold; color:#ffffff }  /*color and size suggested by aki*/
#bubbleTable .bodytext{ font-size:13px; color:#313C42; }  /*color and size suggested by aki*/


/*DIV.BubbleShadow {   position:absolute; left:8px; top:8px; background-color:black; filter:alpha(opacity=40); -moz-opacity:0.4; opacity: 0.4; }*/
DIV.BubbleShadow {   position:fixed;    left:0px; top:0px; background-color:black; filter:alpha(opacity=40); -moz-opacity:0.4; opacity: 0.4; z-index:887 }
DIV.PicklistShadow { position:absolute; left:8px; top:8px; background-color:black; filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2;}

.blur {
    filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    -webkit-filter: blur(2px);
}

.wgHEADER{ 
    background-color:#808080;
    color:#ffffff;
    border-spacing:0px;
    padding:0px;
    width:142px; 
    height:22px; 
    font-weight:bold; 
    text-align:center; 
} /* #ff4040 */

.page-sidebar{
    background-color:#3d3d3d;
    border-spacing:0px;
    padding-left:6px;
    padding-right:6px;
}

.tabbackground{
    background:#ffffff; /*e2e2e2*/
    padding-bottom:0px; 
    vertical-align:bottom;
} /*#ADCBE7*/
.tabbase{        
    background:#bebebe;        
    height:52px;
    vertical-align:middle;
}
.tabspacer{        
    border-bottom-style:solid;        
    border-color:#999999;        
    border-width:1px;
}
.tabspacer1{    
    border-bottom-style: solid;        
    border-right-style: solid;        
    border-color:#999999;        
    border-width:1px;
}
.tabspacer2{        
    border-bottom-style:solid;        
    border-color: #999999;        
    border-width:1px;
}
.tabspacer3{
        border-right-style:solid;
        border-color:#999999;
        border-width:1px;
}

.tabspacerright{
        border-bottom-style:solid;
        border-right-style:solid;
        border-color:#999999;
        border-width:1px;
}
.unselectedtab{
        background:#e2e2e2;
        text-align:center;
        border-top-style:solid;
        border-right-style:solid;
        border-bottom-style:solid;
        border-color:#999999;
        border-width:1px;
height:48px;
}
.unselectedtab2{
        background:#e2e2e2;
        text-align:center;
/*      border-top-style:solid;
        border-right-style:solid;
        border-color:#666666;
        border-width:1px;*/
        border-right:1px solid #999999;
        border-top  :1px solid #999999;
height:48px;        
}
.selectedtab{
    background:#bebebe;
    text-align:center;
/*  border-top-style:solid;
    border-right-style:solid;
    border-color:#666666;
    border-width:1px;*/
    border-right:1px solid #999999;
    border-top  :3px solid #d12610;
height:48px;    
}
.SMALLTEXT{ font-size: 12px; color:#595959 }
.COUNTERTEXT{     
    font-size: 12px; 
/*  background-color:#ff0000;*/
    color:#595959;
    vertical-align:top;
}

input.userguide:hover,
input.userguide:focus,
input.userguide:active,
input.userguide.active,
input.userguide.disabled{
    background-color:#bb2413; color:#fff;
}
input.userguide{    
    filter:none;
    cursor:pointer;
    text-shadow: none;        
    box-shadow:none;
    outline:none;        
    text-decoration: none;
    
    border:0px;
    padding:0px;
/*  font-size:16px; 
    height:24px;    */
    width:24px;
    color:#ffffff;
    background-color:#d84a38;
    text-align:center;
    
    font-family:"Segoe UI",Helvetica, Arial, sans-serif;
    font-size: 14px;
}


/******************************************************************************/
textarea{
    width:100%;
    max-width:360px;
    height:80px;  /* orginal : 80px*/
    border: 1px #abadb3 solid;
    color:#333333;
    background-color:#ffffff;
    padding:4px 6px;
    margin-top:4px;
    line-height:normal;
}
textarea[disabled],textarea[readonly]{ 
    border: 1px #e5e5e5 solid; background:#eeeeee !important; 
    color:#af9999; line-height: normal
} /*00ff00*//*ffffff*/

input.btn_calendar{
    border-style:none;
    width:16px;height:17px;background-color:#e6e6e6;
    background-image:url(../images/cal2.png);
    background-repeat:no-repeat;
}
input.btn_calendar[disabled]{
    cursor:auto;
    width:16px;height:17px;background-color:#e6e6e6;
    background-image:url(../images/disabledcal2.png);
}
input.btn_calendar:hover{
    cursor:pointer;
}
input.btn_calendar[disabled]:hover{
    cursor:auto;
}
input.btn_search{
    border-style:none;
    width:16px;height:17px;background-color:#e6e6e6;
    background-image:url(../images/search.gif);
    background-position: 0px 0px;background-repeat:no-repeat;
}
input.btn_search:hover{
    cursor:pointer;
}

input.btn_addall{
    height:25px;width:25px;background-color:#e6e6e6;
    background-image:url(../images/icon.gif);  /*buttonimage.gif*/ /*btn_addall.gif*/
    background-position: -25px 0px;background-repeat:no-repeat;
}
input.btn_addall[disabled]{
    height:25px;width:25px;background-color:#e6e6e6;
    background-image:url(../images/disabledicon.gif);
    background-position: -25px 0px;background-repeat:no-repeat;
}
input.btn_add{
    height:25px;width:25px;background-color:#e6e6e6;
    background-image:url(../images/icon.gif);  /*buttonimage.gif*/ /*btn_add.gif*/
    background-position: -25px -25px;background-repeat:no-repeat;
}
input.btn_add[disabled]{
    height:25px;width:25px;background-color:#e6e6e6;
    background-image:url(../images/disabledicon.gif);  /*buttonimage.gif*/ /*btn_add.gif*/
    background-position: -25px -25px;background-repeat:no-repeat;
}
input.btn_remove{
    height:25px;width:25px;background-color:#e6e6e6;
    background-image:url(../images/icon.gif); /*buttonimage.gif*/ /*btn_addall.gif*/
    background-position: -25px -50px;background-repeat:no-repeat;
}
input.btn_remove[disabled]{
    height:25px;width:25px;background-color:#e6e6e6;
    background-image:url(../images/disabledicon.gif); /*buttonimage.gif*/ /*btn_addall.gif*/
    background-position: -25px -50px;background-repeat:no-repeat;
}
input.btn_removeall{
    height:25px;width:25px;background-color:#e6e6e6;
    background-image:url(../images/icon.gif); /*buttonimage.gif*/  /*btn_add.gif*/
    background-position: -25px -75px;background-repeat:no-repeat;
}
input.btn_removeall[disabled]{
    height:25px;width:25px;background-color:#e6e6e6;
    background-image:url(../images/disabledicon.gif); /*buttonimage.gif*/  /*btn_add.gif*/
    background-position: -25px -75px;background-repeat:no-repeat;
}
input.btn_up{
    height:25px;width:25px;background-color:#e6e6e6;
    background-image:url(../images/icon.gif); /*buttonimage.gif*/  /*btn_addall.gif*/
    background-position: -25px -100px;background-repeat:no-repeat;
}
input.btn_up[disabled]{
    height:25px;width:25px;background-color:#e6e6e6;
    background-image:url(../images/disabledicon.gif); /*buttonimage.gif*/  /*btn_addall.gif*/
    background-position: -25px -100px;background-repeat:no-repeat;
}
input.btn_down{
    height:25px;width:25px;background-color:#e6e6e6;
    background-image:url(../images/icon.gif); /*buttonimage.gif*/ /*btn_add.gif*/
    background-position: -25px -125px;background-repeat:no-repeat;
}
input.btn_down[disabled]{
    height:25px;width:25px;background-color:#e6e6e6;
    background-image:url(../images/disabledicon.gif); /*buttonimage.gif*/ /*btn_add.gif*/
    background-position: -25px -125px;background-repeat:no-repeat;
}

input.btn_smallup{
    height:20px;width:20px;background-color:#e6e6e6;
    background-image:url(../images/buttonimage.gif); /*buttonimage.gif*/  /*btn_addall.gif*/
    background-position: -2px -81px;background-repeat:no-repeat;
}
input.btn_smalldown{
    height:20px;width:18px;background-color:#e6e6e6;
    background-image:url(../images/buttonimage.gif); /*buttonimage.gif*/ /*btn_add.gif*/
    background-position: -2px -101px;background-repeat:no-repeat;
}

input.tab_button{
   vertical-align:bottom;
   height:22px;
   width:100px;
   border-style:solid;
   border-width:1px;
   border-color:#808080;
   color:#999999;
   font-size: 14px;
   font-weight:bold;
}

input.btn_help{
    border-style:none;
    height:14px;width:14px;background-color:#e6e6e6;
    background-image:url(../images/help.gif);
    background-position: 0px 0px;background-repeat:no-repeat;
}

input.btn_border_0{  background-image:url(../images/borders.gif);background-position: 0px    0px;}/*NoBorders*/
input.btn_border_1{  background-image:url(../images/borders.gif);background-position: 0px  -22px;}/*AllBorders*/
input.btn_border_2{  background-image:url(../images/borders.gif);background-position: 0px  -44px;}/*ThickBoxBorders*/

input.btn_border_3{  background-image:url(../images/borders.gif);background-position: 0px  -66px;}/*TopBorder*/
input.btn_border_4{  background-image:url(../images/borders.gif);background-position: 0px  -88px;}/*LeftBorder*/
input.btn_border_5{  background-image:url(../images/borders.gif);background-position: 0px -110px;}/*BottomBorder*/
input.btn_border_6{  background-image:url(../images/borders.gif);background-position: 0px -132px;}/*RightBorder*/

input.btn_border_7{  background-image:url(../images/borders.gif);background-position: 0px -154px;}/*ThickBottomBorder*/
input.btn_border_8{  background-image:url(../images/borders.gif);background-position: 0px -176px;}/*TopAndBottomBorder*/
input.btn_border_9{  background-image:url(../images/borders.gif);background-position: 0px -198px;}/*TopAndThickBottomBorder*/

input.btn_border_10{ background-image:url(../images/borders.gif);background-position: 0px -220px;}/*TopAndDoubleBottomBorder*/
input.btn_border_11{ background-image:url(../images/borders.gif);background-position: 0px -242px;}/*BottomDoubleBorder*/

.required{     font-family:'Verdana'; color:#e02222;font-size:14px;padding-left:2px;padding-right:2px;}
.chargenumber{ font-family:'Verdana', 'Arial', 'Helvetica', 'sans-serif'; font-size: 8pt; text-align:right; }
.chargeterm{   font-family:'Verdana', 'Arial', 'Helvetica', 'sans-serif'; font-size: 8pt; text-align:left; border:0px;}

.ULARGEBOLDTEXT{ 
    font-size:30px; 
    font-weight:400;
    color:#444;
    text-decoration:none;
}

.LARGEBOLDTEXT{ 
    font-size:21px; 
    font-weight:400;
    color:#444;
    text-decoration:none;
}
/*
.bgBad{  border: 1px solid #b94a48; } 
.bgGood{ border: 1px solid #e5e5e5; }
*/
/*
.bgBad{  background-color:#ffe2b5; }
.bgGood{ background-color:#ffffff; }
*/
.btn:disabled{
    cursor:not-allowed; /*auto*/
}
.btn {
    background-color: #e5e5e5;
    background-image: none;
    filter: none;
    border: 0;
    height: 35px;
    vertical-align:middle;
    padding: 7px 14px;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333333;
    cursor: pointer;
    outline: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none;
}

#maintable.popuptable{
    border-spacing: 0;
    background-color:#355550;
    padding:6px;
}

#maintable.popuptable table{
    width:100%;
    padding:2px;
    border-collapse:inherit !important;
}

#maintable.popuptable .headtext{
    color:yellow;
    font-size:16px; 
    font-weight:bold; 
    padding:10px;
}
#maintable.popuptable .bodybox{ 
    background:#f2dede;
    width:100%;
    padding:0px;
    border-spacing: 0;
}
#maintable.popuptable .bodytext{ 
    background-color:#ffffff;
    height:48px;
    font-size:14px; 
    color:#313C42;
    text-align:left;
    border-bottom:1px solid #dddddd;
    padding:4px 8px 4px 8px;
}
#maintable.popuptable .bodytext .largetext{ 
    font-size:18px;
    font-weight:bold;
}
#maintable.popuptable .bodytext .bigtext{ 
    font-size:15px;
    font-weight:bold;
}
#maintable.popuptable .bodytext .normaltext{ 
    font-size:13px;
}
#maintable.popuptable .footbox{
    text-align: right;
    padding:4px;
    padding-right:20px;
}
#maintable.popuptable .close{
    margin-top: 8px;
    border-style: none;
    padding: 0px;
    border: 0px;
    background: transparent;
    width: 15px;
    height: 15px;
    background-image: url(../images/remove-icon-small.png);
    background-repeat: no-repeat;
}

table.ex{
    border:1px solid #ddd;
    border-collapse:collapse;
    border-spacing:0px;
}
table.ex th{
    display:table-cell;
    font-size:14px;
    font-weight:600;
    color:#666666;
    line-height:30px;
    background-color:#dddddd;
    padding:4px;
}
table.ex td{
    border:1px solid #dddddd;
    line-height:30px;
    padding:4px;
}
table.ex td.noborder{
    line-height:30px;
    border-style:none;
    padding:4px;
}

.remarkCounter[readonly]{
    text-align:right; 
    background-color:#f4f4f4;
    color:#af9999;
    height:20px;
    line-height:20px;
    width:40px;
    vertical-align:middle;
    margin-bottom:14px;        
}
/*
div.checker span{
  background-image: url("../images/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }
div.checker {
  position: relative; }
div.checker, div.checker span, div.checker input {
    width: 19px;
    height: 19px; }
div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -260px; 
  }
div.checker span.checked {
    background-position: -76px -260px; }
div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  div.checker.active span {
    background-position: -19px -260px; }
  div.checker.active span.checked {
    background-position: -95px -260px; }
  div.checker.hover span, div.checker.focus span {
    background-position: -38px -260px; }
  div.checker.hover span.checked, div.checker.focus span.checked {
    background-position: -114px -260px; }
  div.checker.hover.active span, div.checker.focus.active span {
    background-position: -57px -260px; }
  div.checker.hover.active span.checked, div.checker.focus.active span.checked {
    background-position: -133px -260px; }
  div.checker.disabled, div.checker.disabled.active {
    background-position: -152px -260px; }
  div.checker.disabled span.checked, div.checker.disabled.active span.checked {
    background-position: -171px -260px; }
*/

label.css-label{
    font-weight:normal;        
    line-height:28px;
    height:28px;
    vertical-align:middle;
}
label.nofloat{
    float:none;
}
/**/
input[type=checkbox].css-checkbox{
    display:none;
}
input[type=checkbox].css-checkbox + label span {   
    margin-right:4px;
    height:19px; 
    width:19px;
    display:inline-block;
    line-height:19px;
    background-repeat:no-repeat;
    background-position: 0 -260px;
    vertical-align:middle;
    cursor:pointer;
    background-image: url(../images/sprite.png);
}
input[type=checkbox].css-checkbox:checked + label span{
    background-position: -76px -260px;
    background-image: url(../images/sprite.png);
}
/*
input[type=checkbox].css-checkbox:disabled + label span{ 
input[type=checkbox].css-checkbox:not(:checked)[disabled] + label span{
*/
input[type=checkbox].css-checkbox:disabled + label span{
    background-position: -152px -260px;
    background-image: url(../images/sprite.png);
}
input[type=checkbox].css-checkbox[disabled][checked] + label span{
    background-position: -171px -260px;
    background-image: url(../images/sprite.png);
}

.dsbchkbox{
    background-position: -28px -260px;
    cursor:not-allowed;
}

.disablecheckbox{color:#af9999;}  /*#af9999*/
.disableradiobtn{color:#af9999;}

/**/
/***/
input[type=radio].css-radio{
    display:none;
    float: left;
    margin-left: -20px;
}
input[type=radio].css-radio + label span {  /* + label.css-label*/
    margin-right:4px;
    height:19px; /*15px*/
    width:19px;
    display:inline-block;
    line-height:19px; /*15px*/
    background-repeat:no-repeat;
    background-position: 0 -278px;  /*0 0*/
    vertical-align:middle;
    cursor:pointer;
    background-image: url(../images/sprite.png);    
}
input[type=radio].css-radio:checked + label span{
    background-position: -72px -278px;   /*0 -15px*/
    background-image: url(../images/sprite.png);
}
input[type=radio].css-radio:disabled + label span{        
    cursor:auto;
    background-position: -144px -278px;   /*0 -15px*/
    background-image: url(../images/sprite.png);
}
input[type=radio].css-radio[disabled][checked] + label span{        
    cursor:auto;
    background-position: -162px -278px;   /*0 -15px*/
    background-image: url(../images/sprite.png);
}

.modal-content{
    color:#000000;
    background-color:white;
}
.modal-header{
    border-bottom:1px solid #efefef;
    padding:10px;
}
.modal-title{
    margin:0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size:18px;
}
.modal-body{
    
}
.modal-footer{
    padding:19px 20px 20px;
/*  margin-top:15px;*/
    text-align:right;
    border-top:1px solid #e5e5e5;
}
@media screen and (max-width: 480px){
    .modal-footer{ padding:8px; }
}
button.close {
    padding: 0;
    cursor: pointer;
/*  background: transparent;*/
    border: 0;
    -webkit-appearance: none;
}
.close {
    float:right;
    font-size:21px;
    font-weight:bold;
    color:#000;
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat !important;
    background-image: url("../images/remove-icon-small.png");
    
    opacity: 0.5;
    filter: alpha(opacity=50);    
}

.nava-active{
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    padding:10px 15px; 
    text-align:center;
    color:#555555;
    cursor: pointer;
}
.nava{
    border-bottom:1px solid #dddddd;
    padding:10px 15px; 
    text-align:center;
    color:#2a6496;
    cursor: pointer;
}
.nava-empty{
    border-bottom:1px solid #dddddd;
}
.nava:hover{
    background-color: #eeeeee;
}
/******************************************************************************/
.header.navbar-fixed-top {
    z-index: 9995 !important;
}
.header {
    filter: none !important;
    background-image: none !important;
    background-color: #212121 !important;
}
.header {
    width: 100%;
    padding: 0 20px 0 20px;
    margin: 0;
    border: 0px;
    padding: 0px;
    box-shadow: none;
    height: 42px;
    min-height: 42px;
}
.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}
.navbar-fixed-top {
    top: 0;
    z-index: 1030;
}

.disabledlink{ color:#888888; } /* 888888 */
.disabledtext{ color:#888888; }

/*
.page-header-fixed .page-container {
    margin-top: 42px;
}
.page-container {
    margin: 0px;
    padding: 0px;
}
.page-content {
    margin-left: 225px;
    margin-top: 0px;
    min-height: 760px;
    padding: 25px 20px 20px 20px;
}
.footer {
    padding: 8px 20px 5px 20px;
    font-size: 12px;
}

.page-sidebar.navbar-collapse {
max-height: none !important;
}
.page-sidebar.navbar-collapse {
padding: 0;
}

.navbar-collapse.collapse {
display: block!important;
height: auto!important;
padding-bottom: 0;
overflow: visible!important;
}
.page-sidebar {
background-color: #3d3d3d;
} */

.tab_table{
    width:100%;
    border-spacing:0px;
    border-collapse:separate;
}

div.form_input label.error{ clear:both; color:#CF1D1D; font-size:11px; line-height:11px; font-family:Dotum,Arial; margin:4px 0 0 0; display:block; }
td label.error   { clear:both; color:#CF1D1D; font-size:11px; line-height:11px; font-family:Dotum,Arial; margin:4px 0 0 0; display:block; }
td label.message { clear:both; color:#000000; font-size:11px; line-height:11px; font-family:Dotum,Arial; margin:4px 0 0 0; display:block; }
td.recordcount{ color:#555; font-weight:bold; padding:2px 0px 2px 0px; }

.popupTitle{        
    text-align:left;vertical-align:middle;font-size:16px;padding:10px;font-weight:bold;color:yellow;
}
.popupClose{
    text-align:right;width:40px;vertical-align:middle;padding:15px;
}

.tabCellStyle{
    font-size:14px;
    display:table-cell;
    padding:10px 15px 10px 15px;
    text-align:center;
    float:left;
    
    border-top:3px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
}
.tabCellStyle:hover{
    background-color:#eeeeee;
}
.tabCellStyle>a{
/*  text-decoration:none;
    cursor:auto;
    display:block; */
}

.tabActiveCell{
    background-color:#ffffff;
    border-top:3px solid #d12610;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #ffffff;
}
/*
.tabActiveCell:hover{
    background-color:#ffffff;
}*/
.tabBaseLine{
    border-bottom:1px solid #dddddd;
}

.glyphicon-cloud:before{
    content: "\2601";
}

.optdsptbl{
    display:table;
}
.optdsptblcel{
    display:table-cell;
    vertical-align:middle;
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    color:#333333;
}

.rotate90{
    -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
    -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}

.truncate {  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smallbtn{
    color:#ffffff;
    padding:7px 9px;
    border-style:none;
    font-weight:300;
    text-align:center;
    vertical-align:middle;
    font-size:12px;
    margin:1px;
    line-height:17px; /* 30px; */
    height:32px; width:32px;
}

.smallbtn:hover{
  background-color: #d5d5d5;
  border-color: #ec111b;
  color:#666;
}
.smallbtn.disabled, .smallbtn[disabled]{
  background-color: #eeeeee !important;
  color  : #cccccc!important; 
}

.smallbtn.edit      {background-color:#1abc9c;}   /*45b6af*/
.smallbtn.alter     {background-color:#1abc9c;}   /*45b6af*/
.smallbtn.view      {background-color:#89c4f9;}
.smallbtn.approve   {background-color:#1388de;}
.smallbtn.delete    {background-color:#d84a38;}

.smallbtn.search    {background-color:#ffb848;}

.smallbtn.clone     {background-color:#38c845;}
.smallbtn.control   {background-color:#94db40;}

.smallbtn.version   {background-color:#5a9ef7;}
.smallbtn.override  {background-color:#e08c5a;}
.smallbtn.confirm   {background-color:#94db40;}

.smallbtn.print     {background-color:#fc9a24;}
.smallbtn.prtcusinfo{background-color:#fc9a24;}
.smallbtn.popnavi   {background-color:#eb6d6d;}
.smallbtn.option    {background-color:#798b97;}
.smallbtn.send      {background-color:#c6c6c6;}
.smallbtn.cancel    {background-color:#578ebe;}
.smallbtn.open      {background-color:#798b97;}

.smallbtn.courier   {background-color:#428bca;}
.smallbtn.checklist {background-color:#c5a275;}
.smallbtn.bankrec   {background-color:#4b8df8;}
.smallbtn.settle    {background-color:#8775a7;}

.smallbtn.completed {background-color:#f4d03f;}
.smallbtn.status    {background-color:#4b8df8;}
.smallbtn.voucher   {background-color:#c735e2;}

.smallbtn.csa       {background-color:#f8cb00;}
.smallbtn.receipt   {background-color:#ffb848;}
.smallbtn.creditnote{background-color:#d3a173;}

.smallbtn.preview   {background-color:#1d9d73;}
.smallbtn.upload    {background-color:#86ad3a;}

.smallbtn.copy      {background-color:#48cfad;}

div.sim_id{
    width:100%;
    font-size:16px;    
}
div.sim_desc{
    width:100%;
    font-size:22px;
}
div.sim_other{
    line-height:20px;
    font-size:14px;
}
div.sim_opt{
    line-height:20px;
    text-align:right;
    font-size:14px;
}

label.error{
    color:#d0021b !important;
    font-weight:400;
    font-size:12px;
}

#optbar{ width:100%;background-color:#f5f5a5; }  /*  #ffd46c*/
#optbar .td_optbar { padding:8px; }    

#uploadfile{max-width:300px;width:100%;}
@media screen and (max-width:480px){
  #uploadfile{max-width:100%;}
}

.empcookie{
  text-decoration-line : underline;
  text-decoration-style: wavy;
  text-decoration-color: red;
}

.fltbtn_blink {
  animation: blinker 1s linear infinite;
}
@keyframes blinker{
  0% { color: white; }
  100% { color: black; }
/*  50% { opacity: 0; } */
}