/*Survey Css*/
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  /*margin-bottom: 100px; */
  font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Open Sans', sans-serif;	
}


.spacer-m{
	display: block;
	height: 40px;
}

.spacer-s{
    display: block;
    height: 20px;
}


/*Nav Bar*/
.navbar-inverse{
	background-color: #000;
	color: #b5b5b5;
	font-size: 16px;
	line-height: 36px;
}


.navbar-inverse .list-inline{
	margin-bottom: 0;

}

.navbar-inverse .list-inline li a:hover,
.navbar-inverse .list-inline li a:active{
	color: #ee1d25;
}

.list-inline>li{
    font-size: 15px;
}

.navbar-inverse .list-inline li a{
	color: #b5b5b5;
	font-family: 'Open Sans', sans-serif; 
    text-align: left;
}

.navbar-inverse .list-inline li.dropdown ul li a {
    color: #333;
}

.dropdown-menu{
    background: #eaeaea;
}

.navbar-default{
	background-color: #ffffff;
	border-bottom: 1px solid #e5e5e5;
	border-right: none !important;
	border-left: none !important;
	border-top: none !important;
}

.navbar-default .navbar-nav li a{
	background-color: transparent;
	font-size: 15px;    
    color: #5a5a5a;
    font-weight: 600;
}

.navbar-default .navbar-nav .active a,
.navbar-default .navbar-nav .active a:focus,
.navbar-default .navbar-nav .active a:hover{
	background-color: transparent;
	color: #ee1d25;
    font-size: 15px;
    font-weight: bold;	
}

.logo img{
	width: 100%;
}

/*footer*/
.footer{
	text-align: center;
	/*position: absolute;
	bottom: 0;    */
	width: 100%;
    margin-top: 30px;
}

.footer-content{
	background-color: #020202;
	/*padding-top: 8px;
	padding-bottom: 8px;*/
	text-align: center;
}

.footer-top{
    padding: 25px 0 10px;
    border-bottom: 1px solid #2d2c2c;
}

.footer-top ul li a{
    color: #cacaca;
}

.footer-top ul li a:hover{
    color: #fff;
}

.footer-bottom{
    color: #cacaca;
    padding: 25px 0 20px;
}

.footer-bottom a{
    color: #cacaca;
}

.footer-grey ul.list-inline{
	margin-bottom: 0 !important;
	margin-left: 0;
}

.footer-grey ul.list-inline li{
	font-size: 18px;
	color: #000;
	padding-left: 0;
	padding-right: 0;
}

.login-box{
    min-height: 400px;
}

.login-page .footer{
    /*position: absolute;
    bottom: 0;*/
}

.login-page, .register-page {
    background: transparent;
}

.login-box-body, .register-box-body{
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 20px #dedede;
}

.login-page .navbar{
    min-height: 0;
}

.login-page .navbar-inverse .list-inline li a{
    font-size: 14px;
}

.login-page .navbar-inverse .list-inline li a.login-link{
    background: #ee1c25;
    color: #fff;
    padding: 5px 17px;
    border-radius: 25px;
}

.btn-primary, .btn-primary:hover {
    background-color: #ee1c25;
    border-color: #ee1c25;
}

.content-wrapper{
	background-color: #fff !important;
}


.content-front .content h1
{
	/*font-family: 'Roboto Slab', serif;*/
	font-size:34px;
}

.content-front .content-header h1
{
	/*font-family: 'Roboto Slab', serif;*/
	font-size:26px;
	color: #ff0000;
	text-transform: uppercase;
}

.content-front .content-header .create-steps
{
	background: transparent none repeat scroll 0 0;
    border-radius: 2px;
    float: right;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 7px 5px;
    position: absolute;
    right: 10px;
    top: 15px;
}
.content-front .content-header .create-steps ol li
{
	display:inline-block;
	/*font-family: 'Roboto Slab', serif;*/
	font-size:14px;
	margin-left:20px;
	font-weight:400;
	color:#7A7A7A;
}

.content-front .content-header .create-steps ol li.active
{
	color:#171717;
}

.content-front .btn-lg
{
	/*font-family: 'Roboto Slab', serif;*/
}

#btn-preview{
	padding: 10px 16px;
	font-size: 18px;
}

.arrow-bm:before{
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-bottom-color: #0000ff;
    border-width: 30px 15px;
    margin-left: -13px;
}


.other-answers, .texttype-answers
{
	max-height:320px;
	overflow-y:auto;
}

.other-answers ul li, .texttype-answers ul li
{
	font-size:18px;
	margin:6px 0px;
}
.other-answers ul, .texttype-answers ul
{
	list-style: disc;
}

#telnum-select{
	text-align-last:center;
}

.notification-wrapper{
    text-align: center;
    padding: 15px;
    background: #ec5e5e;
    color: #fff;
    border: 1px solid #ef4444;
}

.notification-wrapper p{
    margin-bottom: 0;
}

.notification-wrapper a{
    color: #fff;
    text-decoration: underline;
}

.invitations-wrapper{
    text-align: center;
    margin: 5em 0 10em;
    font-size: 20px;
    background: #f7f7f7;
    padding: 3em 0;
    border: 1px solid #e4e4e4;
}

.btn-submit-wrap{
    margin-top: 30px; 
}

.btn-submit-wrap input[type="submit"]{
    font-size: 20px;
}

.alert-notification .alert-success{
    color: #3c763d!important;
    background-color: #dff0d8!important;
    border-color: #d6e9c6; 
}

.alert-notification .alert-success a{
    text-decoration: none;
}

.thank-you-wrapper{     
    margin: 5em 0 10em;
    font-size: 20px;
    background: #f7f7f7;
    padding: 2em 0 4em 3em;
    border: 1px solid #e4e4e4;
}

.thank-you-wrapper h2,
.thank-you-wrapper a{
    color: #ee1c25; 
}

/* added 05-15-2018 */
.default-col {
	width: 15% !important;
}
.client-survey-list-header.content-header>.breadcrumb {
	top: 55px;
}

.choose-template {
	margin-top: 50px;
	padding-left: 15px;
}
.choose-template .row:last-child {
	margin-top: 20px;
}
.rate-label .not-applicable {
    font-size: 11px;
}
.answer-rate-button.na-button {
	/*margin-top: 15px;*/
	position: absolute;
	left: 0;
	top: 65px;
}
.bottom-border {
	padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ee1d25;
}
.line-graph-note {
    font-size: 11px;
    color: #666666;
}
.content-wrapper table td a {
	word-break: break-all;
}
@media (min-width: 768px){

	.nav-row{
		position: relative;
	}
	.nav-row .col-md-9{
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.logo-row{
		margin-top: 15px;
		margin-bottom: 30px;
	}	

	.navbar-nav li{
		border-bottom: 2px red solid;
		padding: 0 0 30px;
		margin: 0 5px;
	}

	.navbar-nav li:last-of-type{
		margin-right: 0;
	}

	.navbar-nav li a {
	    padding: 0 !important;
	}
	
}




@media (max-width: 767px){	

	.footer-grey {
	    padding-top: 5px;
	    padding-bottom: 5px;
	}

	.footer-grey ul.list-inline li{
		font-size: 16px;
	}

	/*Nav bar*/
	.navbar-inverse .container{
		padding-left: 0;
		padding-right: 0;
	}	

	.nav-row .col-md-9,
	.nav-row .col-md-3{
		padding-left:0;
		padding-right: 0;
	}

	.logo-row{
		margin-top: 0;
		margin-bottom: 0;
	}	

	.navbar-header{
		margin: 10px;
	}
	
	#survey-page-container .col-md-4{ 
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
	}
	#survey-page-container .pull-right{ 
		float: left!important;
	}
	
	.button-compiling .btn-danger, 
	#customer_database_form .btn-danger,
	.generate-email-button .btn-danger{
		width: 100%;
		margin-bottom: 10px;
	}
    
    .footer-bottom .text-left, .footer-bottom .text-right{
        text-align: center;
    }
}	


@media (max-width: 568px) {

	.footer-grey ul.list-inline li{
		font-size: 14px;
	} 
    
	.progress-label{
		font-size: 10px!important;
	}

}

@media (max-width: 480px){

	.footer-grey .list-inline li{
		display: block;	
		padding: 0;	
		margin: 0;
	}

  	.show, .mobile-hidden {
	  display: none !important;
	}

	.hidden {
	  display: inline-block !important;
	}	

	.navbar-header .col-xs-4{
		width: 42%;
	}	

}

@media (max-width: 400px){
	.navbar-header .col-xs-4{
		width: 50%;
	}	
	
	#progress-bar, .progress-label{
		display: none;
	}

}

@media (max-width: 320px){		

	.navbar-header .col-xs-4{
		width: 60%;
	}

}	

@media (min-width: 768px) and (max-width: 992px){
	#survey-page-container .col-md-4{ 
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
	}
	#survey-page-container .pull-right{ 
		float: left!important;
	}
}