body{
	padding: 0px;
	margin: 0px;
	font-family: arial; 
	/*background-image: url("../img/bg-1.jpg");*/
  background: #F5F5F5;
	background-position: center; font-family: "Roboto-Light";
	/*background-size: cover;*/    background-size: cover;
	background-repeat: no-repeat;
}

@font-face {
    font-family: "Roboto-Medium";
    src: url("../fonts/Roboto-Medium.ttf");
    src: url("../fonts/MyriadPro-Regular.woff") format("woff"), url("../fonts/MyriadPro-Regular.otf") format("opentype"),
    /*url("css/fonts/Harabara.svg#filename") format("svg");*/
}
@font-face {
    font-family: "Roboto-Light";
    src: url("../fonts/Roboto-Light.ttf");
    src: url("../fonts/MyriadPro-Regular.woff") format("woff"), url("../fonts/MyriadPro-Regular.otf") format("opentype"),
    /*url("css/fonts/Harabara.svg#filename") format("svg");*/
}


h3{
  font-size: 20px; font-weight: bold; font-family: "Roboto-Medium"; 
}
h5{
      font-size: 26px;color: #5779be; font-family: "Roboto-Medium"; 
}
h6{
    color: #3d454c; font-size: 22px; font-weight: bold;font-family: "Roboto-Medium"; 
}

.nopadding{
    padding-right: 0px;
    padding-left: 0px;
}
.bg-product{
	background-color: #314D5B;
	background-image: none;
}
section{
	/*background-color: white;*/
	padding: 2%;
}

header{
	background-color: white;
	box-shadow: 1px 1px 1px #333;
	position: static;
	padding:20px; width: 100%; z-index: 9;
}
.section-white{
	background-color: white;    box-shadow: 3px 3px 5px #adadad;
    border: 1px solid #9e9e9e;
}
.marT10{
	margin-top: 5%;
}
.form-horizontal .header {
        background: #61d4d7;
    padding: 15px 25px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px 3px 0 0;
}
.welcome-bg{
    background-image: url(http://d1.defthemes.com/assets/images/enter-key.jpg);
    background-position: top;    margin-top: 0px!important;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.blocks-grid .bg-block{
       border: 1px solid #d3d4c4;background-color: /*#fff9d4*/ #fff; padding:10px; color: /*#a69a57*/ #666;     margin-top: 15px;    height: auto;
   min-height:90px; word-wrap: break-word;
}
.blocks-grid .bg-block .title { display: block; margin:15px 0 10px; font-size: 18px; line-height: 24px;  }
.blocks-grid .separator.bottom {
    margin-bottom: 15px!important;
}
.blocks-grid h1{
    margin-top: 0px;
}
.blocks-grid .border.right{
   border-right: 1px solid;
}
.blocks-grid h3{
  margin-top: 0px;
}
.blocks-grid .bg-green{
    background-color:  #c1ffdb;
    color: #239c56;
}
.blocks-grid .bg-pink{
    background-color: #ffe8fb;
    color: #83006c;
}
.blocks-grid .bg-blue{
    background-color: #e5fdff;
    color: #1e8790;
}
 .card{
     padding:12px;
     background-color: #fff;
     border: 1px solid #dbbfff;
     clear: both;
         margin-top: 30px;
}
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
#form1 .form-control{
	    margin: 10px 0px!important;
}

.btn-blue{
	     background: #266aae;
    border: 1px solid #61d4d7;
    color: white;
    font-size: 15px;
}
.btn-blue:hover{
	       background: #3b82c9; color: #333;border:1px solid #61d4d7; color: white;
}
.marT10px{
  margin-top: 10px!important;
}
.bg-white{
	background-color: white;
}

 .modal-header.custom-popup{
     padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #4f759c;
    color: white;
 }
.modal-header .close {
    font-size: 25px!important; opacity: .8;
}
#front-view-tabs .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
  }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  background: 0; border: 0px; 
}

#front-view-tabs table > tbody > tr > td:last-child {
  width: 90px;
}
.bg-lighblue{
      background-color: rgba(79, 117, 156, 0.17)!important;
}
.popup-radio .radio label {
    padding-left: 1px;
    padding-right: 23px;
} 
 .panel-heading h3{
      /*color: #fff;*/
   font-weight: 400; margin-top: 8px;
 }


.marT15{
	margin-top: 15%;
	margin-bottom: 18%;
}
.login{
	    padding: 10px;
    border-radius: 20px;    box-shadow: 3px 3px 5px rgba(21, 95, 97, 0.7);
}
.error-msg{
	    background-color: #a0edef;
    border-radius: 10px;
    transition: 0.3s all ease;
    width: auto;
    padding: 7px 15px;
    color: #de0f0f;
    font-weight: bold;
}

/*tabs css for bharti front view*/
#front-view-tabs .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:hover,
 .nav-tabs > li.active > a:focus {
       border-bottom-color: transparent;
    border-color: transparent;
    border-top: 3px solid #216292!important;
    border-radius: 0px!important;
    background-color: #efefef;
    color: #216292;
    }

 #front-view-tabs .nav-tabs > li > a{
  border-bottom-color: transparent;
    border-color: transparent;
    border-top: 3px solid #216292!important;
    border-radius: 0px!important;
        background-color: #fff;
    color: #216292;
 }

 #front-view-tabs .nav-tabs {
    border-bottom: 1px solid #fff;
  }
 #front-view-tabs .tab-content{
      border: 1px solid #eee;
    padding: 20px;background-color: #efefef;
 }
 #front-view-tabs .well{
     border-radius: 0px;
       background-color: #ffffff;
    padding: 10px;
}
/*tabs css for bharti front view*/

#custom-search-input input{    background-color: white;
    border: none;
    border-radius: 0px;
    padding: 24px 20px;
    box-shadow: none;
    padding-bottom: 25px;
    width: 100%;
  }
  #custom-search-input input.searchbox{ padding:15px 20px;  }

 #custom-search-input   .btn-danger,  .btn-danger:hover,  .btn-danger:active,  .btn-danger:focus  {
    color: #97c0fe;
    background-color: #ffffff!important;
    border-color: #ffffff!important; outline: none;
    font-size: 25px;}  

#custom-search-input .input-group-btn {
    position: relative;
    font-size: 0;left: 0;
    white-space: nowrap; outline: none;
    /*border-left: 5px solid #98c0fe;*/
    border-radius: 0px;
}
#custom-search-input button{
	    border-radius: 0px;
}

select.error,input.error{
	border: 1px solid red!important;
}


label.error{
	font-size: 15px;
	color: #dc0215;
	font-family: "Roboto-Medium";
	position: absolute;
	top: -38px;
	right: -70px;
	background-color: #fff;
	padding: 5px;
	border-radius: 3px;
}

label.error:before{
    border: solid;
    border-color: #fff transparent;
    border-width: 12px 8px 0px 8px;
    bottom: -10px;
    content: "";
    left: 0%;
    position: absolute;
    z-index: 99;
}


/*popup error*/
.modal-body label.error{
  font-size: 15px;
  color: #dc0215;
  font-family: "Roboto-Medium";
  position: absolute;
      top: -18px;
    right: 0px;
      background-color: #e2efff;
  padding: 5px;
  border-radius: 3px;
}

.modal-body label.error:before{
    border: solid;
    border-color: #e2efff transparent;
    border-width: 12px 8px 0px 8px;
    bottom: -10px;
    content: "";
    left: 0%;
    position: absolute;
    z-index: 99;
}

.btn.btn-black {    background: #0C1429;
    border: 1px solid #0C1429;color: #fff; }
.btn.btn-black:hover { background: #fff; color: #000; }
/*popup error*/



/*front view css*/
.user-profile-main .panel-default>.panel-heading {
    color: #333;
    background-color: #d4d4d4;
    border-color: #c6e1ff;
}
/*front view css*/




/*form blue css*/

.form-blue .form-horizontal .control-label{
        background-color: #395aa9;
    color: #fff;
    text-align: left;
    padding: 10px;
    border: 1px solid #fff;border-bottom: 0px;
    border-radius: 5px;
}
.form-blue .form-horizontal .form-control{
      background-color: #0066cc;
    color: #fff;
    text-align: left;
    padding: 10px;
    border: 1px solid #fff;
    border-bottom: 0px;
    border-radius: 5px; height: auto; 
}
.form-blue ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d3d3d3!important;
}
.form-blue ::-moz-placeholder { /* Firefox 19+ */
  color: #d3d3d3!important;
}
.form-blue :-ms-input-placeholder { /* IE 10+ */
  color: #d3d3d3!important;
}
.form-blue :-moz-placeholder { /* Firefox 18- */
  color: #d3d3d3!important;
}
.form-blue .form-group{
    margin-bottom: 10px;
}



/*form lightblue css*/

.form-light-blue .form-horizontal .form-label{
    font-family: "Roboto-Medium";
    font-size: 15px; text-transform: uppercase;
    background-color: transparent;
    color: #000;
    text-align: left; 
    padding: 0px 10px;padding-top: 15px;
    border: 1px solid transparent;border-bottom: 0px;
    border-radius: 5px;
}
.form-light-blue .form-horizontal .form-control{
     background-color: #d4d9ec;
    color: #395aa9;
    text-align: left;
    font-weight: bold;
    font-family: "Roboto-Medium";   margin:0 auto;
    padding: 16px;
    border: 1px solid #fff;
    border-bottom: 0px;
    border-radius: 5px;
    height: auto;
        font-size: 16px;
}
.form-light-blue ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #395aa9!important; font-weight: bold;
}
.form-light-blue ::-moz-placeholder { /* Firefox 19+ */
  color: #395aa9!important; font-weight: bold;
}
.form-light-blue :-ms-input-placeholder { /* IE 10+ */
  color: #395aa9!important; font-weight: bold;
}
.form-light-blue :-moz-placeholder { /* Firefox 18- */
  color: #395aa9!important; font-weight: bold;
}
.form-light-blue .form-group{
    margin-bottom: 0px;
}

/*radio css*/

.radio {
  margin: 0.5rem;
}
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.radio input[type="radio"] + .radio-label:before {
  content: '';
 background: #ffffff;
    border-radius: 100%;
    border: 2px solid #557298;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
  position: relative;
  /*top: -0.2em;*/
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
  background-color: #3197EE;
  -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
          box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.radio input[type="radio"]:disabled + .radio-label:before {
  -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
          box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}
 .radio label{
        padding-left: 1px;
 }

 #my-assist-nav{
  /*background-color: rgba(159, 187, 255, 0.7);*/
  background-color:#fff;
    /*box-shadow: 1px 1px 1px #333;*/
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    position: static;
        padding: 0px;
    width: 100%;
    z-index: 9;
 }

 #my-assist-nav .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #90b8ff;}

    .profile 
{
    min-height: 200px;
    display: inline-block;
    width: 489px;
}

#my-assist-nav h3{
  margin-top: 13px!important;
}
.payslip .panel-heading {
  background-color: #d4d4d4;
    border-color: #c6e1ff; 
    
}
figcaption.ratings
{
    margin-top:20px;
    }
figcaption.ratings a
{
    color:#f1c40f;
    font-size:11px;
    }
figcaption.ratings a:hover
{
    color:#f39c12;
    text-decoration:none;
    }
.divider 
{
    border-top:1px solid rgba(0,0,0,0.1);
    }
.emphasis 
{
    border-top: 4px solid transparent;
    }
.emphasis:hover 
{
    border-top: 4px solid #1abc9c;
    }
.emphasis h2
{
    margin-bottom:0;
    }
span.tags 
{
    background: #1abc9c;
    border-radius: 2px;
    color: #f5f5f5;
    font-weight: bold;
    padding: 2px 4px;
    }
.dropdown-menu 
{
    background-color: #34495e;    
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 250px;
    margin-left: -125px;
    left: 50%;
    }
.dropdown-menu .divider 
{
    background:none;    
    }
.dropdown-menu>li>a
{
    color:#f5f5f5;
    }
.dropup .dropdown-menu 
{
    margin-bottom:10px;
    }
.dropup .dropdown-menu:before 
{
    content: "";
    border-top: 10px solid #34495e;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 10;
    }

.pointer{
    cursor: pointer;
}
.border-light { border: 1px solid #c7c7c7; }
.white-bg{ background: #fff; }
.customer-info { padding: 0 2%; margin-top: 15px; }
.customer-info .form-horizontal .form-group { margin-left: 0; margin-right:0;}
.form-blue .form-horizontal .control-label {background: none; color: #666; text-align: left; font-size: 12px;}
.form-blue .form-horizontal .form-control { background: none; color: #666; border: 1px solid #cccccc; border-radius: 0; }
.form-blue .form-horizontal select.form-control { min-height: 44px; }
.btn.btn-medium { padding: 10px 20px; font-size: 18px; line-height: 24px; }


/*data table css*/
 
/*
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  line-height: 1.42em;
  color:#A7A1AE;
  background-color:#1F2739;
}

h1 {
  font-size:3em; 
  font-weight: 300;
  line-height:1em;
  text-align: center;
  color: #4DC3FA;
}

h2 {
  font-size:1em; 
  font-weight: 300;
  text-align: center;
  display: block;
  line-height:1em;
  padding-bottom: 2em;
  color: #FB667A;
}

h2 a {
  font-weight: 700;
  text-transform: uppercase;
  color: #FB667A;
  text-decoration: none;
}
*/

.blue { color: #185875; }
.yellow { color: #FFF842; }

.container-ewnow-datatable th h1 {
    font-weight: bold;
    font-size: 1em;
  text-align: left;
    color: #8ac1da;
}

.container-ewnow-datatable td {
    font-weight: normal;
    font-size: 1em;
  -webkit-box-shadow: 0 2px 2px -2px #0E1119;
     -moz-box-shadow: 0 2px 2px -2px #0E1119;
          box-shadow: 0 2px 2px -2px #0E1119;
}

.container-ewnow-datatable {
    text-align: left;
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
  display: table;
  /*padding: 0 0 8em 0;*/
}

.container-ewnow-datatable td, .container-ewnow-datatable th {
    padding-bottom: 2%;
    padding-top: 2%;
  padding-left:2%;   color: #333;
}

/* Background-color of the odd rows */
.container-ewnow-datatable tr:nth-child(odd) {
    /*background-color: #323C50;*/
     background-color: #F3F9FC;
}

/* Background-color of the even rows */
.container-ewnow-datatable tr:nth-child(even) {
    background-color: #e3f6ff;
}

.container-ewnow-datatable th {
   background-color: #bce5f9;
}

.container-ewnow-datatable td:first-child {    color: #636363;}

.container-ewnow-datatable tr:hover {
   background-color: #4c7a90;
-webkit-box-shadow: 0 6px 6px -6px #0E1119; color: white!important;
     -moz-box-shadow: 0 6px 6px -6px #0E1119;
          box-shadow: 0 6px 6px -6px #0E1119;
}

.container-ewnow-datatable td:hover {
  background-color: #d5e2ff;
    color: #403E10;
    font-weight: bold;
    box-shadow: #2196F3 -1px 1px, #2196F3 -2px 2px, #3492d0 -3px 3px, #2196f3 -4px 4px, #2196F3 -5px 5px, #2196F3 -6px 6px;
    transform: translate3d(6px, -6px, 0);
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
  transition-timing-function: line;
}
.container-ewnow-datatable table.container-ewnow-datatable thead th, .container-ewnow-datatable table.container-ewnow-datatable  thead td {
    padding: 15px 18px!important;
}

.container-ewnow-datatable table.container-ewnow-datatable {
  background-color: transparent!important;
}
.container-ewnow-datatable table.container-ewnow-datatable tbody th, .container-ewnow-datatable table.container-ewnow-datatable tbody td {
    padding: 12px 10px!important;
}

@media (max-width: 800px) {
.container-ewnow-datatable td:nth-child(4),
.container-ewnow-datatable th:nth-child(4) { display: none; }
}


#custom-ewnow-entries input{
      border: 1px solid #e9e9e9!important;
}
#custom-ewnow-entries label{
       color: #2261ab;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 2px; text-transform: uppercase;
}
/*data table css*/