/*!
 * Start Bootstrap - Half Slider (https://startbootstrap.com/template-overviews/half-slider)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-half-slider/blob/master/LICENSE)
 */

/*input[readonly] {
    cursor: not-allowed !important;
}*/
 .p-0{
     padding:0px;
 }
element.style {
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}
.btn-readmore, .btn-readmore.active, .btn-readmore:focus{
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
    outline: none;
}
.btn-readmore:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
a:hover, a:active, a:focus {
    outline: none;
    text-decoration: none;
    color: #72afd2;
}
a:hover, a:focus {
    color: #2a6496;
    text-decoration: underline;
}
a:active, a:hover {
    outline: 0;
}
.fb-bold{
    font-weight:bold;
}

.datetimepicker {
    z-index: 999999 !important;
}
.navbar-fixed-top, .navbar-fixed-bottom{
    z-index: 111111; /*Drop down comes above header*/
}
.swal-overlay {
    z-index: 999999 !important;
}
.modal-scrollable{
    z-index:99999999 ​!important;
}
/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/lato-v17-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/lato-v17-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v17-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v17-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/*@font-face {
   font-family: 'Roboto';
   src: url('../fonts/Roboto-Regular.eot');
   src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Lato-Bold') format('svg'),
        url('../fonts/Roboto-Regular.eot?#iefix') 
format('embedded-opentype');
   font-weight: normal;
   font-style: normal;
}*/

/*@font-face {
   font-family: 'RobotoSlab-Regular';
   src: url('../fonts/RobotoSlab-Regular.eot');
   src: url('../fonts/RobotoSlab-Regular.woff2') format('woff2'),
        url('../fonts/RobotoSlab-Regular.woff') format('woff'),
        url('../fonts/RobotoSlab-Regular.ttf') format('truetype'),
        url('../fonts/RobotoSlab-Regular.svg#Lato-Bold') format('svg'),
        url('../fonts/RobotoSlab-Regular.eot?#iefix') 
format('embedded-opentype');
   font-weight: normal;
   font-style: normal;
}*/
/*@font-face {
   font-family: 'RobotoSlab-Bold';
   src: url('../fonts/RobotoSlab-Bold.eot');
   src: url('../fonts/RobotoSlab-Bold.woff2') format('woff2'),
        url('../fonts/RobotoSlab-Bold.woff') format('woff'),
        url('../fonts/RobotoSlab-Bold.ttf') format('truetype'),
        url('../fonts/RobotoSlab-Bold.svg#Lato-Bold') format('svg'),
        url('../fonts/RobotoSlab-Bold.eot?#iefix') 
format('embedded-opentype');
   font-weight: normal;
   font-style: normal;
}*/
/*css done by vijay prakash starts*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
 
}

body, html {  font-family: 'Lato' !important;}
body {
  min-height: 100%;
  padding-bottom: 35px;
  position: relative;
}
section.login.screen .row.no-gutters {margin:0; display: flex; align-items: center; justify-content: center;}
section.login.screen .rob-20{position:relative;}
section.login.screen .login-heading{ padding-left:0; padding-top:0;}
section.login.screen .login-heading-lorem{padding-left:0;}

.new-btn input#add_ben {margin-top:0;}

input#add_ben , input#add_additonal_info, button#Remove_Dir_div, button#Remove_additonal_info{margin-top: 15px;}
.sub-form {line-height:initial; text-align:center; padding: 3px 0!important;}
.col-md-10 .btn{margin-top:10px;}
.form-horizontal.divBorder .intl-tel-input{top: 0px;}
.form-horizontal.divBorder #tel1 label, .form-horizontal.divBorder #tel2 label, .form-horizontal.divBorder #tel3 label, .form-horizontal.divBorder #tel4 label{margin-bottom:10px;} 
.head-office-check{margin-top:27px;}
#ERPContainer{    margin-bottom: 10px;
    background: #f4f6fd;
      }
.emp-container{margin-top:45px;}
#Dv_Bill + .text-center{margin-top:15px;}
#msform fieldset .col-md-12 [type="radio"]:not(:checked) + label, .col-md-12 [type="radio"]:checked + label { margin-bottom:10px;}
input#AM_FUND_MST_OBJ_AFM_FUND_NAME {margin-bottom: 20px;}
/*div#unit_trust_dropdown, label.materialize-textarea.active {margin-top: -74px;}*/
.padding_0 {padding:0;}
section.py-5 {
    margin-bottom: 51px;
}
#tbl_dyn_att input[type="file"] {width: 109px!important;}
#tblAttorney .table-scroll{overflow-x:auto;}
#tbl_dyn_att .select-dropdown{width:176px;}
#tbl_dyn_att .text-box{width:140px;}
input#btn_Add_Row_att {margin-left: 15px;}
div#DivBill, div#ClientAdd {margin-top: 30px;}
#MasterTable_wrapper a.btn.btn-primary, #MasterTable_wrapper .btn-info {margin-bottom: 10px;}
#MasterTable_wrapper input[type="search"] {
    border: 1px solid #a59d9d!important;
}
.dis-none{
    display:none;
}
.main-wrap { float: left; margin-top: 22px;}
.main-wrap .pull-left:first-child{margin-right:8px;}
#btnHide {padding-right:0; margin-top: 8px;}
i.fa.fa-sign-out.fa-2x, i.fa.fa-bell {font-size:15px; margin-top:9px; color:rgb(101, 55, 0)}
i.fa.fa-sign-out.fa-2x {margin-top: 16px;}

nav#topNavBar {width: 100%; }
nav#topNavBar .navbar{
    z-index:999;
}
input#txtRemarks {margin-bottom: 20px;}
span.check-box {margin-left: 8px; display: inline-block;}
#MasterTable a.btn.btn-primary, #MasterTable a.btn-info, #MasterTable a.btn-danger {margin-bottom: 0px; margin-top:0px;}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 5px 5px;
}
.dataTables_length label{margin-bottom:5px}
.create-botton {margin-top: 13px; display: inline-block;}
span.glyphicon.glyphicon-chevron-right, span.glyphicon.glyphicon-chevron-left{background:url(../images/right-arrow.png) no-repeat left top; width:48px; height:48px; float:left; }
.glyphicon-chevron-right:before, .glyphicon-chevron-right:after, .glyphicon-chevron-left:before, .glyphicon-chevron-right:before {display:none;
}
span.glyphicon.glyphicon-chevron-left {background:url(../images/left-arrow.png) no-repeat left top;}
.carousel-control {opacity:1.0;}
.login.screen {background: url(../images/delhi-police-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; width:100%;     display: flex; align-items: center; justify-content: center;}
.login.screen .login-form.text-center { background:#fff;  width:100%; float:right; border: 6px solid #fff;  padding: 20px 30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.row.text-center {margin-top: 15px;}
 .login.screen .login-form h3 {margin: 22px 0 22px 0; font-weight:bold; text-transform:uppercase; font-size:27px; color: #98BA31;
    }
.login.screen .login-logo {  padding:10px 10px; display:inline-block; margin-bottom:10px; }
.login.screen .login-text-1 {margin-bottom: 20px;}
/*section.login.screen .social {background:#f7f7f7; width: 80%; margin: 0 auto; border: 6px solid #fff; border-top:0; padding-bottom:38px; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;}*/
.login.screen input#btnSubmit {border: 0; background: #183883; color:#fff; margin-bottom:7px; width: 100%; padding: 10px 0; height: auto; border-radius: 5px; text-transform: uppercase; font-size: 16px;}
.login.screen input[type=text].valid:not(.browser-default) {background:#fff;padding-left:10px}
#Email,#Mobile,#ConfirmPassword{

    padding-left:10px
}
section.login.screen .login-form .password { display: block; font-weight: 100; font-size: 12px; color: #000;}
section.login.screen .login-form .line.pull-right {margin-right:10px;}
section.login.screen .login-form input#Email, input#Password {background:#fff; padding-left:10px;}
section.login.screen .login-form form input#Email + label {padding-left:30px;}
section.login.screen .login-form form input#Email + label[for=Email], section.login.screen .login-form form input#Password + label[for=Password]{padding-left:0;}
section.login.screen .login-form form input#Password + label {padding-left:30px;}
.login-form label{
    display:block !important;
    margin-bottom:5px;
}
table#MasterTable th, .dataTable th {background:#183883; color:#fff;}
table#MasterTable th.sorting, .dataTable th {background:#183883 }
table#MasterTable th.sorting_asc, .dataTable th {background:#183883  }
table#MasterTable th.sorting_desc, .dataTable th {background:#183883 }
button#btnSearch { margin-top: 37px;}
table#MasterTable tr:nth-child(odd)  {
   background: #efefef;
}
table#MasterTable tr td, table#MasterTable tr th {border-right:0; border-color:#fff;
}

table#MasterTable tr:hover{
background-color: #d8d2d2;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px;
    border-bottom: 1px solid #111;
    font-size:11px;
}
table.dataTable tbody td {
 font-size:12px !important; 
  /*padding: 0px 5px;*/
}
.page_title{
 font-weight: bold;
    color: #183883;
    margin: 0px !important;
    text-align: left;
    padding-bottom: 0px;
    font-size: 18px;
}
.fixed_footer {
   /*position: fixed;
   left: 0;
   bottom: 0;*/
   width: 100%;
   background-color: #ebf1ff;
   color: #333;
   text-align: center;
   padding:5px;
}
.search_filter{
    background-color: #f5f5f5;
    padding:10px 0px;
 
}
    .search_filter .filter {
        padding:5px;
    }
  .search_filter .filter input[type=text]{   margin-bottom:5px;
         height:30px;
         border:1px solid #f5f5f5;
         background:#fff;
         }
     .search_filter .filter label {
    font-size: 12px !important;
    color: #333;
    margin: 0px;
    display: block;
    text-align: left;
}
      .search_filter .filter   input:not([type]), 
       .search_filter .filter  input[type=text]:not(.browser-default), 
       .search_filter .filter  input[type=password]:not(.browser-default),
   .search_filter .filter .search_filter .filter  input[type=email]:not(.browser-default),
        .search_filter .filter  input[type=url]:not(.browser-default),
       .search_filter .filter   input[type=time]:not(.browser-default), 
      .search_filter .filter   input[type=date]:not(.browser-default),
      .search_filter .filter    input[type=datetime]:not(.browser-default), 
     .search_filter .filter    input[type=datetime-local]:not(.browser-default),
      .search_filter .filter    input[type=tel]:not(.browser-default), 
      .search_filter .filter   input[type=number]:not(.browser-default), 
      .search_filter .filter   input[type=search]:not(.browser-default), 
      .search_filter .filter   textarea.materialize-textarea{
         margin-bottom:5px;
         height:30px;
         
         background:#fff;
      
     }
/*input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    margin-bottom: 5px;
    height: 30px !important;
    border: 1px solid #f5f5f5;
    background: #fff !important;
}*/
.fixed_footer  label {
    font-size: 11px;
    color: #333;
    margin: 0px;
    display: block;
    text-align: left;
}
.divBorder.row-margin .row{margin-bottom:15px;}
table#MasterTable tr a.btn.btn-primary,  table#MasterTable tr td p.btn.btn-success {background:#653700; border:none; }
table#MasterTable tr  a.btn.btn-info{background-color: #1283a5; border:none;}
table#MasterTable tr td p.btn.btn-success {font-size:14px;}
.body-content-public {margin-top:53px !important;}
/*.dropdown-content li {border-bottom:1px solid gray;}*/
/*input.text-box {background: #fff!important; color:#000;  box-shadow: 0px 0 2px #dcdcdc!important; -webkit-box-shadow:0px 0 2px #dcdcdc!important; -moz-box-shadow:0px 0 2px #dcdcdc!important; }*/  
 /*.select2-container{height: 35px;}
    .select2-container .select2-selection--single .select2-selection__rendered {background:#fff;}*/

table#tbl_dyn th {background:#000; color:#fff;
}
 
 
 /*label.active{margin-top:10px;}*/

.form-horizontal.divBorder .form-group {margin-top: 15px;}
@media screen and (min-width: 320px) and (max-width: 479px) {
 .carousel-caption {bottom:0;}
}
@media screen and (min-width: 320px) and (max-width: 823px) {
    .dataTables_wrapper {
        width: 100%;
        overflow-x: auto;
    }

    span.select2 {
        width: 100% !important;
    }
}
.prefix ~ .select-wrapper {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.prefix ~ label {
  margin-left: 3rem;
}

.select-dropdown li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
  float: right;
}

.select-dropdown li.optgroup {
  border-top: 1px solid #eee;
}

.select-dropdown li.optgroup.selected > span {
  color: rgba(0, 0, 0, 0.7);
}

.select-dropdown li.optgroup > span {
  color: rgba(0, 0, 0, 0.4);
}

.select-dropdown li.optgroup ~ li.optgroup-option {
  padding-left: 1rem;
}

div#ERPContainer {width: 95%;}
.overflow{overflow-x:auto;}
table#tblPropsoalApp{margin-top:10px;}
div#MasterTable_wrapper {overflow-x: auto; margin:0 auto;margin-bottom: 15px;}

    /*body, .body-content {padding:0; }*/
    #progressbar li {width:50% !important;}
.footer-text {float: left; width: 100%;}
.carousel {margin-top:73px;}
.footer-semi-text {margin-top: 5px; margin-bottom: 10px;}
 section.login.screen .login-form form input#Email + label[for=Email], section.login.screen .login-form form input#Password + label[for=Password]{margin-bottom:10px;}
section.login.screen .login-form .password {margin-top:-30px;}

section.login.screen .section5-bg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px; width:100%;}
.mobile-app .section5-bg {position:static; transform: none; margin-bottom:25px;} 
/*.login-heading, p.login-heading-lorem {display: none;}*/
img.size {width:auto;}
p.best-product {text-align: center; margin-top: 10px;}
p.product-semi-font {text-align: center;}
img.img-repsonsive {width: 100% !important; height: auto;}
.banner-text {font-size: 18px!important; margin-top: 30px;}
.right-pannel{position:fixed; z-index:501; right:0; top:130px;}
.right-pannel-icon{float: left; padding-left: 14px;	}
.right-pannel-item{background-color:#FFF; width:8rem; height:9rem; text-align:center; /*border-radius:5px 0px 0px 5px;*/	 box-shadow: 1px 1px 1px #575757; /*margin-bottom: 0.1rem;*/
 padding-top: 1rem;	 background:#00bdf2; border-top-left-radius:10px; border-bottom:1px solid #29d0ff;}
.right-pannel-item:hover{background:#00a9d8;}
.right-pannel-items:hover{background:#00a9d8;}
.right-pannel-itemss:hover{background:#00a9d8;}
.right-pannel-items {background-color: #FFF; width: 8rem; height: 9rem; text-align: center; /* border-radius: 5px 0px 0px 5px; */ box-shadow: 1px 1px 1px #575757; /* margin-bottom: 0.1rem; */ padding-top: 1rem; background: #00bdf2; border-bottom:1px solid #29d0ff;}
.right-pannel-itemss {background-color: #FFF; width: 8rem; height: 9rem; text-align: center; /* border-radius: 5px 0px 0px 5px; */ box-shadow: 1px 1px 1px #575757  /* margin-bottom: 0.1rem; */; padding-top: 1rem;
 background: #00bdf2; border-bottom-left-radius:10px;}
 .graph {padding:0;}
 .footer {padding-top:15px;  background: #3c2000 url(../images/25.png);}
 section.py-5 {width: 96%; margin: 0 auto;}
section.login.screen .login-form.text-center {float:right; margin:0 auto; width:400px; padding:0;margin-right: 15px;}
section.login.screen .login-form form{padding: 0px 30px;}
 section.login.screen .login-logo {margin-bottom:0;}
 section.login.screen .social {margin-top:-1px; width:96%; display:inline-block;}
input:not([type]).validate + label,
input[type=text]:not(.browser-default).validate + label,
input[type=password]:not(.browser-default).validate + label,
input[type=email]:not(.browser-default).validate + label,
input[type=url]:not(.browser-default).validate + label,
input[type=time]:not(.browser-default).validate + label,
input[type=date]:not(.browser-default).validate + label,
input[type=datetime]:not(.browser-default).validate + label,
input[type=datetime-local]:not(.browser-default).validate + label,
input[type=tel]:not(.browser-default).validate + label,
input[type=number]:not(.browser-default).validate + label,
input[type=search]:not(.browser-default).validate + label,
textarea.materialize-textarea.validate + label {
  width: 100%;
}
/* Text inputs */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #dcdcdc;
  border-radius: 0;
  outline: none;
  height: 30px;
  
  width: 100%;
  font-size: 1.7rem;
  /*margin: 0 0 20px 0;*/
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

input:not([type]):disabled, input:not([type])[readonly="readonly"],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly="readonly"],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly="readonly"],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly="readonly"],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly="readonly"],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly="readonly"],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly="readonly"],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly="readonly"],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly="readonly"],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly="readonly"],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
  color:#5a5a5a;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.42);
}

input:not([type]):disabled + label,
input:not([type])[readonly="readonly"] + label,
input[type=text]:not(.browser-default):disabled + label,
input[type=text]:not(.browser-default)[readonly="readonly"] + label,
input[type=password]:not(.browser-default):disabled + label,
input[type=password]:not(.browser-default)[readonly="readonly"] + label,
input[type=email]:not(.browser-default):disabled + label,
input[type=email]:not(.browser-default)[readonly="readonly"] + label,
input[type=url]:not(.browser-default):disabled + label,
input[type=url]:not(.browser-default)[readonly="readonly"] + label,
input[type=time]:not(.browser-default):disabled + label,
input[type=time]:not(.browser-default)[readonly="readonly"] + label,
input[type=date]:not(.browser-default):disabled + label,
input[type=date]:not(.browser-default)[readonly="readonly"] + label,
input[type=datetime]:not(.browser-default):disabled + label,
input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,
input[type=datetime-local]:not(.browser-default):disabled + label,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,
input[type=tel]:not(.browser-default):disabled + label,
input[type=tel]:not(.browser-default)[readonly="readonly"] + label,
input[type=number]:not(.browser-default):disabled + label,
input[type=number]:not(.browser-default)[readonly="readonly"] + label,
input[type=search]:not(.browser-default):disabled + label,
input[type=search]:not(.browser-default)[readonly="readonly"] + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly="readonly"] + label {
  color: rgba(0, 0, 0, 0.42);
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #015aa6;
  -webkit-box-shadow: 0 1px 0 0 #015aa6;
          box-shadow: 0 1px 0 0 #015aa6;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #015aa6;
}

input:not([type]).validate + label,
input[type=text]:not(.browser-default).validate + label,
input[type=password]:not(.browser-default).validate + label,
input[type=email]:not(.browser-default).validate + label,
input[type=url]:not(.browser-default).validate + label,
input[type=time]:not(.browser-default).validate + label,
input[type=date]:not(.browser-default).validate + label,
input[type=datetime]:not(.browser-default).validate + label,
input[type=datetime-local]:not(.browser-default).validate + label,
input[type=tel]:not(.browser-default).validate + label,
input[type=number]:not(.browser-default).validate + label,
input[type=search]:not(.browser-default).validate + label,
textarea.materialize-textarea.validate + label {
  width: 100%;
  text-align:left;
}

input:not([type]).invalid + label:after,
input:not([type]).valid + label:after,
input[type=text]:not(.browser-default).invalid + label:after,
input[type=text]:not(.browser-default).valid + label:after,
input[type=password]:not(.browser-default).invalid + label:after,
input[type=password]:not(.browser-default).valid + label:after,
input[type=email]:not(.browser-default).invalid + label:after,
input[type=email]:not(.browser-default).valid + label:after,
input[type=url]:not(.browser-default).invalid + label:after,
input[type=url]:not(.browser-default).valid + label:after,
input[type=time]:not(.browser-default).invalid + label:after,
input[type=time]:not(.browser-default).valid + label:after,
input[type=date]:not(.browser-default).invalid + label:after,
input[type=date]:not(.browser-default).valid + label:after,
input[type=datetime]:not(.browser-default).invalid + label:after,
input[type=datetime]:not(.browser-default).valid + label:after,
input[type=datetime-local]:not(.browser-default).invalid + label:after,
input[type=datetime-local]:not(.browser-default).valid + label:after,
input[type=tel]:not(.browser-default).invalid + label:after,
input[type=tel]:not(.browser-default).valid + label:after,
input[type=number]:not(.browser-default).invalid + label:after,
input[type=number]:not(.browser-default).valid + label:after,
input[type=search]:not(.browser-default).invalid + label:after,
input[type=search]:not(.browser-default).valid + label:after,
textarea.materialize-textarea.invalid + label:after,
textarea.materialize-textarea.valid + label:after {
  display: none;
}

input:not([type]).invalid + label.active:after,
input:not([type]).valid + label.active:after,
input[type=text]:not(.browser-default).invalid + label.active:after,
input[type=text]:not(.browser-default).valid + label.active:after,
input[type=password]:not(.browser-default).invalid + label.active:after,
input[type=password]:not(.browser-default).valid + label.active:after,
input[type=email]:not(.browser-default).invalid + label.active:after,
input[type=email]:not(.browser-default).valid + label.active:after,
input[type=url]:not(.browser-default).invalid + label.active:after,
input[type=url]:not(.browser-default).valid + label.active:after,
input[type=time]:not(.browser-default).invalid + label.active:after,
input[type=time]:not(.browser-default).valid + label.active:after,
input[type=date]:not(.browser-default).invalid + label.active:after,
input[type=date]:not(.browser-default).valid + label.active:after,
input[type=datetime]:not(.browser-default).invalid + label.active:after,
input[type=datetime]:not(.browser-default).valid + label.active:after,
input[type=datetime-local]:not(.browser-default).invalid + label.active:after,
input[type=datetime-local]:not(.browser-default).valid + label.active:after,
input[type=tel]:not(.browser-default).invalid + label.active:after,
input[type=tel]:not(.browser-default).valid + label.active:after,
input[type=number]:not(.browser-default).invalid + label.active:after,
input[type=number]:not(.browser-default).valid + label.active:after,
input[type=search]:not(.browser-default).invalid + label.active:after,
input[type=search]:not(.browser-default).valid + label.active:after,
textarea.materialize-textarea.invalid + label.active:after,
textarea.materialize-textarea.valid + label.active:after {
  display: block;
}

/* Validation Sass Placeholders */
input.valid:not([type]), input.valid:not([type]):focus,
input[type=text].valid:not(.browser-default),
input[type=text].valid:not(.browser-default):focus,
input[type=password].valid:not(.browser-default),
input[type=password].valid:not(.browser-default):focus,
input[type=email].valid:not(.browser-default),
input[type=email].valid:not(.browser-default):focus,
input[type=url].valid:not(.browser-default),
input[type=url].valid:not(.browser-default):focus,
input[type=time].valid:not(.browser-default),
input[type=time].valid:not(.browser-default):focus,
input[type=date].valid:not(.browser-default),
input[type=date].valid:not(.browser-default):focus,
input[type=datetime].valid:not(.browser-default),
input[type=datetime].valid:not(.browser-default):focus,
input[type=datetime-local].valid:not(.browser-default),
input[type=datetime-local].valid:not(.browser-default):focus,
input[type=tel].valid:not(.browser-default),
input[type=tel].valid:not(.browser-default):focus,
input[type=number].valid:not(.browser-default),
input[type=number].valid:not(.browser-default):focus,
input[type=search].valid:not(.browser-default),
input[type=search].valid:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
  border-bottom: 1px solid #4CAF50;
  -webkit-box-shadow: 0 1px 0 0 #4CAF50;
          box-shadow: 0 1px 0 0 #4CAF50;
}

input.invalid:not([type]), input.invalid:not([type]):focus,
input[type=text].invalid:not(.browser-default),
input[type=text].invalid:not(.browser-default):focus,
input[type=password].invalid:not(.browser-default),
input[type=password].invalid:not(.browser-default):focus,
input[type=email].invalid:not(.browser-default),
input[type=email].invalid:not(.browser-default):focus,
input[type=url].invalid:not(.browser-default),
input[type=url].invalid:not(.browser-default):focus,
input[type=time].invalid:not(.browser-default),
input[type=time].invalid:not(.browser-default):focus,
input[type=date].invalid:not(.browser-default),
input[type=date].invalid:not(.browser-default):focus,
input[type=datetime].invalid:not(.browser-default),
input[type=datetime].invalid:not(.browser-default):focus,
input[type=datetime-local].invalid:not(.browser-default),
input[type=datetime-local].invalid:not(.browser-default):focus,
input[type=tel].invalid:not(.browser-default),
input[type=tel].invalid:not(.browser-default):focus,
input[type=number].invalid:not(.browser-default),
input[type=number].invalid:not(.browser-default):focus,
input[type=search].invalid:not(.browser-default),
input[type=search].invalid:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown {
  border-bottom: 1px solid #F44336;
  -webkit-box-shadow: 0 1px 0 0 #F44336;
          box-shadow: 0 1px 0 0 #F44336;
}

input:not([type]).valid + label:after,
input:not([type]):focus.valid + label:after,
input[type=text]:not(.browser-default).valid + label:after,
input[type=text]:not(.browser-default):focus.valid + label:after,
input[type=password]:not(.browser-default).valid + label:after,
input[type=password]:not(.browser-default):focus.valid + label:after,
input[type=email]:not(.browser-default).valid + label:after,
input[type=email]:not(.browser-default):focus.valid + label:after,
input[type=url]:not(.browser-default).valid + label:after,
input[type=url]:not(.browser-default):focus.valid + label:after,
input[type=time]:not(.browser-default).valid + label:after,
input[type=time]:not(.browser-default):focus.valid + label:after,
input[type=date]:not(.browser-default).valid + label:after,
input[type=date]:not(.browser-default):focus.valid + label:after,
input[type=datetime]:not(.browser-default).valid + label:after,
input[type=datetime]:not(.browser-default):focus.valid + label:after,
input[type=datetime-local]:not(.browser-default).valid + label:after,
input[type=datetime-local]:not(.browser-default):focus.valid + label:after,
input[type=tel]:not(.browser-default).valid + label:after,
input[type=tel]:not(.browser-default):focus.valid + label:after,
input[type=number]:not(.browser-default).valid + label:after,
input[type=number]:not(.browser-default):focus.valid + label:after,
input[type=search]:not(.browser-default).valid + label:after,
input[type=search]:not(.browser-default):focus.valid + label:after,
textarea.materialize-textarea.valid + label:after,
textarea.materialize-textarea:focus.valid + label:after, .select-wrapper.valid + label:after {
  content: attr(data-success);
  color: #4CAF50;
  opacity: 1;
  -webkit-transform: translateY(9px);
          transform: translateY(9px);
}

input:not([type]).invalid + label:after,
input:not([type]):focus.invalid + label:after,
input[type=text]:not(.browser-default).invalid + label:after,
input[type=text]:not(.browser-default):focus.invalid + label:after,
input[type=password]:not(.browser-default).invalid + label:after,
input[type=password]:not(.browser-default):focus.invalid + label:after,
input[type=email]:not(.browser-default).invalid + label:after,
input[type=email]:not(.browser-default):focus.invalid + label:after,
input[type=url]:not(.browser-default).invalid + label:after,
input[type=url]:not(.browser-default):focus.invalid + label:after,
input[type=time]:not(.browser-default).invalid + label:after,
input[type=time]:not(.browser-default):focus.invalid + label:after,
input[type=date]:not(.browser-default).invalid + label:after,
input[type=date]:not(.browser-default):focus.invalid + label:after,
input[type=datetime]:not(.browser-default).invalid + label:after,
input[type=datetime]:not(.browser-default):focus.invalid + label:after,
input[type=datetime-local]:not(.browser-default).invalid + label:after,
input[type=datetime-local]:not(.browser-default):focus.invalid + label:after,
input[type=tel]:not(.browser-default).invalid + label:after,
input[type=tel]:not(.browser-default):focus.invalid + label:after,
input[type=number]:not(.browser-default).invalid + label:after,
input[type=number]:not(.browser-default):focus.invalid + label:after,
input[type=search]:not(.browser-default).invalid + label:after,
input[type=search]:not(.browser-default):focus.invalid + label:after,
textarea.materialize-textarea.invalid + label:after,
textarea.materialize-textarea:focus.invalid + label:after, .select-wrapper.invalid + label:after {
  content: attr(data-error);
  color: #F44336;
  opacity: 1;
  -webkit-transform: translateY(9px);
          transform: translateY(9px);
}

input:not([type]) + label:after,
input[type=text]:not(.browser-default) + label:after,
input[type=password]:not(.browser-default) + label:after,
input[type=email]:not(.browser-default) + label:after,
input[type=url]:not(.browser-default) + label:after,
input[type=time]:not(.browser-default) + label:after,
input[type=date]:not(.browser-default) + label:after,
input[type=datetime]:not(.browser-default) + label:after,
input[type=datetime-local]:not(.browser-default) + label:after,
input[type=tel]:not(.browser-default) + label:after,
input[type=number]:not(.browser-default) + label:after,
input[type=search]:not(.browser-default) + label:after,
textarea.materialize-textarea + label:after, .select-wrapper + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  -webkit-transition: .2s opacity ease-out, .2s color ease-out;
  transition: .2s opacity ease-out, .2s color ease-out;
}
    .divBorder {padding:10px 0 !important;}
}
/*css done by vijay ends*/


.banner-text {
font-size:52px;
    color:#FFF;
    

}

/*Chat*/

.col-md-2-padd{
     padding:0;
}
.col-md-10-padd{
     padding:0;
}
.panel{
    margin-bottom: 0px;
}
.chat-window{
    bottom:0;
    position:fixed;
    float:right;
    margin-left:10px;
}
.chat-window > div > .panel{
    border-radius: 5px 5px 0 0;
}
.icon_minim{
    padding:2px 10px;
}
.msg_container_base{
  background: #00bcd4;
  margin: 0;
  padding: 0 10px 10px;
  max-height:300px;
  overflow-x:hidden;
}
.top-bar-chat {
  background: #666;
  color: white;
  padding: 10px;
  position: relative;
  overflow: hidden;
}
.msg_receive{
    padding-left:0;
    margin-left:0;
}
.msg_sent{
    padding-bottom:20px !important;
    margin-right:0;
}
.messages {
background: white;
  padding: 10px;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  max-width:100%;
}


.messages > p {
    font-size: 13px;
    margin: 0 0 0.2rem 0;
  }
.messages > time {
    font-size: 11px;
    color: #ccc;
}
.msg_container {
    padding: 10px;
    overflow: hidden;
    display: flex;
}
.imgChat {
    display: block;
    width: 100%;
}
.avatar {
    position: relative;
}
.base_receive > .avatar:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid #FFF;
    border-left-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
}

.base_sent {
  justify-content: flex-end;
  align-items: flex-end;
}
.base_sent > .avatar:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid white;
    border-right-color: transparent;
    border-top-color: transparent;
    box-shadow: 1px 1px 2px; /*// not quite perfect but close*/
}

.msg_sent > time{
    float: right;
}

/*End Chat*/



.navbar {
    border: 0px solid transparent !important;
}
.navbar-inverse {
    /*background-color: #222;*/
    /* border-color: #080808; */
    /*box-shadow: 0px 0px 1px;*/
}




.dataTables_wrapper .dataTables_filter input
{
    margin-left: 0em !important;
}
.swal-text{
        text-align:center;
}

.input-field .date .validate{
    color:black !important;
    cursor:pointer !important;
}

.divBorder{
   
    border: 4px solid #fff;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
    box-sizing: border-box;
    width:100%;
    position: relative;
  
     border-radius: 5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    background: #fff;
    margin-bottom:10px;
   
}
.divBorder.text-center.forgot-password {width:50%;}
form.form-horizontal .divBorder.text-center input.btn.btn-primary {
       background: #183883;
}
.payment-type .active{
	background-color:#f1f1f1 !important;
	
	}


.card2 {
	
	height:150px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
   
  margin:2.5rem;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
border-radius: 2px;
 box-shadow: 0px 1px 0px grey;	   
}

.heading-get-touch{
	
		font-family:Roboto;
	font-size:22px;
	color:#f37f04;
	}


.card1 {
	width:180px;
	height:120px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
   
  margin:2rem;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
border-radius: 6px;
 box-shadow: 0px 1px 0px grey;	   
}

.card1 img{
	margin:0 auto;
}

.icon-text{
	padding-top:1rem;
	color:#969696;
	font-size:14px;
	}

.icon-text1{
	padding-top:1rem;
	color:#202766;
	font-size:24px;
	/*font-family:Roboto;*/
	}

.icon-text2{
	padding-top:1rem;
	color:#000;
	font-size:20px;
	
	}

.headingt-font{
	/*font-family:Roboto;*/
	font-size:18px;
	font-weight:600;
	color:#000;
	}	
.customt-font{
	font-weight:600;
	color:#000;
	}
.unhideBtn{
            position:absolute;
            top:7px;
            right:40px;
            visibility: hidden;
        }
        .hideBar{
            display:none;
        }
        .unhideBar{
            visibility: visible;
        }
        .bodyPadding{
            padding-top:0 !important;
        }





.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #1ea2dd;
    background-color: rgba(200, 202, 219, 0);
}



[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
    font-size: 18px !important;
   /*font-family:Roboto;*/
}

 

@media (min-width: 320px){ .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    height: 100%;
}
}



    .carousel {
    position: relative;
}
    /*.slide {
    background: url(../images/slide1.jpg);
    background-size: cover;
    min-height: 600px;
}*/
    .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

@media screen and (min-width: 320px) {
    .carousel-indicators {
        bottom: 20px;
    }

    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }
}
@media screen and (min-width: 320px) {
    .carousel-indicators {
        bottom: 20px;
    }

    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }

    dl, ol, ul {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        display: block;
    }

    .carousel-inner > .active {
        left: 0;
    }

    .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
        display: block;
    }

    .carousel-inner > .active {
        left: 0;
    }

    .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
        display: block;
    }

    .carousel-item {
        height: 65vh;
        min-height: 635px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .carousel-item {
        position: relative;
        display: none;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        transition: -webkit-transform .6s ease;
        transition: transform .6s ease;
        transition: transform .6s ease, -webkit-transform .6s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    .carousel-item {
        height: 65vh;
        min-height: 635px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}
@media screen and (min-width: 320px) {
    .carousel-caption {
        /*right: 20%;
    left: 20%;
    padding-bottom: 30px;*/
    }

    .carousel-caption {
        position: absolute;
        /*right: 15%;*/
        /*bottom: 20px;*/
        /*left: 16%;*/
        z-index: 10;
        /*padding-top: 20px;*/
        /*padding-bottom: 22rem;*/
        color: #fff;
        text-align: center;
        width: 100%;
        height: 100%;
        background: #000;
        left: 0;
        bottom: 0;
        background: rgba(53, 52, 49, 0.1803921568627451);
        /*text-shadow: 0 1px 2px rgba(0, 0, 0, .6);*/
    }

    .inner-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /*{
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}*/
    /*----------------------*/
    /*.row {
margin-bottom:0px !important;
margin-left:0px;
}*/

    /*.select2-container--flat .select2-results__option--highlighted[aria-selected]{
    background: rgba(9, 15, 75, 0.24) !important;
}*/

    .table-condensed {
        width: 100%;
    }

    /*.datetimepicker{
    z-index: 9 !important;
}*/

    .select2-container .select2-search--inline {
        width: 100%;
    }

    .select2-container .select2-selection--multiple .select2-selection__rendered {
        padding: 0px !important;
    }

    .select2-container--open .select2-dropdown--below {
        margin-top: 33px !important;
    }

    a.btn.disabled, fieldset[disabled] a.btn {
        background-color: darkgrey;
        border-color: darkgrey;
    }

    .carousel-item {
        height: 65vh;
        min-height: 635px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .carousel-item1 {
        height: 40vh;
        min-height: 290px;
        background-image: url(images/customer_bg.jpg);
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }



    .validate-message {
        position: relative;
        bottom: 0;
        text-align: left;
        float: left;
        font-size: 11px;
    }

    .product-font {
        font-size: 19px;
        color: #202766;
        /*font-family:Roboto;*/
    }


    .heading {
        padding-top: 7rem;
        padding-left: 4rem;
        color: #fff;
    }


    .Pragraph {
        padding-left: 4rem;
        color: #FFF;
    }



    .element_hide_2 {
        display: none;
    }


    .card-benefit {
        padding-bottom: 1rem;
    }

    .product-font1 {
        font-size: 19px;
        color: #FFF;
    }

    .product-semi-font {
        font-size: 14px;
        color: #999;
        text-align: left;
    }

    .effect:hover {
        -webkit-box-shadow: 0px 30px 100px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 30px 100px 0px rgba(0, 0, 0, 0.05);
        background: #ffffff;
        border-radius: 10px;
    }

    .size {
        width: 76%;
    }

    .secton2-bg {
        background-color: #f3f4f6;
        padding-bottom: 3rem;
    }



    .secton3-bg {
        background-image: url(../images/Why%20%20Choose%20Us.jpg);
        background-size: cover;
    }
    /*ALPHA*/
    .secton2-bg {
        background-color: #f9f9f9;
        padding-bottom: 2rem;
    }

    .why-funds {
        font-family: Roboto;
        font-size: 24px;
        color: #000;
        text-align: center;
    }

    .col-md-7.y65 {
        float: none;
        display: inline-block;
    }


    .why-funds-kenya {
        font-family: Roboto;
        font-size: 13px;
        color: #00bdf2;
        text-align: center;
        padding-bottom: .2rem;
        font-weight: bold;
    }


    .heading-earn-invest {
        font-family: roboto;
        font-size: 16px;
        color: #FFF;
        text-align: center;
        padding-bottom: .5rem;
    }

    .earn-invest {
        font-family: Verdana;
        font-size: 26px;
        color: #FFF;
        text-align: center;
        font-weight: bold;
    }

    .invest-text {
        font-family: Verdana;
        font-size: 17px;
        color: #FFF;
        text-align: center;
    }




    .secton12-bg {
        background-color: #98ba31;
        /*background-image:url(../images/how_works.jpg);*/
        background-image: url(../images/pattern.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        padding-bottom: 2rem;
    }

    .best-product {
        font-size: 22px;
        color: #663700;
        font-weight: 600;
        text-align: left;
    }

    .graph {
        padding: 7rem 0;
        background-position: center bottom;
        background-repeat: repeat-x;
        bottom: -1px;
        width: 100%;
    }

    .graph-azure {
        background-image: url(../images/graph-azure.svg);
    }

    .heading-text {
        font-size: 27px;
        color: #000;
        text-align: center;
        font-weight: 600;
        margin-top: 30px;
    }

    .heading-text-pra {
        font-size: 16px;
        color: #666;
        text-align: center;
        padding-bottom: .5rem;
    }

    .text-submit {
        background-color: #f86810;
        color: white;
        font-size: 18px;
        padding: 15px 30px;
        border-radius: 30px;
    }

    .text-center {
        text-align: center;
        padding-bottom: 0rem;
    }


    .secton31-bg {
        background-color: #FFF;
        padding-bottom: 2rem;
    }


    .why-us {
        padding: 30px 0px;
        text-align: center;
    }


    .mobile-add {
        color: #2d4882;
        font-size: 18px;
        text-align: left;
    }

    .section5-bg { /*background-color:#FFF;*/
        overflow: hidden;
    }

    .mobile-app {
        padding: 50px 0px;
    }

    /*END ALPHA*/
}







            .card {
                position: relative;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                padding: 0px;
                background-color: #fff;
                background-clip: border-box;
                border: 1px solid rgba(0, 0, 0, .125);
                border-radius: 4px;
            }

            .payment-btn {
                font-size: 16px;
                font-weight: bold;
            }


            .card-apply-box {
                width: 250px;
                height: 50px;
                position: relative;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                background-color: #fff;
                background-clip: border-box;
                border: 1px solid rgba(0, 0, 0, .125);
            }

            .mobile-text {
                text-align: left;
                padding-top: 20px;
            }

            .Apply-botton {
                background-color: #202766;
                border: 1px solid #06F;
                border-radius: 4px;
                display: inline-block;
                font-size: 15px;
                font-weight: 500;
                text-decoration: none;
                color: #fff;
                margin-top: 2em;
                padding: 1.3rem;
                box-shadow: 1px 1px 1px #adadad;
                text-align: center;
            }

                .Apply-botton:hover {
                    background-color: #015aa6;
                }


            .card-paymentdue {
                width: 250px;
                height: 250px;
                position: relative;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                background-color: #fff;
                background-clip: border-box;
                border: 1px solid rgba(0, 0, 0, .125);
            }

            .icon {
                padding-top: 1rem;
                height: 81px;
            }

            .icon-text {
                padding-top: 1rem;
                color: #969696;
                font-size: 14px;
            }

            .icon-text-paymentdue {
                color: #969696;
                font-size: 14px;
            }


            .card > hr {
                margin-right: 0;
                margin-left: 0;
            }

            .card > .list-group:first-child .list-group-item:first-child {
                border-top-left-radius: .25rem;
                border-top-right-radius: .25rem;
            }

            .card > .list-group:last-child .list-group-item:last-child {
                border-bottom-right-radius: .25rem;
                border-bottom-left-radius: .25rem;
            }

            .card-body {
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                padding: 1.25rem;
            }

            .card-title {
                margin-bottom: .75rem;
            }

            .card-subtitle {
                margin-top: -.375rem;
                margin-bottom: 0;
            }

            .card-text:last-child {
                margin-bottom: 0;
            }

            .card-link:hover {
                text-decoration: none;
            }

            .card-link + .card-link {
                margin-left: 1.25rem;
            }

            .card-header {
                padding: .75rem 1.25rem;
                margin-bottom: 0;
                background-color: rgba(0, 0, 0, .03);
                border-bottom: 1px solid rgba(0, 0, 0, .125);
            }

                .card-header:first-child {
                    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
                }

                .card-header + .list-group .list-group-item:first-child {
                    border-top: 0;
                }

            .card-footer {
                padding: .75rem 1.25rem;
                background-color: rgba(0, 0, 0, .03);
                border-top: 1px solid rgba(0, 0, 0, .125);
            }

                .card-footer:last-child {
                    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
                }

            .card-header-tabs {
                margin-right: -.625rem;
                margin-bottom: -.75rem;
                margin-left: -.625rem;
                border-bottom: 0;
            }

            .card-header-pills {
                margin-right: -.625rem;
                margin-left: -.625rem;
            }

            .card-img-overlay {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                padding: 1.25rem;
            }

            .card-img {
                width: 100%;
                border-radius: calc(.25rem - 1px);
            }

            .card-img-top {
                width: 100%;
                border-top-left-radius: calc(.25rem - 1px);
                border-top-right-radius: calc(.25rem - 1px);
            }

            .card-img-bottom {
                width: 100%;
                border-bottom-right-radius: calc(.25rem - 1px);
                border-bottom-left-radius: calc(.25rem - 1px);
            }

            .card-deck {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
            }

                .card-deck .card {
                    margin-bottom: 15px;
                }

            @media (min-width: 320px) {
                .card-deck {
                    -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
                    margin-right: -15px;
                    margin-left: -15px;
                }

                    .card-deck .card {
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex: 1 0 0%;
                        flex: 1 0 0%;
                        -ms-flex-direction: column;
                        flex-direction: column;
                        margin-right: 15px;
                        margin-bottom: 0;
                        margin-left: 15px;
                    }
            }

            .card-group {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
            }

                .card-group .card {
                    margin-bottom: 15px;
                }

@media (min-width: 320px) {

    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        .card-group .card {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .card-group .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group .card:first-child {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .card-group .card:first-child .card-img-top {
                    border-top-right-radius: 0;
                }

                .card-group .card:first-child .card-img-bottom {
                    border-bottom-right-radius: 0;
                }

            .card-group .card:last-child {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .card-group .card:last-child .card-img-top {
                    border-top-left-radius: 0;
                }

                .card-group .card:last-child .card-img-bottom {
                    border-bottom-left-radius: 0;
                }

            .card-group .card:only-child {
                border-radius: .25rem;
            }

                .card-group .card:only-child .card-img-top {
                    border-top-left-radius: .25rem;
                    border-top-right-radius: .25rem;
                }

                .card-group .card:only-child .card-img-bottom {
                    border-bottom-right-radius: .25rem;
                    border-bottom-left-radius: .25rem;
                }

            .card-group .card:not(:first-child):not(:last-child):not(:only-child) {
                border-radius: 0;
            }

                .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
                .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
                    border-radius: 0;
                }

    .card-columns .card {
        margin-bottom: .75rem;
    }
}
                @media (min-width: 320px) {
                    .card-columns {
                        -webkit-column-count: 3;
                        column-count: 3;
                        -webkit-column-gap: 1.25rem;
                        column-gap: 1.25rem;
                    }

                        .card-columns .card {
                            display: inline-block;
                            width: 100%;
                        }







                    .why-us {
                        /*padding:30px 0px;*/
                        text-align: center;
                    }


                    .mobile-add {
                        color: #2d4882;
                        font-size: 23px;
                    }

                    /*.section5-bg {background-color:#FFF; 
			   }*/
                    .mobile-app {
                        /*padding:50px 0px;*/
                    }



                    .secton4-bg {
                        background-image: url(../images/customer_speck.jpg);
                        /*height:300px;
padding:30px;*/
                        background-size: cover;
                    }

                    .customer-speck {
                        color: #FFF;
                        font-size: 16px;
                    }

                    .fixed-top {
                        box-shadow: 1px 1px 1px #adadad;
                    }


                    /*.partner { padding:30px;}*/

                    .header-fixed {
                        position: fixed;
                        left: 0;
                        top: 0;
                        width: 100%;
                        z-index: 99999;
                        /*box-shadow: 0px 0px 1px 0px;*/
                    }

                    .footer {
                        background: #3c2000 url(../images/25.png);
                        /*padding-top: 250px;*/
                        background-position: right top;
                        background-repeat: no-repeat;
                    }
                }

                .footer-ERP {
                    /*background-color: #202665;*/
                    /*background-color: rgba(7, 157, 219, 0.67);*/
                    background-color: #333;
                    color: white;
                    text-align: center;
                    font-size: 14px;
                    /*padding-top: 10px;*/
                    /*margin-top: 1.5rem;*/
                    /*position: fixed;
                    left: 0;
                    bottom: 0;*/
                    width: 100%;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    height: 35px;
                }

                .top_margin {
                    margin-top: 20px;
                }

                .footer-ERP h5 {
                    color: #fff;
                }

                .footer-text {
                    color: #FFF;
                    font-size: 16px;
                    padding: 0 10px 20px 0px;
                    /*font-family:Roboto;*/
                }


                .footer-semi-text {
                    color: #fafafa;
                    font-size: 13px;
                    margin-bottom: 20px;
                    /*font-family:Roboto;*/
                }



                .get-mobile {
                    padding: 0px 30px 0px 0;
                    margin-top: 20px;
                }

                .img-fluid {
                    max-width: 75%;
                }

                .nu76 {
                    margin-top: 80px;
                }

@media (min-width: 320px) {
    .text-md-right {
        text-align: right !important;
    }

    .input-text {
        padding: 0px 30px 0px;
    }

    .right-pannel {
        position: fixed;
        z-index: 501;
        right: 0;
        top: 130px;
    }

    .right-pannel-icon {
        float: left;
        padding-left: 14px;
    }


    .right-pannel-item {
        background-color: #FFF;
        width: 8rem;
        height: 9rem;
        text-align: center;
        /*border-radius:5px 0px 0px 5px;*/
        box-shadow: 1px 1px 1px #575757;
        /*margin-bottom: 0.1rem;*/
        padding-top: 1rem;
        background: #00bdf2;
        border-top-left-radius: 10px;
        border-bottom: 1px solid #29d0ff;
    }

        .right-pannel-item:hover {
            background: #00a9d8;
        }

    .right-pannel-items:hover {
        background: #00a9d8;
    }

    .right-pannel-itemss:hover {
        background: #00a9d8;
    }

    .right-pannel-items {
        background-color: #FFF;
        width: 8rem;
        height: 9rem;
        text-align: center;
        /* border-radius: 5px 0px 0px 5px; */
        box-shadow: 1px 1px 1px #575757;
        /* margin-bottom: 0.1rem; */
        padding-top: 1rem;
        background: #00bdf2;
        border-bottom: 1px solid #29d0ff;
    }

    .right-pannel-itemss {
        background-color: #FFF;
        width: 8rem;
        height: 9rem;
        text-align: center;
        /* border-radius: 5px 0px 0px 5px; */
        box-shadow: 1px 1px 1px #575757;
        /* margin-bottom: 0.1rem; */
        padding-top: 1rem;
        background: #00bdf2;
        border-bottom-left-radius: 10px;
    }

    .left-pannel {
        position: fixed;
        z-index: 501;
        left: 0;
        top: 130px;
    }

    .left-pannel-icon {
        float: right;
        padding-right: 14px;
    }


    .left-pannel-item {
        background-color: #FFF;
        width: 11rem;
        height: 11rem;
        text-align: center;
        /*border-radius:5px 0px 0px 5px;*/
        box-shadow: 1px 1px 1px #575757;
        /*margin-bottom: 0.1rem;*/
        padding-top: 2rem;
    }
}
                    /*<!---->*************************************************************************************************************
******************************************************************************************************
************************************************************************************  Login Style Sheet*/

                    .bg {
                        height: auto;
                        width: 100%;
                        background-attachment: fixed;
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

                    .login-logo {
                        /*padding:2.5rem 1rem;*/
                    }

                    .rob-20 {
                        position: absolute;
                        top: 0px;
                    }

                    .login-text {
                        /*font-size:40px;*/
                        /*font-family:Roboto;*/
                        /*color:#00bdf2;*/
                        color: #da7612;
                        font-size: 24px;
                        font-weight: bold;
                    }

                    .uy76 {
                        margin-left: 30px;
                    }

                    .login-text-1 {
                        font-size: 16px;
                        /*color:#15276c;*/
                        color: #000;
                    }

                    .login-botton {
                        background: #00bdf2;
                        color: #FFF;
                        height: 65px;
                        width: 323px;
                        text-align: center;
                        border-radius: 10px;
                        font-size: 20px;
                    }


                    .login-heading {
                        color: #FFF;
                        font-family: Tahoma, Geneva, sans-serif;
                        padding-left: 3rem;
                        font-size: 50px;
                        padding-top: 10rem;
                        margin: 0px;
                    }

                    .login-heading-lorem {
                        color: #FFF;
                        font-family: Tahoma, Geneva, sans-serif;
                        padding-left: 7rem;
                        font-size: 18px;
                    }

                    .follow-us {
                        color: #5a5a5a;
                        font-size: 14px;
                        font-weight: 100;
                        width: 50%;
                        text-align: left;
                        padding-left: 10px;
                    }



                    .login-btn {
                        padding-top: 15px;
                        padding-bottom: 15px;
                    }

                    .social-link {
                        position: absolute;
                        bottom: 0;
                    }


                    .Master-btn {
                        background: #202766;
                        color: #FFF;
                        height: 50px;
                        width: 200px;
                        text-align: center;
                        border-radius: 10px;
                        font-size: 20px;
                        margin-left: 3rem;
                    }




                    .Master-btn-exit {
                        background: #da1d23;
                        color: #FFF;
                        height: 50px;
                        width: 200px;
                        text-align: center;
                        border-radius: 10px;
                        font-size: 20px;
                        margin-left: 3rem;
                    }


                    .action-item span {
                        padding: 0px 5px;
                    }

                    .dataTables_wrapper input {
                        border: 1px solid #f3f3f3 !important;
                        height: 15px;
                    }

                    .dataTables_wrapper label {
                        text-align: left;
                        font-size: 15px;
                    }


                    .dataTables_wrapper select {
                        display: block;
                    }

                    #profile_details_length select {
                        display: inline-block;
                        width: auto;
                    }

                    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                        color: #fff !important;
                        border: 1px solid #979797;
                        background-color: white;
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
                        background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                        background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                        background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                        background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                        background: linear-gradient(to bottom, #172ad8 0%, #4f5dd9 100%);
                    }



                    .dropdown-menu-header {
                        background-color: #202766;
                        height: 60px;
                        color: #FFF;
                    }



                    .form-header {
                        padding-top: 4rem;
                    }

                    .header-heading {
                        font-size: 18px;
                        color: #15276c;
                        font-weight: bold;
                    }

                    .semi-heading {
                        font-size: 16px;
                        /*font-family:Roboto;*/
                        color: #515151;
                    }




                    label {
                        font-size: 13px;
                        color: #333;
                    }

                    /* Text Inputs + Textarea
   ========================================================================== */
                    /* Style Placeholders */
                    ::-webkit-input-placeholder {
                        color: #d1d1d1;
                    }

                    ::-moz-placeholder {
                        color: #d1d1d1;
                    }

                    :-ms-input-placeholder {
                        color: #d1d1d1;
                    }

                    ::placeholder {
                        color: #d1d1d1;
                    }

                    /* Text inputs */
                    input:not([type]),
                    input[type=text]:not(.browser-default),
                    input[type=password]:not(.browser-default),
                    input[type=email]:not(.browser-default),
                    input[type=url]:not(.browser-default),
                    input[type=time]:not(.browser-default),
                    input[type=date]:not(.browser-default),
                    input[type=datetime]:not(.browser-default),
                    input[type=datetime-local]:not(.browser-default),
                    input[type=tel]:not(.browser-default),
                    input[type=number]:not(.browser-default),
                    input[type=search]:not(.browser-default),
                    textarea.materialize-textarea {
                        width: 100%;
                        font-size: 14px;
                        /*margin: 0 0 20px 0;*/
                        -webkit-box-shadow: none;
                        box-shadow: none;
                        border-radius: 2px;
                        
                        height:28px;
                    }

                    .btn-white {
                        color: #414d5f;
                        background-color: #fff;
                        border: 1px solid #f5f5f5;
                        border-radius: 0px;
                        -webkit-box-shadow: none;
                        box-shadow: none;
                    }

                    .input-field {
                        position: relative;
                    }

                        .input-field.inline {
                            display: inline-block;
                            vertical-align: middle;
                            margin-left: 5px;
                        }

                            .input-field.inline input,
                            .input-field.inline .select-dropdown {
                                margin-bottom: 1rem;
                            }

                        .input-field.col label {
                            left: 1rem;
                        }

                        .input-field.col .prefix ~ label,
                        .input-field.col .prefix ~ .validate ~ label {
                            width: calc(100% - 3rem - 1.5rem);
                        }

                        .input-field label {
                            color: #000;
                            /*position: absolute;*/
                            top: -6px;
                            left: 0;
                            height: 100%;
                            font-size: 1.7rem;
                            font-weight: normal;
                            cursor: text;
                            -webkit-transition: -webkit-transform .2s ease-out;
                            transition: -webkit-transform .2s ease-out;
                            transition: transform .2s ease-out;
                            transition: transform .2s ease-out, -webkit-transform .2s ease-out;
                            -webkit-transform-origin: 0% 100%;
                            transform-origin: 0% 100%;
                            text-align: initial;
                            -webkit-transform: translateY(12px);
                            transform: translateY(12px);
                            pointer-events: none;
                            /*padding-left:1.48rem;*/
                        }

                        /*.input-field label:not(.label-icon).active {
  -webkit-transform: translateY(-14px) scale(0.8);
          transform: translateY(-14px) scale(0.8);
  -webkit-transform-origin: 0 0;
          transform-origin: 12px 22px;
}*/

                        .input-field .prefix {
                            position: absolute;
                            width: 3rem;
                            font-size: 2rem;
                            -webkit-transition: color .2s;
                            transition: color .2s;
                        }

                            .input-field .prefix.active {
                                color: #26a69a;
                            }

                            .input-field .prefix ~ input,
                            .input-field .prefix ~ textarea,
                            .input-field .prefix ~ label,
                            .input-field .prefix ~ .validate ~ label,
                            .input-field .prefix ~ .autocomplete-content {
                                margin-left: 3rem;
                                width: 92%;
                                width: calc(100% - 3rem);
                            }

                            .input-field .prefix ~ label {
                                margin-left: 3rem;
                            }

                    /*=================Button Begin=====================*/

                    /*.btn, .btn-large,
.btn-flat {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 2rem;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.btn.disabled, .disabled.btn-large,
.btn-floating.disabled,
.btn-large.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-flat:disabled,
.btn[disabled],
[disabled].btn-large,
.btn-floating[disabled],
.btn-large[disabled],
.btn-flat[disabled] {
  pointer-events: none;
  background-color: #DFDFDF !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #9F9F9F !important;
  cursor: default;
}

.btn.disabled:hover, .disabled.btn-large:hover,
.btn-floating.disabled:hover,
.btn-large.disabled:hover,
.btn-flat.disabled:hover,
.btn:disabled:hover,
.btn-large:disabled:hover,
.btn-floating:disabled:hover,
.btn-large:disabled:hover,
.btn-flat:disabled:hover,
.btn[disabled]:hover,
[disabled].btn-large:hover,
.btn-floating[disabled]:hover,
.btn-large[disabled]:hover,
.btn-flat[disabled]:hover {
  background-color: #DFDFDF !important;
  color: #9F9F9F !important;
}

.btn, .btn-large,
.btn-floating,
.btn-large,
.btn-flat {
  font-size: 1rem;
  outline: 0;
}

.btn i, .btn-large i,
.btn-floating i,
.btn-large i,
.btn-flat i {
  font-size: 1.3rem;
  line-height: inherit;
}

.btn:focus, .btn-large:focus,
.btn-floating:focus {
  background-color: #1d7d74;
}

.btn, .btn-large {
  text-decoration: none;
  color: #fff;
  background-color: #00aeef;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  cursor: pointer;
}

.btn:hover, .btn-large:hover {
  background-color: #015aa6;
}

.btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #26a69a;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle;
}

.btn-floating:hover {
  background-color: #26a69a;
}

.btn-floating:before {
  border-radius: 0;
}

.btn-floating.btn-large {
  width: 56px;
  height: 56px;
}

.btn-floating.btn-large.halfway-fab {
  bottom: -28px;
}

.btn-floating.btn-large i {
  line-height: 56px;
}

.btn-floating.halfway-fab {
  position: absolute;
  right: 24px;
  bottom: -20px;
}

.btn-floating.halfway-fab.left {
  right: auto;
  left: 24px;
}

.btn-floating i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  line-height: 40px;
}

button.btn-floating {
  border: none;
}*/

                    /*========================================================================== */
                    select {
                        display: none;
                    }

                        select.browser-default {
                            display: block;
                        }

                    select {
                        background-color: rgba(255, 255, 255, 0.9);
                        width: 100%;
                        padding: 5px;
                        border: 1px solid #f2f2f2;
                        border-radius: 2px;
                        height: 3rem;
                    }

                    .input-field > select {
                        display: block;
                        position: absolute;
                        width: 0;
                        pointer-events: none;
                        height: 0;
                        top: 0;
                        left: 0;
                        opacity: 0;
                    }

                    .select-label {
                        position: absolute;
                    }

                    .select-wrapper {
                        position: relative;
                    }

                        .select-wrapper.valid + label,
                        .select-wrapper.invalid + label {
                            width: 100%;
                            pointer-events: none;
                        }

                        .select-wrapper input.select-dropdown {
                            position: relative;
                            cursor: pointer;
                            background-color: transparent;
                            border: none;
                            border-bottom: 1px solid #9e9e9e;
                            outline: none;
                            height: 3rem;
                            line-height: 3rem;
                            width: 100%;
                            font-size: 1rem;
                            margin: 0 0 20px 0;
                            padding: 0;
                            display: block;
                            -webkit-user-select: none;
                            -moz-user-select: none;
                            -ms-user-select: none;
                            user-select: none;
                        }

                        .select-wrapper span.caret {
                            color: initial;
                            position: absolute;
                            right: 0;
                            top: 0;
                            bottom: 0;
                            height: 10px;
                            margin: auto 0;
                            font-size: 10px;
                            line-height: 10px;
                        }

                        .select-wrapper + label {
                            position: absolute;
                            top: -26px;
                            font-size: 0.8rem;
                        }

                    select:disabled {
                        color: rgba(0, 0, 0, 0.42);
                    }

                    .select-wrapper.disabled span.caret,
                    .select-wrapper.disabled + label {
                        color: rgba(0, 0, 0, 0.42);
                    }

                    .select-wrapper input.select-dropdown:disabled {
                        color: rgba(0, 0, 0, 0.42);
                        cursor: default;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                    }

                    .select-wrapper i {
                        color: rgba(0, 0, 0, 0.3);
                    }

                    .select-dropdown li.disabled,
                    .select-dropdown li.disabled > span,
                    .select-dropdown li.optgroup {
                        color: rgba(0, 0, 0, 0.3);
                        background-color: transparent;
                    }

                    .select-dropdown.dropdown-content li.active {
                        background-color: transparent;
                    }

                    .select-dropdown.dropdown-content li:hover {
                        background-color: rgba(0, 0, 0, 0.06);
                    }

                    .select-dropdown.dropdown-content li.selected {
                        background-color: rgba(0, 0, 0, 0.03);
                    }

                    .prefix ~ .select-wrapper {
                        margin-left: 3rem;
                        width: 92%;
                        width: calc(100% - 3rem);
                    }

                    .prefix ~ label {
                        margin-left: 3rem;
                    }

                    .select-dropdown li img {
                        height: 40px;
                        width: 40px;
                        margin: 5px 15px;
                        float: right;
                    }

                    .select-dropdown li.optgroup {
                        border-top: 1px solid #eee;
                    }

                        .select-dropdown li.optgroup.selected > span {
                            color: rgba(0, 0, 0, 0.7);
                        }

                        .select-dropdown li.optgroup > span {
                            color: rgba(0, 0, 0, 0.4);
                        }

                        .select-dropdown li.optgroup ~ li.optgroup-option {
                            padding-left: 1rem;
                        }

                    .dropdown-content {
                        background-color: #fff;
                        margin: 0;
                        display: none;
                        min-width: 100px;
                        max-height: 200px;
                        overflow-y: auto;
                        opacity: 0;
                        position: absolute;
                        z-index: 9999;
                        overflow-y: scroll;
                    }

                        .dropdown-content li {
                            clear: both;
                            color: rgba(0, 0, 0, 0.87);
                            cursor: pointer;
                            /*min-height: 50px;*/
                            line-height: 1.5rem;
                            width: 100%;
                            text-align: left;
                            text-transform: none;
                        }

                            .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
                                background-color: #eee;
                            }

                                .dropdown-content li.active.selected {
                                    background-color: #e1e1e1;
                                }

                            .dropdown-content li.divider {
                                min-height: 0;
                                height: 1px;
                            }

                            .dropdown-content li > a, .dropdown-content li > span {
                                font-size: 14px;
                                color: #015aa6;
                                display: block;
                                line-height: 22px;
                                padding: 8px 16px;
                            }

                                .dropdown-content li > span > label {
                                    top: 1px;
                                    left: 0;
                                    height: 18px;
                                }

                                .dropdown-content li > a > i {
                                    height: inherit;
                                    line-height: inherit;
                                    float: left;
                                    margin: 0 24px 0 0;
                                    width: 24px;
                                }

                    .input-field.col .dropdown-content [type="checkbox"] + label {
                        top: 1px;
                        left: 0;
                        height: 18px;
                    }




                    /* Search Field */
                    .input-field input[type=search] {
                        display: block;
                        line-height: inherit;
                    }

                    .nav-wrapper .input-field input[type=search] {
                        height: inherit;
                        padding-left: 4rem;
                        width: calc(100% - 4rem);
                        border: 0;
                        -webkit-box-shadow: none;
                        box-shadow: none;
                    }

                    .input-field input[type=search]:focus {
                        background-color: #fff;
                        border: 0;
                        -webkit-box-shadow: none;
                        box-shadow: none;
                        color: #444;
                    }

                        .input-field input[type=search]:focus + label i,
                        .input-field input[type=search]:focus ~ .mdi-navigation-close,
                        .input-field input[type=search]:focus ~ .material-icons {
                            color: #444;
                        }

                    .input-field input[type=search] + label {
                        left: 1rem;
                    }

                    .input-field input[type=search] ~ .mdi-navigation-close,
                    .input-field input[type=search] ~ .material-icons {
                        position: absolute;
                        top: 0;
                        right: 1rem;
                        color: transparent;
                        cursor: pointer;
                        font-size: 2rem;
                        -webkit-transition: .3s color;
                        transition: .3s color;
                    }

                    /* Textarea */
                    textarea {
                        width: 100%;
                        /*height: 3rem;*/
                        background-color: transparent;
                    }

                        textarea.materialize-textarea {
                            overflow-y: hidden;
                            /* prevents scroll bar flash */
                            /* prevents text jump on Enter keypress */
                            resize: none;
                            min-height: 3rem;
                        }

                            textarea.materialize-textarea.validate + label {
                                height: 100%;
                            }

                                textarea.materialize-textarea.validate + label::after {
                                    top: calc(100% - 12px);
                                }

                                textarea.materialize-textarea.validate + label:not(.label-icon).active {
                                    -webkit-transform: translateY(-25px);
                                    transform: translateY(-25px);
                                }

                    .hiddendiv {
                        display: none;
                        white-space: pre-wrap;
                        word-wrap: break-word;
                        overflow-wrap: break-word;
                        /* future version of deprecated 'word-wrap' */
                        padding-top: 1.2rem;
                        /* prevents text jump on Enter keypress */
                        position: absolute;
                        top: 0;
                    }

                    /* Autocomplete */
                    .autocomplete-content {
                        margin-top: -20px;
                        margin-bottom: 20px;
                        display: block;
                        opacity: 1;
                        position: static;
                    }

                        .autocomplete-content li .highlight {
                            color: #444;
                        }

                        .autocomplete-content li img {
                            height: 40px;
                            width: 40px;
                            margin: 5px 15px;
                        }

                    /* Radio Buttons
   ========================================================================== */
                    [type="radio"]:not(:checked),
                    [type="radio"]:checked {
                        position: absolute;
                        opacity: 0;
                        pointer-events: none;
                    }

                        [type="radio"]:not(:checked) + label,
                        [type="radio"]:checked + label {
                            position: relative;
                            padding-left: 35px;
                            cursor: pointer;
                            display: inline-block;
                            height: 25px;
                            line-height: 25px;
                            font-size: 1rem;
                            -webkit-transition: .28s ease;
                            transition: .28s ease;
                            -webkit-user-select: none;
                            -moz-user-select: none;
                            -ms-user-select: none;
                            user-select: none;
                        }

                    [type="radio"] + label:before,
                    [type="radio"] + label:after {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 0;
                        margin: 4px;
                        width: 16px;
                        height: 16px;
                        z-index: 0;
                        -webkit-transition: .28s ease;
                        transition: .28s ease;
                    }

                    /* Unchecked styles */
                    [type="radio"]:not(:checked) + label:before,
                    [type="radio"]:not(:checked) + label:after,
                    [type="radio"]:checked + label:before,
                    [type="radio"]:checked + label:after,
                    [type="radio"].with-gap:checked + label:before,
                    [type="radio"].with-gap:checked + label:after {
                        border-radius: 50%;
                    }

                    [type="radio"]:not(:checked) + label:before,
                    [type="radio"]:not(:checked) + label:after {
                        border: 2px solid #5a5a5a;
                    }

                    [type="radio"]:not(:checked) + label:after {
                        -webkit-transform: scale(0);
                        transform: scale(0);
                    }

                    /* Checked styles */
                    [type="radio"]:checked + label:before {
                        border: 2px solid transparent;
                    }

                    [type="radio"]:checked + label:after,
                    [type="radio"].with-gap:checked + label:before,
                    [type="radio"].with-gap:checked + label:after {
                        border: 2px solid #202766;
                    }

                    [type="radio"]:checked + label:after,
                    [type="radio"].with-gap:checked + label:after {
                        background-color: #202766;
                    }

                    [type="radio"]:checked + label:after {
                        -webkit-transform: scale(1.02);
                        transform: scale(1.02);
                    }

                    /* Radio With gap */
                    [type="radio"].with-gap:checked + label:after {
                        -webkit-transform: scale(0.5);
                        transform: scale(0.5);
                    }

                    /* Focused styles */
                    [type="radio"].tabbed:focus + label:before {
                        -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
                        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
                    }

                    /* Disabled Radio With gap */
                    [type="radio"].with-gap:disabled:checked + label:before {
                        border: 2px solid rgba(0, 0, 0, 0.42);
                    }

                    [type="radio"].with-gap:disabled:checked + label:after {
                        border: none;
                        background-color: rgba(0, 0, 0, 0.42);
                    }

                    /* Disabled style */
                    [type="radio"]:disabled:not(:checked) + label:before,
                    [type="radio"]:disabled:checked + label:before {
                        background-color: transparent;
                        border-color: rgba(0, 0, 0, 0.42);
                    }

                    [type="radio"]:disabled + label {
                        color: rgba(0, 0, 0, 0.42);
                    }

                    [type="radio"]:disabled:not(:checked) + label:before {
                        border-color: rgba(0, 0, 0, 0.42);
                    }

                    [type="radio"]:disabled:checked + label:after {
                        background-color: rgba(0, 0, 0, 0.42);
                        border-color: #949494;
                    }

                    /* Checkboxes
   ========================================================================== */
                    /* CUSTOM CSS CHECKBOXES */
                    form p {
                        margin-bottom: 10px;
                        text-align: left;
                    }

                        form p:last-child {
                            margin-bottom: 0;
                        }

                    /* Remove default checkbox */
                    /*[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}*/

                    /*/*[type="checkbox"] {
   checkbox aspect 
}*/

                    /*[type="checkbox"] + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

[type="checkbox"] + label:before,
[type="checkbox"]:not(.filled-in) + label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 2px;
  -webkit-transition: .2s;
  transition: .2s;
}

[type="checkbox"]:not(.filled-in) + label:after {
  border: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}

[type="checkbox"]:not(:checked):disabled + label:before {
  border: none;
  background-color: rgba(0, 0, 0, 0.42);
}

[type="checkbox"].tabbed:focus + label:after {
  -webkit-transform: scale(1);
          transform: scale(1);
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}

[type="checkbox"]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #26a69a;
  border-bottom: 2px solid #26a69a;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

[type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.42);
  border-bottom: 2px solid rgba(0, 0, 0, 0.42);
}*/ * /*/

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
                    /**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
                    .picker {
                        font-size: 16px;
                        text-align: left;
                        line-height: 1.2;
                        color: #000000;
                        position: absolute;
                        z-index: 10000;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                        outline: none;
                    }

                    /**
 * The picker input element.
 */
                    .picker__input {
                        cursor: default;
                    }

                        /**
 * When the picker is opened, the input element is "activated".
 */
                        .picker__input.picker__input--active {
                            border-color: #0089ec;
                        }

                    /**
 * The holder is the only "scrollable" top-level container element.
 */
                    .picker__holder {
                        width: 100%;
                        overflow-y: auto;
                        -webkit-overflow-scrolling: touch;
                    }

                    /*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
                    /**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
                    /**
 * Make the holder and frame fullscreen.
 */
                    .picker__holder,
                    .picker__frame {
                        bottom: 0;
                        left: 0;
                        right: 0;
                        top: 100%;
                    }

                    /**
 * The holder should overlay the entire screen.
 */
                    .picker__holder {
                        position: fixed;
                        -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
                        transition: background 0.15s ease-out, top 0s 0.15s;
                        -webkit-backface-visibility: hidden;
                    }

                    /**
 * The frame that bounds the box contents of the picker.
 */
                    .picker__frame {
                        position: absolute;
                        margin: 0 auto;
                        min-width: 256px;
                        width: 300px;
                        max-height: 350px;
                        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                        filter: alpha(opacity=0);
                        -moz-opacity: 0;
                        opacity: 0;
                        -webkit-transition: all 0.15s ease-out;
                        transition: all 0.15s ease-out;
                    }

                    @media (min-height: 28.875em) {
                        .picker__frame {
                            overflow: visible;
                            top: auto;
                            bottom: -100%;
                            max-height: 80%;
                        }
                    }

                    @media (min-height: 40.125em) {
                        .picker__frame {
                            margin-bottom: 7.5%;
                        }
                    }

                    /**
 * The wrapper sets the stage to vertically align the box contents.
 */
                    .picker__wrap {
                        display: table;
                        width: 100%;
                        height: 100%;
                    }

                    @media (min-height: 28.875em) {
                        .picker__wrap {
                            display: block;
                        }
                    }

                    /**
 * The box contains all the picker contents.
 */
                    .picker__box {
                        background: #ffffff;
                        display: table-cell;
                        vertical-align: middle;
                    }

                    @media (min-height: 28.875em) {
                        .picker__box {
                            display: block;
                            border: 1px solid #777777;
                            border-top-color: #898989;
                            border-bottom-width: 0;
                            border-radius: 5px 5px 0 0;
                            -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
                            box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
                        }
                    }

                    /**
 * When the picker opens...
 */
                    .picker--opened .picker__holder {
                        top: 0;
                        background: transparent;
                        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
                        zoom: 1;
                        background: rgba(0, 0, 0, 0.32);
                        -webkit-transition: background 0.15s ease-out;
                        transition: background 0.15s ease-out;
                    }

                    .picker--opened .picker__frame {
                        top: 0;
                        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                        filter: alpha(opacity=100);
                        -moz-opacity: 1;
                        opacity: 1;
                    }

                    @media (min-height: 35.875em) {
                        .picker--opened .picker__frame {
                            top: 10%;
                            bottom: auto;
                        }
                    }

                    /**
 * For `large` screens, transform into an inline picker.
 */
                    /* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
                    .picker__input.picker__input--active {
                        border-color: #E3F2FD;
                    }

                    .picker__frame {
                        margin: 0 auto;
                        max-width: 325px;
                    }

                    @media (min-height: 38.875em) {
                        .picker--opened .picker__frame {
                            top: 10%;
                            bottom: auto;
                        }
                    }

                    @media only screen and (min-width: 601px) {
                        .picker__box {
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                        }

                        .picker__frame {
                            width: 80%;
                            max-width: 600px;
                        }
                    }

                    /* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
                    /**
 * The picker box.
 */
                    .picker__box {
                        padding: 0;
                        border-radius: 2px;
                        overflow: hidden;
                    }

                    /**
 * The header containing the month and year stuff.
 */
                    .picker__header {
                        text-align: center;
                        position: relative;
                        margin-top: .75em;
                    }

                    /**
 * The month and year labels.
 */
                    .picker__month,
                    .picker__year {
                        display: inline-block;
                        margin-left: .25em;
                        margin-right: .25em;
                    }

                    /**
 * The month and year selectors.
 */
                    .picker__select--month,
                    .picker__select--year {
                        height: 2em;
                        padding: 0;
                        margin-left: .25em;
                        margin-right: .25em;
                    }

                        .picker__select--month.browser-default {
                            display: inline;
                            background-color: #FFFFFF;
                            width: 40%;
                        }

                        .picker__select--year.browser-default {
                            display: inline;
                            background-color: #FFFFFF;
                            width: 26%;
                        }

                        .picker__select--month:focus,
                        .picker__select--year:focus {
                            border-color: rgba(0, 0, 0, 0.05);
                        }

                    /**
 * The month navigation buttons.
 */
                    .picker__nav--prev,
                    .picker__nav--next {
                        position: absolute;
                        padding: .5em 1.25em;
                        width: 1em;
                        height: 1em;
                        -webkit-box-sizing: content-box;
                        box-sizing: content-box;
                        top: -0.25em;
                    }

                    .picker__nav--prev {
                        left: -1em;
                        padding-right: 1.25em;
                    }

                    .picker__nav--next {
                        right: -1em;
                        padding-left: 1.25em;
                    }

                    .picker__nav--disabled,
                    .picker__nav--disabled:hover,
                    .picker__nav--disabled:before,
                    .picker__nav--disabled:before:hover {
                        cursor: default;
                        background: none;
                        border-right-color: #f5f5f5;
                        border-left-color: #f5f5f5;
                    }

                    /**
 * The calendar table of dates
 */
                    .picker__table {
                        text-align: center;
                        border-collapse: collapse;
                        border-spacing: 0;
                        table-layout: fixed;
                        font-size: 1rem;
                        width: 100%;
                        margin-top: .75em;
                        margin-bottom: .5em;
                    }

                        .picker__table th, .picker__table td {
                            text-align: center;
                        }

                        .picker__table td {
                            margin: 0;
                            padding: 0;
                        }

                    /**
 * The weekday labels
 */
                    .picker__weekday {
                        width: 14.285714286%;
                        font-size: .75em;
                        padding-bottom: .25em;
                        color: #999999;
                        font-weight: 500;
                        /* Increase the spacing a tad */
                    }

                    @media (min-height: 33.875em) {
                        .picker__weekday {
                            padding-bottom: .5em;
                        }
                    }

                    /**
 * The days on the calendar
 */
                    .picker__day--today {
                        position: relative;
                        color: #595959;
                        letter-spacing: .3;
                        padding: .75rem 0;
                        font-weight: 400;
                        border: 1px solid transparent;
                    }

                    .picker__day--disabled:before {
                        border-top-color: #aaaaaa;
                    }

                    .picker__day--infocus:hover {
                        cursor: pointer;
                        color: #000;
                        font-weight: 500;
                    }

                    .picker__day--outfocus {
                        display: none;
                        padding: .75rem 0;
                        color: #fff;
                    }

                        .picker__day--outfocus:hover {
                            cursor: pointer;
                            color: #dddddd;
                            font-weight: 500;
                        }

                    .picker__day--highlighted:hover,
                    .picker--focused .picker__day--highlighted {
                        cursor: pointer;
                    }

                    .picker__day--selected,
                    .picker__day--selected:hover,
                    .picker--focused .picker__day--selected {
                        border-radius: 50%;
                        -webkit-transform: scale(0.75);
                        transform: scale(0.75);
                        background: #0089ec;
                        color: #ffffff;
                    }

                    .picker__day--disabled,
                    .picker__day--disabled:hover,
                    .picker--focused .picker__day--disabled {
                        background: #f5f5f5;
                        border-color: #f5f5f5;
                        color: #dddddd;
                        cursor: default;
                    }

                    .picker__day--highlighted.picker__day--disabled,
                    .picker__day--highlighted.picker__day--disabled:hover {
                        background: #bbbbbb;
                    }

                    /**
 * The footer containing the "today", "clear", and "close" buttons.
 */
                    .picker__footer {
                        text-align: right;
                    }

                    .picker__button--today,
                    .picker__button--clear,
                    .picker__button--close {
                        border: 1px solid #ffffff;
                        background: #ffffff;
                        font-size: .8em;
                        padding: .66em 0;
                        font-weight: bold;
                        width: 33%;
                        display: inline-block;
                        vertical-align: bottom;
                    }

                        .picker__button--today:hover,
                        .picker__button--clear:hover,
                        .picker__button--close:hover {
                            cursor: pointer;
                            color: #000000;
                            background: #b1dcfb;
                            border-bottom-color: #b1dcfb;
                        }

                        .picker__button--today:focus,
                        .picker__button--clear:focus,
                        .picker__button--close:focus {
                            background: #b1dcfb;
                            border-color: rgba(0, 0, 0, 0.05);
                            outline: none;
                        }

                        .picker__button--today:before,
                        .picker__button--clear:before,
                        .picker__button--close:before {
                            position: relative;
                            display: inline-block;
                            height: 0;
                        }

                        .picker__button--today:before,
                        .picker__button--clear:before {
                            content: " ";
                            margin-right: .45em;
                        }

                        .picker__button--today:before {
                            top: -0.05em;
                            width: 0;
                            border-top: 0.66em solid #0059bc;
                            border-left: .66em solid transparent;
                        }

                        .picker__button--clear:before {
                            top: -0.25em;
                            width: .66em;
                            border-top: 3px solid #ee2200;
                        }

                        .picker__button--close:before {
                            content: "\D7";
                            top: -0.1em;
                            vertical-align: top;
                            font-size: 1.1em;
                            margin-right: .35em;
                            color: #777777;
                        }

                        .picker__button--today[disabled],
                        .picker__button--today[disabled]:hover {
                            background: #f5f5f5;
                            border-color: #f5f5f5;
                            color: #dddddd;
                            cursor: default;
                        }

                            .picker__button--today[disabled]:before {
                                border-top-color: #aaaaaa;
                            }

                    /* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
                    /*.picker__box {
  border-radius: 2px;
  overflow: hidden;
}*/
                    .picker__date-display {
                        text-align: left;
                        background-color: #26a69a;
                        color: #fff;
                        padding: 18px;
                        font-weight: 300;
                    }

                    @media only screen and (min-width: 601px) {
                        .picker__date-display {
                            -webkit-box-flex: 1;
                            -webkit-flex: 1;
                            -ms-flex: 1;
                            flex: 1;
                        }

                        .picker__weekday-display {
                            display: block;
                        }

                        .picker__container__wrapper {
                            -webkit-box-flex: 2;
                            -webkit-flex: 2;
                            -ms-flex: 2;
                            flex: 2;
                        }
                    }

                    .picker__nav--prev:hover,
                    .picker__nav--next:hover {
                        cursor: pointer;
                        color: #000000;
                        background: #a1ded8;
                    }

                    .picker__weekday-display {
                        font-weight: 500;
                        font-size: 2.8rem;
                        margin-right: 5px;
                        margin-top: 4px;
                    }

                    .picker__month-display {
                        font-size: 2.8rem;
                        font-weight: 500;
                    }

                    .picker__day-display {
                        font-size: 2.8rem;
                        font-weight: 500;
                        margin-right: 5px;
                    }

                    .picker__year-display {
                        font-size: 1.5rem;
                        font-weight: 500;
                        color: rgba(255, 255, 255, 0.7);
                    }

                    /*.picker__box {
  padding: 0;
}*/
                    .picker__calendar-container {
                        padding: 0 1rem;
                    }

                        .picker__calendar-container thead {
                            border: none;
                        }

                    .picker__table {
                        margin-top: 0;
                        margin-bottom: .5em;
                    }

                    .picker__day--infocus {
                        color: rgba(0, 0, 0, 0.87);
                        letter-spacing: -.3px;
                        padding: 0.75rem 0;
                        font-weight: 400;
                        border: 1px solid transparent;
                    }

                    @media only screen and (min-width: 601px) {
                        .picker__day--infocus {
                            padding: 1.1rem 0;
                        }
                    }

                    .picker__day.picker__day--today {
                        color: #26a69a;
                    }

                        .picker__day.picker__day--today.picker__day--selected {
                            color: #fff;
                        }

                    .picker__weekday {
                        font-size: .9rem;
                    }

                    .picker__day--selected,
                    .picker__day--selected:hover,
                    .picker--focused .picker__day--selected {
                        border-radius: 50%;
                        -webkit-transform: scale(0.9);
                        transform: scale(0.9);
                        background-color: #26a69a;
                        color: #ffffff;
                    }

                        .picker__day--selected.picker__day--outfocus,
                        .picker__day--selected:hover.picker__day--outfocus,
                        .picker--focused .picker__day--selected.picker__day--outfocus {
                            background-color: #a1ded8;
                        }

                    .picker__footer {
                        text-align: right;
                        padding: 5px 10px;
                    }

                    .picker__close, .picker__today, .picker__clear {
                        font-size: 1.1rem;
                        padding: 0 1rem;
                        color: #26a69a;
                    }

                    .picker__clear {
                        color: #f44336;
                        float: left;
                    }

                    .picker__nav--prev:before,
                    .picker__nav--next:before {
                        content: " ";
                        border-top: .5em solid transparent;
                        border-bottom: .5em solid transparent;
                        border-right: 0.75em solid #676767;
                        width: 0;
                        height: 0;
                        display: block;
                        margin: 0 auto;
                    }

                    .picker__nav--next:before {
                        border-right: 0;
                        border-left: 0.75em solid #676767;
                    }

                    button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
                        background-color: #a1ded8;
                    }

                    /* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
                    /**
 * The list of times.
 */
                    .picker__list {
                        list-style: none;
                        padding: 0.75em 0 4.2em;
                        margin: 0;
                    }

                    /**
 * The times on the clock.
 */
                    .picker__list-item {
                        border-bottom: 1px solid #ddd;
                        border-top: 1px solid #ddd;
                        margin-bottom: -1px;
                        position: relative;
                        background: #fff;
                        padding: .75em 1.25em;
                    }

                    @media (min-height: 46.75em) {
                        .picker__list-item {
                            padding: .5em 1em;
                        }
                    }

                    /* Hovered time */
                    .picker__list-item:hover {
                        cursor: pointer;
                        color: #000;
                        background: #b1dcfb;
                        border-color: #0089ec;
                        z-index: 10;
                    }

                    /* Highlighted and hovered/focused time */
                    .picker__list-item--highlighted {
                        border-color: #0089ec;
                        z-index: 10;
                    }

                        .picker__list-item--highlighted:hover,
                        .picker--focused .picker__list-item--highlighted {
                            cursor: pointer;
                            color: #000;
                            background: #b1dcfb;
                        }

                    /* Selected and hovered/focused time */
                    .picker__list-item--selected,
                    .picker__list-item--selected:hover,
                    .picker--focused .picker__list-item--selected {
                        background: #0089ec;
                        color: #fff;
                        z-index: 10;
                    }

                    /* Disabled time */
                    .picker__list-item--disabled,
                    .picker__list-item--disabled:hover,
                    .picker--focused .picker__list-item--disabled {
                        background: #f5f5f5;
                        border-color: #f5f5f5;
                        color: #ddd;
                        cursor: default;
                        border-color: #ddd;
                        z-index: auto;
                    }

                    /**
 * The clear button
 */
                    .picker--time .picker__button--clear {
                        display: block;
                        width: 80%;
                        margin: 1em auto 0;
                        padding: 1em 1.25em;
                        background: none;
                        border: 0;
                        font-weight: 500;
                        font-size: .67em;
                        text-align: center;
                        text-transform: uppercase;
                        color: rgba(0, 0, 0, 0.87);
                    }

                        .picker--time .picker__button--clear:hover,
                        .picker--time .picker__button--clear:focus {
                            color: #000;
                            background: #b1dcfb;
                            background: #ee2200;
                            border-color: #ee2200;
                            cursor: pointer;
                            color: #fff;
                            outline: none;
                        }

                        .picker--time .picker__button--clear:before {
                            top: -0.25em;
                            color: rgba(0, 0, 0, 0.87);
                            font-size: 1.25em;
                            font-weight: bold;
                        }

                        .picker--time .picker__button--clear:hover:before,
                        .picker--time .picker__button--clear:focus:before {
                            color: #fff;
                        }

                    /* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
                    /**
 * The frame the bounds the time picker.
 */
                    .picker--time .picker__frame {
                        min-width: 256px;
                        max-width: 320px;
                    }

                    /**
 * The picker box.
 */
                    .picker--time .picker__box {
                        font-size: 1em;
                        background: #f2f2f2;
                        padding: 0;
                    }

                    @media (min-height: 40.125em) {
                        .picker--time .picker__box {
                            margin-bottom: 5em;
                        }
                    }

                    /* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
                    .clockpicker-display {
                        font-size: 4rem;
                        font-weight: bold;
                        text-align: center;
                        color: rgba(255, 255, 255, 0.6);
                        font-weight: 400;
                        clear: both;
                        position: relative;
                    }

                    .clockpicker-span-am-pm {
                        font-size: 1.3rem;
                        position: absolute;
                        right: 1rem;
                        bottom: 0.3rem;
                        line-height: 2rem;
                        font-weight: 500;
                    }

                    @media only screen and (min-width: 601px) {
                        .clockpicker-display {
                            top: 32%;
                        }

                        .clockpicker-span-am-pm {
                            position: relative;
                            right: auto;
                            bottom: auto;
                            text-align: center;
                            margin-top: 1.2rem;
                        }
                    }

                    .text-primary {
                        color: white;
                    }

                    .clockpicker-span-hours {
                        margin-right: 3px;
                    }

                    .clockpicker-span-minutes {
                        margin-left: 3px;
                    }

                    .clockpicker-span-hours,
                    .clockpicker-span-minutes,
                    .clockpicker-span-am-pm div {
                        cursor: pointer;
                    }

                    .clockpicker-moving {
                        cursor: move;
                    }

                    .clockpicker-plate {
                        background-color: #eee;
                        border-radius: 50%;
                        width: 270px;
                        height: 270px;
                        overflow: visible;
                        position: relative;
                        margin: auto;
                        margin-top: 25px;
                        margin-bottom: 5px;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                    }

                    .clockpicker-canvas,
                    .clockpicker-dial {
                        width: 270px;
                        height: 270px;
                        position: absolute;
                        left: -1px;
                        top: -1px;
                    }

                    .clockpicker-minutes {
                        visibility: hidden;
                    }

                    .clockpicker-tick {
                        border-radius: 50%;
                        color: rgba(0, 0, 0, 0.87);
                        line-height: 40px;
                        text-align: center;
                        width: 40px;
                        height: 40px;
                        position: absolute;
                        cursor: pointer;
                    }

                        .clockpicker-tick.active,
                        .clockpicker-tick:hover {
                            background-color: rgba(38, 166, 154, 0.25);
                        }

                    .clockpicker-dial {
                        -webkit-transition: -webkit-transform 350ms, opacity 350ms;
                        -webkit-transition: opacity 350ms, -webkit-transform 350ms;
                        transition: opacity 350ms, -webkit-transform 350ms;
                        transition: transform 350ms, opacity 350ms;
                        transition: transform 350ms, opacity 350ms, -webkit-transform 350ms;
                    }

                    .clockpicker-dial-out {
                        opacity: 0;
                    }

                    .clockpicker-hours.clockpicker-dial-out {
                        -webkit-transform: scale(1.2, 1.2);
                        transform: scale(1.2, 1.2);
                    }

                    .clockpicker-minutes.clockpicker-dial-out {
                        -webkit-transform: scale(0.8, 0.8);
                        transform: scale(0.8, 0.8);
                    }

                    .clockpicker-canvas {
                        -webkit-transition: opacity 175ms;
                        transition: opacity 175ms;
                    }

                    .clockpicker-canvas-out {
                        opacity: 0.25;
                    }

                    .clockpicker-canvas-bearing {
                        stroke: none;
                        fill: #26a69a;
                    }

                    .clockpicker-canvas-bg {
                        stroke: none;
                        fill: #26a69a;
                    }

                    .clockpicker-canvas-bg-trans {
                        fill: #26a69a;
                    }

                    .clockpicker-canvas line {
                        stroke: #26a69a;
                        stroke-width: 4;
                        stroke-linecap: round;
                        /*shape-rendering: crispEdges;*/
                    }







                    /* Indeterminate checkbox */
                    [type="checkbox"]:indeterminate + label:before {
                        top: -11px;
                        left: -12px;
                        width: 10px;
                        height: 22px;
                        border-top: none;
                        border-left: none;
                        border-right: 2px solid #26a69a;
                        border-bottom: none;
                        -webkit-transform: rotate(90deg);
                        transform: rotate(90deg);
                        -webkit-backface-visibility: hidden;
                        backface-visibility: hidden;
                        -webkit-transform-origin: 100% 100%;
                        transform-origin: 100% 100%;
                    }

                    [type="checkbox"]:indeterminate:disabled + label:before {
                        border-right: 2px solid rgba(0, 0, 0, 0.42);
                        background-color: transparent;
                    }

                    [type="checkbox"].filled-in + label:after {
                        border-radius: 2px;
                    }

                    [type="checkbox"].filled-in + label:before,
                    [type="checkbox"].filled-in + label:after {
                        content: '';
                        left: 0;
                        position: absolute;
                        /* .1s delay is for check animation */
                        -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
                        transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
                        z-index: 1;
                    }

                    [type="checkbox"].filled-in:not(:checked) + label:before {
                        width: 0;
                        height: 0;
                        border: 3px solid transparent;
                        left: 6px;
                        top: 10px;
                        -webkit-transform: rotateZ(37deg);
                        transform: rotateZ(37deg);
                        -webkit-transform-origin: 100% 100%;
                        transform-origin: 100% 100%;
                    }

                    [type="checkbox"].filled-in:not(:checked) + label:after {
                        height: 20px;
                        width: 20px;
                        background-color: transparent;
                        border: 2px solid #5a5a5a;
                        top: 0px;
                        z-index: 0;
                    }

                    [type="checkbox"].filled-in:checked + label:before {
                        top: 0;
                        left: 1px;
                        width: 8px;
                        height: 13px;
                        border-top: 2px solid transparent;
                        border-left: 2px solid transparent;
                        border-right: 2px solid #fff;
                        border-bottom: 2px solid #fff;
                        -webkit-transform: rotateZ(37deg);
                        transform: rotateZ(37deg);
                        -webkit-transform-origin: 100% 100%;
                        transform-origin: 100% 100%;
                    }

                    [type="checkbox"].filled-in:checked + label:after {
                        top: 0;
                        width: 20px;
                        height: 20px;
                        border: 2px solid #26a69a;
                        background-color: #26a69a;
                        z-index: 0;
                    }

                    [type="checkbox"].filled-in.tabbed:focus + label:after {
                        border-radius: 2px;
                        border-color: #5a5a5a;
                        background-color: rgba(0, 0, 0, 0.1);
                    }

                    [type="checkbox"].filled-in.tabbed:checked:focus + label:after {
                        border-radius: 2px;
                        background-color: #26a69a;
                        border-color: #26a69a;
                    }

                    [type="checkbox"].filled-in:disabled:not(:checked) + label:before {
                        background-color: transparent;
                        border: 2px solid transparent;
                    }

                    [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
                        border-color: transparent;
                        background-color: #949494;
                    }

                    [type="checkbox"].filled-in:disabled:checked + label:before {
                        background-color: transparent;
                    }

                    [type="checkbox"].filled-in:disabled:checked + label:after {
                        background-color: #949494;
                        border-color: #949494;
                    }

                    /* Switch
   ========================================================================== */
                    .switch,
                    .switch * {
                        -webkit-tap-highlight-color: transparent;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                    }

                        .switch label {
                            cursor: pointer;
                        }

                            .switch label input[type=checkbox] {
                                opacity: 0;
                                width: 0;
                                height: 0;
                            }

                                .switch label input[type=checkbox]:checked + .lever {
                                    background-color: #84c7c1;
                                }

                                    .switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
                                        left: 18px;
                                    }

                                    .switch label input[type=checkbox]:checked + .lever:after {
                                        background-color: #26a69a;
                                    }

                            .switch label .lever {
                                content: "";
                                display: inline-block;
                                position: relative;
                                width: 36px;
                                height: 14px;
                                background-color: rgba(0, 0, 0, 0.38);
                                border-radius: 15px;
                                margin-right: 10px;
                                -webkit-transition: background 0.3s ease;
                                transition: background 0.3s ease;
                                vertical-align: middle;
                                margin: 0 16px;
                            }

                                .switch label .lever:before, .switch label .lever:after {
                                    content: "";
                                    position: absolute;
                                    display: inline-block;
                                    width: 20px;
                                    height: 20px;
                                    border-radius: 50%;
                                    left: 0;
                                    top: -3px;
                                    -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
                                    transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
                                    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
                                    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
                                }

                                .switch label .lever:before {
                                    background-color: rgba(38, 166, 154, 0.15);
                                }

                                .switch label .lever:after {
                                    background-color: #F1F1F1;
                                    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
                                    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
                                }

                    input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
                    input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
                        -webkit-transform: scale(2.4);
                        transform: scale(2.4);
                        background-color: rgba(38, 166, 154, 0.15);
                    }

                    input[type=checkbox]:not(:disabled) ~ .lever:active:before,
                    input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
                        -webkit-transform: scale(2.4);
                        transform: scale(2.4);
                        background-color: rgba(0, 0, 0, 0.08);
                    }

                    .switch input[type=checkbox][disabled] + .lever {
                        cursor: default;
                        background-color: rgba(0, 0, 0, 0.12);
                    }

                    .switch label input[type=checkbox][disabled] + .lever:after,
                    .switch label input[type=checkbox][disabled]:checked + .lever:after {
                        background-color: #949494;
                    }



                    /* Select Field
   ========================================================================== */
                    select {
                        display: none;
                    }

                        select.browser-default {
                            display: block;
                        }

                    select {
                        background-color: rgba(255, 255, 255, 0.9);
                        width: 100%;
                        padding: 5px;
                        border: 1px solid #f2f2f2;
                        border-radius: 2px;
                        height: 3rem;
                    }

                    .input-field > select {
                        display: block;
                        position: absolute;
                        width: 0;
                        pointer-events: none;
                        height: 0;
                        top: 0;
                        left: 0;
                        opacity: 0;
                    }

                    .select-label {
                        position: absolute;
                    }

                    .select-wrapper {
                        position: relative;
                        /*background:#fff;*/
                        text-indent: 2px;
                        /*box-shadow:0px 0 2px #dcdcdc;
  -moz-box-shadow:0px 0 2px #dcdcdc;
  -webkit-box-shadow:0px 0 2px #dcdcdc;*/
                    }

                        .select-wrapper.valid + label,
                        .select-wrapper.invalid + label {
                            width: 100%;
                            pointer-events: none;
                        }

                        .select-wrapper input.select-dropdown {
                            position: relative;
                            cursor: pointer;
                            background-color: transparent;
                            border: none;
                            border-bottom: 1px solid #9e9e9e;
                            outline: none;
                            height: 3.5rem;
                            line-height: 3rem;
                            width: 100%;
                            font-size: 1.7rem;
                            margin: 0 0 20px 0;
                            padding: 0;
                            display: block;
                            -webkit-user-select: none;
                            -moz-user-select: none;
                            -ms-user-select: none;
                            user-select: none;
                        }

                        .select-wrapper span.caret {
                            color: initial;
                            position: absolute;
                            right: 0;
                            top: 0;
                            bottom: 0;
                            height: 10px;
                            margin: auto 0;
                            font-size: 10px;
                            line-height: 10px;
                            margin-right: 5px;
                        }

                        .select-wrapper + label {
                            position: absolute;
                            top: -37px;
                            font-size: 1.6rem;
                        }

                    select:disabled {
                        color: rgba(0, 0, 0, 0.42);
                    }

                    .select-wrapper.disabled span.caret,
                    .select-wrapper.disabled + label {
                        color: rgba(0, 0, 0, 0.42);
                    }

                    .select-wrapper input.select-dropdown:disabled {
                        color: rgba(0, 0, 0, 0.42);
                        cursor: default;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                    }

                    .select-wrapper i {
                        color: rgba(0, 0, 0, 0.3);
                    }

                    .select-dropdown li.disabled,
                    .select-dropdown li.disabled > span,
                    .select-dropdown li.optgroup {
                        color: rgba(0, 0, 0, 0.3);
                        background-color: transparent;
                    }

                    .select-dropdown.dropdown-content li.active {
                        background-color: transparent;
                    }

                    .select-dropdown.dropdown-content li:hover {
                        background-color: rgba(0, 0, 0, 0.06);
                    }

                    .select-dropdown.dropdown-content li.selected {
                        background-color: rgba(0, 0, 0, 0.03);
                    }

                    .prefix ~ .select-wrapper {
                        margin-left: 3rem;
                        width: 92%;
                        width: calc(100% - 3rem);
                    }

                    .prefix ~ label {
                        margin-left: 3rem;
                    }

                    .select-dropdown li img {
                        height: 40px;
                        width: 40px;
                        margin: 5px 15px;
                        float: right;
                    }

                    .select-dropdown li.optgroup {
                        border-top: 1px solid #eee;
                    }

                        .select-dropdown li.optgroup.selected > span {
                            color: rgba(0, 0, 0, 0.7);
                        }

                        .select-dropdown li.optgroup > span {
                            color: rgba(0, 0, 0, 0.4);
                        }

                        .select-dropdown li.optgroup ~ li.optgroup-option {
                            padding-left: 1rem;
                        }

                    /* File Input
   ========================================================================== */
                    .file-field {
                        position: relative;
                    }

                        .file-field .file-path-wrapper {
                            overflow: hidden;
                            padding-left: 10px;
                        }

                        .file-field input.file-path {
                            width: 100%;
                        }

                        .file-field .btn, .file-field .btn-large {
                            float: left;
                            height: 4rem;
                            width: 10rem;
                            line-height: 3rem;
                            text-decoration: none;
                            color: #fff;
                            background-color: #00aeef;
                            text-align: center;
                            letter-spacing: .5px;
                            -webkit-transition: .2s ease-out;
                            transition: .2s ease-out;
                            cursor: pointer;
                        }

                        .file-field span {
                            cursor: pointer;
                        }

                        .file-field input[type=file] {
                            position: absolute;
                            top: 0;
                            right: 0;
                            left: 0;
                            bottom: 0;
                            width: 100%;
                            margin: 0;
                            padding: 0;
                            font-size: 20px;
                            cursor: pointer;
                            opacity: 0;
                            filter: alpha(opacity=0);
                        }

                            .file-field input[type=file]::-webkit-file-upload-button {
                                display: none;
                            }

                    /* Range
   ========================================================================== */
                    .range-field {
                        position: relative;
                    }

                    input[type=range],
                    input[type=range] + .thumb {
                        cursor: pointer;
                    }

                    input[type=range] {
                        position: relative;
                        background-color: transparent;
                        border: none;
                        outline: none;
                        width: 100%;
                        margin: 15px 0;
                        padding: 0;
                    }

                        input[type=range]:focus {
                            outline: none;
                        }

                        input[type=range] + .thumb {
                            position: absolute;
                            top: 10px;
                            left: 0;
                            border: none;
                            height: 0;
                            width: 0;
                            border-radius: 50%;
                            background-color: #26a69a;
                            margin-left: 7px;
                            -webkit-transform-origin: 50% 50%;
                            transform-origin: 50% 50%;
                            -webkit-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                        }

                            input[type=range] + .thumb .value {
                                display: block;
                                width: 30px;
                                text-align: center;
                                color: #26a69a;
                                font-size: 0;
                                -webkit-transform: rotate(45deg);
                                transform: rotate(45deg);
                            }

                            input[type=range] + .thumb.active {
                                border-radius: 50% 50% 50% 0;
                            }

                                input[type=range] + .thumb.active .value {
                                    color: #fff;
                                    margin-left: -1px;
                                    margin-top: 8px;
                                    font-size: 10px;
                                }

                    input[type=range] {
                        -webkit-appearance: none;
                    }

                        input[type=range]::-webkit-slider-runnable-track {
                            height: 3px;
                            background: #c2c0c2;
                            border: none;
                        }

                        input[type=range]::-webkit-slider-thumb {
                            -webkit-appearance: none;
                            border: none;
                            height: 14px;
                            width: 14px;
                            border-radius: 50%;
                            background-color: #26a69a;
                            -webkit-transform-origin: 50% 50%;
                            transform-origin: 50% 50%;
                            margin: -5px 0 0 0;
                            -webkit-transition: .3s;
                            transition: .3s;
                        }

                        input[type=range]:focus::-webkit-slider-runnable-track {
                            background: #ccc;
                        }

                    input[type=range] {
                        /* fix for FF unable to apply focus style bug  */
                        border: 1px solid white;
                        /*required for proper track sizing in FF*/
                    }

                        input[type=range]::-moz-range-track {
                            height: 3px;
                            background: #ddd;
                            border: none;
                        }

                        input[type=range]::-moz-range-thumb {
                            border: none;
                            height: 14px;
                            width: 14px;
                            border-radius: 50%;
                            background: #26a69a;
                            margin-top: -5px;
                        }

                        input[type=range]:-moz-focusring {
                            outline: 1px solid #fff;
                            outline-offset: -1px;
                        }

                        input[type=range]:focus::-moz-range-track {
                            background: #ccc;
                        }

                        input[type=range]::-ms-track {
                            height: 3px;
                            background: transparent;
                            border-color: transparent;
                            border-width: 6px 0;
                            /*remove default tick marks*/
                            color: transparent;
                        }

                        input[type=range]::-ms-fill-lower {
                            background: #777;
                        }

                        input[type=range]::-ms-fill-upper {
                            background: #ddd;
                        }

                        input[type=range]::-ms-thumb {
                            border: none;
                            height: 14px;
                            width: 14px;
                            border-radius: 50%;
                            background: #26a69a;
                        }

                        input[type=range]:focus::-ms-fill-lower {
                            background: #888;
                        }

                        input[type=range]:focus::-ms-fill-upper {
                            background: #ccc;
                        }

                    .select-dropdown {
                        padding: 0px;
                    }

                        .select-dropdown li {
                            list-style: none;
                        }


                    /* Radio Buttons
   ========================================================================== */
                    [type="radio"]:not(:checked),
                    [type="radio"]:checked {
                        position: absolute;
                        opacity: 0;
                        pointer-events: none;
                    }

                        [type="radio"]:not(:checked) + label,
                        [type="radio"]:checked + label {
                            position: relative;
                            padding-left: 35px;
                            cursor: pointer;
                            display: inline-block;
                            height: 25px;
                            line-height: 25px;
                            font-size: 1rem;
                            -webkit-transition: .28s ease;
                            transition: .28s ease;
                            -webkit-user-select: none;
                            -moz-user-select: none;
                            -ms-user-select: none;
                            user-select: none;
                        }

                    [type="radio"] + label:before,
                    [type="radio"] + label:after {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 0;
                        margin: 4px;
                        width: 16px;
                        height: 16px;
                        z-index: 0;
                        -webkit-transition: .28s ease;
                        transition: .28s ease;
                    }

                    /* Unchecked styles */
                    [type="radio"]:not(:checked) + label:before,
                    [type="radio"]:not(:checked) + label:after,
                    [type="radio"]:checked + label:before,
                    [type="radio"]:checked + label:after,
                    [type="radio"].with-gap:checked + label:before,
                    [type="radio"].with-gap:checked + label:after {
                        border-radius: 50%;
                    }

                    [type="radio"]:not(:checked) + label:before,
                    [type="radio"]:not(:checked) + label:after {
                        border: 2px solid #5a5a5a;
                    }

                    [type="radio"]:not(:checked) + label:after {
                        -webkit-transform: scale(0);
                        transform: scale(0);
                    }

                    /* Checked styles */
                    [type="radio"]:checked + label:before {
                        border: 2px solid transparent;
                    }

                    [type="radio"]:checked + label:after,
                    [type="radio"].with-gap:checked + label:before,
                    [type="radio"].with-gap:checked + label:after {
                        border: 2px solid #26a69a;
                    }

                    [type="radio"]:checked + label:after,
                    [type="radio"].with-gap:checked + label:after {
                        background-color: #26a69a;
                    }

                    [type="radio"]:checked + label:after {
                        -webkit-transform: scale(1.02);
                        transform: scale(1.02);
                    }

                    /* Radio With gap */
                    [type="radio"].with-gap:checked + label:after {
                        -webkit-transform: scale(0.5);
                        transform: scale(0.5);
                    }

                    /* Focused styles */
                    [type="radio"].tabbed:focus + label:before {
                        -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
                        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
                    }

                    /* Disabled Radio With gap */
                    [type="radio"].with-gap:disabled:checked + label:before {
                        border: 2px solid rgba(0, 0, 0, 0.42);
                    }

                    [type="radio"].with-gap:disabled:checked + label:after {
                        border: none;
                        background-color: rgba(0, 0, 0, 0.42);
                    }

                    /* Disabled style */
                    [type="radio"]:disabled:not(:checked) + label:before,
                    [type="radio"]:disabled:checked + label:before {
                        background-color: transparent;
                        border-color: rgba(0, 0, 0, 0.42);
                    }

                    [type="radio"]:disabled + label {
                        color: rgba(0, 0, 0, 0.42);
                    }

                    [type="radio"]:disabled:not(:checked) + label:before {
                        border-color: rgba(0, 0, 0, 0.42);
                    }

                    [type="radio"]:disabled:checked + label:after {
                        background-color: rgba(0, 0, 0, 0.42);
                        border-color: #949494;
                    }

                    /* Checkboxes
   ========================================================================== */
                    /* CUSTOM CSS CHECKBOXES */
                    form p {
                        margin-bottom: 10px;
                        text-align: left;
                    }

                        form p:last-child {
                            margin-bottom: 0;
                        }

                    /* Remove default checkbox */
                    [type="checkbox"]:not(:checked),
                    [type="checkbox"]:checked {
                        /*position: absolute;
  opacity: 0;*/
                        /*pointer-events: none;*/
                    }

                    [type="checkbox"] {
                        /* checkbox aspect */
                    }

                        [type="checkbox"] + label {
                            position: relative;
                            padding-left: 0;
                            cursor: pointer;
                            display: inline-block;
                            height: 25px;
                            line-height: 25px;
                            font-size: 1.7rem;
                            -webkit-user-select: none;
                            -moz-user-select: none;
                            -ms-user-select: none;
                            user-select: none;
                        }

                            [type="checkbox"] + label:before,
                            [type="checkbox"]:not(.filled-in) + label:after {
                                content: '';
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 18px;
                                height: 18px;
                                z-index: 0;
                                border: 2px solid #5a5a5a;
                                border-radius: 1px;
                                margin-top: 2px;
                                -webkit-transition: .2s;
                                transition: .2s;
                                display: none;
                            }

                        [type="checkbox"]:not(.filled-in) + label:after {
                            border: 0;
                            -webkit-transform: scale(0);
                            transform: scale(0);
                        }

                        [type="checkbox"]:not(:checked):disabled + label:before {
                            border: none;
                            background-color: rgba(0, 0, 0, 0.42);
                        }

                        [type="checkbox"].tabbed:focus + label:after {
                            -webkit-transform: scale(1);
                            transform: scale(1);
                            border: 0;
                            border-radius: 50%;
                            -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
                            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
                            background-color: rgba(0, 0, 0, 0.1);
                        }

                        [type="checkbox"]:checked + label:before {
                            top: -4px;
                            left: -5px;
                            width: 12px;
                            height: 22px;
                            border-top: 2px solid transparent;
                            border-left: 2px solid transparent;
                            border-right: 2px solid #26a69a;
                            border-bottom: 2px solid #26a69a;
                            -webkit-transform: rotate(40deg);
                            transform: rotate(40deg);
                            -webkit-backface-visibility: hidden;
                            backface-visibility: hidden;
                            -webkit-transform-origin: 100% 100%;
                            transform-origin: 100% 100%;
                        }

                        [type="checkbox"]:checked:disabled + label:before {
                            border-right: 2px solid rgba(0, 0, 0, 0.42);
                            border-bottom: 2px solid rgba(0, 0, 0, 0.42);
                        }

                        /* Indeterminate checkbox */
                        [type="checkbox"]:indeterminate + label:before {
                            top: -11px;
                            left: -12px;
                            width: 10px;
                            height: 22px;
                            border-top: none;
                            border-left: none;
                            border-right: 2px solid #26a69a;
                            border-bottom: none;
                            -webkit-transform: rotate(90deg);
                            transform: rotate(90deg);
                            -webkit-backface-visibility: hidden;
                            backface-visibility: hidden;
                            -webkit-transform-origin: 100% 100%;
                            transform-origin: 100% 100%;
                        }

                        [type="checkbox"]:indeterminate:disabled + label:before {
                            border-right: 2px solid rgba(0, 0, 0, 0.42);
                            background-color: transparent;
                        }

                        [type="checkbox"].filled-in + label:after {
                            border-radius: 2px;
                        }

                        [type="checkbox"].filled-in + label:before,
                        [type="checkbox"].filled-in + label:after {
                            content: '';
                            left: 0;
                            position: absolute;
                            /* .1s delay is for check animation */
                            -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
                            transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
                            z-index: 1;
                        }

                        [type="checkbox"].filled-in:not(:checked) + label:before {
                            width: 0;
                            height: 0;
                            border: 3px solid transparent;
                            left: 6px;
                            top: 10px;
                            -webkit-transform: rotateZ(37deg);
                            transform: rotateZ(37deg);
                            -webkit-transform-origin: 100% 100%;
                            transform-origin: 100% 100%;
                        }

                        [type="checkbox"].filled-in:not(:checked) + label:after {
                            height: 20px;
                            width: 20px;
                            background-color: transparent;
                            border: 2px solid #5a5a5a;
                            top: 0px;
                            z-index: 0;
                        }

                        [type="checkbox"].filled-in:checked + label:before {
                            top: 0;
                            left: 1px;
                            width: 8px;
                            height: 13px;
                            border-top: 2px solid transparent;
                            border-left: 2px solid transparent;
                            border-right: 2px solid #fff;
                            border-bottom: 2px solid #fff;
                            -webkit-transform: rotateZ(37deg);
                            transform: rotateZ(37deg);
                            -webkit-transform-origin: 100% 100%;
                            transform-origin: 100% 100%;
                        }

                        [type="checkbox"].filled-in:checked + label:after {
                            top: 0;
                            width: 20px;
                            height: 20px;
                            border: 2px solid #26a69a;
                            background-color: #26a69a;
                            z-index: 0;
                        }

                        [type="checkbox"].filled-in.tabbed:focus + label:after {
                            border-radius: 2px;
                            border-color: #5a5a5a;
                            background-color: rgba(0, 0, 0, 0.1);
                        }

                        [type="checkbox"].filled-in.tabbed:checked:focus + label:after {
                            border-radius: 2px;
                            background-color: #26a69a;
                            border-color: #26a69a;
                        }

                        [type="checkbox"].filled-in:disabled:not(:checked) + label:before {
                            background-color: transparent;
                            border: 2px solid transparent;
                        }

                        [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
                            border-color: transparent;
                            background-color: #949494;
                        }

                        [type="checkbox"].filled-in:disabled:checked + label:before {
                            background-color: transparent;
                        }

                        [type="checkbox"].filled-in:disabled:checked + label:after {
                            background-color: #949494;
                            border-color: #949494;
                        }

                    .select2-container--flat .select2-results__option--highlighted[aria-selected] {
                        /* background: #16a085 !important; */
                        background: #202766 !important;
                        color: #ffffff !important;
                    }



                    .dataTables_length select {
                        display: inline-block;
                        width: 100px;
                    }

                    .dataTables_filter input[type=search] {
                        display: inline-block;
                        width: 200px;
                        margin-left: 9px;
                        background:#fff;
                    }

                    .dataTables_wrapper .dataTables_info {
                        clear: both;
                        float: left;
                        padding-top: 0.15em;
                    }

                    .dataTables_wrapper .dataTables_paginate {
                        float: right;
                        text-align: right;
                        padding-top: 0.15em;
                    }

                        .dataTables_wrapper .dataTables_paginate .paginate_button {
                            box-sizing: border-box;
                            display: inline-block;
                            min-width: 1.5em;
                            padding: 0.2em .5em;
                        }

                    .btn-primary {
                        /* width: 100px; */
                        background: #183883;
                    }

                    .navbar {
                        position: relative;
                        min-height: 30px;
                        margin-bottom: 0px;
                        border: 1px solid transparent;
                    }

                    .navbar-inverse .navbar-nav > li > a {
                        color: #333;
                    }

                    .navbar-default {
                        background: none;
                        border-color: #e7e7e7;
                    }

                    .navbar-nav > li > a {
                        padding-top: 10px;
                        padding-bottom: 10px;
                        line-height: 10px;
                    }

                    .navbar-toggle {
                        position: relative;
                        float: right;
                        padding: 9px 10px;
                        margin-top: 8px;
                        margin-right: 15px;
                        margin-bottom: 8px;
                        background-color: #183883;
                    }

                    .truncate {
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }

                    .fir_number {
                        width: 90px;
                    }

                    .police_station {
                        width: 90px;
                    }

                    .complainant {
                        width: 190px;
                    }

                    .bollean_value {
                        width: 50px;
                    }

                    .victim {
                        width: 90px;
                    }

                    .section {
                        width: 90px;
                    }

                    .trim {
                        width: 150px;
                        word-break: break-word;
                    }

                    .page_heading .page_title {
                        margin-top: -25px !important;
                        text-align: center;
                        padding: 10px 0px;
                    }

                    .page_heading2 .page_title, .page_title {
                        padding: 0px 0px 10px;
                    }

                    @media screen and (min-width: 320px) and (max-width: 1024px) {
                        .fixed_footer {
                            position: relative;
                            left: 0;
                            bottom: 0;
                        }
                    }

                    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
                        width: 100%;
                        border: 1px solid #183883a6 !important;
                    }

                    .form-control, .single-line {
                        border: 1px solid #183883a6 !important;
                        background: #fff !important;
                    }

                    @media screen and (min-width: 1024px) and (max-width: 1920px) {
                        .col-md-2 {
                            width: 9.766667%;
                            padding-right: 2px;
                            padding-left: 2px;
                        }

                            .col-md-2:first-child {
                                padding-left: 15px;
                            }

                            .col-md-2 input {
                                font-size: 12px !important;
                            }
                    }

                    table.dataTable thead th {
                        position: relative;
                        background-image: none !important;
                    }

                    .dataTables_scrollHeadInner table.dataTable thead th.sorting:after,
                    .dataTables_scrollHeadInner table.dataTable thead th.sorting_asc:after,
                    .dataTables_scrollHeadInner table.dataTable thead th.sorting_desc:after {
                        position: absolute;
                        top: 2px;
                        right: 8px;
                        display: block;
                        font-family: FontAwesome;
                    }

                    .dataTables_scrollHeadInner table.dataTable thead th.sorting:after {
                        content: "\f0dc";
                        color: #ddd;
                        font-size: 0.8em;
                        padding-top: 0.12em;
                    }

                    .dataTables_scrollHeadInner table.dataTable thead th.sorting_asc:after {
                        content: "\f0de";
                    }

                    .dataTables_scrollHeadInner table.dataTable thead th.sorting_desc:after {
                        content: "\f0dd";
                    }
                    /*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 0px !important;
        }*/
                    .index_btn.btn {
                        padding: 5px 10px !important;
                    }
                    .index_btn.btn:hover {
                        color:#fff !important;
                    }
                    .page_headings input[type="datetime"] {
                        font-size: 12px;
                        padding-left: 5px;
                    }

                    .page_headings .index_btn.btn {
                        padding: 3px 10px !important;
                    }

                    .navbar-nav {
                        margin: 7.5px -15px;
                    }

                    .vertical_middle {
                        vertical-align: middle !important;
                    }

                    .card-options {
                        margin-left: auto;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-order: 100;
                        order: 100;
                        margin-right: -.5rem;
                        color: #cbd2dc;
                        -ms-flex-item-align: center;
                        align-self: center;
                        position: absolute;
                    }

                    .dropdown-menu-right {
                        position: absolute;
                        will-change: transform;
                        top: 0px;
                        left: 0px;
                        transform: translate3d(444px, 54px, 0px);
                        width: 230px;
                    }

                    .share_information .dropdown-toggle {
                        padding-left: 10px;
                        cursor: pointer;
                    }

                    .share_information .dropdown-menu {
                        z-index: 1000;
                        float: left;
                        min-width: 100%;
                        margin-right: -20px;
                        left: -53px;
                    }

                    .notifications-menu .badge {
                        background: #f00;
                        color: #fff;
                        margin-top: -10px;
                    }

                    .modal-header {
                        background: #183883;
                    }

                    .modal-title, .close {
                        color: #fff !important;
                    }

                    .modal-body .form-group {
                        margin-bottom: 10px !important;
                    }

                    #SMS_ID, #Gmail_ID, #WhatsApp_ID {
                        color: #fff !important;
                    }

                    #SMS_Body, #Email_Body, #WhatsApp_Body {
                        height: 100px;
                        padding: 10px;
                    }

                   

                    /*input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
                        margin-bottom: 5px;
                        height: 30px !important;
                        border: 1px solid #183883;
                        background: #fff !important;
                    }*/

                    .pointer {
                        cursor: pointer;
                    }

                    .tab-content {
                        border: 0px solid #337ab7;
                        padding: 0px;
                    }

                        .tab-content h3 {
                            margin-top: 0px;
                            font-size: 18px;
                        }

                    .nav-pills > li > a {
                        border-radius: 0px;
                    }

                    table.dataTable td.dataTables_empty {
                        font-size: 25px !important;
                    }





.dp-tabs .nav-tabs{ border-bottom: none;}
@media (max-width: 768px){
    .dp-tabs .nav-tabs li{ width: 100%; text-align: center; }
}

.dp-tabs .nav-tabs li a{
    cursor: pointer;
    color: #333;
    border-radius: 0;
    margin-right: 0px;
    padding: 6px 10px;
    font-weight: bold;
    border: 1px solid rgba(112, 112, 112, .4) !important;
}
@media (min-width: 768px){
    .dp-tabs .nav-tabs li:not(:last-child) a{ border-right: none !important; }
}
.dp-tabs .nav-tabs > li > a:hover, .dp-tabs .nav-tabs > li > a:focus{
    background-color: rgb(24, 56, 131);
    color: #fff;
    border-color: #eee #eee #ddd;
    border-radius: 0;
    cursor: pointer;
}
.dp-tabs .nav-tabs > li.active > a, .dp-tabs .nav-tabs > li.active > a:hover, .dp-tabs .nav-tabs > li.active > a:focus{
    background-color: rgb(24, 56, 131);
    color: #fff;
    border-radius: 0;
}
.dp-tabs .tab-content{
    border: 1px solid rgba(112, 112, 112, 0.28);
    padding: 10px 10px;
}
.dp-card{ padding: 10px; margin-top: 14px; }
.dp-card h4.card-heading{ color: #434343; font-weight: bold; margin-top: 0; }
.dp-card p{ color: #333; font-weight: normal; }
.bg-light-pink{ background-color: #fff8f8; color: #fff; }
.bg-pale-grey{ background-color: #e9f5f8; color: #000; }
.bg-pale{ background-color: #fff2dd; color: #000;}
.bg-water-blue{ background-color: #198bcc; color: #fff; }
.bg-light-pink {
        color: #000;
    }
.bg-light-blue {
        background-color: #e9f5f8;
    }
.bg-light-blue h4.card-heading > a {
        color: #183883;
    }
.bg-light-blue th {
        background-color: #183883 !important;
        color:#fff;
    }
.bg-light-blue tr:nth-child(odd) {
        background-color: #fff !important;
  
    }

.bg-light-green {
        background-color: #e8ffe8;
    }
.bg-light-green h4.card-heading > a {
        color: #5cb85c;
    }
/*.bg-light-green th {
        background-color: #183883 !important;
        color:#fff;
    }*/
.bg-light-green th {
    background-color: #5cb85c;
    color:#fff;
}
.bg-light-green tr:nth-child(odd) {
        background-color: #fff !important;
  
    }
.bg-pale {
        background-color: #f8fdff;
    }
.bg-pale h4.card-heading > a {
        color: #5bc0de;
    }
.bg-pale th {
        background-color: #5bc0de !important;
        color:#fff;
    }
.bg-pale tr:nth-child(odd) {
        background-color: #fff !important;
  
    }
.bg-pale-red {
        background-color: #fff4f4;
    }
.bg-pale-red h4.card-heading > a {
        color: #d9534f;
    }
.bg-pale-red th {
        background-color: #d9534f !important;
        color:#fff;
    }
.bg-pale-red tr:nth-child(odd) {
        background-color: #fff !important;
  
    }

.bg-light-orange {
        background-color: #ffe8c769;
    }
.bg-light-orange h4.card-heading > a {
        color: #f0ad4e;
    }
.bg-light-orange th {
        background-color: #f0ad4e  !important;
        color:#fff;
    }
.bg-light-orange tr:nth-child(odd) {
        background-color: #fff !important;
  
    }
.bg-pale-brown {
        background-color: #fbf3de;
    }
.bg-pale-brown h4.card-heading > a {
        color: #846d29;
    }
.bg-pale-brown th {
        background-color: #846d29  !important;
        color:#fff;
    }
.bg-pale-brown tr:nth-child(odd) {
        background-color: #fff !important;
  
    }
.bg-pale-teal{
        background-color: #faffff;
    }
.bg-pale-teal h4.card-heading > a { 
        color: #006563;
    }
.bg-pale-teal th {
        background-color: #006563  !important;
        color:#fff;
    }
.bg-pale-teal tr:nth-child(odd) {
        background-color: #fff !important;
  
    }
.btn-dark-brown {
    color: #fff;
    background-color: #846d29;
    border-color: #88712f;
}
.btn-dark-brown:hover {
    color: #fff;
    background-color: #775f19;
    border-color: #6b561b;
}.btn-dark-blue {
    color: #fff;
    background-color: #006563;
    border-color: #087573;
}
.btn-dark-blue:hover {
    color: #fff;
    background-color: #014a49;
    border-color: #076d6b;
}
.btn-dark-green {
    color: #fff;
    background-color: #4e521b;
    border-color: #858a40;
}
.btn-dark-green:hover {
    color: #fff;
    background-color: #393c10;
    border-color: #4b4e1b;
}
.case-breif{
    background:#fafafa;
    padding:10px;
}
.content_min_height{
    height:100%;
    min-height:250px;
}
.content_min_height .table-responsive{
    max-height:199px;
    overflow:auto
}
.bg-pale.content_min_height .table-responsive{
    max-height:350px;
    overflow-y:scroll;
}
#back-to-top{position:fixed;bottom:40px;right:40px;z-index:9999;width:32px;height:32px;text-align:center;line-height:30px;background:rgb(24, 56, 131);color:#fff;cursor:pointer;border:0;border-radius:2px;text-decoration:none;transition:opacity 0.2s ease-out;opacity:0;}
#back-to-top:hover{background:rgb(24, 56, 131);}
#back-to-top.show{opacity:1;}

.top-links{
	position: sticky;
    top: 0;
    color: white;
    z-index: 1;
    background: #ffffff;
    padding: 10px;
    text-align: center;
}
.top-links a {
    color: white;
    padding: 5px 10px !important;
    line-height: 1.5;
    display: inline-block;
    margin: 2px;
    cursor:pointer;
}
.top-links a:hover, .top-links a:focus{
    color: #fff;
     cursor:pointer;
}
#more {display: none;}
.fl{ float: left !important;}
.fr{ float: right !important;}
.case-details{ display: inline-block; }
.p-b-5{
    padding-bottom:5px;
}
.dp-tabs .btn-link {
    cursor:pointer;
}
.m-t-10{ margin-top: 10px; }
.align-center{ display: flex; align-items: center;}
.accused .accused__details{ padding: 10px; margin-bottom: 10px;}
.accused .accused__details label{ font-size: 13px; }
.accused .accused__details ul{ display: flex; flex-wrap: wrap;}
.accused .accused__details ul li{ width: calc(50% - 10px); display: inline-block; line-height: 1.5; padding: 2px 10px 2px 2px;}
.accused .accused__details ul li.w-100{ width: 100%;}
.accused .accused__images ul{ margin-bottom: 0; padding: 10px; }
.avatar{ width: 120px; max-width: 100%; height: auto;}
.dropdown.share-right .dropdown-menu{ left: unset !important; right: 0px !important; }


/*table unset styles*/
.table-unset{ border-bottom: none !important; border: none !important; border-collapse: collapse !important; }
.table-unset thead tr th, .table-unset tbody tr td{ border-bottom: 1px solid #ddd; font-size: 14px !important; padding: 5px !important; }
.table-small-data thead tr th, .table-small-data tbody tr td{ font-size: 12px !important; }
.table-unset tbody tr:nth-child(even){ background-color: transparent !important; }
.table-unset tbody tr.odd>.sorting_1{ background-color: #fff !important; }
.table-unset tbody tr.even>.sorting_1{ background-color: transparent !important; }

.navigation_list{
    margin-left:25px;
}
.navigation_list li{
    list-style:none;
    padding:5px;
}

/* Vertical Tab*/
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 0px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
 
 
 
.pr-0{
    padding-right:0px;
}
.pl-0{
    padding-left:0px;
}
 
.p-l-5{
    padding-left:5px;
}
 #CaptchaInputText{
        width: 77%;
        padding-left: 10px;
    }
@media (min-width: 320px) and (max-width: 1024px){
    .action_link a{
        margin:5px;
    }
    .bg{
        display:none;
    }
    section.login.screen .login-form.text-center{
        clear: both;
    float: none;
    width: 350px;
    margin-right: 5px;
}
     #CaptchaInputText{
        width: 68% !important;
        padding-left: 10px;
    }
}
label{
  font-weight:normal;
  padding:5px 0px;
}
.field-validation-valid
{
    display: none;
}
.validation-summary-valid
{
    display: none;
}
 
.bootstrap-select .dropdown-menu {
max-width: 100%;
border: 1px solid cornflowerblue;
border-radius: 2px;
box-shadow: 0 2px 8px #888;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bootstrap-select .dropdown-menu li a span.text {
display: inline-block;
white-space: pre-wrap;
word-wrap: break-word;
max-width: 100%;
}
.attachRow label{
    width: 200px;  
    word-break: break-all;
}
.dt-buttons{
    display:inline-block;
    margin-left:10px;

}
div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}
.wrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
.max-height-500{
    height:500px !important;
    overflow:auto !important
}
.modal-overflow .modal-body{
    max-height:500px !important;
    overflow: auto !important
}