body {
	
	font-size: 10pt;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #f9f9f9;
	/*background-color: rgba(249, 249, 249, 0.53);*/
}


h1,
.h1 {
  font-size: 24px;
}
h2,
.h2 {
  font-size: 24px;
}
h3,
.h3 {
  font-size: 22px;
}
h4,
.h4 {
  font-size: 19px;
}
h5,
.h5 {
  font-size: 15px;
}
h6,
.h6 {
  font-size: 16px;
}


/*
.btn {
  border: none;
  font-size: 11px;
  line-height: 23px;
  font-weight: 500;
  text-transform: uppercase;
}*/

.btn {
  font-size: 11px;
  line-height: 21px;
  font-weight: 500;
  text-transform: uppercase;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 8px 12px;
    font-size: 11px;
    line-height: 1.6;
    border-radius: 0;
}


.table thead tr th ,
.table tbody tr th ,
.table tfoot tr th ,
.table thead tr td ,
.table tbody tr td ,
.table tfoot tr td {
  vertical-align: middle ; 
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	  vertical-align: middle ; 
}

.table td input[type="radio"],
.table td input[type="checkbox"] {
  margin-top: 4px;
}


select.selectOne {
	height: 39px;
}

.form-horizontal .has-feedback .form-control-feedback {
	right: 0px !important;
}

.form-control-feedback {
	right: 0px !important;
}


.has-feedback label ~ .form-control-feedback {
    top: 22px;
}

/* fix form in table */

.form-inline .table div.has-feedback {
	display: inline-block;
}


/* fix input-group-addon middle START */

.input-group > .input-group-addon:not(:last-child):not(:nth-last-child(2)) {
  border-right-width: 0;
}
.input-group > :not(.input-group-addon):not(.input-group-btn) + .input-group-addon {
  border-left-width: 0;
}
.input-group > .input-group-btn:not(:first-child) > .btn,
.input-group > .input-group-btn:not(:first-child) > .btn-group > .btn {
  margin-left: -1px;
  margin-right: -1px;
}
.input-group > .input-group-btn:not(:first-child):not(:last-child) > .btn,
.input-group > .input-group-btn:not(:first-child):not(:last-child) > .btn-group > .btn {
  border-radius: 0;
}

/* END fix input-group-addon middle */


/* fix text vs select height */
.form-control {
	padding: 9px 12px; 
}

/* jsf uses size='1' */
select[size] {
	height: 39px;
}

select[multiple],
select[size='2'], select[size='3'], select[size='4'], select[size='5'], select[size='6'], select[size='7'], select[size='8'] {
    height: auto;
}


/* NAVBAR TOP BEGIN */

.navbar-static-top {
  background-color: #ffffff;
  border-color: #ffffff;
  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.15);
  min-height: 50px;
}

@media(min-width:768px) {
	.navbar-static-top {
  		min-height: 100px;
	}
}

.navbar-default {
  border-color: #ffffff;
  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.15);
}

.sidebar {
  box-shadow: none;
}

@media(min-width:768px) {
	.sidebar {
	  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.15);
	}
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #999999;
/* 	background-color: #008cba; */
}

.navbar-top-links > li > a,
.navbar-default .navbar-nav > li > a {
  color: #555555;
}


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #272727;
  background-color: rgba(39, 39, 39, 0.9);
}

/* END NAVBAR TOP  */



/* SIDEBAR MENU BEGIN  */

.sidebar {
	background:  #008cba;
}

.sidebar-nav {
	background: #008cba;
}

#side-menu > li > a {
  margin-right: 1px;
  /* padding: 13px; */
  padding-left: 16px;
}

#side-menu > li > a:hover,
#side-menu > li.active > a {
color: #ffffff;
  background: #006687;
}
#side-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #f9f9f9;
}

.sidebar a {
color: #ffffff;
}

.sidebar  li .fa-fw {
	
	  width: 1.98571429em;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar ul li a.active {
   /* background-color: #eee;*/
      background: #006687;
    
}

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #006687;
}

.sidebar .arrow {
  float: right;
  padding-top: 3px;
  padding-right: 8px;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
  padding-left: 47px;
}

.sidebar .nav-third-level li a {
    padding-left: 52px;
}


.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #FFFFFF;
}

.nav-tabs > li > a:hover {
  color: #ffffff;
}

.sidebar a {
  font-size: 11px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 500;
}


.sidebar  .badge {
	
	background-color: #ffffff;
	color: #008cba;
	margin-left: 7px;
	vertical-align: baseline;
	font-size: 11px;
	margin-bottom: 0px;
}

/* END SIDEBAR MENU  */



/* DATEPICKER BEGIN */

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #008CBA;
  border-color: #285e8e;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #008CBA;
  border-color: #285e8e;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 0px; 
}

datepicker table tr td, .datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 0px;
  border: none;
}

.datepicker thead tr:first-child th, .datepicker tfoot tr th {
  cursor: pointer;
  padding-top: 5px;
}

.datepicker table tr td, .datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 0px;
  border: none;
}

.input-daterange input:last-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

/* END DATEPICKER */


.about , .about a{
	
	color: #cdcdcd;
	font-size: 10px;
	text-align: right;

	padding-bottom: 3px;
	padding-right: 15px;
}

.about.login, .about.login a {
	margin-top: -10px;
	margin-right: 0px;
		padding-right: 0px;
}



#tariffOptionActivate td label {
	  vertical-align: middle;
}


.paymentBlocks .btn {
	margin-right: 10px;
	margin-top: 10px;
	text-transform: none;
	font-size: 12px;
}

.paymentBlockLogo {
	width: 150px;
	height: 80px;
	background-size: contain;
}


.pagination-sm {
	margin: 0px;
}

.pagination-bottom {
	margin-top: -15px;
	float: right !important;
}

.pagination-top {
	text-align: right;
}

/*.panel {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 1px -2px rgba(0, 0, 0, .2), 0 1px 3px 0 rgba(0, 0, 0, .12)
}*/

.box-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) !important
}
.box-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12) !important
}
.box-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2) !important
}
.box-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2) !important
}
.box-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2) !important
}
.box-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2) !important
}


/* LOGIN */

.loginPanel {
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2) !important
}


body.loginPageBody {
	width: 100px;
	height: 100px;
	/*background: -webkit-linear-gradient(90deg, #16222A 10%, #3A6073 90%);
  background:    -moz-linear-gradient(90deg, #16222A 10%, #3A6073 90%); 
  background:     -ms-linear-gradient(90deg, #16222A 10%, #3A6073 90%); 
  background:      -o-linear-gradient(90deg, #16222A 10%, #3A6073 90%); 
  background:         linear-gradient(90deg, #16222A 10%, #3A6073 90%);*/
	background: #ffffff;
}

body.loginPageBody p {
	color: #CCC inherit;
}

body.loginPageBody .spacing {
	padding-top: 7px;
	padding-bottom: 7px;
}

body.loginPageBody .middlePage {
	width: 380px;
	height: 500px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

@media(max-height:600px) {
  body.loginPageBody .middlePage {
    height: auto;
  }
}

@media(max-width:768px) {
  body.loginPageBody .middlePage {
    	bottom: auto;
	}
}

body.loginPageBody .page-header {
	padding-bottom: 0px !important;
	
}

/* END LOGIN */


/* BUTTON IN DROPDOWN BEGIN */

.dropdown-menu > li > a {
    padding: 10px 15px;
}

.dropdown-menu > li > input[type="submit"] {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.4;
  color: #555555;
  white-space: nowrap;
}
.dropdown-menu > li > input[type="submit"]:hover,
.dropdown-menu > li > input[type="submit"]:focus {
  text-decoration: none;
  color: #262626;
  background-color: #eeeeee;
}
.dropdown-menu > .active > input[type="submit"],
.dropdown-menu > .active > input[type="submit"]:hover,
.dropdown-menu > .active > input[type="submit"]:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #008cba;
}
.dropdown-menu > .disabled > input[type="submit"],
.dropdown-menu > .disabled > input[type="submit"]:hover,
.dropdown-menu > .disabled > input[type="submit"]:focus {
  color: #999999;
}
.dropdown-menu > .disabled > input[type="submit"]:hover,
.dropdown-menu > .disabled > input[type="submit"]:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.btn-group .dropdown-toggle ~ .dropdown-menu > li > input[type="submit"] {
  background-color: rgba(0,0,0,0);
  border: 0px;
  padding: 10px 15px;
}

.btn-group .dropdown-toggle.btn-default ~ .dropdown-menu > li > input[type="submit"] {
  color: #333333;
}
.btn-group .dropdown-toggle.btn-default ~ .dropdown-menu > li > input[type="submit"]:hover {
  background-color: #d3d3d3;
}

.btn-group .dropdown-toggle.btn-primary ~ .dropdown-menu > li > input[type="submit"] {
  color: #ffffff;
}
.btn-group .dropdown-toggle.btn-primary ~ .dropdown-menu > li > input[type="submit"]:hover {
  background-color: #006d91;
}

.btn-group .dropdown-toggle.btn-success ~ .dropdown-menu > li > input[type="submit"] {
  color: #ffffff;
}
.btn-group .dropdown-toggle.btn-success ~ .dropdown-menu > li > input[type="submit"]:hover {
  background-color: #388f58;
}

.btn-group .dropdown-toggle.btn-info ~ .dropdown-menu > li > input[type="submit"] {
  color: #ffffff;
}
.btn-group .dropdown-toggle.btn-info ~ .dropdown-menu > li > input[type="submit"]:hover {
  background-color: #39b3d7;
}

.btn-group .dropdown-toggle.btn-warning ~ .dropdown-menu > li > input[type="submit"] {
  color: #ffffff;
}
.btn-group .dropdown-toggle.btn-warning ~ .dropdown-menu > li > input[type="submit"]:hover {
  background-color: #c17702;
}

.btn-group .dropdown-toggle.btn-danger ~ .dropdown-menu > li > input[type="submit"] {
  color: #ffffff;
}
.btn-group .dropdown-toggle.btn-danger ~ .dropdown-menu > li > input[type="submit"]:hover {
  background-color: #dc2c0f;
}
/* END BUTTON IN DROPDOWN */


.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: pointer;
}

.text-size{
  font-size: 20px;
}

.color-text{
  color: red;
}