@font-face {
    font-family: 'db_thaitext_xregular';
    src: url('../fonts/db_thaitext_x-webfont.eot');
    src: url('../fonts/db_thaitext_x-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_thaitext_x-webfont.woff2') format('woff2'),
         url('../fonts/db_thaitext_x-webfont.woff') format('woff'),
         url('../fonts/db_thaitext_x-webfont.ttf') format('truetype'),
         url('../fonts/db_thaitext_x-webfont.svg#db_thaitext_xregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { padding: 0 1px; font-family: 'db_thaitext_xregular'; }
img { vertical-align: middle; }
label { font-weight: normal; font-size: 24px;}
#content { min-height: 310px !important; }

/* Padding & margins */
.pl-2 { padding-left: 2px !important}
.pl-4 { padding-left: 4px !important}
.pl-8 { padding-left: 8px !important}
.pr-2 { padding-right: 2px !important}
.pr-4 { padding-right: 4px !important}
.pr-8 { padding-right: 8px !important}

/*  container max width */
.containerwidth { width: 1280px; }

/* Logos */
.logo_title { display: inline-block; }
.logo_title { width: 194px; }
.logo_font_size { font-size:14px; }

/* Page Titles */
h2.page_title { margin-top: 10px;margin-bottom: -8px; }
h2.page_title > span { font-size: 35px; font-weight: 500;}
h2.page_title > span.infolable { color:#00A950; vertical-align: top;}
h2.page_title > span.first { color:#00A950; }
h2.page_title > span.secondary { color:#333; }
h3.page_title { margin-top: 10px;margin-bottom: -8px;margin-left: -1px; }
h3.page_title > span { font-weight: bold;font-size: 10pt; }
h4.page_sub_title { color:#333; margin-top: 3px; font-size: 21px; }

/* navigation */
.gcp_navbar { color: #fff; background-color: #00A950; margin-bottom: 0px; border-color: #0DA451; }
.navbar { min-height: 48px !important; width:100% ; min-width: 1200px;}
.navbar-default .navbar-nav>li>a { color:#fff; }
.navbar-default .navbar-nav>li>a:hover { color: #000; }
.navbar-default .navbar-nav>li.open>a { color: #000; }

/* Language Menu */
.ul-style { list-style: none; font-size: 24px; }
.ul-style > li { position: relative; padding: 25px 20px 15px 20px; display: inline-block; color: #929292; }
.ul-style-contact { list-style: none; font-size: 24px; }
.ul-style-contact > li { position: relative; padding: 25px 5px 15px 5px; display: inline-block; color: #929292; }
a.dropdown-toggle { color: #777777;text-decoration: none !important; }
a.dropdown-toggle>span::after {
    content: "\f0dd";
    padding-left: 8px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    vertical-align: top;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: 14px;
}
ul.nav>li>a.menubar-icon, ul.nav>li>a.dropdown-toggle  { padding-top: 12px; padding-bottom: 12px; }
/*ul.nav > li > a.menubar-icon, ul.nav > li > a.dropdown-toggle > span  { font-size: 25px; }*/
ul.nav > li > a.menubar-icon { font-size: 25px; }
span.menufontsize { font-size: 26px; }
ul.mlmenubar > li > a { padding-top: 12px; padding-bottom: 12px; }
div.dropdown.menu_language { position: relative; padding: 8px 10px 15px 10px; display: inline-block; }
div.dropdown.sms_language {position: relative;display: inline-block;}
a.menu_lang + ul.dropdown-menu { top: 70%; }
.hidden_block { display: none; }
.show_block { display: block; }
.menu_language > a { text-decoration: none; color: #333 !important; cursor: pointer; }
.sms_language > a { text-decoration: none; cursor: pointer; }
.menu_language > a:hover { text-decoration: underline;color: #0B9444;cursor: pointer; }
div > ul > li > a.contact, div > ul > li > a.contact:hover { color: #333; text-decoration: none;}
.lang { color: #333 !important; }
a.menu_lang:after {
	content: "";
    background-image: url('../images/new/sort_desc.png');
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    left: 45px;
}
a.language_switch:after {
	content: "";
    background-image: url('../images/new/sort_desc.png');
    width: 18px;
    height: 18px;
    position: absolute;
    top: 3px;
    left: 45px;
}
.menu_scrool { overflow: auto; max-height: 500px; height: auto; }

/* Login Info */
.col-sm-12.gcp_content { padding: 0px 0px 0px 25px; }
.col-sm-6.gcp_content { padding: 0px 40px 0px 40px; }
div.dropdown.profile_icon { display: inline-block; }
.dropdown-menu.user_profile_menu { min-width: 300px;padding: 0px 0;top: 35px; font-size: 11pt; }
.user_profile_box { padding: 0px 15px 0px 15px; }
.user_profile_box.first { padding: 30px 15px 0px 15px; }
.user_profile_box.last { padding-bottom: 30px; }
.user_profile_box.button { background-color: #E0E0E0;padding-top: 15px;padding-bottom: 15px; }
li.user_profile_box p.heading { color: #00A950;margin-bottom: 0px; font-weight: bold; font-size: 24px; }
li.user_profile_box h4.heading { font-weight: bold;margin: 0px 0; font-size: 24px; }
li.user_profile_box h4.heading > span.light { font-weight: 100; }
.translate, span { font-size: 24px; }

/* DROPDOWN MENU */
.dropdown-menu li { padding-top: 0px; padding-bottom: 0px; }
.dropdown-menu { min-width: 65px;padding: 0px 0; font-size: 25px; }
.dropdown-submenu { position: relative; font-size: 25px; }
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
ul.dropdown-menu.user_profile_menu::after {
    content: "";
    background-image: url(../images/new/arrow_top.png);
    width: 18px;
    height: 13px;
    position: absolute;
    top: -12px;
    left: 30px;
}
.main_block { border-bottom:1px solid #e0e0e0;padding-top: 5px;padding-bottom: 5px; }
div.message_profile > span { display: inline-block;vertical-align: sub;color: #333;padding: 0px 2px 0px 2px; font-size: 24px; }
div.message_profile > span.name { color:#499F72; font-weight: bold; }
div.dropdown.profile_icon { display: inline-block; }
img.arrow_down { width: 10px;height: 10px;margin: 0px 15px;cursor: pointer; }
.menubar-icon span { min-width:24px; font-size: 18px; }
.img_profile.switch_icon { margin-top: -4px; }

td.noborder { border: 0px none #fff !important; }
div.grey-panel { background-color: #e0e0e0; margin-left: 25px; padding-bottom:4px;}
div.panel-body table tr td { padding: 0 6px; border-right: 1px solid #777777; }
.bottom-column { float: none;display: table-cell;vertical-align: bottom; }

/* TAB Control */
.nav-tabs>li.active>a.custom_tab { background-color: #00A950;color: #fff;padding: 0px 20px 0px 20px; font-size: 24px;}
.nav-tabs>li > a.custom_tab { background-color: #E0E0E0;color: #777777;padding: 0px 20px 0px 20px; font-size: 24px;}
/* tab color */
.nav-tabs>li>a { background-color: white;border-color: #EDEDED;color:#00A850; font-size: 11pt; }
/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: #00A850;
    border: 1px solid white;
    cursor: pointer;
}

/* hover tab color */
.nav-tabs>li>a:hover { border-color: #ebebeb;background-color: #FAFAFA;color: #D2D2D2; }
.custom_tab { padding: 6px 15px !important;position: relative !important;display: block !important;cursor: pointer;}
.custom_tab_paymentsummary { padding: 6px 24px !important;position: relative !important;display: block !important;cursor: pointer;}
.nav-tabs>li.active>a:hover { border-color: #ebebeb;color: #000 !important; }
.nav-tabs>li>a:hover { border-color: #ebebeb;color: #000 !important; }
.link_content_hover { text-decoration: none;color: #333;text-decoration: underline; }
.link_content_hover:hover { text-decoration: underline !important;color: #0B9444;cursor: pointer; }
.update_paddingtop { padding-top: 20px; }
.update_text { color: #777777; }


/* Grid */
.gridContainer { margin-left: 25px; }
div.accord_grid { padding: 12px 0 0 0; }
table.gridTable { border: 1px solid #E0E0E0; border-collapse: collapse; }
table.gridTable thead th { padding: 3px 6px; background-color: #E0E0E0; font-weight: 100 !important; font-size: 24px;}
table.gridTable thead th > select { font-weight: normal; }
table.gridTable tbody td { padding: 0px 6px; font-size: 24px;}
table#gridTable1 tfoot td { padding: 7px 6px; font-size: 24px;}
table#gridTable3 tfoot td { padding: 7px 6px; font-size: 24px;}
tr.trOdd { background-color: #f9f9f9; }
a.grid-link-gicon::before, span.gicon::before {
    display: inline-block;
    margin-right: 0.1em;
    font: normal normal normal 12px/1 'Glyphicons Halflings';
    font-size: 16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    margin-top: 10px;
}
a.grid-link-gicon:hover, span.gicon:hover { color: #00A950; text-decoration: none !important; cursor: pointer;}
a.grid-link-ficon::before, span.ficon::before{
    display: inline-block;
    margin-right: .5em;
    font: normal normal normal 14px/1 'FontAwesome';
    font-size: 16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    margin-top: 10px;
    cursor: pointer;
}
a.grid-link-ficon:hover, span.ficon:hover { color: #00A950; text-decoration: none !important;}
a:hover { text-decoration: none !important; }
table#gridTable2 { border-collapse: collapse; border-width: 0 1px 1px 1px; border-style: none solid solid solid;
    border-color: transparent #E0E0E0 #E0E0E0 #E0E0E0;
}
.gridTable a, .gridTable a:focus { color: #2e2e2e; }
a.edit { color: #2e2e2e; vertical-align: middle; }
table.gridTable tbody tr.green { background-color: #D3EDDD !important;}
table.gridTable tbody tr:hover { background-color: #D3EDDD !important;}
table.gridTable tbody tr.a:hover + tr { background-color: #D3EDDD !important;}
div.grid_footer { padding-top: 25px; padding-right: 35px; }
a.pglnk_disabled { cursor: default; color: #666; height: 24px; width: 24px; display: inline-block;
    vertical-align: middle; padding-top: 0px; line-height: 23px; font-size: 14px; opacity: 0.5;}
a.pglnk_previous, a.pglnk_next, a.pglnk_first, a.pglnk_last { cursor: pointer; color: #666; height: 24px; width: 24px;
    display: inline-block; vertical-align: middle; padding-top: 0px; line-height: 23px; font-size: 14px; }
a.pglnk_previous, a.pglnk_next { padding-top: 1px; }
a.pglnk_disabled_previous, a.pglnk_disabled_next { padding-top: 1px; }
a.pg_btn { height: 24px; min-width: 24px; width: auto; cursor: default; border: 0px solid #666; display: inline-block; color: #666;
    cursor: pointer; padding-top: 2px; text-decoration: none !important; line-height: 22px; font-size: 24px;}
a.pg_btn:hover, a.pglnk_previous:hover, a.pglnk_next:hover, a.pglnk_first:hover, a.pglnk_last:hover { color: #00A950; }
a.cur_page { background-color: #0BA351; border: 0px solid #7FCFA4; color: white; }
a.pg_btn.cur_page:hover { color: white; }

/* Filter Panels */
#filterForm.panel-body { padding: 0px ! important; }
.filter-label { font-size: 21px; margin-bottom: 1px; }
.border_left{ border-left:1px solid #777777; height: 30px; margin-top: 33px; }
.advance_search { padding-left: 9px; width: 120px; margin-top: -3px; font-size: 18px; }
.date_search { display: inline-block; width: 120px !important; }
.filter_form > span.glyphicon-calendar { color: #777777; cursor: pointer; font-size: 18px; padding-left: 5px; top: 6px; }

/* Footer */
.footer_block { border-top:1px solid #e0e0e0;padding: 15px; margin-top: 85px; width:1200px;}
.footer_block > h3 { color: #A49C99; }
.slogan_bank { color: #AF9C96; font-weight: bold; font-size: 24px; }
.loginfooterbanner {width: 780px;background: url(../images/new/footer_2017.gif);height: 36px;display: block;margin-left: auto;margin-right: auto;}
#copyright { position: relative; display: block; margin-left: auto; margin-right: auto; width: 780px;}

/* Controls */
.custom-checkbox { display: inline-block; }
input[type='checkbox'], input[type='radio'] { display: none; }
.text_input_title { vertical-align: middle; padding-left: 3px; padding-right: 3px; }

/* Containers */
.well { width: 100%; background-color: #e0e0e0; }
.remove_wellpadding { padding-top: 0px !important; padding-left: 0px !important; }

/* icon colors */
icon-grey { color: #e0e0e0; }

/* Alignment */
.row-eq-height { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; }
div.align-bottom { position:absolute; bottom:0;  margin-bottom:14px; left: 0; padding-left: 10px;}

/* Popups */
h2.popup_title > span { font-size: 24px; }
h2.popup_title > span.first { color:#00A950; padding-left: 25px; font-size: 34px;}
div.btnbar { margin-top: 10px; }
table.historyTable > tr > td{ padding: 4px auto; }

/* Buttons */
.btn { min-width: 140px; font-size: 24px; padding: 0px 10px 0px 10px; height: 36px; }
.btn-green { background-color: #00A950 !important; color: #fff !important; }
.btn-green:hover { opacity: 0.5; }
button.btn_top {background-color: white; border: none; }
.btn_top { min-width: 120px; font-size: 24px; padding: 0px 3px 0px 3px; height: 30px; }
.btn_top:hover { color: #00A950 !important; }
button.btn_top_batch {background-color: white; border: none; }
.btn_top_batch { min-width: 100px; font-size: 24px; padding: 0px 0px 0px 0px; height: 30px; }
.btn_top_batch:hover { color: #00A950 !important; }
button > img {vertical-align: top; }
/*.btn_logout > a:hover { text-decoration: none; } */
.btn_logout{color: #777777;}
.btn_logout:hover{ color: #0B9444;}
div.btn_footer { padding-top: 15px; }
div.button_group_before_footer { padding-top: 50px; margin-bottom: 25px; padding-right: 15px; }
/*.change_password { background-color: #E0E0E0; }*/
.change_password:hover{	color: #0B9444;}

/* text colors */
.text-green { color: #00A950; }
.text-gray { color: #777777; }

/* Entry Form */
.list-unstyled { list-style: outside none none; padding-left: 0; }
.step_title { padding: 5px 0px; }
.step_title > h4.step_title_header { color: #00a950; display: inline-block; margin-bottom: 0; margin-left: 10px;
    margin-top: 0px; vertical-align: text-bottom; font-weight: 700; }
.step_title > .disabled_step { margin-right: 0; }
.disabled_step { background-color: #9d9d9d; border-radius: 100%; height: 24px; left: -5px; width: 24px; }
.step_title h4 { font-size: 26px; font-weight: normal; }
.timeline.widget .block { margin-left: 5px; }
.timeline .block { border-left: 3px solid #e8e8e8; overflow: visible; padding: 15px 15px 0; }
.form_block { }
.form-control.custom_width { position: relative !important; width: 250px !important; }
.form-control.custom_width450 { position: relative !important; width: 450px !important; }
.form-control.custom_width150 { position: relative !important; width: 150px !important; }
.form-control.custom_width130 { position: relative !important; width: 130px !important; }
.description {border:  none; font-size:  24px;}
.field_form > input, .field_form > span, .field_form.authmatrix > div { display: inline-block; }
.form-control { font-size: 24px; padding: 1px 12px; position: relative; }
.form-control.fieldarea-control { height: 120px !important; overflow-y: scroll; position: relative !important; width: 500px !important; word-wrap : break-word;}
textarea.form-control { height: auto; width: auto;}
.field_form > a > span.glyphicon-search { color: #777777; font-size: 18px; position: absolute; right: 40px; top: 8px; }
.field_form > a > span.glyphicon:hover { color:#00A950;}
.field_form > input, .field_form > span { display: inline-block; }
.glyphicon { cursor: pointer; margin-right: 8px; }
span.glyphicon:hover{color:#00A950;}
.readonly{ background-color: rgb(236, 236, 236); }
.authMatrixWidth { position: relative !important; width: 400px !important; height:150px !important; margin-top:15px; }
.step_title_padding { padding: 15px 0px; }
.field_form > span.glyphicon-calendar { color: #777777; font-size: 18px; position: absolute; right: 40px; top: 6px; }
.field_form > span.glyphicon-calendar:hover{color:#00A950;}
textarea { resize: none}
.form-group.margin_bootom0 { margin-bottom: 0; }
.field_form.field_date > span.glyphicon-calendar { left: 150px; !important;}
.field_form.field_date_r > span.glyphicon-calendar { left: 300px; !important;}
.table-responsive { min-height: .01%; overflow-x: auto; }
#wht_detail {white-space: nowrap;}
.form-control.text_readonly { border:0px; display: inline; background-color: white; box-shadow: inset 0 0px 0px rgba(0,0,0,.075); }
.width5 { width: 5%; }
/* icons for form buttons */
.icon_add { background-image: url('../images/new/add.png'); background-repeat: no-repeat; height: 24px; width: 23px; }
.icon_addall{ background-image: url('../images/new/addall.png'); background-repeat: no-repeat; height: 26px; width: 25px; }
.icon_remove { background-image: url('../images/new/remove.png'); background-repeat: no-repeat; height: 24px; width: 23px; }
.icon_removeall{ background-image: url('../images/new/removeall.png'); background-repeat: no-repeat; height: 26px; width: 25px; }
.navbox {cursor:pointer;display:inline-block;vertical-align: middle;}

/* back url */
.backUrl {text-decoration: none; color:#00a950; font-size: 26px;}
.backUrl:hover {text-decoration: none; color:#00a950; font-size: 26px;}
.backUrl:link {text-decoration: none; color:#00a950; font-size: 26px;}
.backImage {height: 25px;width: 30px;margin: 0px -5px 7px 0px;}

/* Seek Page */
.seekDiv{ background-color: #EEEEEE; margin: 0px 25px 0px 25px; padding: 25px; }
.seekBody{ background-color: white;}
.filterDiv { background-color: #EEEEEE; margin: 0px 25px 0px 25px;  padding: 25px 25px 0px 25px; }
.row.search_data { margin-right: 0; margin-left: 0; }
h3.search_data { margin-top: 0; margin-bottom: 0px; }
h3.search_data > input.form-control.custom_width.search { display: inline-block; width: 190px !important;}
h3.search_data > input.form-control.custom_width150.search { display: inline-block; width: 150px !important;}
.btn-search { min-width: 100px; }
.col-sm-3.seek_filter_field { padding-right: 0px; padding-left: 0px; width: 21%; }
.col-sm-2.seek_filter_field { padding-right: 0px; padding-left: 0px; }
.col-sm-2.seek_filter_w14 { padding-right: 0px; padding-left: 5px; width: 14%; }
span.accountname{ color:#00a94f; top: 5px; position: absolute; font-size: 24px;}
span.errortext{ color:#ee3124; position: absolute; top: 5px; font-size: 24px;}

/* error message & success message */
#messageArea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: no-repeat scroll 0px 0px #fff;
    border-image: none;
    border-width: 1px;
    border-style: double;
    padding: 0px 0px 0px 10px;
    margin-bottom : 10px;
    margin-left: 25px;
    font-size: 24px;
}
#messageArea.errors, div.errors > ul > li > span:hover { border-color: red; color: red; }
#messageArea.success { border-color: #00A950; color: #00A950; }
#messageArea.errors.dialogerrors { margin-bottom: 0px; margin-left: 0px; }
#messageAreaAjax {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: no-repeat scroll 0px 0px #fff;
    border-image: none;
    border-width: 1px;
    border-style: double;
    padding: 0px 0px 0px 10px;
    margin-bottom : 10px;
    margin-left: 25px;
    font-size: 24px;
}
#messageAreaAjax.errors, div.errors > ul > li > span:hover { border-color: red; color: red; }
div.errors > ul { margin-top: 0; margin-bottom: 0px; list-style-type: none; padding-left: 0px; }
div.errors > ul > li > span.error_margin { margin-right: 0.5em; }
.form-control.errorsHighlight { background-color: #ffdae0; }
.selectric-error.errorsHighlight { background-color: #ffdae0; }
.button.selectric-error.errorsHighlight { background-color: #ffdae0; }
/* clear style */
.ofcontents { overflow: hidden; text-overflow: ellipsis; white-space:nowrap; width: 250px; display: block !important;}
.ofcontents-pay { overflow: hidden; white-space:nowrap; width: 250px; display: block !important;}
.w75{ width:75px; !important; }
.w80{ width:80px; !important; }
.w100{ width:100px; !important; }
.w110{ width:110px; !important; }
.w120{ width:120px; !important; }
.w130{ width:130px; !important; }
.w140{ width:140px; !important; }
.w150{ width:150px; !important; }
.w185{ width:185px; !important; }
.w200{ width:200px; !important; }
.w220{ width:220px; !important; }
.w580{ width:580px; !important; }
/* Bootstrap Dialog */

.modal_top { top: 60px; }

/* Dialog Header */
.bootstrap-dialog .modal-header { border-bottom: none !important; padding: 25px 25px 0px 25px; }
.bootstrap-dialog .modal-header.modal-header-custom { padding: 5px 20px 0px 15px; border-top-left-radius: 25px; border-top-right-radius: 25px;}
.bootstrap-dialog.type-default .bootstrap-dialog-title { color: #00A950; font-size: 35px; }
.modal-header.confirm{ border-bottom: none !important; padding: 25px 25px 0px 25px; }
h4.modal-title{	font-size: 35px; color:#00A950;}

/*  Dialog Body */
.bootstrap-dialog-body { background-color: #EEEEEE; width: 100%; height: 200px; }
.bootstrap-dialog-body.body-custom { width: 100%; height: 21px; }
.bootstrap-dialog .bootstrap-dialog-message > p { margin: 0 0 10px; padding: 20px 40px 0px 40px; font-size: 24px; }
.bootstrap-dialog .reject_remarks { margin: 0 0 10px; padding: 20px 40px 0px 40px; font-size: 24px; }
.bootstrap-dialog .reject_remarks .top-column { margin: -10px 0 2px;}
.bootstrap-dialog .reject_remarks .bottom-column { padding: 5px 0px 0px 0px;}
.bootstrap-dialog .reject_remarks > textarea { height: 115px; resize: none; width: 100%;}
.confirm_body{ background-color: #EEEEEE; width: 100%; height: 200px; }
.confirm_body.overflow_body { overflow-y: scroll; overflow-x: hidden; height: 300px; }
div.confirm_body > p.otpsummary { padding: 10px 0px 0px 30px; font-size: 24px; color: #777777;}
div.confirm_body > p.text-closepir { padding: 10px 00px 0px 40px; font-size: 24px; padding-left: 60px !important; color: #777777;}
div.confirm_body > p.otp_text_green { margin: 0 0 10px; padding: 20px 40px 0px 30px; font-size: 24px; color: #00A950; }
div.confirm_body > div.otp_approve { margin-bottom: 10px; }
.height_250 { height: 250px; }
.height_300 { height: 300px; }
.height_320 { height: 320px; }
.height_350 { height: 350px; }
.height_370 { height: 370px; }
.confirm_body.height_400 { height: 400px; }
.confirm_body.height_480 { height: 480px; }
.confirm_body.height_500 { height: 500px; }
.confirm_body.height_550 { height: 550px; }
.pwd_padding { padding: 3% 10% 15px 15%; }
.token_padding{ padding: 3% 10% 15px 15%; }
.bootstrap-dialog .bootstrap-close-message > p { margin: 0 0 10px; padding: 10px 40px 0px 40px; font-size: 24px; }
.text-closepir {line-height : 0px; padding-left:60px !important;}

/*  Dialog Footer */
.modal-footer { border-top: none; }

/* Dialog Buttons */
button.close { font-size: 40px; }
button.close:hover { color: #00A950; }
.btn_cancel { min-width: 70px; color: #9E9E9E; background-color: transparent;}
.btn_cancel:hover { color: #9E9E9E; }
.btn_confirm { min-width: 50px; color: #00A950; background-color: transparent;}
.btn_confirm:hover{ color: #00A950; }
.btn-scrap { min-width: 50px; color: #00A950; background-color: transparent;}
.btn-scrap:hover{ color: #00A950; }
.btn-rollover { min-width: 50px; color: #00A950; background-color: transparent;}
.btn-rollover:hover{ color: #00A950; }
button.close > span{ font-size: 14px; }

/* End Bootstrap Dialog */


/* media css */
@media (min-width: 200px){
.container {
    width: 1200px;
}
.form-horizontal .control-label.text-left {
    text-align: left !important;
}
#navbar .collapse {
    display:inline-block;
}
#navbar .nav>li {
    position: relative;
    display: inline-block;
}
}

@media (min-width: 768px){
.container {
    width: 1200px;
}
.form-horizontal .control-label.text-left {
    text-align: left !important;
}
}

@media (min-width: 1200px){
.container {
    width: 1200px;
}
}


@media (min-width: 1280px){
.container {
    width: 1200px;
}
}

/*  Error page */
.presenter_bg{ position: absolute; bottom: 0; right: 0px; }
.presenter_bg > img{ width: 80%; }
.sorry_background{ background-color: #eeeeee; height: 500px; position: relative; }
.profile_block.no_boder{ border-bottom: none !important; }
.sorry_header{ padding-top: 20px; }
.sorry_header > h1.header{ color:#00A950; font-size: 50px; line-height: 25px; }
.message_content_timeout { width: 700px; padding-top: 20px; color: #777777; font-size: 24px; }
.message_content_error { width: 700px; padding-top: 50px; color: #777777; font-size: 24px; }
.contact_info{ padding-top: 20px; padding-bottom: 30px; }
.contact_info > p > a.green{ color:#00A950; text-decoration: underline; }
.contact_info > p > span.green{ color:#00A950; text-decoration: underline; }
.contact_info > p { color: #777777; font-size: 24px; margin-bottom: -10px; }
.contact_info > p.marign_message { margin-bottom: 5px; }
 
 /* tree table */
.treeContainer { margin-left: 25px; }
.treeGrid thead th { padding: 2px 4px 2px 4px; vertical-align: middle; height: 24px; }
.treeGrid td { padding:2px 4px 2px 4px; }
.treeGrid tr.parent { font-weight: bold; }
.customHeader { padding: 2px 4px 2px 30px; }

.treeGrid tbody tr td { height: 24px; border-width: 0 0 1px 0;}
.treeTable tbody tr td { padding: 0.3em 1.5em; }
.treeTable tbody tr td .expander {  background-position: left center; background-repeat: no-repeat; cursor: pointer; padding: 6px; zoom: 1; font-weight: bold; }
.treeTable tbody tr.collapsed td .expander { background-image: url('../images/new/icons8-Plus-20.png'); }
.treeTable tbody tr.expanded td .expander { background-image: url('../images/new/icons8-Minus-20.png'); }
.nopadding {padding: 0px !important}

/*  Password policy */
.password-policy { list-style-type: decimal; padding-left: 30px; color: red; font-size: 24px; }
.remark_row { margin-top: 30px; }
div.confirm_pwd_body > form.form-horizontal > div.form-group { margin-bottom: 0; }
#messageArea.errors.pwderrors { margin-left: -10px; margin-right: -10px; }
 
 /* SMS token */
 div.confirm_token_body > form.form-horizontal > div.form-group { margin-top: 10px; margin-bottom: 0; margin-left: -60px; }
 
 /* History */
.glyphicon.glyphicon-time { font-size: 24px; color: black; padding-left: 25px; }
h2.popup_title_history > span.first { color:#00A950; padding-left: 25px; font-size: 34px;}

/*File download and report */
.repDesc{color: #777777; font-size : 35px;}
.fa-download:hover{color:#00A950;cursor: pointer;}

/* BTR */
.glyphicon-info-sign:hover{ color:#00A950; }
.additional_box{ background-color: #EEEEEE; width: 100%; font-size: 24px; }
.hr_detail { border: 1px solid #ddd; }
.btn{vertical-align: top;}
.glyphicon-ok-sign{ color: #01AC4E;left:-5px;}
span.caption{color:#9D9D9D;	display:inline-block; position: absolute;top: 5px;font-size: 19px;}

/* File Upload */
.file { visibility: hidden; position: absolute; }
.btn_fileupload { font-size: 13px !important; color: #777777; min-width: 90px; height: 34px;}

.menu_border{border: 1px solid #ccc; float: left; position: relative; height: 20px; margin: 10px 5px 0px 5px; }
.pull-right {float: right!important;}
.update_paddingtop {padding-top: 13px;}
.form-control.custom_width_advance { position: relative; !important; width: 63px; !important; }
.selectric-custom_width_advance { position: relative; !important; width: 63px; !important; }
.form-control.unit_amount{ padding-left: 0;}
.form-control.custom_width_unit_amount {position: relative !important;width: 180px !important; margin-left:-25px;}
.fileupload_arrow { margin-bottom: 6px; }
.icon-gln-confidential { background-position: 0 -18px; }
.grdlnk-notify-icon { background-image: url('../images/new/icon_grid.png'); }
.grdlnk-notify-icon { min-width: 18px; height: 18px; display: inline-block; background-repeat:no-repeat; border-width: 0px; }
.emp2{margin-left:0.2em !important}
.emn2{margin-left: -0.2em !important}
input[type=password] { font-family: Tahoma,Geneva,sans-serif; font-size: 14px; }
div.form-group.otp_margin { margin-top: 25px; }
.display_inline { display: inline; }
.dashboard_flag { min-width: 32px; height: 29px; display: inline-block; border-width: 0px; cursor: pointer; background-size: 30px 30px !important; float:left; }
.dashboard_flag.flagactive_icon { background: url('../images/new/favoriteactive.png'); }
.dashboard_flag.flag_icon { background: url('../images/new/favoriteinactive.png'); }
#dashboarddiv > iframe { min-width: 1200px; }
.dashboard_mobile { min-width: 32px; height: 29px; display: inline-block; border-width: 0px; cursor: pointer; background-size: 30px 30px !important; float:left; }
.dashboard_info { min-width: 32px; height: 29px; display: inline-block; border-width: 0px; cursor: pointer; background-size: 30px 30px !important; float:left; }
.dashboard_mobile.mobileactive_icon {background: url('../images/new/ic_viewmobile@3x.png');}
.dashboard_mobile.mobile_icon { background: url('../images/new/ic_viewMobileInactive@3x.png'); }
.dashboard_info.infoactive_icon { background: url('../images/new/icc_information copy@3x.png'); }
.dashboard_info.info_icon { background: url('../images/new/icc_information_inactive@3x.png'); }
.dashboard_info:hover { background: url('../images/new/icc_information copy@3x.png'); }
.max-width-ofcontents { text-align: left !important; max-width: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
input.form-control.filed-inline { display: inline-block; }
span.caption_textarea {top: 40px; left: 80px;}
table.gridTable tbody tr.font-bold { color: #4d4d4d; font-weight: bold }
span.brnerr { color: red }