/*
 * criticalmix colors:
 * red = cf0a2c
 * lt blue = 7ba3dc
 * dk blue = 003ca6
 * lt gray = cccccc
 * md gray = 666666
 * dk gray = 373935
 * orange = ef7521
 * green = 60a845
 */

/*
 * TABLE OF CONTENTS
 * Style tweeks
 * Foundation Overrides and Dashboard Specifics
 * Angular material style overrides
 * PAGES
 *  Splash page
 *  Login Form
 * STYLES FOR NON-MOBILE/SHARED
 * login page smaller screens fixes
 * Header Styles
 * FOOTER STYLES
 * LAUNCHPAD STYLES
 * Left Bar Styles
 * NAVIGATION STYLES
 * SHARED
 * md-menu overrides
 * MAIN LOADING OVERLAY
 * TEST DATA LOADING OVERLAY
 * DASHBOARD SPECIFIC
 * RESPONDENT ID SPECIFIC
 * Define mobile styles
 * LAUNCHPAD MENU MENUS STYLES
 * MANAGEMENT SPECIFIC
 * PAGINATION
 * DATA LAYOUT TOOL
 * Data export layout tool
 * Full screen md-dialog
 * Table view
 * Test data template tool
 * DASHBOARD TABS
 * ORDER SAMPLE
 */


/*
 * Style tweaks
 * Main content
 * --------------------------------------------------
 */
*{
    font-family: proxima-nova, sans-serif;
}

body{
    font-family: proxima-nova, sans-serif;
    padding-top: 50px;
    background-color: #f5f5f5;
    font-size:1.1rem;
    color:#666666;
}

h1, h2, h3, h4, h5, h6{
    color:#666666;
}

h5{
    font-size:20px;
    text-decoration: underline;
    margin-top:5px;
}

table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-size:16px;
}

table thead{
    background: transparent;
}

section {
    width: 100%;
}
section h1 {
    font-size: 1.2em;
    color: #777;
    margin-top: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
}
section h1 span {
    font-size: 1.2em;
}
select {
    padding: 4px 6px;
}
footer {
  padding-left: 15px;
  padding-right: 15px;
  background-color: #fff;
}

img{
    vertical-align:bottom;
}

.dk-gray {
    color: #373935;
}

.sr-only{
    display:none;
}

.no-pad{
    padding:0;
}

.text-capitalize{
    text-transform: capitalize;
}

.underline{
    text-decoration: underline;
}

.full-height{
    height:100%;
}

table tr th, table tr td{
    font-size:1.1em;
}

label{
    font-size:0.9em;
}

.tooltip{
    z-index:9998;
}

.subtitle {
    font-size: 1.3em;
    padding-left: 10px;
}

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

/*
 * Main content
 * ------------------------------------------------------
 */

.main-title a { color:white; }

.main {
  background-color: #fff;
  min-height: 822px;
}

@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }

}
.main .page-header {
  margin-top: 0;
}

/*
 * Foundation Overrides and Dashboard Specifics
 * ----------------------------------------------
 */
a {
    outline: 0;
}
a.white {
  color: #fff;
  text-decoration: underline;
}
a.white:hover {
  color: #333;
}
ul.panel-list {
  padding: 0;
  margin-top: 6px;
}
ul.panel-list li {
  list-style: outside none none;
}
ul.panel-list li.indent {
  margin-left: 20px;
}

.table>tbody>tr:first-of-type>td{
    border:none;
}

.table>thead>tr>th{
    border-bottom:2px solid #ddd;
}

.collapse.in {
  z-index:1510;
}
.tooltip-inner {
  min-width: 200px;
  max-width: 400px;
}
#content {
  height: auto;
  float: right;
}
span[class*="icon-"] {
    font-size: 24px;
    vertical-align: middle;
}
span[class*="icon-"].smaller {
    font-size: 18px;
}
.icon-green {
    color: #60a845;
}
.icon-red {
    color: #cf0a2c;
}

.button.btn {
	padding: 16px 30px 17px 30px;
	display: inline-block;
	margin-bottom: 5px;
}

.btn {
	white-space: nowrap;
    margin-right: 4px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	transition: background-color 300ms ease-out;
}

.button-shadow {
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#080808')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#080808');
}
.btn-green {
	padding: 15px 29px 16px 29px;
    color: white;
    background-color: #60a845;
    border: 1px solid #60a845;
}
.btn-green:hover {
    color: white;
    background-color: #60a845;
  	border-color: #60a845;
}
.btn-green:focus {
    color: white;
    background-color: #60a845;
  	border-color: white;
}
.btn-white {
    color: rgb(87, 87, 87);
    background-color: white;
}
.btn-white:hover {
    color: rgb(87, 87, 87);
    background-color: rgb(230, 230, 230);
}
.btn-white:focus {
    color: rgb(87, 87, 87);
    background-color: rgb(230, 230, 230);
  	border-color: rgb(87, 87, 87);
}
select.disabled {
  background-color: #ccc;
  border: 0;
}

.alert{
    margin-bottom:8px;
    margin-top:12px;
}

.borderless-text-input{
     border:none !important;
     border-bottom:1px solid silver !important;
     box-shadow: none !important;
     font-size:25px !important;
     padding: 0px !important;
 }

.borderless-text-input:focus{
    background-color:white !important;
}

.row{
    max-width:75em;
}

[class*="column"]+[class*="column"]:last-child {
    float: left;
}

.md-select-menu-container.md-select-z-index-fix {
    z-index: 105;
}

/** Angular material style overrides **/
.layout-margin_flush-sides {
    margin-left: -8px;
    margin-right: -8px;
}

.layout-margin_flush-top-bot {
    margin-top: 0;
    margin-bottom: 0;
}

md-checkbox.md-checkbox-sm {
    margin: 0;
    padding: 0;
    min-width: 14px;
    min-height: 14px;
}
md-checkbox.md-checkbox-sm .md-container,
md-checkbox.md-checkbox-sm .md-icon {
    width: 14px;
    height: 14px;
}
md-checkbox.md-checkbox-sm.md-checked .md-icon::after {
    left: 3px;
    top: -1px;
    width: 6px;
    height: 10px;
}

md-checkbox.md-checkbox-sm .md-label {
    font-size: 0.8em;
    margin-left: 20px;
    margin-right: 20px;
}


md-switch.md-switch-sm {
    margin: 10px;
    height: 22px;
    line-height: 20px;
}
md-switch.md-switch-sm .md-container {
    width: 30px;
    height: 20px;
}
md-switch.md-switch-sm .md-bar {
    width: 28px;
    height: 10px;
}
md-switch.md-switch-sm .md-thumb {
    width: 15px;
    height: 15px;
}
md-switch.md-switch-sm .md-thumb .md-ripple-container {
    left: -7px;
    top: -7px;
    right: -7px;
    bottom: -7px;
}
.md-errors-spacer:empty {
    display: none;
}

/*
 * CMIX Prefixed Pattern Library Styles
 */
button.cm-btn {
    background-image: none;
    background-color: #FAFAFA;
    color: #070d05;
    line-height: 1.4em;
    text-align: center;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    margin-bottom: 0;
    padding: 0.25em 0.75em;
    box-shadow: 0 1px 0.25em 0 rgba(0, 0, 0, 0.1);
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    touch-action: manipulation;
    -webkit-user-select: none;
    user-select: none;
}
button.cm-btn:hover,
button.cm-btn:focus {
    background-color: whitesmoke;
    color: #070d05;
    text-decoration: none;
    outline: none;
}
button.cm-btn:active {
    background-color: #f0f0f0;
    box-shadow: none;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    background-image: none;
}

.cm-btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.cm-btn-group button.cm-btn {
    margin: 0;
    position: relative;
    float: left;
}
.cm-btn-group button.cm-btn + button.cm-btn {
    margin-left: -1px;
}
.cm-btn-group button.cm-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.cm-btn-group button.cm-btn:first-child:not(:last-child) {
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.cm-btn-group button.cm-btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.cm-btn-group button.cm-btn.active {
    background-color: #7CA1D5;
    color: white;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}

.cm-btn.primary {
    background-color: #0D4B92;
    border-color: #0b417f;
    color: white;
    box-shadow: 0 1px 0.25em 0 rgba(0, 0, 0, 0.3);
}
.cm-btn.primary:hover,
.cm-btn.primary:focus {
    background-color: #0f57a9;
    border-color: #0d4d97;
    color: white;
}
.cm-btn.primary:active {
    background-color: #0d498d;
    box-shadow: none;
}

/*
 * PAGES
 */

/*
 * Splash page
 */
.splash {
  width: 100%;
  margin: auto;
}

/*
 * Login Form
 */

/* STYLES FOR NON-MOBILE/SHARED */

html {
    background-color: transparent;
}

body.override{
    margin:0;
    padding-top:0;
    background-color: transparent;
    overflow: initial !important; /* override md-toast style */
    height: auto;
}

body.override #content{
    height:100%;
    padding:0;
    float:none;
}

.login{
    max-width:100%;
    background-color: white;
}

.login .form-header{
    margin-bottom:8px;
}

.login .message-window{
    margin-bottom: 8px;
}

.login .cmix-logo{
    text-align:left;
}

.login .left-panel{
    margin-right:50px;
}

.login .login-panel{
    padding:2em;
    background-color:#60a845;
    height:100%;
    position: absolute !important;
    right:0;
    color:white;
}

.login .logo-wrapper{
    padding-bottom:2em;
    border-bottom:1px solid white;
    margin-bottom:2em;
}

.login .criticalmix-logo{
    max-width: 250px;
    max-height:43px;
}

.login input[type='text'], input[type='password']{
    border-radius:5px;
    background-color: #ededed !important;
    color:#adadad;
    width:100% !important;
}

.login input::-webkit-input-placeholder{
    color: #adadad;
}
.login input::-moz-placeholder{
    color: #adadad;
}
.login input:-ms-input-placeholder{
    color: #adadad;
}
.forgot-password-form-contents {
    padding:5%
}
#passwordRecoverBtn {
    width: 33%;
    padding: 5px;
    margin-top: .5em;
    font-weight: 600;
    border: 2px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    background-color: #3f6ea6;
}
#cancel-forgot-password {
    width: 33%;
    padding: 5px;
    margin-top: .5em;
    font-weight: 600;
    border: 2px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    background-color: #3f6ea6;
}
.forgot-password{
    color: #FFF;
    font-size:14px;
    float:right;
}
.forgot-password-form {
    width: 20em;
    height: 18em;
    background-color: #60a845;
    border-radius: 13px;
    padding:5%;
    padding-top:3%;
}

#password {
    margin-bottom:.1em;
}
.login .left-panel .contact{
    font-size:24px;
    text-align:center;
    color:#666;
}

.active-link {
    background-color: #7CA1D5;
    pointer-events: none;
}

.active-text-color {
    color: white;
}

.active-text-color:hover {
    color: white;
}

.login .contact-wrap{
    padding-top:10px;
    padding-bottom:10px;
    border-top:2px solid #e3e3e3;
    border-bottom:2px solid #e3e3e3;
    margin-top:100px;
    margin-left:auto;
    margin-right:auto;
}

.login .contact-logo img{
    min-width:125px;
    min-height:126px;
    position:relative;
    z-index:999;
    top:-42px;
    left:-20px;
}

.login .contact .phone{
    color:#60a845;
    font-size:35px;
    white-space: nowrap;
}

.login .contact .email{
    color:#60a845;
}

.navbar-brand{
    padding-left:0px;
}

.form-login {
    padding: 25px 15px;
    margin: 80px auto 0 auto;
    background-color: #eee;
    border: 1px solid #666;
    border-radius: 3px;
}

.form-login-heading{
    font-size:16px;
}

.form-login-heading.bold{
    font-weight:600;
}

.form-login .form-login-heading,
.form-login .checkbox {
    margin-bottom: 10px;
}
.form-login .checkbox {
    font-weight: normal;
}
.form-login .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-login .form-control:focus {
    z-index: 2;
    border-color: #60a845;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-login input[type="text"] {
    margin-bottom: 5px;
}
.form-login input[type="password"] {
    margin-bottom: 10px;
}

.login-alert {
  color: #a94442;
  background-color: #f2dede;
  border-radius: 4px;
  border-color: #ebccd1;
}
#cmixform {
  color: #fff;
}

.login .icon-holder{
  width:200px;
}

.login .icon{
    display: inline;
    min-width: 200px;
    padding: 0 0.2em;
}

.mobile-content{
    display:none;
}
.desktop-content{
    display:block;
}

.login table {
    table-layout: auto;
    border-collapse: collapse;
    width: 100%;
}
.login table td {
    padding: 1em 0;
}
.login table td.absorbing-column {
    width: 15em;
}

.login .tagline .title{
    color: #60a845;
    font-size: 2.3em;
    margin-left:0.3em;
    vertical-align: super;
}

.login .blurb{
    font-size: 2em;
    line-height:1.35;
}

.login input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ededed inset;
    -webkit-text-fill-color: #adadad !important;
}

/** login page smaller screens fixes **/

@media (max-width: 1024px) {
    .login table td.absorbing-column {
        width: 15%;
    }
    .login .cmix-logo{
        text-align:center;
    }
    .login .login-panel{
        position:relative !important;
        height:auto;
        min-height:1px;
        padding-top:2em;
    }
    .icon.funky{
        float:none !important;
        padding-top:30px;
    }
    .login .icon {
        min-width:135px;
    }
    .mobile-content{
        display:block;
    }
    .desktop-content{
        display:none;
    }
    .login .blurb{
        font-size: 1.5em;
        line-height:1.35;
    }
    .login .tagline .title{
        font-size: 1.3em;
    }
}

/** Header Styles **/
.extended-header {
    background-color: #60A845;
    width: 100%;
}

.header{
    padding: .5em;
    color: white;
    height: auto;
    position: relative;
    margin: 0 auto;
    width: 90%;
}

.header #logo{
    float:left;
}

.header #launchpad-title{
    float:left;
    margin-left:10px;
}

.header .main-title {
    color: white;
    font-size: 35px;
    height: 55px;
    line-height: 48pt;
}

.header #logo img {
    width: 130px;
}

.header .logo-wrapper {
    float:left;
}

.header .controls {
    width: 25%;
    zoom: 1;
    right: -30%;
}

.extended-header_username {
    font-size: 1.333em;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.75em 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 2.3em);
}

.extended-header_menu-btn {
    font-size: 1.777em;
    background-color: transparent;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.header #loginBtn {
    float:right;
    width: 100%;
}
.bold{
    font-weight:bold;
}
.loginBtn .button{
    width: 28%;
    padding: 4px;
    margin-top: .5em;
    font-weight: 600;
    border: 2px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    background-color: #3f6ea6;
}
.loginBtn .button:hover{
    background-color: #3f6ea6;
}
.resetButton .button{
    width: 55%;
    padding: 4px;
    font-weight: 600;
    border: 2px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    background-color: #3f6ea6;
}
.small-sign-out-btn {
    margin-left: 2em;
    margin-top: .1em;
}

.large-permission-menu{
    display:none;
    margin-right: 1em;
}
.large-permissions-menu {
    display:none;
    margin-right: 4.5em;
    margin-top: .1em;
}

.header .logout {
    padding-right:0;
}

/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v19/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
#general {
    opacity: 0;
    transition: opacity 8000ms ease;
}

#general.show{
    opacity: 1;
}

#realAnswer {
    opacity: 0;
    transition: opacity 8000ms ease;
}

#realAnswer.show{
    opacity: 1;
}

.remove-image {
    display: inline-block;
    vertical-align: top;
}
.button-color-text {
    color:black;
}
#logoRemoveCheck {
    opacity: 0;
    transition: opacity 1000ms ease;
}

#logoRemoveCheck.show {
    opacity: 1;
}

#billing {
    /*opacity: 0;*/
    transition: opacity 8000ms ease-in-out;
}

#billing.show {
    opacity: 1;
}
.material-icons.md-blue {
    color: #2196f3;
}
.margin-auto {
    margin: auto;
}
.display-inline {
    display: inline;
}
.cmix-logo-settings-page {
    width:300px;
}
/** FOOTER STYLES **/
.footer {
    color: #8c8c8c;
    height: auto;
    position: relative;
    margin: 0 auto;
    width: 90%;
    padding-top:0.7em;
    padding-bottom:0.7em;
    font-size:14px;
}

.extended-footer{
    width: 100%;
}

.footer .information{
    padding-top: 0.3em;
}

.footer a{
    color: #8c8c8c;
    text-decoration: underline;
}

/** LAUNCHPAD STYLES **/

.launchpad{
    /*max-width:1200px;*/
    margin-left:auto;
    margin-right:auto;
    min-height:100%;
}

.launchpad .help{
    padding-top:30px;
}

.launchpad .welcome-icon{
    color:white;
    text-align:left;
    font-size:18px;
    padding:10px;
    height: 100%;
    background-color:#A7A8AA;
}

.launchpad .welcome-icon h2{
    font-size:28px;
    color:white;
    margin:0;
}
.launchpad .contact-table {
    margin-left:auto;
    margin-right:auto;
}
.launchpad .projects .title {
    background-color: #60a845;
}
.launchpad .projects .title, .launchpad #recent-activity .title {
	padding: 2px 1px 4px 2px;
	color: white;
	font-size: 30px;
}
.launchpad .projects .title img {
    margin-top:-8px;
	height: 50px;
}
.launchpad #recent-activity .title img {
    margin-top:-3px;
    margin-left: 5px;
	height: 45px;
	width: auto;
}

.launchpad .subhead{
    padding:7px;
}

.subhead h1{
    color:#646569;
}

.launchpad .subhead h3{
    text-align: center;
    color:silver;
}

.launchpad .projects h1{
    width:100%;
    font-weight:100;
    font-size:30px;
    border-bottom: 1px solid #646569;
}

.launchpad .projects-table-container {
    overflow-x: auto;
    padding-bottom: 6em;
}

.launchpad .projects-table{
    width:100%;
}

.launchpad .projects-table th {
    font-size: 18px;
    font-weight:600;
    white-space: nowrap;
}
.launchpad .projects-table th span:before {
    font-size: 18px;
}
.launchpad .projects-table th.name-column {
    min-width: 12.8em;
}

.launchpad .projects-table tr{
    border-bottom:1px solid silver;
}

.launchpad .temp-loader{
    height: 30px;
    width: 30px;
}

.launchpad .ps-closed{
    text-transform: capitalize;
    color:#EE2A24 !important;
}

.launchpad .ps-field{
    text-transform: capitalize;
    color:#60a845 !important;
}

.launchpad .ps-ordered{
    text-transform: capitalize;
    color:#22A7F0 !important;
}

.pill {
    font-size: 0.8em;
    text-transform: uppercase;
    background-color: #ddd;
    border-radius: 3em;
    padding: 0.225em 0.5em;
    display: inline-block;
    vertical-align: middle;
}
.pill.ss-design {}
.pill.ss-closed {
    background-color: #222;
    color: white;
}
.pill.ss-test {
    background-color: #F9D546;
}
.pill.ss-live {
    background-color: #60a845;
    color: white;
}

.launchpad thead th{
    font-weight: normal;
    font-size:16px;
}

.launchpad .project-row:hover{
    cursor:pointer;
}

.launchpad .service-row, .launchpad .loader{
    display:none;
}

.launchpad .services-table{
     width:100%;
 }

input[type=search]{
    background:white;
    border-bottom:1px solid black;
    padding:0;
    color:black;
    font-size:100%;
}
.launchpad .regular-input {
	font-size: 100%;
	text-overflow: ellipsis;
	background: transparent none no-repeat;
	background-position: right center;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #727272;
	outline: none;
	width: 100%;
	box-shadow: none;
	line-height: 40px;
    height: 40px;
    margin: 0;
}
.launchpad .regular-input:focus {
    background: transparent none no-repeat;
    background-position: right center;
	border-color:#22A7F0;
}
.launchpad md-autocomplete-wrap{
    box-shadow:none;
}
.launchpad md-autocomplete {
    background:none;
}
.launchpad md-autocomplete input {
	text-overflow: ellipsis;
	font-size: 100%;
	background: transparent none no-repeat;
	background-position: right center;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #727272;
    margin: 0;
	outline: none;
    flex: 0 1 auto;
}
.launchpad md-autocomplete input:focus {
	background-position: right center;
	background-repeat: no-repeat;
	background-color: transparent;
	border-color:#22A7F0;
}
.launchpad md-autocomplete[disabled] input{
    color:silver;
	background-color: transparent;
    border-color: #DADADA;
}
.launchpad .date-picker {
    margin-bottom: 0;
}

button {
    background-color: transparent;
}
.projects-table td, .projects-table th{
    text-align:center;
    vertical-align: middle;
}
.projects-table td.left-align, .projects-table th.left-align {
    text-align: left;
}

.service-row td{
    font-size:14px;
}

.launchpad .projects-table tbody{
    border-bottom:1px solid #b3b3b3;
}

.favorite {
    color: #60a845;
}

.launchpad .services-table .loader-holder{
    text-align:center;
}

.launchpad .services-table .service-first{
    width:120px;
}

.show-child-terms{
    cursor:pointer;
    width:20px;
}

.term-child-record{
    display:none;
}

.term-details {
    visibility: hidden;
}

.term-child-record td{
    color: #737373;
}

.term-id{
    font-style: italic;
    color:#22A7F0;
}

md-dialog{
    max-width:600px;
}

.wrapper {
	margin: 0.75em auto 0 auto;
	padding-left: 1em;
    padding-right: 1em;
    max-width: 1400px;
}
.wrapper md-content{
     padding-top:20px;
 }

.survey-filter-controls {
    margin: 0.75em -0.5em;
}
 .survey-filter-controls > div {
    padding: 0 0.5em;
    margin-bottom: 0.5em;
 }

 .survey-filter-controls md-select {
    margin: 0;
    width: 100%;
 }

 .datepicker-filters_ie-fix {
    /* In IE11, the datepickers push the bounds of this container
       outside of it's own container. */
    max-width: calc(100% + 16px);
 }

.survey-create-button {
    margin: 0;
}

.survey-create md-card {
    margin-bottom: 1em;
    padding-bottom: 0.75em;
}

.survey-create_additional-options .row + .row {
    margin-top: 1em;
}

.dashboard #termination-report .header-row{
    background-color:#f5f5f5;
}

#termination-report tr{
    border-bottom: 1px silver solid;
}

#top-abandon-points tr{
    border-bottom: 1px silver solid;
}

.border-dotted{
    padding:3px;
    border:1px dotted black;
}


.nonLogic td {
    color: blue
}

.has-error{
    border-color:red !important;
}

/** Left Bar Styles **/
.left-survey-info, .left-welcome, #recent-activity {
	padding: 0;
}

.left-survey-info .row.si-section {
	margin-bottom: 20px;
}

.link-bottom-margin {
    margin-bottom:1%;
}
.sample-source-width {
    width:75%;
}
.iso-width {
    width:25%;
}
#links{
    padding:.5em;
}
#links a{
    font-size:0.9em;
    color:#22A7F0;
}
#links .supplier .for {
    font-weight:600;
}
#links .supplier {
    padding: 10px 0;
    border-bottom:1px solid silver;
    width:100%;
}
#links .supplier:last-child {
    border-bottom:0px none;
}
#links .supplier .link-container {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1em;
}
#questionnaire {
    padding-left:20px;
}
#questionnaire .table td {
    padding:5px;
}

#help{
    width:140px;
    text-align:center;
    margin-top:10px;
}
.icon-help{
    color:#22A7F0;
    display: inline;
}
#qa-tools .title {
	text-transform: uppercase;
	font-size: 1.1em;
	margin-right: 20px;
	font-weight: bold;
}
#qa-tools #qa-links a {
    line-height: 173%;
}
#qa-links .subheader {
    margin-left:8px;
    margin-bottom:5px;
    font-size:1em;
}
#qa-links li {
    margin-left:20px;
    margin-top:5px;
}
#qa-links a {
    font-size:1em;
}
#qa-tools .button-container {
	padding: 15px 0 25px 0px;
}
#qa-tools .codebook {
	margin-bottom: 20px;
}
#qa-tools .codebook a {
	white-space: nowrap;
}
#qa-tools .test-data {
    position: relative;
}
#qa-tools .test-data .row {
	padding: 0;
}
#qa-tools .test-data .row.button-container {
	padding: 15px 0 25px 0px;
}
#qa-tools .test-data .loading-status {
    text-align: center;
    position: absolute;
    bottom: 40%;
    width: 100%;
    font-size: 0.8em !important;
    text-transform: uppercase;
}
#codebook-url {
    font-size:1.3em;
}
/** NAVIGATION STYLES **/
#navigation {
    text-align:center;
    margin-bottom:15px;
}
.nav-links-container {
	list-style: none;
    margin-top: 1em;
    margin-bottom: 2em;
	overflow: hidden;
}
.nav-icon-container {
	float: right;
    padding-right: 3em;
	list-style: none;
	overflow: hidden;
}
.nav-links-container .nav-icon-container:first-child{
    padding-right:0;
}

.nav-icon {
	height: 140px;
	overflow: hidden;
	padding: 9px 9px 0px 9px;
	color: white;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	vertical-align: top;
}

.nav-icon .title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	max-width: 100%;
	font-size: 1em;
}

.nav-icon a {
	color:white;
}
.nav-icon.selected {
	height: 100%;
}
.dashboard-link {
    background-color:#60a845;
    margin-left:0;
}
.surveyProgramming-link{
    background-color:#7DA2D5;
}
.dataDownload-link{
    background-color:#EE7623;
}
.respondentId-link{
    background-color:#752F8A;
}
.criticalTabs-link{
    background-color:#D0202E;
    margin-right:0;
}

#selected-bar {
    width: 100%;
    background-color: #60a845;
    height: 20px;
    margin-bottom:-10px;
}
.powered-by {
    color: white;
    font-size: 20px;
    height: 35px;
    line-height: 28pt;
}

/** SHARED **/
.sticky-box{
    background-color:#EEE;
    color:#000;
    margin-bottom:15px;
    width:100%;
    height:auto;
    padding: 8px;
    font-size:13px;
}

.survey-info {
    color:#595959;
    font-size:1.7em;
    margin-top:.3em;
}

.survey-info img {
    margin-top:-8px;
	height: 50px;
}
.survey-info a {
	color: white;
}

.survey-info a .info-cx-number {
	border-bottom: 2px solid white;
}

.info-cx-number{
    padding: 0 5px;
    text-decoration: underline;
}

.info-gt{
    font-weight:600;
}

#programmer-section{
    padding:8px;
}

.info-programmer-name{
    font-size: 1.1em;
    position: relative;
    top: 6px;
}

.programmer{
    padding: 0px 10px 0 0px;
    height: auto;
    text-align: left;
    width: auto;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
}

.favorites {
    padding: 13px 10px 0 0px;
}

.favorites-span {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5.1%;
}
.md-button.favorites-padding {
    line-height: 1em;
    margin: 0px;
    padding: 0px;
    width: auto;
    height: auto;
    min-height:0px;
    min-width: 0px;
}
.checkbox-filter {
    margin-bottom: .1%;
}
.checkbox-text {
    font-size: .8em
}
.title{
    font-size:18px;
    color:#595959;
}

.info-table{

}

table{
    width:100% !important;
}

.info-table td:first-child{
    padding:2px;
    padding-left:25px;
}

.expandable{
    padding:5px;
    clear:both;
}

.bordered{
    border:1px dotted black;
    padding: 20px 5px 5px 5px;
    position:relative;
    top:-15px
}

.expander{
    display:inline-block;
    cursor:pointer;
    width:18px;
    vertical-align: middle;
	margin-top: -4px;
}

.expander-label{
    font-size: 1.3em;
    text-transform: uppercase;
    background:white;
    z-index: 500;
    position: relative;
    left: 0.5em;
}

.expander-label-wrap{
    display:inline;
}

.expander-label-wrap img{
    vertical-align: middle;
}

.cmix-tools {
    background-color:#60a845;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    cursor: pointer;
    border-radius: 2px;
    height: 5px;
    width: 2em;
    background: white;
    position: absolute;
    display: block;
    content: '';
}
#nav-toggle span:before {
    top: -10px;
}
#nav-toggle span:after {
    bottom: -10px;
}
.permission-dropdown-menu {
    margin: 1.4em;
    top: -9px;
    position: relative;
}

a.permission-nav-links{
    font-size:1.4em;
}
a.permission-nav-links:hover {
    color:#60a845;
    text-decoration: underline;
}

.dashboard .permission-nav-links .dash{
    color:#60a845;
    text-decoration: underline;
}
.respondent-id .permission-nav-links .rid{
    color:#60a845;
    text-decoration: underline;
}


/* DATA DOWNLOAD VIEW */
.data-download {
    font-size: 16px;
}
.data-download .panel {
    background-color: white;
    border-radius: 6.755px;
    border-width: 0;
    margin: 0;
    padding: 0.75em 1em;
}
.data-download h2 {
    font-size: 1.579em;
    color: #0a0d06;
}
.data-download label {
    color: #0a0d06;
    line-height: 1.6em;
    font-weight: bold;
    display: block;
    padding-left: 0.25em;
}
.data-download button {
    font-size: 1em;
    text-transform: none;
    line-height: 1.75em;
    border-radius: 4px;
    margin: 0;
    padding: 0.25em 0.75em;
    box-shadow: 0 1px 0.25em 0 rgba(0, 0, 0, 0.1);
}
.data-download .md-button.blue {
    background-color: #2a4c88;
    border: 1px solid #244276;
}
.data-download .md-button.blue:hover,
.data-download .md-button.blue:focus {
    background-color: #30589e;
}
.data-download tooltip .icon-info {
    font-size: 16px;
    color: #7ca35c;
    line-height: 1em;
}

.data-download .panel.data-download_generate-new {
    margin-bottom: 1em;
}
.data-download_generate-new .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}
.data-download_generate-new .datepicker {
    border-radius: 4px;
}
.data-download_generate-new input[type="text"] {
    border-radius: 4px;
}

.generate-new_layout-selection {
    margin-bottom: 1.5em;
}
.generate-new_layout-selection .layout-autocomplete md-autocomplete-wrap {
    border: 1px solid #ddd;
    border-radius: 4px;
}
.generate-new_layout-selection .layout-autocomplete input {
    border-radius: 4px;
}
.generate-new_layout-selection .layout-autocomplete button {
    background-color: transparent;
    box-shadow: none;
}
.generate-new_layout-selection .layout-selection_action-btns {
    padding-top: 0.5em;
}
.generate-new_layout-selection .layout-selection_add-new-btn {
    margin-top: 1.5em;
}

.data-download .generate-btn {
    margin-top: 1.25em;
}


.data-export-archive .responsive-table {
    overflow-x: auto;
    padding-bottom: 1em;
}
.data-export-archive table, .data-export-archive th, .data-export-archive td {
    font-size: 16px;
    vertical-align: middle;
}
.data-export-archive th,
.data-export-archive td {
    padding: 0.25em 0.5em;
    line-height: 1.4em;
    border: 1px solid #DDDDDD;
    vertical-align: middle;
}
.data-export-archive thead th {
    font-weight: 700;
    background-color: #F8F8F8;
    border-bottom-width: 2px;
}
.data-export-archive thead a.sorting-by:after {
    content: '▼';
    font-size: 0.7em;
    line-height: 1rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.25em;
}
.data-export-archive thead a.sorting-by.sort-reversed:after {
    content: '▲';
}
.data-export-archive .dea_actions {
    min-width: 15em;
}

.data-export-archive-table {
  max-height: 80vh;
}

/* End DATA DOWNLOAD VIEW */

.nav-link, .nav-link:hover, .nav-link:visited, .nav-link:active{
    color:black;
}

span.title:hover {
    color:#60a845;
}
#recent-activity {
}
#recent-activity .title {
    background-color:#EE7623;
    padding: 2px 1px 4px 4px;
    color:white;
    font-size:22px;
    width:100%;
}
#recent-activity img {
	display: inline;
	width: 35px;
	height: auto;
}
#recent-activity .activity-feed {
	text-align: center;
	color: #888;
	padding: 10px;
}

.has-tip{
    border-bottom: none !important;
    font-size:20px !important;
    margin-left:10px;
}

.row .row{
    margin: 0;
}
.row{
    max-width: 117em;
}

.collapse{
    padding-left:0;
    padding-right:0;
}
.collapse-left{
    padding-left:0;
}
.collapse-right{
    padding-right:0;
}

.form-error {
	display: none;
	color: red;
	font-size: 0.8em;
	margin-top: -16px;
	margin-bottom: 10px;
}

md-autocomplete {
    min-width: 0;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    height: 100% !important;
}

/** md-menu overrides **/
md-menu-content {
    border-radius: 5px;
}

md-menu-item a {
    color: black;
}

md-menu-item {
    height:auto;
    min-height: 30px;
    font-size: 0.8em;
}

md-menu-item:hover {
    background-color: #f3f2f2;
}

/** MAIN LOADING OVERLAY **/
.loading-overlay {
    position: fixed;
    opacity: 0.7;
    background: white;
    width:	100%;
    height:	100%;
    left: 0;
    top: 0;
    z-index: 1000;
}

.loading-overlay .loading-icon {
    position: absolute;
    top: 35%;
    left:50%;
    margin-left: -100px; /** center it (one half of the width of the icon) **/
    z-index:1001;
}

/** TEST DATA LOADING OVERLAY **/
.test-data .loading-overlay {
    position: absolute;
    opacity: 0.9;
    width:	100%;
    height:	100%;
    left: 0;
    top: 0;
    zIndex: 1000000;
    background: white url("/images/ajax-loader.gif") no-repeat 50% 70%;
}

.test-data .loading-overlay .overlay-message {
    position: relative;
    top: 50%;
    margin-top: -90px;
    color: black;
    font-weight: bold;
    text-align: center;
}

/** DASHBOARD SPECIFIC **/
.survey-dashboard_top-lvl-info {
    margin-bottom: 1em;
}
.survey-dashboard_top-lvl-info h1 {
    font-size: 1.777em;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.25em;
}
.survey-dashboard_top-lvl-info p {
    margin-bottom: 0;
}
.top-lvl-info_main-details {
    margin-bottom: 0.125em;
}

.survey-menu__content {
    max-height: none;
}

#billing{
    padding:8px;
}

.access-list{

}

#quotas {
    width:100%;
}

#quotas td, th{
    text-align: center;
    font-size: 1em;
    vertical-align: middle;
}

#quotas th{
    padding-bottom:15px;
}

#quotas .tooltip-anchor{
    color:black;
    text-decoration: none;
}

#quotas tr.even, table tr.alt, table tr:nth-of-type(even){
    background:transparent;
}

#quotas tr th {
    padding: 0.0625em 0.025em;
}

table tr td {
    padding: 0.2625em 0.625em;
}

#quotas .survey-header{
    background-color:#faebcc;
    border-bottom: 1px silver solid;
    border-top: 1px silver solid;
}

#quotas .counts-header{
    width:75px;
}

#quotas .control {
    padding:5px;
}

#quotas .sub-header{
    padding-bottom:5px; border-bottom:1px solid silver;
}

#quotas .column-header {
    background-color:#f2f2f2;
    border-bottom: 1px silver solid;
    border-top: 1px silver solid;
}

#quotas .row-header td:first-of-type{
    padding-left:20px;
}

#quotas .row-header{
    background-color:#f2f2f2;
    border-bottom: 1px silver solid;
    border-top: 1px silver solid;
}

#quotas .row-item td:first-of-type{
    padding-left:30px;
}

#quotas .row-item{
    border-bottom:1px silver solid;
}

#quotas .item-label{
    text-align:left;
}

#quotas .item-codes{
    text-align:left;
    max-width:30%;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}

#quotas .row-break td{
    padding:0;
}

#quotas .row-break .line{
    background-color: #d9d9d9;
    height: 3px;
    width: 100%;
}

#quotas .hide{
    display:none;
}

#quotas tbody{
    padding-bottom:10px;
}

#quotas .additional-info{
    font-style: italic;
    color:dodgerblue;
}

#quotas input{
    text-align:right;
    width:60px;
    height: 34px;
    margin-top: 12px;
}

#quotas .quota-full{
    color:red!important;
}

#quotas-report{
    overflow-x:auto;
}

#quotas-report .quotas-report_actions {}
#quotas-report .quotas-report_actions .actions_editing-btns {
    margin-top: 0.5em;
}
#quotas-report .quotas-report_actions button {
    font-size: 0.8em;
}

#quotas .quotas-edit{
    display:none;
}

#quotas .quo-main-header {
    border: 1px solid #c0c0c0;
}
#quotas .quo-main-header .quo-title {
    font-weight: bold;
}
#quotas .quo-main-header.quo-overall {
    vertical-align: bottom;
}
#quotas .quo-h .quo-que,
#quotas .quo-h .quo-var {
    border: 1px solid #c0c0c0;
}
#quotas .quo-r-h .quo-que,
#quotas .quo-r-h .quo-var {
  border-bottom: 1px solid #c0c0c0;
}
#quotas .quo-title-container {
  border-left: 1px solid #c0c0c0;
}
#quotas .quo-h .quo-que-rps,
#quotas .quo-h .quo-var-rps,
#quotas .quo-r-h .quo-que-rps,
#quotas .quo-r-h .quo-var-rps {
    background-color: #f8f8f8;
    border-color: #c0c0c0;
    border-style: solid;
}
#quotas .quo-que-rps + .quo-qty,
#quotas .quo-var-rps + .quo-qty {
  border-right: 1px solid #c0c0c0;
}
#quotas .quo-h .quo-que-rps,
#quotas .quo-h .quo-var-rps {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left: 1px solid #c0c0c0;
}
#quotas .quo-r-h .quo-que-rps,
#quotas .quo-r-h .quo-var-rps {
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top: 1px solid #c0c0c0;
}
#quotas .quo-r-h .quo-que,
#quotas .quo-r-h .quo-var {
    max-width: 150px;
    border-left: 1px solid #c0c0c0;
}
#quotas .quo-h .quo-que-rps.quo-last,
#quotas .quo-h .quo-var-rps.quo-last {
    border-right: 0px none;
    text-align: center;
    font-weight: bold;
}
#quotas .quo-h .quo-header-upper.quo-last,
#quotas .quo-h .quo-header-bottom.quo-last {
    border-right: 0px none;
    text-align: center;
}
#quotas .quo-r-h .quo-que-rps.quo-last,
#quotas .quo-r-h .quo-var-rps.quo-last,
#quotas .quo-h .quo-header-upper.quo-last,
#quotas .quo-r-h .quo-header-bottom.quo-last {
    border-bottom: 0px none;
    border-right: none;
}
#quotas .quo-h .quo-que-sp-r,
#quotas .quo-h .quo-que-sp-l,
#quotas .quo-h .quo-var-sp-r,
#quotas .quo-h .quo-var-sp-l,
#quotas .quo-r-h .quo-que-sp-b,
#quotas .quo-r-h .quo-que-sp-t,
#quotas .quo-r-h .quo-var-sp-b,
#quotas .quo-r-h .quo-var-sp-t {
    background-color: #f8f8f8;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    padding: 0 !important;
}
#quotas .quo-que-sp-l,
#quotas .quo-var-sp-l {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
}
#quotas .quo-que-sp-r,
#quotas .quo-var-sp-r {
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}
#quoas .quo-header-upper + .quo-que-sp-r {
  background: rgba(0, 0, 0, 0.1);
}
#quotas .quo-title {
    font-size: 10pt;
    font-weight: normal;
    padding: 3px 10px;
    text-align: center;
}
#quotas .quo-label {
    width: 128px;
    min-width: 128px;
    max-width: 128px;
    font-size: 8pt;
    text-transform: uppercase;
    text-align: right;
    vertical-align: bottom;
}
#quotas .quo-req,
#quotas .quo-act,
#quotas .quo-rem {
    display: inline-block;
    font-weight: normal;
}
#quotas .quo-edit.quo-act {
    margin: auto 5px;
}
#quotas .quo-req {
    text-align: right;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: 600;
}
#quotas .quo-act {
    text-align: left;
    font-weight: 400;
}
#quotas .quo-rem {
    font-weight: 200;
}
#quotas .quo-main-qty .quo-req,
#quotas .quo-main-qty .quo-act,
#quotas .quo-main-qty .quo-rem,
#quotas .quo-qty .quo-req,
#quotas .quo-qty .quo-act,
#quotas .quo-qty .quo-rem {
    width: 55px;
    display: inline;
    margin: 0 5px;
}
#quotas .quo-qty {
    border-bottom: 1px solid #c0c0c0;
    width: 6%;
}
#quotas .quo-qty + .quo-qty {
  border-left: 1px solid #c0c0c0;
}
#quotas .quo-main-qty {
    border: 1px solid #c0c0c0;
}
#quotas .quo-grid-content {
    height: 87%;
    position: relative;
    overflow: auto;
    /* fix right table cell's borders being cut */
    padding-right: 1px;
}
#quotas .quo-header-main {
    border: 1px solid #c0c0c0;
    font-size: 12px;
    background-color: rgba(0,0,0,0.1);
}
body #quotas .quo-header-upper, body #quotas .quo-header-upper-last {
    background-color: rgba(0,0,0,0.1);
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    padding: 0;
}
#quotas .quo-header-upper {
    border: 1px solid #c0c0c0;
    border-right: none;
    font-size: 12px;
}
#quotas .quo-header-upper-last {
    border-right: 1px solid #c0c0c0;
}
#quotas .quo-header-bottom {
    border: 1px solid #c0c0c0;
    border-right: none;
    font-size: 10px;
    font-weight: 300;
    background-color: #f8f8f8;
}
#quotas table.can-highlight {
  overflow: hidden;
  border-right: 2px solid #c0c0c0;
  border-bottom: 2px solid #c0c0c0;
}
#quotas .can-highlight tr.quo-r-h:hover {
  background-color: #F8F8F8;
}
#quotas .can-highlight td, th {
  position: relative;
}
#quotas .can-highlight tr {
  z-index: 1;
}
#quotas .can-highlight td.quo-qty:hover::after {
  content: "";
  position: absolute;
  background-color: #F8F8F8;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}
#quotas .can-highlight .quo-h {
  background: #fff;
}
#quotas .can-highlight .quo-title-container {
  background: #fff;
}
#quotas .real-show-row > .quo-header-upper  {
  padding: 0 5px;
}
.save-quotas, .save-quotas:hover{
    color:green;
}

.cancel-edit, .cancel-edit:hover{
    color:#333;
}

.save-quotas, .cancel-edit{
    display:none;
}

#toggle-totals-filters{
    padding-left:5px;
}

#totals-filters{
    margin-top:20px;
}

#totals-filters label{
    margin-bottom: 20px;
    margin-right:10px;
    padding-top:2px;
    text-transform: uppercase;
}

#totals-filters select{
    padding:5px;
    height:auto;
}

.filter-dates input{
    margin-top:.2rem;
    padding:2px;
}

#time-filters{
    padding:10px;
    border-bottom:1px solid silver;
    margin-bottom:10px;
    display:none;
}

#time-filters label{
    width:95px;
    margin-bottom:20px;
}

#time-filters .update-times{
    background-color:#62a60a;
    color:white;
    margin-bottom:10px;
}

#time-filters .update-times:hover{
    background-color:#cccccc;
    color:black;
    text-decoration:none;
}

/** RESPONDENT ID SPECIFIC **/
#search-button{
    position:absolute;
    top:3px;
    right:-5px;
    z-index:1000;
}

#search-button img{
    width:20px;
    height:20px;
}

#respondentId th{
    font-size: 0.9em;
    text-align:left;
}

#respondentId td{
    text-align:left;
    font-size: 1em;
}

.respondent-main td{
    text-align:center;
}

.respondent-extended-info td {
    text-align:left !important;
	width: 50%;
}
.respondent-extended-info .ri-field {
	display: none;
}

#respondentId img{
    max-width:none;
}

#respondentId .respondent-holder{
    border-bottom:1px solid #808080;
    border-left:1px solid #808080;
    border-right:1px solid #808080;
    margin-bottom:10px;
    padding:10px;
}

#respondentId{
    margin-bottom: 30px;
}

.respondent-holder{
    text-align:left;
}

.button{
    display:inline;
}

.cancelButton, .saveButton{
    display:none;
}

.cancelButton{
    background:silver;
}

.respondentId-expand{
    display:none;
    border:none;
    padding:25px;
}

.question-td{
    width:50%;
    text-align:left !important;
}

.question-name, .response-name{
    background-color: black;
    color: white;
    padding: 4px;
    border-radius: 5px;
    display: inline-block;
}

.question-content{
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding-left: 10px;
    padding-top:2px;
}

.response-td{
    width:50%;
    text-align:left !important;
}

.response-content{
    font-size:20px;
    line-height:135%;
    font-style: italic;
}

.response-wrapper{
    border-bottom:1px solid silver;
    padding-bottom: 25px;
}

.response-response{padding-left:5px;}

.edit-td{
    width:10%;
    text-align:right !important;
}

input[type='radio'].edit-input{
margin:0;
}
.responses-edit{
    text-align:left !important;
    display:none;
}

#more-filters{

}

.edit-mode{
     display:none;
 }

.edit-code{
    padding:3px;
    background:black;
    color:white;
}

.seen-row{
    /*background-color:lightgreen;*/
}

#datepicker-startdate.datepicker, #datepicker-enddate.datepicker {
    position: relative;
}

.datepicker.datepicker-dropdown {
    z-index: 100 !important;
}

.ui-datepicker.ui-widget {
    z-index: 100 !important;
}

.date-picker{
    font-weight:100;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.fa:before {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.fa-chevron-left:before {
    content: "\f110";
}

.fa-chevron-right:before {
    content: "\f114";
}

table.contact-table img{max-width: none!important;}

.launchpad .service-container .service-row:hover {
	background-color: #62A844 !important;
	cursor: pointer;
}

.launchpad .service-container .service-row:hover a {
	color: rgb(30, 83, 113);
}


.launchpad .service-container .service-row .launchpad__service-name {
	color: #22A7F0;
}

.launchpad .service-container .service-row:hover .launchpad__service-name {
	color: rgb(30, 83, 113);
}

.launchpad .service-container .service-row:hover .launchpad__service-owner {
	color: white;
}

.launchpad .service-container .service-row:hover .launchpad__service-status.ps-closed,
.launchpad .service-container .service-row:hover .launchpad__service-status.ps-field,
.launchpad .service-container .service-row:hover .launchpad__service-status.ps-ordered {
    text-transform: capitalize;
    color: rgb(30, 83, 113) !important;
}

.projects-table th{
    cursor:pointer;
}

.sortFlip {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.project-services tbody {
	border-bottom: none;
}

.project-services .services-header th {
	color: #444444;
}

.client-filter-list {
	position: absolute;
	height: 9em;
	width: 100%;
}
.client-filter-list .client-filter-results {
	height: 100%;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	padding: 0;
	background: transparent no-repeat center right;
	font-size: 14px;
	margin: -2px 0 0 0;
	outline: none;
}
.client-filter-list .client-filter-results .client-name {
	padding: 0.5em;
	width: 100%;
	background-color: white;
	padding-right: 20px;
}
.client-selection-control .client-filter-input.loading {
	background-image: url("/images/launchpad/dropdown-loader.gif");
	background-repeat: no-repeat;
	background-position: right center;
}
.client-filter-list .client-filter-results .client-name[selected] {
	background-color: #62A844;
}

.launchpad .regular-input.survey-search-input,
.launchpad .regular-input.user-search-input,
.launchpad .regular-input.group-search-input {
	padding-right: 20px;
	background-image: url("/images/launchpad/search.png");
}

.launchpad .regular-input.date-range-input{
    padding:20px;
    background-image: url("/images/launchpad/filter.png");
}

.launchpad .client-filter-autocomplete input,
.launchpad .client-selection-control input.regular-input {
	background-image: url("/images/launchpad/filter.png");
}

.client-selection-control .client-filter-result-summary {
    background-color: white;
    text-align: left;
    padding: .3em .5em;
    font-size: .7em;
    border: 1px solid #ccc;
    font-style: italic;
}

.launchpad-filtering-topfix{
    padding-top:2rem;
}

@media (max-width: 1200px) {
    .wrapper {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
    .dashboard, .header, .survey-info, .wrapper {
    	width: auto;
    }
    .content-main, .left-survey-info, .left-welcome, #recent-activity {
    	width: 100%;
		padding: 0;
    }
    .survey-info {
		margin-top: 10px;
		margin-bottom: 10px;
    }
	.field-ri-locale, .field-ri-source {
		display: none;
	}
    .cmix-tools {
        display:none;
    }
}
@media (max-width: 1028px) {
    .collapse-left{
        padding-left:0;
        padding-right:0;
    }

    .collapse-right{
        padding-left:0;
        padding-right:0;
    }
    .cmix-tools {
        display:none;
    }
}
@media (max-width: 630px) {
    .survey-info {
		font-size: 1.2em;
		margin-bottom: 5px;
    }
    .survey-info img {
		margin-top: -6px;
		height: 30px;
	}
    .wrapper .row.nav {
    	padding:0;
    }
    #navigation {
    	margin-top: 15px;
    }
	.nav-links-container {
		height: 140px;
	}
	.nav-icon {
		height: 100%;
		margin: 0px;
	}
	.nav-icon .title {
		font-size: 0.8em;
	}
	.ri-locale, .ri-source {
		display: none;
	}
	.respondent-extended-info .ri-field.ri-locale,
	.respondent-extended-info .ri-field.ri-source {
		display: table-row;
	}
	.full-width-btn {
		width: 100%;
		display: inline-block;
	}
	.projects-header .po-number,
	.projects-header .client-name,
	.project-row .po-number,
	.project-row .client-name,
	.services-header .survey-programmer,
	.service-row .survey-programmer {
		display: none;
	}
    .cmix-tools {
        display:none;
    }
}
@media (max-width: 450px) {
	.header .main-title {
		display: none;
	}
	.nav-links-container {
		height: 80px;
	}
	.nav-icon {
		padding: 9px;
	}
	.nav-icon .title {
		display: none;
	}
	.nav-icon .inline-title {
		display: inline-block;
	}
	.ri-last-activity {
		display: none;
	}
	.respondent-extended-info .ri-field.ri-last-activity {
		display: table-row;
	}

    .nav-links-container {
        display:none;
    }
}
@media (max-width: 340px) {
	.nav-links-container {
		height: 60px;
	}
    .nav-links-container {
        display:none;
    }
}
/* Define mobile styles */
.active-result{
    text-align: left;
}


/**** LAUNCHPAD MENU MENUS STYLES ****/
.link {
    cursor:pointer;
}

.launchpad-menu{
    position:relative;
}

.launchpad-menu-wrapper {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
}

.md-button.md-raised.launchpad-menu-anchor {
    min-width: initial;
    border: 1px solid #ddd;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.md-button.launchpad-menu-anchor:hover {
    color: #222;
}
.launchpad-menu-anchor span {
    line-height: 1em;
}

.launchpad-menu-content {
    position: relative;
    top: 2.333em;
    border: 1px solid silver;
    background: white;
    z-index: 500;
    min-width: 225px;
    padding: 5px;
    border-radius: 0.5em;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
}
.launchpad-menu-content:before {
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #575757;
    display: block !important; /** overrides .row:before clearfix styles **/
    position: absolute;
    top: -9px;
    left: 0.5em;
    z-index: 510;
}

.launchpad-menu-link-list{
    text-align:left;
    list-style: none;
    margin: 0;
}

.info-links li{
    text-align:right;
}

/** small screens **/
@media (max-width: 1024px) {
    .launchpad-menu-content{
        min-width:200px;
    }
    .info-links{
        margin-top:15px;
    }
    .launchpad-filtering-topfix{
        padding:0;
    }
    .info-links li{
        text-align:left;
    }
}
.md-button.md-default-theme:not([disabled]).client-update:hover, .md-button:not([disabled]).client-update:hover {
    background-color: white;
    color:black;
}
.card-content-padding {
    padding:24px 16px 16px;
}
/********************* MANAGEMENT SPECIFIC ****************************/
.launchpad .management .title {
    color: black;
    font-size: 1.6em;
}

.launchpad #recent-activity .title {
    padding: 2px 1px 4px 2px;
    color: white;

}

.management-wrapper {
    margin: 10px auto 0 auto;
    width: 90%;
}

#userManagement th a, #groupManagement th a {
    color:black;
}
.auto-width-button {
	max-width: none;
}
button{
    border-radius: 5px;
    padding: 11px;
}

button:hover{
    background-color:transparent;
}

.simpleButton{
	padding: 12px 16px;
    background-color: transparent;
    color: #22A7F0;
    border: none;
    border-radius: 5px;
    margin: 0;
}
.simpleButton:hover {
    background-color: rgba(176, 227, 255, 0.58);
    color: rgba(0, 147, 228, 0.88);
}
.simpleButton:focus, .simpleButton:active{
    background-color: rgba(108, 203, 255, 0.65);
    color: rgba(0, 138, 214, 0.88);
}
.simpleButton[disabled], .simpleButton[disabled]:hover{
    background-color: transparent;
    color: grey;
    border:none;
}

.center{
    text-align:center;
}

.border-right{
    border-right:1px solid silver;
}

.autoSize{
    width:auto !important;
}

.md-toast{
    position:fixed;
    bottom:40px;
    left:40px;
    padding:10px;
    font-size:20px;
    width:auto;
    color:white
}

.md-toast.success .md-toast-content{
    background-color:#62A844;
}

.md-toast.error .md-toast-content{
    background-color:red;
}

.md-toast.warn .md-toast-content{
    background-color:orange;
    color:black;
}

.accounts-subhead{
    font-size:12px;
    text-decoration: none;
    margin:0;
    margin-bottom:5px;
}

.account-management img{
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

md-checkbox.md-checked .md-icon{
    background-color: #575757;
}

.hide-client-name {
    display:none;
}
.permissions-table .hide-client-name:first-of-type{
    display:block;
}
.permissions-table td {
    padding: 0.1em 0.625em !important;
}
.permissions-table .subheader th,
.group-users-table .subheader th{
	border-bottom: 1px solid silver;
}
.permissions-table md-autocomplete input[type=search],
.group-users-table md-autocomplete input[type=search] {
    border-bottom: 1px solid #666666;
    color: #666666 !important;
    width: auto;
}
.groupDetails-details,
.userDetails-details {
	background-color: rgb(241, 241, 241);
}
.groupDetails-details h6,
.userDetails-details h6 {
	font-weight: bold;
}
.launchpad table.permissions-table,
.launchpad .permissions-table th,
.launchpad .permissions-table td,
.launchpad table.group-users-table,
.launchpad .group-users-table th,
.launchpad .group-users-table td {
    color: #666666;
    font-size: 0.9em;
}
.permissions-tooltip {
    min-width:280px;
    text-align:left;
}

.management-wrapper thead th{
    font-weight:bold;
}
.color-red{
    color:red!important;
}
.color-green{
    color:rgba(0, 180, 0, 0.87) !important;
}
.center-text {
	text-align: center;
}
.right-text {
	text-align: right;
}
.middle {
	vertical-align: middle;
}
.center-middle {
	text-align: center;
	vertical-align: middle;
}
td.min-width {
    width: 1px;
    white-space: nowrap;
}
.message-error{color:#0a4ecc; font-style: italic;}
.message-success{color:#0a4ecc; font-style: italic;}
.pixel-logo {
    width: auto;
    height: 2.2em;
}
.collapsed{
    margin-bottom:10px;
}

/** PAGINATION **/
tfoot{
    background:transparent !important;
}

.pagination {
    margin: 1.5em 0;
    text-align:center;
}
.pagination a{
    color:#0F4B91;
}
.pagination ul{
    display:inline-block;
    *display:inline;
    *zoom:1;
    margin-left:0;
    margin-bottom:0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul>li{
    display:inline;
}
.pagination ul>li>a,.pagination ul>li>span{
    float:left;padding:0 14px;
    line-height:38px;
    text-decoration:none;
    background-color:#ffffff;
    border:1px solid #dddddd;
    border-left-width:0;
}
.pagination ul>li>a:hover,.pagination ul>.active>a,.pagination ul>.active>span{
    background-color:#f5f5f5;
}
.pagination ul>.active>a,.pagination ul>.active>span{
    color:#999999;
    cursor:default;
}
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover{
    color:#999999;
    background-color:transparent;
    cursor:default;
}
.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{
    border-left-width:1px;
    -webkit-border-radius:3px 0 0 3px;
    -moz-border-radius:3px 0 0 3px;
    border-radius:3px 0 0 3px;}
.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{
    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;
}
.pagination-centered{
    text-align:center;
}
.pagination-right{
    text-align:right;
}

.help-block {
    color:red;
}
.invalidAutocomplete{
    border-style:solid;
    border-color: red;
}
/***** DATA LAYOUT TOOL *****/
#data-layout-tool input[type="file"], #data-layout-tool input[type="checkbox"], #data-layout-tool input[type="radio"], #data-layout-tool select {
    margin: 0;
}
.altcolor:nth-child(odd){
    background-color:#eee;
    margin-bottom:10px;
}

.archive-altcolor:nth-child(odd){
    background-color:#ddd;
    margin-bottom:10px;
}

.md-button{
    color:white;
}
.md-button:hover{
    color:white;
}
button:hover, button:focus, .button:hover, .button:focus {
    background-color: transparent;
}

.md-button.default {
    color: #070d05;
    background-color: #fafafa;
    border: 1px solid #ddd;
}
.md-button.default:hover,
.md-button.default:not([disabled]):hover,
.md-button.default:focus {
    background-color: #f0f0f0;
}

.md-button.grey{
    color:black;
    background-color:#e6e6e6;
}
.md-button.grey:hover{
    color:black;
    background-color:#b3b3b3;
}

.md-button.danger {
    background-color: #fafafa;
    border: 1px solid #ddd;
    color: #d21f2e;
}
.md-button.danger:hover,
.md-button.danger:not([disabled]):hover,
.md-button.danger:focus {
    background-color: #f0f0f0;
}

.md-button.green{
    background-color:#60a845;
}
a.md-button.md-default-theme:not([disabled]):hover, a.md-button:not([disabled]):hover, .md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover {
    background-color:#1e88e5;
}
.md-button.green:hover{
    background-color:#477807;
}
.md-button.blue{
    background-color:#2196f3;
}
.btn-blue {
    background-color:#2196f3;
}
.btn-blue:hover,
.btn-blue:focus {
    background-color:#1e88e5;
}
.md-button.blue:hover,
.md-button.blue:focus {
    background-color:#1e88e5;
}
.md-button[disabled]{
    color:silver !important;
}
#selectedType{
    width: auto;
}
.md-button.large{
    font-size:1em;
    padding:.70em 2em;
}
.cmix-green {
    color: #60a845
}
md-card h4{
    margin:8px 8px 25px 15px;
    border-bottom:1px solid lightgrey;
}

md-select{
    margin-top:0px;
}

md-input-container{
    margin:0 0 10px 0;
}

label.md-static{
    width:400px;
}

.center-align{
    text-align:center !important;
}

/**company settings **/
.client-logo {
    border:1px solid grey;
}
.client-update {
    color:black;
    border: 1px solid lightgrey;
}
md-button.client-update:hover {
    color:black;
    border: 1px solid lightgrey;
    background-color: white;
}
/** Data export layout tool **/
.dataexport-layout-tool md-input-container {
    margin: 0 !important;
}
.persist-error {
    background-color: #D0202E;
    color: white;
    border-radius: 4px;
    padding: 2px 22px 2px 8px;
    font-size: 0.8em;
    cursor: pointer;
    position: relative;
}
.persist-error::after {
    content: 'X';
    position: absolute;
    right: 6px;
    top: 5px;
    font-size: 12px;
    line-height: 12px;
    width: 12px;
    height: 12px;
    text-align: center;
}
.dataexport-layout-tool__dialog .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
}

.dataexport-layout-tool__dialog {
    /* We set max values too because md-dialog has lower max values.
         This tool should take up as much space as possible. */
    max-width: 95%;
    max-height: 95%;
    width:95%;
    height:95%;
}
.dataexport-layout-tool {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.dataexport-layout-bulk-edit {
    padding: 10px;
}
.dataexport-layout-bulk-edit td {
    padding: 5px;
    line-height: 1;
    font-size: 0.8em;
    vertical-align: top;
}
.dataexport-layout-bulk-edit label {
    font-size: 1em;
}
.dataexport-layout-bulk-edit input,
.dataexport-layout-bulk-edit md-select {
    margin: 0;
}

.dataexport-layout-tool input[type="text"].error {
    background-color: rgba(208, 32, 46, 0.25);
}
.dataexport-layout-tool .error-text {
    color: red;
    font-size: 0.8em;
    margin: 2px;
}

.dataexport-layout-additem,
.dataexport-layout-emoveitem {
    font-size: 1em;
}

.dataexport-layout-tool [md-tabs-template] {
    height: 100%;
}

.dataexport-layout-tool md-input-container.md-input-invalid .md-input {
    border-color: rgb(244, 67, 54) !important;
}

.dataexport-layout-tool .highlight {
    background-color: rgba(34, 167, 240, 1);
}

.dataexport-layout-tool button {
    background-color: inherit;
    border-color: inherit;
}

.dataexport-layout-sortoptions {
    max-width: 150px;
}

.dataexport-layoutitem-added {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    border: 2px solid rgb(63,81,181);
    background-color: white;
    cursor: pointer;
}
.dataexport-layoutitem-added:focus {
    outline: none;
}
.dataexport-layoutitem-added.fill {
    background-color: rgb(63,81,181);
}

.dataexport-layout-table-header,
.dataexport-layout-table-body {
    padding-top: 5px;
    padding-bottom: 5px;
    box-sizing: content-box;
    margin: 0;
    min-width: 1220px;
}
.dataexport-layout-table-body {
    margin-top: 2px;
    display: block;
}
.dataexport-layout-table-body span[disabled] {
    color: rgba(0, 0, 0, 0.26);
}
.dataexport-layout-table-header {
    background-color: rgb(90, 90, 90);
    color: white;
    padding-right: 20px;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
    z-index: 2;
}

.dataexport-layout-tablewrapper {
    padding: 0 !important;
    overflow: hidden;
    position: relative;
}


.dataexport-layout-moveoptions {
    width: 60px;
    padding-right: 4px;
    background-color: rgb(90,90,90);
    text-align: center;
    position: relative;
    margin-left: 0;
}
.dataexport-layout-moveoptions.ng-hide-add,
.dataexport-layout-moveoptions.ng-hide-emove {
    transition: margin-left 0.3s ease-out;
    -moz-transition: margin-left 0.3s ease-out;
    -webkit-transition: margin-left 0.3s ease-out;
    -o-transition: margin-left 0.3s ease-out;
}
.dataexport-layout-moveoptions.ng-hide {
    margin-left: -60px;
}
.dataexport-layout-moveup,
.dataexport-layout-movedown,
.dataexport-layout-movetop,
.dataexport-layout-movebottom {
    min-width: 20px;
    width: 25px;
    padding: 0;
    margin: 0;
}
.dataexport-layout-moveup span,
.dataexport-layout-movedown span,
.dataexport-layout-movetop span,
.dataexport-layout-movebottom span {
    position: relative;
}
.dataexport-layout-movetop span::after,
.dataexport-layout-movebottom span::after {
    content: '';
    width: 11px;
    height: 1px;
    border: 1px solid rgba(255,255,255,0.9);
    border-radius: 2px;
    position: absolute;
}
.dataexport-layout-movetop span::after {
    left: 7px;
    top: 6px;
}
.dataexport-layout-movebottom span::after {
    bottom: 7px;
    left: 7px;
}

.dataexport-layout-table-moveto input {
    margin: 0;
    padding: 2px;
    width: 50px;
    height: 25px;
}
.dataexport-layout-table-moveto button {
    margin: 5px 0 0 0;
    height: 25px;
    min-height: 25px;
    width: 50px;
    min-width: 50px;
    line-height: 16px;
    padding: 2px;
}

.dataexport-layoutitem {
    background-color: white;
}
.dataexport-layoutitem.not-modifiable {
    background-color: rgb(240,240,240);
    opacity: 0.6;
}

.dataexport-layoutitem md-select,
.dataexport-layoutitem md-input-container,
.dataexport-layoutitem md-input-container > * {
    margin: 0;
    font-size: 0.875em;
}

.dataexport-layout-table-col {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
    font-size: 0.875em;
    position: relative;
    text-align: left;
    min-height: 1px;
}
.dataexport-layout-table-header .dataexport-layout-table-col {
    vertical-align: bottom;
    font-size: 1em;
}

.dataexport-layoutitem-tooltip {
    /*background-color: rgba(80, 80, 80, .8) !important;*/
}

.dataexport-layoutitem-move-col         { width: 20px; text-align: center; }
.dataexport-layoutitem-select-col       { width: 40px; text-align: center; }
.dataexport-layoutitem-added-col        { width: auto; text-align: center; padding: 0 5px; min-width: 44px; }
.dataexport-layoutitem-order-col        { width: 40px; text-align: left; }
.dataexport-layoutitem-name-col         { width: calc(20% - 120px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dataexport-layoutitem-altname-col      { width: 12%; }
.dataexport-layoutitem-altlabel-col     { width: 12%; }
.dataexport-layoutitem-width-col        { width: 8%; }
.dataexport-layoutitem-forcestart-col   { width: 8%; }
.dataexport-layoutitem-start-col        { width: 6%; }
.dataexport-layoutitem-end-col          { width: 6%; }
.dataexport-layoutitem-spsscolwidth-col    { width: 8%; }
.dataexport-layoutitem-spssmeasure-col  { width: 8%; }
.dataexport-layoutitem-spssalign-col    { width: 8%; }

.dataexport-layout-error__container .persist-error,
.dataexport-layout-name__wrapper {
    margin: 8px 8px 8px 0;
}

.dataexport-layoutitem-altname-col md-input-container,
.dataexport-layoutitem-altlabel-col md-input-container {
    width: 80%;
}
.dataexport-layoutitem-altname-col input,
.dataexport-layoutitem-altlabel-col input {
    width: calc(100% - 3px);
}

.dataexport-layoutitem-name {
    background-color: rgb(90,90,90);
    color: white;
    padding: 2px 3px;
    border-radius: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dataexport-layoutitem-move {
    font-size: 1em !important;
    cursor: move;
}

.dataexport-layoutitem.hidden {
    visibility: hidden;
}
.dataexport-layoutitem-dragging {
    background-color: white;
    border: 1px solid rgb(90,90,90);
    padding: 2px;
    border-radius: 2px;
    opacity: 1 !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.dataexport-layout-table.add-remove .dataexport-layoutitem-name-col {
    width: 80%;
}

.dataexport-layout-search {
    background-color: rgb(90,90,90) !important;
    color: white !important;
}

.dataexport-layout-sortoptions {
    max-width: 125px;
}

.dataexport-layout-table-header md-checkbox .md-icon {
    border-color: rgba(255,255,255,0.8);
}


.dataexport-layoutitem-width,
.dataexport-layoutitem-forcestart,
.dataexport-layoutitem-spsscolwidth {
    max-width: 75px;
}
.dataexport-layoutitem-spssmeasure,
.dataexport-layoutitem-spssalign {
    max-width: 100px;
}


/** Full screen md-dialog **/
md-dialog.full-screen-dialog {
    max-width: 95%;
    max-height: 95%;
    width:95%;
    height:95%;
}
md-dialog.full-screen-dialog .dialog-title {
    color: white;
    margin-left: 20px;
}
md-dialog.full-screen-dialog md-dialog-content {
    overflow: hidden;
    position: relative;
}
md-dialog.full-screen-dialog .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
}
md-dialog.full-screen-dialog .mask-container,
md-dialog.full-screen-dialog .mask-message {
    text-align: center;
}
md-dialog .error-message {
    color:#D0202E;
    text-align:center;
}
md-dialog-actions .error-message {
    text-align:left;
}

/** Table view **/
.table-view-fill {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.table-view button {
    background-color: inherit;
    border-color: inherit;
}
.table-view md-input-container,
.table-view input[type="text"],
.table-view input[type="number"],
.table-view input[type="checkbox"],
.table-view md-select {
    margin: 0;
}
.table-view input[type="text"].error {
    background-color: rgba(208, 32, 46, 0.25);
}
.table-view md-input-container.md-input-invalid .md-input {
    border-color: rgb(244, 67, 54) !important;
}
.table-view-header {
    margin-bottom: 20px;
}
.table-view-header .error {
    background-color: #D0202E;
    color: white;
    border-radius: 4px;
    padding: 2px 22px 2px 8px;
    font-size: 0.8em;
    cursor: pointer;
    margin: 0 0 10px 0;
    position: relative;
}
.table-view-header .error::after {
    content: 'X';
    position: absolute;
    right: 6px;
    top: 5px;
    font-size: 12px;
    line-height: 12px;
    width: 12px;
    height: 12px;
    text-align: center;
}
.table-view__filter-options {
    margin: 0 10px;
}
.table-view__content {
    padding: 0 !important;
    overflow: hidden;
    position: relative;
}
.table-view__left-nav {
    width: 60px;
    background-color: rgb(90,90,90);
    text-align: center;
    position: relative;
    margin-left: 0;
}
.table-view__left-nav.ng-hide-add,
.table-view__left-nav.ng-hide-remove {
    transition: margin-left 0.3s ease-out;
    -moz-transition: margin-left 0.3s ease-out;
    -webkit-transition: margin-left 0.3s ease-out;
    -o-transition: margin-left 0.3s ease-out;
}
.table-view__left-nav.ng-hide {
    margin-left: -60px;
}
.table-view__left-nav--icon {
    font-size: 1em;
    min-width: 0;
    width: 100%;
}
.table-view__table-wrapper {
    overflow-x: auto;
}
.table-view__table-header {
    background-color: rgb(90, 90, 90);
    color: white;
    padding-right: 20px;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
    z-index: 2;
}
.table-view__table-header md-checkbox .md-icon {
    border-color: rgba(255,255,255,0.8);
}
.table-view__table-header,
.table-view__table-body {
    padding-top: 5px;
    padding-bottom: 5px;
    box-sizing: content-box;
    margin: 0;
}
.table-view__table-body {
    margin-top: 2px;
    display: block;
}
.table-view__table-row {
    font-size: 0.8em;
    margin-left: 10px;
}
.table-view__table-row--active,
.table-view__table-row--inactive {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    border: 2px solid rgb(63,81,181);
    background-color: white;
    cursor: pointer;
}
.table-view__table-row--active:focus,
.table-view__table-row--inactive:focus {
    outline: none;
}
.table-view__table-row--active {
    background-color: rgb(63,81,181);
}
.table-view__active-column {
    width: 25px;
}
.table-view .highlight {
    background-color: rgba(34, 167, 240, 1);
    color: white;
}
input[type="text"].table-view__search {
    color: white;
    background-color: rgb(90,90,90);
}


/** Test data template tool **/
.test-data-template__formula-column {
    width: 70px;
 }
.test-data-template .table-view__table-row {
    height: 45px;
    overflow: hidden;
}
input[type="text"].test-data-template__other-specify-input {
    margin-left: 10px;
}

.refresh-icon{
    padding-top:10px;
}

.highlightable:hover{
    background-color:#f5f5f5 !important;
}

.pagination .md-button{
    padding:0;
    margin:0;
}

table.event-log {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 100%;
}
table.event-log th,
table.event-log td {
    padding: 0.25em 0.5em;
    line-height: 1.4em;
    border: 1px solid #ddd;
    vertical-align: middle;
}
table.event-log th {
    text-align: left;
    font-weight: 700;
    background-color: #f8f8f8;
    border-bottom-width: 2px;
}

table.event-log tr td:last-child {
    text-align: right;
}

table.event-log tr td.empty {
    text-align: left;
}

.tooltip-lg{
    min-width:200px;
    z-index:500;
}

#dashboard-wrapper{
    z-index: 1;
    margin-bottom:20px;
}

#filter-refresh a{
    color:black;
    font-size:12px;
}

#filter-refresh img{
    width:13px;
    margin-left:5px;
    position: relative;
    top: -2px;
}

/** DASHBOARD TABS **/
#tab-holder{
    margin-bottom:15px;
    border-bottom:1px solid #DEDCDC;
    width:100%;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.tab {
    list-style: none;
    padding: 10px;
    display:inline-block;
    vertical-align: bottom;
    background-color: #EEE;
    color: #000;
    border: 1px solid #DEDCDC;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-width: 0;
    cursor:pointer;
}

.tab-wrapper {
    margin-bottom: 30px;
    min-height: 550px; /*fix to mitigate tabs scrolling to the top on tabs that are too short*/
}

.tab:hover{
    background-color: #DEDCDC;
}

.tab.selected{
    background-color:#2196f3;
    color:#fff;
}

.tab-content{
    width:100%;
    padding:0.5em;
}

.lg-nopadding {
   padding-left: 0;
   padding-right: 0;
}

.column.nopadding-left {
    padding-left: 0;
}
.column.nopadding-right{
    padding-right: 0;
}

@media (max-width: 1024px) {
    .column.nopadding-left {
        padding-right: 0;
        padding-left: 0;
    }
    .column.nopadding-right{
        padding-right: 0;
        padding-right: 0;
        padding-left: 0;
    }
}

.single-panel{
    border:1px dotted black;
    margin-top: 19px;
}

.permission-nav-links .title{
    font-size:.9em;
}

.content-start{
    border-top:1px solid #eee;
    padding-top:1.8em;
}

.criticalmix-logo{
    max-width:140px;
    max-height:29px;
    position: relative;
    top:0.8em;
}
.criticalmix-logo-2017{
    max-width:140px;
    max-height:50px;
    position: relative;
    top:.6em;
}

.margin-left {
    margin-left:9%;
}
.margin-left-right {
    margin-left:9%;
    margin-right:9%;
}

.login-header {
    background-color:#60A845;
    width:100%;
    height:3.5em;
}
.form-fields {
    padding:1.3em;
}
.login-form {
    width:20em;
    height:17em;
    background-color: #60A845;
    -webkit-border-radius:13px;
    -moz-border-radius:13px;
    border-radius:13px;
}

.max-height-row {
    max-height:20em;
}

.text-align-center {
    text-align: center;
}
.margin-left {
    margin-left:9%;
}
.input-text-login-height {
    height:2.3em;
}

.login-large {
    margin-top: 9%;
    margin-left: 5%;
}
.input-text-color {
    color:#ababab;
}

.password-container{
    position: relative;
    display: inline-block;
    width: 100%;
}

.password-container a {
    position: absolute;
    right: .3em;
    top: .5em;
}

.row-divider {
    border-bottom-style: solid;
    border-bottom-color: #d7d7d7
}
.row-bottom-padding {
    padding-bottom: 6%;
}

.footer-center {
    text-align:center;
}

.figure {
    display:block;
}

.margin-left-right {
    margin-left: 9%;
    margin-right: 9%;
}

.image-margin {
    padding-right: 9%;
    padding-left: 9%
}

.image-borders {
    border-right: solid;
}

.left-nav-toggle{
    background-color: #60a845;
    position: relative;
    z-index: 2;
    vertical-align: middle;
    font-size: 2.5em;
    padding: 0 .5rem 0 0;
    margin: 0;
    top: -5px;
}

.question-name {
    background-color: rgb(87, 87, 87);
    border-radius: 2px;
    padding: 3px 4px;
    color: white;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26);
}

.question-label {
    color: black;
}

.selected {
    background-color: lightgreen;
}

.material-icons.md-18 { font-size: 18px; }

.library-table tr > td {
    font-size: 12px;
}

.library-table .material-icons {
    font-size: 12px;
}

.inline-block {
    display: inline-block;
}

.section-expand-header {
    margin-top: 10px;
    cursor: pointer;
    outline: none;
}

.cmix-btn-close {
    color: black;
}

.question-demo {
  background-color: rgb(255, 255, 255);
}

.question-demo .margins {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}

.question-demo .sign-in-button:hover {
  color: black;
}

.question-demo .demo-header,
.question-demo .demo-footer {
  background-color: #60A845;
  width: 100%;
  height: 4em;
  padding-top: 0.5em;
}

.question-demo .content {
  margin-top: 1em;
  background: rgb(255, 255, 255);
  overflow: initial;
}

.question-demo .demo-title {
    color: rgb(96, 168, 69);
    font-size: 4em;
    width: 70%;
    line-height: 1;
    font-weight: 700;
    padding-top: 4%;
}

.question-demo .question-list {
  margin: 5% 0;
}

.question-demo .image-container {
  padding: 15%;
  height: 70%;
  width: 80%;
  border: rgb(96, 168, 69) 3px solid;
  border-radius: 17%;
  margin: 0 auto;
}

.question-demo .image-container:hover {
  -moz-box-shadow: 0 0 4px 1px grey;
  -webkit-box-shadow: 0 0 4px 1px grey;
  box-shadow: 0 0 4px 1px  grey;
}

.question-demo .question-type {
  background: none;
  color: rgb(0, 0, 0);
  display: block;
  margin-bottom: -2em;
}

.question-demo md-grid-tile-footer figcaption {
  margin: 0;
  width: 100%;
  text-align: center;
}

.question-demo .simple-to-the-most {
  color: #696969;
  font-size: 2em;
}

.question-demo .image-caption-text {
  color: #696969;
  font-size: 2em;
  font-weight: bolder;
  margin: 0;
}

.question-demo .demo-footer {
  margin-top: 2em;
}

@media (max-width: 768px) {
  .question-demo {
    font-size: 60%;
  }

  .criticalmix-logo-2017 {
    top: .6em;
  }

  .question-demo .demo-header,
  .question-demo .demo-footer {
    height: 6.5em;
    padding-top: 1em;
  }

  .question-demo .question-type {
    margin-bottom: -4em;
  }
}

@media (max-width: 414px) {
  .question-demo {
    font-size: 34%;
  }

  .criticalmix-logo-2017 {
    top: 1.4em;
  }

  .question-demo .demo-header,
  .question-demo .demo-footer {
    height: 10.5em;
    padding-top: 1em;
  }

  .question-demo .question-type {
    margin-bottom: -7em;
  }
}

/* notification overrides */
.cmix-task-notification {
    margin: 0;
    font-size: 1em;
}

.cmix-task-notification__count{
    font-size: 1em;
}

/** this can be removed once foundation is gone **/
.tab.qa .cmix-task-notification__count {
    color: rgb(0,0,0)!important;
    text-shadow: none;
}

.tab.qa.selected .cmix-task-notification__count {
    color: rgb(255,255,255)!important;
    text-shadow: none;
}

.new-thing {
    font-size: 0.7em;
    font-weight: bold;
    color: #60A845;
    float: right;
    padding-top: 0.4em;
}

.simulation-info {
    margin-bottom: 2em;
    text-align: center;
}

.simulation-grid .ht_master .wtHolder {
    overflow-x: hidden !important;
}

.CodeMirror {
    height: 100%;
    border: 1px solid darkgray;
    border-radius: 4px;
}

.survey-definition .md-button[disabled] {
    background-color: darkgray;
    color: white;
    cursor: default;
}

.survey-definition #definition-container {
    margin-top: 10px;
}

.survey-definition .warning {
    background-color: #F9D546;
    color: black;
    padding: 5px;
}

.survey-definition-menu h4 {
    padding: 5px 8px;
    width: 100%;
    border-bottom: 1px solid #EEE;
    font-size: 18px;
}

.dashboard .dashboard-description {
  margin-top: -0.6rem;
  margin-bottom: 0.3rem;
}

.dashboard .survey-choices {
  margin-bottom: 1.8rem;
}

.dashboard .survey-choices button {
  font-size: 0.8em;
}

#sync-dialog p {
  font-size: 1.2em;
  text-align: center;
  height: 50%;
  padding: 1em;
}

#sync-dialog label {
  font-size: 1.2em;
  text-align: center;
  height: 50%;"
}

#sync-dialog div.progress-container {
  margin-left: 1em;
  width: calc(100% - 2em);
  text-align: center;
}

/********************* ORDER SAMPLE ****************************/
.sample-request-dialog {
  height: 75%;
}
.sample-request-dialog input.flush {
  margin-bottom: 0;
}
.sample-request-dialog md-select {
  margin-bottom: 0.5em;
}
.sample-request-dialog_section-container {
  padding: 1em;
  border-bottom: 1px solid #ddd;
}
.sample-request-dialog .custom-checkbox {
  margin-top: 0.5em;
}
.sample-request-dialog .custom-checkbox input {
  margin-bottom: 0;
}
.sample-request-dialog .sample-size-input,
.sample-request-dialog .loi-input,
.sample-request-dialog .incidence-input {
  margin-bottom: 0;
  width: 7em;
}
.sample-request-dialog .loi-input,
.sample-request-dialog .incidence-input {
    display: inline;
}
.sample-request-dialog .general-tab {
  padding-top: 1em;
}
.srd_demographics {
  padding-top: 1em;
}
.srd_custom-criteria {
  padding-top: 1em;
}
.srd_custom-criteria textarea {
  margin-bottom: 0;
}
.sample-request-dialog .send-btn {
  margin-left: 0.5em;
}