a {
    color: #185CAD !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #155899 !important;
    opacity: 1 !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #155899 !important;
    opacity: 1 !important;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #155899 !important;
    opacity: 1 !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #155899 !important;
    opacity: 1 !important;
}

.attrEntry{ 
    padding-top: 10px;
}

button, input[type="button"], input[type="submit"] {
    text-transform: uppercase;
}

[data-help="Email address that can be used to contact you."],
[data-help="Enter new password"],
[data-help="Confirm new password"] {
    display: none;
}

.verifyInput {
    margin-top: 9px !important;
} 

label[for='logonIdentifier'], label[for='email'], label[for='signInName'], label[for='newPassword'], label[for='reenterPassword'] {
    display: none !important;
} 

.login button[type=submit], #emailVerificationControl_but_send_code, #email_ver_but_send {
    position: relative;
    background-color: #155899;
    width: 100% !important;
    line-height: 50px;
    border: none;
    color: #FFF;
    font-size: large;
    text-align: center;
    padding-left: 45px;
    cursor: pointer;
    margin-top: 5px; 
    padding-left: 0;
    margin-top: 20px; 
    font-size: large !important;
}

#attributeList li {
    list-style-type: none;
}

label[for=email]
{
    margin-top: 8px;
}

.attrEntry{
    text-align: center;
}

.attrEntry #email {
    margin-top: 25px;
}

#cancel, #continue, .verifyCode, .sendCode, .sendNewCode, .editButton, .verifyButton, .sendButton, .editButton
{
    position: relative;
    background-color: #155899;
    width: 43.2% !important;
    line-height: 50px;
    border: none;
    color: #FFF;
    font-size: large;
    text-align: center;
    padding-left: 45px;
    cursor: pointer;
    margin-top: 5px;
    padding-left: 0;
}

.password-label{
	display:none;
}

#emailVerificationControl_but_verify_code, #emailVerificationControl_but_send_new_code, #email_ver_but_verify, #email_ver_but_resend{
	width: 100% !important; 
    font-size: large !important;
}

#cancel{
	bottom: 0px !important; 
    font-size: large !important;
    float:right;
} 

 .verifyInput{ 
    /*position: fixed;*/ 
    color: #155899;  
    height: 35px;  
    width: 100% !important;  
    background-repeat: no-repeat;  
    background-size: 20px;  
    background-position: 5px; 
    padding-left: 20px; 
    text-indent: 30px;  
 }   

.login input[type=password]  {
    position: relative;
    border: none;
    color: #155899;
    height: 35px;
    width: 100% !important;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 5px;
    text-indent: 30px;
    /*margin-top: 40px;*/
}

.intro h2 {
  text-align: center;
  font-size: 19px !important;
  line-height: 30px !important;
}
.entry {
  margin-left: auto ;
  margin-right: auto ;
}
.divider h2 {
  text-align: center;
  font-size: 19px !important;
}
.create {
  width: 300px ;
  margin-left: auto ;
  margin-right: auto ;
}
/* bootstrap ui 4 pagination */
.pagination .page-link {
    color: #337ab7;
}
.pagination .page-item.active .page-link {
    background-color: #337ab7;
    border-color: #337ab7;
}

.pagination .page-item.disabled {
    cursor: not-allowed;
}

/* spinner overrides from loading-bar.css */
#loading-bar .bar {
    -webkit-transition: width 350ms;
    -moz-transition: width 350ms;
    -o-transition: width 350ms;
    transition: width 350ms;
    background: red; /* the loading bar going across the top */
    position: fixed;
    z-index: 10002;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px;
}

#loading-bar-spinner {
    /*display: block;
    position: fixed;
    z-index: 10002;
    top: 10px;
    left: 10px; */
    /*z-index: 99999 !important;*/
    z-index: 5001 !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    opacity: .7;
    pointer-events: all;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

    #loading-bar-spinner .spinner-icon {
        text-align: center;
        margin: 20% auto 0 auto;
        font-size: 400%;
        font-family: "Segoe UI", Arial, Helvetica, sans-serif;
        font-weight: normal;
        -webkit-text-shadow: 2px 2px #000000;
        text-shadow: 2px 2px #000000;
        text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
        text-transform: uppercase;
        text-decoration: none;
        /*color: #F58A00;*/
        color: #1A66B0;
        padding: 0;
        width: 100px;
        height: 100px;
        /*width: 14px;
    height: 14px;*/
        border: solid 2px transparent;
        border-top-color: #29d;
        border-left-color: #29d;
        border-radius: 50%;
        -webkit-animation: loading-bar-spinner 400ms linear infinite;
        -moz-animation: loading-bar-spinner 400ms linear infinite;
        -ms-animation: loading-bar-spinner 400ms linear infinite;
        -o-animation: loading-bar-spinner 400ms linear infinite;
        animation: loading-bar-spinner 400ms linear infinite;
    }

/* end angular-loading style overrides */

/* Changed order of font-awesome and other font families. These are the overrides from bootstrap.css and font-awesome.css */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype');
}

/* end bootstrap.css and font-awesome.css @font-face overrides */

/* #region Splash (spinner and loading message) */
@font-face {
    font-family: 'latoblack';
    src: url('lato-bla-webfont.eot');
    src: url('lato-bla-webfont.eot?#iefix') format('embedded-opentype'), url('lato-bla-webfont.svg#latoblack') format('svg'), url('lato-bla-webfont.woff2') format('woff2'), url('lato-bla-webfont.woff') format('woff'), url('lato-bla-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoblack_italic';
    src: url('lato-blaita-webfont.eot');
    src: url('lato-blaita-webfont.eot?#iefix') format('embedded-opentype'), url('lato-blaita-webfont.svg#latoblack_italic') format('svg'), url('lato-blaita-webfont.woff2') format('woff2'), url('lato-blaita-webfont.woff') format('woff'), url('lato-blaita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobold';
    src: url('lato-bol-webfont.eot');
    src: url('lato-bol-webfont.eot?#iefix') format('embedded-opentype'), url('lato-bol-webfont.svg#latobold') format('svg'), url('lato-bol-webfont.woff2') format('woff2'), url('lato-bol-webfont.woff') format('woff'), url('lato-bol-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'latobold_italic';
    src: url('lato-bolita-webfont.eot');
    src: url('lato-bolita-webfont.eot?#iefix') format('embedded-opentype'), url('lato-bolita-webfont.svg#latobold_italic') format('svg'), url('lato-bolita-webfont.woff2') format('woff2'), url('lato-bolita-webfont.woff') format('woff'), url('lato-bolita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latohairline';
    src: url('lato-hai-webfont.eot');
    src: url('lato-hai-webfont.eot?#iefix') format('embedded-opentype'), url('lato-hai-webfont.svg#latohairline') format('svg'), url('lato-hai-webfont.woff2') format('woff2'), url('lato-hai-webfont.woff') format('woff'), url('lato-hai-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latohairline_italic';
    src: url('lato-haiita-webfont.eot');
    src: url('lato-haiita-webfont.eot?#iefix') format('embedded-opentype'), url('lato-haiita-webfont.svg#latohairline_italic') format('svg'), url('lato-haiita-webfont.woff2') format('woff2'), url('lato-haiita-webfont.woff') format('woff'), url('lato-haiita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latolight';
    src: url('lato-lig-webfont.eot');
    src: url('lato-lig-webfont.eot?#iefix') format('embedded-opentype'), url('lato-lig-webfont.svg#latolight') format('svg'), url('lato-lig-webfont.woff2') format('woff2'), url('lato-lig-webfont.woff') format('woff'), url('lato-lig-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('lato-reg-webfont.eot');
    src: url('lato-reg-webfont.eot?#iefix') format('embedded-opentype'), url('lato-reg-webfont.svg#latoregular') format('svg'), url('lato-reg-webfont.woff2') format('woff2'), url('lato-reg-webfont.woff') format('woff'), url('lato-reg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoitalic';
    src: url('lato-regita-webfont.eot');
    src: url('lato-regita-webfont.eot?#iefix') format('embedded-opentype'), url('lato-regita-webfont.svg#latoitalic') format('svg'), url('lato-regita-webfont.woff2') format('woff2'), url('lato-regita-webfont.woff') format('woff'), url('lato-regita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.fa-asterisk.fa-asterisk-large {
    font-size: 180%;
    vertical-align: middle;
    color: #F58A00;
}

.fa-asterisk.fa-asterisk-alert {
    color: #F58A00;
}

.fa-asterisk-inline {
    padding: 0 4px 0 0;
}
/*#endregion*/

.roundedOKButton {
    border-radius: 5px !important;
    min-width: 55px;
    height: 32px;
}

.timeoutCountdown {
    color: red;
}

/* End Email Us */

/* Login */

#ESPLoginBody {
    background-image: url('https://azsab2ccors01.blob.core.windows.net/esib2ccors/images/ESI_login.jpg') !important;
}

    #ESPLoginBody .container {
        margin: 50px auto;
        /*width: 700px;*/
    }

.login {
    position: relative;
    margin: 0 auto;
    padding: 20px 25px;
    max-width: 350px;
    width: 100%;
    background-color: #F0F0F0;
    /*padding-bottom: 100px;*/
    padding-bottom: 20px;
}

:-moz-placeholder {
    color: #c9c9c9 !important;
    font-size: 13px;
}

::-webkit-input-placeholder {
    color: #ccc;
    font-size: 13px;
}

.Welcome {
    color: #185CAD;
    margin: 50% auto;
    font-size: 14px;
    font-family: 'latoregular';
}

.login:before {
    content: '';
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    z-index: -1;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 4px;
}

.login h1 {
    margin: -20px -20px 21px;
    line-height: 40px;
    font-size: 15px;
    font-weight: bold;
    color: #555;
    text-align: center;
    text-shadow: 0 1px white;
}

.login p {
    margin: 20px 0 0;
}

    .login p:first-child {
        margin-top: 0;
    }

.login input[type=text], .login input[type=password] {
    width: 278px;
}

.login p.remember_me {
    float: left;
    line-height: 31px;
}

    .login p.remember_me label {
        font-size: 12px;
        color: #777;
        cursor: pointer;
    }

    .login p.remember_me input {
        position: relative;
        bottom: 1px;
        margin-right: 4px;
        vertical-align: middle;
    }

.login .loginemail {
    /*position: fixed;*/
    color: #155899;
    height: 35px;
    width: 100% !important;
    background-image: url('https://azsab2ccors01.blob.core.windows.net/esib2ccors/images/userId_Login.png') !important;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 5px;
    padding-left: 20px;
    text-indent: 30px;
}

.login .loginmypassword {
    position: relative;
    border: none;
    color: #155899;
    height: 35px;
    width: 100% !important;
    background-image: url('https://azsab2ccors01.blob.core.windows.net/esib2ccors/images/login_lock.png') !important;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 5px;
    text-indent: 30px;
    /*margin-top: 40px;*/
}

.login_text {
    margin-top: 50px;
    text-align: center;
}

.login .logintextalignWelcome {
    color: #185CAD;
    font-family: 'Times New Roman';
    font-size: 16px;
}

.login .login_text .EastDilSecuredLogin {
    color: #185CAD;
    font-family: 'Times New Roman';
    font-size: 30px;
}

.login .loginbuttonstyle3 {
    position: relative;
    background-color: #155899;
    width: 100% !important;
    line-height: 50px;
    border: none;
    color: #FFF;
    font-size: large;
    text-align: center;
    padding-left: 45px;
    cursor: pointer;
    margin-top: 5px; 
}

.login_header_box {
    background-color: #155899;
    width: 180px !important;
    height: 120px !important;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: 50px;
    z-index: 1000;
    border: solid 2px #f0f0f0;
    /*-moz-box-shadow: 10px 10px 5px #888;
          -webkit-box-shadow: 10px 10px 5px #888;*/
    box-shadow: 0px 10px 15px #888;
}

.headerpic_login {
    width: 61px;
    margin-top: 20px;
}

.login_form {
    margin-top: -10px;
}

.bottom_login_buttons {
    position: relative;
    top: 20px;
    vertical-align: top !important;
    text-align: center !important;
    /*left: -10px;*/
}

.user_guide_link_login {
    text-align: center !important;
    padding-top: 30px;
    clear: both;
}

.forgot_password {
    position: relative;
    font-size: 12px !important;
    overflow: hidden;
    border: none;
    background-color: transparent;
    /*border: 1px solid black;*/
    height: 100px;
    cursor: pointer; 
    padding: 10px 10px 10px 10px;
}

.request_invite {
    position: relative;
    font-size: 12px !important;
    overflow: hidden;
    border: none;
    background-color: transparent;
    /*border: 1px solid black;*/
    height: 30px;
    cursor: pointer; 
    /*margin-left: 20px;*/
    padding: 10px 10px 10px 10px;
}

.user_guide {
    position: relative;
    font-size: 10px !important;
    overflow: hidden;
    border: none;
    background-color: transparent;
    /*border: 1px solid black;*/
    height: 30px;
    cursor: pointer; 
    /*margin-left: 20px;*/
    padding: 10px 10px 10px 10px;
}

.buttonarrowimage {
    float: right;
    height: 47px;
}

.modal-body {
    text-align: center;
}

.uploaded {
    padding: 0;
    height: 14px;
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc00), to(#4b9500));
    border-image: initial;
}

.dropbox {
    width: 15em;
    height: 3em;
    border: 2px solid #DDD;
    border-radius: 8px;
    background-color: #FEFFEC;
    text-align: center;
    color: #BBB;
    font-size: 2em;
    font-family: Arial, sans-serif;
}

    .dropbox span {
        margin-top: 0.9em;
        display: block;
    }

    .dropbox.not-available {
        background-color: #F88;
    }

    .dropbox.over {
        background-color: #bfb;
    }

.blueText {
    color: #1A66B0;
}

.italicFont {
    font-style: italic;
}

.widget.widgetClear .widget-head {
    background-color: #F0F1F7;
    border: none;
    color: #1A66B0;
    font-weight: bold;
    font-size: 20px;
    padding: 12px 2px;
}

.widget.esBlue .widget-head {
    background-color: #1A66B0;
    border: 1px solid #eee;
    color: #fff;
}

/*#region Responsive */

.mainbar {
    margin-left: 129px;
    background-color: #F0F1F7;
    min-height: 765px;
}

@media (max-width: 979px) {
    .mainbar {
        margin-left: 129px;
    }

    .sidebar-filler {
        width: 120px;
    }

    .nav-collapse {
        clear: none;
    }

        .nav-collapse .nav > li {
            float: left;
        }

    .navbar .btn-navbar {
        /* display: none; */
    }

    .nav-collapse,
    .nav-collapse.collapse {
        height: inherit;
        overflow: inherit;
    }

    .page-splash-message {
        font-size: 300%;
    }

    .btn-group.pull-right {
        float: none !important;
        display: block;
    }
}

@media (max-width: 320px) {
    .today-datas li {
        padding: 1em .5em;
        line-height: 1em;
    }

        .today-datas li i {
            font-size: 2em;
        }

        .today-datas li .datas-text span {
            font-size: 1em;
        }

    .btn {
        margin: .2em;
        width: 7em;
    }

    .btn-group > .btn {
        display: block;
        width: 7em;
    }

    .btn-group.pull-right {
        margin: .2em 0;
    }

    /*input,
    select {
        width: 85% !important;
    }*/

    textarea {
        width: 80%;
    }

    .img-polaroid.user-pic {
        width: 5em;
    }

    .user .user-details {
        margin-left: 7em;
        margin-right: .5em;
    }

    h3 {
        font-size: 1.5em !important;
        line-height: 1.2em !important;
    }
}

/*#endregion */

span.green {
    color: green;
}

span.red {
    color: red;
}

div[data-cc-widget-header] {
    /*cursor:pointer;*/
    cursor: default;
}

/* global custom table styles */

/* regular row */
.tr-ng-grid.table-hover > tbody > tr > td,
.tr-ng-grid.table-hover > tbody > tr > th,
.tr-ng-grid.table-hover > tbody > tr > td,
.tr-ng-grid.table-hover > tbody > tr > th {
    color: #222;
    -o-transition: color .25s;
    -ms-transition: color .25s;
    -moz-transition: color .25s;
    -webkit-transition: color .25s;
    transition: color .25s ease;
}

    /* hover over rows, non-active*/
    .tr-ng-grid.table-hover > tbody > tr > td:hover,
    .tr-ng-grid.table-hover > tbody > tr > th:hover,
    .tr-ng-grid.table-hover > tbody > tr:hover > td,
    .tr-ng-grid.table-hover > tbody > tr:hover > th {
        background: #1171a3 !important;
        -webkit-transition: background 0.5s ease;
        -moz-transition: background 0.5s ease;
        -o-transition: background 0.5s ease;
        transition: background 0.5s ease;
        color: #eee;
        -o-transition: color .25s;
        -ms-transition: color .25s;
        -moz-transition: color .25s;
        -webkit-transition: color .25s;
        transition: color .25s ease;
    }

/* selected rows, active */
.tr-ng-grid.table > tbody > tr > td.active,
.tr-ng-grid.table > tbody > tr > th.active,
.tr-ng-grid.table > tbody > tr.active > td,
.tr-ng-grid.table > tbody > tr.active > th {
    background: #52b9e9 !important;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
    color: #eee;
    -o-transition: color .25s;
    -ms-transition: color .25s;
    -moz-transition: color .25s;
    -webkit-transition: color .25s;
    transition: color .25s ease;
}

/* hover over active rows */
.tr-ng-grid.table-hover > tbody > tr > td.active:hover,
.tr-ng-grid.table-hover > tbody > tr > th.active:hover,
.tr-ng-grid.table-hover > tbody > tr.active:hover > td,
.tr-ng-grid.table-hover > tbody > tr.active:hover > th {
    background: #fa3031 !important; /* a kind of red */
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
    color: #eee;
    -o-transition: color .25s;
    -ms-transition: color .25s;
    -moz-transition: color .25s;
    -webkit-transition: color .25s;
    transition: color .25s ease;
}

/* Button overrides of customtheme.css for datatables */
@media only screen and (max-width : 768px) {
    .tr-ng-grid .btn-group .btn {
        /*font-size:11px !important;
        padding:5px 5px;
        margin:3px 0; */
        border-radius: 0;
        margin-top: 5px;
        padding: 3px 2px;
        margin: 2px 2px;
    }
}

.tr-ng-grid .btn-group .btn {
    margin-right: 0;
    margin-left: 0;
}

.tr-ng-grid .btn-group .btn {
}

.tr-ng-grid .btn-group .btn {
    /*-ms-border-radius: 0 !important;
    border-radius: 0 !important; */
}

.tr-ng-grid .btn-group .btn {
    /*font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 13px !important;
    padding: 4px 2px;
    border-radius:4px !important;*/
}

    .tr-ng-grid .btn-group .btn.btn-mini {
        font-size: 11px !important;
    }

/* Add Profile Page */
section.addProfile .form-horizontal .control-label {
    width: 140px;
}

/* Edit Profile Popup */
.modalForm .control-label {
    text-align: left;
}

/* Form invalid fields */
form.submitted .addProfile input .ng-invalid {
    border: 10px solid red;
}

/* Form invalid fields */
section.addProfile form.ng-submitted input.ng-invalid {
    border: 1px solid red !important;
}

.formErrorMessage {
    color: #e83232;
}

table th > a {
    font-weight: bold;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    cursor: pointer;
}


.widget-content.referrer {
    border-width: 0;
}

.widget-content {
    padding: 1em;
    margin: 0;
}

a {
    cursor: pointer;
}

/* #endregion */

/*#region wrapper for angular ng-include and ng-view animations*/
.view-container {
    position: relative;
    overflow: hidden;
}
/*#endregion */

/*#region Angular ng-include, ng-view, ng-repeat shuffle animations*/

.shuffle-animation.ng-enter,
.shuffle-animation.ng-leave {
    position: relative;
}

.shuffle-animation.ng-enter {
    -moz-transition: ease-out all 0.3s 0.4s;
    -o-transition: ease-out all 0.3s 0.4s;
    -webkit-transition: ease-out all 0.3s 0.4s;
    transition: ease-out all 0.3s 0.4s;
    left: 2em;
    opacity: 0;
}

    .shuffle-animation.ng-enter.ng-enter-active {
        left: 0;
        opacity: 1;
    }

.shuffle-animation.ng-leave {
    -moz-transition: 0.3s ease-out all;
    -o-transition: 0.3s ease-out all;
    -webkit-transition: 0.3s ease-out all;
    transition: 0.3s ease-out all;
    left: 0;
    opacity: 1;
}

    .shuffle-animation.ng-leave.ng-leave-active {
        left: 2em;
        opacity: 0;
    }
/*#endregion*/

/*#region Angular ng-include, ng-view, ng-repeat fader animation */
.fader-animation.ng-enter,
.fader-animation.ng-leave,
.fader-animation.ng-move {
    position: relative;
}

.fader-animation.ng-enter,
.fader-animation.ng-leave {
    -webkit-transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    -moz-transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    -o-transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    opacity: 1;
}

    .fader-animation.ng-enter,
    .fader-animation.ng-leave.ng-leave-active {
        opacity: 0;
    }

        .fader-animation.ng-enter.ng-enter-active {
            opacity: 1;
        }

.fader-animation.ng-move {
    opacity: 0.5;
}

    .fader-animation.ng-move.ng-move-active {
        opacity: 1;
    }

/*#endregion*/

/*#region Angular ng-show dissolve animation */
.dissolve-animation.ng-hide-remove {
    display: inline !important;
}

.dissolve-animation.ng-hide-remove,
.dissolve-animation.ng-hide-add {
    -webkit-transition: 0.8s linear all;
    -moz-transition: 0.8s linear all;
    -o-transition: 0.8s linear all;
    transition: 0.8s linear all;
}

    .dissolve-animation.ng-hide-remove.ng-hide-remove-active,
    .dissolve-animation.ng-hide-add {
        opacity: 1;
    }

        .dissolve-animation.ng-hide-add.ng-hide-add-active,
        .dissolve-animation.ng-hide-remove {
            opacity: 0;
        }
/*#endregion */

/*#region toastr */
#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
    /*margin: 4px auto; */
}
/*#endregion */

/*  Document Tree Styles */
/*        .clt, .clt ul, .clt li {
        position: relative;
    }


        .clt ul {
            list-style: none;
            padding-left: 45px;
        }



        .clt li::before, .clt li::after {
            content: "";
            position: absolute;
            left: -12px;
        }



        .clt li::before {
            border-top: 1px dotted #000;
            top: 8px;
            width: 35px;
            height: 0;
            margin-left: -23px;
        }



        .clt li::after {
            border-left: 1px dotted #000;
            height: 100%;
            width: 0px;
            top: -2px;
            margin-left:-23px;
        }


        .clt ul > li:last-child::after {
            height: 8px;
        }

    .labelstyle {
        margin-bottom: -3px;
        margin-left: 20px;
        width: 18px;
        height: 18px;
    }

    .filestyle {
        border: 1px solid;
        margin: 0px 10px 50px 20px;
        background-color: #E0E0E0;
        width: 350px;
    }

    .active {
        background-color: orange;
    } */

/*End Document Tree*/

/* the possible fields we can put classes on when submitting forms with invalid data is pretty large, following is a partial list */
/*
    ng-dirty
    ng-clean
    ng-valid-required
    ng-invalid
    ng-invalid-pattern

    ng-valid-maxlength - Put when ng-maxlength passes
    ng-valid-minlength - Put when ng-minlength passes
    ng-valid-pattern - Put when ng-pattern passes
    ng-dirty - Put when the form has had something entered since the form loaded
    ng-pristine - Put when the form input has had nothing inserted since loaded (or it was reset via setPristine(true) on the form)
    ng-invalid - Put when any validation fails (required, minlength, custom ones, etc)
*/

.favStar {
    float: right;
    padding-right: 5px;
    padding-top:10px;
    cursor: pointer;
}

.starColor {
    color: goldenrod;
}

.boldButton {
    font-weight: bold;
}

.buttonWithTrim {
    border: 3px solid;
    text-transform: uppercase;
    font-weight: bold;
}

    .buttonWithTrim.greenTrim {
        border-color: #12910B;
        color: #555;
    }

    .buttonWithTrim.blueTrim {
        border-color: #0A8DCD;
    }

/*@media only screen and (min-width : 1200px) and (max-width : 1640px) {
    .cardResponsive {
        width: 50% !important;
    }
}

@media only screen and (max-width : 1199px) {
    .cardResponsive {
        width: 100% !important;
    }
}*/

.filterMenu {
    overflow-x: auto;
    height: 70%;
    margin-right: 15px;
}

    .filterMenu .filterMenuItem {
        margin-top: 20px;
        margin-left: 10px;
    }

        .filterMenu .filterMenuItem label {
            color: #155899;
            margin-left: 10px;
        }

        .filterMenu .filterMenuItem ul {
            list-style-type: none;
        }

.addboldTextOfFilter {
    font-weight: bold;
    color: #155899;
    cursor: pointer;
}

.removeboldTextOfFilter {
    font-weight: normal;
    color: #155899;
    cursor: pointer;
}
/*filter style end*/


/* login page */
.loginBottomButtons {
    display: inline-block;
    width: 46%;
    margin-bottom: 5px;
    position: relative;
    font-size: 12px !important;
    overflow: hidden;
    background-color: transparent;
    border: 1px solid black;
    cursor: pointer; 
    padding: 10px 5px 10px 5px;
}

@media only screen and (max-width: 450px) {
    .loginBottomButtons {
        width: 100%;
    }

    .login {
        padding-bottom: 150px;
    }
}

/* dashboard table */
.dashboard .dashboardDeleteButton {
    display: inline;
}

.emailDetail {
    margin: 10px;
}

.emailDetailFooter {
    text-align: center;
}

.emailDetail, .communicationDetail {
    margin: 20px;
}

.emailDetailFooter, .communicationDetailFooter {
    text-align: center;
}

/* 508 compliance styles */
.hiddenLabel {
    left: -9999x;
    top: auto;
    width: 0;
    height: 0;
    overflow: hidden;
}

.hiddenLabeltext {
    font-size: 11px;
}

a:focus {
  outline: 2px solid #0D286B;
}

:focus {
  /* outline: dotted 1px rgba(220,220,220,0.5);*/
  outline :2px solid #0D286B;
}

button:focus {
    outline:2px solid #0D286B;
}
input:focus{
    outline:2px solid #0D286B !important;
}

.noOutline {
    outline: 0;
}

.lighterText {
    opacity: 0.6 !important;
}

.esiBlue {
    color: #1A66B0 !important;
}

/* * kendo ui overrides * */
.propertyPreferencesTree.k-treeview {
    overflow: visible;
    color: #1A66B0;
}

.propertyPreferencesTree .k-checkbox-label:before {
    margin-top: -4px;
}

.propertyPreferencesTree .k-checkbox-label:hover:before, .k-checkbox:checked + .k-checkbox-label:hover:before {
    border-color: #acacac;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.propertyPreferencesTree .k-checkbox:checked + .k-checkbox-label:before {
    background-color: #fff !important;
    border-color: #eee !important;
    color: #0D286B !important;
    content: "\2713";
}

.propertyPreferencesTree .k-checkbox:indeterminate + .k-checkbox-label:after {
    border-color: #0D286B;
    background-color: #0D286B;
    top: 4px;
    left: 10px;
    /* makes it a checkmark */
    /*color: #0D286B;
    border-color: transparent;
    background-color: transparent;
    top: 1px;
    left: 7px;
    content: "\2713"; */
}

.propertyPreferencesTree .k-in.k-state-hover,
.propertyPreferencesTree .k-in.k-state-selected,
.propertyPreferencesTree .k-in.k-state-selected:hover {
    background-color: transparent;
    border-color: transparent;
    color: #1A66B0;
}

    .propertyPreferencesTree .k-in.k-state-selected.k-state-focused {
        box-shadow: none !important;
    }
/* ** */

.preferencesSelectionSection {
}

.propertyPreferencesForm div.k-treeview {
    border-width: 0;
    background: 0 0;
    overflow: auto;
    white-space: nowrap;
}

.propertyPreferencesForm .propertyPreferencesTree {
    height: 400px;
    border: 1px solid #ccc !important;
    padding: 10px 0;
    margin-top: 8px;
}

.saveEmailPreferencesContainer {
    margin-top: 20px;
    margin-left: 10px;
}

.addAdditionalEntryModal .form-group .addAdditionalEntryInput {
    text-align: left;
}

.addAdditionalEntryModal .primaryEntityFormGroup {
    text-align: left;
}

.addAdditionalEntryModal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

.caPage .profileInfo .userProfileInfo {
    font-size: 20px;
}

    .caPage .legalEntityCopy p {
        font-size: 1.3em;
        opacity: 0.8;
    }

        .caPage .legalEntityCopy p.boldLine {
            font-weight: bold;
            color: black;
        }

.caPage .legalEntityList {
    text-align: center;
}

    .caPage .legalEntityList .legalEntityInstructions,
    .caPage .caInfo {
        font-size: 1.2em;
        padding: 10px 0 !important;
        color: black;
        opacity: 0.8;
        font-weight: bold;
    }

.caPage .caInfo {
    text-align: center;
}

.caPage .caButton {
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
}

.caPage .caInfo.caOptionsInfo {
    text-decoration: underline;
    text-align: left;
}

.caPage .caInfo.caInfoSmall {
    font-size: 1em;
}

.caPage .uploadCASection {
    padding: 0;
}

    .caPage .uploadCASection .userCAFileUpload {
    }

.caPage .userUploadFormContainer {
    text-align: center;
}

.caPage .downloadPDFButton {
    display: block;
}

.caPage .caUploadForm {
    margin: 7px 0;
    padding-top: 45px;
}

.caPage .caPageCAButtons {
    margin-bottom: 4px;
}

.capPage .legalEntityList .selectEntity {
    width: 400px;
}

.caPage .defaultEntity {
    color: red;
}

.caPage .legalEntityButtonGrouping {
    text-align: center;
    padding-top: 20px;
}

.caPage .primaryLegalInfo {
    padding-top: 20px;
}

.caSubHeader {
    width: 100%;
    padding: 20px;
    text-align: center;
    font-size: 1.3em;
}

    .caSubHeader .title {
        font-size: 1.25em;
        font-weight: bold;
        padding-bottom: 10px;
    }

.downloadFileContainer {
    position: relative;
    width: 80%;
    max-width: 600px;
    margin: 15px auto;
    text-align: center;
}

    .downloadFileContainer .caFile {
        display: inline-block;
        width: 49%;
        text-align: center;
        padding: 15px;
        word-wrap: break-word;
        vertical-align: top;
        cursor: pointer;
        font-size: 1.2em;
    }

    .downloadFileContainer .caFile:hover {
        color: #1A66B0;
    }

        .downloadFileContainer .caFile i {
            font-size: 4em;
            display: block;
            padding-bottom: 10px;
        }

.signSection {
    padding: 5px 0 25px;
}

.userUploadFormContainer {
    padding: 10px;
}

#firstTimeModal {
    text-align: center;
}

    #firstTimeModal .modal-footer {
        text-align: center;
    }

/* image gallery in warroom right side bar*/
.widgetWrapper .mediaGalleryPreview .ng-gallery-content > .ng-thumbnails-wrapper {
    overflow: hidden !important;
}

    .widgetWrapper .mediaGalleryPreview .ng-gallery-content > .ng-thumbnails-wrapper .ng-thumbnails.slide-left {
        width: 4000px !important;
    }


/* Registration Styles - Start */
.registration {
    max-width: 450px;
}

    .registration input:not([type='submit']), .registration select {
        margin-left: -4px;
        color: #155899;
        border: 1px solid #ccc;
        height: 33px;
    }

.quarter-width {
    width: 24.4% !important;
}

.half-width {
    width: 49.6% !important;
}

.full-width {
    width: 100% !important;
}

.icon-input {
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 5px;
    padding-left: 20px;
    text-indent: 30px;
}

.icon {
    position: absolute;
    color: #2065ad;
    padding: 8px 5px;
    font-size: 16px;
}

.username {
    background-image: url('https://azsab2ccors01.blob.core.windows.net/esib2ccors/images/userId_Login.png') !important;
}

.registration form .loginbuttonstyle3 {
    padding-left: 0;
    margin-top: 20px;
}

.registration form div {
    padding: 2px;
}

.registration form input:required:invalid {
    outline: none;
}

.registration form .ng-touched.ng-invalid, .registration form.show-errors .ng-invalid {
    border-color: #e02b2b !important;
}

.error-message {
    text-align: center;
    padding: 5px;
    color: #e02b2b;
}

.success-message div {
    padding: 6px 0;
}

.registration a:hover, .registration a:focus, .registration a:active {
    color: #23527c;
    text-decoration: underline !important;
}

.phone-number input {
    margin: 2px 0;
    margin-left: -4px;
}
/* Registration Styles - End */

.uploadFailed {
    margin-top: 10px;
    font-size: 1.2em;
}

.instructions {
    background: #f2f2f2;
    padding: 10px;
    font-size: 1.2em;
}

#fileUploadPage .instructions .fileUploadDropdown {
    font-size: 18px;
}

.caFailedUploadAlert {
    width: 500px;
    margin: auto;
    text-align: center;
    font-size: 1.2em;
}
.widget-head h1{
    background-color: #F0F1F7;
    border: none;
    color: #1A66B0;
    font-weight: bold;
    font-size: 20px;
    padding: 12px 2px;
    line-height: 0;
    display:inline-block;
}
.screen-reader-only{
    border: 0 !important;
    clip: rect(1px,1px,1px,1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.info {
    background-image: url('https://azsab2ccors01.blob.core.windows.net/esib2ccors/Content/images/info.png') !important;
    width: 30px;
    height: 30px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.attrEntry .error.itemLevel,
.attrEntry .helpText,
.attrEntry .tiny {
  display: none!important;
}

.attrEntry .error.itemLevel.show {
  display: block!important;
}