@charset "UTF-8";

/*body { padding-top: 55px; }  This is needed since we use the fixed navbar at the top of the page */

.whitelink:link {
	color: #ffffff;
}

@media (min-width: 768px) { /* SM and bigger */
	.form-horizontal
	.control-label {
		text-align: left !important; /* This just looks better than the standard text-right in bootstrap original css */
	}
}

@media screen and (max-width: 767px) {
	.form-control {
		font-size: 16px; /* Förhindrar att safari/iphone zoomar när man klickar på en input */
	}
}

@media (min-width: 1536px) { /* SM and bigger */
	.info-div{
		position: fixed;
		right: 0px; 
		width: 600px; 
		height: 100%; 
		z-index: 200000;
		display: none;
	}
}

@media screen and (max-width: 1535px) { /* SM and bigger */
	.info-div{
		position: fixed;
		right: 0px; 
		width: 400px; 
		height: 100%; 
		z-index: 200000;
		display: none;
	}
}
html { min-height: 100%; } 
body { height: 100%; }


.grad {
    background: #0082D1;
    background: -webkit-linear-gradient(#0082D1, #7ee6ff);
    background: -o-linear-gradient(#0082D1, #7ee6ff);
    background: -moz-linear-gradient(#0082D1, #7ee6ff);
    background: linear-gradient(#0082D1, #7ee6ff);
}

.grace-warning{
	
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 40px;
	margin-bottom:50px;
	background: repeating-linear-gradient(135deg, #ffd88d, #ffd88d 10px, #e1c09f 10px, #e1c09f 20px);
	line-height: 40px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	z-index: 999999;
	opacity: 0.7;
	filter: alpha(opacity=70);
	
}

.customer-inactive-color{
	background: #B0E5FF;
}

.customer-button-submit{
	border-radius: 20px;
	border: 1px solid #000000;
	width: 80%;
	background: black;
	font-weight: bold;
	margin-left: 20%;
}

.customer-sync-submit {
	border-radius: 30px;
	background: #2ba5dc;
	color: #FFFFFF;
	font-size: 28px;
	width: 60%;
}

.customer-button-add{
	border-radius: 20px;
	border: 1px solid #000000;
	width: 80%;
	background: #00B5E1;
	color: black;
	font-weight: bold;
	margin-left: 20%;
}

.customer-select:focus{
	background: #FFFFFF;
}

.customer-input:focus{
	background: #FFFFFF;
}

.content-div{
	width: 80%;
	height: 100%;
	/*margin-left: 20%;*/
	margin-right: 20%;
}

.standard-margin{
	margin-left: 20%;
}

.glyphicon-remove{
	color: red;
}

.custom-login{
	position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.user-green{
	color: green;
}

.info-page{
	display: none;	
	left: 0px; 
	top: 5%; 
	width: 100%; 
	height: 100%; 
	background: #F5F5F5;
}

h3{
	margin-top: 0px;
	padding-top: 10px;
}

#error_info{
	
	padding-top: 50px;
	
}

.btn {margin-top: 4px; }
.btn {margin-bottom: 4px; }

.input-group-addon {
	width: 150px !important;
	padding-left: 5px;
	padding-right: 5px;
	color: grey;
	font-weight: bold;
	background: rgb(225,225,225);
	text-align: left;
}

.input-group-addon#search-addon {
	width: 1px !important;
	padding-left: 10px;
	padding-right: 10px;
	color: grey;
	font-weight: bold;
	background: #2A3536;
	text-align: left;
}

.input-group {
	height: 100%;
	width: 100%;
	max-width: 700px;
}

.form-group {
    margin-bottom: 4px;
}

.container-fluid {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.panel {
	border: 0px;
	margin: 0px;
}

.panel-header {
	background: #222222;
}

.panel-default>.panel-heading {
	background: #101B1C;
}

.panel-button {
	padding: 0;
}

.panel-group{
	padding: 15px;
}

.panel-title{
	font-size: 14px;
}

.navbar-default{
	background: #090F0F;
	
}

.navbar-header{
	
	
}

.navbar{
	min-height: 0px;
	margin-bottom: 0px;

}

.private-btn{
	background: #464545;
	
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.collapsing.width {
  -webkit-transition-property: width, visibility;
  transition-property: width, visibility;
  width: 0;
  height: auto;
}

/*Make Add new bowler button and party members to align*/
.new-bowler{
	
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.nav-button{
	border: 0px;
	background: #E0E0E0;
	color: #495454;
	font-weight: bold;
}

.close-page{
	top: 0px;
	margin: 0px;
	padding: 15px;
}

#column_header{
	background: #1C2829;
}

#addParty{
	margin-top: 10px;
	margin-bottom: 10px;
}

#searchParty{
	
	margin-top: 10px
}

#search_party_input_group{
	
	margin-bottom: 20px;
}

#deadparties{}

.canceled-party{
	color: #444444;
}

.party-number{
	color: rgb(145,145,145);
}

.party-time-added{
	margin-top:2px;
	font-size: 14px;
	color: rgb(145,145,145);
}

.icon-flipped {
	transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
}

.search_party{
	width: 100%;
	background: #2A3536;
}

.search_party:focus{
	background: White;
}

.grayscale {
       -webkit-filter: opacity(70%);
}

.navbar-header {
	float: none;
	
}
.navbar-left,.navbar-right {
	float: none !important;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-nav {
	float: none!important;
	margin-top: 7.5px;
}
.navbar-nav>li {
	float: none;
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.collapse.in{
	display:block !important;
}

/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(225,225,225);
  position: absolute;
  top: 50%;
  height: 100%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #285e8e;
}

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
  border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
  border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
  border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
  border-left: 10px solid #398439;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
  border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
  border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
  border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
  border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
  border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
  border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
  border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
  border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
  border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
  border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
  border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
  border-left: 10px solid #269abc;
}

#maincontent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	font-style: normal;
}

#topdiv {
	position: relative;
	width: 100%;
	height: 600px;
	background: url('../images/topdiv_bg.jpg') repeat-x;
	padding: 6px;
}

@media screen and (max-width: 1536px) {
	#topdiv {
		height: 400px;
		overflow: hidden;
	}
}

#toptext {
	position: absolute;
	margin: auto;  
	left:0;
	right: 0;
	top: 50px;
	width: 582px;
	height: 200px;
	text-align: center;
}

@media screen and (max-width: 1536px) {
	#toptext {
		top: 25px;
		width: 100%;
	}
}

#topimage {
	position: absolute;
	margin: auto;  
	left:0;
	right: 0;
	bottom: 0;
	width: 582px;
	height: 378px;
	background: url('../images/app_screenshot_center.png');
}

@media screen and (max-width: 1536px) {
	#topimage {
		background: url('../images/app-screenshot.png') no-repeat;
		background-position: center bottom;
		width: 254px;
		height: 189px;
	}
}

#bottomdiv {
	position: relative;
	width: 100%;
	color: #000000;
	text-align: center;
	background-color: #fff;
	padding: 6px;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	#bottomdiv {
		font-size: 25%;
		overflow: hidden;
	}
}

#continuebutton {
	margin-top: 15px;
	max-width: 445px;
}

select {
	-webkit-appearance:none;
}











/* NEW Party Info Page CSS Remove until Working */

#change_position{
	
	width: 43%;
	height: 10%;
	float: left;
	background: #25ACE3;
	margin-left: 5%;
	margin-top: 3%;
	
}

#send_sms{
	
	width: 43%;
	height: 10%;
	background: #1BCBB4;
	float: right;
	margin-right: 5%;
	margin-top: 3%;
	
}

#sms_history{
	background: #1BCBB4;
}

#remove_party{
	
	width: 43%;
	height: 5%;
	background: black;
	float: left;
	margin-left: 5%;
	margin-top: 3%;
	
}

#add_edit_bowlers{

	width: 43%;
	height: 5%;
	background: black;
	float: right;
	margin-right: 5%;
	margin-top: 3%;
	
}

#party_page_form{
	
	width: 90%;
	margin-top: 3%;
	margin-left: 5%;
	margin-right: 3%;
	float: left;
	border-top: 2px solid #DEDEDE;
	
}

#save_changes{
	
	width: 90%;
	height: 5%;
	background: #68A45A;
	margin-top: 3%;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
	
}

.full_info_button{
	
	width: 90%;
	height: 5%;
	background: #495454;
	margin-top: 3%;
	margin-left: 5%;
	margin-right: 3%;
	float: left;
	
}

.party_info_group{
	
	margin-top: 2%;
	
}

.info_glyph_left{
	
	float: left;
	margin-left: 5px;
	margin-top: 3px;
	
}

.info_text_right{
	
	margin-right: 5px;
	
}

.extra_top_margin{
	
	margin-top: 5%;
	
}

#party_page_form .form-control{
	
	height: 100%;
	
}

label{
	
	display: initial;
	
}

#id-div {
	font-size: 12px;
	margin-right: 5px;
}

#user-id-online {
	color: #00bc8c;
}

#user-id-offline {
	color: #00bc8c;
}

#change_list_button {
	border: 0px;
}

.btn-default {
	border: 0px!important;
}

/* Remove the border above the button where you choose lists */
.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {
    box-shadow: inset 0 0px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}