:root {
    --trainingLeft: 0px;
}
html {
    min-height: 100%;
    position: relative;
    overflow-y: auto;
    font-family: Helvetica, Arial, 'Open Sans', sans-serif;
}
body {
    background-color: #fff;
    color: #6d6e71;
    /*font-family: 'ProximaNovaSoft-Regular';*/
    font-size: 16px;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 44px;
}

h2 {
    color: #1F4E79;
    /*font-family: 'Raleway-Regular';*/
    font-size: 32px;
}
h3 {
    color: #1F4E79;
    /*font-family: 'Raleway-Regular';*/
    font-size: 24px;
}
h6 {
    /*font-family: ProximaNovaSoft-Bold;*/
    font-size: 16px;
    letter-spacing: 1.4px;
    color: #6d6e71;
    text-transform: uppercase;
    margin-top: 50px;
}
.clear {
    clear:both;
}
a:link, a:active, a:visited {
    color: #6d6e71;
    text-decoration: none;
}
a:hover {
    color: #717073;
    text-decoration: none;
}
.hr {
    margin-top: 10px;
    border-bottom: 1px solid #E1EAEC;
    margin-bottom: 10px;
}
.noscroll {
    overflow: hidden;
}
.noscroll footer {
    display:none;
}
.lightgreen {
    color: #00A1B7;
}
.orange {
    color: #f05624;
}

a.orange:link, .a.orange:active, a.orange:visited {
    color: #f05624;
}
a.orange:hover {
    color: #717073;
}
.white {
    color: #fff;
}
.white a:link, .white a:active, .white a:hover, .white a:visited {
    color: #fff;
    text-decoration: none;
}
a.lightgreen:link, .a.lightgreen:active, a.lightgreen:visited {
    color: #00A1B7;
}
a.lightgreen:hover {
    color: #717073;
}
.grey {
    color: #6d6e71;
}
.lightgrey {
    color: #717073;
}
.lightblue {
    color: #73a4bb;
}
.lighterblue {
    color: #77a2bf;
}
.lightestblue {
    color: #9dbcd1;
}
.blue {
    color: #1F4E79;
}
.gradient {
    background: #005a80; /* Old browsers */
    background: -moz-linear-gradient(left, #1f4e79 0%, #00A1B7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #1f4e79 0%,#00A1B7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #1f4e79 0%,#00A1B7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f4e79', endColorstr='#00A1B7',GradientType=1 ); /* IE6-9 */
}
.translucent-gradient {
    background: none; /* Old browsers */
    background: -moz-linear-gradient(left, rgba(31,78,121,.5) 0%, rgba(0,161,183,.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(31,78,121,.5) 0%,rgba(0,161,183,.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(31,78,121,.5) 0%,rgba(0,161,183,.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801f4e79', endColorstr='#8000A1B7',GradientType=1 ); /* IE6-9 */
}
.dropshadow {
   /*box-shadow: 1px 1px 6px rgba(36,36,36,0.5);*/
}
div.field.dropshadow {
    /*box-shadow: unset;*/
    /*box-shadow: 0px 0px 0px rgba(0,0,0,0.0);*/
}
span.chkImg {
    padding: 0!important;
    display: inline-block!important;
}
input {
    border: none;
}
input.white {
    color: #1F4E79;
    background-color: #fff;
}
    input.blue {
        background-color: #00A1B7;
        color: #fff;
    }
input.lightblue {
    background-color: #77a2bf;
    color: #fff;
}
input.grey {
    background-color: #e1eaec;
    color: #6d6e71;
}
input.small {
    /*font-size: 11px;*/
    padding: 10px;
}
input.big {
    /*font-size: 12px;*/
    padding: 20px;
}
textarea.isRequired, input.isRequired, select.isRequired {
    background-color: #ffe1e1;
}
.main-content {
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}
.white-form {
    padding: 24px;
    background-color: #fff;
    color: #6d6e71;
    /*background: rgba(255,255,255,0.9);
    backdrop-filter: blur(4px);*/
}
.blue-top {
    border-top: 8px solid #00A1B7;
    border-radius: 8px;
}
.page-footer {
    background-color: #fff;
    position: absolute;
    bottom: 0px;
    width: 100%;
}
/* Header */
.ico-gear, .ico-phone, .ico-mail, .ico-tour, .ico-logout, .ico-recovery-profile, .ico-critical-messages, .ico-resources, .ico-feedback, .ico-contact {
    display: inline-block;
    height: 10px;
    background-image: url("/images/ico-gear.svg");
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-right: 6px;
    width: 12px;
    margin-top:-3px;
}
.ico-gear svg, .ico-phone svg, .ico-mail svg, .ico-tour svg, .ico-logout svg, .ico-recovery-profile svg, .ico-critical-messages svg, .ico-resources svg, .ico-feedback svg, .ico-contact svg {
    fill: #717073;
}
a:hover .ico-gear svg, a:hover .ico-phone svg, a:hover .ico-mail svg, a:hover .ico-tour svg, a:hover .ico-logout svg, a:hover .ico-recovery-profile svg, a:hover .ico-critical-messages svg, a:hover .ico-resources svg, a:hover .ico-feedback svg, a:hover .ico-contact svg {
    fill: #00A1B7;
}
.ico-gear {
    background-image: none; /*url("/images/ico-gear.svg");*/
}
.ico-tour {
    background-image: none; /*url("/images/ico-tour.svg");*/
}
.ico-phone {
    background-image: url("/images/ico-phone.svg");
}
.ico-mail {
    background-image: url("/images/ico-mail.svg");
}
.ico-logout {
    background-image: none; /*url("/images/ico-logout.svg");*/
}
.ico-recovery-profile {
    background-image: none; /*url("/images/ico-recovery-profile.svg");*/
}
.ico-critical-messages {
    background-image: none;/* url("/images/ico-critical-messages.svg");*/
}
.ico-resources {
    background-image: none; /*url("/images/ico-resources.svg");*/
}
.ico-feedback {
    background-image: none; /*url("/images/ico-feedback.svg");*/
}
.ico-contact {
    background-image: none; /*url("/images/ico-contact.svg");*/
}



.page-header {
    background-color: #fff;
}
.header-wrapper {
    /*width: 1300px;
    margin-left: auto;
    margin-right: auto;*/
    margin-top: 0px;
    margin-bottom: 0px;
    width: 340px;
    /*height: 140px;*/
}
.login-form .myAgility-logo {
    height: 31px;
    background-image: url("/images/MyAgility-Logo_Color.svg");
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
.login-form h2{
    font-size: 1.2em;
}
.page-header .myAgility-logo {
    /*float: n;*/
    margin-left: auto;
    margin-right:auto;
    height: 116px;
    background-image: url("/images/MyAgility-Logo_Color.svg");
    width: 230px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display:none;
}
#myAgility-logo-main.myAgility-logo {
    /*margin-left: auto;
    margin-right: auto;*/
    margin-left: 360px;
    height: 116px;
    background-image: url("/images/MyAgility-Logo_Color.svg");
    width: 230px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.header-notify {
    height: 12px;
    /*padding-top:4px;
    padding-bottom: 4px;*/
    /*font-family: "ProximaNovaSoft-Regular";*/
    /*font-size: 12px;*/
    margin-right: 100px;
    text-transform:uppercase;
    text-align:right;
}
.header-notify .bold {
    /*font-family: "ProximaNovaSoft-Bold";*/
}
.header-notify a {
    padding-left: 20px;
}
.header-nav {
    /*float: right;
    height: 120px;*/
    /*margin-top:100px;*/
}
.header-nav ul {
    padding: 0;
    margin: 0;
    margin-top: 25px;
    margin-right: 78px;
}
.header-nav ul li {
    list-style: none;
    float: left;
    margin:0 4px 0 0;
    display:block;
}
.header-nav ul li a {
    display: block;
    padding: 20px;
    text-transform: uppercase;
    /*font-size: 13px;*/
    padding: 9px 11px 9px 11px;
    letter-spacing: 1.4px;
    /*font-family: 'ProximaNovaSoft-Bold';*/
    color: #6d6e71;
    border-radius: 18px;
}
.header-nav ul li a:hover, .header-nav ul li a.active {
    background-color: #00A1B7;
    color: #fff;
}
.header-notify a:hover, .header-notify a.active {
    color: red;
    /*font-size: 12px;*/ 
    background-color: #00A1B7;
    color: white !important;
}
/* Footer */
.page-footer.outside {
    position: fixed;
    width: 100%;
    bottom: 0px;
}
.footer-wrapper {
    /*width: 1300px;
    margin-left: auto;
    margin-right: auto;*/
    margin-top: 0px;
    margin-bottom: 0px;
    height: 140px;
}
.page-footer:not(.outside) .footer-wrapper {
    height: 40px;
}
.footer-pad {
    height: 160px;
}
.footer-bottom, /*.header-top*/ {
    height: 15px;
}
.agility-logo {
    float: left;
    margin-left: 100px;
    height: 140px;
    width: 178px;
    background-image: url("/images/AgilityLogo-2024_AgilityBlue.svg");
    background-position: center center;
    background-repeat: no-repeat;
}
.footer-wrapper .agility-logo {
    background-image: url("/images/AgilityLogo-2024-Alt_Colors_GrayPlanner.svg");
}
.page-footer:not(.outside) .footer-wrapper .agility-logo {
    position: absolute;
    bottom: 15px;
    left: 0px;
}
.myAgilityFamily-logo {
    float: left;
    margin-left: 60px;
    height: 140px;
    width: 88px;
    background-image: url("/images/myAgilityFamily-logo.svg");
    background-position: center center;
    background-repeat: no-repeat;
}
.footer-links {
    float: right;
    /*height: 90px;*/
    margin-right: 100px;
    padding-top: 50px;
    /*font-family: "ProximaNovaSoft-Bold";*/
    /*font-size: 13px;*/
}
.page-footer:not(.outside) .footer-links {
    padding-bottom: 20px;
    padding-top: 10px;
}

.footer-links a {
    margin-left: 50px;
} 
/*.forgot-password a:link, .forgot-password a:active, .forgot-password a:visited {
    color: #717073;
}*/
/*.forgot-password a:hover {
    color: #fff;
} */
.forgot-password a {
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
/* Page Content */
div.section-crumbs {
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 12px;*/
    letter-spacing: 1.4px;
    color: #949494;
} div.section-options a svg, span.section-options a svg {
    display: inline-block;
    max-height: 12px;
    margin-right: 8px;
    width: 15px;
    position: relative;
    /*bottom: -4px;*/
} div.section-options {
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 12px;*/
} div.section-options a {
    margin-bottom: 4px;
    margin-right: 25px;
    display: inline-block;
    color: #00A1B7;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}
span.section-options a, div.section-options a.btnPrimary {
    display: inline-block;
    /*color: #00A1B7;*/
    text-transform: uppercase;
    /*letter-spacing: 1.4px;*/
    /*font-size: 12px;*/
    /*font-family: ProximaNovaSoft-Bold;*/
    /*border-radius: 18px;
border: 2px solid #00A1B7;
padding: 0 8px 0 8px;*/
    border-radius: 18px;
    background-color: #00A1B7;
    color: #fff;
    padding: 4px 8px;
    border: 2px SOLID #00A1B7;
}

span.section-options a.btnSecondary, a.btnSecondary, .btnSecondary, .dt-button, .group_remove {
    /*margin-bottom: 4px;
margin-right: 25px;*/
    color: #00A1B7;
    background-color: #fff;
    border-radius: 18px;
    border: 2px SOLID #00A1B7;
    padding: 4px 20px;
}

div.section-options.small a {
    margin-right: 25px;
}
.section-options svg {
    fill:currentColor;
}
div.section-options a:hover {
    color: #1F4E79;
}
span.section-options a:hover, div.section-options a.btnPrimary:hover, .group_remove:hover {
    background-color: #1F4E79;
    border-color: #1F4E79;
    color: #fff;
}

span.section-options a.btnSecondary:hover, a.btnSecondary:hover, .btnSecondary:hover, .dt-button:hover {
    color: #1F4E79;
    background-color: #fff;
    border-color: #1F4E79;
}
span.incomplete, span.complete {
    background-image: url("/images/ico-incomplete.svg");
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 27px;
    height: 27px;
}
span.incomplete {
    background-image: url("/images/ico-incomplete.svg");
}
span.complete {
    background-image: url("/images/ico-complete.svg");
}
h2.section-title  {
    color: #1F4E79;
    /*font-family: 'Raleway-Bold';*/
    /*font-size: 32px;*/
}
h2.section-title-dashboard {
    color: #6d6e71;
    margin-top: 0px;
}
h2.section-title2 {
    color: #1F4E79;
    /* font-family: 'Raleway-Bold';*/
    /*font-size: 32px;*/
}
.col_left_wide h2.section-title, .col_main h2.section-title  {
    margin-bottom: 20px;
    margin-top: 10px;
}
.col_left_wide p.section-description, .col_main p.section-description {
    margin-top: 0px;
}
p.section-description {
    /*font-family: "ProximaNovaSoft-Regular";*/
    /*font-size: 22px;*/
    line-height: 28px;

}
p.subsection-description {
    /*font-family: "ProximaNovaSoft-Regular";*/
    /*font-size: 22px;*/
    line-height: 28px;
    width: 778px;
}
.page-content {
    background-color: #fff;
    /*width: 1300px;
    margin-left: auto;
    margin-right: auto;*/
    margin-top: 10px;
    position: fixed;
    height: calc(100% - 65px);
    overflow-y: auto;
    margin-left: 355px;
    width: calc(100% - 355px);
    /* width: 1110px; */
}
html.noscroll .page-content {
    position: absolute; /*workaround for Webkit bug, only present in Safari*/
}
.page-content .page-content {
    margin-top: initial;
    position: initial;
    height: initial;
    overflow-y: initial;
    margin-left: initial;
    width: initial;
}
.col_left {
    float: left;
    margin-left: 100px;
    background-color: #d8d8d8;
    width: 283px;
    margin-bottom: 100px;
}
.col_main {
    /*float: left;*/
    /*margin-left: 310px;*/
    /*width: 882px;*/
}
.col_wide {
    /*float: left;*/
    position:fixed;
    height: calc(100% - 251px);
    overflow-y: scroll;
    /*margin-left: 310px;*/
    /*width: 1110px;*/
    width: calc(100% - 355px);
}
.col_wide div.table {
    /*width:1110px;*/
}
.col_left_wide {
    float: left;
    /*margin-left: 310px;*/
    /*width: 882px;*/
    width: calc(100% - 30px);
    /*height: calc(100% - 455px);
    height: 100%;*/
    /*margin-bottom: 30px;*/
    margin-bottom: 120px; 
}
.col_left_wide:first-child {
    margin-bottom: 0px;
}
.col_left_wide:last-child {
    margin-bottom: 120px;
}
.recovery_profile {
    width: calc(100% - 303px);
}
.right_open .col_left_wide {
    width: calc(100% - 303px) /*100%*/;
}
/*.page-content .col_left_wide {
    width: 100%;
}*/
.col_right_narrow {
    position: absolute;
    right: 0px;
    width: 0px;
    /*right: -273px;*/
    /*float: right;
    margin-left: 10px;*/
    /*width: 273px;*/
    /*margin-bottom: 90px;*/
   /* margin-top: 65px;*/
}
.col_right_narrow > div {
    overflow:hidden;
}
#disasterHotline {
    position: absolute;
    right: 0px;
    top: 25px;
    width: 273px;
}
#disasterHotline.extra_spacer {
    top: 70px;
}
.col_right_narrow.open {
    width: 273px;
    right: 0px;
    top: 0px;
    background-color: #fff;
    z-index: 10001;
}
.col_right_narrow.open #disasterHotline {
    right: 0px;
}
.col_right_narrow .ic_expand {
    position: absolute;
    right: 0px;
    top: 25px;
    transform: rotate(90deg);
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.col_right_narrow.open .ic_expand {
    /*position: absolute;*/
    right: 0px;
    /*top: 45px;*/
    transform: rotate(0deg);
}
.col_right_narrow h3#txtNeedHelp {
    position: absolute;
    right: -50px;
    text-wrap-mode: nowrap;
    top: 85px;
    /*top: 25px;*/
    transform: rotate(-90deg);
    /*width: 20px;
    height: 20px;*/
    cursor: pointer;
}
.col_right_narrow.open h3#txtNeedHelp {
    position: initial;
    right: initial;
    text-wrap-mode: initial;
    top: initial;
    transform: initial;
}

#recoveryPCT.col_right_narrow {
    position: initial;
    width: 273px;
    float:right;
}
/*.col_right_topics {
    margin-top: 270px;
}*/
.col_main .hr, .section-description .hr {
    border-bottom-color: #c7c7c7;
    width: 778px;
    clear: both;
}
.inputForm .hr {
    width: initial;
}
.section-header {
    /*margin-left: 15px;*/
}
.section-header.small {
    float:left;
    /*padding-left: 60px;
    width: 642px;*/
}
.section-options {
    /*margin-left: 15px;*/
}
ul.recovery-nav  {
    padding: 0;
    margin: 0;
}
ul.recovery-nav  li {
    list-style: none;
    margin:0;
    display:block;
}
ul.recovery-nav  li a {
    display: block;
    padding: 20px;
    text-transform: uppercase;
    /*font-size: 12px;*/
    padding: 20px 20px 20px 50px;
    letter-spacing: 1.4px;
    /*font-family: 'ProximaNovaSoft-Bold';*/
    background-color: #e3e3e3;
    color: #949494;
}
ul.recovery-nav  li a:hover, ul.recovery-nav  li a.active {
    background-color: #c7c7c7;
    color: #6d6e71
}
.recovery-location {
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 12px;*/
    color: #77a2bf;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.section-description {
    /*float: left;
    width: 542px;*/
}
.location-selector {
    background-color: #eee;
    position: absolute;
    right: 10px;
    top: 70px;
    border-radius: 8px;
    padding: 8px;
}
.location-selector label {
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 12px;*/
    letter-spacing:1.4px;
    text-transform: uppercase;
    padding-left: 22px;
    padding-bottom: 14px;
    display: block;
    background-image: url(images/ico-location.svg);
    background-repeat: no-repeat;
    background-position:left top;
    background-size: 14px;
}
.location-selector select {
    width: 100%;
}
select {
    padding: 20px;
    border: none;
    background-color: #fff;
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 12px;*/
    color: #004d71;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    float: left;
}
.inputdiv span {
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 12px;*/
    letter-spacing:1.4px;
    text-transform: uppercase;
    width: inherit;
    word-wrap: break-word;
}
/* Form Inputs */
.btn {
    /*padding: 10px 20px 10px 20px;*/
    /*font-size: 11px;*/
    font-size: 16px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    /*font-family: 'ProximaNovaSoft-Bold';*/
    color: #fff;
    border: none;
    cursor: pointer;
    /*margin-right: 20px;
    margin-bottom: 20px;*/

    background-color: #00A1B7;
    border-radius: 18px;
    border: 2px SOLID #00A1B7;
    padding: 4px 20px;
}
.btn-mini {
    padding: 4px 10px;
    font-size: 10px;
    vertical-align:text-top;
    margin-top: 2px;
    margin-left:10px;
}
.button-row .btn {
    margin-bottom: 0px;
}
.btn:hover {
    /*background-color: #688ea7;*/
    background-color: #1F4E79;
    border-color: #1F4E79;
}
.btn svg {
    fill:currentColor;
    height: 15px;
    position: relative;
    top: 3px;
}
.btn-mini svg {
    height: 10px;
    top: 2px;
}
#btnPrevious.btn {
    background-color: #fff;
    color: #00A1B7;
}
#btnPrevious.btn:hover {
    background-color: #fff;
    border-color: #1F4E79;
    color: #1F4E79;
}
/*.btn.btn-large {
    padding: 12px 15px 15px 15px;
    border-radius: 8px;
    background-color: #00A1B7;
}*/
        /*.btn.btn-large:hover {
    background-color: #004b6e;
}*/
        div .form {
        /*width: 678px;*/
        background-color: #fff;
        margin-bottom: 10px;
        border-radius: 8px;
    }
div .form.mfa {
    width: 678px;
}
div .form-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    cursor: pointer;
}
div.form-pad {
    padding: 0px 0px 40px 0px;
}
div.form.modal div.form-pad {
    padding: 40px 30px 40px 30px;
}
div.form.modal {
    border-top: 5px solid #00A1B7;
    margin-top: 100px;
    width: calc(100% - 250px);
    max-width:1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#trainingDiv.form.modal {
    width:485px;
}
div.form.modal.wide {
    border-top: 5px solid #00A1B7;
    margin-top: 100px;
    width: calc(100% - 250px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
div.form.modal h2 {
    /*font-size: 32px;*/
    text-align: center;
    margin:0;
    padding:0;
    padding-bottom: 28px;
}
div.form.modal .button-row {
    text-align:center;
}
div.form.modal .btn {
    /*width: 100%;
    background-color: #00A1B7;
    padding: 26px;*/
    /*font-size: 12px;*/
    /*font-family: 'ProximaNovaSoft-Bold';*/
    /*border-radius: 0px 0px 8px 8px;*/
    margin: 25px;
}
div.form.modal .btn.short {
        padding: 8px;
    }
div.modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 9000;
    display: none;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(6px);
    /*background: none;*/ /* Old browsers */
    /*background: -moz-linear-gradient(left, rgba(0,90,128,.85) 0%, rgba(148,207,185,.85) 100%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(left, rgba(0,90,128,.85) 0%,rgba(148,207,185,.85) 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right,  rgba(0,90,128,.85) 0%,rgba(148,207,185,.85) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9005a80', endColorstr='#D994cfb9',GradientType=1 );*/ /* IE6-9 */
}
div#training.modal-overlay {
    /*position: absolute;*/
    top: 0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
}
div.form div.field {
	float: left;
	width: 25%;
	padding-bottom: 24px;
}
div.form.modal div.field {
    padding-bottom: 15px;
}
div.form div.field.smallField {
	float: left;
	width: 12.5%;
	padding-bottom: 10px;
}
div.form.modal div.field.smallField {
	width: 25%;
}

div.form div.field.halfField {
	float: left;
	width: 50%;
	padding-bottom: 10px;
}
div.form.modal div.field.halfField {
	width: 100%;
}

div.form div.field.fullField {
	float: left;
	width: 100%;
	padding-bottom: 10px;
}
div.form.modal div.field.fullField {
	width: 100%;
}

div.form div.field.thirdField {
	float: left;
	width: 30%;
	padding-bottom: 10px;
}
div.form.modal div.field.thirdField {
	width: 30%;
}

div.form div.field.chkField {
	padding-top: 25px;
	
}



div.form.modal div.field {
	width: 50%;
}

div.form input, div.form input:focus, div.form select, div.form select:focus, div.form textarea, div.form textarea:focus {
    border: 1px solid #e1eaec;
    background-color: #e1eaec;
    color: #949494;
    padding: 11px;
    height: 42px;
    box-sizing: border-box;
    width: 100%;
    float: none;
    border-radius: 8px;
}
div.form input.questionnaire, div.form input.questionnaire:focus, div.form select.questionnaire, div.form select.questionnaire:focus {
	width:initial;
}
div.form input[type=radio], div.form input[type=radio]:focus {
    width: initial;
}
div.form.modal input, div.form.modal input:focus, div.form.modal select, div.form.modal select:focus, div.form.modal textarea, div.form.modal textarea:focus {
	padding: 6px;
	height: 28px;
    /*font-size: 11px;*/
    letter-spacing: 0.2px;
    border-radius:8px;
}
div.form label {
	height: 16px;
    margin-bottom: 8px; 
}
div.form .fullField label {
    height: initial;
}
div.form div.checkbox input, div.form div.checkbox input:focus {
    padding: 2px;
    height: 16px;
    display: inline-block;
    width: initial;
}
div.form div.checkbox div.inputdiv {
    display: block;
    float: left;
    width: initial;
}
div.form div.radioOptions input, div.form div.radioOptions input:focus {
    vertical-align: top;
    padding: 2px;
    height: 16px;
    width: initial;
    display: inline-block;
    line-height: 20px;
}

/* Custom Checkbox Styling */
input[type="checkbox"] {
    display: none!important;
}
input[type="checkbox"] + label {
    display: inline-block;
    /*width: 20px;*/
    height: 20px;
    padding-left: 30px;
    margin: -1px 4px 0px 0px;
    vertical-align: middle;
    background:url("/images/checkbox-notchecked.svg") 0px top no-repeat;
}
input[type="checkbox"]:checked + label {
    background:url("/images/checkbox-checked.svg") 0px top no-repeat;
}
div.tbl_list input[type="checkbox"] + label {
    background:url("/images/checkbox-notchecked.svg") 0px top no-repeat;
}
div.tbl_list input[type="checkbox"]:checked + label {
    background:url("/images/checkbox-checked.svg") 0px top no-repeat;
}
input[type="checkbox"].checkboxRadio + label {
background:url("/images/radio-notchecked.svg") 0px top no-repeat;
}
input[type="checkbox"].checkboxRadio:checked + label {
background:url("/images/radio-checked.svg") 0px top no-repeat;
}
div.form .field.questionnaire {
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 50px;
}
div.form .field.questionnaire label {
    margin-bottom: 35px;
    text-transform: none;
}
div.form .field.questionnaire .radioOptions label {
    margin-bottom: 25px;
}
/* DataTables Checkbox Styling */
table.dataTable td.select-checkbox {
    position: relative;
}
table.dataTable td.select-checkbox:before {
    width: 16px;
    height: 16px;
    /*margin: -1px 4px 25px 0px;*/
    vertical-align: middle;
    background:url("/images/checkbox-notchecked.svg") center center no-repeat;
    content: ' ';
}
table.dataTable tr.selected td.select-checkbox:before {
    background:url("/images/checkbox-checked.svg") center center no-repeat;
}
table.dataTable td.select-checkbox:before, table.dataTable td.select-checkbox:after {
    display: block;
    box-sizing: border-box;
}
/* Custom Radio Styling */
input[type="radio"] {
    display: none!important;
}
input[type="radio"] + label {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    padding-left: 26px;
    margin: 2px 2px 0px 25px;
    vertical-align: middle;
    background:url("/images/radio-notchecked.svg") 0px top no-repeat;
}
input[type="radio"]:checked + label {
    background:url("/images/radio-checked.svg") 0px top no-repeat;
}
div.form div.radioOptions {
    display: block;
}

/* Custom Radio Checkbox Styling */
input[type="radio"].radioCheckbox {
    display: none!important;
}
input[type="radio"].radioCheckbox + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    padding-right: 25px;
    padding-left: 30px;
    margin: -1px 4px 25px 0px;
    vertical-align: middle;
    background:url("/images/checkbox-notchecked.svg") 0px top no-repeat;
}
input[type="radio"].radioCheckbox:checked + label {
    background:url("/images/checkbox-checked.svg") 0px top no-repeat;
}

div.form div.checkbox label {
    line-height: 18.5px;
    vertical-align:top;
    height:18.5px;
}
div.form div.radioOptions label {
    display: inline-block;
    line-height: 15px;
    text-transform: none;
}
div.form.modal label {
    height: 16px;
}
div.form div.field.multiField select {
	height: 71px;
}
div.form .inputdiv {
	padding: 2px;
	padding-right: 12px;
	width:100%;
	box-sizing: border-box;
}
div.form div.field.fullField textarea, div.form div.field.fullField textarea:focus {
	border: 1px solid #e1eaec;
	padding: 2px;
	height: 100px;
	box-sizing: border-box;
	width:100%;
    max-width:100%;
    border-radius:8px;
}
/* Custom Radio Checkbox Styling for Employee Training */
/* Class-based since Radio.cs no longer emits id="lbl_NAME" / id="div_NAME"
   (those were duplicated across every option, producing invalid HTML).
   The outer .field div already carries the field's name as a class. */
.field.every_year .radioOptions label,
.field.notify_by .radioOptions label {
    padding-left: 25px;
    line-height: 10px;
}
.field.every_year .radioOptions,
.field.notify_by .radioOptions {
    margin-top: 10px;
}
div#fld_notify_by {
    width: 100%;
}
/* Block + full width so the .tbl_list grid below has a definite width to
   divide into columns; shrink-to-fit would collapse auto-fill to one column. */
div#fld_chkgroup_emp {
    display: block;
    width: 100%;
}
div#fld_chkgroup_vend {
    display: block;
    width: 100%;
}
div#fld_chkemployee {
    display: block;
    width: 100%;
}
div#fld_chkvendor {
    display: block;
    width: 100%;
}

div.form span {
	/*margin-left: 20px;*/
	padding: 3px 3px 3px 0px;
	height: 15px;
	box-sizing: content-box;
	display: inline-block;
}
div.form label {
	display: block;
	color: #6d6e71;
    /*font-size: 13px;*/
    letter-spacing: 0.2px;
    text-transform: uppercase;
	/*font-family: ProximaNovaSoft-Bold;*/
}
div.adr h3 {
    /*font-family: ProximaNovaSoft-Regular;*/
    font-weight: normal;
}
div.form div.checkboxRadio label {
    /*font-family: ProximaNovaSoft-Regular;*/
}
div.form .questionnaire label {
    letter-spacing: 0.2px;
    /*font-family: ProximaNovaSoft-Regular;*/
    /*font-size: 22px;*/
}
div.form .questionnaire .radioOptions label {
    letter-spacing: 0.2px;
    /*font-family: ProximaNovaSoft-Regular;*/
    /*font-size: 18px;*/
}
div.form.modal label {
    font-size: 16px;
}
div.form.modal label a span {
    /*font-size: 9px;*/
}
    /* Tables */
div .table h2 {
    background-color: #fff;
    color: #1F4E79;
    /*font-size: 32px;*/
    /*font-family: Raleway-Bold;*/
    padding: 20px 25px 20px 25px;
    margin: 0;
    border-radius: 8px 8px 0px 0px;
}
div.table {
    /*width: 778px;*/
    margin-bottom: 25px;
    border-radius: 8px;
}
div.table table.dataTable thead {
    display: none;
}
div.table table.showHead thead {
    display: table-row-group;
}
div.table .dt-info { display: none; }

div.table .dt-buttons {
    margin-top: 10px;
    float: left;
    width: 75%;
    min-height: 40px;
}
a.dt-button, .dt-paging-button {
    cursor: pointer;
    /*padding: 5px;
    color: #1F4E79;*/
    text-transform: uppercase;
    /*font-family: ProximaNovaSoft-Bold;*/
    margin-right: 25px;
}
.dt-paging-button {
    color: #717073;
    /* DataTables 2.x switched pagination from <a> to <button> elements.
       Reset the browser-default button chrome (background, border, padding,
       font) so they look like the 1.x anchor-based pagination did. */
    background: transparent;
    border: none;
    padding: 0;
    font: inherit;
    letter-spacing: inherit;
}
.dt-paging-button:focus {
    outline: none;
}
.dt-paging-button.current {
    font-weight: bold;
    color: #1F4E79;
}
.dt-paging-button.disabled {
    color: #ccc;
    cursor: default;
}
.dt-paging-button.first, .dt-paging-button.last { display: none; }
.dt-paging-button.previous svg, .dt-paging-button.next svg {
    height: 8px;
    fill: currentColor;
    display:inline-block;
    vertical-align: middle;
}
div.table .dt-paging  {
    margin-top: 10px;
    float: left;
    width: 50%;
    text-align: right;
}
/* Employee Groups */
.group_remove {
    background-color: #fff;
    float: left;
    cursor: pointer;
    text-align: center;
    /*color: #1F4E79;*/
    text-transform: uppercase;
    letter-spacing: 1.4px;
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 12px;*/
    vertical-align: top;
    box-sizing: border-box;
    margin-top: 24px;
    
    /*width: 33%;
    height: 68px;*/
    margin-left: 1px;
}
.group_remove svg  {
    height: 15px;
    fill: currentColor;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.faded {
	opacity: 0.25;
	cursor:arrow;
}
/* Addendums */
.addendum {
    margin-bottom: 25px;
    float: left;
    margin-right: 25px;
    width: calc(50% - 25px);
}
.addendum.inner {
    margin: 0;
    float: none;
    width: 100%;
}
    .addendum .letter, .addendum .name, .addendum .addendum_edit, .addendum .addendum_export, .addendum .addendum_remove {
        background-color: #F1FAFC;
        float: left;
        cursor: pointer;
        text-align: center;
        color: #1F4E79;
        /*text-transform: uppercase;*/
        letter-spacing: 1.4px;
        /*font-family: ProximaNovaSoft-Bold;*/
        /*font-size: 12px;*/
        vertical-align: top;
        box-sizing: border-box;
        padding-top: 27px;
    }
.addendum .letter {
    width: 100%;
    text-align: center;
    color: #717073;
    /*font-size: 12px;*/
    letter-spacing: 1.4px;
    /*font-family: ProximaNovaSoft-Bold;*/
    padding-top: 50px;
}
.addendum .addendum_updated {
    margin-top: 10px;
    width: 100%;
    text-align: center;
    color: #717073;
    font-size: 12px;
    letter-spacing: 1.4px;
    /*font-family: ProximaNovaSoft-Bold;*/
    text-transform: uppercase;
}
.addendum .name {
    width: 100%;
    height: 125px;
    margin-bottom: 1px;
    /*font-family: Raleway-Bold;*/
    text-align: center;
    /*font-size: 26px;*/
    color:#1F4E79;
    padding-top: 15px;
}
.addendum .addendum_edit {
    width: 33.3%;
    height: 68px;
}
.addendum .addendum_export {
    width: calc(33.3% - 1px);
    height: 68px;
    margin-left: 1px;
}
.addendum .addendum_remove {
    width: 33%;
    height: 68px;
    margin-left: 1px;
}
.addendum .addendum_edit:hover {
    color: #004b6e;
}
.addendum .addendum_export:hover {
    color: #6d6e71;
}
.addendum .addendum_edit svg, .addendum .addendum_export svg, .addendum .addendum_remove svg  {
    height: 15px;
    fill: currentColor;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.addendum_remove.disabled, .addendum_export.disabled, .addendum_edit.disabled,
.addendum_remove.disabled:hover, .addendum_export.disabled:hover, .addendum_edit.disabled:hover {
    color: #efefef;
}

/* Contact Cards */
.contactCard {
    margin-bottom: 25px;
    width: 1060px;
}
.contactCard .name, .contactCard .title, .contactCard .email, .contactCard .phone, .contactCard .fax, .contactCard .contact_edit, .contactCard .contact_remove {
    background-color: #F1FAFC;
    float: left;
}
.contactCard .name {
    padding-left: 50px;
    padding-top: 40px;
    width: 250px;
    height: 29px;
    /*font-family: Raleway-Bold;*/
    font-size: 26px;
    color: #1F4E79;
}
.contactCard .email {
    width: 334px; 
    height: 29px;
    padding-top:40px;
    padding-left:25px;
    padding-right: 50px;
    /*font-family: ProximaNovaSoft-Regular;*/
    /*font-size: 18px;*/
    color: #77a2bf;
}
.contactCard .title {
    padding-left: 50px;
    padding-bottom: 40px;
    width: 250px;
    height: 18px;
    padding-top: 10px;
    /*font-family: ProximaNovaSoft-Bold;*/
    font-size: 12px;
    color: #717073;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}
.contactCard .phone {
    padding-left: 50px;
    padding-bottom: 40px;
    width:150px; 
    height: 28px;
    padding-left:25px;
    /*font-family: ProximaNovaSoft-Regular;*/
    /*font-size: 18px;*/
    color: #6d6e71;
}
.contactCard .fax {
    padding-bottom: 40px;
    width:159px; 
    height: 28px;
    padding-left:25px;
    padding-right: 50px;
    /*font-family: ProximaNovaSoft-Regular;*/
    font-size: 18px;
    color: #6d6e71;
}
.contactCard .contact_edit, .contactCard .contact_remove {
    width: 68px;
    height: 69px;
    margin-left: 1px;
    margin-bottom: 1px;
    cursor: pointer;
}
.contact_f, .contact_p {
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 10px;*/
    color: #1F4E79;
    padding-right: 10px;
}
.contactCard .contact_edit {
    color: #1F4E79;
}
.contactCard .contact_edit:hover {
    color: #004b6e;
}
.contactCard .contact_remove:hover {
    color: #6d6e71;
}
.contactCard .contact_edit svg, .contactCard .contact_remove svg {
    height: 15px;
    fill: currentColor;
    margin: auto;
    margin-top: 27px;
    display: block;
}

/* Location Cards */

.locationCard {
    margin-bottom: 25px;
    width: 1060px;
}
.locationCard .name, .locationCard .contact, .locationCard .email, .locationCard .phone, .locationCard .location_edit, .locationCard .location_remove {
    background-color: #F1FAFC;
    float: left;
}
.locationCard .name {
    padding-left: 50px;
    padding-top: 40px;
    width: 659px;
    height: 61px;
    /*font-family: Raleway-Bold;*/
    font-size: 26px;
    color: #1F4E79;
}
.locationCardPE {
    float: left;
    width: 409px;
}
.locationCardPE .email {
    width: 334px; 
    height: 29px;
    /*padding-top:40px;*/
    padding-bottom: 33px;
    padding-left:25px;
    padding-right: 50px;
    /*font-family: ProximaNovaSoft-Regular;*/
    /*font-size: 18px;*/
    color: #77a2bf;
}
.locationCard .contact {
    padding-left: 50px;
    padding-bottom: 40px;
    width: 250px;
    height: 50px;
    padding-top: 10px;
    /*font-family: ProximaNovaSoft-Bold;*/
    font-size: 12px;
    color: #717073;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}
.locationCardPE .phone {
    padding-left: 50px;
    padding-bottom: 0px;
    width: 384px; 
    height: 28px;
    padding-top:10px;
    padding-left:25px;
    /*font-family: ProximaNovaSoft-Regular;*/
    /*font-size: 20px;*/
    color: #6d6e71;
}
.locationCard .location_edit, .locationCard .location_remove {
    width: 68px;
    height: 100px;
    margin-left: 1px;
    margin-bottom: 1px;
    cursor: pointer;
}
.location_p {
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 10px;*/
    color: #1F4E79;
    padding-right: 10px;
}
.locationCard .location_edit {
    color: #00A1B7;
}
.locationCard .location_edit:hover {
    color: #004b6e;
}
.locationCard .location_remove:hover {
    color: #6d6e71;
}
.locationCard .location_edit svg, .locationCard .location_remove svg {
    height: 15px;
    fill: currentColor;
    margin: auto;
    margin-top: 43px;
    display: block;
}

/* Datatables */
table.dataTable {
    /*padding: 25px 50px 25px 50px;*/
    background-color: #fff;
    border-radius: 0px 0px 8px 8px;
}
table.dataTable thead {
    padding: 12px 25px 12px 25px;
    /*background-color: #00A1B7;*/
    /*font-family: ProximaNovaSoft-Bold;*/
    color: #1F4E79;
    letter-spacing: 1.4px;
    /*font-size: 12px;*/
    text-transform: uppercase;
    border-radius: 8px 8px 0px 0px;
}
table.dataTable thead th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
}

table.dataTable.smallText tr td {
    padding-left: 0px;
    padding-right: 0px;
}
table.dataTable tr td:first-child, table.dataTable tr th:first-child {
    padding-left: 25px;
    border-radius: 8px 0px 0px 0px;
}
    table.dataTable tr td:last-child, table.dataTable tr th:last-child {
        padding-right: 25px;
        border-radius: 0px 8px 0px 0px;
    }
table.dataTable tr td:last-child {
    padding-right: 50px;
}
div.dt-processing {
    position: absolute;
    background-color: #fff;
    padding: 12px 25px;
    margin-left: auto;
    width: 100px;
    text-align: center;
    /*font-family: ProximaNovaSoft-Regular;*/
    letter-spacing: 1.4px;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    height: 20px;
    margin-top: -35px;
    /*font-size: 12px;*/
    border: 1px solid #717073;
    color: #717073;
    border-radius:8px;
}
table.dataTable tr td {
    border-bottom: 1px solid #E1EAEC;
    padding: 12px;
    /*font-family: ProximaNovaSoft-Regular;*/
    /*font-size: 25px;*/
    color: #6d6e71
}

/* Import highlight: rows created/updated by a completed CSV import are
   tagged with class "Created"/"Updated" by the DataTables rowCallback.
   Override the zebra-stripe cell background so those rows read green. */
table.dataTable tr.Created td, table.dataTable tr.Updated td {
    background-color: #c6efce !important;
}

/*table.dataTable tr:last-child td {
    border-bottom: none;
}*/
table.dataTable.smallText tr td {
    font-size: 16px;
}

/* jQuery 3 regression workaround: jQuery 3's .show() incorrectly forces
   display:block on elements whose browser default is display:none
   (getDefaultDisplay() maps "none" -> "block"). Datalists in this codebase
   carry the .editOnly class and get .show()'d when entering edit mode,
   which would otherwise render their <option> text inline below the input.
   See https://github.com/jquery/jquery/issues/3404 */
datalist {
    display: none !important;
}
/*table.dataTable tr td:first-child {
    padding-left: 00px;
}
table.dataTable tr td:last-child {
    padding-right: 0px;
}*/
table.dataTable thead th {
    cursor: pointer;
}
table.dataTable td {
    padding: 0;
}
.dt-search {
    float: right;
    text-align: right;
}
.dt-container {
    position: relative;
    clear: both;
    min-height: 50px;
}
table.dataTable {
    border-spacing: 0px;
    margin: 0 auto;
    clear: both;
    width: 100%;
    border-radius:8px;
}
/*Resource Center Index Page**/
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.content {
    margin-bottom: 80px;
    float: left;
}
p.sec-description {
    /*color: white;*/
    /*font-size: 20px;*/
}


/*hidden span for training pulse*/
span#resourcePlus {
    padding: -20px;
    margin: -20px;
    margin-right: -20px;
}
.text-center {
    width:100%;
    text-align: center;
    margin-bottom: 50px;
}
.g-pad-bottom {
    padding-bottom: 40px;
}
.col-md-12 {
    width: 100%;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom:20px;
}
.col-md-3 {
    width: 25%;
}
div.col-md-3 p {
    align:left;
    /*font-size: 20px;*/
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
h2.head-sub-main{
   color:white;
   /*font-family: 'Raleway-Bold';*/
   /*font-size: 32px;*/
}
.head-last{
    color:white;
    /*font-family: "ProximaNovaSoft-Regular";*/
    /*font-size: 22px;*/
    line-height: 28px;
}
.contact-content{
   width: 100%;
   text-align: center;
   margin-bottom:80px;
}
.imgDiv{
      height: auto;
    /*width: 100%;*/
    /*background-image: url("/images/AGIL-Satellite.jpg"), -moz-linear-gradient(left, #005a80 0%, #94cfb9 100%);
    background-image: url("/images/AGIL-Satellite.jpg"), -webkit-linear-gradient(left, #005a80 0%,#94cfb9 100%);
    background-image: url("/images/AGIL-Satellite.jpg"), linear-gradient(to right, #005a80 0%,#94cfb9 100%);*/
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
}

.contact_Q{
    text-align: center;
    margin-bottom: 60px;
}
.Black{
    color:black;
}
input#txtSearch {
    padding: 15px;
    width: 720px;
    border: none;
    background-color: #fff;
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 12px;*/
    color: #000000;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    /*background-image: url(/images/search-icon.jpg);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: right;*/
}
#myAgility-menu-search {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
/*Resource Center -> Document Mangement*/
#DocumentCategoryList {
    width: 100%;
}
h3#txtMoreTopics {
    margin-bottom: 30px;
}
.hr-extended{
    width: 100%;
}
div#divManageCategory {
    margin-top: 60px;
}
a.topicsLink {
    display: inherit;
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 12px;*/
    letter-spacing: 1.4px;
    margin-bottom: 18px;
    text-transform: uppercase;
}
div.section-option {
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 12px;*/
    width: 642px;
}
div.section-option.small a {
    margin-right: 45px;
}
div.section-option a {
    margin-bottom: 4px;
    margin-right: 75px;
    display: inline-block;
    color: #1F4E79;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}
div.section-option a svg, span.section-option a svg {
    display: inline-block;
    height: 17px;
    margin-right: 17px;
    width: 15px;
    position: relative;
    bottom: -4px;
}
.section-option svg {
    fill: currentColor;
}
#fld_set_reminder label {
    /*font-size: 12px;*/
}
div#fld_before_event {
    padding-top: 30px;
    padding-bottom: 20px;
}
div#fld_set_reminder {
    margin-top: 10px;
}
/* Resource Center Search textbox*/
.search {
    width: 500px;
    height:35px;
    margin: 4px;
}
search_text{
    width: 297px;
    padding: 15px 0 15px 20px;
    /*font-size: 16px;*/
    /*font-family: Montserrat, sans-serif;*/
    border: 0 none;
    height: 52px;
    margin-right: 0;
    color: white;
    outline: none;
    background: #fff;
    box-sizing: border-box;
    transition: all 0.15s;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: black;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: black;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: black;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: black;
}

#search_button {
    border: 0 none;
    background: #1f7f5c url(search.png) center no-repeat;
    width: 60px;
    padding: 0;
    text-align: center;
    height: 52px;
    cursor: pointer;
}




.resource-content{
    height: 200px;
    bottom: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    background-image: url("/images/AGIL-Gear-2-70.jpg"), -moz-linear-gradient(left,  #005a80 0%, #94cfb9 100%); /* FF3.6-15 */
    background-image: url("/images/AGIL-Gear-2-70.jpg"), -webkit-linear-gradient(left,  #005a80 0%,#94cfb9 100%); /* Chrome10-25,Safari5.1-6 */
    background-image: url("/images/AGIL-Gear-2-70.jpg"), linear-gradient(to right,  #005a80 0%,#94cfb9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: top center;
    background-size:cover;
    background-repeat: no-repeat;
    
    background-blend-mode: multiply;
}
/*Building Plan, How it Works, Checklists, Testing, */
#TestingList, #HowItWorksList, #TestingList, #CheckList
{
    width:100%;
}
tbody#comRecovery tr td:first-child {
    padding-right: 149px;
}
tbody#tech_recovery tr td:first-child {
    padding-right: 283px;
}
/* Login Form */
.login-content {
    height: auto;
    bottom: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    /*background-image: url("/images/AGIL-Gear-2-70.jpg"), -moz-linear-gradient(left,  #005a80 0%, #94cfb9 100%);*/ /* FF3.6-15 */
    /*background-image: url("/images/AGIL-Gear-2-70.jpg"), -webkit-linear-gradient(left,  #005a80 0%,#94cfb9 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background-image: url("/images/AGIL-Gear-2-70.jpg"), linear-gradient(to right,  #005a80 0%,#94cfb9 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: top center;
    background-size:cover;
    background-repeat: no-repeat;
    
    background-blend-mode: multiply;
}
.login-overlay {
    height: 100%;
    position:relative;
}
.login-header {
    padding-top: 67px;
    padding-left: 115px;
    /*font-size: 11px;*/
}
.big {
    font-size: 32px;
}
.space-wide {
    letter-spacing: 1.45px;
}
.login-form {
    width: 464px;
    margin-left: auto;
    margin-right: auto;
    /*font-family: 'ProximaNovaSoft-Bold';*/
}
.login-form label {
    padding-top: 16px;
    padding-bottom: 4px;
    display: block;
    /*font-size: 12px;*/
}
.login-form .white-form input {
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    border-radius: 8px;
}
.login-form .white-form input.login_button,
.login-form .white-form input.reset_email_button {
    width: 50%;
    margin-top: 12px;
    margin-left: 25%;
    border-radius: 16px;
    padding: 8px;
    cursor: pointer;
}
.forgot-password {
    letter-spacing: 1.4px;
    margin-top: 8px;
    display: block;
    text-align: center;
}
.login_button, .reset_email_button{
    width: 50%;
    padding: 8px;
    font-size: 16px;
    /*font-size: 17px;*/
    /*font-family: 'ProximaNovaSoft-Bold';*/
    border-radius:18px;
}
.login_button:hover, .reset_email_button:hover {
    background-color: #1F4E79;
}
.recoveryPCT {

}

.adrList {
    display: none;
    clear: both;
}
.adr {
    clear: both;
}
.adrExpand {
    color: #00A1B7;
    margin-top: 10px;
    margin-bottom: 20px;
    cursor: pointer;
    border: 2px solid #00A1B7;
    border-radius: 16px;
    padding: 4px 20px 4px 10px;
    display: inline-block;
}
    .adrExpand:hover {
        border-color: #1F4E79;
        color: #1F4E79;
    }
.ic_expand {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    background-image: url(/images/ico-expand.svg);
    transform: rotate(-90deg);
    position: relative;
}
    .ic_expand.expanded {
        transform: rotate(0deg);
    }

.adr span.ic_alert,
.adr span.ic_declare,
.adr span.ic_preparing,
.adr span.ic_shipped,
.adr span.ic_onsite,
.adr span.ic_stooddown {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 46px;
    position: relative;
    top: -23px;
}

.adr span.ic_alert {
    background-image: url(/images/ico-alert.svg);
    height: 40px;
    top: -24px;
}

.adr span.ic_declare {
    background-image: url(/images/ico-recovery.svg);
    height: 50px;
    top: -25px;
}

.adr span.ic_preparing {
    background-image: url(/images/ico-preparing.svg);
}

.adr span.ic_shipped {
    background-image: url(/images/ico-shipped.svg);
}

.adr span.ic_onsite {
    background-image: url(/images/ico-onsite.svg);
}

.adr span.ic_stooddown {
    background-image: url(/images/ico-stooddown.svg);
}

.adr .active span.ic_alert {
    background-image: url(/images/ico-alert-active.svg);
}

.adr .active span.ic_declare {
    background-image: url(/images/ico-recovery-active.svg);
}

.adr .active span.ic_preparing {
    background-image: url(/images/ico-preparing-active.svg);
}

.adr .active span.ic_shipped {
    background-image: url(/images/ico-shipped-active.svg);
}

.adr .active span.ic_onsite {
    background-image: url(/images/ico-onsite-active.svg);
}

.adr .active span.ic_stooddown {
    background-image: url(/images/ico-stooddown-active.svg);
}


.adr > span {
    float: left;
    width: 90px;
    text-align: center;
    position: relative;
    font-size: 1.15em;
    color: #E1EAEC;
    /*visibility: hidden;*/
}
.adr > span.active {
    color: #717073;
    visibility: visible;
}
.adr > span:not(.between)::before {
    content: " ";
    width: 100%;
    background-color: #E1EAEC;
    height: 20px;
    position: absolute;
    top: 35px;
    left: 0px;
}
.adr > span:not(.between)::after {
    content: " ";
    width: 20px;
    background-color: #E1EAEC;
    height: 20px;
    position: absolute;
    top: 35px;
    right: 0px;
}
.adr > span.nextactive:not(.between)::after {
    background-color: #00A1B7;
}
.adr > span.active:not(.between)::before {
    /*background-color: #005b85;*/
}
.adr > span.active:not(.between)::before {
    background-color: #00A1B7;
    width: calc(100% - 20px);
    visibility: visible;
}
.adr > span.nextactive:not(.between)::before {
    background-color: #00A1B7;
    width: 100%;
    visibility: visible;
}
.adr > span:first-of-type::before {
    width: calc(100% - 20px);
    left:20px;
}
.adr > span:last-child::before {
    width: calc(100% - 20px);
}

.adr span.adrdonut {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    width: 90px;
    height: 90px;
    float: left;
    background-color: #E1EAEC;
    /*margin-bottom:100px;*/
    z-index: 10;
    /*visibility: hidden;*/
}
.adr span.active span.adrdonut {
    background-color: #00A1B7;
    visibility: visible;
}
.adr span.status_text {
    width: 200%;
    left: -50%;
    position: relative;
    display: inline-block;
}

.adr span.between {
    /*width: 47px;*/
    width: calc((100% - 540px) / 5);
    background-color: #E1EAEC;
    margin-top: 35px;
    height: 20px;
    display: block;
    float: left;
    /*visibility: hidden;*/
}
.adr span.active.between {
    background-color: #00A1B7;
    visibility: visible;
}

.adr span .hole {
    top: 6px;
    left: 6px;
    width: 78px;
    height: 78px;
    padding-top: 40px;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    /*font-family: Raleway-Bold;*/
    font-size: 24px;
}
/*.adr > span::after {
    content: " ";
    width: 100%;
    background-color: blue;
    margin-top: 40px;
    height: 10px;
    display: inline-block;
}*/
.adr {
    clear:both;
    padding-right:20px;
    overflow:hidden;
}


@media all and (max-width:60.000em) {
}

@media all and (max-width:48.000em) {
    .adr span.ic_alert,
    .adr span.ic_declare,
    .adr span.ic_preparing,
    .adr span.ic_shipped,
    .adr span.ic_onsite,
    .adr span.ic_stooddown {
        width: 35px;
        height: 35px;
        top: 4px;
    }

    .adr > span {
        width: 68px;
        font-size: 0.75em;
    }

        .adr > span:not(.between)::before {
            width: 100%;
            height: 14px;
            top: 27px;
        }

        .adr > span:not(.between)::after {
            width: 10px;
            height: 14px;
            top: 27px;
        }

        .adr > span:first-of-type::before {
            width: calc(100% - 20px);
            left: 27px;
        }

        .adr > span:last-child::before {
            width: calc(100% - 20px);
        }

    .adr span.adrdonut {
        width: 68px;
        height: 68px;
    }

    .adr span.between {
        width: calc((100% - 408px) / 5);
        margin-top: 27px;
        height: 14px;
    }

    .adr span .hole {
        top: 7px;
        left: 7px;
        width: 54px;
        height: 54px;
        padding-top: 5px;
        font-size: 24px;
    }
}

@media all and (max-width:30.000em) {
    .adr span.ic_alert,
    .adr span.ic_declare,
    .adr span.ic_preparing,
    .adr span.ic_shipped,
    .adr span.ic_onsite,
    .adr span.ic_stooddown {
        width: 25px;
        height: 25px;
        top: 2px;
    }

    .adr > span {
        width:50px;
        font-size: 0.5em;
    }

    .adr > span:not(.between)::before {
        width: 100%;
        height: 10px;
        top: 20px;
    }

    .adr > span:not(.between)::after {
        width: 10px;
        height: 10px;
        top: 20px;
    }

    .adr > span:first-of-type::before {
        width: calc(100% - 20px);
        left: 20px;
    }

    .adr > span:last-child::before {
        width: calc(100% - 20px);
    }

    .adr span.adrdonut {
        width: 50px;
        height: 50px;
    }

    .adr span.between {
        width: calc((100% - 300px) / 5);
        margin-top: 20px;
        height: 10px;
    }

    .adr span .hole {
        top: 5px;
        left: 5px;
        width: 40px;
        height: 40px;
        padding-top: 5px;
        font-size: 24px;
    }
}

.donut {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    width: 180px;
    height: 180px;
    margin-left: 30px;
    float: left;
    /*margin-bottom: 100px;*/
}
.donut .slice0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e5765c;
}
/* The Modal (background) */
.popup-modal {
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    padding-top: 300px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 30%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/*----------------------------------*/
/* generic slice for our tiles, we are used a conic-gradient because this isn't 2015 anymore */
.donut .slice {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.tileBox {
    display:flex;
    flex-wrap: wrap;
}
.tile {
    display: block;
    float: left;
    /*height: 250px;*/
    margin-top: 20px;
    padding: 10px 10px 20px 10px;
    box-sizing: border-box;
    position: relative;
}
.tile a, .tile a:link, .tile a:active, .tile a:visited {
    color: #00A1B7;
}
.tileInset {
    border-right: 2px solid #e1eaec;
    margin-right: 10px;
    height: calc(100% - 10px);
}
.tileBottomBorder {
    border-bottom: 2px solid #e1eaec;
    width: calc(100% - 60px);
    position: absolute;
    bottom: 0px;
}
.tile.thirdWidth:nth-child(3n+3) .tileInset {
    border-right: none;
}

.tile.thirdWidth {
    width: 33.33%;
}
.tile.fullWidth {
    width: 100%;
    position: relative;
}
.tile.fullWidth .tileInset {
    border-right: none;
}
.tile .tileLeft {
    width: calc(100% - 210px);
    float: left;
}

.tile .tileBottom {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.tile h2 {
    margin-top: 0px;
}

.tile .tileRight {
    width: 210px;
    float: left;
}
.tile .tileRight svg {
    width: 130px;
    margin-left: 40px;
    fill: #717073;
}
.tile h2 {
    font-weight: normal;
    font-size: 26px;
}
.legend {
    display: flex;
    flex-wrap: wrap;
}
.legendItem {
    font-size: 12px;
    float:left;
    width: 40%;
}
.legendDot {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-right: 10px;
    display: inline-block;
}
/* Handles percentages from 0-50, as a rotation value between 0 and 180 */
.donut .slice1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: rect(0 90px 180px 0);
    transform: rotate(0deg);
    background: #67ce8e;
}
/* Hides slice 1 where it's below 0% */
.donut .slice2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: rect(0 90px 180px 0);
    background: #e5765c;
}
/* Handles percentages from 50 - 100, as a rotation value between 180 and 360*/
.donut .slice3 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: rect(0 90px 180px 0);
    transform: rotate(180deg);
    background: #67ce8e;
}
.donut .hole {
    top: 14px;
    left: 14px;
    width: 152px;
    height: 152px;
    padding-top: 35px;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    /*font-family: Raleway-Bold;*/
    font-size: 64px;
}
.tile .donut .hole.onek {
    font-size: 48px;
    padding-top: 32px;
}
.tile .donut .hole.tenk {
    font-size: 36px;
    padding-top: 42px;
}
.tile .readmore {
    display: none;
}
.tile .donut {
    height: 150px;
    width: 150px;
}
.tile .donut .hole {
    height: 122px;
    width: 122px;
    padding-top: 22px;
}
.donut .pctsign {
    /*font-family: ProximaNovaSoft-Bold;*/
    letter-spacing: 1.4px;
    font-size: 17px;
    color: #b6b6b8;
    vertical-align: top;
    display: inline-block;
    padding-top: 10px;
    position: absolute;
}
.donut .cpt {
    /*font-family: ProximaNovaSoft-Bold;*/
    letter-spacing: 1.4px;
    font-size: 10px;
    color: #b6b6b8;
    display: block;
    position: relative;
    top: -8px;
}

.dt-container .donut {
    height: 80px;
    width: 80px;
}
    .dt-container .donut .slice1 {
        clip: rect(0 40px 80px 0);
    }
    .dt-container .donut .slice2 {
        clip: rect(0 40px 80px 0);
    }
    .dt-container .donut .slice3 {
        clip: rect(0 40px 80px 0);
    }

    .dt-container .donut .hole {
        top: 10px;
        left: 10px;
        width: 60px;
        height: 60px;
        padding-top: 10px;
    }
    .dt-container .donut span.pct {
        display: inline-block;
        position: relative;
        top: -30px;
        font-size: 33px;
        padding-left: 0px;
        color: #717073;
    }
    .dt-container .donut span.pctsign {
        font-size: 10px;
        top: 6px;
        color: #717073;
        padding-top: 10px;
    }
    .dt-container .donut span.cpt {
        position: relative;
        top: -40px;
        font-size: 5px;
        color: #717073;
        padding-left: 0px;
    }
        /* Spinner */
#spinner_screenlock, #spinner_screenlock_account_context {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	box-sizing:border-box;
	cursor: wait;
	z-index: 10000;
}
#spinner, #spinner2 {
	display: none;
	height: 100%;
	width: 100%;
	padding-top: 300px;
	background-color: rgba(255,255,255,.5);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}
#spinner-mobile-menu, #spinner-mobile, #spinner-mobile-right-menu, #spinner-mobile-right {
    display: none;
}
.bubblingG {
	text-align: center;
	width:78px;
	height:49px;
	margin: auto;
}

.bubblingG span {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	margin: 24px auto;
	background: %%feature_full%%;
	border-radius: 49px;
		-o-border-radius: 49px;
		-ms-border-radius: 49px;
		-webkit-border-radius: 49px;
		-moz-border-radius: 49px;
	animation: bubblingG 1.5s infinite alternate;
		-o-animation: bubblingG 1.5s infinite alternate;
		-ms-animation: bubblingG 1.5s infinite alternate;
		-webkit-animation: bubblingG 1.5s infinite alternate;
		-moz-animation: bubblingG 1.5s infinite alternate;
}

#bubblingG_1 {
	animation-delay: 0s;
		-o-animation-delay: 0s;
		-ms-animation-delay: 0s;
		-webkit-animation-delay: 0s;
		-moz-animation-delay: 0s;
}

#bubblingG_2 {
	animation-delay: 0.45s;
		-o-animation-delay: 0.45s;
		-ms-animation-delay: 0.45s;
		-webkit-animation-delay: 0.45s;
		-moz-animation-delay: 0.45s;
}

#bubblingG_3 {
	animation-delay: 0.9s;
		-o-animation-delay: 0.9s;
		-ms-animation-delay: 0.9s;
		-webkit-animation-delay: 0.9s;
		-moz-animation-delay: 0.9s;
}



@keyframes bubblingG {
	0% {
		width: 10px;
		height: 10px;
		background-color:rgba(0,90,132,0);
		transform: translateY(0);
	}

	100% {
		width: 23px;
		height: 23px;
		background-color:#1F4E79;
		transform: translateY(-20px);
	}
}

@-o-keyframes bubblingG {
	0% {
		width: 10px;
		height: 10px;
		background-color:rgba(0,90,132,0);
		-o-transform: translateY(0);
	}

	100% {
		width: 23px;
		height: 23px;
		background-color:#1F4E79;
		-o-transform: translateY(-20px);
	}
}

@-ms-keyframes bubblingG {
	0% {
		width: 10px;
		height: 10px;
		background-color:rgba(0,90,132,0);
		-ms-transform: translateY(0);
	}

	100% {
		width: 23px;
		height: 23px;
		background-color:#1F4E79;
		-ms-transform: translateY(-20px);
	}
}

@-webkit-keyframes bubblingG {
	0% {
		width: 10px;
		height: 10px;
		background-color:rgba(0,90,132,0);
		-webkit-transform: translateY(0);
	}

	100% {
		width: 23px;
		height: 23px;
		background-color:#1F4E79;
		-webkit-transform: translateY(-20px);
	}
}

@-moz-keyframes bubblingG {
	0% {
		width: 10px;
		height: 10px;
		background-color:rgba(0,90,132,0);
		-moz-transform: translateY(0);
	}

	100% {
		width: 23px;
		height: 23px;
		background-color:#1F4E79;
		-moz-transform: translateY(-20px);
	}
}
@media all and (max-width:60.000em){
}

@media all and (max-width:48.000em){
}

@media all and (max-width:30.000em){
}


/*Minor Fixes*/
div#fld_chkrecoveryprofile {
    display: inline-block;
}
div#fld_chkPerms {
    display: inline-block;
    width: 100%;
}

input[type="password"]:-moz-placeholder{color: black}
input[type="password"]:-ms-input-placeholder{color: black}
input[type="password"]::-webkit-input-placeholder{color: black}

/*Account page*/
.section-options .hr {
    border-bottom-color: #c7c7c7;
    width: 778px;
    clear: both;
}
.col_right_agility_options .hr {
    border-bottom-color: #c7c7c7;
    width: 273px;
    clear: both;
    padding-top: 20px;
}
.col_right_needHelp .hr {
    border-bottom-color: #c7c7c7;
    width: 273px;
    clear: both;
    padding-top: 20px;
}
a.helpLink {
    display: inherit;
    /*font-family: ProximaNovaSoft-Bold;*/
    font-size: 12px;
    letter-spacing: 1.4px;
    margin-bottom: 11px;
    text-transform: uppercase;
}
div#section {
    float: left;
}
.addLink a:link, a:active, a:visited {
    color: #00A1B7;
    text-decoration: none;
    /*font-size: 14px;*/
    /*line-height: 2px;*/
}
a.btnPrimary:link, a.btnPrimary:active, a.btnPrimary:visited {
    color: #fff;
}
.header-admin a:link, .header-admin a:active, .header-admin a:visited {
    color: #fff;
}
.col_left_wide p.section-desc {
    margin-top: 0px;
}
.right-section-content {
    margin-bottom: auto;
}
.section-content:last-of-type {
    padding-bottom: 140px;
}
.btnSection{
    margin-top:20px;
}
p.section-desc {
    /*font-family: "ProximaNovaSoft-Regular";*/
    font-size: 22px;
    line-height: 28px;
}
.section-desc {
    float: left;
    width: 742px;
}

.col_left_wide p.sub-section-description {
    margin-top: 0px;
}
p.sub-section-description {
    /*font-family: "ProximaNovaSoft-Regular";*/
    /*font-size: 16px;*/
    line-height: 20px;
    margin-bottom: 30px;
}
.sub-section-description {
    float: left;
    width: 642px;
}
.col_right_narrow .sub-section-description {
    width: auto;
    float: none;
}
h3.tblname {
    float: left;
}

button#btnmakePayement {
    float: right;
    margin-top: 30px;
}
.col_right_narrow .location-selector {
    margin-bottom: 60px;
}
.left-section {
    padding-bottom: 30px;
}
/* User Card*/

.userCard {
    margin-bottom: 25px;
    background-color: white;
    width: 1060px;
}
    .userCard .name, .userCard .contact, .userCard .email, .userCard .phone, .userCard .user_edit, .userCard .user_remove {
        background-color: #F1FAFC;
        float: left;
    }
.userCard .name {
    padding-left: 50px;
    padding-top: 40px;
    width: 500px;
    height: 61px;
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 14px;*/
    color: #717073;
    
}
.userCardPE {
    float: left;
    width: 409px;
}

.userCard .user_edit, .userCard .user_remove {
    width: 68px;
    height: 100px;
    margin-left: 1px;
    margin-bottom: 1px;
    cursor: pointer;
}
.user_p {
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 10px;*/
    color: #1F4E79;
    padding-right: 10px;
}
.userCard .user_edit {
    color: #1F4E79;
}
.userCard .user_edit:hover {
    color: #004b6e;
}
.userCard .user_remove:hover {
    color: #6d6e71;
}
.userCard .user_edit svg, .userCard .user_remove svg {
    height: 15px;
    fill: currentColor;
    margin: auto;
    margin-top: 43px;
    display: block;
}

/*Account Page Form */
.inputdiv.checkboxRadio {
    margin-bottom: 12px;
    padding-right:0px!important;
}
.inputdiv.checkboxRadio.chkPerms {
    display: flex;
    flex-wrap: wrap;
}

/*Home Page*/
.page-contents {
    background-color: #eaeaea;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.main-section {
    width: 100%;
    float: left;
    margin-right: -200px;
}
.left-col-section {
    float:left;
    width:70%;
}
.newsDiv{
    cursor:pointer;
}
.blue{
        color: #1F4E79;
}
.blue a:link, .blue a:active, .blue a:hover, .blue a:visited {
    color: #1F4E79;
    text-decoration: none;
}
.right-col-section {
    float: left;
    width:30%;
}
.welcomeAgility {
    /*position: relative;
    text-align: center;
    padding-bottom: 150px;
    padding-top: 30px;*/
   /* margin-left: 340px;*/
}
h1.section-title {
    /*font-family: 'Raleway-Bold';*/
    /*font-size: 44px;*/
    color: #1F4E79;
    /*color:white;*/
    /*margin-top:90px;*/
    margin-top: 25px;
    margin-bottom: auto;
}
.list p.sec-description {
    /*font-family: "ProximaNovaSoft-Regular";*/
    /*font-size: 22px;*/
    line-height: 28px;
    color: white;
}

div.left-col-section .recovery-section {
    height: 500px;
    width: 900px;
    margin-left:300px;
}
.right-col-content .hr {
    border-bottom-color: #c7c7c7;
    width: 273px;
    clear: both;
    padding-top: 20px;
}
.col_right_needHelp {
    padding-bottom: 50px;
}
div.left-col-section .news-section {
    width: 100%;
    float: left;
    margin-left:300px;
}
.list{
    margin-bottom: 30px;
    /*width: 160px;*/
    font-size: 2px;
    letter-spacing: 0px!important;
}
.chkPerms .list {
    width: 25%;
}
.list.chkList_Alert.Notification {
    float: left;
    /*height:180px;*/
}
.list.chkList_Contact {
    float: left;
}
.list.chkList_Recovery.Profile {
    float: left;
    /*margin-bottom:10px;*/
}
.list.chkList_Resource.Center {
    float: left;
}
.list input[type="checkbox"] + label {
    /*padding-left:20px;*/
    margin: -1px 4px 10px 0px;
}
.list input[type="checkbox"] + label:first-of-type
{
    font-weight:bold;
}
div.checkboxRadio .list input[type="checkbox"] + label:first-of-type
{
    font-weight:normal;
}
div.checkboxRadio div.list div input[type="checkbox"] + label {
    /*font-family: ProximaNovaSoft-Regular;*/
}
div.checkboxRadio div.list input[type="checkbox"] + label {
    /*font-family: ProximaNovaSoft-Bold;*/
}
/*.list #chkPermsRecovery_Profile + label{
    font-weight:bold;
}*/
.news-left-col {
    float: left;
    /*width: 20%;*/
}
.news-right-col {
    float: left;
    width: 80%;
}
.news-section {
    margin-top: 80px;
}
.imgclip {
    text-align:center;
    height:447px;
    overflow:hidden;
    position: absolute;
    width:100%;
    display:none;
}
.imgclipHome {
    text-align:center;
    height:100%;
    overflow:hidden;
    position: absolute;
    width:100%;
}
.imgclipHome svg { width:100%; height:100%;}
.imgclip svg { width:100%; height:100%;}
img.blendme {
    mix-blend-mode: multiply;
    height:100%;
    width: 100%;
    /*position: absolute;*/
}
.page {
    height: auto;
    width: 100%;
    /*background-image: url("/images/AGIL-Gear-1.jpg"), -moz-linear-gradient(left, #005a80 0%, #94cfb9 100%);
    background-image: url("/images/AGIL-Gear-1.jpg"), -webkit-linear-gradient(left, #005a80 0%,#94cfb9 100%);
    background-image: url("/images/AGIL-Gear-1.jpg"), -ms-linear-gradient(left, #005a80 0%,#94cfb9 100%);
    background-image: url("/images/AGIL-Gear-1.jpg"), linear-gradient(to right, #005a80 0%,#94cfb9 100%);
    background-image: url("/images/AGIL-Gear-1.jpg");*/
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#005a8000', endColorstr='#94cfb9');
}
#btnplayTutorial{
    padding: 10px 20px 10px 20px;
    /*font-size: 11px;*/
    letter-spacing: 1.4px;
    text-transform: uppercase;
    /*font-family: 'ProximaNovaSoft-Bold';*/
    color: #1F4E79;
    background-color: #fff;
    border: none;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 20px;
}
/*Text ALert Notification*/
.tbl {
    width: 100%/*311px*/;
    margin-bottom: 10px;
}
.chkfile.tbl {
    width: 50%;
    float: left;
    padding-right: 12px;
    box-sizing: border-box;
}
div#tbl_thead > label:first-child {
    /*color: #ffffff;
    font-weight: bold;
    padding: 12px 0px 15px 35px;*/
    text-align: left;
}
div#tbl_thead {
    /*background-color: #00A1B7;
    height: 40px;
    border-radius: 8px 8px 0 0;*/
}
.tbl_list {
    /* margin-top: 10px; */
    /*background-color: #E1EAEC;
    padding-left: 35px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 0 0 8px 8px;*/
}

div.tbl_list label {
    text-transform:none;
    /*font-size: 11px;*/
    float: left;
    width: 250px;
}
#fld_chkfile div.tbl_list label {
    width: 100%;
}
/* Alert Notification recipient pickers: columns grow with the available width
   instead of the row just gaining more 250px columns. Names too long for a column
   get an ellipsis and a title tooltip rather than wrapping out of the 20px label
   box (see input[type="checkbox"] + label) and colliding with the row below.

   Column-count thresholds below assume the 12px column-gap. Widths are of the
   picker, not the viewport, hence @container rather than @media. */
#fld_chkgroup_emp,
#fld_chkgroup_vend,
#fld_chkemployee,
#fld_chkvendor {
    container-type: inline-size;
}
/* Up to 3 columns, fill at the 250px floor: 1 col, 2 at 512px, 3 at 774px. */
#fld_chkgroup_emp div.tbl_list,
#fld_chkgroup_vend div.tbl_list,
#fld_chkemployee div.tbl_list,
#fld_chkvendor div.tbl_list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    column-gap: 12px;
}
/* 1036px is where a 4th 250px column would fit. Hold at 3 instead and spend the
   width on the columns themselves — they widen from ~337px to ~564px. Pinning the
   count here rather than raising the floor keeps the handover seamless: both rules
   yield 3 columns of the same width at 1036px. */
@container (min-width: 1036px) {
    #fld_chkgroup_emp div.tbl_list,
    #fld_chkgroup_vend div.tbl_list,
    #fld_chkemployee div.tbl_list,
    #fld_chkvendor div.tbl_list {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* Only once 4 columns can each hold 420px does a 4th earn its place; auto-fill at
   that floor takes it from here (5 columns at 2148px, and so on). */
@container (min-width: 1716px) {
    #fld_chkgroup_emp div.tbl_list,
    #fld_chkgroup_vend div.tbl_list,
    #fld_chkemployee div.tbl_list,
    #fld_chkvendor div.tbl_list {
        grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
    }
}
#fld_chkgroup_emp div.tbl_list label,
#fld_chkgroup_vend div.tbl_list label,
#fld_chkemployee div.tbl_list label,
#fld_chkvendor div.tbl_list label {
    float: none;
    width: auto;
    min-width: 0; /* grid items floor at min-content, which defeats the ellipsis */
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* The trailing clear:both div is dead weight under grid and would eat a cell. */
#fld_chkgroup_emp div.tbl_list > div,
#fld_chkgroup_vend div.tbl_list > div,
#fld_chkemployee div.tbl_list > div,
#fld_chkvendor div.tbl_list > div {
    display: none;
}
div .tbl_list input[type="checkbox"] + label {
    margin-bottom: 4px;
}

#editoption{
    display:none;
}
/* ALert Notification */
/* Text Alert notification*/
span#group-view, span#vendor-view, span#employee-view{
    display:none!important;
}
span#notifyByPush-view, span#notifyByEmail-view, span#notifyByText-view {
    display: none !important;
}
div.lbl {
    width: 100%;
    padding-bottom: 5px;
    float: left;
}
div#fld_notify, div#fld_notifyBy {
    width: 100%;
}
.delete {
    /*letter-spacing: 1.4px;*/
    margin-top: 8px;
    /*display: block;*/
    text-align: center;
    text-transform: uppercase;
}
.delete a {
    /*padding-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.5);*/
}
.delete a:link, .delete a:active, .delete a:visited {
    color: #fff;/*#717073;*/
} 
.delete a:hover {
    color: #1F4E79;/*#fff;*/
} 
/*Message Center*/
.hide_sent_to   {
    display:none;
}
.hide_sender_name{
    display :none;
}

/*News Center under the Home page*/
.newsContent{
    border-bottom: 1px solid #E1EAEC;
    padding: 25px;
    /*font-family: ProximaNovaSoft-Regular;*/
    /*font-size: 25px;*/
    color: #6d6e71;
}

div#divNews {
    margin-top: 30px;
    background-color: #fff;
}
div#divNews h4 {
    margin-bottom: 4px;
    margin-left: 25px;
    display: inline-block;
    color: #1F4E79;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}
.news_Updates{
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 10px;*/
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.table .pctsign {
    /*font-family: ProximaNovaSoft-Bold;*/
    letter-spacing: 1.4px;
    font-size: 19px;
    color: #00A1B7;
    vertical-align: top;
    display: inline-block;
    padding-left: 1px;
    position: absolute;
    padding-top: 3px;
}
.table .cpt {
    /*font-family: ProximaNovaSoft-Bold;*/
    letter-spacing: 1.4px;
    font-size: 7px;
    color: #00A1B7;
    padding-left: 10px;
    display: block;
    position: relative;
    top: -2px;
}
.table .pct {
    color: #00A1B7;
    padding-left: 12px;
    font-size: 25px;
}
/*Admin Header*/
.page-header .header-myAgility-admin{
    float: left;
    /*font-size: 20px;*/
    margin-top: 24px;
    /*font-family: ProximaNovaSoft-Bold;*/
    letter-spacing: 1.4px;
    margin-left: 130px;
    display: block;
}
.header-admin {
    /*width: 100%;*/
    background-color: #00A1B7;
    color: white;
    border-radius: 0px 0px 00px 10px;
}
.header-admin .inner-header-admin{
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    /*height: 65px;*/
}
.switch-account{
    float: right;
    /*width: 500px;*/
}
.switch-login{
    display: inline-block;
    height: 12px;
    width: 220px;
}
.switch-login select {
    padding: 0px;
    /*font-size: 10px;*/
    width: 220px;
}
.accounSelector{

}
#fld_accountSelector label{
    margin-top:2px;

}
.accountSelector label{
    float:left;
    padding-top:18px;
    /*font-family: ProximaNovaSoft-Bold;*/
    font-size: 12px;
    /*letter-spacing: 1.4px;*/
    text-transform: uppercase;
    display: block;
}
.account-switcher{
    padding:6px !important;
    float:right;
    box-shadow: none;
}
select.account-switcher{
    padding:10px !important;
    float:right;
    width: 200px;
}
/*General CSS STyle*/
#DocumentManagement, #EmployeeDatabase, #VendorDatabase, #SendTextAlert, #VendorDatabaseExport, #SendTextAlertExport, #EmployeeDatabase, #DocumentManagementExport, #MessageCenterExport, #MessageCenter,
#DocumentCategory, #DocumentCategoryExport
{
    position:fixed;
}
.section-content #SendTextAlert{
    position:fixed;
}
/*Taining Module*/
.sequenceNo {
    display: inline-block;
    width: 50px;
    height: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 24px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    background: #00A1B7;
    margin-left: -50px;
    position: absolute;
}
#trainingDiv{
    border-top:none!important;
    position:absolute!important; /*Channges for training DIv*/
    opacity:0.95;
    background-color:#fff;
}
#training-input-form{
     /*display:inline-block;*/
     padding: 40px 30px 10px 30px;
}
#training {
    background-color: rgba(0,0,0,.5);
    background-image: none!important;
    backdrop-filter: none;
    /*backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);*/
}
.stepDesc {
    height: 100px;
    /*width: 250px;*/
    display:inline-block;
    /*font-family: "ProximaNovaSoft-Regular";*/
    text-align:left;
    /*font-size: 20px;*/
    line-height: 20px;
    margin-left:20px;
}
#trainingDiv .form-close{
    margin-right: 15px;
    margin-top: 10px;
    position: absolute;
    top: 9px;
    right: -1px;
    width: 18px;
    cursor:pointer;
}
#btnSeqPrev, #btnSeqNext {
    /*font-family: 'Raleway-Bold';*/
    margin-bottom: 4px;
    margin-right: 25px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background-color: #00A1B7;
    border-radius: 18px;
    border: 2px SOLID #00A1B7;
    padding: 4px 20px;
}

#btnSeqPrev {
    margin-bottom: 4px;
    margin-right: 25px;
    color: #00A1B7;
    background-color:#fff;
    border-radius: 18px;
    border: 2px SOLID #00A1B7;
    padding: 4px 20px;
}
div#btnRow{
    margin-top: 30px;
    /*margin-left:200px;*/
    float:right;
}
.ms-Callout--arrowTop{
/*border: 2px solid #efefef;*/
}
.ms-Callout--arrowTop:before {
    z-index: 0;
    /*outline: 1px solid transparent;*/
}
.ms-Callout--arrowTop:before {
    content: '';
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.ms-Callout.ms-Callout--arrowTop:before {
    border-top: 2px solid #efefef;
    border-right: 2px solid #efefef;
    top: -10px;
    width: 20px;
    height: 20px;
    background-color: #fff;
}
.ms-Callout--arrowTop:before {
    left: 17%;
    right: 0;
    /*margin: 0 auto;*/
    width: 0;
}

/*Training Pulse CSS*/
.wrapper {
    position: absolute!important;
    padding-left: 1em;
    padding-right: 1em;
	margin: auto;
	display: block;
	width: 27px;
}

.cssload-loader {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		margin: 2em;
		display: inline-block;
		position: relative;
		vertical-align: middle;
}

.cssload-loader {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		margin: 2em;
		display: inline-block;
		position: relative;
		vertical-align: middle;
}
.cssload-loader,
.cssload-loader:before,
.cssload-loader:after {
		animation: 2.5s infinite ease-in-out;
		-o-animation: 2.5s infinite ease-in-out;
		-ms-animation: 2.5s infinite ease-in-out;
		-webkit-animation: 2.5s infinite ease-in-out;
		-moz-animation: 2.5s infinite ease-in-out;
}
.cssload-loader:before,
.cssload-loader:after {
		width: 100%; 
		height: 100%;
		border-radius: 50%;
		position: absolute;
		top: 0;
		left: 0;
}

.cssload-loader:before,
.cssload-loader:after {
		content: "";
}
.cssload-loader:before {
		border: 1px solid rgb(240,8,8);
		top: -1px;
		left: -1px;
		opacity: 0;
		animation-name: cssload-pulse;
		-o-animation-name: cssload-pulse;
		-ms-animation-name: cssload-pulse;
		-webkit-animation-name: cssload-pulse;
		-moz-animation-name: cssload-pulse;
}



.cssload-loader:after {
		background-color: rgb(240,8,8);
		animation-name: cssload-pulse-2;
		-o-animation-name: cssload-pulse-2;
		-ms-animation-name: cssload-pulse-2;
		-webkit-animation-name: cssload-pulse-2;
		-moz-animation-name: cssload-pulse-2;
}



@keyframes cssload-pulse {
	0% { transform: scale(1); opacity: 1; }
	50% { transform: scale(1.3); opacity: 0; }
	100% { transform: scale(1.3); opacity: 0; }
}

@-o-keyframes cssload-pulse {
	0% { -o-transform: scale(1); opacity: 1; }
	50% { -o-transform: scale(1.3); opacity: 0; }
	100% { -o-transform: scale(1.3); opacity: 0; }
}

@-ms-keyframes cssload-pulse {
	0% { -ms-transform: scale(1); opacity: 1; }
	50% { -ms-transform: scale(1.3); opacity: 0; }
	100% { -ms-transform: scale(1.3); opacity: 0; }
}

@-webkit-keyframes cssload-pulse {
	0% { -webkit-transform: scale(1); opacity: 1; }
	50% { -webkit-transform: scale(1.3); opacity: 0; }
	100% { -webkit-transform: scale(1.3); opacity: 0; }
}

@-moz-keyframes cssload-pulse {
	0% { -moz-transform: scale(1); opacity: 1; }
	50% { -moz-transform: scale(1.3); opacity: 0; }
	100% { -moz-transform: scale(1.3); opacity: 0; }
}

@keyframes cssload-pulse-2 {
	0% { transform: scale(1); }
	50% { transform: scale(0.7); }
	100% { transform: scale(1); }
}

@-o-keyframes cssload-pulse-2 {
	0% { -o-transform: scale(1); }
	50% { -o-transform: scale(0.7); }
	100% { -o-transform: scale(1); }
}

@-ms-keyframes cssload-pulse-2 {
	0% { -ms-transform: scale(1); }
	50% { -ms-transform: scale(0.7); }
	100% { -ms-transform: scale(1); }
}

@-webkit-keyframes cssload-pulse-2 {
	0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(0.7); }
	100% { -webkit-transform: scale(1); }
}

@-moz-keyframes cssload-pulse-2 {
	0% { -moz-transform: scale(1); }
	50% { -moz-transform: scale(0.7); }
	100% { -moz-transform: scale(1); }
}

.repliesList {
    margin-top: 100px;
    width:90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.repliesDrillDown {
    margin-top: 120px;
    width: 80%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border-radius: 8px;
    background-color: white;
    padding: 30px;
}
.noUpper {
    text-transform: none;
}
.pre {
    white-space: pre;
    text-wrap: auto;
}
/*PDF Viewer*/
.PdfViewer {
    margin-top: 100px;
    width: 885px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.pdf-close {
    position: absolute;
    top: 12px;
    right: 20px;
    width: 55px;
}

/*PDF Viewer side arrow*/
.aLF-aPX-bhP .aLF-aPX-I {
    cursor: pointer;
}
.aLF-aPX-awL-I, .aLF-aPX-axp-I {
    position: absolute;
    top: 80px;
    bottom: 80px;
    margin-top: auto;
    margin-bottom: auto;
    outline: 0;
    width: 50px;
    height: 90px;
    z-index: 5;
}
.aLF-aPX-Km-atM {
    height: 40px;
    width: 40px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: rgba(0,0,0,0.75);
    -webkit-transition: background .2s,opacity .34s,transform .34s cubic-bezier(0.4,0.0,0.2,1);
    transition: background .2s,opacity .34s,transform .34s cubic-bezier(0.4,0.0,0.2,1);
    opacity: 1;
}
.aLF-aPX-Km-atM {
    /* height: 30px; */
    /* width: 40px; */
    /* background: #000; */
    /* -webkit-border-radius: 3px; */
    /* border-radius: 3px; */
    filter: alpha(opacity=80);
    /* opacity: .8; */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.forum_hover 
{ 
    background-color: #4285f4!important; 
    cursor: pointer;
}


.aLF-aPX-Km-JX {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.myway svg {
    fill: currentColor; 
    height: 15px;
    position: relative;
}

.right_circle {
    display: inline-block;
    width: 50px;
    height: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 24px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    background: #1F4E79;
    position: absolute;
  /*width: 90%;
  height: 50%;
  padding-bottom: 15%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: linear-gradient(to right,  rgba(0,90,128,.85) 0%,rgba(148,207,185,.85) 100%);
  position: relative;
  border: none;*/
}
/*.right_circle:before {
  content: '';
  display: block;
  border-top: solid 10px transparent;
  border-left: solid 10px #FFF;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -3px;
}*/
.left_circle {
    display: inline-block;
    width: 50px;
    height: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 24px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    background: #1F4E79;
    position: absolute;
  /*width: 95%;
  height: 50%;
  padding-bottom: 15%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: -webkit-linear-gradient(left,  rgba(0,90,128,.85) 0%,rgba(148,207,185,.85) 100%);
  position: relative;
  border: none;*/
}
/*.left_circle:before {
  content: '';
  display: block;
  border-top: solid 10px transparent;
  border-right: solid 10px #FFF;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -6px;
}*/

.agilitySearchRight, .agilitySearchMenu {
    width: calc(100% - 80px);
    padding: 15px;
    height: 20px;
    border: none;
    background-color: #fff;
    /*font-family: ProximaNovaSoft-Bold;*/
    /*font-size: 12px;*/
    color: #717073;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    vertical-align: top;
}
.agilitySearchMenu::placeholder {
    color: #ccc;
}
#myAgility-menu-search {
    margin-bottom: 20px;
}
.agilitySearch {
    width: 50px;
    height: 50px;
    cursor: pointer;
    /*padding: 15px;*/
    background-image: url(/images/search-icon.jpg);
    background-size: 52px;
    background-repeat: no-repeat;
    background-position: right;
    border: none;
    display: inline-block;
    vertical-align: top;
}
.myagility-search {
    /*margin-top: 130px;*/
    background-color: #eaeaea;
    border-radius: 8px;
    padding: 8px;
    /*margin-right: 10px;*/
}

/*Resouce center Extra*/
.arial14 {
    /*font-size: 14px;*/
    color: #000000;
}
.blue_hdr3 {
    border: 1px #FFFFFF solid;
    padding: 5px;
    background-color: #1F4E79;
    color: #fff;
    padding-left:20px;
}
.g5_left_both {
    border-top: 1px #FFFFFF solid;
    border-bottom: 1px #FFFFFF solid;
    border-left: 1px #FFFFFF solid;
    padding: 5px;
    background: url(../images/myAgility_bg_g5.png);
}
.arial18b {
    /*font-size: 18px;*/
    color: #082d51;
}
.collapse_table {
    border-collapse: collapse;
}

.style2 {
    color: #003959;
    text-decoration: none;
    /*font-size: 14px;*/
}
.download-options{
    margin-left:505px;
}
span.download-options a {
    display: inline-block;
    color: #717073;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    /*font-size: 12px;*/
    /*font-family: ProximaNovaSoft-Bold;*/
}
div.download-options a svg, span.download-options a svg {
    display: inline-block;
    height: 17px;
    margin-right: 17px;
    width: 15px;
    position: relative;
    bottom: -4px;
}
.download-options svg {
    fill: currentColor;
}
#HowItWorksList{
    width:100%;
}

/*jAlert Plugin dialog box CSS*/

@charset "UTF-8";
/*
	jAlert version 4.5.1
	Made with love by Versatility Werks (http://flwebsites.biz)
	MIT Licensed
*/

/* Resets */
html,body
{
	min-height: 100%;
}

 /*
	 WRAPPER
*/
.ja_wrap
{
    padding: 0px;
    margin: 0px;
    text-align: center;
	position: fixed;
	z-index: 99999;
	overflow-y: auto;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}

.ja_wrap.ja_wrap_white
{
	background: rgba(255,255,255,.75);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#BFFFFFFF', EndColorStr='#BFFFFFFF')";
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#BFFFFFFF', EndColorStr='#BFFFFFFF');
	zoom: 1!important;
}

.ja_wrap.ja_wrap_black
{
	background: rgba(0,0,0,.75);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#BF000000', EndColorStr='#BF000000')";
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#BF000000', EndColorStr='#BF000000');
	zoom: 1!important;
}

body.ja_blur > *:not(.ja_wrap)
{
    -webkit-filter: blur(5px) grayscale(.7);
    filter: blur(5px) grayscale(.7);
}

 /*
	 jAlert
*/
.jAlert {
    font-family: Helvetica, Arial, ''Open Sans', sans-serif;
    text-align: left;
    word-wrap: break-word;
    background: white;
    border-radius: 5px;
    max-width: 96%;
    margin: 2% auto;
    margin-top: 100px;
    margin-bottom: 100px;
    display: inline-block;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
}

 /*
	 INSIDE WRAPPER (RELATIVE IN CASE THERE IS POSITION: ABSOLUTE CONTENT WITHIN
*/
.jAlert > div{
	position: relative;
}
.jAlert.ja_setheight > div
{
    height: 100%;
}

 /*
	 SIZES
*/
.ja_xsm{ width: 250px; }
.ja_sm{ width: 350px; }
.ja_md{ width: 550px; }
.ja_lg{ width: 850px; }
.ja_xlg{ width: 1200px; }
.ja_full{ width: 100%; }
.ja_auto{ width: auto; }

/*
    CLOSE BTN
*/
.ja_close{
    position: absolute;
    top: 3px;
    right: 3px;
    border-radius: 5px;
    background: #F3F3F3;
    color: #555;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    font-weight: bold;
    z-index: 99999;
}

.ja_close_round, .ja_close_round_white {
    border-radius: 50%;
    background: #e0e0e0;
    color: #232323;
    padding: 5px 7px;
    right: 10px;
    top: 6px;
    border: 0px;
    line-height: 13px;
    /*font-size: 18px;*/
}

.ja_default .ja_close_round, .ja_default .ja_close_round_white
{
    color: #FFF;
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%;
}

.ja_close_alt
{
    border-radius: 50%;
    background: #D51C1C;
    color: rgb(255, 255, 255);
    top: -16px;
    right: -18px;
    border: 1px solid rgb(55, 55, 55);
    padding: 3px 8px 1px 7px;
}

.ja_close:hover{
    background: #d4d4d4;
}
.ja_close_alt:hover{
    background: #DF2020;
}
.ja_close_round:hover, .ja_close_round:active
{
    color: #FFF;
    background: rgba(0,0,0,.5);
}
.ja_close_round_white:hover, .ja_close_round_white:active
{
    background: white;
}

/*
	 TITLE
*/
.ja_noTitle .ja_body
{
	border-radius: 5px;
}

.ja_noTitle .ja_close_round
{
    right: -11px;
    top: -11px;
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
}

.ja_noTitle .ja_close_round:hover
{
    background: black;
}

.ja_noTitle .ja_close_round_white
{
    background: #e0e0e0;
    color: #232323;
}
.ja_noTitle .ja_close_round_white:hover
 {
     background: white;
 }

.ja_title
{
	width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ja_title > div
{
	color: #505050;
	font-size: 24px;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
}

/*
	 THEMES
*/
.ja_default
{
	background: #E0E0E0;
}

.ja_green
{
	background: #00B700;
}

.ja_dark_green
{
    background: #006D00;
}

.ja_yellow
{
	background: #FFFF54;
}

.ja_gray
{
	background: #616161;
}

.ja_dark_gray
{
    background: #424242;
}

.ja_brown
{
    background: #633824;
}

.ja_black
{
    background: #232323;
}

.ja_blue
{
	background: #008FE4;
}

.ja_dark_blue
{
    background: #024986;
}

.ja_red
{
	background: #DE0E0E;
}

.ja_dark_red
{
    background: #A20000;
}

.ja_default > div
{
    color: #505050 !important;
}

.ja_yellow .ja_title > div
{
	color: #636300 !important;
}

.ja_green .ja_title > div,
.ja_dark_green .ja_title > div,
.ja_gray .ja_title > div,
.ja_brown .ja_title > div,
.ja_dark_gray .ja_title > div,
.ja_black .ja_title > div,
.ja_blue .ja_title > div,
.ja_dark_blue .ja_title > div,
.ja_red .ja_title > div,
.ja_dark_red .ja_title > div
{
	color: white !important;
}

 /*
	 CONTENT WRAP
*/
.ja_body
{
	background: white;
	color: #616161;
	padding: 20px;
	-moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
    user-select: text;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ja_setheight .ja_body
{
    height: 100%;
    height: calc(100% - 40px);
}

 /*
	 CONTENT
*/
.ja_media_wrap
{
	position: relative;
	text-align: center;
}

.ja_iframe
{
	width: 100%;
	border: 0px;
	display: none;
    border: 0px;
}

.ja_video
{
	width: 100%;
	height: 0px;
	padding-bottom: 65%;
	position: relative;
	display: none;
}

.ja_video iframe
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
    border: 0px;
}

.ja_img
{
	max-width: 100%;
	display: inline-block;
	display: none;
}

/**
    Full Screen
*/
.ja_fullscreen
{
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    border-radius: 0px;
    margin-top: 0px !important;
}
.ja_fullscreen .ja_title
{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.ja_fullscreen .ja_body
{
    height: 100%;
}
.ja_fullscreen .ja_close_round
{
    right: 5px;
    top: 5px;
}

 /*
	 BTNS
*/
.ja_btn_wrap
{
	text-align: center;
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: -10px;
}

.ja_btn_wrap.optBack
{
  background: #f3f3f3;
  margin-top: 25px;
  margin: 25px -20px -20px -20px;
  padding: 5px 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.ja_btn, .ja_btn:link, .ja_btn:visited, .ja_btn:active
{
  margin-top: 3px;
  padding: 3px 10px;
  display: inline-block;
  text-decoration: none;
  border-radius: 5px;
}

@media (max-width: 450px)
{
	.ja_btn
	{
		width: 90%;
	}
}

.ja_btn:hover
{
	text-decoration: none;
}

.ja_btn_default, .ja_btn_default:link, .ja_btn_default:visited
{
  color: #575757;
  background: #f3f3f3;
}

.ja_btn_default:hover
{
	background: #FBFBFB;
}

 .ja_btn_default:active
 {
 	background: #EEE;
 }

.ja_btn_green, .ja_btn_green:link, .ja_btn_green:visited
{
	background: #00A000;
	color: white;
}

.ja_btn_green:hover
{
	background: #2EB71F;
}

 .ja_btn_green:active
 {
	background: #259818;
 }

.ja_btn_red, .ja_btn_red:link, .ja_btn_red:visited
{
	background: #B90808;
	color: white;
}

.ja_btn_red:hover
{
	background: #D62828;
}

 .ja_btn_red:active
 {
	background: #9F2020;
 }

.ja_btn_black, .ja_btn_black:link, .ja_btn_black:visited
{
	background: #535353;
	color: white;
}

.ja_btn_black:hover
{
	background: #666666;
}

 .ja_btn_black:active
 {
	background: #444444;
 }

.ja_btn_blue, .ja_btn_blue:link, .ja_btn_blue:visited
{
	background: #0877B9;
	color: white;
}

.ja_btn_blue:hover
{
	background: #0896E9;
}

 .ja_btn_blue:active
 {
	background: #056FAD;
 }

 /*
	 LOADER
*/
 @-moz-keyframes ja-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes ja-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ja-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.ja_loader:not(:required) {
  -moz-animation: ja-loader 1500ms infinite linear;
  -webkit-animation: ja-loader 1500ms infinite linear;
  animation: ja-loader 1500ms infinite linear;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  display: inline-block;
  /*font-size: 10px;*/
  width: 1em;
  height: 1em;
  margin: 1.5em;
  overflow: hidden;
  text-indent: 100%;
}

 /*!Animate.css - http://daneden.me/animate Licensed under the MIT license -http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden*/

.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}@keyframes jello{11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

/*
    No padding option
*/
.ja_no_pad .ja_body
{
    padding: 0px;
}

.ja_no_pad .ja_loader
{
    margin: 40px 0px;
}
/*Text Alert checkbox counter*/
.counter {
    display: initial!important;
}
/*Text Alert Table*/
div#dtSentToList_length {
    display: none;
}
div#dtRepliesList_length {
    display: none;
}

.recovery-nav-mob {
    /*display:none;*/
}
.recovery-nav-mob.hidden, .recovery-nav-mob.searching {
    display: none;
}
.recovery-nav-mob.hidden li, .recovery-nav-mob.searching li, .header-nav ul.searching li {
    display: none;
}

.recovery-nav-mob.hidden.found, .recovery-nav-mob.searching.found, .header-nav ul.searching.found {
    display: block;
}
.recovery-nav-mob.hidden li.found, .recovery-nav-mob.searching li.found, .recovery-nav-mob.searching li.found, .header-nav ul.searching li.found {
    display: block;
}

.searching li.highlight a, .searching li.highlight a {
    color: #00A1B7;
}

.searching li.highlight a:hover, .searching li.highlight a:hover {
    color: #fff;
}



.recovery-nav-mob.hidden.found {
    display: block;
}
.recovery-nav {
    display: none;
}
.col_left {
    display: none;
}
#mobile-menu {
    display:none;
}
div.form-close svg .st0 {
    fill: white;
}
/*
#mobile-menu {
    display: block;
    float: left;
    height: 36px;
    width: 36px;
    padding-top: 34px;
    padding-left: 12px;
}*/

/*
header {
    transition: all 0s none;
    width: 75%;
    left: -75%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    background-color: white;
}

.page-content {
    margin-top: 120px;
}

.page-header #myAgility-logo-wrapper {
    position: absolute;
    left: 100%;
    top: 0px;
    width: calc(100% + 100% / 3);
    background-color: white;
}

.page-header .myAgility-logo {
    width: calc(80% - 50px);
}*/

.text-container {
    background-color: #eaeaea;
    border-radius: 8px;
    padding: 8px;
    /*display: block;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    width: 750px;*/
}
.text-container .clearBtn {
    top: 8px;
    right: 8px;
}

header {
    position: absolute;
    height: calc(100% - 140px);
    overflow-y: auto;
    background-color: white;
    left: 0px;
    top: 0px;
    bottom: 155px;
    /*right: 25%;*/
    background-color: white;
    /*z-index: 100;*/
    /*box-shadow: 1px 1px 6px rgba(0, 0, 0, .5);*/
}
.header-nav ul li {
    float: none;
    margin: 8px 8px 8px 25px;
}

.header-admin .inner-header-admin {
    width: initial;
    /*height: 100px;*/
}
/*select.account-switcher {
    width: 130px;
}*/
.header-admin {
    z-index: 30;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 625px;
    /*opacity: 25%;*/
}
.header-admin:hover {
    opacity:100%;
}
.page-header .header-myAgility-admin {
    margin-left: 10px;
    font-size: 14px;
}
.page-header #myAgility-logo-wrapper {
    position: absolute;
    width: 100%;
    top: 0px;
    /*width: calc(100% + 100% / 3);*/
    background-color: white;
}


header .header-notify a/*:not(.orange)*/ {
    /*width: 18px;
    overflow: hidden;
    font-size: 0px;*/
    display: block;
    padding: 9px 11px 9px 11px;
    border-radius: 18px;
    color: #6d6e71;
    margin: 8px 0;
}

header .header-notify a.orange {
    /*font-size: 12px;*/
}

.ico-gear, .ico-mail, .ico-tour, .ico-logout, .ico-phone, .ico-recovery-profile, .ico-critical-messages, .ico-resources, .ico-feedback, .ico-contact {
    height: 20px;
    width: 25px;
    position:absolute;
    left: 10px;
    /*margin-top: 0px;*/
    /*margin-right: 0px;*/
}



.header-notify {
    height: initial;
    margin-right: initial;
    text-align: center;
    /*height: 70px;*/
    /*margin-top: 50px;*/
    margin-left: 35px;
}

    .header-notify a {
        display: block;
        text-align: left;
        /*font-size: 14px;
    line-height: 30px;
    font-weight: 800;*/

        text-transform: uppercase;
        /*font-size: 13px;*/
        /*padding: 14px 22px 14px 22px;*/
        /*letter-spacing: 1px;*/
        /*font-family: 'ProximaNovaSoft-Bold';*/
    }
.header-nav ul li ul {
    margin: 0;
}
.header-nav ul li ul li {
    margin-right: 0;
}
.header-nav ul {
    margin-top: 0;
    margin-right: 0;
    margin-left: 10px;
}
.header-nav {
    width:100%;
}

div.form-close svg .st0 {
    fill: #00A1B7;
}
@media screen and (max-width: 1400px) {
    .chkPerms .list {
        width: 50%;
    }
}

@media screen and (max-width: 1366px) {

    header {
        height: initial;
        overflow-y: initial;
    }
    .col_right_narrow.open {
        position: fixed;
        height: 100%;
        right: 0px;
        top: 0px;
        background-color: #fff;
        padding: 10px;
    }
    .col_right_narrow.open .ic_expand {
        top: 45px;
    }
    #disasterHotline {
        position:initial;
        right: initial;
        width: initial;
        text-align: center;
    }
    #myAgility-logo-main.myAgility-logo {
        /*width: initial;*/
        visibility: hidden;
    }
    div .form.modal .btn {
        border-radius: 0px 0px 8px 8px;
        width: 100%;
        padding: 18px;
        margin: 0;
    }

    .ico-gear, .ico-mail, .ico-tour, .ico-logout, .ico-phone, .ico-recovery-profile, .ico-critical-messages, .ico-resources, .ico-feedback, .ico-contact {
        position: relative;
        top: 3px;
        left: 0px;
    }

    .ico-gear svg, .ico-phone svg, .ico-mail svg, .ico-tour svg, .ico-logout svg, .ico-recovery-profile svg, .ico-critical-messages svg, .ico-resources svg, .ico-feedback svg, .ico-contact svg {
        fill: currentColor;
    }

    a:hover .ico-gear svg, a:hover .ico-phone svg, a:hover .ico-mail svg, a:hover .ico-tour svg, a:hover .ico-logout svg, a:hover .ico-recovery-profile svg, a:hover .ico-critical-messages svg, a:hover .ico-resources svg, a:hover .ico-feedback svg, a:hover .ico-contact svg {
        fill: currentColor;
    }
    .header-notify {
        margin-left: initial;
    }

    .header-admin {
        position: relative;
        top: 95px;
        width: initial;
        opacity: initial;
        border-radius: initial;
    }

    .page-header .header-myAgility-admin {
        font-size: 14px;
    }

    .accountSelector label {
        font-size: 10px;
    }

    .login-header {
        padding-left: initial;
        padding-right: initial;
        padding-bottom: 20px;
        padding-top: 20px;
        text-align: center;
    }

    .imgclip, .welcomeAgility {
        top: 116px;
    }

    input#txtSearch {
        width: initial;
    }

    .page-content {
        margin-left: 10px;
        margin-right: 5px;
        position: initial;
        height: initial;
    }

    #body {
        margin-bottom: 150px;
    }
    .page-footer {
       /* position: initial;
        bottom: initial;*/
    }

    .userCard, .contactCard, .locationCard {
        width: initial;
    }

    .page-footer.outside {
        /*position: relative;*/
    }

    .page-footer:not(.outside) .footer-wrapper {
        height: 140px;
    }

        .page-footer:not(.outside) .footer-wrapper .agility-logo {
            position: initial;
        }
    .page-footer:not(.outside) .footer-links {
        padding-top: initial;
    }
        .footer-wrapper {
            width: initial;
            padding-top: 10px;
        }

        .agility-logo {
            float: none;
            margin-top: 10px;
            height: 50px;
        }

        .footer-links {
            float: none;
            padding-top: 0px;
            text-align: center;
            margin-top: 20px;
            margin-right: 0px;
            margin-left: 0px;
        }

            .footer-links a {
                margin: 0;
            }

            .footer-links span {
                display: block;
                margin-left: 0px !important;
                float: left;
                width: 50%;
            }

            .footer-links a {
                display: block;
                float: left;
                width: 25%;
                text-align: center;
            }

            .footer-links span a {
                display: block;
                float: none;
                width: 100%;
                margin-left: 0px !important;
            }

        .forgot-password a:link {
            display: inline-block;
        }

        .header-admin .inner-header-admin {
            width: initial;
            height: 100px;
        }

        .page-header .header-myAgility-admin {
            margin-left: 10px;
        }

        select.account-switcher {
            width: 130px;
        }

        .header-wrapper {
            width: initial;
        }

        .page-content {
            width: initial;
        }

        .col_left_wide, .right_open .col_left_wide {
            float: none;
            width: 100%;
            margin-left: 0px;
        }

        .col_right_narrow {
            float: none;
            /*width:100%;*/
            margin-top: 0;
            margin-bottom: 0;
            top: 25px;
        }

        .col_main {
            float: none;
            width: 100%;
            margin-left: 0px;
        }

        .col_wide {
            float: none;
            width: 100%;
            margin-left: 0px;
            height: initial;
            overflow-y: initial;
            position: initial;
        }

            .col_wide div.table {
                width: initial;
            }

        .col_main .hr, .section-description .hr {
            width: calc(100% - 40px);
            margin-left: 20px;
            margin-right: 20px;
        }

        div.table {
            width: 100%;
        }

        table.dataTable tr td:first-child, table.dataTable tr th:first-child {
            padding-left: 10px;
            padding-right: 10px;
        }

        table.dataTable tr td {
            padding: 5px;
            font-size: 15px;
        }

        .page-header .myAgility-logo {
            display: block;
            float: none;
            width: calc(100% - 80px);
            max-width: 250px;
            margin-left: auto;
            margin-right: auto;
        }

        /*.welcomeAgility, .imgclip {
        display: none;
    }*/

        .section-header.small {
            width: initial;
        }

        .section-description, .section-options, div.section-option {
            width: initial;
            margin-left: 20px;
            margin-right: 10px;
        }

            .section-options a, .section-option a {
                display: block;
                /*width: 50%;*/
                float: left;
                /*margin-right: 0px !important;*/
                margin-bottom: 10px !important;
            }

            .section-options .hr {
                width: 100%;
            }

        .section-header.small {
            padding-left: 0px;
        }

        .section-desc {
            width: initial;
        }

        div.table .dt-buttons {
            width: 100%;
            text-align: center;
        }

        .location-selector {
            /*width: calc(100% - 40px);*/
            float:initial;
            position: initial;
            margin-left: 20px;
            margin-right: 20px;
            margin-bottom: 20px;
        }

        .table .pct {
            font-size: 25px;
        }

        .table span.section-options {
            display: block;
        }
        /*.table span.section-options a {
        text-wrap-mode: nowrap
    }*/
        .table span.section-options {
            display: block;
            text-wrap-mode: nowrap;
        }

        table.datatable .section-options {
            width: initial;
            margin-left: 0px;
            margin-right: 0px;
        }

        .table span.date {
            text-wrap-mode: nowrap;
        }

        .table span.time {
            display: none;
        }

        div .form {
            width: 100%;
        }

            div.form div.field.halfField {
                width: 100%;
            }

            div.form.modal.wide {
                width: 100%;
                margin-top: 0px;
            }

            div.form.modal {
                margin-top: 0px;
            }

        .button-row .btn {
            width: 100%;
            /*margin-bottom: 10px;*
        }

        div.form-close {
            /*top: -95px;*/
            right: 20px;
            /*width: 55px;*/
            width: initial;
            /*background-color: black;*/
        }

            div.form-close svg .st0 {
                fill: #00A1B7;
            }

        .col-md-3 {
            float: none;
            width: initial;
        }

        #btnPrevious.btn.btn-large {
            width: 20px;
            font-size: 0px;
            line-height: 0px;
            margin-left: 20px;
        }

            #btnPrevious.btn.btn-large span {
                display: none !important;
            }

        #btnNext.btn.btn-large {
            width: 20px;
            font-size: 0px;
            line-height: 0px;
            float: right;
        }

            #btnNext.btn.btn-large span {
                display: none !important;
            }

        #btnNext.btn svg, #btnPrevious.btn svg {
            left: -6px;
            top: 1px;
        }

        /* Accounts User Cards */
        .userCard .name {
            width: calc(100% - 188px);
        }

        .sub-section-content {
            margin-left: 20px;
            margin-right: 10px;
        }

        .sub-section-descriptiont {
            margin-left: 20px;
            margin-right: 10px;
        }

        .addLink {
            width: initial;
            margin-left: 20px;
            margin-right: 10px;
        }

        /* Essential Contacts Cards */
        .contactCard .name {
            width: calc(100% - 50px);
            padding-left: 50px;
        }

        .contactCard .email {
            width: calc(100% - 170px);
            padding-left: 50px;
        }

        .contactCard .title {
            width: calc(100% - 50px);
            padding-left: 50px;
        }

        .contactCard .phone {
            width: calc(100% - 50px);
            padding-left: 50px;
        }

        .contactCard .fax {
            width: calc(100% - 170px);
            padding-left: 50px;
        }

        /* Recovery Location Cards*/
        .locationCard .name {
            width: calc(100% - 120px);
            padding-left: 50px;
        }

        .locationCard .email {
            width: calc(100% - 50px);
            padding-left: 50px;
            padding-right: 0px;
        }

        .locationCard .title {
            width: calc(100% - 50px);
            padding-left: 50px;
        }

        .locationCard .contact {
            width: calc(100% - 50px);
            padding-left: 50px;
        }

        .locationCard .phone {
            width: calc(100% - 50px);
            padding-left: 50px;
        }

        .locationCardPE {
            width: calc(100% - 70px);
        }

        .locationCard .fax {
            width: calc(100% - 170px);
            padding-left: 50px;
        }

        /*Sidebar menu*/

        #mobile-menu {
            display: block;
            float: left;
            height: 36px;
            width: 36px;
            padding-top: 34px;
            padding-left: 12px;
        }

            #mobile-menu svg {
                fill: currentColor;
            }

        header {
            transition: all 0s none;
            width: 40%;
            left: -40%;
            position: absolute;
            top: 0px;
            bottom: 0px;
            background-color: white;
        }

        .page-content {
            /*margin-top: 120px;*/
        }

    .page-header #myAgility-logo-wrapper {
        position: absolute;
        left: 100%;
        top: 0px;
        width: calc(100% * 2.5);
        background-color: white;
    }

        .page-header .myAgility-logo {
            /*position: absolute;
        left: calc(160% - 125px + 20px);
        top: 10px;*/
            width: calc(80% - 50px);
        }

        header.open {
            transition: all 0.4s ease;
            left: 0px;
            right: 25%;
            background-color: white;
            z-index: 100;
            position: fixed;
            overflow: scroll;
            z-index: 20000;
        }

            header.open .page-header #myAgility-logo-wrapper {
                position: absolute;
                left: 0px;
                top: 0px;
                width: 100%;
                background-color: white;
            }

            header.open.absMenu {
                position: absolute;
            }

        header .header-notify a:not(.orange) {
            width: 18px;
            overflow: hidden;
            font-size: 0px;
            display: inline-block;
            padding: 14px 14px 14px 14px;
        }

        header .header-notify a.orange {
            font-size: 12px;
        }

    .ico-gear, .ico-mail, .ico-tour, .ico-logout, .ico-phon, .ico-recovery-profile, .ico-critical-messages, .ico-resources, .ico-feedback, .ico-contacte {
        height: 15px;
        width: 18px;
        /*margin-right: 0px;*/
    }

        .ico-mail {
        }
        /*.header-notify, .header-nav, */ .col_left {
            display: none;
        }
        /*.header-notify.open {
        width: 75%;
        height: 270px;
        right: 25%;
        display: block;
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        background-color: white;
    }
    .header-nav.open {
        width: 75%;
        height: calc(100% - 270px);
        right: 25%;
        display: block;
        position: fixed;
        top: 270px;
        bottom: 0px;
        left: 0px;
        background-color: white;
    }*/
        header.open .header-nav {
            width: 100%;
            right: 25%;
            display: block;
            /*position: fixed;
        top: 270px;*/
            bottom: 0px;
            left: 0px;
            background-color: white;
            margin-top:100px;
        }

        .header-nav ul {
            margin-top: 0;
            margin-right: 0;
        }

            .header-nav ul li ul {
                margin-left: 22px;
            }

        .recovery-nav-mob {
            display: block;
        }

        .header-nav ul li {
            float: none;
            margin: 0px;
            margin-top: 8px;
        }

        .header-notify {
            height: initial;
            margin-right: initial;
            text-align: center;
            /*height: 70px;*/
            margin-top: 85px;
        }

            .header-notify a {
                display: block;
                text-align: left;
                /*font-size: 14px;
    line-height: 30px;
    font-weight: 800;*/

                text-transform: uppercase;
                font-size: 13px;
                padding: 14px 22px 14px 22px;
                letter-spacing: 1px;
                /* font-family: 'ProximaNovaSoft-Bold';*/
            }

        .col_left.open {
            width: 75%;
            height: calc(100% - 470px);
            right: 25%;
            display: block;
            position: fixed;
            top: 470px;
            bottom: 0px;
            left: 0px;
            background-color: white;
            margin-left: 0px;
        }

        .col_right_narrow {
            margin-left: 0px;
        }
        #recoveryPCT.col_right_narrow {
            margin-left: 0px;
            width: 100%;
        }

        .donut {
            float: none;
            margin-left: auto;
            margin-right: auto;
        }

        #trainingDiv {
            left: 20px !important;
            right: 20px !important;
            width: calc(100% - 40px);
        }

        .stepDesc {
            width: 95%;
            word-wrap: break-word;
        }

        .ms-Callout--arrowTop:before {
            left: max(10px, var(--trainingLeft));
        }

        #planRecoveryPulse {
            padding: 10px;
        }

    #spinner-mobile-menu, #spinner-mobile-right-menu {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
        cursor: wait;
        z-index: 10000;
    }

    #spinner-mobile, #spinner-mobile-right {
        display: none;
        height: 100%;
        width: 100%;
        padding-top: 300px;
        background-color: rgba(255,255,255,.5);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }

        div#training.modal-overlay {
            z-index: 20000;
        }

            div#training.modal-overlay .wrapper {
                z-index: 20000;
            }


        /*PDF Viewer*/
        .PdfViewer, .pdfPage {
            width: 100% !important;
            height: initial !important;
        }

            .PdfViewer canvas {
                width: 100%;
            }


    .tile.thirdWidth:nth-child(2n+2) .tileInset {
        border-right: none;
    }

    .tile.thirdWidth {
        width: 50%;
    }
    }

@media screen and (max-width: 900px) {
    .chkPerms .list {
        width: 100%;
    }


    .tile.thirdWidth .tileInset {
        border-right: none;
    }

    .tile.thirdWidth {
        width: 100%;
    }

    /*.col_right_narrow {
        top: 100px;
    }*/


    header {
        width: 60%;
        left: -60%;
    }

    .page-header #myAgility-logo-wrapper {
        width: calc(100% * 2 - 100% / 3);
    }

}

@media screen and (max-width: 564px) {
    .login-form {
        width: 90%;
    }
    .form.mfa {
        width: 90%;
    }

    div.form.modal {
        width: initial;
    }

    .page-header #myAgility-logo-wrapper {
        width: 100%;
    }
    #myAgility-logo-main.myAgility-logo {
        margin-left: 0px;
    }
    header {
        width: 85%;
        left: -85%;
    }
    header.open {
        right: 15%;
    }

    div .section-options a svg, span.section-options a svg {
        margin-right: 0px;
    }


    .table span.section-options a {
        font-size: 0px;
    }
}
@media screen and (max-width: 350px) {

    header {
        width: 100%;
        left: -100%;
    }

        header.open {
            right: 0%;
        }

    .footer-links a {
        width: 50%;
    }
}