@font-face 
{
  font-family: reportDefaultFont;
  src: url(fonts/Amazon-Ember.ttf);
}

body
{
  font-family:reportDefaultFont;
  background:#fff !important;
  line-height:inherit;
}

.logincnt{
  width:60% !important;
} 

.stepcountwrap {
  margin-bottom: 14px;
}

.downloadReport .col-md-3
{
  border:2px solid transparent;
}

.downloadReport .col-md-3:hover{
  background:rgba(255,255,255,0.35);
  border:2px solid transparent;
  box-shadow: 0 0 10px 5px #f4f7f7;
  border-radius:10px;
}

.confirm_data_table 
{
  border-collapse:collapse;
}

.confirm_data_table td{
  border:#c9d7f9 1px solid;
  padding:10px;
  font-size:18px !important;
}
.confirm_data_table td label{
  margin:0 !important;
  font-weight:bold;
  font-size:18px !important;
}

.final_step_table_label{
  position:relative;
  left:0;
  margin:0 !important;
}

.final_step_table_td
{
  background:#f2f5fc !important;
  padding:15px !important;
}
#multi-step-form .row{
  margin-bottom:15px;
}

.astrik{
color:#f00;
}

.finalStepBG
{
  background:url(../ktheme/final_step_bg.jpg) no-repeat bottom center !important;
  background-size:cover !important;
}

.downloadStepBG
{
  background:url(../ktheme/download_step_bg.jpg) no-repeat bottom center !important;
  background-size:50% !important;
}

select.form-control
{
  background:url(../ktheme/menu_arrow_down.png) no-repeat right center;
  background-size:10px;
  background-position: calc(98% - 0px) calc(100% - 11px);
}

select.form-control option
{
  background:#f7f9ff;
}

.formStyle2 .form-control
{
    margin-bottom:10px;
}

select.form-control:focus
{
  background:url(../ktheme/menu-arrow-open.png) no-repeat right center;
  background-size:10px;
  background-position: calc(98% - 0px) calc(100% - 11px);
}

.form-control:disabled, .form-control[readonly] , .form-control[readonly]:focus{
    background:url(../ktheme/padlock.png) no-repeat right center !important;
    background-size:12px !important;
    background-position: calc(95% - -6px) calc(100% - 14px) !important;
}

.block-content {
  transition: opacity .25s ease-out;
  width: 100%;
  margin: 0 auto;
  padding: 1rem 1rem 1px;
  overflow-x: visible;
}

.block-header-default
{
  background: #f3f6fe;
  padding: 7px 10px 7px 16px;
}

.block.block-rounded>.block-header, .block.block-rounded>.nav-tabs
{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.block-title {
  flex: 1 1 auto;
  min-height: inherit;
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: inherit;
  text-transform: uppercase;
  letter-spacing: .0825rem;
}



.block-content.block-content-full
{
  box-shadow: 0px 0px 50px -20px rgba(0, 0, 0, 0.14);
  border-radius: 1rem;
}

.block.block-rounded{
  border-radius: 1rem;
}
.content-side 
{
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
}

.stepcountwrap .stepli
{
  margin:0;
  padding:0px 0px 0px 10px;
}

.pkgs .pkg_heading
{
 /* background: rgb(117,132,140);
background: linear-gradient(180deg, rgba(117,132,140,1) 0%, rgba(165,199,209,1) 100%) !important;*/
background: #4E4CE6 !important;
}
.pkgs .pkg_body{
  backrgound:#fff !important;
}

#endmonth{
  cursor:not-allowed;
}


.row.wrapfield {
  border-bottom: none;
}

.stepcountwrap .stepli a.active 
{
  color: #496ed0;
  border-bottom:1.5px solid #496ed0;
}

.stepcountwrap .stepli a span
{
  font-size:0.9rem;
}

.stepcountwrap .stepli a 
{
  /* background: #f3f6fe url(../ktheme/step-arrow1.png) no-repeat right center; */
  font-size: 0.9rem;
  border-radius: 0px;
  margin: 0px;
  padding: 0 0 5px 0;
  color:#000;
  border-bottom:1.5px solid #d0d9e5;
  background-position: calc(95% - 10px) calc(100% - 10px)  !important;
  background-size: 40px !important;
  font-weight:500;
  letter-spacing:1px;
}

.downloadnow{
  border:1px solid #ccc;
  padding:10px;
  margin:0px 0px 30px 0px;
  background:#f7fcff;
}

.downloadReport
{
  
  clear:both;
  padding:0px 0 40px 0;
}
.downloadReport img
{
  padding-bottom:10px;
  padding-top: 10px;
}

.downloadReport h2
{
  font-size:36px;
  margin:0;
  letter-spacing:1px;
}

.downloadReport span
{
  font-size:24px;
  letter-spacing:1px;
}

.downloadReport h2 span
{

}



.downloadReport a:link,.downloadReport a:hover,.downloadReport a:visited,.downloadReport a:active{
  background: rgb(105,117,221);
  background: linear-gradient(180deg, rgba(105,117,221,1) 0%, rgba(115,85,176,1) 100%);
  padding:10px 40px 5px 40px;
  color:#fff;
  border-radius:5px;
  font-size:24px;
  margin:10px 0;
  display:inline-block;
  letter-spacing:1px;
}


.createReport img {
  width: 24px;
  margin-top: -5px;
  margin-right: 5px;
}

.createReport{
  padding-bottom:20px;
}


.createReport a:link,.createReport a:hover,.createReport a:visited,.createReport a:active{
  background: rgb(161,196,153) ;
  background: linear-gradient(180deg, rgba(216,160,254,1) 0%, rgba(118,131,217,1) 100%);
  padding:10px 25px 5px 25px;
  color:#FFF;
  border-radius:5px;
  font-size:24px;
  font-weight:normal;
  margin:0px 0;
  display:inline-block;
  letter-spacing:1px;
  box-shadow: 0 1px 2px rgba(214,219,226,.5), 0 1px 2px rgba(214,219,226,.5) !important;

}


.btn-primary {
  background: rgb(105,117,221);
  background: linear-gradient(180deg, rgba(105,117,221,1) 0%, rgba(115,85,176,1) 100%);
  border-radius: 5px;
  padding: 6px 20px 5px 20px;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: normal;
  font-family: reportDefaultFont;
}

#fontname{
  width:50%;
}

.btn-secondary:link,.btn-secondary:active,.btn-secondary:visited,.btn-secondary:hover {
  background: rgb(245,245,245);
  background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 100%);
  border-radius: 5px;
  padding: 6px 20px 6px 20px;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: captialize;
  font-family: reportDefaultFont;
  border:none;
  color:#000;
  font-weight:normal;
}

.form_label {
  padding: 0px 0px;
  background: rgb(230,237,242);
  background: inherit;
  font-weight: normal;
  color: #435794;
  letter-spacing: 0.5px;
  border-radius: 10px 0px 0px 10px;
  font-size: 16px;
  margin: 0;
}

.submit_align{
  text-align:center;
}

.submit_align a{
  margin-right:20px;
}

/*.btn-primary:hover {
  background: rgb(67,112,219);
  background: linear-gradient(180deg, rgba(67,112,219,1) 0%, rgba(0,23,61,1) 80%);
  border-radius: 5px;
  padding: 12px 40px 10px 40px;
  font-size: 22px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: reportDefaultFont;
}*/

.btn-primary i
{
  display:none;
}

.welcome
{

}
.dropdownDash
{
  padding:20px;
}

.dashMenu {
  border: #cad5f1 solid 1.2px;
  padding: 2px 0px 2px 35px;
  float: right;
  line-height: 90%;
  margin: 0 0 0 0px;
}

.maleIcon {
  background: #fff url(../ktheme/male-icon.png) no-repeat 8px center;
  background-size: 22px;
  border-radius: 30px;
}
.femaleIcon {
  background: url(../ktheme/female-icon.png) no-repeat 8px center;
  background-size: 22px;
  border-radius: 30px;
}


.dashMenu span{
  display:block;
}

.dashMenu .firstd {
  float: left;
  padding: 2px 10px 0px 0;
  line-height: 90%;
}
.dashMenu .lastd
{
  float:left;
}

.dashMenu .lastd span:last-child 
{
  float: right;
}

.dashMenu .lastd {
  border-left: #cad5f1 1.2px solid;
  background: transparent url(../ktheme/menu_arrow_down.png) center center no-repeat;
  height: 35px;
  width: 20px;
  padding: 0 10px 0 10px;
  float: right;
  background-size: 10px;
}

.dashMenu .firstd span:first-child
{
    font-size:12px;
    color:#000;
}
.dashMenu .firstd span:nth-child(2) {
  font-size: 14px !important;
  color: #3f5591 !important;
  font-weight: bold;
}



#page-header .content-header {
  background: linear-gradient(180deg, rgba(253,254,255,1) 0%, rgba(240,244,255,1) 100%);
}

#side-overlay .content-header, #sidebar .content-header
{
  padding:0 0 0 0 !important;
  margin:20px auto;
  /*4.5rem*/
}

.occLogo {
  margin: 20px auto 10px auto;
  width: 80%;
}
.occLogo img
{
  width:100%;
}


.nav-main-link:before
{
  opacity: 1;
  background: url(../ktheme/arrow-right1.png) no-repeat;
  background-size: 6px;
  content: '' !important;
  right:1.725rem !important;
}

.open .nav-main-link:before
{
  background: url(../ktheme/arrow-right-hover1.png) no-repeat;
  background-size: 6px;
}

.nav-main-link:hover::before
{
  opacity: 1;
  background: url(../ktheme/arrow-right-hover1.png) no-repeat;
  background-size: 6px;
  content: ''  !important;
  right:1.725rem !important;
}

.bg-body-light{
  display:none; 
}

.block-title{
  color:#435794;
}

.form-control
{
  border:none;
  border-radius:2px !important; 
  /*border-top:2px solid #f2f5fc;
  border-left:2px solid #f2f5fc;
  border-right:2px solid #f2f5fc;
  border-bottom:2px solid #c9d7f9;*/
  border:1px solid #d9dde5 !important;
  font-family:reportDefaultFont !important;
  font-size:14px !important;
  letter-spacing:1px !important;
  padding:3px 6px !important;
  color:#24314f !important;
  line-height:1.5 !important; 
}

.form-control:focus
{
  border:none;
  border-radius:2px  !important;
  border:1px solid #004aff !important;
  background:#fff !important;
  outline-style: none !important;
  box-shadow: none !important;
}

.form-group label {
  font-size: 12px;
  color: #757575 !important;
  font-weight: 500;
  letter-spacing: 0.5px;
}

#page-container.main-content-narrow>#main-container .content, #page-container.main-content-narrow>#page-footer .content, #page-container.main-content-narrow>#page-header .content, #page-container.main-content-narrow>#page-header .content-header
{
  width: 100%;
  padding-left: 7%;
  box-shadow: 0 1px 2px rgba(214,219,226,.5), 0 1px 2px rgba(214,219,226,.5);
}

#page-container.sidebar-dark #sidebar 
{
  color: #e9ecef;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(236,241,254,1) 15%);
  background-size: 100% 100%;
  width:300px;
}

.nav-main-dark .nav-main-link, .page-header-dark #page-header .nav-main-link, .sidebar-dark #sidebar .nav-main-link
{
  color:#102b6b;
}

.nav-main-link:link, .nav-main-link:active, .nav-main-link:visited
{
    position: relative;
    display: flex;
    align-items: center;
    padding: 0.5rem 1.25rem 0.5rem 3.4rem;
    min-height: inherit;
    font-size: 1rem;
    letter-spacing: 1px;
    line-height: 1rem;
    color: #102b6b;
    border-radius: 10px;
    background: url(../ktheme/menu-bullet1.png) 30px center no-repeat;
    background-size: 12px;
    font-weight:500;
}

.nav-main-submenu 
{
  margin-left: 0.5rem !important;
}

.nav-main-link:hover, .nav-main-link:focus
{
  background: #3e5999 url(../ktheme/menu-bullet-hover.png) 30px center no-repeat !important;
  background-size: 12px !important;
  color:#fff !important;
}

.nav-main-link.active .nav-main-link-name{
  color: #102b6b;
  
}
.nav-main-link.active:hover .nav-main-link-name{
  color: #fff;
}

.nav-main-link:visited, .nav-main-link:active
{
  background: #3e5999 url(../ktheme/menu-bullet-hover.png) 30px center no-repeat !important;
  background-size: 12px !important;  
}

.nav-main-submenu li:first-child  
{
  margin-top:5px !important;
}
.nav-main-submenu li:last-child
{
  margin-bottom:0px !important;
}

.nav-main-link.nav-main-link-submenu:before{
  top: 65%;
}

.nav-main-submenu .nav-main-link
{
  position: relative;
  display: flex;
  align-items: center;
  padding: 7px 1.25rem 7px 1.8rem !important;
  min-height: inherit;
  font-size: 1rem !important;
  letter-spacing: 1px;
  line-height: 1rem;
  color: #000 !important;
  background: url(../ktheme/menu-bullet-inner2.png) 10px center no-repeat !important;
  background-size: 12px !important;
}

.nav-main-submenu .nav-main-link:hover
{
  background: #172953 url(../ktheme/menu-bullet-inner-hover1.png) 10px center no-repeat !important;
  background-size: 12px !important;
  color:#fff !important;
}

.nav-main-item.open>.nav-main-link-submenu:before 
{
  top: 7px;
  right: 30px;
}

.nav-main-heading 
{
  background: transparent url(../ktheme/menu-title-bullet1.png) 10px center no-repeat !important;
  background-size: 12px !important;
  border: 1px #8491af solid;
  color: #8491af !important;
  font-size: 1.3rem !important;
  font-weight: 300 !important;
  padding: 2px 1.25rem 2px 2rem !important;
  text-transform: capitalize;
  border-radius: 10px;
  margin: 15px auto 8px auto;
  width: 80%;
}

.loginlogo{
  width:220px;
}

.nav-main-dark .nav-main-item.open>.nav-main-submenu, .page-header-dark #page-header .nav-main-item.open>.nav-main-submenu, .sidebar-dark #sidebar .nav-main-item.open>.nav-main-submenu{
  background:transparent;
}


.nav-main-dark .nav-main-link>.nav-main-link-icon, .page-header-dark #page-header .nav-main-link>.nav-main-link-icon, .sidebar-dark #sidebar .nav-main-link>.nav-main-link-icon{
  display:none;
}

.nav-main-item.open > a{
  /*background:#102b6b url(../ktheme/menu-bullet-hover.png) 30px center no-repeat !important;
  background-size: 12px !important;*/
}

/*
Login page css
*/

.dropdown-menu.dropdown-menu-md
{
    padding:10px 0;
    background:#fff;
    border:none;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.1rem 0.1rem;
  clear: both;
  font-weight: 400;
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 0;
  font-size: 18px;
}
.dropdown-menu.dropdown-menu-md {
background: #2f3c4e;
}
.dropdown-item:focus, .dropdown-item:hover{
  background: #2f3c4e;
  color: #fff;
}
.form_section_label{
  border:1px solid #b3bedb;
  padding:7px;
  border-radius:5px;
}

.kform input[type=password], .kform input[type=email], .kform select
{
    background:transparent;
    border:none !important;
    border-bottom:1.5px solid #000 !important;
    padding:7px 30px 7px 40px !important;
    border-radius:0 !important;
    width:100% !important;
    outline-style: none !important;
    box-shadow: none !important;
    color:#000 !important;
    font-size:18px !important;
    text transform:capitalize !important;
    margin:20px 0 0 0;
}
.kform input[type=password]:focus
{
  background:url('password-bg.png') no-repeat left center !important;
  background-size: 12px !important;
}
.kform input[type=email]:focus
{
  background:url('username-bg.png') no-repeat left center !important;
  background-size: 12px !important;
}

.input_section{
    margin:0px 0;
}

.kform input[type=password]
{
    background:url('password-bg.png') no-repeat left center;
}

.kform input[type=email]
{
    background:url('username-bg.png') no-repeat left center;
}

.kform label
{
    color:#000 !important;
    font-size:18px !important;
    letter-spacing:1px;
    margin-top:30px;
}

.kform button[type=submit]
{
    background:transparent;
    border:1.5px solid #000;
    border-radius:48px;
    padding:5px 80px;
    font-size:18px;
    letter-spacing:1px;
    color:#000 !important;
    margin-top:40px;
}


.login_block
{
    position:relative;
    
    z-index:9999;
}

.card{
    background:transparent !important;
    padding:0 0 !important;
    border:none;   
}

.kform{
  padding:0 0;
}
.ktheme .loginHeading{
  color:#fff;
  font-size:36px;
  text-align:center;
  font-family:reportDefaultFont;
  letter-spacing:2px;
}
.login_circle_bg
{
    z-index:-99;
    position:absolute;
    text-align:center;
    width:50%;
    left:25%;
    top:0%;
}

.login_circle
{
    animation: rotation 100s infinite linear;
    width:100%;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}


/*
Login page css end
*/




@media only screen and (min-device-width: 1025px)
{
  .card-body
  {
    padding:10px 30px;
    width:100%;
    margin:0 auto;
  }
}

@media (min-width: 992px)
{
 
  .stepcountwrap .stepli a
  {
   /* font-size: 1rem;
    background-size: 25px !important;
    padding: 5px 5px 5px 10px !important;
    background-position: calc(90% - -10px) calc(100% - 15px) !important;*/
  }
    #sidebar
    {
      width:290px;
    }
    #page-container.side-scroll #sidebar .content-header, #page-container.side-scroll #sidebar .content-side {
      width: 100% !important;
    }
    .page-header-dark #page-header .text-dual, .sidebar-dark #sidebar .text-dual{
      font-size:36px;
      color:#000 !important;
    }
}