@import url("company_dashboard.css");

/*body {
background-color: #F5F5F5;
}*/

.sidebar {
background-color: #F7f7f7;
}

.panel {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}

.list-group-item {
background-color: transparent;
border-left: none;
border-right: none;
border-top: none;
margin: 0;
}

.list-group-item:first-child, .list-group-item:last-child {
border-radius: 0;
}


.k-grid tr td:last-child {
white-space: nowrap;
}



.sidebar .glyphicon {
margin: 0 10px 0 0;
color: #aaa;
}

.navbar-inverse {
	
background-color: #189fc0;
border-color: #080808;
}

.navbar-inverse .navbar-brand {
color: #efefef;
}


.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
color: #fff;
background-color: transparent;
color: #555;
border-color: #ddd;
}

a.list-group-item {
color: #0077bc;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
display: block;
white-space: nowrap;

}

.list-group div a {
padding-left: 45px;
background-color: rgba(255,255,255,0.7);
border-color: #efefef;
}

.ra-well-title {
font-size: 1.2857em;
line-height: 1.2857em;
border-bottom: 1px solid #e7e7e7;
margin: -5px -19px 0.8333em;
padding: 0 19px 0.7222em;
}

.buttons-wrap {
border-top: 1px solid #e7e7e7;
padding-top: .5em;
text-align: right;
}

.btn-primary {
	border-color: #367fbd!important;
	background-color: #428bca!important;
	color: #FFF!important;
}

.btn-primary:hover {
	border-color: #295f8e;
	background-color: #3276b1;
}

.btn-success {
	border-color: #31B0D5!important;
	background-color: #31B0D5!important;
	color: #FFF!important;
}

.btn-success:hover {
	border-color: #31B0D5;
	background-color: #31B0D5;
}

.btn-info {
	border-color: #EC971F!important;
	background-color: #EC971F!important;
	color: #FFF!important;
}

.btn-info:hover {
	border-color: #EC971F;
	background-color: #EC971F;
}

.k-grid tr td {
width: 100px;
white-space: nowrap;
}

.k-grid tr th {
width: 100px;
}

.k-grid tr th:first-child, .k-grid tr td:first-child  {
width: 50px;
}

.k-dropdown-wrap.k-state-default {
padding: 2px 0 4px 0;
}

.k-window>div.k-popup-edit-form {
padding: 1em 0!important;
}

.k-window>div.k-popup-edit-form .k-edit-form-container .k-edit-buttons {
bottom: -1em;
}

/*.k-state-hover {
border-width: 1px; 
}
*/
/*.k-primary, .k-overflow-container .k-primary {
color: #fff;
border-color: #10c4b2;
background-image: none;
background-position: 50% 50%;
background-color: #10c4b2;
-webkit-box-shadow: none;
box-shadow: none;
}*/

.k-header h2 {
font-size: 1.2857em;
margin: 7px 0 5px 0;
}

.k-header .k-button {
float: right;
}

.k-grid-edit, .k-grid-Edit {
color: #fff;
border-color: #666;
background-color: #777;
}

.k-grid-edit:hover, .k-grid-Edit:hover {
background-color: #333;
color: #FFF;
}

.k-header .k-button.k-grid-add {
	color: #fff;
	background-color: #f7941c;
	margin-right: 11px;
	border-color: #ff7e00;
}

.k-edit, .k-add, .k-grid-delete:hover .k-delete, .k-update  {
background-image: url('Flat/sprite.png');
}

.k-cancel, .k-i-close  {
background-image: url('Default/sprite.png');
}

/*.k-i-close, .k-delete, .k-group-delete {
background-position: -32px -16px!important;
border: none!important;
padding: 2px!important;
}*/

.k-window-titlebar .k-window-action {
padding: 1px;
}



.k-grid-delete {
border-color: #adadad;
background-color: #ebebeb;
white-space: nowrap;
}

.k-grid-delete:hover {
background-color: #d9534f;
border-color: #d43f3a;
color: #fff;
}

.k-header .k-button.k-grid-add:hover {
background-color: #ff7e00;
}

div.k-window {
min-width: 645px!important;
}

.k-window-title {
left: 15px;

}

.k-edit-field {
padding: 5px 0 0 0;
}

.k-input[type="text"], .k-dropdown, .k-numeric-wrap.k-state-default {
width: 300px;
margin: 0 0 .6em;
}


.k-picker-wrap .k-input {
	padding: 6px 0;
    height: 34px;
    margin: 0!important;
}

.k-numeric-wrap.k-state-default .k-input[type="text"] {
width: auto;
}

.k-window-titlebar .k-window-actions {
right: 15px;
}

.k-window-actions .k-state-hover, .k-window-actions .k-state-hover:hover{
background: transparent!important;
border: none;
}
.k-state-hover, .k-state-hover:hover{
background: transparent!important;
}

.breadcrumb {
/*margin: 0 -15px 20px;*/
padding: 0;
background-color: #fff;
}

.k-widget, .k-widget * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.k-window .k-header {
height: 35px;
position: relative;
}

div[role=dialog].k-window-content {
overflow: hidden;
height: auto;
padding: 0!important;
}

div[role=dialog].k-window-content .k-dropdown {
width: 100%;
}

div.k-window-content .k-window-content {
height: 347px;
overflow: auto;
padding: 20px 0!important;
}

.k-edit-form-container {
width: 100%!important;
}

div[role=dialog].k-window-content .k-edit-form-container .k-edit-buttons {
bottom: 0;
}

.gridcell-right {
    text-align:right;
}

.bg-white {
margin: 20px -19px 0;
background-color: #fefefe;
padding: 20px;
}

#BookingBillingDetails {
padding-top: 20px;
}

.input-lge {
	width: 220px;
}

.input-med {
	width: 150px;
}

.input-sml {
	
	text-align:right;
	width: 100px;
}

.input-xsml {
  	width: 36px;
	text-align:right;
}

.table input[type=checkbox] {
display: block;
margin: 4px auto 0;
}

.form-horizontal .checkbox-inline {

margin-right: 20px;
margin-left: 0;
}

tfoot {
font-weight: bold;
}

.table-small {
	font-size: 12px;
}

.table-small .form-control {
	font-size: 12px;
	padding: 6px 5px;
}

.table-small>tbody>tr>td, .table-small>tfoot>tr>td {
  padding: 8px 2px;
}

.accordion-toggle {
	display: block;
    margin-right: 50px;
    margin: -10px 50px -10px 0;
    padding: 10px 0;
}

.accordion-toggle:hover {
	text-decoration: none;
}

.glyphicon-remove-circle:hover {
	cursor: pointer;
	color: #A90000;
}

.template {
    display:none;
}



/** print **/


@media print {
	
	body {
	padding-top: 10px;
	}
  body * {
    visibility:hidden;
  }
  
  .container-fluid {
    width: auto;
  }
  
  .sidebar {
  	display: none;
  }
  
  .main {
 	 margin: 0;
	 width: 100%;
  }
  
  .Registration, .Registration * {
    visibility:visible;
  }
  
  .Registration {
    position:absolute;
    left:0;
    top:0;
	font-size: 11px;
  }
  
/*  .Registration form input { 
  	border: none !important;
	background: transparent !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
  }*/
  
  .Registration .well {
  	border: none;
	padding: 0;
	marign: 0;
  }
  
  	.Registration .col-md-8 {
  		width: 66.66666667%;
		float: left;
	}
	
	.Registration .col-md-5 {
  		width: 41.66666667%;
		float: left;
	}
	
	.Registration .col-md-4 {
  		width: 33.33333333%;
		float: left;
	}
	
	.Registration .col-md-3 {
  		width: 25%;
		float: left;
	}
	
	.Registration .form-group {
  		margin-bottom: 5px;
	}
	
	.Registration .form-horizontal .control-label {
  		padding-top: 0;
	}
	
	.Registration .form-control {
	  	display: block;
	  	
	  	height: auto;
	  	padding: 0;
	  	font-size: 11px;
	  	line-height: 1.42857143;
	  	color: #555;
	  	border: none;
	  	border-radius: 0;
		background: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		outline: none;
		transition: none;
	}
	
	.Registration .k-header .k-button {
	  float: left;
	  border: none;
	  padding: 0;
	  margin: 0;
	}
	
	.Registration .k-multiselect .k-delete {
  		display: none;
	}
	
	.Registration .k-header .k-button:first-child:before {
		content: none;
	}
	
	.Registration .k-header .k-button:before {
		content: ', '
	}
	
	.Registration select  {
		-webkit-appearance: none;
   		-moz-appearance: none;
   		appearance: none;
	}
	
	.Registration textarea {
		resize: none;
	}
	
	.Registration #RegistrationDetails {
		width: 50%;
		  /*width: 58.33333333%;*/
	}
	
	.Registration #ExhibitingDetails {
		width: 50%;
		position:absolute;
		top: 0;
		right: 0;
	  
	}
	
	.Registration #RegistrationDetailsNotes {
		width: 50%;
		clear: left;
	  margin-top: 15px;
	  border-top: 1px solid #ddd;
	  padding-top: 15px;
	}
	
	
		
	
	#BookingDetails tr td:last-child {
		display: none;
	}
	#BookingDetails.table-small th {
	padding: 0 2px 8px;
	font-size: 9px;
	text-align:center;
	}
	#BookingDetails.table-small {
	font-size: 11px;
	}
	
	#BookingDetails .form-control {
		font-size: 10px;
	}
	
	
	.label-print {
	  background-color: #ccc!important;
  margin-top: -6px;
  margin-left: -1px;
  text-align: left!important;
  padding-left: 10px;
  margin-bottom: 5px!important;
  border: 1px solid #ccc;
}



.Registration .well-print {
	border: 1px solid #e3e3e3;
  padding: 0 0 10px 0;
    margin-bottom: 20px;
  margin-top: 5px;
  /*  margin-left: -15px;
  margin-right: -15px;*/
}

.Registration .well-print label {
	padding: 4px 8px 3px;
}

.Registration .well-print .form-group{
	clear: left;
	margin-left: 0;
	margin-right: 0;
	
}

.Registration .well-print .col-md-3, .Registration .well-print .col-xs-3 {
	width: 41.66666667%;
	float:left;
}

.Registration .well-print .col-xs-8, .Registration .well-print .col-xs-9 {
  width: 58.33333333%;
  float: left;
}

.Registration .well-print .col-xs-8, .Registration .well-print .col-md-7 {
  width: 58.33333333%;
  float: left;
}

.Registration .well-print .col-xs-12 {
	width: 100%!important;
}

.Registration .form-horizontal .checkbox-inline {
padding-top: 0;
margin-right: 0;
padding-left: 0;
}

.Registration .form-horizontal .checkbox-inline input[type=checkbox] {
	margin-top: 1px;
}

#BookingBillingDetails {
padding-top: 0;
}



#BookingDetails tbody tr:last-child {
display: none;
}

.Registration #BookingDetails .form-control.input-xsml {
	width: 18px;
}

.Registration #BookingDetails .form-control.input-sml {
	width: 55px;
}

.Registration #BookingDetails .form-control.input-med {
  width: 75px;
}

.Registration #BookingDetails select.form-control {
	width: 40px;
}

.Registration #BookingDetails select.form-control.input-lge {
	width: 205px;
}
}


/*.k-grid {
overflow-x: hidden;
overflow-x: auto;
}*/

/*** OLD *****/
/*body {
  padding-top: 50px;
  font-size:12px;
}

.navbar-inverse {
	background-color:#428BCA;
}

a.navbar-brand {

	color:#ffffff !important;

}

.sub-header {

  padding-bottom: 10px;

  border-bottom: 1px solid #eee;

}

.sidebar {

  display: none;

}

#accordion h4 a {

position: relative;

display: block;

}

a.collapsed.in .nav-arrow-bg,  a.collapse .nav-arrow-bg{

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

-o-transform: rotate(45deg);

-ms-transform: rotate(45deg);

transform: rotate(45deg);

}


a .nav-arrow-bg, a.collapsed.collapse .nav-arrow-bg {

-webkit-transition: -webkit-transform .5s cubic-bezier(.25,1,.25,1);

-moz-transition: -moz-transform .5s cubic-bezier(.25,1,.25,1);

-o-transition: -o-transform .5s cubic-bezier(.25,1,.25,1);

-ms-transition: -ms-transform .5s cubic-bezier(.25,1,.25,1);

display: block !important;

width: 20px;

height: 20px;

position: absolute;

top: 5px;

right: 0;

width: 3px;

background-color: #BDBDBD;

height: 8px;

-webkit-transform: rotate(-45deg) translate3d( 0, 0, 0);

-moz-transform: rotate(-45deg) translate( 0, 0);

-o-transform: rotate(-45deg) translate( 0, 0);

transform: rotate(-45deg) translate3d( 0, 0, 0);

}

	a .nav-arrow-bg .nav-arrow {

		content: '';

		-webkit-transform: rotate(90deg);

		-moz-transform: rotate(90deg);

		-o-transform: rotate(90deg);

		-ms-transform: rotate(90deg);

		transform: rotate(90deg);

		display: block !important;

		background-color: white;

		width: 4px;

		height: 10px;

		position: absolute;

		top: 3px;

		left: -3px;

		width: 3px;

		background-color: #bdbdbd;

		height: 8px;

	}

	

	.panel-apa {

	background-color: transparent;

	border-color: #f5f5f5;

	box-shadow: none;

	margin-bottom: 5px;

	}

	
@media (min-width: 768px) {

  .sidebar {

    position: fixed;

    top: 51px;

    bottom: 0;

    left: 0;

    z-index: 1000;

    display: block;

    padding: 20px;

    overflow-x: hidden;

    overflow-y: auto; 

    background-color: #f5f5f5;

    border-right: 1px solid #eee;

  }

}




.nav-sidebar {

  margin-right: -21px; 

  margin-bottom: 20px;

  margin-left: -20px;

}

.nav-sidebar > li > a {

  padding: 5px 20px;



}

.nav-sidebar > .active > a, .nav>li>a:hover, .nav>li>a:focus {

  color: #fff;

  background-color: #428bca;

}





.main {

  padding: 20px;

}

.form-control {

font-size: 12px;
height:auto;
padding:2px 3px;
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {

    margin-bottom: 0;

    margin-top: 0;

    padding-top: 2px;

}


.form-group.no-margin {

margin: 0;

}


.input-group.date, .input-group.datetime {

width: 135px;

display:inline;

}


input.datetimepicker {

	width: 135px !important;

	display:inline;

}

select {

min-width: 78px;

}



.input-group-addon {

	padding:0px 3px 5px 3px;

	display:inline;

}



#UAIAdminEditForm table tr td:nth-child(2) .form-control {

min-width: 200px;

}



.input-small {

width: 70px;

}



.input-medium {

width: 100px;

}



.align-right {

	text-align: right;

}



thead td {

white-space: nowrap;

}



#StaffLoginForm .form-control {

width: 100%

}







@media (min-width: 768px) {

  .main {

    padding-right: 40px;

    padding-left: 40px;

  }

}

.main .page-header {

  margin-top: 0;

}







body {

  padding-top: 40px;

  padding-bottom: 40px;

  background-color: #eee;

}



.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:4px;

}

	

tr.altrow {

	background-color:#f9f9f9;

}



tr.noborder td, tr.noborder th {

	border:0px !important;

} 

.nav-tabs > li > a {

	padding:3px 6px;

}



.tab-content {

	border-right: 1px solid #ddd;

	border-left: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	background-color:#fff;

	padding:5px;

}*/

table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }