/* Sticky footer styles
 -------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}
body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
	background-color:transparent;
	font-size: 12px;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	background-color: #f5f5f5;
}

/* Custom page CSS
 -------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
	padding: 60px 15px 30px;
}
.container .text-muted {
	margin: 20px 0;
}

.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}

code {
	font-size: 80%;
}

.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox {
	margin-bottom: 10px;
}
.form-signin .checkbox {
	font-weight: normal;
}
/*
.form-signin .form-control {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form-signin .form-control:focus {
	z-index: 2;
}
*/
.form-signin input[type="text"] {
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.account-wall {
	margin-top: 20px;
	padding: 40px 0px 20px 0px;
	background-color: #f7f7f7;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.login-title {
	color: #555;
	font-size: 18px;
	font-weight: 400;
	display: block;
}
.profile-img {
	width: 120px;
	height: 120px;
	margin: 0 auto 10px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.need-help {
	margin-top: 10px;
}
.new-account {
	display: block;
	margin-top: 10px;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.col-fixed {
    /* custom width */
    width:320px;
}
.col-min {
    /* custom min width */
    min-width:320px;
}
.col-max {
    /* custom max width */
    max-width:320px;
}

/* Loading GIF
 -------------------------------------------------- */

/* Absolute Center CSS Spinner */
.loading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.loadingIMG {
	width: 128px;
	height: 128px;
	position: fixed;
	z-index: 1000;
	left: 50%;
	top: 50%;
	margin-left: -64px;
	margin-top: -64px;
}


.loadingTEXT {
    width: 160px;
    position: absolute;
    z-index: 1000;
    left: 50%;
    top: 50%;
    margin-left: -80px;
    margin-top: -80px;
}

/* Transparent Overlay */
.loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
/* hide "loading..." text */
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}

.dropdown-submenu {
	position: relative;
}
.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}
/*.dropdown-submenu:hover>.dropdown-menu{display:block;}*/
.dropdown-submenu > a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
	border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

/*Wizard */

.bwizard-steps {
		display: inline-block;
		margin: 0; padding: 0;
		background: #fff
}

.bwizard-steps .active {
		color: #fff;
		background: #007ACC;
}

.bwizard-steps .active:after {
		border-left-color: #007ACC 
}

.bwizard-steps .active a {
		color: #fff;
		cursor: default 
}

.bwizard-steps .label {
		position: relative;
		top: -1px;
		margin: 0 5px 0 0; padding: 1px 5px 2px 
}

.bwizard-steps .active .label {
		background-color: #333;
}

.bwizard-steps li {
		display: inline-block; position: relative;
		margin-right: 5px;
		padding: 12px 17px 10px 30px;
		*display: inline;
		*padding-left: 17px;
		background: #efefef;
		line-height: 18px;
		list-style: none;
		zoom: 1; 
}

.bwizard-steps li:first-child {
		padding-left: 12px;
		-moz-border-radius: 4px 0 0 4px;
		-webkit-border-radius: 4px 0 0 4px;
		border-radius: 4px 0 0 4px; 
}

.bwizard-steps li:first-child:before {
		border: none 
}

.bwizard-steps li:last-child {
		margin-right: 0;
		-moz-border-radius: 0 4px 4px 0;
		-webkit-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0; 
}

.bwizard-steps li:last-child:after {
		border: none 
}

.bwizard-steps li:before {
		position: absolute;
		left: 0; top: 0;
		height: 0; width: 0;
		border-bottom: 20px inset transparent;
		border-left: 20px solid #fff;
		border-top: 20px inset transparent;
		content: "";
}

.bwizard-steps li:after {
		position: absolute;
		right: -20px; top: 0;
		height: 0; width: 0;
		border-bottom: 20px inset transparent;
		border-left: 20px solid #efefef;
		border-top: 20px inset transparent;
		content: "";
		z-index: 2; 
}

.bwizard-steps a {
		color: #333;
}

.bwizard-steps a:hover {
		text-decoration: none;
}

.bwizard-steps.clickable li:not(.active) {
		cursor: pointer;
}

.bwizard-steps.clickable li:hover:not(.active) {
	background: #ccc;
}

.bwizard-steps.clickable li:hover:not(.active):after {
		border-left-color: #ccc;
}

.bwizard-steps.clickable li:hover:not(.active) a {
		color: #08c;
}

@media (max-width: 480px) {
		/* badges only on small screens */
		.bwizard-steps li:after, .bwizard-steps li:before {
			border: none;
		}
		.bwizard-steps li, .bwizard-steps li.active, .bwizard-steps li:first-child, .bwizard-steps li:last-child {
			margin-right: 0;
			padding: 0;
			background-color: transparent;
		}
}

.wizard-container{
    z-index: 3;
}
.wizard-card{
    min-height: 410px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    border: 1px solid transparent;
    border-color: #bce8f1;
}

.wizard-card .wizard-control {
    height: 42px;
    border: 1px solid #ddd;
    margin-bottom: -1px;
    padding: 10px;
    background-color: #fafafa;
    background: #efefef;
    background: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#efefef));
    background: -webkit-linear-gradient(top,#fafafa,#efefef);
    background: -moz-linear-gradient(top,#fafafa,#efefef);
    background: -o-linear-gradient(top,#fafafa,#efefef);
    background: -ms-linear-gradient(top,#fafafa,#efefef);
    background: linear-gradient(top,#fafafa,#efefef);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    overflow: hidden
}

.wizard-card .wizard-control .wizard-icon {
    float: right;
    margin-top: 1px
}
.wizard-card .wizard-control .wizard-icon i {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    opacity: .4
}
.wizard-card .wizard-control .wizard-icon i:hover {
    opacity: .8
}
.wizard-card .wizard-control .wizard-icon a {
    margin: 0 5px
}

.wizard-card .picture-container{
    position: relative;
    cursor: pointer;
    text-align: center;
}
.wizard-card .picture{
    width: 106px;
    height: 106px;
    background-color: #999999;
    border: 4px solid #CCCCCC;
    color: #FFFFFF;
    border-radius: 50%;
    margin: 5px auto;
    overflow: hidden;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.wizard-card .picture:hover{
    border-color: #2ca8ff;
}
.wizard-card.ct-wizard-green .picture:hover{
    border-color: #05ae0e;
}
.wizard-card.ct-wizard-blue .picture:hover{
    border-color: #3472f7;
}
.wizard-card.ct-wizard-orange .picture:hover{
    border-color: #ff9500;
}
.wizard-card.ct-wizard-red .picture:hover{
    border-color: #ff3b30;
}
.wizard-card .picture input[type="file"] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
}

.wizard-card .picture-src{
    width: 100%;
    
}
.wizard-card .tab-content{
    min-height: 340px;
    padding: 20px 10px;
}

.wizard-card .wizard-footer{
    padding: 0 10px;
    margin-bottom: 20px;
}

/*
.wizard-card .disabled{
    display: none;
}*/

.wizard-card .wizard-header h3{
    font-weight: 200;
    text-align: center;
}
.wizard-card > ul > li{
    text-align: center;
   	border: 1px solid #bce8f1!important;	
}
.wizard-card > ul > li a {
    border: 0 !important;
    text-transform: uppercase;
    background-color: #DDDDDD;
    color: #777 !important;
    font-size: 12px;
}
.wizard-card.ct-wizard-green > ul > li.active a{
    background-color: #05ae0e;
}
.wizard-card.ct-wizard-blue > ul > li.active a{
    background-color: #3472f7;
}
.wizard-card.ct-wizard-orange > ul > li.active a{
    background-color: #ff9500;
}
.wizard-card.ct-wizard-red > ul > li.active a{
    background-color: #ff3b30;
}

.wizard-card > ul > li > a:hover, .wizard-card > ul > li > a:focus{
    background-color: #999999;
    cursor: default;
} 
.wizard-card .btn{
    text-transform: uppercase;
}
.wizard-card .nav-pills > li:first-child > a {
    border-radius: 0;
    margin: 0;
}
.wizard-card .nav-pills > li:last-child > a{
    border-radius: 0;
}
.wizard-card .info-text{
    text-align: center;
    font-weight: 300;
    margin: 10px 0 30px;
}
.choice{
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
}
.choice .icon{
   text-align: center;
   vertical-align: middle;
   height: 100px;
   width: 100px;
   border-radius: 5px;
   background-color: #999999;
   color: #FFFFFF;
   margin: 0 auto 20px;
   border: 4px solid #CCCCCC;
   transition: all 0.2s;
   -webkit-transition: all 0.2s;
}
.choice i{
    font-size: 30px;
    line-height: 111px;
}

.choice .icon span{
    font-size: 30px;
    line-height: 70px;
}

.choice:hover .icon, .wizard-card .choice.active .icon{
    border-color: #2ca8ff;
}
.ct-wizard-blue .choice:hover .icon, .ct-wizard-blue .choice.active .icon{
    border-color: #3472f7;
}
.ct-wizard-green .choice:hover .icon, .ct-wizard-green .choice.active .icon{
    border-color: #05ae0e;
}
.ct-wizard-orange .choice:hover .icon, .ct-wizard-orange .choice.active .icon{
    border-color: #ff9500;
}
.ct-wizard-red .choice:hover .icon, .ct-wizard-red .choice.active .icon{
    border-color: #ff3b30;
}

 .choice input[type="radio"]{
    position: absolute;
    left: -10000px;
    z-index: -1;
}
.wizard-card .btn-finish{
    display: none;
}

.wizard-card .description{
    color: #999999;
    font-size: 14px;
}
       
.icon-box {
    border: 1px solid #ddd;
    padding: 15px 0 0 0;
    font-size: 10px;
    border-radius: 2px;
    display: block;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6);
    text-align: center;
    background-color: #fefefe;
}

.icon-box i {
    font-size: 20px;
}

.btn-xs i {
    font-size: 18px;
    margin-top: 2px;
}

.btn-xs p{
    font-size: 12px;
    margin: 0px;
    text-transform: none;
}

/* Input File */

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.hrtext {
   padding: 0;
        border: none;
        border-top: 1px solid #CCC;
        color: #333;
        text-align: center;
        font-size: 12px;
        vertical-align:middle; 
}

.hrtext:after {
content: "Or";
        display: inline-block;
        position: relative;
        top: -0.7em;
        font-size: 1.2em;
        padding: 0 0.25em;
        background: white;    
}

.panel-control {
    margin-bottom: -1px;
    padding: 10px;
    background-color: #fafafa;
    background: #efefef;
    background: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#efefef));
    background: -webkit-linear-gradient(top,#fafafa,#efefef);
    background: -moz-linear-gradient(top,#fafafa,#efefef);
    background: -o-linear-gradient(top,#fafafa,#efefef);
    background: -ms-linear-gradient(top,#fafafa,#efefef);
    background: linear-gradient(top,#fafafa,#efefef);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    overflow: hidden;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}


.panel-control .wizard-icon {
    float: right;
    margin-top: 1px
}
.panel-control .wizard-icon i {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    opacity: .4
}
.panel-control .wizard-icon i:hover {
    opacity: .8
}
.panel-control .wizard-icon a {
    margin: 0 5px
}

.col1Target {
    width: 210px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.col2Target {
    width: 210px;
    padding-right: 10px;
    float: left;
}
.colInput {
    width: 105px;
    padding-right: 5px;
    float: left;
}

.target-cds-container .target-cds:not(:last-child){
    padding-bottom:5px;
}

.btn-execute {
    width: 100%;
    border-radius:0px;
}

.table-fixed thead {
  width: 97%;
}
.table-fixed tbody {
  height: 230px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
}

label[for=timeframe]{
  font-weight: normal;
}


