/*
#0F457B
#D3E7FA
#81B8EF
#E2F0FC
#BFDBF7
*/

/* Color */

.form-control, .input-group-addon, .input-group-addon:hover, .textBox_Selection,
.loginBox, .searchBox, .entryBox, .noPrintBox, .searchResultBox, .detailBox, .journalBox, .dropdown-menu {
   border-color      : #81B8EF !important;
}

.btn, .btn:hover, .navbar-toggle.collapsed, .navbar-toggle {
   border-color      : #0C3763 !important;
}

.table td, .table th {
   border-color      : #FFFFFF !important;
}

.srth, .dtth, .btn, .btn-group .btn:focus, .open > .dropdown-toggle.btn-default, .navbar-toggle.collapsed, .navbar-toggle {
   background-color  : #0C3763 !important;
}

.btn:hover, .btn-group .btn:hover, .input-group-addon:hover, .input-group-addon, .navbar-toggle.collapsed:hover, .navbar-toggle:hover,
.loginBox, .searchBox, .entryBox, .noPrintBox, 
.table-striped>tbody>tr:nth-child(odd)>td { 
   background-color  : #D3E7FA !important;
}

.codeBox_disabled, .textBox_disabled, .textArea_disabled,
.table-striped>tbody>tr:nth-child(even)>td {
   background-color  : #E2F0FC !important;
}

.table-hover tbody tr:hover td, .textBox_SelectionItemHover, .dropdown.open a:hover {
  background-color: #BFDBF7 !important;
}

.textBox_Selection, .textBox_SelectionItem, .dropdown-menu .disabled a:hover {
  background-color: #FFFFFF !important;
}

body, .form-control, table, .btn, .dropdown li a, .dropdown.open a,
.btn:hover, .btn-group .btn:hover, .navbar-toggle.collapsed:hover, .navbar-toggle:hover {
   color             : #000000 !important;
}

.btn, .navbar-toggle.collapsed, .navbar-toggle, .form-control._kw {
   color             : #FFFFFF !important;
}


/* Control */

@media(min-width:992px){ .inputRow {
   padding-top       : 10px;
}}

.table, .table-responsive {
   margin-bottom     : 0px !important;   
}

.btn {
   margin-top        : 5px;
}

.btn, .navbar-toggle.collapsed, .navbar-toggle {
   border-radius     : 5px;
   font-weight       : bold !important;
}

.navbar-toggle.collapsed, .navbar-toggle:focus {
   padding           : 6px 10px 5px 10px;
}

@media(max-width:300px){ .navR1ecord {
   float:left;
}}

@media(min-width:500px){ .navRecord {
   float:right;
}}

.recDropdown {
   border-left       : 1px solid #0C3763 !important;
}

input[type=file] {
   margin-bottom     : 0px;
   height            : 34px;
   display           : inline;
}

.input-group-addon {
   cursor            : pointer;
}   

.input-group-ad1don:hover {
 	border-width1      : 1px 1px 1px 0 !important; 
	border-style1      : solid; 

}

.textBox, .textBox_disabled, .dropDown, .codeBox, .codeBox_disabled, .codeBox input, .textArea, .textArea_disabled {
   font-weight       : normal !important;
   font-size         : 105% !important;
   min-width         : 100px;
}

.textBox, .textBox_disabled, .dropDown, .textArea, .textArea_disabled, .input-group {
   max-width         : 500px;
}

.textBox {
}

.textBox_disabled {
}

.dropDown {
}

.dropDown option, .recDropdown option {
   padding           : 2px 5px 2px 10px;
   height            : 25px;
}

.codeBox {
   max-width         : 200px;
}

.codeBox_disabled {
   max-width         : 200px;
}

.textArea{
}

textArea_disabled {
}

.datepicker table {
   font-size: 90%;
}

.inputLabel {
   font-size         : 98%;
   padding-top       : 10px;
}

.textLabel {
	font-weight       : bold;
   font-size         : 105%;
   padding-top       : 10px;
}

.textBox_Selection {
	visibility        : hidden; 
   position          : absolute; 
   padding           : 0px; 
   border-width      : 1px;
   border-style      : solid;
   z-index           : 9999;
   margin-top        : 0px;
}

.textBox_SelectionItem {
   font-size         : 105%;
   padding           : 2px 15px 2px 15px;
   height            : 25px;
}

.textBox_SelectionItemHover {
   font-size         : 105%;
   padding           : 2px 15px 2px 15px;
   cursor            : pointer;
   height            : 25px;
}

.error_message {
	font-size         : 90%; 
   color             : red; 
}

.tooltip-inner {
   text-align        : left;
   min-width         : 200px;
   color             : #000000;
   background        : #FFFFFF;
   border            : 1px solid rgba(0,0,0,0.3);
   box-shadow        : 0 6px 12px rgba(0, 0, 0, .175);
   font-size         : 95%;
}

/* Browse */

.srth{
   cursor            : pointer;
   padding           : 10px !important;
   color             : #FFFFFF;
}

.srtr{
   cursor            : pointer;
}

.srtd{
   font-size         : 105%;
}

.dtth {
   padding           : 10px !important;
   color             : #FFFFFF;
}

.dttr {
}

.dttd {
   font-size         : 105%;
}

/* Box */

.buttonBox {
   background        : transparent; 
   margin-top        : 10px; 
   padding           : 0px; 
}

.searchBox {
	border-width      : 1px; 
	border-style      : solid; 
   margin-top        : 10px;
   margin-bottom     : 10px;
   padding           : 15px 10px 15px 10px;
}

.entryBox {
	border-width      : 1px; 
	border-style      : solid; 
   margin-top        : 10px; 
   margin-bottom     : 10px ; 
   padding           : 15px 10px 25px 10px;
}

.searchResultBox {
	border-width      : 1px; 
	border-style      : solid; 
   margin-top        : 10px;
   margin-bottom     : 10px ; 
}

.detailBox {
	border-width      : 1px; 
	border-style      : solid; 
   margin-top        : 10px;
   margin-bottom     : 10px ; 
}

.journalBox {
	border-width      : 1px; 
	border-style      : solid; 
   margin-top        : 10px;
   margin-bottom     : 10px ; 
}

.noPrintBox {
	border-width      : 1px; 
	border-style      : solid; 
   margin-top        : 10px; 
   margin-bottom     : 10px ; 
   padding           : 15px 10px 25px 10px;
}

@media(max-width:767px){ .loginBox {
   padding       : 20px; 
}}

@media(min-width:768px){ .loginBox {
   padding           : 50px; 
}}

.loginBox {
   margin-top        : 10px; 
   max-width         : 450px;
	border-width      : 1px; 
	border-style      : solid; 
   border-radius     : 5px 5px 5px 5px;
   margin-left       : auto;
   margin-right      : auto;
}

/* Main */

html, body {
	height            : 100%;
}

body, .form-control, table, .btn {
   font-family       : "Open Sans","Myriad Pro"; 
   font-size         : 13px; 
   font-weight       : normal;
   -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


header { 
	background        : transparent url(../images/bg_header.png) repeat-x center;
	background1       : #0C3763;
   padding           : 5px 0px 5px 0px; 
   font-size         : 100%;
   color             : #FFFFFF;
}

header a, header a:hover, header a:active, header a:focus {
   color             : #FFFFFF !important;
}

.logo {
	height            : 40px;
   margin-top        : 5px;
}

.main {
   padding: 0 20px 0 20px;
}

.dropdown-toggle, .dropdown li {
   font-size         : 115%;
}

@media(max-width:767px){
   .navbar-header {border-bottom:5px solid #0C3763; background: transparent url(../images/bg_header.png) repeat-x center;}
   .dropdown {border-bottom: 1px solid #E7E7E7 !important; font-weight:bold; padding-left:15px;}
   .logout {font-size:115%; font-weight:bold; padding:0px 15px;}
   .logout a {padding:0px 15px !important;}
   .rt {font-size: 120%; ; font-weight: normal !important;}
}
@media(min-width:768px){
   .navbar {background-color:#0C3763 !important; border-radius:0px;}
   .dropdown-menu {border: 1px solid rgba(0,0,0,0.3) !important;}
   .dropdown-toggle {color:#FFFFFF !important;  font-weight:bold;}
   .dropdown-toggle:hover, .dropdown-toggle:active, .dropdown-toggle:focus {color:#FFFFFF !important;  background-color:#000000 !important;}
   .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color:#FFFFFF !important;  background-color:#000000 !important;}
   .navbar-default {border:0px;}
   .rt {font-size: 150%; font-weight: normal !important;}
   .container-fluid { padding-left:50px !important; padding-right:50px !important; }
}
@media(min-width:992px){}
@media(min-width:1200px){}


.footer {
  	background        : transparent url(../images/bg_footer.png) repeat-x;
   text-align        : center;
   height            : 40px;
	font-size         : 80%;
}

.footer a {
   color             : gray;
	text-decoration   : none;
}

.rt {
   font-weight       : normal; 
	padding           : 0px 5px 15px 5px;
}

/* Printing */

@media print { 
	nav, .btn, .buttonBox, .detailBox, .journalBox, .noPrintBox, .error_message, .noprint, .userinfo, .navRecord {
      display           : none; 
   }	
   .searchBox {
      display           : none; 
      padding           : 0px;
   } 
	.form-control, .table, .table td, .table th {
      color             : #000000 !important; 
      border            : 1px solid silver !important; 
      background-color  : transparent !important;
   }
	.entryBox {
      border            : 1px solid #DDDDDD !important; 
      padding-bottom    : 15px; 
   }
	img {
      margin            : 0px; 
      padding           : 0px;
   }
	.rt {
      color             : #000000; 
      text-align        : left; 
      margin-bottom     : -20px; 
      display           : block;
   }
	.logo {
      margin            : 0px;
   }
	.footer, .footer a {
      color             : #000000;
   }
}