/* Common CSS for all pages */
.pagination > li > a, .pagination > li > span {
    padding: 10px 16px !important;
}
.dataTables_length>label>select{
  display: inline-block;
}
.rightAlignTxt { 
    text-align: right;
}
#txtFirstName,#txtDocumentTitle,#txtLicenseName,#lblLicenseName,#dateExpiration,#dateIssueDate,#txtLicenseNumber,
#firsitNameId,#lastNameId,#dobId,#npnId,#emailId,#phoneNoId,#firstNameId,input[id^='txtDocTitle'],input[id^='txtDocDesc']
{
  background-color: #f6f6fa !important;
    border-radius: 0px !important;
    /* border-bottom: 2px solid #2e2e38 !important; */
}

/* .modallicensepopup input{
  font-family: EYInterstate-Light, Noto Sans, Arial, sans-serif !important;
} */

input[type="text"],input[type="date"],.styledSelect{
  /* font: normal normal normal 14px/14px EYInterstate !important; */
  font-size: 14px;
    font-family: EYInterstate-Light, Noto Sans, Arial, sans-serif !important;

}
div.dataTables_wrapper div.dataTables_length select, div.dataTables_wrapper div.dataTables_length input {
    width: auto !important; 
}
.profileCol12Top1 { width: 100% !important; }
.dataTables_info {
    position: relative !important;
    top: 3rem !important;
}
.removeSearchPadding{
  left:0% !important;
}

.navbar{
  height: 5.5rem;
  position: sticky !important;
  top: 0;
}

.navbar-inverse .navbar-nav > li > a:hover{
      padding-bottom: 15px !important;
}

.selectedPage{
    border-bottom: 4px solid #ffe600 !important;
    background-color: #c4c4cd;
    padding-bottom: 10px;
}
/* Common CSS for all pages ends */

/***merged form control css from porducer and agency document page**/


.form-control:hover, .form-control:focus {
    background-color: #e1e1e6 !important;
    border-bottom-width: 2px !important;
    border-bottom-color: #2e2e38 !important;
}


.form-control {
    /* color: #2e2e38 !important;
    outline: none !important;
    border: 0 solid transparent !important;
    border-radius: 0px !important;
    background-color: #f6f6fa !important;
    font-size: 12px; */
   /*height: 45px !important;commented this as description height is reduced*/
}
.form-control:focus {
    box-shadow: none !important;
	border-color: #747480 !important;
}

 .form-control:hover,  .form-control:focus {
  background-color: #e1e1e6 !important;
  border-bottom-width: 2px !important;
  border-bottom-color: #2e2e38 !important;
}
 
 .form-control form-control-border:focus,form-control form-control-border:hover {
  
  background-color: #e1e1e6;
}

.form-control-border {
    border-bottom: .0625rem solid #2e2e38 !important;
}

.form-control-errBorder{
  border-bottom: .0625rem solid #b9251c !important;
}

 .btn-primary{
    color: #2e2e38!important;
    background-color: #ffe600!important;
}
.btn-secondary{
  color: #2e2e38!important;
  background-color: white!important;
}
/*
.btn{
	font-size: 12px!important;
    font-family: EYInterstate-Bold,"Noto Sans",Arial,sans-serif!important;
    line-height: 1.375rem!important;
    color: #2e2e38;
    transition: all .3s ease;
    border-radius: 0;
    border: .0625rem solid transparent;
    height: 2.813rem;
    vertical-align: middle;
    padding-top: .0625rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 0;
    margin: .3125rem 2.188rem;
    min-width: 6.875rem;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn.active, .btn.focus, .btn.hover, .btn:active, .btn:focus, .btn:hover {
    color: #fff !important;
    background-color: #2e2e38 !important;
    border-color: .0625rem solid transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn:hover {
    text-decoration: none;
} */

 .form-control {
  /* height : 45px !important;  */
}

/**End of producer and agency document css**/





/*Custom CSS*/
 .btn-default{
     background-color: #ffe600 !important;
     border-color: transparent!important;
     padding-top: 0.6rem!important;
     /* added this style for password button text alignment */
   }
  .btn-home{
      background-color: transparent;
      border: 1px solid #fff;
      color: #fff;
      cursor: pointer;
      font-family: EYInterstate-Bold,Noto Sans,Arial,sans-serif!important;
      padding: .875rem 1.875rem;
      size: .875rem;
      font-weight: 600;
     } 
      .btn {
    /* color: #2e2e38;
    transition: all 0.3s ease;
    border-radius: 0;
    height: 2.813rem;
    border: 0.0625rem solid transparent;
    vertical-align: middle;
    padding-top: 0.0625rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 0;
    margin: 0.3125rem 2.188rem;
    /* min-width: 6.875rem; */
    /* cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none; */ 

    font-size: 12px!important;
    font-family: EYInterstate-Bold,"Noto Sans",Arial,sans-serif!important;
    line-height: 1.375rem!important;
    color: #2e2e38;
    transition: all .3s ease;
    border-radius: 0;
    border: .0625rem solid transparent;
    height: 2.813rem;
    vertical-align: middle;
    padding-top: .0625rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 0;
    margin: .3125rem 2.188rem;
    min-width: 6.875rem;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;

}


    
    .btn.disabled, .btn.disabled:hover, .btn.disabled.hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled.hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled.active {
      color: #747480;
      background-color: #eaeaf2;
      border: 0.0625rem solid transparent;
      opacity: 1;
      cursor: not-allowed; } 
  
  
     .btn--primary:hover, .btn-primary:hover, .btn-default:hover.btn-secondary:hover{
       background-color: #2e2e38!important;
       color: #fff !important;
       border-color: transparent!important;
     }
 
    .btn--primary-dark:hover:not(:disabled):not(.disabled), .btn--primary-dark.hover:not(:disabled):not(.disabled), .btn--primary-dark:focus:not(:disabled):not(.disabled), .btn--primary-dark.focus:not(:disabled):not(.disabled), .btn--primary-dark:active:not(:disabled):not(.disabled), .btn--primary-dark.active:not(:disabled):not(.disabled) {
      color: #2e2e38;
      background-color: #ffe600; }
      
   .btn--primary{ 
   border: none; 
   /* border-radius: 10px;  */
} 
  .btn--secondary {
    background: none;
    color: #2e2e38;
    border-color: #2e2e38; 
  
  } 

/* li.dropdown-item {
	font-size: 12px !important;
	font-family: EYInterstate-Light,Noto Sans,Arial,sans-serif!important;
	line-height: 40px;
	height: 35px;
  display: inherit;
} */

.sectionPrimaryColor {
    background-color: #ffe600!important;
    color: #2e2e38!important;
}

.color-black{
  color:  #2e2e38!important;
}
 /* Add a red text color and an "x" when the requirements are wrong */
 .invalid{
    color: red !important;
  }
  .valid{ 
    color: green !important;
  }
  .displayFlex{
    display: flex !important;
  }
  #spanPwdEye, #spanPwdEye2{
    width: 12% !important;
    padding-top: 12px;
  }
   .card_inner:hover .btn-home{
     background-color: #fff !important;
      color: #2e2e38 !important;
   }
  .crmEntityFormView .cell input[type=text], .crmEntityFormView .cell select, .crmEntityFormView .cell textarea{
    color: #2e2e38 !important;
      outline: none !important;
      border: 0 solid transparent !important;
      border-radius: 0px !important;
      background-color: #f6f6fa !important;
      font-size: 12px;
      border-bottom: .0625rem solid #2e2e38 !important;
      padding-top: 22px !important;
      position: static!important; /*added this to fix the z-index issue of label and input field*/
  }
  
   .table-striped > tbody > tr:nth-of-type(odd) {
         background-color: #fafafc !important;
   }
   .footer-social-links{
     margin-top: 25px;
      margin-bottom: 12.5px;
   }
   .social-icon{
      text-decoration: none !important;
      font-size: 2rem;
      color: #fff !important;
      padding: 2px;
      }
      footer .footer-top {
    min-height: 50px !important;
    }
   .section-landing-heading{
     font-size: 40px !important;
      text-align: center!important;
      color: #fff !important;
      text-transform: none !important;
   }
   .layer_up, .layer_down{
     display: none;
   }
   .footer-copyright{
     font-size: 2rem;
      vertical-align: sub;
   }
  .footer-custom{
      left: 25%;
      text-align: center;
  }
   .footer__parag{
     color: white;
     font-family: Noto Sans,Arial,sans-serif!important;
      font-size: 10px!important;
   }
    /*Bottom diagonal space*/
   #gethelp{
      /* background: rgb(246, 247, 252) !important; */
      background: white;
   }
      .page_section{
        /* background-color: #1c1c27 !important; */
        background: #1c1c27
        /* background: url(sectionbackground.jpg); */
      }
      .page_section h2{
        text-align: center;
        color: #fff !important;
      }
      .card_inner{
        border-top: 4px solid #ffe600;
      }
      .home-card{
        color: #fff !important;
      /* background-color: rgba(46,46,56,.45); */
      padding: 2.5rem 2.1875rem 1.5625rem;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      min-height: 17.5rem;
      margin: 1.5rem 0 0;
      position: relative;
      top: 250px;
      /* -webkit-animation: card 3s forwards;
      animation: card 3s forwards;
      -webkit-animation-timing-function: cubic-bezier(1,0,.5,1);
      animation-timing-function: cubic-bezier(1,0,.5,1); */
        animation: card forwards;
       animation-duration: 3s;
      }
      .animated-1{
            animation-delay: 0s;
      }
        .animated-2{
            animation-delay: .21428571s;
      }
        .animated-3{
            animation-delay: .42857143s;
      }
        .animated-4{
            animation-delay: .85714286s;
      }
      @keyframes card {
    from {top: 200px;}
    to {top: 0px;}
  }
      .home__title[_ngcontent-boa-c7] {
      font-family: EYInterstate-Light,Noto Sans,Arial,sans-serif!important;
      text-align: center;
      text-shadow: 0 2px 18px 0 rgba(26,26,36,.5);
      color: #fff;
      font-size: 2.125rem;
      font-weight: 300;
      margin: 11.5rem 0 7.5rem;
       }
       .home__copy {
      text-align: center;
      text-shadow: 0 2px 18px 0 rgba(26,26,36,.5);
      color: #fff;
      font-family: EYInterstate-Light,Noto Sans,Arial,sans-serif!important;
      font-size: 25px;
      font-weight: 300;
      size: 1.5625rem;
      margin: 0 0 2rem;
      }
      .home__card{
      color: #fff;
      background-color: rgba(46,46,56,.45);
      border-top: 4px solid #ffe600;
      padding: 2.5rem 2.1875rem 1.5625rem;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      min-height: 17.5rem;
      margin: 1.5rem 0 0;
      position: relative;
      -webkit-animation: card 3s forwards;
      animation: card 3s forwards;
      -webkit-animation-timing-function: cubic-bezier(1,0,.5,1);
      animation-timing-function: cubic-bezier(1,0,.5,1);
       }
       .home__card--animated1 {
      -webkit-animation-delay: 0s;
      animation-delay: 0s;
      opacity: 0;
      }
      .home__card-header {
      font-size: 1.75rem;
      line-height: 1.75rem;
      margin: 0 0 1.5625rem;
      }
      .home__card-content {
      font-size: .9375rem;
      font-weight: 300;
      line-height: 1.3125rem;
      margin: 0 0 2rem;
      width: 100%;
       }
       .home__card-content, .home__card-header {
      font-family: EYInterstate-Light,Noto Sans,Arial,sans-serif!important;
       }
      
    
      .home-cardHeader{
      font-size: 2.0rem;
      line-height: 1.75rem;
      margin: 0 0 1.5625rem;
      }
   
    /*commented as it hides the navigation link */
  #liItemId2{
    display: none !important;
  }
   .panel-group .panel-heading .panel-title a:active{
     color: red !important;
   }
   .panel-group .panel-heading .panel-title a:hover{
     color: #ffe600 !important;
   }
   .previous-btn,.submit-btn,#cancelDocument{
     border-radius: 10px;
   }
   .tab-title{
  display: none !important;
   }
   .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
     color: #2e2e38 !important;
      background-color: #ffe600 !important;
      border-color:#ffe600 !important;
      font-weight: bold !important;
       }
   .navbar-inverse .navbar-toggle{
     border: 0px solid #ffe600 !important;
     background-color: transparent !important;
   }
   .fa-home,  .glyphicon-search{
     color: #ffe600 !important;
   }
  
  .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover{
  border-bottom: 3px solid #ffe600 !important;
  border-top: transparent !important;
  border-left: transparent !important;
  border-right: transparent !important;
  
  }
  .nav-tabs>li>a{
    color: #2e2e38 !important;
     border: none !important;
  }
  .nav-tabs>li.active>a:focus{
    color: #2e2e38 !important;
    border: 0px solid red !important;
  }
  .nav-tabs {
      border-bottom: 2px solid #2e2e38 !important;
  }
   .form-loading, .loader{
     position: fixed;
      right: 0;
      background-image: url(/ey_loader.gif) !important;
      background-repeat: no-repeat;
      background-color: #f6f6fa !important;; 
      background-position: 0% !important;
      z-index: 1040;
      margin-top: 0;
      left: 45% !important;  
   }
   .form-loading{
      top: 30% !important;
       width: 18% !important;
      height: 23% !important;
   }
   .loader{
       top: 50% !important;
      width: 16% !important;
      height: 30% !important;
   }
   .form-loading > span {
     display: none !important;
   }
   .loader >div{
      display: none !important;
   }

   .section-landing {
    background: linear-gradient(transparent, transparent), url(homehero.jpg) no-repeat center !important;
    background-size: cover !important;
    height: 300px !important;
}
   .font-bold{
     font-weight: bold;
   }
   .modal-lg{
     width: 85% !important;
   }
   .custom-card{
     background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
      padding: 20px;
      color: #fff;
      background-color: rgba(46,46,56,.45);
      border-top: 4px solid #ffe600;
      padding: 2.5rem 2.1875rem 1.5625rem;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      min-height: 17.5rem;
      margin: 1.5rem 0 0;
      position: relative;
      -webkit-animation: card 3s forwards;
      animation: card 3s forwards;
      -webkit-animation-timing-function: cubic-bezier(1,0,.5,1);
      animation-timing-function: cubic-bezier(1,0,.5,1);
   }
   .btn-default{
     color: #2e2e38 !important;
   }
  thead{
    /*background: #747480 !important;*/
    background: #fff !important;
  }
  table > thead >tr > th > a {
  color: #f6f6fa !important;
  }
  table > tbody >tr > td > a {
  color: #2e2e38 !important;
  text-decoration: underline;
  }
  table > tbody >tr > td > a:hover {
  color: #ffe600 !important;
  text-decoration: underline;
  }
  .section-title{
    background-color: #ffe600 !important;
    padding-left: 10px;
    font-size: 16px;
  }
  .crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control{
      /* background-color: #f6f6fa !important;
      border: none !important; */
      padding-left: 12px !important;
         color: #2e2e38 !important;
      outline: none !important;
      border: 0 solid transparent !important;
      border-radius: 0px !important;
      background-color: #f6f6fa !important;
      font-size: 12px;
      border-bottom: .0625rem solid #2e2e38 !important;
  }
  .crmEntityFormView .boolean-radio label,.crmEntityFormView .cell .field-label{
      font-weight: 400 !important;
      padding-top: 6px;
      font-size: 12px !important;
  }
.crmEntityFormView .cell .field-label{
      padding-left: 12px;
  }
  
  .crmEntityFormView .state, .crmEntityFormView .status{
    font-size: 12px;
  }
  
  .breadcrumb > li a {
      color: #666666 !important; 
      }
  .breadcrumb > li a:hover {
        color: #666666 !important;  
    }
    .breadcrumb > .active {
      color: #000000; 
      }
   .nav navbar-nav weblinks > li> a :hover {
    background: #C4C4CD !important;
  }
   .nav navbar-nav weblinks > li> a :focus {
    background: #C4C4CD !important;
  }
  .navbar-inverse .navbar-nav > .open > a {
      color: #ffffff !important;
      background-color: #C4C4CD !important;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu{
        color: #C4C4CD !important;
      background-color: #747480 !important;
  }
  .navbar-inverse .navbar-nav > li > a :hover {
    background: #C4C4CD !important;
  }
  
  .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    min-height: 55px;
  }

  .navbar-static-top.navbar-inverse {
      background-color: #2e2e38 !important;
  }
    .navbar-inverse .navbar-nav > li > a:hover {
      background-color: #C4C4CD !important;
      color: #ffffff; }
    .navbar-inverse .navbar-nav > li > a:focus {
      background-color: #C4C4CD !important;
      color: #ffffff; 
      }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
      color: #2e2e38 !important;
      background-color: #C4C4CD !important; 
      }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
       color: #2e2e38 !important;
      background-color: #C4C4CD !important; 
       }
    .form-control:focus {
    border-color: #747480 !important;
    box-shadow: 0 0 5px #747480 !important;
  }
  .form-control {
      /* background-color: #ffffff !important;
      color: black !important;
      border: #c4c4cd solid 1px !important;
      border-radius: 5px !important; */
     /* height: 45px;commented as this was majking description field height less*/
  }
  .list-group{
    font-size: 11px !important;
  }
  /*Added for document upload - Agency & Producer */
#uploadedDocuments input[type="text"] { 
	padding: 8px 9px !important;
}
.uploadPopupDeleteIcon {
	cursor : pointer;
}
#btnUpload, #btnDelete, #btnRefresh {
	border-radius: 0 !important;
}
.upload-content .modal-header{
	margin-bottom: 1% !important;
}
.UploadDocumentBody.modal-body {
	margin-bottom: 0% !important;
}
   /*Custom CSS  Ends */