body {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 1.35;
  color: #333;
  background-color: #fff;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: 'Calibri', Arial, sans-serif;
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
  margin: 10px 0 5px 0;
}

h1 {font-size: 26px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}

a:hover, a:focus, .button:hover, .btn-link:hover, .btn:hover {text-decoration:none; transition: all 0.5s ease-in-out 0s; outline: none; }

.popover {
	color: #333333;
}

/*header ------------------------------------------------*/

.navbar {
  margin: 0;
  border-bottom: 1px solid #d3d3d3;
  box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.55);
  min-height: 40px;
	}
	.navbar-nav {
	}
	.navbar-nav > li > a {
		white-space: nowrap;
		padding: 10px 5px;
	}
	.navbar-brand {
    	padding: 10px 10px 10px 0;
    	height: 40px;
    	color: #124163 !important;
    	font-weight: 700; 
	}
	.navbar-collapse {
		min-width: 300px;
	}
	.dropdown-header {
		color: #124163;
		font-size: 14px;
		font-weight: 700;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #124163;
    color: #fbfbfb;
    text-shadow: 0px 2px 9px rgba(150, 150, 150, 1);
}
	
.nav-top-menu-wrap {
    width: 100%;
    height: 34px;
    background-color: #0c2d44; 
	}
	
	.nav-top-menu-wrap h2  {
		margin: 5px 0 0 0;
		color: white;
		width: auto;
		float: left;
		white-space: nowrap;
	}
	.nav-top-menu {
		float: right;
		margin-top: 2px;
	}
	.nav-top-left-menu {
		display: inline-block;
		margin: 2px 0 0 5px;
	}
	
/*Main ----------------------------------------------------*/

div.container.main {
	margin-top: 120px;
	min-height: 500px;
}

.alert {
	max-width: 700px;
	margin: 0 auto 10px auto;
}

.logger, .logger th {
	width: 100%;
	text-align: center;
	margin: 5px;
}

.button {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-color: #337ab7;
	border-color: #2e6da4;
	color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
}

.btn-link { 
	padding: 0;
	margin: 0 0 0 3px;
}

.button:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.blue, .red, .green {
	width: auto !important;
}

.panel-body h1 {
	margin: 0 0 15px 0;
}

.dataczas{
	font-size: 12px;
	text-align: left;
	white-space: nowrap;
}

.panel-heading h1 {
	margin: 0;
}

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

/*Table ---------------------------------------------------*/

.table {min-width: 350px;}

.table caption {
	background-color: #0c2d44; 
	font-size: 16px;
	color: white;
	padding: 3px 5px;
	}
	.table caption a {
		margin: 0;
	}

.table td, .table th {vertical-align: middle !important;}
.table th, .table td  {text-align: center;}
.easytable th, .easytable_caption th {text-align: right;}
.easytable td, .easytable_caption td, .easytable-modal td, .easytable-modal th {text-align: left; max-width: 600px; overflow-wrap: break-word;}
.easytable_group  {text-align: center !important;}
.easytable_print {text-align: right !important;}
.easytable_sep {padding: 1px 0 0 0 !important; background: #0c2d44 !important;}
.easytable_group > center > table > tbody > tr > th {padding: 2px 5px;} 
.admtabela th, .admtabela td {padding: 3px !important;}


.curr_symbol {
	font-weight: 700;
	margin: 0 0 0 5px;
	position: relative;
	top: 3px;
}

.table hr {margin: 5px 0;}
.tdc {text-align: center !important;}
.ico {text-align: center !important;}
.tdr {text-align: right !important;}
.tdl {text-align: left !important;}
.tdb {font-weight: 700 !important;}
.tdw {word-break: break-word !important;}
.tdn {white-space: nowrap;}
.admtabela td.nop {padding: 0 !important;}
.table td.tdv {vertical-align: top !important;}
td.td17 {font-size: 17px !important;}

.table-in {
	padding: 0;
	margin: 0;
	min-width: 80px;
	width: 100%;	
}

.table-in td {border-top: none !important; width: 50%; text-align: center;}
.table-in tr {border-top: 1px solid #ddd;}
.table-in tr:first-of-type {border-top: none;}

.easytable, .easytable_caption {	width: auto;}
.easytable th, .easytable_caption th {background-color: #f9f9f9;}
.easytable_print {text-align: right;}

.toolbar_top, .pag {
	display: inline-block;
   position: relative;
   vertical-align: middle;
}

.toolbar_top .btn {
	margin: 0 5px 5px 0;
}

.toolbar_top {
	margin-right: 10px;
}

.pag .pagination {
	margin: 0;	
}

table.toolbar td {
	text-align: left;
}

/*Form ----------------------------------------------------*/

.sform_caption, .sform, .rwd_form  {
	width: auto;
	vertical-align: middle;
	min-width: 350px;
	margin-bottom: 10px;
}

.sform_caption, .rwd_form {
	margin: 0 auto;
	border: 1px solid #ccc;
	border-collapse: separate;
	border-spacing: 5px;
}
	.sform_caption td, .sform td {
		padding: 2px;
	}

	.sform_caption th, .sform th {
		padding: 2px 5px;
		text-align: right;
	}
	
	.sform_caption tr th.sub_plain {
		font-weight: 400;
	}
	
	.sform_caption tr th.sub_plain center{
		text-align: left;
	}
	
	.sform_caption caption, .ftitle {
		background-color: #0c2d44; 
		font-size: 16px;
		color: white;
		padding: 3px 5px;
	}
	.sform_caption caption a {
		margin: 0 5px;
	}
	.sform_caption .subsection {
		background: #f9f9f9;
	}
	.sform  td, .sform th {
		height: 30px;
	}
	
	.sform_caption a.tip,  a.btip,  a.bpop {
		display: inline-block;
		position: relative;
		top: -1px;
	}
	.dtpicker-group + a.tip, .dtpicker-group + a.bpop , .dtpicker-group + a.btip {
		position: relative;
		top: -11px;
	}

.sform_caption input[type="text"], .sform_caption input[type="password"], .sform_caption select, .sform_caption textarea,
.sform input[type="text"], .sform input[type="password"], .sform select, .sform textarea,
.rwd_form input[type="text"], .rwd_form input[type="password"], .rwd_form select, .rwd_form textarea {
  display: inline-block;
  width: auto;
  min-width: 360px;
  max-width: 525px;
  padding: 4px 6px;
  height: 30px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus  {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.sform_caption textarea, .sform textarea {
	width: 100% !important;
	height: auto;
}

textarea.cke_source {
	max-width: none;
	}

input[type="checkbox"], input[type="radio"]{
	margin: 0 3px;
}

.sform_inline {
	margin: 0 0 10px 0;
}

.sform_inline td, .sform_inline th {
	padding: 0 4px;
}

.rwd_form {
	max-width: 550px;
	padding: 5px;
	border-radius: 4px;
	}
	.rwd_form .ftitle {	
		border-radius: 4px;
	}

	.rwd_form > div {
		margin: 5px;
	}
	.rwd_form label {
		display: block;
	}

.flogin, .fremindpass {max-width: 385px;}
.freactivation, .fnewpasswd {max-width: 410px;}
.fcontact {max-width: 560px;}

.flogin .t1 {
	text-align: right;
}

.akcept_reg label, .akcept_pdo label, .akcept_pdm label {
    display: inline-block;
    font-weight: normal;
}

.error input, .tderror input, .tderror select, .error select, .tderror textarea, .error textarea {
	border: 1px solid red !important;
}

.error {
	color: red;
	display: block;
	margin-top: 5px;
}

#simage {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 5px;
}

a.reloadsimage img {
    position: relative;
    top: -20px;
}

a.reloadsimage span {
    position: relative;
    top: -10px;
    margin: 0 0 0 5px;
    font-size: 22px;
}

a.reloadsimage:focus {
    outline: none;
}

div.securimg span.simageinput input  {
   max-width: 140px;	
   min-width: 140px;
 }
 
span.simageinput {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

div.req > span {
	float: right;
}

div.securimg.error span span.error {
}

input#ksronly {
	background: #f7f7f7;
	cursor: not-allowed;
}

.dtpicker-group {
	margin: 0;
	padding: 0 !important;
	border-spacing: 0;
	max-width: 350px;
	display: inline-block;
	margin-right: 10px;
}
.dtpicker-group .form-control {
	min-width: 320px !important;
}

.bootstrap-select {
	max-width: 360px !important;
	width: 100% !important;
	display: inline-block !important;
}

.bootstrap-select div.dropdown-menu.open {
	z-index: 10000 !important;
	min-width: inherit !important;
	width: auto;
}

.bootstrap-select .btn {
	padding: 4px 25px 4px 6px;
}

div.input-group.input-group-sm input.form-control {
	max-width: none !important;
}

input.form-control {
	min-width: inherit !important; 
	width: 100% !important;
}

/*Tabs ----------------------------------------------------*/

.tabmenu {
	border-bottom: 1px solid #0c2d44; 
	margin: 10px 0;
	padding: 0 0 5px 5px;
	z-index: 1;
}

.tabmenu li {
   display: inline;
   overflow: hidden;
   list-style-type: none;
}

.tabmenu a, a.active {
	margin-left: 2px;
	color: white;
	background: #0c2d44;
	border: 1px solid #0c2d44;
	padding: 4px;
	text-decoration: none;
}

.tabmenu a.active{
	color: black;
	background: white;
	border-bottom: 1px solid white;
}

/*Kantor -------------------------------------------------*/

#komunikat {
	width: 270px;
	text-align: center;
	margin: 0 auto;
}

#pulpit .update {
	width: 270px;
	text-align: center;
	margin: 0 auto 10px auto;
	border: 1px solid #dfdfdf;
	background-color: #f8f8f8;
	color: #4a4a4a;
}

#transakcje {
	width: auto;
	min-width: 100px;
	margin: 0 auto 20px auto;
}

td.trt {text-align: right;}
td.tra {text-align: center;}
td.trl {text-align: left;}

#sp,#sr,#sw,#sz,#d,#w,#pr,#wa,#wr,#ga,#ur,#uz,#ud,#uw  {
	font-size: 18px;
	font-weight: 700;
	color: #337ab7;
	text-align: center;	
}

.curr_increase, .curr_decrease, .curr_static {
	position: relative;
	top: 4px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
  	width: 25px;
  	font-size: 18px;
  	margin: 0 5px 0 0;
}

.curr_increase {
	color: green;
	animation: opa_anim1 1s 0.5s ease-in-out 1;
}
.curr_increase:before {content: "\e260";}

.curr_decrease {
	color: red;
	animation: opa_anim2 1s 0.5s ease-in-out 1;
}
.curr_decrease:before {content: "\e259";}

.curr_static {
	animation: opa_anim3 1s 0.5s ease-in-out 1;
}

/*Dks ---------------------------------------------------*/

.dks_seller, .dks_buyer {padding: 5px; margin: 5px;}
.dks_seller {margin-left: 5px;}

/*Dziekanat -----------------------------------------------*/

table.atarget tbody tr td.tdc span:target {
    padding-top: 85px;
}

/*Footer -------------------------------------------------*/

.footer {
	height: 50px;
	line-height: 50px;
	background: #0c2d44;
	color: #f2f2f2;
	margin-top: 15px;
}

.f_txt {
	display: inline-block;
	margin-right: 10px;
}

.f_logo img {
	margin-top: 5px;
}

/*Cookie ------------------------------------------------*/

#cu_bar{
	font-size: 12px;
	width:100%;
	min-height: 20px;
	position: fixed;
	bottom: 0px;
	background:#124163;
	color: #e9e9e9;
	margin: 5px 0 0 0;
	padding: 3px 5px;
	text-align: center;
	opacity: 0.85;	
	border-top: 1px solid #185681;
}
#cu_bar img{margin: -7px 2px -7px 2px;}
#cu_bar a{color: #e9e9e9;text-decoration: underline;}
#cu_button{margin-left: 15px;}

/*Responsive css ----------------------------------------*/	

/*media-small*/
@media (max-width: 768px) {
	.navbar-brand {
    	padding: 15px;
    	height: 50px;
	}
	.nav-top-menu {
		float: left;
		margin-left: 10px;	
	}
	div.container.main {
		min-height: 300px;
	}
	input[type="text"], input[type="password"], select, textarea {
  		width: 88% !important;
  		min-width: 100px !important;
  		max-width: none !important;
  	}
  	.sform_caption, .sform, .rwd_form {
    	min-width: 100px;
   }
	.dtpicker-group .form-control {
		min-width: 220px !important;

	}
	.dtpicker-group .date {
		width: calc(100% - 30px) !important;

	}
   #komunikat, #transakcje {
	
	}
	.f_txt {
		display: none;
	}
	.panel {
		margin-top: 10px;
	}
	div.container.main {
	margin-top: 100px;
	min-height: 100px;
	}
	.easytable td, .easytable_caption td, .easytable-modal td, .easytable-modal th { 
		max-width: none;
		white-space: pre-wrap !important;
	}
	
}

@media (min-width: 768px) {
}

/*media-mid*/
@media (max-width: 992px) {
	.tabmenu {
		border-bottom: 1px solid #0c2d44; 
		margin: 5px 0;
		padding: 5px;
	}

	.tabmenu li {
   	display: inline-block;
	}
	.tabmenu li a {
		padding: 5px;
		border-radius: 4px;
		display: inline-block;
	}
	.tabmenu a.active{
		border-bottom: 1px solid #0c2d44;
	}
	.panel {
		margin-top: 10px;
	}	
}

@media (min-width: 992px) {
}

/*media-large*/
@media (max-width: 1200px) {
}

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

/*media-Xlarge*/
@media (max-width: 1800px) {
}

@media (min-width: 1800px) {  	

}

/*Glyphicos ---------------------------------------------*/

.custom-refresh, .custom-remove {
	color: #ccdcf9;
	margin: 0 0 0 5px;
}

.custom-ok {
	color: #5cb85c;
}

.custom-refresh:hover, .custom-remove:hover {
	color: #d8dde3;
}

.btn-custom-text {
	font-weight: 700;
	font-size: 16px;
	padding: 2px 10px;
	text-align: center;
}

.btn-custom-help {
	font-weight: 700;
	font-size: 15px;
	padding: 2px 7px;
	text-align: center;
	cursor: default;
}

.custom-average-rate {
	color: green;
	font-size: 22px;
}

/*Other -------------------------------------------------*/

.fr {float: right;}
.fl {float: left;}
.cb {clear: both;}
.tr {text-align: right;}
.tl {text-align: left;}
.tc {text-align: center;}

/*Animations --------------------------------------------*/

@keyframes opa_anim { 0% { opacity: 0; } 100% { opacity: 1; } }
.anim {
	animation: opa_anim 1s 0.25s ease-in-out;
	animation-fill-mode: forwards;
}

/*scroll-top -------------------------------------------*/

.scrollToTop {
    bottom: 25px;
    color: #185681;
    background-color: #fff;
    border: 1px solid #185681;
    display: none;
    font-size: 32px;
    line-height: 50px;
    font-weight: normal;
    height: 50px;
    position: fixed;
    right: 25px;
    text-align: center;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    width: 50px;
    z-index: 9999;
}
.scrollToTop:hover, .scrollToTop:focus {
    color: #fff;
    background-color: #185681;
} 

/*rekrutacja -------------------------------------------*/

#rform {
	display: block;
	width: 750px;
	margin: 10px auto;
}

#rform  th.subsection {
	background-color: #e7e7e7;
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
}

#rform table th {
	text-align: right;
}

#rform table td {
	text-align: left;
}