/* <style> */

/* common values */
* {
	margin: 0;
	padding: 0;
	
	box-sizing: border-box;
}

html {
  height: auto;
}

html, body{
	min-width: 600px;
}


.cont {
  width: 100%;
}

.icon-dm {
	min-width: 1.5em;
	max-width: 1.5em;
}

.icon-r {
	margin-top: 0.4em;
	font-size: 1.3em;
}

.icon-red {
	color: red;
}

.icon-home {
	margin-right: 0.2em;
}


.btn-dm {
	min-width: 5em;
}

.btn-margin{
	margin-right: 2px;
} 

.btn-big-margin{
	margin-left: 0;
	margin-top: 1em;
	margin-bottom: 1em;
} 

/* forms */

form{
	margin-top: 8px;
}

/* required */
input:required{
	background-color: #e6f3ff;
}

.btn-readonly{
	background-color: #eee;
	color: #606060;
}

textarea:required{
	background-color: #e6f3ff;
}

.required-field:after {
    color: red;
    content: "*";
    position: absolute;
    margin-left: 3px;
    top: 0px;
    font-size: 1.5em;
}


select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;

}

.select2-container--bootstrap .select2-results__group {
    color: inherit;
    background-color: #ddd;
    font-size: inherit;
    padding: 6px 4px;
    
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
.select2-container--bootstrap .select2-selection--multiple .select2-selection__arrow {
  right: 36px;
}

select[readonly].select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
select[readonly].select2-container--bootstrap .select2-selection--multiple .select2-selection__arrow {
  display: none;
}

.select2-container--bootstrap .select2-selection__clear {
  margin-right: 28px;
}

select[readonly] .select2-container--bootstrap .select2-selection__clear {
  margin-right: 128px;
}


/* tables */

.table{
	table-layout: fixed;
    line-break: anywhere;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;    
}

.table-nonfluid {
   width: auto !important;
}

.table th.lp {
    white-space: nowrap;
    width: 20px;
    min-width: 20px;
}

.table th.resize{
	min-width: 65px;
	width: 65px;
}


.table tfoot input {
	font-size: 0.85em;
	height: 1.7em;
	min-width: 100%;
	padding-left: 0.5em; 
} 

.table tfoot button {
	font-size: 0.85em;
	height: 1.5em;
	margin-top: -4px;
	padding-top: 2px;
} 

.table tfoot .filter-clear{
	font-size: 0.85em;
	height: 1.7em;
	margin-top: -4px;
	padding-top: 4px;
} 

.table td.right{
	text-align: right;
}
.table td.center{
	text-align: center;
}

.thead-inverse th {
     color: #ffffff;
     background-color: #373a3c;
}

.table td.inverse {
       color: #ffffff;
       background-color: #373a3c;
}

.table td.foot-inverse {
    color: #ffffff;
    background-color: #373a3c;
} 


.table td.grey {
       background-color: #808080;
}



.table th{
	font-size: 0.9em;
	padding: 0px;
	font-weight: normal;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}


table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: #ffffff;
}
 
table.dataTable thead .sorting:after {
  opacity: 0.7;
}

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after  {
  opacity: 1;
}


.exp_btn {
	margin-left: 1px;
}


.dataTables_length{
	margin-left: 0.5em;
	font-size: 0.85em;
}

.dataTables_info{
	font-size: 0.85em;
}

.dataTables_paginate{
	font-size: 0.85em;
}

table.dataTable {
  clear: both;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
 


/* navbar */
.navbar-custom-top {
	font-weight: bold;
    background-color: #859998;
    border-color: #546564;
    border-top: solid 2px #546564;
    border-bottom: solid 2px #546564;
    margin-bottom: 0;
}
/* Title */
.navbar-custom-top .navbar-brand {
    color: #000000;
}
.navbar-custom-top .navbar-brand:hover,
.navbar-custom-top .navbar-brand:focus {
    color: #FFFFFF;
    background-color: #546564;
}
/* Link */
.navbar-custom-top .navbar-nav > li > a {
    color: #000000;
}
.navbar-custom-top .navbar-nav > li > a:hover,
.navbar-custom-top .navbar-nav > li > a:focus {
    color: #FFFFFF;
    background-color: #546564;
}
.navbar-custom-top .navbar-nav > .active > a,
.navbar-custom-top .navbar-nav > .active > a:hover,
.navbar-custom-top .navbar-nav > .active > a:focus {
    color: #000000;
    background-color: #546564;
}
.navbar-custom-top .navbar-nav > .open > a,
.navbar-custom-top .navbar-nav > .open > a:hover,
.navbar-custom-top .navbar-nav > .open > a:focus {
    color: #000000;
    background-color: #546564;
}
/* Caret */
.navbar-custom-top .navbar-nav > .dropdown > a .caret {
    border-top-color: #000000;
    border-bottom-color: #000000;
}
.navbar-custom-top .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom-top .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}
.navbar-custom-top .navbar-nav > .open > a .caret,
.navbar-custom-top .navbar-nav > .open > a:hover .caret,
.navbar-custom-top .navbar-nav > .open > a:focus .caret {
    border-top-color: #000000;
    border-bottom-color: #000000;
}

/* Mobile version */
.navbar-custom-top .navbar-toggle {
    border-color: #546564;
}
.navbar-custom-top .navbar-toggle:hover,
.navbar-custom-top .navbar-toggle:focus {
    background-color: #546564;
}
.navbar-custom-top .navbar-toggle .icon-bar {
    background-color: #000000;
}
@media (max-width: 767px) {
    .navbar-custom-top .navbar-nav .open .dropdown-menu > li > a {
        color: #000000;
    }
    .navbar-custom-top .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-custom-top .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #FFFFFF;
    }
}

/* for dropdowns only */
.navbar-custom-top .navbar-nav .dropdown-menu  { 
  background-color: #859998;
}
.navbar-custom-top .navbar-nav .dropdown-menu>li>a  { 
  font-weight: bold;
  color: #000000;
}
.navbar-custom-top .navbar-nav .dropdown-menu>li>a:hover,.navbar-custom-top .navbar-nav .dropdown-menu>li>a:focus  { 
  color: #FFFFFF;
  background-color: #546564;
}
/* navbar */
.navbar-custom-left {
	font-weight: bold;
    background-color: white;
    border-right: none;    
    border-bottom: solid 2px #546564;    
}
/* Title */
.navbar-custom-left .navbar-brand {
    color: #546564;
    margin-top: 6px;
}

.navbar-custom-left .navbar-header {
    border-bottom: solid 2px #546564;    
}


.navbar-custom-left .navbar-brand:hover,
.navbar-custom-left .navbar-brand:focus {
    color: #859998;
    background-color: light-gray;
}
/* Link */
.navbar-custom-left .navbar-nav > li > a {
    color: #546564;
}
.navbar-custom-left .navbar-nav > li > a:hover,
.navbar-custom-left .navbar-nav > li > a:focus {
    color: #859998;
    background-color: light-gray;
}
.navbar-custom-left .navbar-nav > .active > a,
.navbar-custom-left .navbar-nav > .active > a:hover,
.navbar-custom-left .navbar-nav > .active > a:focus {
    color: #546564;
    background-color: #546564;
}
.navbar-custom-left .navbar-nav > .open > a,
.navbar-custom-left .navbar-nav > .open > a:hover,
.navbar-custom-left .navbar-nav > .open > a:focus {
    color: #546564;
    background-color: light-gray;
}
/* Caret */
.navbar-custom-left .navbar-nav > .dropdown > a .caret {
    border-top-color: #546564;
    border-bottom-color: #546564;
}
.navbar-custom-left .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom-left .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #859998;
    border-bottom-color: #859998;
}
.navbar-custom-left .navbar-nav > .open > a .caret,
.navbar-custom-left .navbar-nav > .open > a:hover .caret,
.navbar-custom-left .navbar-nav > .open > a:focus .caret {
    border-top-color: #546564;
    border-bottom-color: #546564;
}

/* Mobile version */
.navbar-custom-left .navbar-toggle {
    border-color: #546564;
}
.navbar-custom-left .navbar-toggle:hover,
.navbar-custom-left .navbar-toggle:focus {
    background-color: #546564;
}
.navbar-custom-left .navbar-toggle .icon-bar {
    background-color: #000000;
}
@media (max-width: 767px) {
	.navbar-custom-left {
		border-right: none;
	}
    .navbar-custom-left .navbar-nav .open .dropdown-menu > li > a {
        color: #546564;
    }
    .navbar-custom-left .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-custom-left .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #859998;
    }
}

/* for dropdowns only */
.navbar-custom-left .navbar-nav .dropdown-menu  { 
  background-color: white;
}
.navbar-custom-left .navbar-nav .dropdown-menu>li>a  { 
  font-weight: bold;
  color: #546564;
}
.navbar-custom-left .navbar-nav .dropdown-menu>li>a:hover,.navbar-custom-left .navbar-nav .dropdown-menu>li>a:focus  { 
  color: #859998;
  background-color: light-gray;
}



.navbar-custom-left .navbar-nav  li a {
	padding-top: 0px; padding-top: 0px; 
	margin: 0;	 
	padding-left: 8px;
	height: 2em; min-height: 2em; max-height: 2em; 
	line-height: 2em;
}



.navbar-custom-left .navbar-nav  ul  a {
	padding-top: 0px; padding-top: 0px;
	margin: 0;	 
	padding-left: 2em;
	height: 2em; min-height: 2em; max-height: 2em; 
	line-height: 2em;
}

.navbar-custom-left .dropdown-menu{
	padding: 0px; 
	margin: 0;	 
}

.navbar-custom-left .navbar { 
	padding-top: 0px; padding-top: 0px; 
	margin: 0;	 
	height: 2em; min-height: 2em; max-height: 2em;
 }
.navbar-custom-left .navbar-brand {
	padding-top: 4px; padding-top: 4px; 
	height: 1.5em; min-height: 1.5em; max-height: 1.5em;	
 }
 
.main-divider{
	min-height: 3px;
	height: 3px;
	background-color: #546564;
}

.lmenu {
	min-width: 216px;
}

@media (min-width: 768px) {
	.navbar-custom-left {
    	border-bottom: none;    
    	border-right: solid 2px #546564;
    }	    

	.navbar-custom-left .navbar-brand {
    	color: #546564;
    	margin-top: 0px;
	}
	
	.navbar-custom-left .navbar-header {
    	border-bottom: none;    
	}
	

}
/* footer */
.footer {
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 4px;
  /* Set the fixed height of the footer here */
  background-color: #859998;
  color: #000000;
  border-top: solid 2px #546564;
  clear: left;
  min-width: 600px;
}

.header {
	width: 100%;
}    

.header p {
  margin: 0;
  padding: 0;
}  

.header h1 {
  margin: 0;
  padding: 0;
  color: #546564;
  text-align: center;
  font-weight: bold;
  font-size: 2.2em;
}  


.header-row {
	width: 100%;
	height: 100%;
	display: table; 
	table-layout: fixed;
}    

p.title_big{
	border-left: 4px solid #546564;
	padding-left: 12px;
	font-size: 2em;
	margin-top: 12px;
	margin-bottom: 2px;
	padding-bottom: 0px;
}

p.title{
	border-left: 4px solid #546564;
	padding-left: 8px;
	font-size: 1.6em;
	margin-top: 8px;
	margin-bottom: 2px;
	padding-bottom: 0;
}

.cell {
	display: table-cell; 
	vertical-align: middle; 
	float: none;
	padding:5px;	
}    


.cell-left {
	width: calc(100% - 280px);
	min-width: 240px;
	font-size: 12px;
	white-space: nowrap;
	padding-left: 12px;
}  

.cell-left h1{
	margin-left: 60px;
	text-align: left;	
	margin-bottom: 6px;
}

.cell-mid-r1 {	
	display: none; 
	padding-left: 12px;
	padding-right: 12px;
}  

.cell-mid-r2 {
	width: 100%; 
	display: table-cell;
	padding: 12px;
	border-top: solid 2px #546564;
}  

.cell-right {
	width: 270px;
	font-size: 12px;
	white-space: nowrap;
} 

.cell-right h1{
	white-space: nowrap; 
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 6px;
	text-color: #546564;
	text-align: left; 
}	


p.editorial_board_section{
	font-size: 1.3em;
	color: #546564;
	font-weight: bold;
	margin-top: 1em;
}
p.editorial_board_member{
	margin: 0; padding: 0;	
}


.form-hr {
	margin-bottom: 20px;
	border: 10px;
}

.split-hr {
	clear: both;
	margin-top: 8px;
	margin-bottom: 8px;
}



.entry li{
	margin-left: 20px;
}	

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	cursor: default;
	background-color: #ccc;
}


.badge {
  padding: 1px 9px 2px;
  min-width: 2.5em;
 font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.badge-danger {
  background-color: #b94a48;
}
.badge-danger:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}


.panel-dm { 
	padding: 0px;
} 

.panel-form > .panel-heading { 
	margin-bottom: 10px;
    font-weight: bold; 
} 


.panel-dm > .panel-heading { 
	font-size: 1.2em;
	font-weight: bold; 
	
} 

.panel-top{
	padding: 4px;
} 

.panel-body > ul > li{
	margin-left: 2em;
}

.main {
	padding-bottom: 2.5em;
}

.main > .bar  > ul > li{
	margin-left: 2em;
}

.main > ul > li,
.main > ol > li
{
	margin-left: 2em;
}


.main h1, hr{
	margin: 0;
    padding: 0;
}

.main h1 {
	font-size: 24px;
}

.main h2 {
	font-size: 20px;
}

.main h3 {
	font-size: 16px;
}

.tooltip.top .tooltip-inner {
    background-color: LightGray;
    color: black;
    font-size: 1.1em;
}

.tooltip.top .tooltip-arrow {
      border-top-color: LightGray;
}

.tooltip.in{
	opacity:1!important;
}

.tooltip-wide + .tooltip > .tooltip-inner {
    min-width: 450px; /* the minimum width */
}
.btn-dp{
    display:inline-block;
}

.btn-dp .dropdown-menu{
   padding: 2px;
}

.btn-dp > ul > li > .btn{
    text-align: left;
    padding: 4px;
}

.btn-dp > ul > li > .btn > .fa{
    min-width: 1.5em;
}


.panel-news .panel-heading {
	font-weight: bold;	
	padding: 8px;
	font-size: 1.2em;
}
.panel-news .panel-footer {
	font-style: italic;
	font-size: 0.8em;
	padding: 4px;
}


.panel-classic{
	border-color: #546564;
}

.panel-classic > .panel-heading {
	color: #000000;
	background-color: #859998;
	padding: 8px;
}


.dm-columns{
	margin-top: 10px;
}

.dm-columns a{
  font-weight: bold;
  color: #546564;
}

.dm-columns a:hover{  
  color: #FFFFFF;
  background-color: #546564;
  text-decoration: none;
}

.dm-letter{  
  background-color: #546564;
  color:   #FFFFFF;
}

.space{
    display: block; 
    margin-top: 4px;  
}

.clickable{
    cursor: pointer;
    width: 40px;   
}


.float-r {
    float: right;
    margin-top: -46px;
}


@media (min-width: 900px) {
	.cell-left {
		width: 240px;
	}  
	.cell-mid-r1 {
		width: calc(100% - 520px); 
		display: table-cell;
	}  

	.cell-mid-r2 {
			display: none;
	}  

}


@media print {
  a[href]:after {
    content: none !important;
  }  
  footer {
    display: none !important;
  } 
}

/* </style> */