/* CCIS styles for salesforce login/sign up pages */

/* March updates*/
@import url(https://use.fontawesome.com/releases/v5.7.2/css/all.css);

.targetx-dashboard {
    background-color: #e5e5e5;
}

main {
    position: relative;
    margin: 5em auto auto auto;
    background-color: #ffffff;
    width: 60%;
    max-width: 650px;
    min-height: 50vh;
    box-shadow: 0 0 5px #cccccc;
}

    main img {
        width: 100%;
        height: auto;
        margin: 4rem auto;
    }
    

    main aside {
        position: absolute;
        display: block;
        margin: 1em 0 2em 0;
    }

    main aside p {
        line-height: 22px;
    }

.message {
    display: none;
}


.verification, .card-login {
    text-align: center;
    width: 90%; /*0318*/
    margin: auto;
    font-size: 1.6rem;
}


.verification span {
    display: block;
    position: relative;
    top: 10px;
    font-size: 1.6rem;
}


.card {
    margin-top: 5em;
    position: relative;
}

    .card-body {
        margin: 0 5%;
    }

    .card-body h1 {
        text-align: center;
        font-size: 3rem;
    }

    .card-body img {
        display: block;
        width: 40%;
        margin: 0 auto;
    }

    .card-body h3 {
        font-size: 1.5rem;
        margin-top: 3rem;
    }


    .card-login {
        position:relative;
    }
         
        .card-login a {
            font-size: 1.6rem;
        }

    .card-footer {
        display: flex;
        justify-content: center;
        width: 70%;
        margin: 0 auto 2em auto;
    }

    .card-footer div {
        width: 45%;
        text-align: center;
        position: relative;
        box-shadow: 0 0 5px #cccccc;
        margin: 0 1em;
        border: 1px solid #ffffff00;
        transition: .3s;
    }

    .card-footer div:hover {
        border:1px solid #ffd800;
        transform: scale(1.1);/*0329*/
        transition: .5s;
    }

    .card-footer h2 {
        font-size: 1.3rem;
        margin: 1em 0.5rem;
    } /*0329*/

    .card-footer div a {
        text-decoration: none;
    }


    .card-footer span, .card-login span, .devider p, main aside p {
            font-size: 1.3rem; 
            color: #333333; 
            display:  block; 
            margin-bottom: 8px;
        }
   .card-footer a {
        font-size: 1.6rem;
    }

.devider {
    width: 100%;
    text-align: center;
    position: relative;
    margin: 3em 0 1em 0;
}

    .devider::before  {
        content: '';
        width: 100%;
        border-bottom: 1px solid #cccccc;
        position: absolute;
        left: 0;
        top: 35%;

    }

    .devider p {
        position: relative;
        display: inline-block!important;
        background-color: #fff;
        padding: 0 10px;
        width: auto;
        z-index: 1;
    }

/* password information box */

.card .alert {    
    border: 1px solid #e5e5e5;
    margin: 0 auto 40px auto;
}


.bsover-alert-warning {
    background-color: #ffffff;
    border-color: #e92f32;
}

.pswd_info {
        bottom: -115px\9; /* IE Specific */
        background-color: #fff;
        position: relative;
        font-size: 1.4rem;
        font-weight:normal;
        color: #333333;
        margin: 2em auto;
    }

    .message .errorM3 {
        display: none;
    }

    .pswd_info ul {
        position: relative;
        right: 40px;
    }

    .pswd_info li {
        margin-top: 8px;
        list-style-type: none;
    }

    .valid {
        color: #179B90 !important;
    }

        .valid::before {
            font-family: 'FontAwesome';
            content: "\f00c";
            position: relative;
            right: 5px;
        }

    .invalid {
        color: #e92f32 !important;
    }

        .invalid::before {
            font-family: 'FontAwesome';
            content: "\f12a";
            position: relative;
            right: 5px;
        }

    
.targetx-application-form-slide label {
    margin-bottom: 30px;
}

.targetx-application-form-slide label span span.required {
    font-size: 1.3rem;
    position: static;
    padding: 5px;
}

.toggle-pswd {
    background-color: #f2f2f2;
    border: none;
    position: absolute;
    right: 0px;
    bottom: 10px;
    padding: 6px;
    border-radius: 3px;
    font-size: 1rem;
    cursor: pointer;
    color: #585e69;
    z-index: 1;
    font-weight: normal;
}

.toggle-pswd:onfocus {
    outline-offset: 3px;
    outline: solid 2px #1a85ff;
    transition: outline-offset .2s linear;
}

.error-mg, .error-mg-unknown {
    color: #e74c3c;
    position: relative;
    bottom: 35px;
    font-size: 1.3rem;
    display: none;
}

.error-mg-unknown {
    border: 2px solid #e74c3c;
    padding: 1em 1.5em;
    margin-top: 4em;
}


/*--
 p.error-mg::after {
    font-family: 'FontAwesome';
    content: "\f12a";
    position: absolute;
    right: 10px;
    bottom: 35px;
}
*/

.error-input {
            border-bottom: 2px solid #e74c3c; 
        }

/* Modal styles */
.modal-backdrop
{
    opacity:0.65 !important;
}

.modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .modal.fade .modal-dialog {
    transform: translate(0, -100%);
  }
  
  .modal.in .modal-dialog {
    transform: translate(0, 0);
  }


.modal-content {
    width: 70%;
    padding: 5%;
    margin: 0 auto;
    z-index: 0;
}

main .modal-header, main .modal-footer {
    border: none;
}

.modal-title {
    font-size: 2.2em;
}

.modal-body {
    font-size: 1.6rem;
    line-height: 1.8em;
    border: none;
}

.modal-footer {
    border: none;
    text-align: center!important;
}

.modal-footer a {
    display: block;
    margin: 20px;
    text-decoration: none;
    cursor: pointer;
}


.modal-footer a.targetx-button {
	margin: 10px;
	
}

button.close {   
    opacity: 1;
    text-shadow: none;
    position: absolute;
    top: -15px;
    right: -5px; 
    font-size: 3em;
}

button.close::after {
    content:"\25CF";
    font-size: 80px;
    position: absolute;
    top: -33px;
    right: -16px;  
    opacity: 1;
    color: #333333;
    z-index: -1;
}

button.close, button.close:hover, button.close:focus  {  
    color: #fff!important;
}


/* end of modal*/





/********** End Marche 2019 ************/

body { 
    font-family: 'Museo Sans', 'Open sans', Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
}

a {
    font-size: 14px;
}

.targetx-browser-warning-blackbox {
    background: #000;
    display: none;
    min-height: 100%;
    opacity: 0.8;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.targetx-browser-warning-container {
    display: none;
    position: fixed;
    top: 30%;
    width: 100%;
    z-index: 10000;
}

.targetx-browser-warning {
    background: #fff;
    color: #1a1a1a;
    display: block;
    margin: auto;
    width: 50%;
}

.targetx-browser-warning-close {
    cursor: pointer;
    cursor: hand;
    float: right;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 6px;
}

.targetx-browser-warning h2 {
    clear: both;
    font-size: 20px;
    padding: 10px 7%;
}

.targetx-browser-warning p {
    font-size: 12px;
    padding: 0 7%;
}

.targetx-supported-browsers {
    padding: 12px 7% 36px 7%
}

.targetx-supported-browsers a {
    display: inline-block;
    margin-right: 18%;
    text-align: center;
    vertical-align: top;
    width: 12%;
}

.targetx-supported-browsers img {
    margin-bottom: 10px;
    max-width: 100%;
}

.message {
    margin: 0px auto 20px;
    padding: 10px;
    border: 2px solid red;
}

.messageText h4 {
    margin: 0px auto;
}


.targetx-plaintext {
    font-size: 16px;
    text-align: center;
    margin: 1em auto;
    width: auto;
}/*0404*/

div.targetx-dashboard {
    height: initial;
    min-height: 100%!important;
    
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.targetx-dashboard span {
    width: 100%;
}

form {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

div.targetx-dashboard-hero, form, .targetx-application-form-slides, .targetx-application-form-slide {
    background-color: #fff;
    height: auto;
    min-height: 100%;
    width: 100%;
}


.targetx-application-form-title {
    padding-bottom:20px;
}
.targetx-dashboard .targetx-dashboard-hero {
    -webkit-flex: 0 0 50% !important;
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
}

div.targetx-dashboard-hero-info { 
    display:none; 
}
 
div.targetx-dashboard-hero { 
    background-image: url(https://c.na22.content.force.com/servlet/servlet.ImageServer?id=01515000002lOjj&oid=00D15000000FtUO&lastMod=1456859635000); 
} 

.targetx-dashboard-army {
    background: #fff;
    /*display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;*/
    /* margin: 0 8%;
    padding: 0 0 36px 0;*/
    padding: 36px 0 0 0;
    width: 35%;
    position: absolute;
    bottom: 8%;
    left: 8%;
}

.targetx-dashboard-army-info h3 {
    font-weight: 500;
    font-size: 20px;
    margin: 0;
    padding: 0px 36px 0px 36px;
    color: #179b90;
}



.targetx-action-icon.targetx-action-icon-plus, .targetx-dashboard-army-mobile-open .targetx-action-icon.targetx-action-icon-minus {
    display: inline-block;
}

.targetx-action-icon.targetx-action-icon-minus, .targetx-action-icon.targetx-action-icon-plus, .targetx-dashboard-army-mobile-open .targetx-action-icon.targetx-action-icon-minus {
    display: none;
}

.targetx-army-action {
    margin: 0 0 10px;
}

.targetx-dashboard-army-info p {
    font-size: 16px;
    padding: 0 36px 18px 36px;
}

.targetx-dashboard-army-info a {
    /*background: #fff;
    border: 3px solid #ffd800;
    color: #1a1a1a;
    display: inline-block;*/
    font-size: 16px;
    text-decoration:underline;
    color: #195AFF;
    /*margin: 0 36px 0 36px;
    min-width: 180px;
    padding: 5px;
    text-align: center;*/
}

a.targetx-header-university-icon { 
    width: 200px; 
    height: 60px; 
    background-image: url(https://www.ccis.edu/img/logo.svg);
    background-repeat: no-repeat; 
    background-size: 198.8px 58px; 
    margin-left: 40px; 
} 

span.targetx-header-university-program { 
    display: none; 
    padding-left: 10px; 
    font-size: 14px; 
    font-size: 1.4rem; 
    color: #fff; 
} 

span.targetx-header-university-name { 
    display: none; 
} 

a.targetx-header-calendar, a.targetx-header-email, a.targetx-header-print, a.targetx-header-review, a.targetx-header-user { 
    color: #00417a; 
    font-weight: normal;
}
 
a { 
    color: #00417a; 
} 

.targetx-application-percentage-date span { 
    color: #E92F32; 
} 

div .targetx-application-form-slides {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
}

li.targetx-application-form-slide {
    border-radius: 0;
    box-shadow: none;
    max-width: none;
    margin: 0;
    padding: 20px 80px;
}

.targetx-application-form-slide label span {
    /*color:#585e69 !important;*/
    color: #333333!important;
}

.navbar-default, .navbar-default .navbar-collapse, .navbar-default .navbar-form { 
    background-color: #172b54 !important; 
}
 
.navbar-default .navbar-nav > li > a { 
    height: 90px; 
} 

.navbar-nav > li > a:hover > span {
    text-decoration: underline;
}

a.targetx-header-calendar, a.targetx-header-email, a.targetx-header-print, a.targetx-header-review, a.targetx-header-user { 
    border-left: none;
    color: #fff; 
} 

a.targetx-header-user span:before {
    content: "";
}

.targetx-header-calendar:hover, .targetx-header-email:hover, .targetx-header-print:hover, .targetx-header-review:hover, .targetx-header-user:hover, .targetx-header-calendar:focus, .targetx-header-email:focus, .targetx-header-print:focus, .targetx-header-review:focus, .targetx-header-user:focus { 
    color: #fff !important;
    text-decoration: underline;
} 

div.targetx-application-form-slide-buttons {
    text-align: center;
}


a.targetx-button, a.targetx-button-header, a.targetx-button-secondary { 
    border: none; 
    background-color: #ffd800; 
    color: #1a1a1a;
    font-size: 16px;
    text-decoration: none !important; 
    text-align: center; 
    /*margin-left: 0 !important;*/
    min-width: 80%!important; 
    padding: 10px; 
    border-radius: 0; 
    box-shadow: none; 
    font-weight: 500;
    text-transform: none;
} 

.targetx-button-disabled { 
    box-shadow: none !important; 
} 

a.targetx-button:hover, a.targetx-button-secondary:hover, a.targetx-button:focus, a.targetx-button-secondary:focus, a.targetx-button-disabled:hover, a.targetx-button-disabled:focus { 
    background-color: #ffd800; 
    color: #1a1a1a; 


    transition: all .2s ease-in-out; 

    -webkit-box-shadow: 3px 3px 1px #767676; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ 
    -moz-box-shadow: 3px 3px 1px #767676; /* Firefox 3.5 - 3.6 */ 
    box-shadow: 3px 3px 1px #767676; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ 

    transform: translate(-3px, -3px); 
}

.targetx-button-header:hover, .targetx-button-header:focus { 
    background-color: #172b54; 
    color: #fff; 


    transition: all .2s ease-in-out; 

    -webkit-box-shadow: 3px 3px 1px #FFFFFF; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ 
    -moz-box-shadow: 3px 3px 1px #FFFFFF; /* Firefox 3.5 - 3.6 */ 
    box-shadow: 3px 3px 1px #FFFFFF; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ 

    transform: translate(-3px, -3px); 
} 

.targetx-already-have-account, .targetx-already-have-account:hover {
    box-shadow: 0 0 4px #d9d9d9;
    background-color: #e5e5e5;
    color: #1a1a1a;
    display: block;
    font-size: 16px;
    margin-top: 4em;
    text-decoration: none;
}

.targetx-already-have-account h3 {
    background: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0;
    padding: 20px 24px;
}

.targetx-already-have-account-action, .targetx-army-action {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.targetx-already-have-account-action {
    padding: 0 24px;
}

/*.targetx-action-text, .targetx-dashboard-army-info h3 {
    -webkit-flex: 2 0 0;
    -ms-flex: 2 0 0;
    flex: 2 0 0;
}*/

.targetx-action-icon {
    color: #fff;
    cursor: pointer;
    cursor: hand;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    font-size: 3rem;
    line-height: 25px;
    text-decoration: none;
    text-align: center;
    margin: 10px;
    background-color: #179b90;
    transition: all .2s ease-in-out;
    
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    
    background: #e92f32; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(90deg, #002855, #4b2a4a 15%, #e92f32 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, #002855, #4b2a4a 15%, #e92f32 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, #002855, #4b2a4a 15%, #e92f32 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(100deg, #002855 5%, #4b2a4a 15%, #b92e39 45%, #e92f32 80%); /* Standard syntax */
}

.targetx-action-icon:hover, .targetx-action-icon:focus {
  -webkit-box-shadow: 0px 2px 8px #767676;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 2px 8px #767676;  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 2px 8px #767676;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  
  transform: scale(1.05);
}

.targetx-input-placeholder, .address-widget-label, .targetx-picklist-placeholder {
	font-size: 16px!important;
	font-weight: bolder!important;
}
.targetx-element p, .targetx-element li, .targetx-element h4 {
	line-height: 26px;
}
div.targetx-dashboard-hero-info, .targetx-welcome-progress, .targetx-application-percentage {
	display: none;
}
a.targetx-button.ng-scope:last-child {
	opacity: .5;
}



 

.targetx-application-container .targetx-button, .targetx-button-header, .targetx-application-container .targetx-button-secondary, .targetx-application-container .targetx-button:hover, .targetx-button-header:hover, .targetx-application-container .targetx-button-secondary:hover, .targetx-application-container .targetx-button:focus, .targetx-button-header:focus, .targetx-application-container .targetx-button-secondary:focus { 
    text-decoration: underline; 
    background-color: #FFD800; 
    color: #1a1a1a; 
} 




.targetx-application-sidebar { 
    background-color: #1a1a1a; 
} 

.targetx-application-hamburger-nav .hamburger-menu-bar { 
    background-color: #ffd800; 
} 

.targetx-header-back:hover:after, .targetx-header-back:active:after, .targetx-header-back:visited:after, .targetx-header-back:after { 
    color: #ffd800; 
} 


.targetx-nav-complete { 
    border-color: #179B90; 
    background-color: #179B90; 
} 

.targetx-nav-item.active .targetx-nav-circle {
    border-color: #ffffff;
    border-width: 2px;
}

.targetx-application-header, .targetx-application-review-header { 
    background-color: #172b54; 
} 

.targetx-nav-link:hover, .targetx-nav-link:focus { 
    color: #7FA3FF; 
} 


.targetx-select-box-icon:after { 
    color: #179B90; 
} 
.targetx-select-box-icon {
    width:auto!important;
}

.targetx-button-add-item { 
    color: #172b54; 
} 

.targetx-button-childobject .targetx-childobject-icon { 
    color: #179B90; 
} 

.radio .inner { 
    background-color: #179B90 !important; 
} 

.radio input:checked + .outer { 
    border: 1px solid #179B90; 
} 

.targetx-input-label .targetx-input-placeholder.ng-invalid.ng-touched, .targetx-input-label .targetx-picklist-placeholder.ng-invalid.ng-touched, .targetx-input-label .targetx-input-text.ng-invalid.ng-touched, .targetx-input-label .targetx-input-textarea.ng-invalid.ng-touched, .targetx-input-label .targetx-select-box.ng-invalid.ng-touched { 
    border-color: #E92F32; 
} 


.targetx-input-label .targetx-input-placeholder, .targetx-input-label .targetx-picklist-placeholder, .targetx-input-label .targetx-input-text, .targetx-input-label .targetx-input-textarea, .targetx-input-label .targetx-select-box { 
    padding-right: 20px; 
} 
targetx-input-label .targetx-select-box {
    font-size:14px;
}

.targetx-card-container {
    display: block;
}



.targetx-application-percentage {
    color: #172b54;
}

.targetx-application-aside { 
    background-color: #425271; 
    color: #fff; 
} 

.targetx-application-aside .targetx-application-percentage  {
    color: #fff;
}

.review-link {
    font-size: 16px;
}


.targetx-button.targetx-button-green {
    background-color: #ffd800;
    box-shadow: none;
    cursor: pointer;
    margin-bottom: 15px!important;
    color: #1a1a1a;
}

.targetx-button.targetx-button-green:hover {
    background-color: #ffd800;
    color: #1a1a1a;
    text-decoration: none;	 

    transition: all .2s ease-in-out;

    -webkit-box-shadow: 3px 3px 1px #767676;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    3px 3px 1px #767676;  /* Firefox 3.5 - 3.6 */
    box-shadow:         3px 3px 1px #767676;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

    transform: translate(-3px, -3px);  
}
.ng-scope {
    width: 100%;
}

@media (max-width: 1500px) { 
    main {
        margin: 3em auto auto auto;
    }
    
    .card {
        margin-top: 3em;
    }
    
    .targetx-application-form-slide h1{
        font-size: 30px;
    }
    
    .targetx-already-have-account h3, .targetx-dashboard-army-info h3{
        font-size: 16px;
    }

}

@media (max-width: 900px) { /* This is the width targetX uses */
    
    .navbar {
        position: static !important;
    }
    
    .nav.navbar-nav {
        margin: 0;
    }
    ul.nav.navbar-nav.navbar-right {
    margin-right: 0!important;
    padding-right: 0;
    }
    
    .targetx-browser-warning {
        width: 95%;
    }
    
    .targetx-dashboard-army-info.targetx-dashboard-army-mobile-open {
        padding-bottom: 16px;
    }
    
    .targetx-dashboard-army-info h3 {
        font-size: 16px;
        font-weight: 500;
        padding: 16px 16px 16px 16px;
        text-decoration: underline;
        color: #1a1a1a;
    }
    
    div.targetx-dashboard {
        padding: 0;
        
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .targetx-dashboard .targetx-dashboard-hero {
        background-image: none;
        min-height: 0;
        -webkit-flex: 0 0 auto !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
    }
    
    .targetx-dashboard span {
        width: auto;
    }
    
    .targetx-dashboard-army {
        background-color: #e5e5e5;
        margin: 0;
        padding: 0;
        position: static;
        width: 100%;
    }
    
        .targetx-dashboard-army a {
            display: none;
            /*margin: 0 16px;*/
        }
        
        .targetx-dashboard-army p {
            display: none;
            padding: 0 16px 0 16px;
        }
        
        .targetx-dashboard-army .targetx-dashboard-army-mobile-open p, .targetx-dashboard-army .targetx-dashboard-army-mobile-open a {
            display: inline-block;
        }
        
        .targetx-dashboard-army-info {
            cursor: pointer;
            cursor: hand;
            width: 100%;
        }
        
        .targetx-army-action {
            margin: 0;
            border-top: 1px solid #f2f2f2;
            position: relative;
        }
        
    .targetx-action-icon.targetx-action-icon-plus, .targetx-dashboard-army-mobile-open .targetx-action-icon.targetx-action-icon-minus {
        display: inline-block;
        position: absolute;
        right: 10px;
        bottom: 0;
    }

    .targetx-action-icon.targetx-action-icon-minus, .targetx-dashboard-army-mobile-open .targetx-action-icon.targetx-action-icon-plus {
        display: none;
    }
    
    /* updated March 6 */
    
    
    li.targetx-application-form-slide {
        padding: 20px 50px;
    }
    
    .card .alert {
        margin-bottom: 20px;
    }
    
    .pswd_info {
        position: relative;
        top: -10px;
        font-size: 1.3rem;
    }
    
    .error-mg {
        bottom: 18px;
    }
    
    .modal-content {
        width: 60%;
        margin: 5% auto;   
    }
    
    .modal-header > button span {
        right: 0px;
        
    }
    
    .modal-header > button span::after {
        right: -17px;
    }
    
}


@media (max-width: 600px) {
    li.targetx-application-form-slide {
        padding: 20px;
    }


.targetx-card-buttons .targetx-button:before{ 
    content: "Save and "; 
}

/*adding classes to fix styles on new application page: 
https://testingjv-columbiacollegeapp.cs54.force.com/onlineapp/TargetX_App__NewApplication?id=a0t15000004OkpVAAS*/

.targetx-card.targetx-card-state-edit {
    padding: 20px!important;
    /*background: pink;*/
    min-width: 500px;
}

.ng-scope {
width: 80%;
/*background: yellow;*/
}
    


.targetx-card.targetx-card-state-edit h1 {
 margin-bottom: 30px;
}
/* March 2019*/    
main {
    width: 90%;
    margin-top: 2em;
}

.card {
    margin-top: 3em;
}    

    .card-body {
        margin: 0 1em;
    }
    
    .card-login {
         bottom: 5px;
    }

    .card hr {
        margin-top: 3em;
    }
    
    .card-footer {
        width: 100%;
    }
      
.devider {
    margin-top: 2em;
    }
    
    
.pswd_info {
    width: 100%;
    top: -3px;
    margin-top: 0;
}

    .suppportText {
        font-size: 1.1rem;
        bottom: 15px;
    }

.error-mg {
        font-size: 1.1rem;
    }    
    
    
.targetx-application-form-slide label {
    margin-bottom: 20px;
}  
    
.modal-content {
    width: 90%;
    margin: 20px auto;
    
}
    
.modal-header > button span {
    right: 0;
    top: -15px;
    
}
    
.modal-header > button span::after {
    top: -30px;
    right: -16px;    
}    
    
/*overwrite current styles*/
a.targetx-button, a.targetx-button-header, a.targetx-button-secondary { 
    min-width: 100%!important;
    }
    
}