/*General*/
.agentAdmin {
    color:#555;
}
.agentAdmin h1 {
    line-height:40px;
    margin:0px!important;
}
.agentAdmin h1 button {
    background-color:#3670a2;
    border:none;
    border-radius:4px;
    color:#fff;
    cursor:pointer;
    float:right;
    margin:6px 0 0 0;
    padding:5px 15px;
}
.agentAdmin h1 span {
    display:inline-block;
    font-size:18px;
    line-height:40px;
    vertical-align:top;
}
.agentAdmin input,
.agentAdmin select {
    box-sizing:border-box;
    border:1px solid #ccc;
    height:40px;
    line-height:40px;
    padding:10px;
}
.agentAdmin input[type=radio] {
    height:20px;
    width:20px;
}
.agentAdmin input[type=checkbox] {
    height:20px;
    float:left;
    margin:0 10px 0 0;
    width:20px;
}
.agentAdmin h2 .backToCustomers {
    display: inline-block;
    float: right;
    font-size: 14px;
}

small {
    font-size:11px;
}

/*Agent Admin Header (invert colors)*/
.agentAdmin-header {
    background:#fff!important;
    background-color:#fff!important;
}

.agentAdmin-buttons {
    border:none;
    border-top: 1px solid #ddd;
    clear: both;
    display: inline-block;
    width: 100%;
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
}
.agentAdmin-buttons .button {
    border:none;
    cursor:pointer;
    font-size:15px;
    line-height:initial!important;
    margin:0 10px 0 0;
    padding:10px 30px!important;
    text-decoration:none;
}
.agentAdmin-buttons .buttonPrimary {
    background:#3670A2!important;
    color:#fff!important;
}
.agentAdmin-buttons .buttonSecondary {
    background:#eee;
    color:#444!important;
}
.agentAdmin-btn {
    background-color:#3670A2;
    color:#fff!important;
    display:inline-block;
    font-size:13px;
    line-height:24px;
    margin:0;
    padding:8px 15px;
    text-decoration:none;
    vertical-align:middle;
}

/*Mesage Boxes*/
.agentAdmin .info,
.agentAdmin .error,
.agentAdmin .success {
    border:1px solid;
    display:block;
    font-size:13px;
    margin:0 0 20px 0!important;
    padding:15px;
}
.agentAdmin .info p,
.agentAdmin .error p,
.agentAdmin .success p {
    margin:0px!important;
}
.agentAdmin .info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1!important;
}
.agentAdmin .error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.agentAdmin .success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

/*Admin Menu*/
.agentAdminAccountMenu {
    height:0px;
    float:right;
    position:relative;
}
.agentAdminAccountMenu-button {
    background-image:url(/Agent/images/ico-adminBadge.png);
    background-repeat:no-repeat;
    background-position:10% center;
    background-color:#fff;
    border-radius:999px;
    color:#3670a2;
    cursor:pointer;
    display:block;
    font-size:13px;
    height:35px;
    line-height:35px;
    margin:10px 0 0 0;
    padding:0 15px 0 40px;
}
.agentAdminAccountMenu-button:hover {
    background-color:#eee;
}
.agentAdminAccountMenu-button span {
    background-image:url(/Agent/images/ico-adminArrow.png);
    background-repeat:no-repeat;
    background-position:center center;
    display:inline-block;
    height:35px;
    margin:0 0 0 5px;
    text-indent:-9999px;
    width:9px;
}
.agentAdminAccountMenu-toggle {
    background-color:#F1F1F1;
    border: 1px solid #7b7b7b;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    display:none;
    margin:36px 0 0 0;
    padding:8px;
    position:absolute;
    text-align:left;
    right:0px;
    z-index:999;
    width:500px;
}
.agentAdminAccountMenu-toggle .tip {
    background: url(/images/ico-logintop.png) no-repeat center center;
    height: 28px;
    width: 40px;
    margin: -36px 5px 0 0;
    float: right;
}
.agentAdminAccountMenu-panel {
    box-sizing:border-box;
    display:inline-block;
    margin:0 -4px 0 0;
    padding:5px;
    vertical-align:top;
    width:50%;
}
.agentAdminAccountMenu-panel h4 {
    background-color:#3670a2;
    color:#fff;
    font-size:15px;
    font-weight:bold;
    margin:0;
    padding:6px 10px;
}
.agentAdminAccountMenu-menu {
    background-color:#fff;
    padding:5px 0;
}
.agentAdminAccountMenu-menu li {
    display:block;
}
.agentAdminAccountMenu-menu li a {
    background-repeat:no-repeat;
    color:#3a6287;
    display:block;
    font-size:13px;
    padding:10px;
    text-align:left;
    text-decoration:none;
    white-space:nowrap;
}
.agentAdminAccountMenu-menu li a:hover {
    color:#bbb;
}
.agentAdminAccountMenu-menu li.share a {
    background-image:url(/Agent/images/ico-shared-fave.png);
    background-position:10px center;
    border-bottom:1px solid #eee;
    color:#962424;
    font-weight:bold;
    margin:0;
    padding:10px 10px 10px 30px;
}
/*.agentAdminAccountMenu-menu li.customers a {
    background-image:url(/Agent/images/ico-customers.png);
    background-position:10px center;
}
.agentAdminAccountMenu-menu li.activity a {
    background-image:url(/Agent/images/ico-activity.png);
    background-position:9px center;
}
.agentAdminAccountMenu-menu li.import a {
    background-image:url(/Agent/images/ico-import.png);
    background-position:12px center;
}
.agentAdminAccountMenu-menu li.logout a {
    background-image:url(/Agent/images/ico-logout.png);
    background-position:10px center;
}
.agentAdminAccountMenu-menu li.switch a {
    background-image:url(/Agent/images/ico-switch.png);
    background-position:10px center;
}*/

/*Tables*/
.agentAdminTable {
    border-collapse:collapse;
    box-sizing:border-box;
    min-width:700px;
    width:100%;
}
.agentAdminTable th {
    background-color:#E5E5E5;
    border:1px solid #ccc;
    font-weight:bold;
    padding:10px;
    text-align:left;
}
.agentAdminTable td {
    border:1px solid #ccc;
    overflow:hidden;
    padding:10px;
    vertical-align:middle;
}
.agentAdminTable td a {
    text-decoration:none;
}
.agentAdminTable td a:hover {
    text-decoration:underline;
}
.agentAdminTable tr:nth-of-type(2n+1) {
    background-color:#F7F7F7;
}
.agentAdminTable-favorites {
    font-size:13px;
    table-layout:fixed;
}
.agentAdminTable-favorites img {
    max-width:100%;
    height:auto!important;
}
.agentAdminTable-favorites p {
    margin:0px!important;
}
.agentAdminTable-favorites textarea {
    box-sizing:border-box;
    min-height:75px;
    padding:10px;
    width:100%;
}
.agentAdminTable-scroll {
    overflow-x:auto;
    width:100%;
}
.agentAdminTable-fixed {
    table-layout:fixed;
}
.agentAdminTable-sortable th:hover {
    background-color:#ddd;
    cursor:pointer;
}
.agentAdminTable-descending {
    background-image:url(/Agent/images/ico-adminArrow.png);
    background-repeat:no-repeat;
    background-position:96% center;
}
.agentAdminTable-ascending {
    background-image:url(/Agent/images/ico-adminArrow-up.png);
    background-repeat:no-repeat;
    background-position:96% center;
}
.agentAdminTable-name {
    width:20%;
}
.agentAdminTable-email {
    width:30%;
}
.agentAdminTable-subscriptions {
    background-position:center center;
    background-repeat:no-repeat;
    background-size:30px;   
    height:30px;
    display:inline-block;
    width:30px;
}
.agentAdminTable-notifications {
    background-image:url(/agent/images/ico-notifications.png);
}
.agentAdminTable-mortgage {
    background-image:url(/agent/images/ico-mortgagerate.png);
}
.agentAdminTable-newsletter {
    background-image:url(/agent/images/ico-housingnewsletter.png);
}
.agentAdminTable-note {
    font-size:12px;
    padding:10px 0 0 0;
}
.agentAdminTable-tooltip {
    border: 1px solid #3670a2;
    border-radius: 100%;
    color:#3670a2;
    cursor: help;
    display: inline-block;
    font-size: 11px;
    line-height: 15px;
    height: 15px;
    width: 15px;
    vertical-align: top;
    text-align: center;
}

/*Page Sections and fields*/
.agentAdminSection {
    box-sizing:border-box;
    display:block;
    float:left;
    margin:40px 0 0 0;
    width:100%;
}
.agentAdminSection-hidden {
    display:none;
}
.agentAdminSection p {
    line-height:24px!important;
    margin:0px!important;
}
.agentAdminSection h2 a {
    font-size:16px;
}
.agentAdminSection a.addLink {
    font-size:12px;
}
.agentAdminSection #optionalOr {
    margin: 0px 0px 20px 0px!important;
}
.agentAdminSection-halfFirst {
    padding:0 20px 0 0;
    width:50%;
}
.agentAdminSection-halfSecond {
    padding:0 0 0 20px;
    width:50%;
}
.agentAdminSection-field {
    box-sizing:border-box;
    float:left;
    padding:0 20px 20px 0;
    width:25%;
}
.agentAdminSection-fieldFull {
    width:100%;
    padding:0 0 20px 0;
}
.agentAdminSection-field input[type=text],
.agentAdminSection-field input[type=number],
.agentAdminSection-field select {
    width:100%;
}
.agentAdminSection-field input[type=submit] {
    background-color: #3670A2;
    border:none;
    color: #fff!important;
    cursor:pointer;
    display: inline-block;
    font-size:16px;
    line-height:inherit;
    padding: 0 15px;
    text-decoration: none;
}
.agentAdminSection-field input[type=file] {
    line-height: 20px;
    padding: 10px;
}
.agentAdminSection-field textarea {
    border:1px solid #ccc;
    box-sizing:border-box;
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "nimbus-sans", "Lucida Grande", sans-serif;
    margin:0 0 10px 0;
    min-height:100px;
    padding:10px;
    width:100%;
}
.agentAdminSection-field .selectLinks {
    margin:10px 0px 10px 0px;
}
.agentAdminSection-field .selectLinks a {
    padding:10px 0px 10px 0px;
    font-size:12px;
}
.agentAdminSection-fieldHalf {
    width:50%;
}
.agentAdminSection-fieldHalf-second {
    width:50%;
    padding:0;
}
.agentAdminSection-fieldCheckboxes label {
    display:block;
    margin:0 0 10px 0;
}
.agentAdminSection-fieldCheckboxes input {

}
.agentAdminSection-fieldCheckboxes span {
    float:left;
    height:20px;
    line-height:20px;
    margin:0 20px 0 0;
}
.agentAdminSection-fieldPhone label {
    display:block;
}
.agentAdminSection-fieldPhone input {
    display:inline-block;
    margin:0 5px 5px 0;
    width:auto!important;
}
.agentAdminSection-fieldRadios label {
    display:block;
    margin:0 0 10px 0;
}
.agentAdminSection-fieldRadios input {
    float:left;
    margin:0 5px 0 0;
}
.agentAdminSection-fieldRadios span {
    float:left;
    height:20px;
    line-height:20px;
    margin:0 20px 0 0;
}

.agentAdminSection-button {
    background-color: #eee;
    border: none;
    color: #555!important;
    cursor: pointer;
    display: inline-block;
    height:40px;
    line-height: 40px;
    margin:0 10px 0 0;
    padding: 0px 15px;
    text-decoration: none;
}
.agentAdminSection-button:hover {
    background-color: #ddd;
}
.agentAdminSection-button-alt {
    background-color: #fff;
    border:1px solid #3670A2;
    border-radius:4px;
    color:#3670A2!important;
    font-weight:bold;
    margin:10px 0;
    padding:5px 25px;
}

.agentAdminSection-list {
    list-style:disc;
    margin:0 0 30px 0;
    padding:0 0 0 30px;
}
.agentAdminSection-list li {
    margin:0 0 5px 0;
}

/*Popups*/
.popup {
    color:#555;
}
.popup h2 {
    font-size:21px;
    margin:20px 0;
}
.popup a {
    color:#3670A2;
}
.popup-field {
    box-sizing:border-box;
    display:block;
    float:left;
    margin:0 0 20px 0;
    padding:0 10px 0 0;
    width:50%;
}
.popup-fieldAlt {
    padding:0 0 0 10px;
}
.popup-fieldFull {
    padding:0px;
    width:100%;
}
.popup-field label {
    display:block;
    font-size: 14px;
    font-weight:bold;
    margin:0 0 3px 0;
}
.popup-field textarea {
    box-sizing:border-box;
    min-height:100px;
    padding:10px;
    width:100%;
}
.popup-field input[type=text],
.popup-field select {
    box-sizing:border-box;
    display:block;
    padding:5px 10px;
    width:100%;
}
.popup-fieldPhone input[type=text] {
    display: inline-block;
    width: 30%;
    margin: 0 3% 0 0;
    float: left;
}
.popup-field-group {
    border: 1px solid #ddd;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 10px;
    width: 100%;
}
.popup-field-group h3 {
    color:#5087ba;
    margin:0 0 10px 0;
    font-weight:bold;
}
.popup-submit {
    background-color:#3670A2;
    border:none;
    color:#fff;
    cursor:pointer;
    font-size:16px;
    padding:12px 40px;
}
.popup-submit:hover {
    background-color: #3e80b9;
}
.popup-submit-secondary {
    background-color:#999;
}
.popup-submit-secondary:hover {
    background-color: #aaa;
}

/*Agent Admin Menu*/
.agentAdminMenu {
    float:right;
    position:relative;
    margin:-40px 0 0 0;
    text-align:right;
    width:100px;
}
.agentAdminMenu-button {
    background-image:url(/agent/images/ico-settings.png);
    background-position:right center;
    background-repeat:no-repeat;
    color:#3670A2;
    cursor:pointer;
    display:inline-block;
    height:40px;
    line-height:40px;
    padding:0 30px 0 0;
}
.agentAdminMenu-toggle {
    background-color:#fff;
    border:1px solid #ccc;
    box-shadow:0 0 5px rgba(0,0,0,.15);
    display:none;
    padding:10px 0;
    position:absolute;
    right:0px;
    top:40px;
    width:250px;
}
.agentAdminMenu-toggle li {
    border-bottom:1px solid #ccc;
    margin:0 10px;
}
.agentAdminMenu-toggle li:last-of-type {
    border-bottom:none;
}
.agentAdminMenu-toggle li a {
    color:#555!important;
    display:block;
    padding:10px;
    text-decoration:none;
    text-align:left;
}
.agentAdminMenu-toggle li a:hover {
    background-color:#eee;
}

/*Top nav overrides*/
.agentSearch > li > span.link {
    background:none!important;
    font-size:15px!important;
    height:35px!important;
    line-height:35px!important;
}
.agentSearch > li > ul {
    border:14px solid #eee!important;
    left:-60px!important;
    top:33px!important;
}
.agentSearch > li > ul > span {
    left:50%!important;
    margin: 0 0 0 -14px!important;
    top: -18px!important;
}
 
/*Agent Notes*/
.agentNotes {
    background-color:#eee;
    border-radius:4px;
    margin:30px 0;
    padding:20px;
}
.agentNotes-exp {
    background-color:#d8e6f1;
}
.agentNotes-exp .agentNotes-note {
    border-top:1px solid #fff;
}
.agentNotes * {
    box-sizing:border-box;
}
.agentNotes h4 {
    font-size: 20px;
    margin: 0 0 15px 0;
}
.agentNotes-note {
    border-top:1px solid #ddd;
    display:inline-block;
    margin:0;
    padding:20px 0;
    width:100%;
}
.agentNotes-textarea {
    border:1px solid #ccc;
    display:inline-block;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "nimbus-sans", "Lucida Grande", sans-serif;
    margin:0 -4px 0 0;
    padding:5px;
    min-height:80px;
    width:80%;
}
.agentNotes-buttons {
    display:inline-block;
    margin:0 -4px 0 0;
    padding:0 0 0 20px;
    vertical-align:top;
    width:20%;
}
.agentNotes-buttons li {
    display:block;
    padding: 0;
    margin:0;
}
.agentNotes-buttons li a {
    background-color:#3670A2;
    border-radius:4px;
    color:#fff;
    display:block;
    font-size:12px;
    margin:0 0 10px 0;
    padding:10px 0;
    text-align:center;
    text-decoration:none;
}
.agentNotes-buttons li a:hover {
    background-color:#5693c7;
}
.agentNotes-buttonsDelete {
    background-color:#888!important;
}
.agentNotes-buttonsDelete:hover {
    background-color:#aaa!important;
}
.agentNotes-sharing {
    clear:both;
    color:#888;
    display:block;
    font-size:12px;
    font-style:italic;
    margin:5px 0 0 0;
}

/*Training Search*/
.trainingSearch {
    display:inline-block;
    margin:20px 0;
    width:100%;
    vertical-align:top;
}
.trainingSearch-field {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: bottom;
}
.trainingSearch-field label {
    display: block;
}
.trainingSearch-field input[type="submit"] {
    cursor:pointer;
    line-height: initial;
}

/*Training Tracking*/
.trainingTracking th,
.trainingTracking td {
    text-align: center;
}

/*Edit Training*/
.editTraining {
    display:none;
}

/*Multi Select Datepicker Overrides*/
.datepick {
    border:none!important;
}
.datepick-popup {
    z-index: 9999!important;
}
.datepick-nav,
.datepick-ctrl {
    background-color: #3670a2!important;
}
a.datepick-cmd {
    line-height:1.5em!important;
}
a.datepick-cmd:hover {
    background-color: #4b87bb!important;
}
.datepick-month {
    border:1px solid #999!important;
}
.datepick-month th {
    background-color: #999!important;
}
.datepick-month-header {
    background-color: #fff!important;
    padding: 3px 0;
}
.datepick-month-header select {
    background-color:#fff!important;
    color:#000!important;
}