$screen-sm-min: 480px !default;
$screen-xs-max: $screen-sm-min - 1;
$screen-md-min: 820px !default;
$screen-sm-max: $screen-md-min - 1;
$screen-lg-min: 1200px !default;
$screen-md-max: $screen-lg-min - 1;

$container-xs: 90% !default;
$container-sm: 90% !default;
$container-md: 760px !default;
$container-lg: 1140px !default;


@mixin make-container() {
	position:relative;
	width:100%;
	border:0px;
	margin:0px auto;
	overflow:hidden;

  @media (max-width: $screen-xs-max) {
    width: $container-xs;
  }
  @media (min-width: $screen-sm-min) {
    width: $container-sm;
  }
  @media (min-width: $screen-md-min) {
    width: $container-md;
  }
  @media (min-width: $screen-lg-min) {
    width: $container-lg;
  }
}

@mixin clearfix() {
	&::after {
		display: table;
		content: " ";
		clear:both;
	}
}

.container {
	@include make-container();
	margin:0px auto;
	/*border: 1px solid red;*/
	@include clearfix();
}


.choice-panel {
	display: inline-block;
	margin: 10px;
	padding: 25px;
	text-align: center;

	cursor:pointer;
    background-color:#FFFFFF;
    border:2px solid #CECECE;
    color:#808080;

    &:hover {
        color:blue;
        border-color:blue;
        font-weight:bolder;
    }

	&.selected {
		font-weight: bolder;
        color:#000000;
        /*background-color:#AFAFFF;*/
        border:2px solid orange;
	}
}


.init-settings-page {
    padding: 25px 0px;

    h3 {
        padding: 20px 0px;        
    }

    .btn {
        margin: 20px 0px;
    }
}

.init-settings-layout {
    padding-top:78px;
}

.init-settings-jumbotron {
    /*background-color:#FFFFFF;*/
    /*border:1px solid #DEDEDE;*/
    color:#646464;
    font-size: 16px;
    padding:25px 0px;

    h2 {
        color:#464646;
    }
}

.toolbar-row .init-settings-jumbotron {
    padding: 0px 10px 15px 10px;
}

.signup-button-bar {
    button {
        margin:8px;
    }
}

.logout-div {
    padding: 10px 5px;
    text-align: right;

    a, a > i {
        font-weight: bolder;
        color: #989898;
    }

    a:hover {
        color:#242424;

        i {
            color:#242424;
        }
    }

}


.profile .pageTitle > .icon {
    color: #4f92ff;
}

.locale .pageTitle > .icon {
    color: #0052d8;
}

.tax .pageTitle > .icon {
    color: #b500f2;
}

.company .pageTitle > .icon {
    color: #ff6e00;
}

.customization .pageTitle > .icon {
    color: #e20f0f;
}