﻿
@font-face {
    font-family: 'aecom-sans';
    src: url('fonts/AECOMSans_Rg.ttf') format('ttf');
    font-weight: 400; /* Regular weight */
    font-style: normal;
}

@font-face {
    font-family: 'aecom-sans';
    src: url('fonts/AECOMSans_It.ttf') format('ttf');
    font-weight: 400; /* Regular weight */
    font-style: italic;
}

@font-face {
    font-family: 'aecom-sans';
    src: url('fonts/AECOMSans_Lt.ttf') format('ttf');
    font-weight: 200; /* Light weight */
    font-style: normal;
}

@font-face {
    font-family: 'aecom-sans';
    src: url('fonts/AECOMSans_Bd.ttf') format('ttf');
    font-weight: 600; /* Bold weight */
    font-style: normal;
}

@font-face {
    font-family: 'aecom-sans';
    src: url('fonts/AECOMSans_XBd.ttf') format('ttf');
    font-weight: 800; /* Bolder weight */
    font-style: normal;
}

body {
background-color: #fff;
font-family: "aecom-sans","Lucida Grande","Segoe UI",Arial,Helvetica,Verdana,sans-serif;
}

a {
    color: #008768;
}

a:hover, a:active, a:focus {
    color: #00353e;
}

/* START header - navbar */
.navbar {
    margin-bottom: 0px;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
.navbar .nav {
margin-left: 100px;
}
.navbar.main .navbar-inner {
    --midnight-teal: hsl(188.71deg 100% 12.16%);
    background-image: linear-gradient( to bottom right, hsla(166.22, 100%, 26.47%, 0.25), var(--midnight-teal), hsla(166.22, 100%, 26.47%, 0.45) );
    background-color: var(--midnight-teal);
    border-radius: 0;
    border: none;
    border-bottom: 1px solid white;
}
.navbar.main .navbar-inner a {
/*color: #fff;*/  /* commenting this out since this conflicts with bootstrap hover classes */
}
.navbar.main .brand {
/*padding: 0 5px 0 0;*/ /* commented out by DK for the new logo header */
padding: 0 5px 5px 0;
}
.navbar .btn, 
.navbar .btn-group {
margin-top: 0px;
}

#nav-menu-icon {
    margin-top: -1px;
}

.whitelink:hover, .whitelink:active, .whitelink:focus {
    color: #fff;
}

/*.background-full {
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0;
    --midnight-teal: hsl(188.71deg 100% 12.16%);
    background-image: linear-gradient( to bottom right, var(--midnight-teal), var(--midnight-teal), hsla(166.22, 100%, 15%, 0.25) );
    background-color: var(--midnight-teal);
}*/

#adtlapps {
    right: 0;
    left: initial;
    border: none;
    border-radius: 0;
    margin-top: 0;
    padding: 0;
}

/*#adtlapps li {
   padding: 5px 0;
}*/

    #adtlapps li a {
        padding: 7px 20px 9px 20px;
        line-height: 20px;
    }

#adtlapps li a:hover,
#adtlapps li a:focus,
#adtlapps li a:active {
    background-color: #00353e;
    background-image: none;
}

.whitelink {
    color: #fff;
}

/* brand */
.brandimg {
float: left; 
margin-left: 20px; 
margin-top: 5px;
}
.brandlogo {
margin-left: 20px;
margin-top: 5px;
}
.brandlogo img {
    height: 33px;
    margin-top: 2px;
}
.brandlogo h3 {
line-height: 20px;
padding-bottom: 0;
margin-bottom: 0;
}

#MainContentHolder {
    padding-top: 60px;
}

.section-title, .schedule-section h4 {
    color: #00353e;
    font-weight: 600;
    font-size: 17px;
}

#selected-applicants-text {
    float: left;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 400;
}

/* layout - reusable */
.innerALL {
padding: 10px;
}
.innerLR {
padding: 0 10px;
}
.marginALL {
margin: 10px;
}
.marginL {
margin-left: 10px;
}
.marginT-large {
margin-top: 25px;
}

/* Sign in */
.form-signin {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 400px;
    margin: 60px auto 0 auto;
    padding: 20px 5px 30px 5px;
}
.form-signin-heading {
    color: #00353e;
    margin: 12px 0;
    font-size: 25px;
}
.form-signin img {
    filter: drop-shadow(0px 2px 2px rgb(0 0 0 / 0.3));
    width: 140px;
}
.form-signin label {
    margin-bottom: 0;
    color: #00353e;
}
.form-signin input {
    margin-bottom: 0;
    /*width: 300px;*/
}
#MainContent_Login1_UserName,
#MainContent_Login1_Password {
    width: 300px;
}
.form-signin .checkbox {
    line-height: 20px;
}
.form-signin .btn-primary {
    margin-top: 20px;
    float: right;
}
.form-signin p {
    margin-top: 2px;
    margin-bottom: 0;
}
/* text */
.master-heading,
.page-title {
    color: #00353e;
    font-weight: normal;
    border-bottom: 2px solid hsl(188.71deg 100% 12.16% / 0.2);
    padding: 10px 0;
    margin-bottom: 25px;
}

/* date box */
.igte_Inner INPUT[type='text'] {
border: 0px;
margin-bottom: 0px;
}

.igte_Button {
    background-image: none;
    background-repeat: no-repeat;
    border: solid 1px #008768;
    background-color: #008768;
}

.igte_ButtonHover {
    background-image: none;
    background-repeat: no-repeat;
    border: solid 1px #075946;
    background-color: #075946;
}
.igmc_Header {
    font-weight: 400;
    background-color: #00353e;
    border-bottom: 1px solid #008768;
    background-image: none;
    background-repeat: no-repeat;
}
.igmc_MonthYear {
    font-weight: 400;
}
.igmc_HoverMonthYear {
    color: #fff;
}
.igmc_FocusDay, .igmc_OtherMonthDay.igmc_FocusDay {
    background-color: #008768;
    font-weight: initial;
    border-color: #008768;
}
.igmc_HoverDay, .igmc_TodayDay.igmc_HoverDay, .igmc_OtherMonthDay.igmc_HoverDay {
    background-color: #e5eaeb;
    background-image: none;
    background-repeat: no-repeat;
    border: 1px solid #e5eaeb;
    font-weight: initial;
    color: #00353e;
}
.igmc_Footer, .igmc_DOW {
    background-color: #dddddd;
    background-image: none;
    background-repeat: no-repeat;
}
.igmc_Day, .igmc_DOW {
    font-weight: 400;
}
.igte_Focus {
    border-color: #008768;
}
.igte_Inner {
    padding: 5px;
}
/* datebox setup */
table.datetimebox {
    line-height: 20px;
    height: 20px;
}
table.datetimebox input {
margin-right: 5px;
}
.igte_Inner input.datetimebox {
margin: 0;
padding:0;
}

/* Log Entry Overrides */
#MainContent_MainContent_ucPhoneLog_diaPhoneLog {
    background-color: white;
    border-color: #00353e;
    /*top: 65% !important;*/
}
    #MainContent_MainContent_ucPhoneLog_diaPhoneLog .igdw_HeaderArea .igdw_HeaderButtonArea img,
    #MainContent_MainContent_ucAttachment_diaUpload .igdw_HeaderArea .igdw_HeaderButtonArea img {
        content: url('img/close.svg');
    }
        #MainContent_MainContent_ucPhoneLog_diaPhoneLog .igdw_HeaderArea .igdw_HeaderButtonArea img:hover,
        #MainContent_MainContent_ucAttachment_diaUpload .igdw_HeaderArea .igdw_HeaderButtonArea img:hover {
            cursor: pointer;
        }

.igdw_BodyEdgeLeft,
.igdw_BodyEdgeRight,
.igdw_BodyEdgeBottom,
.igdw_BodyCornerBottomRight,
.igdw_BodyCornerBottomLeft {
    display: none;
}
.igdw_HeaderCornerLeft,
.igdw_HeaderContent,
.igdw_HeaderCornerRight {
    background-image: none;
    background-color: #008768;
}
.igdw_BodyContent {
    padding: 20px;
}
.igdw_HeaderArea {
    font-weight: 400;
    height: 35px;
    color: White;
}
#MainContent_MainContent_UpdatePanel1 label {
    color: #00353e;
    font-size: 13px;
    margin-bottom: 3px;
}

.flex-wrap-form {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    max-width: 1100px;
    margin: 20px 20px 20px 50px;
}
.form-group {
    display: flex;
    flex-direction: column;
    width: 250px;
}
.form-group label {
    margin-bottom: 4px;
    font-weight: bold;
}
.form-group input,
.form-group select {
    padding: 6px;
    font-size: 1rem;
    width: auto;
}
.form-group.address-input {
    width: 100%;
}
/* Lists */
.list-info li {
    margin: 0 0 10px 10px;
}
.info-well label,
.list-info label {
    font-weight: normal;
    margin-bottom: 3px;
    color: #7f7f7f;
}

.route-info-title {
    color: #7f7f7f;
}

/* Change Password */
#MainContent_ucUserDetails1_diaUpload {
    height: 330px !important;
    width: 400px !important;
}
    #MainContent_ucUserDetails1_diaUpload #igdw_BodyContent {
        height: 330px !important;
    }
/* alert boxes */
.alert [class^="icon-"],
.alert [class*=" icon-"] {
    vertical-align: middle;
    color: #5DB2FF;
    margin: 0; /* 0 0 0 20px; */
}

.alert-info {
    color: #004044;
    background-color: #e5eaeb;
    border-color: #e5eaeb;
}

.ui-accordion .ui-accordion-header {
    border-radius: 0;
}
.ui-accordion li {
    font-size: 14px;
}

.ui-accordion li a {
    color: #00353e;
}

    .ui-accordion li a:hover, .ui-accordion li a:active, .ui-accordion li a:focus {
        color: #008768;
    }

#rightContent .ui-accordion .ui-accordion-header.ui-state-default {
    border: 1px solid #f2f2f2;
    background-color: #f2f2f2;
    background-image: none;
    background-repeat: no-repeat;
}
#rightContent .ui-accordion .ui-accordion-header.ui-state-hover,
#rightContent .ui-accordion .ui-accordion-header.ui-state-active {
    border: 1px solid #e5eaeb;
    background-color: #e5eaeb;
    background-image: none;
    background-repeat: no-repeat;
}

#rightContent #accordion1 .ui-widget-content {
    border: none;
}

#leftMenu i,
#rightContent i {
    position: relative;
    top: 3px;
    margin-right: 3px;
}

.status-key h6 {
    margin-top: 0;
}

.status-key i {
    top: 2px;
}

/* main navigation */
#Menu1 ul.dynamic {
border: 1px solid #5DB2FF;
border-width: 0 2px 2px 2px;
}
#Menu1 a.dynamic {
color: #000;
}

/* users */
.user-settings {
padding: 5px 0 0;
}
.user-settings a {
padding: 0  0 0 20px;
}

.user-settings .btn-group {
    padding-left: 20px;
}

.user-settings .btn-group .dropdown-toggle {
    border: none;
}
/* END header */


/* layout - specific sections */
#wrapper {
/*float:left;*/
/*position: relative;*/
/*overflow: hidden;*/
width:100%;
}
#leftMenu {
width: 270px;
background-color: #f1f1f1;
position: fixed;
top: 0;
bottom: 0;
margin-top: 300px;
overflow: auto;
}
#rightContent {
margin-left: 270px;
padding: 0 30px 15px 30px;
overflow: auto;
margin-top: 260px;
/*position: relative;
top: 300px;*/
}

#footer p {
    text-align: center;
    margin: 3px auto 0 auto;
    width: 100%;
}


/* jQuery accordion */
#accordion.ui-accordion,
#accordion1.ui-accordion {
font-family: "Helvetica Neue","Lucida Grande","Segoe UI",Arial,Helvetica,Verdana,sans-serif;
border: none;
border-width: 0 1px 1px 1px;
}
#accordion .ui-state-active, .ui-widget-content .ui-state-active, 
#accordion .ui-widget-header .ui-state-active {
border: none;
background: none;
}
#accordion .ui-state-default, .ui-widget-content .ui-state-default, 
#accordion .ui-widget-header .ui-state-default {
border: none;
background: none;
}
#accordion.ui-accordion .ui-accordion-header a {
   /* color: #00353e;
    font-weight: bold;
    text-decoration: underline;*/
}
#accordion .ui-accordion-header .ui-icon {
left: 0.5em;
margin-top: -8px;
position: absolute;
top: 50%;
}
#accordion.ui-accordion .ui-accordion-header {
    padding-left: 1em;
    border-bottom: 1px solid hsl(188.71deg 100% 12.16% / 0.2);
    margin-top: 0;
}

    #accordion.ui-accordion .ui-accordion-header.ui-state-active,
    #accordion.ui-accordion .ui-accordion-header.ui-state-hover {
        background-color: #e5eaeb;
    }
        #accordion.ui-accordion .ui-accordion-content {
            border: none;
            padding: 0;
        }
#accordion.ui-accordion .ui-accordion-content ul {
margin:0;
}
#accordion.ui-accordion .ui-accordion-content ul {
margin-top: 10px;
margin-bottom: 10px;
}
#accordion.ui-accordion .ui-accordion-content li {
list-style: none;
line-height: 18px;
margin-left: 0;
}
#accordion.ui-accordion .ui-accordion-content a {
display: block;
padding: 5px 0 5px 20px;
}
    #accordion.ui-accordion .ui-accordion-content a:hover {
        background-color: #e5eaeb;
        text-decoration: none;
        padding-left: 20px;
        padding-right: 20px;
    }
    #accordion.ui-accordion .ui-accordion-content a.selected {
        background-color: #e5eaeb;
    }

#accordion.ui-accordion .ui-accordion-content a i {
margin: 1px 3px 0 0;
}

#accordion.ui-accordion .divided-section {
    border-bottom: 2px solid #468847; 
    border-radius: 0;
    margin-bottom: 6px;   
}

/* Custom Icons */
.icon-open {
background-image: url('img/in-progress.svg');
background-position: center center;
background-size: contain;
/*filter: drop-shadow(0px 2px 2px rgb(0 0 0 / 0.3));*/
}
.icon-closed {
background-image: url('img/complete.svg');
background-position: center center;
background-size: contain;
/*filter: drop-shadow(0px 2px 2px rgb(0 0 0 / 0.3));*/
}
.icon-pending {
background-image: url('img/under-development.svg');
background-position: center center;
background-size: contain;
/*filter: drop-shadow(0px 2px 2px rgb(0 0 0 / 0.3));*/
}
.icon-th-list {
    background-image: url('img/resources.svg');
    background-position: center center;
    background-size: contain;
}
.icon-ok {
    background-image: url('img/check.svg');
    background-position: center center;
    background-size: contain;
}
.icon-pencil {
    background-image: url('../Images/edit.png');
    background-position: center center;
    background-size: contain;
}
.icon-globe {
    background-image: url('../Images/globe.svg');
    background-position: center center;
    background-size: contain;
}
.icon-calendar {
    background-image: url('../Images/history.svg');
    background-position: center center;
    background-size: contain;
}
.icon-dollar-sign {
background-image: url('img/dollar-sign-14x14.png');
background-position: center center;
}
.icon-phone {
background-image: url('img/phone-14x14.png');
background-position: center center;
}
.icon-email {
background-image: url('img/inbox-14x14.png');
background-position: center center;
}
.icon-calculator {
background-image: url('img/calculator-14x14.png');
background-position: center center;
}
.icon-house-water {
background-image: url('img/house-water-14x14.png');
background-position: center center;
}
.icon-excel {
background-image: url('img/excel-14.png');
background-position: center center;
}



/* Grids - override ig_dataGrid.css */
.igg_NewGridControl {
    border: 1px solid #ccc;
}
.igg_NewGridHeader {
    border-bottom: 2px solid #008768;
    border-width: 0 0 2px 0;
    text-transform: initial;
}
.ig_NewGridItem .rowgroup {
  background: Gainsboro;
  color: #000;
}
.ig_NewGridAlt {
    border-top: solid 1px hsl(166.22deg 100% 25.47% / 0.2);
    border-right: solid 0px #FFFFFF;
    border-bottom: solid 1px hsl(166.22deg 100% 25.47% / 0.2);
    border-left: solid 0px #FFFFFF;
}



.aspGridStyle {
border: 1px solid #ccc;
}
.aspGridRowStyle td {
border: 1px solid #ccc;
border-width: 1px 0 1px 0;
}
.aspGridStyle .igg_NewGridHeader th {
border: 1px solid #ccc;
border-width: 0 0 1px 0;
} 
.tablespacer {
margin: 30px 0 40px;
}

/* Ajax loader */
.centerLoader {
position: absolute;
width: 100%;
height: 100%;
}
.centerLoaderImage {
position:relative;
top:48%; 
left:42%; 
}
#dvLoadingBg {
background-color: #fff;
opacity: 0.9;
filter: alpha(opacity=90);
height: 100%;
width: 100%;
position: fixed;
z-index:1000;
}


/* information wells */
.info-well {
border: 2px solid #5DB2FF;
background: #EFF3F6;
}
.info-well li span {
display: block;
line-height: 20px;
}

#profile {
width: 268px;
padding-left: 0;
padding-right: 0;
margin-bottom:5px;
border: 1px solid #efefef;
float: left;
}
#profile li {
margin-left: 10px;
}

.li-space {
    padding-top: 10px;
}

/* routeStat layout */
#routeStat.well {
    padding: 30px 0;
    margin: 0;
    border: none;
    background-color: #e5eaeb;
    border-radius: 0;
    box-shadow: none;
    position: fixed;
    top: 45px;
    z-index: 999;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
}
.statbox {
    margin-bottom: 0;
    height: 157px;
    width: 197px;
    padding: 16px 18px;
    background-color: white;
    border-radius: 0;
    color: #00353e;
    text-shadow: none;
    border: none;
    overflow-y: auto;
    margin: 0 10px;
    border-radius: 11px;
}
#routeStat .alert {
/*    margin-bottom: 0;
    height: 150px;
    width: 192px;
    padding: 16px;*/
    border: none;
    background-color: white;
    padding: 0;
    word-wrap: break-word;
    margin-bottom: 0;
/*    border-radius: 0;
    color: #00353e;
    text-shadow: none;
    border: none;*/
}
#routeStat .alert-info h4 {
    color: #00353e;
    font-weight: normal;
}
#routeStat .marginL {
    margin-left: 15px;
    word-wrap: break-word;
    white-space: normal;
    overflow-wrap: break-word;
    font-size: 13px;
}
#BackTag {
    background: #fff;
    margin-bottom: 8px;
}
#BackTag a [class^="icon-"], #BackTag a [class*=" icon-"] {
margin-top: 3px;    
}



/* for additional apps button on master page added 1-4 */
.btn-group.open .btn.dropdown-toggle,
.btn.dropdown-toggle:focus {
background: transparent;
border: 0;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-box-shadow: none;
}

/* applicant landing page added 1-4 */
.btnhidden {
display: none;
}

#appinput, #routeinput, #MainContent_subprocessinput {
    background-color: #fff;
    width: 190px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 30px 0; 
    /*border: 1px solid #00353e;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);*/
    padding: 0;
}

#appinput a, #routeinput a, #MainContent_subprocessinput a {
    margin-left: auto;
    padding-top: 4px;
    padding-bottom: 6px;
}

#appinput input, #routeinput input, #MainContent_subprocessinput input,
#appinput select, #routeinput select, #MainContent_subprocessinput select {
    margin-top: 0;
    margin-bottom: 15px;
}

#appinput h2, #routeinput h2, #MainContent_subprocessinput h2 {
    margin: 0;
    font-size: 20px;
    font-weight: normal;
    color: #00353e;
}

#dashboard-wrapper img {
    width: 80%;
    margin-left: 250px;
    margin-top: 18px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, select {
    border: 1px solid #00353e;
    border-radius: 0;
    box-shadow: none;
    padding: 7px 9px;
    /*   font-size: 14px;
    line-height: 20px;
    height: 20px;*/
}

    textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
        -webkit-box-shadow: 0 0 3px hsl(188.71deg 100% 12.16% / 0.4);
        -moz-box-shadow: 0 0 3px hsl(188.71deg 100% 12.16% / 0.4);
        box-shadow: 0 0 3px hsl(188.71deg 100% 12.16% / 0.4);
        border-color: #00353e;
    }

    select, input[type="file"] {
        height: 36px;
        line-height: 36px;
    }
#inputs input, 
#inputs select {
width: auto;
}

#landingbtns-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    margin: 0;
    padding: 75px 20px 0 20px;
    border-right: 2px solid hsl(188.71deg 100% 12.16% / 0.2);
    overflow: auto;
    z-index: 999;
    background-color: #fff;
    position: fixed;
    top: 0;
    height: 100%;
}

#landingbtns {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 90px;
}

#landingbtns div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 85px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
}

#landingbtns div img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    filter: drop-shadow(1px 2px 2px rgb(0 0 0 / 0.1));
    transition: all 0.5s;
    transform-origin: 50% 50%;
}

#landingbtns a {
    width: 100%;
    height: 100%;
    color: #fff;
}

#landingbtns a:hover,
#landingbtns a:focus {
    text-decoration: none;
}

#landingbtns a:hover img,
#landingbtns a:focus img {
    transform: scale(1.1);
}

#landingbtns h4 {
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 10px;
    /*transition: font-size 0.5s ease;*/
}

#landingbtns p {
    font-size: 12px;
    max-width: 125px;
    line-height: 14px;
    margin-top: 10px;
}

#appbtn {
    background-color: hsl(180.39deg 100% 30.39%);
}

#subprocessbtn {
    background-color: hsl(166.22deg 100% 26.47%);
}

#routebtn {
    background-color: hsl(189 100% 18% / 1);
}

#appbtn, #subprocessbtn, #routebtn {
    transition: all 0.5s;
    /*transform-origin: 50% 50%;*/
}
#landingbtns a:hover #appbtn,
#landingbtns a:focus #appbt {
    background-color: hsl(180.39deg 100% 25.39% / 1);
    /*transform: scale(0.9);*/
}
#landingbtns a:hover #subprocessbtn,
#landingbtns a:focus #subprocessbt {
    background-color: hsl(166.22deg 100% 21.47% / 1);
}
#landingbtns a:hover #routebtn,
#landingbtns a:focus #routebtn {
    background-color: hsl(189 100% 13% / 1);
}
.btn:hover, .btn:active {
    background-position: initial;
    -webkit-transition: unset;
    transition: unset;
}
.btn:focus {
    background-position: initial;
    outline: 1px solid #00353e;
    outline-offset: -1px;
}
#MainContent_imgSearch img,
#MainContent_lnkExport img,
#MainContent_ucUserList1_imgSearch img {
    width: 20px;
    padding-bottom: 2px;
}

#MainContent_ucUserList1_imgSearch,
#MainContent_imgSearch {
    border-radius: 0 20px 20px 0;
    padding: 6px 11px;
    position: relative;
    right: 4px;
}

.btn-primary {
    text-shadow: none;
    border-radius: 20px;
    /*height: 20px;*/
    line-height: 20px;
    border: none;
    text-align: center;
    padding: 5px 40px 6px 40px;
    background-image: linear-gradient( to bottom right, hsla(166.22, 100%, 26.47%, 0.70), hsl(188.71, 100%, 12.16%), hsla(166.22, 100%, 26.47%, 0.25) );
    background-color: hsl(188.71, 100%, 12.16%);
    /*transition: background-color 1s ease;*/
    box-shadow: none;
    background-repeat: no-repeat;
}

.btn-secondary {
    text-shadow: none;
    border-radius: 20px;
    color: #fff;
    /*height: 20px;*/
    line-height: 20px;
    border: none;
    text-align: center;
    padding: 5px 40px 6px 40px;
    background-image: linear-gradient( to bottom right, hsla(188.71, 100%, 12.16%, 0.50), hsl(166.22, 100%, 26.47%), hsla(188.71, 100%, 12.16%, 0.25) );
    background-color: hsl(166.22, 100%, 26.47%);
    /*transition: background-color 1s ease;*/
    box-shadow: none;
    background-repeat: no-repeat;
}

.btn-export {
    position: relative;
    top: 27px;
    padding-bottom: 7px;
    padding-top: 4px;
}

.user-list-btns-group {
    position: relative;
    top: 10px;
}

#MainContent_ucUserList1_hypAddNewUser {
    color: #fff;
    padding-bottom: 8px;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
        background-image: linear-gradient( to bottom right, hsla(188.71, 100%, 12.16%, 0.50), hsl(166.22, 100%, 26.47%), hsla(188.71, 100%, 12.16%, 0.25) );
        background-color: hsl(166.22, 100%, 26.47%);
        /*transition: background-color 1s ease;*/
    }

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
    color: #fff;
    background-image: linear-gradient( to bottom right, hsla(166.22, 100%, 26.47%, 0.70), hsl(188.71, 100%, 12.16%), hsla(166.22, 100%, 26.47%, 0.25) );
    background-color: hsl(188.71, 100%, 12.16%);
    /*transition: background-color 1s ease;*/
}

#MainContent_ucRoles1_btnDeleteSelected {
    padding-bottom: 8px;
}


    #landingbtns a.btn-large:hover,
    .selectedbtn {
        -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        text-decoration: none;
    }

#FeaturedContent_ucApplicantHeader_lnkChangeRoute {
    padding: 3px 25px 6px 25px;
}
@media (max-width: 1458px) {
    #FeaturedContent_ucApplicantHeader_lnkChangeRoute {
        padding: 3px 13px 6px 13px;
        font-size: 12px; 
    }
}
@media (max-width: 1235px) {
    #FeaturedContent_ucApplicantHeader_lnkChangeRoute {
        padding: 3px 7px 6px 7px;
        font-size: 12px;
    }
}

#MainContent_lnkBack {
    padding: 6px 10px 8px 10px;
}


/* PANELS - FROM BOOTSTRAOP 3 */
.panel {
  padding: 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
  padding: 10px 15px;
  margin: -15px -15px 15px;
  font-size: 17.5px;
  font-weight: 500;      
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-footer {
  padding: 10px 15px;
  margin: 15px -15px -15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-warning {
  border-color: #fbeed5;
}

.panel-warning .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.panel-danger {
  border-color: #eed3d7;
}

.panel-danger .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.dbgroup{
    margin-left: 30px;
}

    .dbgroup img {
        width: 24px;
    }

    .dbgroup span {
        font-weight: bold;
    }

.nomargin {
    
}
.nomargin input[type="checkbox"] {
    margin-left: 0;
    margin-right: 5px;
}
.checklist-ul input {
    float: left;
    margin: 5px 5px 0 0;
}
.checklist-ul label {
    display: inline-block;
    vertical-align: middle;
}

#fieldresults .inline,
#fieldresults .nav-header,
#fieldresults #content li{
    margin: 0;
}

#fieldresults li {
    padding-left: 0;
}

.pathwayradio table{
    margin-left: 15px;
}
