.btn-primary {
    background-color:#276a89;
    border-color:#276a89;
}

.form-control {
    padding:23px 12px;
}

textarea.form-control {
    padding:12px;
}

.form-group {
    margin-top:1em;
    margin-bottom:1em;
}

.demographicInfo {
    padding-bottom:7em;
}

.survey-map-button {
    margin-top:-4px;
    margin-left:0.5em;
}

.form-group select {
    width:40%;
    margin-top:1em;
    padding:7px 12px;
    background-color:#2a2d38;
    border:none;
    border-radius: 3px;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.2);
    border-bottom: 1px solid #424758;
}

.demographicInfo .form-group select, .demographicInfo .form-group input {
    width:100%;
    margin-top:0.5em; 
    padding:14px 12px;
    background-color:#2a2d38;
    border:none;
    border-radius: 3px;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.2);
    border-bottom: 1px solid #424758;
}


.progress-links .visited-link {
    opacity:0.6;
}
.progress-links .active-link {
    opacity:1;
}

.next-button a:active,
.next-button a:focus,
.previous-button a:active,
.previous-button a:focus {
    text-decoration:none;
}


/*Color Changes*/

    body,
    .modal-dialog .modal-content,
    .modal-dialog .modal-content .close {
        background-color:#f6f6f6;
        color:#2B3856;
    }

    .right-container, .chart-container {
        background-color:#E5E4E2;
    }

    h1, h2 {
        color:#25383C;
    }

    .metroLegend {font-size:0.9em; border-radius:5px; color:#2B547E;}

    .clientLegend {font-size:0.9em; border-radius:5px; color:#e4a917;}

    .btn-default {
        color:#2B3856;
        border-color:#757a8d;
    }

    .btn-primary {
        background-color:#2B547E;
        border-color:#2B547E;
    }

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        background-color:#315e8b;
        border-color:#315e8b;
        box-shadow:none;
    }

    .btn-default:hover, .btn-default:active, .btn-default:focus {
        border-color:#9ca1b5;
    }

    .form-group .form-control, .input-group .form-control,
    .demographicInfo .form-group select,
    .demographicInfo .form-group input,
    .form-group select {
        background-color:#ffffff;
        border-bottom: 1px solid #e0dfdd;
        border-right: 1px solid #e0dfdd;
    }

    .draggable-container li {
        border-color:#9ca1b5;
    }

    .draggable-container li:hover {
        background-color:#E5E4E2;
    }

    .footer {
        background-color:#566D7E;
    }


    .footer .next-button a:hover:after,
    .footer .previous-button a:hover:after {
        background-color:#4f6473;
    }

    .next-button:hover,
    .previous-button:hover {
        background-color:#4f6473!important;
    }

    .footer .next-button .btn-text span, .footer .previous-button .btn-text span {
        color:#FDD017;
    }

    .footer .next-button a:hover, .footer .previous-button a:hover {
        color:#516676;
    }


    .footer .next-button icon,
    .footer .previous-button icon {
        color:#495d6b;
    }

    .footer .next-button a:hover icon,
    .footer .previous-button a:hover icon {
        color:#566D7E;
    }

    .progress-links li {
        background-color:#495d6b;
        border-color:#566D7E;
        color:#fff;
    }

    .progress-links li:hover {
        border-color:#495d6b;
    }
    .progress-links .active-link, .progress-links .active-link:hover {
        background-color:#2B547E;
        border-color:#2B547E;
    }

    .progress-links .visited-link {
        background-color:#2B547E;
    }

    .progress-links .visited-link:hover {
        border-color:#2B547E;
    }

    .footer .previous-button {
        border-right:1px solid #4e6271;
    }

    .footer .next-button {
        border-left:1px solid #4e6271;
    }

.pdlr{font-family: 'Roboto', sans-serif;}
  .trans-title{font-size: 22px;font-weight: bold;line-height: 1.5;letter-spacing: normal;color: #3c3d3e;}
  .h3, h3{font-size:22px;}
  .trans-txt{font-size: 16px;line-height: 1.57;color: #5c5c5c;margin-bottom:0;}
  .draggable-container li{border-color: #d9d9d9;background: #ececec;font-family: 'Montserrat', sans-serif;color: #0054a3;line-height: 2;}
  .form-group textarea{background-color:#fff !important;font-size:14px !important;color:#555555;font-family: 'Montserrat', sans-serif;}
  .right-container{background-color:#fff;}
  .previous-button,.next-button{padding:18px 0 !important;}
  .previous-button h3, .previous-button span,.next-button h3, .next-button span{font-size: 16px;font-family: 'Roboto', sans-serif;}
  .previous-button h3,.next-button h3{color: #40a8c5 !important; font-weight: bold !important;text-transform:uppercase;}
  .previous-button span,.next-button span{color: #ffffff !important;font-weight:normal !important;}
  .progress-links{width: 90%;margin:1em auto !important}
  .progress-links .rounded-link{width: 50px;height: 50px;background-color: #506574;border: solid 3px #6a8192;padding:15px 17px}
  .progress-links .active-link span{background-color: #ffffff;border: solid 3px #3fa8c5;color:#506574;padding:12px 17px;width:80px;height:80px;border-radius:50%;}
  .rounded-link{border:none !important;background:none !important;}
  .rounded-link span{width: 50px;height: 50px;background-color: #506574;border: solid 3px #6a8192;padding: 12px 17px;border-radius:50%;}
  .progress-links .rounded-link:hover, .active-link:hover span{color: #356372; text-decoration: underline; cursor: pointer;}
  .rounded-link{width:14% !important}
  .bar-line{width:80% !important;height:4px !important;background:#6a8192 !important;border-radius:0px !important;border:none !important}
  .dot-ico{padding:0 20px 0 13px;float:left}
  .footer .next-button .btn-text, .footer .previous-button .btn-text{padding-top:.2em;}
  /* .shadow-right, .left-container{box-shadow: inset -20px 0px 58px -30px #ABABAB,0px 0px 0px -100px #DDDDDD;
-webkit-box-shadow: inset -20px 0px 58px -30px #ABABAB,0px 0px 0px -100px #DDDDDD;
-moz-box-shadow: inset -20px 0px 58px -30px #ABABAB,0px 0px 0px -100px #DDDDDD;
-o-box-shadow: inset -20px 0px 58px -30px #ABABAB,0px 0px 0px -100px #DDDDDD;} */
/* .right-container{box-shadow: inset 26px 0px 58px -30px #ABABAB,0px 0px 0px -100px #DDDDDD;
-webkit-box-shadow: inset 26px 0px 58px -30px #ABABAB,0px 0px 0px -100px #DDDDDD;
-moz-box-shadow: inset 26px 0px 58px -30px #ABABAB,0px 0px 0px -100px #DDDDDD;
-o-box-shadow: inset 26px 0px 58px -30px #ABABAB,0px 0px 0px -100px #DDDDDD;
} */
.ddd-handle {position: absolute !important;}
.last-item span { margin: 0 !important;}
.list-item span{margin:0px 0px 0px 4px}
.last-item{padding:12px 18px;}
.active-link .last-item{padding-left:0px !important;}
.right-container{padding-bottom:100px;}
.row:after, .row:before{display:block !important}
#submitBtn{display:none;}
.mtm01{margin-top: 2em;}
.paddingTop20{padding-top: 20px;}
@media only screen and (max-width: 620px) {
  .rounded-link{width:55px  !important;}
.last-item{/*margin-left:15px !important;*/}
  .progress-links{width:100%;}
}
@media only screen and (max-width: 480px) {
  .rounded-link, .last-item{width:35px !important;height:35px !important;}
  .rounded-link span, .last-item{padding:5px 10px !important;}
  .last-item{margin-top:10px !important}
}
@media only screen and (max-width: 1200px) {
  .shadow-right,.right-container, .right-container{ box-shadow: none;-webkit-box-shadow:none;-moz-box-shadow: none;-o-box-shadow: none;}
  .footer{position:inherit}
}

/* @media screen and (min-width: 1200px) {
    #page2 .left-container{ 
        height: calc(100vh - 82px);
    }
} */