input.btn.btn-primary.next-step1 {
    width: 130px !important;
    background-color: white !important;
    background-image: linear-gradient(to right, #ffffff , #ffffff) !important;
    color: #334a9a;
    font-weight: 500 !important;
    border: 1px solid #275d93;
    height: 38px !important;
}
.noti-panel-tab ul li a{
  font-size: 17px;
  margin-left:0px;
}
.noti-panel-tab ul li {
  width: 134px;
/* margin-left: 49px; */
}
.col-md-12 .emp-rqst-search-bar {
    padding: 14px;
    margin-top: 24px;
}
.emp-rqst-search-bar input#searchText {
    border: 1px solid #2c4b90a8;
    margin-left: 0px;
    height: 32px;
    width: 100%;
        background: #ecf0f5;
    border-radius: 20px;
}
.filter-round-border {
    width: 35px;

    background: #ecf0f5;
    border-radius: 46px;
    height: 35px;
}
.filter-round-border img {
    height: 21px;
    margin: 7px;
}.error{
  color:red;
  font-weight: normal;
}
.controls {
margin-bottom: 15px;
padding: 0px 0px;
/* border-bottom: 1px solid #ddd; */
margin-bottom: 28px;
margin-top: 7px;
width: 100%;
}
.btnMinus {
float: right;
border: 0px;
background-image: url('<?php echo base_url(); ?>assets/images/cancel.png');
background-position: center center;
background-repeat: no-repeat;
height: 25px; width: 25px;
}
.btnPlus {
float: right;
border: 0px;
background-image: url('<?php echo base_url(); ?>assets/images/add3.png');
background-position: center center;
background-repeat: no-repeat;
height: 25px; width: 25px;
}
a{
font-family: 'Barlow', sans-serif;
font-weight: 300 !important;
}
.btn{
font-family: 'Barlow', sans-serif !important;
font-weight: 300 !important;
}




.my-toggle-btn-wrapper{
text-align: center;
}
.my-toggle-btn{
cursor: pointer;
display: inline-block;
}
.my-toggle-btn input[type=checkbox]{
display: none;
}
.my-toggle-btn label{
    background: #2c4a90;
    color: #fff;
    width: 120px;
    height: 29px;
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    border-radius: 20px;
    position: relative;
    text-align: center;
    transition: all .4s ease;
    cursor: pointer;
    padding: 4px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.my-toggle-btn label:before{
      content: '';
      position: absolute;
      height: 20px;
      width: 20px;
      border-radius: 50%;
      background: #fff;
      margin-left: 5px;
      box-shadow: 0 0 1.25em rgb(0, 0, 0);
      left: 2px;
      top: 4px;
      transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
}
.my-toggle-btn input[type=checkbox]:checked + label:before{
left: 92px;
transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
}
.my-toggle-btn input[type=checkbox]:checked + label span.off{
display: none;
}
.my-toggle-btn input[type=checkbox]:checked + label span.on{
display: inline;
}
.my-toggle-btn input[type=checkbox] + label span.on{
display: none;
}
.my-toggle-btn input[type=checkbox] + label span.off{
display: inline;
}

.my-toggle-btn input[type=checkbox]:checked + label{
background: #14a19d;
 box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

 .pac-container { z-index: 10000 !important; }

    .box.custom-box {
    position: relative;
    margin-bottom: 20px;
    /* margin-left: 20px; */
    margin-right: 20px;
    padding: 20px;
    background: white;
    /* width: auto; */
    border-radius: 20px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .dataTables_filter input.form-control.input-sm {
        border-radius: 20px;
        background: #eaebf3;
        border: 0px;
        color: #42489b;
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
        letter-spacing: 2px;
        font-family: 'Open Sans';
    }

    .dataTables_filter label {
        color: #42489b;
    }
    .dataTables_length label {
        color: #42489b;
    }

    .dataTables_length select.form-control.input-sm {
      -webkit-appearance: none;
    -webkit-border-radius: 20px;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 0px;
      color: #42489b;
      border: 1px solid #edeef5;
      background-color: #edeef5;
      margin-left: 10px;
    margin-right: 10px;
    }

    .dataTable th {
        color: #31519a;
        font-weight: 400;
        font-family: 'Open Sans';
    }

    #chart-container {
      position: relative;
      display: inline-block;
      top: 10px;
      left: 10px;
      min-height: 600px;
      height: 100%;
      width: calc(100% - 24px);
      border: 2px dashed #aaa;
      border-radius: 5px;
      overflow: auto;
      text-align: left;
    }
    #example_previous a {
        width: 90px;
        text-align: center;
        margin-right: 25px;
        border: 1px solid #343992;
        border-radius: 20px;
        color: #343992;
        font-weight: 300;
    }

    #example_next a {
        width: 90px;
        text-align: center;
        margin-left: 25px;
        border: 1px solid #343992;
        border-radius: 20px;
        color: #343992;
        font-weight: 300;
    }
    ul.pagination li:nth-child(2) a {
      border-radius: 20px 0px 0px 20px;
      border: 1px solid #eaebf3;
      padding-left: 20px;
    }
    ul.pagination li:nth-last-child(2) a {
        border-radius: 0px 20px 20px 0px;
        border: 1px solid #eaebf3;
        padding-right: 20px;
    }

    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #8c90c2;
        border-color: #8c90c2;
    }

    .pagination > li > a {
        border: 1px solid #eaebf3;
        background: #eaebf3;
        color: #424797;
    }
    #example_ellipsis a {
        border: 1px solid #eaebf3;
        background: #eaebf3;
        color: #424797;
    }


    .dataTable input.search-input-text {
    border-radius: 20px;
    background: #eaebf3;
    border: 0px;
    color: #42489b;
    font-size: 14px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: 2px;
    font-family: 'Open Sans';
    font-weight: 300;

    }

    .dataTable select.search-input-select {
      -webkit-appearance: none;
      -webkit-border-radius: 20px;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 5px;
      padding-top: 5px;
      color: #42489b;
      border: 1px solid #edeef5;
      background-color: #edeef5;
      margin-left: 10px;
      margin-right: 10px;
    }
        tbody td{
          font-weight: 500;
        }
    tbody tr{
      background-color: #17a0a50f;
    }
    td.dataTables_empty {
    text-align: center;
    }
    .form-control-feedback {
    right: 15px;
    }







    /*******************************
    * MODAL AS LEFT/RIGHT SIDEBAR
    * Add "left" or "right" in modal parent div, after class="modal".
    * Get free snippets on bootpen.com
    *******************************/
    	.modal.left .modal-dialog,
    	.modal.right .modal-dialog {
    		position: fixed;
    		margin: auto;
    		width: 550px;
    		height: 100%;
    		-webkit-transform: translate3d(0%, 0, 0);
    		    -ms-transform: translate3d(0%, 0, 0);
    		     -o-transform: translate3d(0%, 0, 0);
    		        transform: translate3d(0%, 0, 0);
    	}

    	.modal.left .modal-content,
    	.modal.right .modal-content {
    		height: 100%;
    		overflow-y: auto;
    	}

    	.modal.left .modal-body,
    	.modal.right .modal-body {
    		padding: 15px 15px 80px;
    	}

    /*Left*/
    	.modal.left.fade .modal-dialog{
    		left: -320px;
    		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    		        transition: opacity 0.3s linear, left 0.3s ease-out;
    	}

    	.modal.left.fade.in .modal-dialog{
    		left: 0;
    	}

    /*Right*/
    	.modal.right.fade .modal-dialog {
    		right: -320px;
    		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    		        transition: opacity 0.3s linear, right 0.3s ease-out;
    	}

    	.modal.right.fade.in .modal-dialog {
    		right: 0;
    	}

    /* ----- MODAL STYLE ----- */
    	.modal-content {
    		border-radius: 0;
    		border: none;
    	}

    	.modal-header {
    		border-bottom-color: #EEEEEE;
        background-color: #2d418f;
    background-image: linear-gradient(to right, #2d418f , #12a29d);
        color: white;
    	}
      .custom-form input {
      font-weight: 300;
      font-size: 15px;
      border: none;
      margin-left: 5px;
      }

      .wizard .custom-form input{
        margin-left: 25px !important;
        width: 98%;
        font-family: 'Barlow', sans-serif !important;
      }
      input#joining_date {
    background: url(http://woco.co.in/assets/dist/img/leaves_icon.png) 97% / 4% no-repeat;
}
    .signout{
      position: absolute;
      margin-top: 8px;
      left: auto;
      width: 170px !important;
      margin-bottom: 5px;
    }
    li.user-footer.profile {
        padding: 10px !important;
    }



    input#emergency_contact_name {
        margin-left: 1px !important;
    }

    .navbar-custom-menu.profile-main {
        margin-right: 40px;
    }
    span.hidden-xx {
        font-size: 11px;
    }
    .bell-icon {
        margin-top: 10px;
        color: #31549a;
    }
    a.toogle-menu {
        color: black !important;
        font-weight: 500 !important;
    }
    li a:hover {

    }
    .custom-dropdown-menu{
      width: 100%;
    padding: 10px;
    }
    .custom-dropdown-menu:hover{
      background-color: #eff1f6;
    }
    .profile-logo-img{
      width: 150px;
      padding: 3px;
      border: 2px solid #d2d6de;
      border-radius: 14px;
      margin: 14%;
    }
    .profile-info a{
          font-weight: 500;
    }
    .document-div {
        padding: 20px 20px 20px 20px;
        border-left: 1px solid #9891913d;
    }
    .document-div hr{
      margin-top: 27px !important;
      border-top: 1px solid #cbcbcb87;
    }
    .doc-ul li {
        margin-top: 16px;
        list-style: none;
        padding: 10px;
        border: 1px solid #d7d5d5;
        border-radius: 25px;
    }

    .doc-ul li span {
        margin-left: 15px;
        color: #374099;
    }
    .pro-icon{
      float: right;
        margin-right: 15px;
        color: red;
    }
    .pro-text{
      font-weight: 500;
    }
    document-div h3 {
    margin-top: 0px;
    }
    ul.doc-ul {
    padding-left: 0px;
    }
    .nav-pills-div li a:hover{
      color: #000 !important;
        /* background-color: #337ab7; */
        border-bottom: 3px solid #374099 !important;
    }
    .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
        color: #000;
        background-color: white;
            margin-bottom: -2px;
        border-bottom: 3px solid #374099 !important;
    }
    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        border-top-color: #ffffff !important;
    }
    .document-div h3 {
    margin-top: 0px;
    }
    ul.doc-ul {
    padding-left: 0px;
    }

    .nav-pills-div li a {
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 1px;
    padding-right: 1px;
    margin-left: 30px;
    }
    .tab-bottom-line {
    width: auto;
    height: 2px;
    background: #c7c7c644;
    margin-left: 30px;
    margin-right: 30px;
    }

    .btn-default:hover,.btn-primary:hover {
        background: #2b6e9e !important;
        color: #fff;
        background-color: #2b6e9e !important;
        border-color: #2b6e9e !important;
    }
    .odd td{
      word-wrap: break-word !important;
       max-width: 1px;
    }
    .form-group1{
          margin-bottom: 30px !important;


    }

    .form-group1 .margin{
      margin-bottom: -30px !important;
      margin-left: -30px;
    }
    .input-group {
        padding: 0px 0px;
        margin-bottom: 28px;
        margin-top: 7px;
        width: 100%;
    }
    .btn-step-form{
       margin-top: 3px !important;

    }
input#dob{
  margin-left: 20px;
  background: url(http://woco.co.in/assets/dist/img/leaves_icon.png) 97% / 4% no-repeat;
}

    .wizard {
        /* margin: 20px auto; */
        background: #fff;
        width: 80%;
        /* margin-right: 160px !important; */
    }

        .wizard .nav-tabs {
            position: relative;
            margin: 40px auto;
            margin-bottom: 0;
            border-bottom-color: white;
        }

        .wizard > div.wizard-inner {
            position: relative;
        }

    .connecting-line {
        height: 2px;
        background: #e0e0e0;
        position: absolute;
        width: 70%;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 50%;
        z-index: 1;
    }

    .wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
        color: #555555;
        cursor: default;
        border: 0;
        border-bottom-color: transparent;
    }

    span.round-tab {
        width: 70px;
        height: 70px;
        line-height: 70px;
        display: inline-block;
        border-radius: 100px;
        background: #fff;
        border: 2px solid #e0e0e0;
        z-index: 2;
        position: absolute;
        left: 0;
        text-align: center;
        font-size: 25px;
    }
    span.round-tab i{
        color:#555555;
    }
    .wizard li.active span.round-tab {
      background-image: linear-gradient( #303b8e , #12a29d);
    border: 2px solid #ffffff;

    }
    .wizard li.active span.round-tab i{
          color: #ffffff;
    }

    span.round-tab:hover {
        color: #333;
        border: 2px solid #333;
    }

    .wizard .nav-tabs > li {
        width: 33%;
    }

    .wizard li:after {
        content: " ";
        position: absolute;
        left: 46%;
        opacity: 0;
        margin: 0 auto;
        bottom: 0px;
        border: 5px solid transparent;
        border-bottom-color: #5bc0de;
        transition: 0.1s ease-in-out;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 46%;
        opacity: 1;
        margin: 0 auto;
        bottom: 0px;
        border: 10px solid transparent;
        border-bottom-color: #5bc0de;
    }

    .wizard .nav-tabs > li a {
        width: 70px;
        height: 70px;
        margin: 20px auto;
        border-radius: 100%;
        padding: 0;
    }

        .wizard .nav-tabs > li a:hover {
            background: transparent;
        }

    .wizard .tab-pane {
        position: relative;
        padding-top: 50px;
    }

    .wizard h3 {
        margin-top: 0;
    }

    @media( max-width : 585px ) {

        .wizard {
            width: 90%;
            height: auto !important;
        }

        span.round-tab {
            font-size: 16px;
            width: 50px;
            height: 50px;
            line-height: 50px;
        }

        .wizard .nav-tabs > li a {
            width: 50px;
            height: 50px;
            line-height: 50px;
        }

        .wizard li.active:after {
            content: " ";
            position: absolute;
            left: 35%;
        }
    }
    .wizard .line-text{
      width:160px;
      margin-left: -32px;
      font-size: 20px;
    }
    @media( max-width : 585px ) {

        .wizard .line-text {
            font-size: 0px;
        }
    }

    @media (min-width: 768px){
     .wizard .col-sm-6 {
        width: 48% !important;
        margin-right: 15px !important;
    }
    }

    .wizard button {
        border-color: #ffffff !important;
        border-radius: 24px !important;
        height: 38px !important;
    }

    select.itemName.form-control.gender {
          margin-left: 28px;
          border: 1px solid white;
          margin-top: -4px;
          margin-bottom: 3px;
          width: 98%;
      }
      .gender {
            margin-left: 1px;
            border: 2px solid white;
            margin-top: -4px;
            margin-bottom: 3px;
        }

        div#czContainer {
        margin-left: -35px;
    }

    select#emergency_contact_relation {
        margin-top: 0px;
        margin-left: -14px;
        margin-bottom: -28px;
    }
    input#emergency_contact_name {
        margin-left: -1px;
        font-family: 'Barlow', sans-serif !important;
    }

    input.textinput.form-control.gender {
        margin-left: 22px;
        border: 1px solid white;
        margin-top: 10px;
        margin-bottom: 3px;
        height: 20px;
    }
    .next-step{
      width: auto !important;
      height: 39px;
        margin-top: 12px
    }
    .input-group label{
      margin-left: 34px;
    }
    .wizard .input-group label{
      margin-left: 34px;
      float: left;
    }
    select.itemName.form-control {
        width: 98%;
        height: 32px;
        margin-left: 24px;
        border: none;
        border-bottom: 1px solid #e1e2e1;
    }
    label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
    .wizard label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    float: left;
    font-weight: 700;
}

    /* .input-group .select-one {
        width: 98% !important;
        height: 32px;
        margin-left: 24px;
        border: none !important;
        border-bottom: 1px solid #e1e2e1 !important;
    } */
    select#emergency_contact_relation {
        margin-left: 28px;
        border: 1px solid white;
        margin-top: -4px;
        margin-bottom: 3px;
        width: 98%;
    }
    div#myInputautocomplete-list {

        background-color: #eff1f6;
        width: 96%;
        margin-left: 30px;
        margin-top: -1px;
    }

    .autocomplete-items {
      position: absolute;
      border: 1px solid #d4d4d4;
      border-bottom: none;
      border-top: none;
      z-index: 99;
      /*position the autocomplete items to be the same width as the container:*/
      top: 100%;
      left: 0;
      right: 0;
    }

    .autocomplete-items div {
      padding: 10px;
      cursor: pointer;
      background-color: #fff;
      border-bottom: 1px solid #d4d4d4;
    }

    /*when hovering an item:*/
    .autocomplete-items div:hover {
      background-color: #e9e9e9;
    }

    /*when navigating through the items using the arrow keys:*/
    .autocomplete-active {
      background-color: DodgerBlue !important;
      color: #ffffff;}

      .wizard select, select#marital_status , select#blood_group,select#s_phone_code,select#phone_code, select#gender{
      width: 98%;
      margin-top: 2px;
      height: 32px;
      margin-bottom: 2px;
      margin-left: 25px;
      border-bottom: 1px solid #ccc !important;
      border-top: 8px;
      border-left: none;
      border-right: none;
      background: url(http://woco.co.in/assets/dist/img/drop.png) 99% / 3% no-repeat;
      -webkit-appearance: none;
      font-family: 'Barlow', sans-serif !important;
    }
    .wizard select.select.form-control.gender{
      margin-bottom: 2px;
        margin-left: 27px;
    }
    .wizard input[type="text"]:focus,
            input[type="message"]:focus,
            input[type="file"]:focus,
            input[type="date"]:focus,
            input[type="number"]:focus,
            input[type="email"]:focus,
            input#annual_pkg:focus,
            input#inputOldPassword:focus,
            input#inputPassword1:focus,
            select#marital_status:focus,
            input#inputPassword2:focus,
            select.itemName.form-control:focus ,
            select#blood_group:focus,
            select#emergency_contact_relation:focus,
            input#joining_date:focus,
            select#s_phone_code:focus,
            select#phone_code:focus{
            border-bottom: 2px solid  #e5372282;
            width: 99% !important;
            margin-left: 21px;

    }
    .woco-notification-add input[type="text"]:focus,
          {
            border-bottom: 2px solid  #e5372282;
            width: 99% !important;
            margin-left: 21px;

    }
          /* input[type="button"]:focus,input[type="submit"]:focus
          {
            border-bottom:1px solid white !important;
          font-size: 16px;
          margin-left: 0px;
          height: 47px;
      } */
      .custom-form input:focus,input#name:focus,input#website:focus{
        border-bottom: 2px solid  #e5372282;
            margin-left: 0px;
      }
    .filter1 select.select.form-control.gender {
        width: 100%;
        height: 31px;
        margin-bottom: 0px;
        border: none;
        font-family: 'Barlow', sans-serif !important;
            -webkit-appearance: none;
    }
    .filter1 select.select.form-control.gender:focus,input#address:focus {
    border-bottom: 2px solid #e5372282;

}
.filter1 select#office_timing {
    background: url(http://woco.co.in/assets/dist/img/leaves_icon.png) 99% / 5% no-repeat;

}
input#address:focus{
  margin-left: 1px !important;
}
.filter1 input.btn.btn-primary{
  margin-left: 7px !important;
}
input#annual_pkg,input#joining_date{
    border-bottom: 1px solid #ccc !important;
  margin-bottom: 2px !important;
}
.emp-dropdown-content a:hover {
    background-color: #bbd6df !important;
    border-radius: 36px !important;
    height: 42px !important;
    margin-top: 4px !important;
}

.emp-dropdown-content a.btn {
    padding: 5px 15px !important;
    font-size: 15px;
}
.emp-dropdown-content i.fa.fa-pencil {
    margin-left: 14px;
}
.col-md-9 .twPc-divUser {
    margin-left: 27px !important;
}
.checkbox.icheck b, .text-right b {

    font-weight: 400 !important;
        letter-spacing: 2px !important;
}


.twPc-div:hover {
    box-shadow: 0 0 5px 5px #d7d7d7;
    /* box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15); */
    z-index: 1;
    border: 1px solid #007aab87;

}
input#inputPassword2,input#inputPassword1,input#inputOldPassword {
    margin-left: 0px !important;
    font-family: 'Barlow', sans-serif !important;
}
.skin-blue .main-header .logo:hover {
    background-color: #33579b !important;
}

.wizard input.btn.btn-primary.next-step {
    letter-spacing: 2px;
    margin-top: 17px;
}
.password.col-sm-4 {
    border: 1px solid #2088a1;

}
.password-btn input[type="submit"],input.btn.btn-default{
  width: 100px !important;
  margin-left: 5px !important;
}
div#password form{

    border-radius: 6px;
}

#custom-search-input {
        margin:0;
        margin-top: 0px;
        padding: 0;
    }

#custom-search-input .input-group{
  border: 1px solid #a8b0f1;
  border-radius: 25px;
  background: #dcdde4;
}

    #custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */

        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-left: 15px;
    }

    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -10px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#a8b0f1;
    }

    .search-query:focus + button {
        z-index: 3;
    }
    .col-xs-4.text-center.emp-search-bar {
        margin-left: 13%;
        margin-right: 0%;
        /* margin-bottom: -25px; */
        margin-top: -7px;
    }



    /*the container must be positioned relative:*/
    .custom-select {
      position: relative;
      font-family: Arial;
    }

    .custom-select select {
      display: none; /*hide original SELECT element:*/
    }

    .select-selected {
      background-color: none;
    }

    /*style the arrow inside the select element:*/
    .select-selected:after {
      position: absolute;
      content: "";
      top: 24px;
      right: 10px;
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-color: #30388e transparent transparent transparent;
    }
    .reports-box .select-selected:after {
      position: absolute;
      content: "";
      top: 15px !important;
      right: 10px;
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-color: #30388e transparent transparent transparent;
    }

    /*point the arrow upwards when the select box is open (active):*/
    .select-selected.select-arrow-active:after {
      border-color: transparent transparent #30388e transparent;
      top: 24px;
    }

    .reports-box .select-selected.select-arrow-active:after {
      border-color: transparent transparent #30388e transparent;
      top: 15px !important;
    }

    /*style the items (options), including the selected item:*/
    .select-items div,.select-selected {
      color: #868686;
      padding: 8px 16px;
      border: 1px solid transparent;
      border-color: ;
      cursor: pointer;
      user-select: none;
      font-family: 'Barlow', sans-serif;
    }

    /*style items (options):*/
    .select-items {
      position: absolute;
      background-color:#eaebf3;
      top: 100%;
      left: 0;
      right: 0;
      height: 250px;
     width: 100%;
     overflow: scroll;
     overflow-x: hidden;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
      z-index: 99;
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }

    /*hide the items when the select box is closed:*/
    .select-hide {
      display: none;
    }

    .select-items div:hover, .same-as-selected {
      background-color: rgba(0, 0, 0, 0.1);
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px
    }
    img.img-responsive.login-bck-img-trail {
    margin-top: 20%;
    height: 396px;
    height: 334px;
    position: absolute;
    left: 50px;
    top: -5%;
    left: 0%;
    width: 50%;
}
img.img-responsive.login-bck-img-bg {
    margin-top: 20%;
    height: 396px;
    margin-top: 43%;
    /* margin-bottom: 50%; */
    margin-left: 25%;
    margin-right: 25%;
    height: 300px;
}
@media only screen and (max-width: 1559px){
.col-xs-2.text-center.emp-search-bar {
    margin-right: 15px !important;
      margin-left: -46px;
}}
@media only screen and (max-width: 1462px){
.col-xs-2.text-center.emp-search-bar {
    margin-right: 16px !important;
    margin-left: -46px;
}}
@media only screen and (max-width: 1383px){
.col-xs-2.text-center.emp-search-bar {
    margin-right: 16px !important;
    margin-left: -46px;
}}
@media only screen and (max-width: 1420px){
.col-xs-2.text-center.emp-search-bar {
    margin-right: 16px !important;
    margin-left: -46px;
}}
@media only screen and (max-width: 1386px){
.col-xs-2.text-center.emp-search-bar {
    margin-right: 16px !important;
    margin-left: -46px;
}}
@media only screen and (max-width: 1391px){
.col-xs-2.text-center.emp-search-bar {
    margin-right: 30px !important;
    margin-left: -58px;
}}
li.location-office {
    display: table-cell;
}
.circle.blue {
    width: 13px;
    height: 13px;
    /* line-height: 200px; */
    border-radius: 50%;
    -moz-border-radius: 50%;
    /* -webkit-border-radius: 50%; */
    /* text-align: center; */
    /* color: white; */
    /* font-size: 16px; */
    /* text-transform: uppercase; */
    /* font-weight: 700; */
    /* margin: 0 auto 40px; */
    background-color: #30388e;
}
.stripes {
    width: 94%;
    height: 90px;
    margin-top: -25px;
    margin-left: 21px;
    background-color:#f4f4f4;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOUlEQVQYV43MQQ4AIAgDQfv/R4OYaFChsOfJYvQSNJxMgwouZDMGD2LwQhn8UARD9MIUeUjRhiUyqPw8Cgq7TDlmAAAAAElFTkSuQmCC);
}
input#Search{
  border: 1px solid #a1aaea;
  width: 300px;
  border-radius: 29px;
  height: 35px;
  background: #dcdde4;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 18px;
	background: #f4f4f4;
}

.list-wrapper {
	padding: 15px;
	overflow: hidden;
}

.list-item {
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 10px;
	padding: 10px;
	box-shadow: 0px 0px 10px 0px #EEE;
}

.list-item h4 {
	color: #FF7182;
	font-size: 18px;
	margin: 0 0 5px;
}

.list-item p {
	margin: 0;
}

.simple-pagination ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	text-align: center;
}

.simple-pagination li {
	display: inline-block;
	margin-right: 5px;
}

.simple-pagination li a,
.simple-pagination li span {
	color: #666;
	padding: 5px 10px;
	text-decoration: none;
	border: 1px solid #EEE;
	background-color: #FFF;
	box-shadow: 0px 0px 10px 0px #EEE;
}

.simple-pagination .current {
	color: #FFF;
	background-color: #FF7182;
	border-color: #FF7182;
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
	background: #e04e60;
}











@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400|Inconsolata);
 ul#tabs-list {
	 list-style: none;
	 text-align: center;
	 border-bottom: 1px solid #dfdfdf;
	 margin: 0;
	 padding: 0;
}
 label.panel-label {
	 user-select: none;
	 display: block;
	 width: 100%;
	 color: #bdc3c7;
	 cursor: pointer;
	 background-color: #ecf0f1;
	 transition-property: background-color, color;
	 transition-duration: 200ms;
}
 label.panel-label:hover {
	 color: #c0392b;
}
 #panels {
	 background-color: white;
}
 #panels .container {
	 margin: 0 auto;
	 width: 90%;
}
 #panels section header label.panel-label {
	 padding: 12px 24px;
	 box-sizing: border-box;
}
 #panels section main {
	 box-sizing: border-box;
	 max-height: 0;
	 opacity: 0;
	 transition: opacity 600ms;
	 overflow-y: hidden;
}
 #panel-1-ctrl:checked ~ #panels #panel-1 main {
	 max-height: initial;
	 opacity: 1;
	 padding: 48px 24px;
}
 #panel-2-ctrl:checked ~ #panels #panel-2 main {
	 max-height: initial;
	 opacity: 1;
	 padding: 48px 24px;
}
 #panel-3-ctrl:checked ~ #panels #panel-3 main {
	 max-height: initial;
	 opacity: 1;
	 padding: 48px 24px;
}
 #panel-4-ctrl:checked ~ #panels #panel-4 main {
	 max-height: initial;
	 opacity: 1;
	 padding: 48px 24px;
}
 #panel-5-ctrl:checked ~ #panels #panel-5 main {
	 max-height: initial;
	 opacity: 1;
	 padding: 48px 24px;
}
 @media all and (max-width: 767px) {
	 #nav-ctrl:checked ~ #tabs-list #li-for-panel-1 {
		 max-height: 46px;
		 opacity: 1;
	}
	 #nav-ctrl:checked ~ #tabs-list #li-for-panel-2 {
		 max-height: 46px;
		 opacity: 1;
	}
	 #nav-ctrl:checked ~ #tabs-list #li-for-panel-3 {
		 max-height: 46px;
		 opacity: 1;
	}
	 #nav-ctrl:checked ~ #tabs-list #li-for-panel-4 {
		 max-height: 46px;
		 opacity: 1;
	}
	 #nav-ctrl:checked ~ #tabs-list #li-for-panel-5 {
		 max-height: 46px;
		 opacity: 1;
	}
	 #open-nav-label {
		 display: block;
		 position: absolute;
		 top: 0;
		 right: 0;
		 bottom: 0;
		 left: 0;
		 cursor: pointer;
	}
	 #nav-ctrl:checked ~ #tabs-list #open-nav-label {
		 display: none;
	}
	 #close-nav-label {
		 display: block;
		 max-height: 0;
		 overflow-y: hidden;
		 background-color: #444;
		 color: #ecf0f1;
		 padding: 0px;
		 transition: max-height 200ms;
		 cursor: pointer;
		 text-transform: uppercase;
		 font-size: 12px;
		 line-height: 22px;
		 letter-spacing: 1px;
	}
	 #nav-ctrl:checked ~ #tabs-list #close-nav-label {
		 max-height: 36px;
		 opacity: 1;
		 padding: 12px 24px;
	}
	 #tabs-list {
		 position: relative;
	}
	 #tabs-list label.panel-label {
		 padding: 12px 0;
	}
	 #tabs-list #li-for-panel-1 {
		 max-height: 0;
		 overflow-y: hidden;
		 transition: max-height 200ms;
	}
	 #tabs-list #li-for-panel-2 {
		 max-height: 0;
		 overflow-y: hidden;
		 transition: max-height 200ms;
	}
	 #tabs-list #li-for-panel-3 {
		 max-height: 0;
		 overflow-y: hidden;
		 transition: max-height 200ms;
	}
	 #tabs-list #li-for-panel-4 {
		 max-height: 0;
		 overflow-y: hidden;
		 transition: max-height 200ms;
	}
	 #tabs-list #li-for-panel-5 {
		 max-height: 0;
		 overflow-y: hidden;
		 transition: max-height 200ms;
	}
	 #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
		 max-height: 46px;
		 opacity: 1;
	}
	 #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
		 background-color: white;
		 color: #c0392b;
		 background-color: #c0392b;
		 color: white;
	}
	 #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
		 max-height: 46px;
		 opacity: 1;
	}
	 #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
		 background-color: white;
		 color: #c0392b;
		 background-color: #c0392b;
		 color: white;
	}


	 ul#tabs-list {
		 text-align: center;
		 border-bottom: 1px solid #dfdfdf;
	}
	 ul#tabs-list li {
		 display: inline-block;
		 text-align: center;
		 font-size: 0.875em;
		 width: 18%;
		 box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
		 border-right: 1px solid #dfdfdf;
		 position: relative;
	}
	 ul#tabs-list li:hover {
		 transition: none;
		 border-right: none;
	}
	 ul#tabs-list li:hover.last {
		 border-right: 1px solid transparent;
	}
	 ul#tabs-list li:hover + li {
		 border-left: 1px solid #dfdfdf;
	}
	 ul#tabs-list li label.panel-label {
		 position: relative;
		 padding: 24px 0;
	}
	 ul#tabs-list li label.panel-label::after {
		 content: "";
		 position: absolute;
		 width: 100%;
		 left: 0;
		 bottom: 100%;
		 background-color: #c0392b;
		 height: 0;
		 transition-property: height;
		 transition-duration: 200ms;
	}
	 ul#tabs-list li label.panel-label:hover {
		 padding-top: 25px;
	}
	 ul#tabs-list li label.panel-label:hover::after {
		 height: 6px;
	}
	 #open-nav-label, #close-nav-label {
		 display: none;
	}
	 #nav-ctrl {
		 display: none;
	}
}
 /* @media all and (min-width: 900px) {
	 main {
		 width: 70%;
		 margin: 0 auto;
	}
} */
 .panel-radios {

	 left: 50%;
	 top: 10px;
	 width: 20px;


}
 .panel-radios:nth-child(1) {
	 transform: translateX(1px);
}
 .panel-radios:nth-child(2) {
	 transform: translateX(-30px);
}

input#panel-2-ctrl {
    transform: translateX(40px);
}
 #introduction {
	 width: 90%;
	 margin: 0 auto;
	 padding: 48px 24px;
	 color: white;
}
 #introduction h1 {
	 font-weight: 300;
	 text-align: center;
}
 main h1 {
   margin-top: 10px;
FONT-SIZE: 23px;
margin-left: 12px;
font-weight: 300;
color: #ffffff;
}
 main p {
	 line-height: 1.8;
}
 main hr {
	 margin: 12px 0;
	 border-top: 1px solid #dfdfdf;
}
 label.demo-label {
	 background-color: #c0392b;
	 color: white;
	 padding: 4px 8px;
	 border-radius: 2px;
	 cursor: pointer;
	 display: inline-block;
	 user-select: none;
}
 label.demo-label:hover {
	 background-color: #e74c3c;
}
 #demo-child-toggle {
	 display: none;
}
 #demo-child-toggle:checked ~ #demo-parent #demo-child {
	 color: #c0392b;
	 font-weight: bold;
	 text-transform: uppercase;
}
 #demo-parent {
	 margin-top: 8px;
}
 code, pre {
	 color: #c0392b;
	 font-family: Inconsolata, "Andale Mono", Andale, monowidth;
	 background-color: #ecf0f1;
	 border: 1px solid #dfdfdf;
	 border-radius: 2px;
}
 code {
	 padding: 2px 6px;
}
 pre {
	 padding: 12px;
	 line-height: 1.6;
}
 pre strong {
	 color: #444;
	 font-weight: normal;
}



 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.rqst-list {
  float: left;
}

.rqst-list a {
  display: block;
  color: black;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}
/* .rqst-list td, th {

  text-align: left;
  padding: 8px;
} */
.cldr-div{
  height: 99px;
width: 155px;
/* background-color: red; */
background-image: linear-gradient( #266193 , #12a29d);
border-radius: 12px;
float: left;
margin-right: 13px;
margin-top: 16px;
}

/* .cldr-div li{
  background-color: #ffffff6e;
  width: 68%;
  margin-left: 24px;
  height: 24px;
  border-radius: 5px;
} */


.rqst-tble {
  width: 64%;
}

.rqst-tble tr {
  padding: .1em;
  background-color: #ffffff !important;
}

.rqst-tble th,
.rqst-tble td {
  text-align: left;
  padding: 8px;
  font-family: 'Barlow', sans-serif;
}
.rqst-tble th{
  color: #2c4990;
  font-family: 'Barlow', sans-serif;

    /* font-size: 19px; */
    font-weight: 500;
}

.box-footer .rqst-btn-rst{
width: 134px !important;
height: 38px !important;
color: #2a4b91 !important;
background-color: white !important;
border: 1px solid #324a9a;
background-image: linear-gradient(to right, #ffffff , #ffffff) !important;
}

.atndnc input.btn.btn-default.rqst-btn-rst {
    width: 134px !important;
    border: 1px solid transparent !important;
    background-clip: padding-box, border-box !important;
    background-origin: padding-box, border-box !important;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#2b4b90, #159d9c)!important;
}
.rqst-tble1{
  width: 100% !important;
}

.popup-form .modal-content{
  margin-top: 33%;
  width: 80%;
  border-radius: 8px;
}
.popup-form .modal-body textarea{
  width: 100%;
  height: 100px;
   border: 1px solid #eceff5;
   border-radius: 5px;
}
.popup-form .modal-footer{
  border-top-color: #ffffff;
  text-align: center;
  margin-top: -30px;
}
.popup-form .modal-footer .rqst-btn-rst{
  width:134px !important;
  color: #04309d !important;
  background-image: linear-gradient(to right, #ffffff , #ffffff);
}

.popup-form .modal-footer .rqst-btn-rst:hover {
    background: #2b6e9e !important;
    color: #fff;
    background-color: #ffffff !important;
    border-color: #2b6e9e !important;
}


@media (min-width: 988px){
 .custom-box .leaverequest-img img {
   width: 181px !important;
   /* text-align: center; */
   margin-left: 33%;
}
}


.checkin_date {
   border: solid 1px #2f388e !important;
   border-radius: 25px !important;
   padding-left: 20px !important;
 }
 .checkin_date: focus {
   border: solid 1px #2f388e !important;
   border-radius: 25px !important;
   padding-left: 20px !important;
 }


 @media only screen and (max-width: 768px) {
   .reports-box .report-mng {
       width: 57%;
   }
}
 @media only screen and (max-width: 767px) {
   .reports-box .report-mng {
       width: 57%;
   }
}

@media (min-width: 768px){

}
@media (min-width: 768px){
.reports-box .report-mng {
    width: 18%;
}
}


.report-box .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: red !important;
    background-color: #324a9a;
    border-color: #adadad;
}
ul.atndnc {
    margin-left: 60px !important;
}
.timeline-item .col-md-2 {
    width: 16.6% !important;
}

.orgchart td {
    text-align: center;
    vertical-align: top;
    padding: 0px 0px 0px 5px !important;
}

#chart-container { background-color: #eee; height: 1000px !important; }
.orgchart { background: #fff; }
.orgchart.edit-state .edge { display: none; }
.orgchart .node { width: 150px; }
.orgchart .node .title { height: 30px; line-height: 30px; }
.orgchart .node .title .symbol { margin-top: 1px; }
#edit-panel {
  position: relative;
  left: 10px;
  width: calc(100% - 20px);
  border-radius: 4px;
  float: left;
  margin-top: 10px;
  padding: 10px;
  color: #fff;
  background-color: #449d44;
}
#edit-panel .btn-inputs { font-size: 24px; }
#edit-panel.edit-state>:not(#chart-state-panel) { display: none; }
#edit-panel label { font-weight: bold; }
#edit-panel.edit-parent-node .selected-node-group { display: none; }
#chart-state-panel, #selected-node, #btn-remove-input { margin-right: 20px; }
#edit-panel button {
  color: #333;
  background-color: #fff;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}
#edit-panel.edit-parent-node button:not(#btn-add-nodes) { display: none; }
#edit-panel button:hover,.edit-panel button:focus,.edit-panel button:active {
  border-color: #eea236;
  box-shadow:  0 0 10px #eea236;
}
#new-nodelist {
  display: inline-block;
  list-style:none;
  margin-top: -2px;
  padding: 0;
  vertical-align: text-top;
}
#new-nodelist>* { padding-bottom: 4px; }
.btn-inputs { vertical-align: sub; }
#edit-panel.edit-parent-node .btn-inputs { display: none; }
.btn-inputs:hover { text-shadow: 0 0 4px #fff; }
.radio-panel input[type='radio'] { display: inline-block;height: 24px;width: 24px;vertical-align: top; }
#edit-panel.view-state .radio-panel input[type='radio']+label { vertical-align: -webkit-baseline-middle; }
#btn-add-nodes { margin-left: 20px; }


.nav-under-nav .panel-default > .panel-heading {
 background-color: #129f9d;
 text-transform: uppercase;
 font-weight: 500;
}

.nav-under-nav .nav-tabs {
 border-bottom: none;
}
.nav-under-nav .nav-pills>li.active>a,
 .nav-under-nav .nav-pills>li.active>a:focus,
 .nav-under-nav  .nav-pills>li.active>a:hover {
    color: #000;
    background-color: white;
    border-bottom: 3px solid #ffffff !important;
    border-left: 3px solid #15969b !important;
}

.nav-under-nav .nav-tabs > li.active > a:after {
 position: absolute;
 content: " ";
 background: #129f9d;
 width: 12px;
 height: 12px;
 border-radius: 3px 0 0 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
 box-shadow: none;
 bottom: -83%;
 right: 50%;
}

.nav-under-nav .nav-tabs > li > a {
 color: white;
 border: 1px solid transparent;
 border-right: 2px solid white;
 border-radius: 0px;
 padding: 3px 20px;
}

.nav-under-nav .nav-tabs > li > a:hover {
 background-color: transparent;
 border: 1px solid transparent;
 border-right: 2px solid white;
}

.nav-under-nav .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
 color: black;
 cursor: pointer;
 background-color: transparent;
 border: 1px solid transparent;
 border-right: 2px solid white;
}
.nav-under-nav .nav-stacked > li > a {
    border-radius: 0;
    border-top: 0;
    border-left: 3px solid transparent;
    color: #444;
    height: auto;
        background: white;
            box-shadow: 0 0 5px 5px #ededed;
}
.nav-under-nav li {
    padding: 6px;
    border-bottom: none !important;
}
.nav-under-nav .box.custom-box {
    border-radius: 6px;
}
.nav-under-nav .box-body {
    margin-top: -42px;
}
.nav-under-nav .tab-panel-div {
    padding: 15px;
}
.nav-under-nav hr {
     margin-top: 0px !important;
    margin-bottom: 20px;
    border: 0;
    width: 100%;
    border-top: 1px solid #d5d5d5;

    margin-right: 10px;
}
.nav-under-nav ul.attendance-listSec li:first-child {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: #07182B;
}
.nav-under-nav ul.attendance-listSec li:nth-child(2) {
    font-size: 14px;
    line-height: 19px;
    color: #a1a1a1;
}
.nav-under-nav .areaCol {
    height: 60px !important;
    width: 100%;
    border: 1px solid #ddd;
}
.nav-under-nav .col-xs-6.text-right {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    float: right;
}
.nav-under-nav table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

.nav-under-nav th, .nav-under-nav td {
  text-align: center;
  padding: 8px;
  /* border-right: 1px solid #c8c8c8; */
}

.attndnce-view th {
border-right: 1px solid #c8c8c8;
}
.nav-under-nav .weekTable div {
    height: 15px;
    width: 15px;
    display: block;
    background-color: green;
    margin: 3px auto;
}
.weekTable td {
    border-right: 1px solid #c8c8c8;
}
.nav-under-nav tr {
    border: 2px solid #c8c8c8;
}
.nav-under-nav .color-container li {
    display: inline-block;
    margin-right: 10px;
}
.nav-under-nav .full.color-indicator, .full div {
    background-color: #28a745;
}

.nav-under-nav .color-indicator {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
}
.nav-under-nav ul.attendance-list > li > ul.title-sec > li:first-child {
    width: 75%;
    float: left;
}
.nav-under-nav ul.attendance-list > li > ul > li label.title-head {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    color: #2C2E2F;
    width: 100%;
}
.nav-under-nav ul.attendance-list > li > ul > li label.title-count {
    margin-bottom: 0;
    color: #2F2F2F;
}

/* ---------HR Setting Section CSS ------ */
input#search_input_all {
    border-radius: 20px;
    background: #eaebf3;
    border: 0px;
    color: #42489b;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: 2px;
    font-family: 'Open Sans';
    float: right;
    margin-bottom: 14px;
    width: 25%;
}
#user-profile-payments select.itemName.form-control {
    width: 98%;
    height: 32px;
    margin-left: 0px;
    border: none;
    border: 1px solid #e1e2e1;
}
 #user-profile-payments select.itemName.form-control:focus{
    border-bottom: 2px solid #e5372282;
    width: 20% !important; */
    margin-left: 21px;
}
 #user-profile-payments input.btn.btn-primary {
    margin-top: 0px;
    height: 37px;
    margin-left: 10px;
    width: 102px;
}
 #user-profile-payments span.select2-selection.select2-selection--single {
    background-color: #2d418f !important;
    background-image: linear-gradient(to right, #eceff5 , #eceff5) !important;
    color: black !important;
    border-radius: 32px;
    height: 35px;
    border: 1px solid #2b519199;
    padding-left: 14px;
    padding-right: 21px;
    background-color: #eceff5 !important;
    width: 100%;
}
#woco-table-assign-rule input[type="checkbox"] {
    margin-left: 37px;
}

.woco-create-leave-rules-setting .top-section {
    padding: 20px 30px 0;
    border-bottom: 1px solid #E5E2E2;
}
.woco-create-leave-rules-setting  h3 {

    font-weight: 600;
    line-height: 23px;
    color: #000000;
}

.woco-create-leave-rules-setting button.btn-transparent {
    background: transparent;
    border: 0;
    margin: 10px;
    font-size: 13px;
    color: #283655 !important;
    box-shadow: none;
}

.viewEdit-attendance {
    border-bottom: 1px solid #E5E2E2;
}

.attendence-details .attendance-view {
    padding: 10px 30px 0px;
    border-bottom: 1px solid #E5E2E2;
    position: relative;
}
.leaves-main-section i.material-icons.edit-attend {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 10px;
    margin-top: 5px;
    color: #8099B6;
    font-size: 20px;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    transition: 0.3s ease-in-out all;
}
.leaves-main-section ul.attendance-listSec li:first-child {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: #07182B;
}
.leaves-main-section ul.attendance-listSec li:first-child {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: #07182B;
}
.leaves-main-section ul.attendance-listSec li:first-child {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: #07182B;
}
.leaves-main-section label {
    margin-left: 0px;
}
.leaves-main-section input#woco-rule-name {
    margin-left: -1px;
}




/* ---------HR Notifiaction Form CSS ------ */
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);


.woco-notification-add .uploader .woco-notification-upload-image  {
  display: block;
  clear: both;
  margin: 0 auto;
  width: 100%;
}
.woco-notification-add .uploader .woco-notification-upload-image label {
  float: left;
  clear: both;
  width: 100%;
   margin-left: 0px !important;
  padding: 2rem 1.5rem;
  text-align: center;
  background: #fff;
  border-radius: 7px;
  border: 3px solid #eee;
  transition: all 0.2s ease;
  user-select: none;
}
.woco-notification-add .uploader .woco-notification-upload-image label:hover {
  border-color: #454cad;
}
.woco-notification-add .uploader .woco-notification-upload-image label.hover {
  border: 3px solid #454cad;
  box-shadow: inset 0 0 0 6px #eee;
}
.woco-notification-add .uploader .woco-notification-upload-image label.hover #start i.fa {
  transform: scale(0.8);
  opacity: 0.3;
}
.woco-notification-add .uploader .woco-notification-upload-image #start {
  float: left;
  clear: both;
  width: 100%;
}
.woco-notification-add .uploader .woco-notification-upload-image #start.hidden {
  display: none;
}
.woco-notification-add .uploader .woco-notification-upload-image #start i.fa {
  font-size: 50px;
  margin-bottom: 1rem;
  transition: all 0.2s ease-in-out;
}
.woco-notification-add .uploader .woco-notification-upload-image #response {
  float: left;
  clear: both;
  width: 100%;
}
.woco-notification-add .uploader .woco-notification-upload-image #response.hidden {
  display: none;
}
.woco-notification-add .uploader .woco-notification-upload-image #response #messages {
  margin-bottom: 0.5rem;
}
.woco-notification-add .uploader .woco-notification-upload-image #file-image {
  display: inline;
  margin: 0 auto 0.5rem auto;
  width: auto;
  height: auto;
  max-width: 180px;
}
.woco-notification-add .uploader .woco-notification-upload-image #file-image.hidden {
  display: none;
}
.woco-notification-add .uploader .woco-notification-upload-image #notimage {
  display: block;
  float: left;
  clear: both;
  width: 100%;
}
.woco-notification-add .uploader .woco-notification-upload-image #notimage.hidden {
  display: none;
}
.woco-notification-add .uploader .woco-notification-upload-image progress, .uploader .progress {
  display: inline;
  clear: both;
  margin: 0 auto;
  width: 100%;
  max-width: 180px;
  height: 8px;
  border: 0;
  border-radius: 4px;
  background-color: #eee;
  overflow: hidden;
}
.woco-notification-add .uploader .woco-notification-upload-image .progress[value]::-webkit-progress-bar {
  border-radius: 4px;
  background-color: #eee;
}
.woco-notification-add .uploader .woco-notification-upload-image .progress[value]::-webkit-progress-value {
  background: linear-gradient(to right, #393f90 0%, #454cad 50%);
  border-radius: 4px;
}
.woco-notification-add .uploader .woco-notification-upload-image .progress[value]::-moz-progress-bar {
  background: linear-gradient(to right, #393f90 0%, #454cad 50%);
  border-radius: 4px;
}
.woco-notification-add .uploader .woco-notification-upload-image input[type="file"] {
  display: none;
}
.woco-notification-add .uploader .woco-notification-upload-image  div {
  /* margin: 0 0 0.5rem 0; */
  color: #5f6982;
}
.woco-notification-add .uploader .woco-notification-upload-image .btn {
  display: inline-block;
  margin: 0.5rem 0.5rem 1rem 0.5rem;
  clear: both;
  font-family: inherit;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  text-transform: initial;
  border: none;
  border-radius: 0.2rem;
  outline: none;
  padding: 0 1rem;
  height: 36px;
  line-height: 36px;
  color: #fff;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  background: #454cad;
  border-color: #454cad;
  cursor: pointer;
}



/*----------Setting Leave Category------------ */
.add-leave-category-button.col-md-2 {
    padding: 20px;
}


/*------ setting Leave Category add pop up form--------*/

  /*Trigger Button*/
.add-leave-category-button .login-trigger {
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to bottom right, #2d418f, #12a29d);
  padding: 15px 30px;
  border-radius: 30px;
  position: relative;
  height: 37px !important;
  top: 50%;
  line-height: 4px !important;
}


.add-leave-category-button .close {
  color: #0032d5;
  transform: scale(1.2)
}
.add-leave-category-button .modal-content {
  font-weight: bold;
  background: white;
}
.add-leave-category-button .form-control {
  margin: 1em 0;
}
.add-leave-category-button .form-control:hover, .add-leave-category-button .form-control:focus {
  box-shadow: none;
  border-color: #e5372282;
}
.add-leave-category-button .username, .add-leave-category-button .password {
  border: none;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 2px solid #eee;
  padding-left: 0;
  font-weight: normal;
  background: transparent;
}
.add-leave-category-button .form-control::-webkit-input-placeholder {
  color: #eee;
}
.add-leave-category-button .form-control:focus::-webkit-input-placeholder {
  font-weight: bold;
  color: #fff;
}
.add-leave-category-button .login {
  padding: 6px 20px;
  border-radius: 20px;
  background: none;
  border: 2px solid #FAB87F;
  color: #FAB87F;
  font-weight: bold;
  transition: all .5s;
  margin-top: 1em;
}
.add-leave-category-button .login:hover {
  background: #FAB87F;
  color: #fff;
}
.add-leave-category-button input.form-control {
    width: 95%;
    margin-top: -2px;
}
.add-leave-category-button label {
    margin-left: 26px;
}

.leaves-main-section .input-group .form-control {
        margin-left: 0px !important;
        border-bottom: 1px solid #ddd;
}
.leaves-main-section .input-group input[type="text"]:focus, .workweek-v .input-group input[type="text"]:focus{
    border-bottom: 2px solid #e5372282;
}


.filter-model-for-notification .modal-content {
                      border-radius: 7px;
                      width: 45%;
                  }
                  .filter-model-for-notification .username, .filter-model-for-notification .password {
                      border: none;
                      border-radius: 0;
                      box-shadow: none;
                      border-bottom: 2px solid #eee;
                      padding-left: 0;
                      font-weight: normal;
                      margin-bottom: 12px;
                      background: transparent;
                  }
              .filter-model-for-notification form select#gender {
                      margin-bottom: 20px;
                  }
                  .filter-model-for-notification  .modal-dialog {
                      margin-left: 62%;
                      margin-top: 13%;
                  }
                .filter-model-for-notification  input#joining_date {
                      background: url(http://woco.co.in/assets/dist/img/leaves_icon.png) 97% / 10% no-repeat;
                      margin-left: 0px;
                      /* border-bottom: 1px solid #eeeeee; */
                      border-bottom: 2px solid #eee;
                      margin-bottom: 11px !important;
                  }
/* For Leave Rule CSS */
.close-btn-for-woco-model{
  /* width: 37% !important; */
color: #ffffff !important;
text-shadow: none !important;
opacity: 2.2 !important;
font-size: 12px;
float: left !important;
margin-right: 20px !important;
height: 30px !important;
margin-top: 3px !important;
line-height: 1 !important;
margin-left: 20px;
}
i.fa.fa-trash.woco-btnDelete {
    color: #374699;
}
.pill-dummy-text .pill-text {
    display: inline-block;
    padding-left: 3px;
    padding-right: 10px;
    color: #334a9a;
    font-size: 13px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pill-dummy-text {
  margin-bottom: 10px;
  border: 1px solid rgb(20, 155, 156);
  border-radius: 100px;
  height: auto;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  padding: 2px;
  margin-top: 0;
  display: inline-flex;
  position: relative;
  line-height: 25px;
  font-weight: bold;
  background: #ffffff;
}
input#woco-rule-max_carry_forward , input#woco-rule-backdated-upto {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
}
.pill-dummy-text i {
    font-size: 0px;
    font-size: 15px;
    padding: 7px;
}

.log-rule-users li.active {
    margin-top: 0px !important;
}
input#checkbox88e01838-58e3-40a3-a021-8b981c8db87b {
    width: 20px;
}
div#show-hidden-menu {
    margin-top: 20px;
    cursor: pointer;
}
.chkbx-woco-btn {
    width: 20px;
}
ul.woco-show-hide-ul {
    margin-top: 18px;
}
.hidden-menu {
    background: #eaebf3;
    border-radius: 13px;
    width: auto;
}
.hidden-menu:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
      border-bottom-color: #eaebf3;
      left: 11%;
      top: 47px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

input#start-effactive-date-leave-rule {
    margin-left: 3px;
    height: 14px;
    margin-top: 3px;
    width: 100%;
}
/************************Event  Holidays ********************************/
#woco-event-popup .password, #edit-woco-event-popup .password {
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 2px solid #eee;
    padding-left: 0;
    font-weight: normal;
    background: transparent;
}
#woco-event-popup .form-control:hover, #edit-woco-event-popup .form-control:hover,
#woco-event-popup .form-control:focus, #edit-woco-event-popup .form-control:focus {
    box-shadow: none;
    border-color: #e5372282;
}
#woco-event-popup input.password.form-control, #edit-woco-event-popup input.password.form-control {
    margin-left: 0px;
        margin-bottom: 13px;
}

#woco-event-popup , #edit-woco-event-popup select#event_type {
    background: url(http://woco.co.in/assets/dist/img/drop.png) 99% / 3% no-repeat !important;
    -webkit-appearance: none;
}
#woco-event-popup , #edit-woco-event-popup select#applied_to {
    background: url(http://woco.co.in/assets/dist/img/drop.png) 99% / 3% no-repeat !important;
    -webkit-appearance: none;
}



/* Dashboad CSS *//* Dashboad CSS *//* Dashboad CSS *//* Dashboad CSS *//* Dashboad CSS *//* Dashboad CSS */
/* Style the active class, and buttons on mouse-over */

#myDIV .col-md-6.col-sm-4 {
    margin-bottom: 14px;
    width: 222px !important;
    background: white;
    margin-right: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}
&.active {
       color: white;
        background-color: rgba(0,0,0,0.1);
      }
#myDIV .bootcards-summary-item h4 {
    /* margin: 0 auto; */
    /* margin-left: -33px; */
    float: left;
    margin-top: -9px;
    font-weight: 400;
    color: #3c3c3c;
    /* font-family: 'Barlow', sans-serif !important; */
}
 #myDIV .active, #myDIV .btn:hover {
  background: linear-gradient(45deg, #14a19d 10%, #2c4a90 90%) !important;
  color: white;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
}
 #myDIV .active h4 ,
 #myDIV .active img ,
 #myDIV .active h2,
 #myDIV .btn:hover h4,
 #myDIV .btn:hover h2,
 #myDIV .btn:hover img,
 #myDIV .active li,
 #myDIV .btn:hover li{
  color: white;
  filter: brightness(82) sepia(49) saturate(0) hue-rotate(53deg);
}

 #myDIV .active h5
{
  color: #ffffffa1;
  filter: brightness(82) sepia(49) saturate(0) hue-rotate(53deg);
}

  #profile:hover {
  background-color: #00000000;
  color: white !important;
}

#myDIV a.bootcards-summary-item {
      background: #00000000;

}
#myDIV a:hover{
  color:white;
}
}
#myDIV a.bootcards-summary-item h4:hover {
    color: white;

}
#myDIV a.bootcards-summary-item .active {
    background: red;
}
#profile:hover, #profile:focus{
        background:#00000000;
        color: white !importants;
}

#myDIV li{
      text-align: left;
      color:#3c3c3c;
      font-size: 15px;
      padding: 2px;
          border: none;
}
/* &:hover >.active{

      color:white;

} */
span#notifications-count {
    position: absolute;
    top: 27px;
    /* right: -1px; */
    left: 94px;
    height: 25px;
    width: 25px;
    overflow: hidden;
    background: #21B7B7;
    color: #FFF;
    text-align: center;
    border-radius: 100%;
    font-size: 14px;
    font-weight: bold;
    line-height: 23px;
    animation-name: fadeIn;
}
text.highcharts-credits {
    display: none;
}
#myDIV .emp-middle{
      text-align: left;
      text-transform: uppercase;
      background: linear-gradient(to right, #14a19d 0%, #2c4c90 77%);
      -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       font-weight: 700;
    font-size: 15px;
}
#myDIV a#profile {
    height: 174px;
}
h5{
  color: #574b4b5e;
}
.card-view-dashboard .col-md-6.col-sm-6.btn {
    width: 263px !important;
}

 .bootcards-chart .nav-pills>li.active>a,
 .bootcards-chart .nav-pills>li.active>a:focus,
 .bootcards-chart .nav-pills>li.active>a:hover {
  color: #fff !important;
  background: linear-gradient(45deg, #2c4a90 10%, #14a19d 90%);
  border-bottom: white !important;
  border-radius: 29px;
  width: 93px;
  text-align: center;
  height: 34px;
  padding: 5px;
}
.bootcards-chart .nav>li>a:focus,
.bootcards-chart  .nav>li>a:hover {
    text-decoration: none;
    color: #2c4a90 !important;
    background-color: #fff;
    font-weight: 400 !important;
    border-bottom: 3px solid #ffffff !important;
}
.bootcards-chart a {
    color: #324a9a !important;
    font-weight: 400 !important;
}
.bootcards-chart .col-md-2.report-mng {
    border: 1px solid #2b519199;
    border-radius: 32px;
    margin-left: 24px;
    margin-top: 17px;
    background-color: #eceff5;
    width: 93px !important;
    text-align: center;
    height: 34px !important;
    padding: 5px !important;
}
.bootcards-chart .select-selected {
    color: #000000;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: ;
    cursor: pointer;
    padding: 0px;
    text-align: center !important;
    user-select: none;
    font-family: 'Barlow', sans-serif;
}
.bootcards-chart .select-selected:after {
    position: absolute;
    content: "";
    top: 8px;
    right: 10px;
    /* left: 67px; */
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #30388e transparent transparent transparent;
}
.bootcards-chart .select-selected.select-arrow-active:after {
    border-color: transparent transparent #30388e transparent;
    top: 2px;
}
.bootcards-chart .nav-pills-div li a {

    margin-left: 0px;
}
.emp-rqst-dash img.twPc-avatarImg {
    border: 2px solid #fff;
    border-radius: 7px;
    box-sizing: border-box;
    color: #fff;
    height: 60px;
    margin-top: -25;
    width: 60px;
}

.rqst-dash-title .head h4 {
    padding: 18px;
    padding-top: 0px;
}
.emp-rqst-dash .col-md-8 {
    padding: 8px;
}
.rqst-msg-dash p {
    font-size: 15px;
    font-weight: 400 !important;
}
.rqst-dash-view p {
    padding: 18px;
    font-size: 16px;
    font-weight: 500 !important;
    color: #2c4c90;
}
.col-md-12.emp-rqst-dash {
    border-bottom: 1px solid #eceff5;
    padding: 7px;
}
.color-div-dash {
  height: 14px;
  width: 14px;
  border-radius: 4px;
}
.list-group-horizontal .list-group-item
{
	display: inline-block;
}
.list-group-horizontal .list-group-item
{
	margin-bottom: 0;
	margin-left:-4px;
	margin-right: 0;
 	border-right-width: 0;
}
.list-group-horizontal .list-group-item:first-child
{
	border-top-right-radius:0;
	border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child
{
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
	border-right-width: 1px;
}
.under-card-dash {
    margin-top: 30px;
}
/* Dashboad CSS END *//* Dashboad CSS END *//* Dashboad CSS END *//* Dashboad CSS END *//* Dashboad CSS END *//* Dashboad CSS END */


.col-md-4.work-statistics {
  height: 162px;
/* width: 0%; */
/* margin-left: 12px; */
box-shadow: 0 1px 4px 1px rgba(61,173,250,0.35);
/* margin-bottom: 10px; */

}
.col-md-4.work-statistics:hover {
    box-shadow: 0 10px 55px 5px rgba(137,173,255,.35);
    border-radius: 5px;
}
.work-statistics-main-start h4,
.main-start h4  {
    font-size: 24px;
    font-weight: 400;
    padding: 15px;
}
.col-md-12.work-statistics-main-start {
    border-bottom: 1px solid #ecf0f5;
}

div#stats {
    margin-top: -94px;
}
.work-statistics .card-block {
    padding: 15px;

}
/* path.highcharts-grid-line {
    display: none;
} */
text.highcharts-drilldown-axis-label {
    text-decoration: none !important;
}
g.highcharts-label.highcharts-data-label.highcharts-data-label-color-0.highcharts-drilldown-data-label text ,
g.highcharts-label.highcharts-data-label.highcharts-data-label-color-1.highcharts-drilldown-data-label text,
g.highcharts-label.highcharts-data-label.highcharts-data-label-color-2.highcharts-drilldown-data-label text,
g.highcharts-label.highcharts-data-label.highcharts-data-label-color-3.highcharts-drilldown-data-label text,
g.highcharts-label.highcharts-data-label.highcharts-data-label-color-4.highcharts-drilldown-data-label text,
g.highcharts-label.highcharts-data-label.highcharts-data-label-color-5.highcharts-drilldown-data-label text,
g.highcharts-label.highcharts-data-label.highcharts-data-label-color-6 text
{
    text-decoration: none !important;
}
button.dt-button.buttons-print,
button.dt-button.buttons-copy.buttons-html5,
button.dt-button.buttons-csv.buttons-html5,
button.dt-button.buttons-excel.buttons-html5,
button.dt-button.buttons-pdf.buttons-html5,
button.dt-button.buttons-print, .dt-button {
  background-color: #2d418f;
  background-image: linear-gradient(to right, #2d418f , #12a29d);
    color: white;
    border-radius: 22px;
    /* border: 1px solid white; */
    font-family: 'Barlow', sans-serif !important;
    font-weight: 300 !important;
    box-shadow: 0px 4px 11px rgba(42, 77, 145, 0.59);
    height: 27px;
    width: 87px;
}


.dt-buttons {
    text-align: center;
    margin-top: -33px;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    /* margin-top: -24px; */
}

/* a.btn.btn-primary {
    box-shadow: 0px 8px 15px rgba(42, 77, 145, 0.59);
}
input.btn.btn-primary, btn btn-default {
    box-shadow: 0px 8px 15px rgba(42, 77, 145, 0.59);
}
input.btn.btn-default {
  box-shadow: 0px 8px 15px rgba(42, 77, 145, 0.59);
} */
.filter-model-for-notification label {
    margin-top: 15px;
}
.header-bar-filter-item .filter-round-border {
    width: 42px;
    margin-top: -4px;
    background: #ecf0f5;
    border-radius: 46px;
    height: 42px;
    float: right;
    border: 1px solid #16979c;
    box-shadow: 0px 7px 16px 2px rgb(42, 77, 145);
    background: #ffffff;
    margin-right: 15px;
}
.header-bar-filter-item .filter-round-border img {
  height: 28px;
  /* margin: 4px; */
  margin-top: 10px;
  margin-left: 4px;
}
.office-select-dropdown{
    margin: 0 20px 20px 20px;
    margin-top: 12px;
    background: #eceff5;
    border: 1px solid #2d4a90;
    border-radius: 20px;
}
a.attandence-link {
outline: none;
text-decoration: none;
color: #4880e8;
font-weight: 500 !important;
}
select#add-team-department,select#add-team-offices,select#add-team-repport,select#add-team-grades,select#add-team-designations {
    background: url(http://woco.co.in/assets/dist/img/drop.png) 100% / 7% no-repeat;
    -webkit-appearance: none;
    font-family: 'Barlow', sans-serif !important;
    margin-right: 10;
    margin-left: 0px;
    width: 100%;
    border: 1px solid #2c4d91;
    background: #eceff5;
    border-radius: 17px;
    margin-top: 3px;
    height: 36px;
}
#reportrange
{

width: 100%;
height: 38px;
/* margin: 0 20px 20px 20px; */
margin-top: 12px;
margin-left: 0px;
background: #eceff5;
border: 1px solid #2d4a90;
border-radius: 20px;
}
#maping {
margin:0 auto;
width: auto;
height: 450px;
}
.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    width: 146px !important;
    margin-top: 10px;
    padding: 4px 8px;
    height: 40px !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    /* background-color: #135d9c; */
    background-color: #2d418f !important;
    background-image: linear-gradient(to right, #2d418f , #12a29d) !important;
    color: white;
    border-color: transparent;
    /* color: #fff; */
}
.daterangepicker td.in-range {
    background-color: #16929b73 !important;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}
.daterangepicker .ranges li.active {
  background-color: #2d418f !important;
  background-image: linear-gradient(to right, #2d418f , #12a29d) !important;
  box-shadow: 0px 4px 11px rgba(42, 77, 145, 0.59);
    color: #fff;
    border-radius: 17px !important;
}
.daterangepicker .ranges li:hover {
    background-color: #eceff5;
    border-radius: 17px;
    box-shadow: 0px 4px 11px rgba(42, 77, 145, 0.59);
    /* padding: 24px; */
    margin-top: 5px;
    /* padding-top: 5px; */
    margin-bottom: 5px;
}
@media (min-width: 564px){
.daterangepicker .ranges ul {
    width: 178px !important;
    text-align: center;
    box-shadow: 0px 4px 11px rgba(42, 77, 145, 0.59);
}
}
.daterangepicker .ranges li:hover {
    background-color: #eceff5 !important;
}
.select2-dropdown {
    border: 1px solid #d3dae8 !important;
    border-radius: 0px !important;
    border-radius: 4px !important;
    box-sizing: border-box;
    display: block;
    box-shadow: 0px 7px 16px 2px rgba(42, 77, 145, 0.44);
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb !important;
    color: white;
    box-shadow: 0px 7px 16px 2px rgb(42, 77, 145) !important;
    width: 98% !important;
    /* margin-left: 4px; */
    /* padding: 7px; */
    margin: 5px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #2a4c90 transparent transparent transparent !important;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #fff !important;
    border-radius: 4px;
}
.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0) !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px !important;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(68, 121, 166, 0.77) !important;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *: ;
    border-right-width: 2px;
    *: ;
    border-bottom-width: 2px;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
}
.datepicker td, .datepicker th,.datepicker table tr td span {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0px !important;
    border: none;
}
.datepicker tbody tr {
    background-color: #ffffff !important;
}
.datepicker thead tr {
    background: #149d9d !important;
    /* width: 104% !important; */
    /* padding: 0px !important; */
}
.datepicker table tr td.active.active,.datepicker table tr td span.active.active,.datepicker table tr td span.active.active{
  background-color: #149d9d !important;
}
td.active.day,span.year.active,span.month.active {
    background: #149d9d !important;
}
select#radiusSelect {
    -webkit-appearance: none;
    border-bottom: 1px solid #ccc !important;
    border-top: 8px;
    border-left: none;
    border-right: none;
    background: url(http://woco.co.in/assets/dist/img/drop.png) 99% / 3% no-repeat;
    -webkit-appearance: none;
    font-family: 'Barlow', sans-serif !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
    font-family: 'Barlow', sans-serif !important;
}
.locationList label {
  font-family: 'Barlow', sans-serif !important;
}

.animated-slider-serach{
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: all 1s;
  width: 40px;
  margin-top: 28px;
  margin-bottom: -56px;
  height: 40px;border: 1px solid #16979c;
    box-shadow: 0px 7px 16px 2px rgb(42, 77, 145);
    background: #ffffff;
  box-sizing: border-box;
  border-radius: 25px;
  padding: 5px;
}

.animated-slider-serach input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;;
        height: 37.5px;
    line-height: 30px;
    outline: 0;
    border: 0;
    display: none;
    font-size: 1em;
    border-radius: 20px;
    padding: 0 20px;
}

.animated-slider-serach .fa{
  box-sizing: border-box;
padding: 10px;
width: 35.5px;
height: 35.5px;
position: absolute;
top: 1px;
right: 3px;
border-radius: 50%;
color: #12a09d;
text-align: center;
font-size: 1.2em;
transition: all 1s;
}

.animated-slider-serach:hover{
    width: 200px;
    cursor: pointer;
        margin-left: -58px;
}

.animated-slider-serach:hover input{
    display: block;
}

.animated-slider-serach:hover .fa{
    background: #07051a;
    color: white;
}
input.btn.btn-default.rqst-btn-rst:hover {
    /* background: red !important; */
    background-color: #2d418f !important;
    background-image: linear-gradient(to right, #2d418f , #12a29d) !important;
    color: white !important;
    transform: translateZ(0);
    border: 1px solid white !important;
}
.location-marker-identification-color .color-indicator {
    display: inline-block;
    width: 25px;
    height: 13px;
    margin-right: 3px;
}
.location-marker-identification-color li{
  float: left;
      padding: 32px;
}
.container-fluid.team-stat-data-main {
    padding: 25px;
}
.team-stat-data {
    padding: 11px;
}
.team-stat-data p {
    padding-top: 10px;
    font-size: 18px;
}

.animated-slider-serach{
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: all 1s;
  width: 40px;
  margin-top: 28px;
  margin-bottom: -56px;
  height: 40px;border: 1px solid #16979c;
    box-shadow: 0px 7px 16px 2px rgb(148 148 148 / 38%);
    background: #ffffff;
  box-sizing: border-box;
  border-radius: 25px;
  padding: 5px;
}

.animated-slider-serach input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;;
        height: 35px;
    line-height: 30px;
    outline: 0;
    border: 0;
    display: none;
    font-size: 1em;
    border-radius: 20px;
    padding: 0 20px;
}

.animated-slider-serach .fa{
  box-sizing: border-box;
padding: 10px;
width: 35.5px;
height: 35.5px;
position: absolute;
top: 0px;
right: 0px;
border-radius: 50%;
color: #12a09d;
text-align: center;
font-size: 1.2em;
transition: all 1s;
}

.animated-slider-serach {
    width: 200px !important;
    cursor: pointer !important;
        margin-left: -108px;
}

/* .animated-slider-serach:hover input{
    display: block;
}

.animated-slider-serach:hover .fa{
    background: #07051a;
    color: white;
} */
@media screen and (max-width: 1480px) {
  .animated-slider-serach {
    left: 30% !important;

  }
}
.mendatory-label label:after {
			content:" *";
			color:red;
			}

.non-mendatory:after {
			content:"" !important;
			}