/* TSA */

body{
    padding: 50px 5px 70px 5px;
    z-index: 0;
    background-color: #FFFFFF;
    color: #000000;
}

A {
	color:#001EFF;
	cursor: pointer;
}

A:link {
	color:#001EFF;
	text-decoration:none;
	outline:0;
}

A:visited {
	color:#001EFF;
	text-decoration:none;
}

A:hover {
	color:#001EFF;
	text-decoration:underline;
}

.row-content {
    margin:0px auto;
    padding: 0px 0px 5px 0px;
}

.row-header {
    margin:0px auto;
    padding: 5px 0px 5px 0px;
}

.row-footer {
  margin: 0px auto;
  padding: 20px 0px;
}

.center {
    margin:0px auto;
}

.top-header {
    background-color:#FFFFFF;
    color:#001EFF;
}

.left-header-text {
    font-size:1.7em;
    padding-top:18px;
}

.left-header-text1 {
    font-weight:inherit;
}

.left-header-text2 {
    font-weight:bolder;
}

.container-main {
    padding-top:65px;
    color:#000000;
}

.container-login-text {
    font-size:16px;
}

.container-popup-menu {
    margin-top:50px !important;
    max-width:450px;
    padding:20px !important;
}

.container-logo
{
    padding-top: 40px;
}

.container-announcement
  {
      display:none;
  }
  
  /* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  .container-announcement
  {
      display:block;
  }
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  .container-announcement
  {
      display:block;
  }
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  .container-announcement
  {
      display:block;
  }
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  .container-announcement
  {
      display:block;
  }
  
  
}

.dropdown-location {
    position:relative;
    left:75px;
    top:20px;
}

.btn-dropdown {
    width: 22px;
    height: 22px;
    color: #001EFF !important;
    text-align: center;
    text-decoration: none;
    background: transparent;
    font-size: 14px !important;
    font-weight: bold;
    border: solid 1px #001EFF;
    margin-bottom: -12px;
    vertical-align: bottom;
    padding: 1px 0 !important;
    line-height: 1.42;
    border-radius: 50%;
}

.dropdown-menu-style {
    margin-left:168px;
    top:24px;
    background-color: #F2F3F5;
    text-transform:capitalize;
}

.dropdown-menu-style > li > a {
    color:#001EFF !important;
}

.dropdown-menu-style  > li > a:hover,
.dropdown-menu-style  > li > a:focus { 
    background: #F2F3F5;
}


.dropdown-menu-item-separator-style {
    background-color:#acacac;
}

.container-login {
    margin-top:5px;
    background-color: #f9f9f9;
    max-width:450px;
    min-height:150px;
    padding:20px !important;
    min-width:450px;
}

.product-title1 {
    font-size:25px;
}

.product-title2 {
    color:#001EFF;
    font-size:25px;
    margin-left: 4px;
}

.txt-login {
    background-color: transparent;
    color: #666666 !important;
    width:100%;
    height:36px;
    padding:4px;
    outline: none !important;
    padding-left: 8px;
    border-style: none;
    border-bottom-style: solid;
    border-bottom-color: #001EFF;
    border-width: thin;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.txt-modal
{
    width:100%;
}

.txt-pwd
{
    padding-right: 100px;
}

.txt-pin
{
    width:50%;
}

::-webkit-input-placeholder {
   color: #666666 !important;
}

.btn-forgot 
{
    background-color:transparent;
    border: 0px solid #001EFF;
    box-shadow:none;
    border-radius:0;
    color:#001EFF !important;
    min-width:60px;
    height:30px;
    margin-top: 3px;
    outline: none !important;
    font-size: smaller;
    text-shadow: none;
    padding-left:2px;
    padding-right: 0px;
    position: relative;
    left: 80%;
    top: -38px;
}

.btn-forgot-pin
{
    left: 0px;
    top: 0px;
}

.btn-forgot:hover,
.btn-forgot:focus,
.btn-forgot:active,
.btn-forgot.active{
    text-decoration: underline;
    background-color:transparent;
    background:transparent;
}

btn-forgot.active, .btn-forgot:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration:  underline !important;
}

.btn-signin {
    width:100%;
    height:36px;
    outline: none !important;
}

.btn-ok {
    min-width:90px;
    max-width:130%;
    height:36px;
    outline: none !important;
    padding-top:9px;
    color:#FFFFFF !important;
    margin-right:-5px;
}

.btn-cancel 
{
     background-color: #808080 !important;
}

.btn-cancel:hover,
.btn-cancel:focus,
.btn-cancel:active,
.btn-cancel.active{
    background-color:#9a9a9a !important;
    background:-webkit-gradient(linear,left top,left bottom,from(#9a9a9a),to(#9a9a9a));
    background:-moz-linear-gradient( center top, #9a9a9a 5%, #9a9a9a 100% );
    background:-ms-linear-gradient(top, #9a9a9a, #9a9a9a);
}

.btn-modal
{
    margin-right: 0px;
}

.lnk-manage-credentials {
    padding-right:0px;
    outline: none !important;
}

.container-contactus {
    margin-top:0px;
    width:470px;
}

.btn-contactus {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border:none;
    position:relative;
    left:310px;
    top:-142px;
    vertical-align:top;
    outline:none;
    background-color:transparent;
    z-index: 2;
}

.btn-X
{
    color:White;
    opacity:0.5;
    padding:5px;
}

.img-logo
{
    /* width: 260px; */
    height: 70px;
    vertical-align: middle;
    display:inline;
}

.lbl-logo
{
   color: #BABABA;
   font-weight:bold;
   font-size:12px;
}

/* TSA */

/* Bootstrap overrides */

.btn-primary{
    background-color: #8c8c8c;
    border: 0px solid #8c8c8c;
    box-shadow: none;
    border-radius: 0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active{
    background-color:#001EFF;
    background:-webkit-gradient(linear,left top,left bottom,from(#001EFF),to(#001EFF));
    background:-moz-linear-gradient( center top, #001EFF 5%, #001EFF 100% );
    background:-ms-linear-gradient(top, #001EFF, #001EFF);
}

.btn-default{
    background-color:rgba(80,120,170,0.5);
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(80,120,170,0.5)),to(rgba(80,120,170,0.5)));
    background:-moz-linear-gradient( center top, rgba(80,120,170,0.5) 5%, rgba(80,120,170,0.5) 100% );
    background:-ms-linear-gradient(top, rgba(80,120,170,0.5), rgba(80,120,170,0.5));
    border:0px;
    box-shadow:none;
    border-radius:0;
    color:#c2c2c2 !important;
    border-color:rgba(80,120,170,0.5);
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active{
    background-color:rgba(80,120,170,0.5);
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(80,120,170,0.5)),to(rgba(80,120,170,0.5)));
    background:-moz-linear-gradient( center top, rgba(80,120,170,0.5) 5%, rgba(80,120,170,0.5) 100% );
    background:-ms-linear-gradient(top, rgba(80,120,170,0.5), rgba(80,120,170,0.5));
}

.modal-backdrop
{
    background-color:#114463;
}

.modal-dialog
{
     margin:280px auto;
     max-width:450px;   
}

.modal-content
{
    background-color:#114463;
    top: 16px;
}

.alert-warning {
    color: #000000;
    background-color: #f9f9f9;
    background-image: linear-gradient(to bottom,#f9f9f9 0,#f9f9f9 100%);
    border:none;
    border-radius:0px;
}

/* Bootstrap overrides */


/* PIN Controls */
.lbl-description
{
   font-weight:normal;
   padding-top:10px;
}

.lbl-info
{
   font-weight:normal;
   padding-top:10px;
}

.lbl-error
{
   font-weight:normal;
   color:#c04f4f !important;
   padding-top:10px;
}

.lbl-msg
{
    color:#000000;
}

.lbl-intro
{
    font-size: 18px;
}

/* PIN Controls */

/* IPhone overrides */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 740px) 
and (orientation: landscape)
{
    body
    {
        padding-top:0px;
        padding-bottom:0px;
    }
       
    .container-login {
        margin-top:-25px;  
    }
    
    .container-popup-menu {
        margin-top:0px !important;
        padding-top:0px !important;
    }
    
    .row-footer {
      padding: 20px 0px 5px 0px;
    }
    
    .dropdown-location 
    {
       top:0px; 
    }
    
    .termsOfUseMainContent
    {
        margin:5px auto;
    }
}

/* IPhone X */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (orientation: landscape)
{
    body
    {
        padding-top:0px;
        padding-bottom:0px;
    }
       
    .container-login {
        margin-top:-25px;  
    }
    
    .container-popup-menu {
        margin-top:0px !important;
        padding-top:0px !important;
    }
    
    .row-footer {
      padding: 20px 0px 5px 0px;
    }
    
    .dropdown-location 
    {
       top:0px; 
    }
    
    .termsOfUseMainContent
    {
        margin:5px auto;
    }
    
    .container-announcement
    {
        display:none;
    }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 600px) 
and (orientation: portrait)
{
    
    .btn-dropdown {
        margin-bottom: -9px;
    }
    
    .dropdown-location {
        position:relative;
        left: 48px;
        top:14px;
    }
    
    body
    {
        padding:0px
    }
    
    .row-content
    {
        margin:0px 2px 0px 2px;
    }
    
    .product-title1 {
        font-size:21px;
    }

    .product-title2 {
        font-size:21px;
        margin-left: 0px;
    }
    
    .container-login {
        padding-left:0px !important;
        padding-right:0px !important;
        min-width: 318px !important;
    }
    
    .dropdown-menu-style {
        margin-left: 54px;
    }
    
    .btn-forgot 
    {
        left: 78%;
    }
    
    .btn-forgot-pin 
    {
        left: 0px !important;
    }
    
    .termsOfUseMainContent
    {
        margin: 20px -20px 20px 10px;
    }
}

@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 600px) 
and (orientation: portrait)
{
    .dropdown-menu-style {
        margin-left: 84px;
    }
    
    .termsOfUseMainContent
    {
        margin: 20px auto;
    }
}

@media only screen 
and (min-device-width : 412px) 
and (max-device-width : 600px) 
and (orientation: portrait)
{
    .dropdown-menu-style {
        margin-left: 124px;
    }
}

/* IPhone overrides */

/* Checkbox */
.checkbox {
  padding-left: 22px; 
}
  
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; 
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 18px;
    left: 0px;
    margin-left: 5px;
    margin-top: 5px;
    border: 1px solid #001EFF;
    border-radius: 0px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; 
}
      
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 18px;
    left: 5px;
    margin-top: 4px;
    margin-left: 3px;
    padding-left: 0px;
    padding-top:0px;
    font-size: 18px;
    color: #555555; 
}

.checkbox input[type="checkbox"] {
    opacity: 0; 
}
    
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px; 
}
      
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; 
    font-size: 14px;
}
      
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; 
}
      
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; 
}
        
   
.checkbox.checkbox-inline {
    margin-top: 0; 
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #fff;
  border-color: #001EFF;
 }
 
.checkbox-primary input[type="checkbox"]:checked + label::after {
   color: #001EFF; 
}
/* Checkbox */

/* logout page */
.row-title
{
    color:#001EFF;
    font-weight:bolder;
}

.row-subTitle
{
    /* color:#001EFF; */ 
}

.row-msg
{
    font-weight:bold;
    /* color:#001EFF; */
}
/* logout page */

/* backward compatibility with legacy T1 page */
.termsOfUseSpaceBottom {
    display:none;
}

/* Iphone 7 and 8 */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation: portrait)
{
    .product-title1 {
        font-size:22px;
    }

    .product-title2 {
        font-size:22px;
    }
}

/* Iphone 7 and 8 plus*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation: portrait)
{
    .product-title1 {
        font-size:25px;
    }

    .product-title2 {
        font-size:25px;
        margin-left: 4px;
    }
}

/* Nexus 6p*/
@media only screen 
and (min-device-width : 412px) 
and (max-device-width : 732px) 
and (orientation: portrait)
{
    .product-title1 {
        font-size:25px;
    }

    .product-title2 {
        font-size:25px;
        margin-left: 4px;
    }
}

/* IPad Air 2 */
 @media only screen and (min-device-width: 768px) 
 and (max-device-width: 1024px) and
  (-webkit-min-device-pixel-ratio: 2)
 {
     .container-announcement
     {
         display:block;
     }
 }
 
 /* Landscape Pixel 2XL*/
@media only screen 
  and (device-width: 823px) 
  and (orientation: landscape)
{
     .container-announcement
     {
         display:none;
     }
}

 /* Landscape IPhone X*/
@media only screen 
  and (device-width: 812px) 
  and (orientation: landscape)
{
     .container-announcement
     {
         display:none;
     }
}
  
/* Proxima Nova Font styles*/
@font-face {
  font-family: 'Proxima Nova';
  src: url('../../../Common/Fonts/proximanova-regular.woff') format('woff');  
}

body *
{
    font-family: "Proxima Nova", "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.required-asterisk {
    color: #001EFF !important;
    font-weight: bolder;
    padding-top:10px;
}

.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning
{
   text-shadow:none !important;   
}



/*Mobile Login CSS*/

.container-mobile-login {
    margin-top: 50px;
    max-width: 395px;
    min-height: 150px;
    padding: 20px !important;
    min-width: 395px;
}

.mobile-product-title1 {
    color: #001EFF;
    text-transform: uppercase;
    font-size: 40px;
}

.mobile-txt-login {
    background-color: #fff;
    width: 100%;
    border: 1px solid gray;
    padding: 4px 10px;
    outline: none !important;
    color: #404040;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    height:36px;
}

.mobile-txt-margin {
    margin: 10px 0px 0px 0px;
}

.mobile-txt-login:focus { 
    border:2px solid #404040;   
}

.btn-mobile-signin 
{
    width:100%;
    height:36px;
    outline: none !important;
    height:36px;
    outline: none !important;
    padding-top:9px;
    background:#404040 !important;
    color:#FFFFFF !important;
    border-radius:0 !important;
}

.btn-mobile-signin:hover
{
    background:#001EFF !important;
}

.errmsg-margin
{
    padding:20px;
    margin-left:10px;
}