/* default css on body */
body{color: #e7e7ed; font-size: 15px;font-family: 'Lato', sans-serif;}
a{color: #e7e7ed;}
table td a{color: #686161;}
/* menu bar css start */
.bgColor{ background-color: #4b3048;}
.navbar.bgColor .navbar-toggler-icon{background-image:url("../img/uikit/toggle-icon.png")}
.layout-container{font-size: 14px;}
.layout-container .navbar {color: #ccab6b;}
.demo-navbar-user a, .bg-footer-theme {color: #ccab6b;}
.menuLink{ color: #ccab6b;display: inline-block;margin-left: 25px; font-size: 14px;}
.menuLink:hover { color: #e7e7ed; }
.dropdown:hover { cursor: pointer;}

.nav-search-div {width: 400px; padding: 20px;}
.nav-search-div input[type=text] {width: 88%;padding-right: 34px;}
.nav-search-div button {width: 10%;}
.nav-search-div .form-control{display: inline!important;}
.nav-search-div .search-form{width: 100%!important;}
.customFilterDiv .form-group{margin-left:10px!important;}
/*.headerNav{position: fixed!important; width: 100%;}*/
.display_none{display: none;}
.display_inline{display: inline;}
/* menu bar css end */

.layout-content{color: #686161!important; font-size: 14px;}
.policyButtons button {width: 150px;}
.holderDetailsDiv{border: 1px solid #e3e3e3;border-radius: 5px;padding: 12px 14px 10px 13px;min-height: 150px!important;}
.holderDetailsDiv .editIcon{position: relative;cursor: pointer;}
.holderDetailsDiv p {max-width: 240px;word-wrap: break-word;}
.contactPrefBtn button{border-radius: 20px!important;}
.infoUl{margin-left: 32px;}
.infoUl li{padding: 10px;}
.assumptionDiv{ border: 1px solid #e3e3e3;border-radius: 5px;padding: 15px 14px 20px 13px;}
.premiumDetails{ width:85%; border: 1px solid #e3e3e3;border-radius: 5px;padding: 12px 14px 10px 13px;margin: auto;text-align: center;}
.premiumDetails button{width: 85%;}
.premiumDetails .tobDiv{width: 85%;margin: auto;}
#claimDescription{height: 284px;}
.clmActionBtn button{ width: 120px; margin-left: 5px;}
.modal-content{color: #686161!important; width:80%!important; font-size: 20px!important;}
.modal-content small{font-size: 15px!important;}
.modelHeader .close{color: black!important;position: absolute; right: 23px;}
.modelHeader{padding: 0px!important;}
.modelBody{text-align: center; padding-top: 20px;}
.byNowDiv button{width: 73%; font-size: 20px;}
.selected{background-color: #dcdcdc!important;}
.edit_arrow{text-align: center;}
.edit_arrow i{font-size: 18px;}
.form-control-feedback, .help-block{color: #a94442 !important;}

.form-control, .layout-content, .form-label, .col-form-label, .col-form-legend{font-size:15px;}
.form-label, .col-form-label, .col-form-legend{font-weight:bold;}

.loader {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  opacity: 1;
  top:45%;
  left:50%;
  position:absolute;
  z-index: 99999;
    /*background: none repeat scroll 0 0 #000;*/
}

.loader_container{
    background: none repeat scroll 0 0 #0000004f;
    width: 100%;
    height: 100%;
    /* float: left; */
    position: fixed;
    z-index: 10000000;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.radio{display: inline!important;margin-left: 8px!important;}
/* media query */
@media (max-width: 992px) {
  .menuLink{/* color: #a3a4a6;*/display: block;font-size: 12px; margin-left: 0px; padding: 6px 0px 6px 0px;}
  .nav-search-div {width: 100%; padding: 20px;}
  .policyButtons{display: inline-block;}
  .policyButtons button{margin: 5px;float: left;left: 35px;}
  .holderDetailsDiv{min-height: 170px!important;}
  .contactPrefBtn{display: inline-block;}
  .contactPrefBtn button{margin: 2px;}
  .holderDetailsDiv .contDiv{display: inherit;}
  .policyDetialsDiv{word-break: break-word;}
  .infoUl{margin: 0px;}
  .modal-content{width: 100%!important;}
  .assumptionDiv p{padding: 0px 2px 0px 2px;}
  /*.filterOptionDiv{display: inline-block!important;}*/
  .tobDiv p{display: inline-block; text-align: left!important;}
}

@media (min-width: 1024px) {

  .policyButtons{display: inline-block;}
  .policyButtons button{margin: 5px;float: left;/*left: 35px;*/}
  .holderDetailsDiv{min-height: 150px!important;}
  .contactPrefBtn button{margin: 2px;}
  /*.holderDetailsDiv .contDiv{display: inherit;}*/
  .policyDetialsDiv{word-break: break-word;}
  .infoUl{margin: 0px;}

}
@media (max-width: 1024px) {
  .contactPrefBtn{display: inline-block;}
}