/*!

 * additional CSS
 * echodock@gmail.com

*/

@CHARSET "ISO-8859-1";

body{
	color: #606060;
}

.clear{
	clear: both;
}

.clear10{
	clear: both;
	margin-bottom: 10px;	
}
.clear15{
	clear: both;
	margin-bottom: 15px;
}
.clear20{
	clear: both;
	margin-bottom: 20px;
}
.clear30{
	clear: both;
	margin-bottom: 30px;
}

.absolut10{
	position: absolute;
	right: 10px;
	top: 10px;
}
.absolut20{
	position: absolute;
	right: 20px;
	top: 20px;
}
.absolut40{
	position: absolute;
	right: 20px;
	top: 40px;	
}
.absolut60{
	position: absolute;
	right: 20px;
	top: 60px;
}

.absolut80{
	position: absolute;
	right: 20px;
	top: 80px;
}

.absolut100{
	position: absolute;
	right: 20px;
	top: 100px;
}

.position-center{
	display: block;
	margin: 0 auto;
}
.position-left{
	float: left;
}
.position-right{
	float: right;
}

.margin5{
	margin: 5px;	
}
.margin10{
	margin: 10px;	
}
.marginleft5{
	margin-left: 5px;
}	
.marginleft10{
	margin-left: 10px;
}
.marginleft20{
	margin-left: 20px;
}
.marginright5{
	margin-right: 5px;
}
.marginright10{
	margin-right: 10px;
}
.marginright20{
	margin-right: 20px;
}
.margintop5{
	margin-top: 5px;
}	
.margintop10{
	margin-top: 10px;
}
.margintop15{
	margin-top: 15px;
}
.margintop20{
	margin-top: 20px;
}
.margintop30{
	margin-top: 30px;
}
.marginbottom5{
	margin-bottom: 5px;
}	
.marginbottom10{
	margin-bottom: 10px;
}
.marginbottom15{
	margin-bottom: 15px;
}
.marginbottom20{
	margin-bottom: 20px;
}
.paddingbottom20{
	padding-bottom: 20px;
}
.paddingtop20{
	padding-top: 20px;
}

.padding5{
	padding: 5px;
}
.padding10{
	padding: 10px;
}
.padding20{
	padding: 20px;
}
.padding30{
	padding: 30px;
}

strong{
	font-weight: 500;
}

/*! ---------  Additional css for bootstrap.css and font-awesome.css ---------- */
body{
	font-size: 12px;
	background: url("../images/tiny_grid.png") repeat;
    font-weight: 300;
}
*{
	font-family: 'Open Sans', sans-serif;
}
a {
	transition:background 0.2s;
	-moz-transition:background 0.2s;
	-webkit-transition:background 0.2s;
	-o-transition:background 0.2s;
}

label {
    color: #999999;
    display: block;
    font-weight: 500;
    padding: 0;
    margin-bottom: 5px;
    white-space: nowrap;
    font-size: 11px;
}

.nav-pills > li > a {
    color: #b4c6da;
    border-bottom: 1px solid #374c64;    
}

.nav > li > a {
    padding: 12px 8px;
}
.nav > li > a > i {
    display: inline-block;
    font-size: 18px;
    margin: 0 10px;
    text-align: center;
    width: 30px;
}
.btn-xs, .btn-group-xs > .btn > .fa{
	padding: 3px 5px;
	font-size: 10px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #253343;
  border-radius: 0;
  border-left: 4px solid #3498DB;
}
.nav-stacked > li + li {
    margin-top: 0;
}

.help-block > ul > li{
	color: red;
}
.control-group,
.controls {
	padding: 0;
	margin: 0;
}
.input-group-addon.group-danger{
  background-color: #eca9a7;
}
.input-group-addon.group-warning {
  background-color: #f7d6a6;
}
.input-group-addon.group-info {
  background-color: #addfee;
}
.input-group-addon.group-success {
  background-color: #addbad;
}
.input-group-addon {
    padding: 6px 8px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: rgb(204, 204, 204);
    border-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-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 {
    padding: 10px 7px;
    vertical-align: top;
}
.table > thead{
	background: #ebebeb;	
}
.borderless tbody tr td, .borderless thead tr th {
	border: none;
	padding: 4px 2px;
}

.borderall{
	border: 1px solid #dddddd;
}
.table .borderleft{
	border-left: 1px solid #dddddd;
}
.table .borderright{
	border-right: 1px solid #dddddd;
}
.table .bordertop{
	border-top: 1px solid #dddddd;
}
.table .borderbottom{
	border-bottom: 1px solid #dddddd;
}
.table .noborder{
	border: none;
}


.panel-heading{
	font-size: 20px;
	font-weight: 500;
}

.bs-callout {
    border-left: 3px solid #EEEEEE;
    margin: 10px 0px;
    padding: 15px;
    position: relative;
    color: #606060;
}
.bs-callout h1{
	font-size: 40px;
	font-weight: 500;
	margin: 0;
}
.bs-callout h4 {
    margin-bottom: 5px;
    margin-top: 0;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    background-color: #FFFFFF;
    border-radius: 3px;
}
.bs-callout-danger {
    background-color: #FDF7F7;
    border-color: #D9534F;
}
.bs-callout-danger h4 {
    color: #D9534F;
}
.bs-callout-warning {
    background-color: #FCF8F2;
    border-color: #F0AD4E;
}
.bs-callout-warning h4 {
    color: #F0AD4E;
}
.bs-callout-info {
    background-color: #ecf6fb;
    border-color: #5BC0DE;
}
.bs-callout-info h4 {
    color: #5BC0DE;
}
.bs-callout-success {
    background-color: #eff7eb;
    border-color: #5cb85c;
}
.bs-callout-success h4{
    color: #5cb85c;
}

.voucher-item{
    position: relative;
    color: #606060;
    margin-bottom: 10px;
}
.voucher-item .title{
    font-size: 20px;
    font-weight: 500;
    padding: 5px 15px;
    top: 0;
    float: left;
    width: auto;
    min-width: 100px;
    height: 100%;
    background: #f0ad4e;
    text-align: center;
    color: #996d2e;
    clear: both;
}
.voucher-item .body{
    background : #FCF8F2;
    padding: 15px 10px;
    border-top: 2px solid #f0ad4e; 
}
.voucher-item .delete a{
    font-size: 12px;
    font-weight: 500;
    float: right;
    color: #db3434;
    line-height: 35px;
}

td, th {
    padding: 5px;
    vertical-align: middle;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.fa {
	font-size: 14px;
}
.fa i{
	width:30px;
	text-align: center;
}

.btn-lg, .btn-group-lg > .btn {
    border-radius: 2px;
}
.input-group .form-control {
	border: 1px solid #cccccc;
	color: #908F8B;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  border-radius: 2px;
}
/*! --------------------------------------------------------------------------- */

#header{
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	}
	
.header_logo{
	float: left;
	width: 15%;
	height: 50px;
	padding: 0 20px;
	text-align: left;
	font-size: 28px;
	font-weight: 500;
	color: #ffffff;
	background: url("../images/vois-logo.png") no-repeat center #212236;
	}
	
.header_bar{
	float: left;
	width: 85%;
	height: 50px;
	text-align: left;
	font-size: 14px;
	background: #2e4054;
	color: #ffffff;
	line-height: 40px;
	}

.header_bar_title{
	float: left;
	padding: 0 20px;
	text-align: left;
	}

.statusbar{
	width: 100%;
	height: 20px;
	line-height:18px;
	background: #3498DB;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
	color: #ffffff;
	}
.topbar-user a{
	color: #ffffff;
	margin-top: 5px;
	}
.header_bar nav ul li {
	margin: 10px;
	}
.nav .dropdown .dropdown-toggle{
	padding: 0px 10px;
	}	
.dropdown-user{
	width: 100px;
	margin-top: 0;
}
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
}
.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-user ul{
	padding: 0;
}
.dropdown-user li a{
	padding: 10px 20px;
}
.dropdown-user li a:hover{
	background: #cccccc;
}
.login_status{
	width: 350px;
	padding: 0 20px;
	color: #ffffff;
	float: right;
	text-align: right;
	}
.search{
	margin-top: 10px;
}
.search input{
	border: none;
	}

.scrolling {
    position: fixed;
    top: 0;
}
hr{
	border-color: #cccccc;
}
#sidebar
#navigationleft{
	width: 15%;
	min-height: 100%;
	position: absolute;
	float: left;	
	padding: 20px 0 40px;
	background-color: #2e4054;
}
nav {
	width: auto;
}
nav ul {
	list-style:none;
	margin:0;
	padding:0;	
}
nav ul li {
	position:relative;
}
nav a {
	color:#e8e8e8;
	display:block;
	text-decoration:none;
	width: 100%;
}
nav ul li:hover ul {
	display:block;
}
nav ul ul {
	position:absolute;
	left:100%;
	top:0;
	display:none;
	z-index: 999999;
    background: #253343;
    width: auto;
    min-width: 150px;
}
nav ul ul li {
	width: auto;
	white-space:nowrap;
	border-top:0;
    margin: 0;
    border-bottom: 1px solid #2e4054;    
}

nav ul ul li a {
	color:#B4C6DA;
	text-transform:none;
	font-size: 10px;
	padding: 10px 15px;
}
nav ul ul li a .fa {
	font-size: 14px;
	margin-right: 8px;
}
nav ul ul li a span{
	font-size: 12px;
}
nav ul ul li:hover {
	background-color: #19222d;
	border-left: 3px solid #3498DB;
}
nav ul ul li a:hover {	
	color:#e8e8e8;
	text-decoration:none;
}
nav .parent:after {
	color: #b4c6da;
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 14px;
    position: absolute;
    right: 16px;
    top: 12px;
}
.nav_bigbutton{
	margin: 0 auto;
	margin-bottom: 20px;
	display: block;
	width: 160px;
}
.nav_bigbutton a{
	font-size: 14px;
}
#right_container{
	width: 85%;
	padding: 20px;
	float: left;
	margin-left: 15%;
}

#right_container .row{
	padding: 0;
	margin: 0;
}

.numbering{
	font-size: 40px;
	font-weight: 500;
	color: #F0AD4E;
}

.col_input{
	padding: 0;
	margin: 0px 0px 10px 10px;
	height: auto;
	min-height: 20px;
	width: auto;
	float: left;
}
.col_input_text{
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	font-weight: 500;
	height: auto;	
}

.text-sm{
	font-size: 90%;
}
.text-md{
	font-size: 120%;
}
.text-lg{
	font-size: 200%;
}
.text-bold{
	font-weight: 500;
}
.text-grey{
	color: #999999;
}
	
.item_block{
	padding: 10px 10px 20px 10px;
	margin: 20px 0;
	border-left: 3px solid #5BC0DE;
	background-color: #F4F8FA;
}
.item_block h4 {
    margin-bottom: 10px;
    margin-top: 0;
    color: #5BC0DE;
}
.item_block_yellow{
    background-color: #FCF8F2;
    border-color: #F0AD4E;
}
.item_block_yellow h4 {
    margin-bottom: 10px;
    margin-top: 0;
    color: #F0AD4E;
}
.item_block_red{
    background-color: #FDF7F7;
    border-color: #D9534F;
}
.item_block_red h4 {
    margin-bottom: 10px;
    margin-top: 0;
    color: #D9534F;
}
.title-child{
	color: #777777;	
}
.title-child span{
	margin-right:15px;
}

.sum{
	border-left: 3px solid #EEEEEE;
    margin: 10px 0px;
    padding: 15px;
    position: relative;
    color: #606060;
    text-align: right;
}
.sum h1{
	font-size: 40px;
    margin: 0;
}
.sum i{
	float: left;
	font-size: 50px;	
	line-height: 60px;
}
.sum span {
    color: #A5A5A5;
    font-size: 10px;
    text-transform: uppercase;
}
.sum a{
	color: inherit;	
}
.sum a:HOVER, a:ACTIVE{
	color: #d9534f;
	text-decoration: none;	
}
.sum-success {
    background-color: #eff7eb;
    border-color: #5cb85c;
}
.sum-info {
    background-color: #ecf6fb;
    border-color: #5BC0DE;
}
.sum-danger {
    background-color: #f2dede;
    border-color: #d9534f;
}

.pagination {
  margin: 10px 0;
}
.paging{
	float: right;
	width: auto;
	min-width: 500px;
}
.pagetext{
	float: right;
	margin: 20px 0;	
	color: #777777;
}
.pagepanel{
	float: right;
	margin-left: 20px;
}
#footer {
    bottom: 0;
    height: 22px;
    line-height: 16px;
    padding: 3px 10px;
    position: fixed;
    width: 100%;
    background: #e6e6e6;
    border-top: 1px solid #dddddd;
    z-index: 9999;
}
.table .v-middle{
	vertical-align: middle;
}
#suggesstion-box{
	position: absolute; 
	background: #f2dede;
	z-index: 99999;
}