.cont-tbl, .top-nav ul, .login-page .login-tbl, .register-page .login-tbl, .pickup-page .go-tbl, .row-wrapper-service-lvl-tbl {

  display: table; }



.cont-tbl .cont-cell, .top-nav ul li, .login-page .login-tbl .login-cell, .register-page .login-tbl .login-cell, .pickup-page .go-tbl .go-cell, .row-wrapper-service-lvl-cell {

  display: table-cell;

  vertical-align: middle; }

 #spinner {
    display: none;
}
#spinner {
    background: #fff;
    height: 100%;
    left: 0;
    opacity: 0.3;
    filter: alpha(opacity=100);
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999999;
}
.spinner-img {
    height: 100%;
    left: 0;
    position: fixed;
    top: 35%;
    width: 100%;
}
.error{
    color: red;
}
p {

  font-size: 15px; }

  @media screen and (min-width: 1920px) {

    p {

      font-size: 16px; } }

  @media screen and (max-width: 1600px) {

    p {

      font-size: 16px; } }

  @media screen and (max-width: 1366px) {

    p {

      font-size: 15px; } }

  @media screen and (max-width: 1023px) {

    p {

      font-size: 14px; } }

  @media screen and (max-width: 640px) {

    p {

      font-size: 13px; } }



td a, td, th {

  font-size: 12px;

  color: #777; }



table.dataTable tbody tr.selected {

  background-color: #E6E6E6; }



body {

  margin: 0;

  padding: 0;

  font-size: 13px;

  overflow-x: hidden;

  font-family: "Lato", sans-serif; }



/*******************

	Common

***************************/

.margin-left {

  margin-left: 15px; }



.full, .role-check-sec, .pickup-item-list .item-title-rw-sec {

  width: 100%;

  float: left; }



/*----------------Custom Checkbox and radio btn--------*/

.cont-tbl {

  width: 100%;

  border: 1px solid #ccc;

  height: 35px;

  padding: 4px 15px;

  line-height: normal;

  vertical-align: middle; }

  .cont-tbl .cont-cell {

    display: table-cell;

    vertical-align: middle;

    width: 50%; }



.control {

  display: block;

  position: relative;

  padding-left: 22px;

  margin: 0;

  cursor: pointer;

  font-size: 12px; }



.control input {

  position: absolute;

  z-index: -1;

  opacity: 0; }



.control__indicator {

  position: absolute;

  top: 0px;

  left: 0;

  height: 16px;

  width: 16px;

  background: #e6e6e6; }



.control--radio .control__indicator {

  border-radius: 50%; }



.control:hover input ~ .control__indicator,

.control input:focus ~ .control__indicator {

  background: #ccc; }



.control input:checked ~ .control__indicator {

  background: #11294a; }



.control:hover input:not([disabled]):checked ~ .control__indicator,

.control input:checked:focus ~ .control__indicator {

  background: #11294a; }



.control input:disabled ~ .control__indicator {

  background: #e6e6e6;

  opacity: 0.6;

  pointer-events: none; }



.control__indicator:after {

  content: '';

  position: absolute;

  display: none; }



.wrappercon {

  margin: 30px 0;

  float: left;

  width: 100%; }



.loc-lag-tbl {

  display: table;

  width: 100%; }



.loc-lag-cell {

  display: table-cell;

  vertical-align: middle;

  width: auto; }

  .loc-lag-cell:last-child {

    width: 72px;

    padding-left: 10px; }



#filterrow input {

  width: 100%; }



.main-content .inner-content .content-wrp .tab-content, .main-content .inner-content .pickup-page .content-wrp-1 .tab-content, .pickup-page .main-content .inner-content .content-wrp-1 .tab-content,

.main-content .inner-content .pickup-page .content-wrp-2 .tab-content,

.pickup-page .main-content .inner-content .content-wrp-2 .tab-content, .main-content .inner-content .pickup-page .content-wrp-inner .tab-content, .pickup-page .main-content .inner-content .content-wrp-inner .tab-content {

  margin-bottom: 50px; }



.control input:checked ~ .control__indicator:after {

  display: block; }



.control--checkbox .control__indicator::after {

  left: 6px;

  top: 3px;

  width: 5px;

  height: 8px;

  border: solid #fff;

  border-top-width: medium;

  border-right-width: medium;

  border-bottom-width: medium;

  border-left-width: medium;

  border-width: 0 2px 2px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg); }



.control--checkbox input:disabled ~ .control__indicator:after {

  border-color: #7b7b7b; }



.control--radio .control__indicator:after {

  left: 5px;

  top: 5px;

  height: 6px;

  width: 6px;

  border-radius: 50%;

  background: #fff; }



.control--radio input:disabled ~ .control__indicator:after {

  background: #7b7b7b; }



.select {

  position: relative;

  display: inline-block;

  margin-bottom: 15px;

  width: 100%; }



.select select {

  display: inline-block;

  width: 100%;

  cursor: pointer;

  padding: 10px 15px;

  outline: 0;

  border: 0;

  border-radius: 0;

  background: #e6e6e6;

  color: #7b7b7b;

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none; }



.select select::-ms-expand {

  display: none; }



.select select:hover,

.select select:focus {

  color: #000;

  background: #ccc; }



.select select:disabled {

  opacity: 0.5;

  pointer-events: none; }



.select__arrow {

  position: absolute;

  top: 16px;

  right: 15px;

  width: 0;

  height: 0;

  pointer-events: none;

  border-style: solid;

  border-width: 8px 5px 0 5px;

  border-color: #7b7b7b transparent transparent transparent; }



.select select:hover ~ .select__arrow,

.select select:focus ~ .select__arrow {

  border-top-color: #000; }



.select select:disabled ~ .select__arrow {

  border-top-color: #ccc; }



/*----------------Custom Checkbox and radio btn--------*/

.fleft {

  float: left; }



.frite {

  float: right; }



.clrfix {

  clear: both; }



.demostyle {

  border: solid 1px #ccc; }



.no-margin {

  margin: 0; }



.no-padding {

  padding: 0; }



/*a {

	color:#333333;

	text-decoration:none;

}

a:hover {

	color:#333333;

	text-decoration:none;

}*/

.sub-head h3 {

  font-size: 20px;

  margin: 0;

  font-weight: 500;

  font-family: "Lato", sans-serif;

  margin-bottom: 15px;

  text-transform: none; }



input.form-control,

select.form-control {

  border-radius: 0;

  height: 34px;

  letter-spacing: 1px;

  text-transform: capitalize;

  width: 100% !important; }



.select2-container--default .select2-selection--single,

.select2-container--default .select2-selection--single .select2-selection__arrow 
{

  height: 34px; 
  
 }



.select2-container--default .select2-selection--single .select2-selection__rendered {

  line-height: 34px; }



.btn-blue {

  background-color: #11294a;

  border: 1px solid #11294a; }



.btn-yellow {

  background-color: #ffcc06;

  border: 1px solid #ffcc06; }



.btn-default {

  color: #fff;

  border-radius: 0;

  padding: 10px 30px;

  margin-top: 30px;

  font-weight: 600;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease- 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s; }



.login-btn {

  display: block;

  background-color: #ffcc06;

  border: 1px solid #ffcc06;

  width: 100%;

  height: 48px;

  text-transform: uppercase;

  font-size: 18px;

  font-weight: 500;

  font-family: "Lato", sans-serif;

  border-radius: 5px;

  margin-top: 22px;

  color: #000;

  text-align: center;

  line-height: 46px; }

  .login-btn:hover {

    text-decoration: none;

    color: #000; }



.select2-container {

  width: 100% !important; }



input.form-control,

select.form-control {

  border-radius: 0;

  border-top-right-radius: 0px;

  border-bottom-right-radius: 0px;

  height: 34px;

  letter-spacing: normal;

  text-transform: initial;

  width: 100% !important; }



textarea.form-control {

  border-radius: 0;

  border-top-right-radius: 0px;

  border-bottom-right-radius: 0px;

  height: auto;

  letter-spacing: normal;

  text-transform: initial;

  width: 100% !important; }



.retension-priod .loc-lag-cell:last-child {

  width: 90px;

  padding-left: 10px; }



.responsice-p {

  font-size: 15px; }

  @media screen and (min-width: 1920px) {

    .responsice-p {

      font-size: 16px; } }

  @media screen and (max-width: 1600px) {

    .responsice-p {

      font-size: 16px; } }

  @media screen and (max-width: 1366px) {

    .responsice-p {

      font-size: 15px; } }

  @media screen and (max-width: 1023px) {

    .responsice-p {

      font-size: 14px; } }

  @media screen and (max-width: 640px) {

    .responsice-p {

      font-size: 13px; } }



.success-bar {

  background-color: #dfedc0;

  color: #3f5a04;

  padding: 12px;

  margin-bottom: 15px;

  font-size: 12px;

  line-height: normal;

  display: none; }

  .success-bar:before {

    content: '';

    background-image: url(../images/icons/Success.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    width: 16px;

    height: 16px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px; }



.d-profile .dataTables_wrapper .dataTables_paginate .paginate_button.current,

.d-profile .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

  background-color: #337ab7;

  border: 1px solid #337ab7;

  font-weight: 600;

  background-image: none;

  color: #fff !important; }



.d-profile .dataTables_wrapper .dataTables_paginate .paginate_button {

  padding: 10px 15px;

  color: #242424;

  font-size: 16px;

  border: none;

  margin-right: 10px;

  margin-bottom: 10px;

  border: 1px solid #f1f1f1;

  background-image: none; }



.d-profile .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {

  color: #fff !important; }



.d-profile .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {

  color: #777;

  cursor: not-allowed;

  background-color: #fff;

  border-color: #ddd;

  background-image: none; }



.d-profile .dataTables_wrapper .dataTables_paginate .paginate_button:hover {

  background-color: #337ab7;

  border: 1px solid #337ab7;

  font-weight: 600;

  background-image: none; }



/*******************

sidebar

***************************/

.powerd-by {

  opacity: 1;

  visibility: visible; }



.side-bar-wrp {

  float: left;

  width: 100%;

  height: 100%;

  position: relative;

  overflow-y: auto; }



.delete-wrp .cont-cell {

  width: auto; }

  .delete-wrp .cont-cell .button {

    height: 28px;

    padding: 0;

    width: 98px; }

  .delete-wrp .cont-cell:first-child {

    width: 130px;

    padding-right: 5px; }

    .delete-wrp .cont-cell:first-child .input-wrp {

      float: left;

      width: 100%; }

    .delete-wrp .cont-cell:first-child select {

      width: 100%; }



.delete-wrp .cont-tbl {

  width: 230px;

  padding: 0;

  border: 0; }



.powerd-by a,

.powerd-by p {

  color: #fff;

  font-size: 12px;

  text-align: center;

  margin: 0; }



.margin0 {

  margin: 0; }



.side-bar {

  max-width: 308px;

  position: fixed;

  width: 100%;

  /*background-color: #11294a;*/
    

  background-color: #296ac2;

  z-index: 9999999; }

  .side-bar .navigation {

    padding: 0;

    display: block;

    position: relative; }

    .side-bar .navigation li {

      list-style-type: none;

      position: relative; }

      .side-bar .navigation li a.active {

        background-color: #296ac2;

        border-left: 5px solid #ffcc06; }

      .side-bar .navigation li a {

        font-size: 18px;

        padding: 15px;

        font-family: "Lato", sans-serif;

        font-weight: 500;

        display: inline-block;

        width: 100%;

        border-left: 5px solid #11294a;

        transition: none;

        color: #fff; }

        .side-bar .navigation li a:hover {

          text-decoration: none;

          background-color: #296ac2;

          border-left: 5px solid #ffcc06;

          color: #fff; }

      .side-bar .navigation li .icon:before {

        content: '';

        width: 23px;

        height: 23px;

        background-position: left center;

        background-size: contain;

        display: inline-block;

        vertical-align: middle;

        background-repeat: no-repeat;

        margin-right: 10px; }

      .side-bar .navigation li .dash-icon:before {

        background-image: url(../images/icons/dashboard.svg); }

      .side-bar .navigation li .invent-icon:before {

        background-image: url(../images/icons/inventory.svg); }

      .side-bar .navigation li .ords-icon:before {

        background-image: url(../images/icons/orders.svg); }

      .side-bar .navigation li .setting-icon:before {

        background-image: url(../images/icons/settings.svg); }

      .side-bar .navigation li .deposite-icon:before {

        background-image: url(../images/icons/deposit.svg); }

      .side-bar .navigation li .issue-icon:before {

        background-image: url(../images/icons/issue.png); }

  .side-bar .more {

    cursor: pointer;

    right: 0;

    top: 0;

    height: 100%;

    width: 100%;

    position: absolute;

    text-align: center;

    text-align: center; }

  .side-bar .more i {

    position: absolute;

    right: 18px;

    top: 15px;

    font-size: 29px;

    color: #b5b4c2; }

  .side-bar .navigation li > ul > li a {

    color: #b5b4c2;

    padding-left: 60px; }

  .side-bar .navigation li ul {

    display: block;

    max-height: 0;

    overflow: hidden;

    padding-left: 0; }

  .side-bar .navigation .open > ul {

    max-height: 2000px; }

  .side-bar a:focus,

  .side-bar a:hover {

    color: #b5b4c2;

    text-decoration: none; }



.mobile-nav {

  display: none; }



.d-profile {

  background-color: #eceef2; }



.rgt-main {

  padding-top: 90px; }



.delete-position {

  position: absolute;

  right: 0px;

  top: 0;

  z-index: 99; }



.main-content {

  margin-left: 306px; }

  .main-content .top-bar {

    height: 90px;

    width: 100%;

    text-align: right;

    background-color: #11294a;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 999999999999; }

    .main-content .top-bar .logo-container {

      background-color: #fff;

      padding: 9px 25px 9px 42px;

      height: 90px;

      width: 308px;

      position: relative;

      float: left; }

      .main-content .top-bar .logo-container .logo-wrp {

        width: 150px; }

    .main-content .top-bar .menu-btn-wrp {

      position: absolute;

      right: 28px;

      top: 50%;

      width: 22px;

      transform: translateY(-50%);

      cursor: pointer; }

  .main-content .inner-content {

    padding: 27px 30px 80px 30px; }

    .main-content .inner-content .content-wrp .nav-tabs li, .main-content .inner-content .pickup-page .content-wrp-1 .nav-tabs li, .pickup-page .main-content .inner-content .content-wrp-1 .nav-tabs li,

    .main-content .inner-content .pickup-page .content-wrp-2 .nav-tabs li,

    .pickup-page .main-content .inner-content .content-wrp-2 .nav-tabs li, .main-content .inner-content .pickup-page .content-wrp-inner .nav-tabs li, .pickup-page .main-content .inner-content .content-wrp-inner .nav-tabs li {

      margin-right: 0px; }

      .main-content .inner-content .content-wrp .nav-tabs li a, .main-content .inner-content .pickup-page .content-wrp-1 .nav-tabs li a, .pickup-page .main-content .inner-content .content-wrp-1 .nav-tabs li a,

      .main-content .inner-content .pickup-page .content-wrp-2 .nav-tabs li a,

      .pickup-page .main-content .inner-content .content-wrp-2 .nav-tabs li a, .main-content .inner-content .pickup-page .content-wrp-inner .nav-tabs li a, .pickup-page .main-content .inner-content .content-wrp-inner .nav-tabs li a {

        padding: 10px 22px;

        background-color: #fff;

        border-color: #cfcfcf;

        border-radius: 4px 4px 0 0;

        color: #363636; }

        .main-content .inner-content .content-wrp .nav-tabs li a .fa, .main-content .inner-content .pickup-page .content-wrp-1 .nav-tabs li a .fa, .pickup-page .main-content .inner-content .content-wrp-1 .nav-tabs li a .fa,

        .main-content .inner-content .pickup-page .content-wrp-2 .nav-tabs li a .fa,

        .pickup-page .main-content .inner-content .content-wrp-2 .nav-tabs li a .fa, .main-content .inner-content .pickup-page .content-wrp-inner .nav-tabs li a .fa, .pickup-page .main-content .inner-content .content-wrp-inner .nav-tabs li a .fa {

          margin-right: 8px; }

    .main-content .inner-content .content-wrp .nav-tabs li.active a, .main-content .inner-content .pickup-page .content-wrp-1 .nav-tabs li.active a, .pickup-page .main-content .inner-content .content-wrp-1 .nav-tabs li.active a,

    .main-content .inner-content .pickup-page .content-wrp-2 .nav-tabs li.active a,

    .pickup-page .main-content .inner-content .content-wrp-2 .nav-tabs li.active a, .main-content .inner-content .pickup-page .content-wrp-inner .nav-tabs li.active a, .pickup-page .main-content .inner-content .content-wrp-inner .nav-tabs li.active a {

      background-color: #11294a;

      color: #fff;

      border-radius: 4px 4px 0 0;

      border: 1px solid #11294a; }

      .main-content .inner-content .content-wrp .nav-tabs li.active a:focus, .main-content .inner-content .pickup-page .content-wrp-1 .nav-tabs li.active a:focus, .pickup-page .main-content .inner-content .content-wrp-1 .nav-tabs li.active a:focus,

      .main-content .inner-content .pickup-page .content-wrp-2 .nav-tabs li.active a:focus,

      .pickup-page .main-content .inner-content .content-wrp-2 .nav-tabs li.active a:focus, .main-content .inner-content .pickup-page .content-wrp-inner .nav-tabs li.active a:focus, .pickup-page .main-content .inner-content .content-wrp-inner .nav-tabs li.active a:focus {

        outline: none; }

    .main-content .inner-content .content-wrp .tab-content, .main-content .inner-content .pickup-page .content-wrp-1 .tab-content, .pickup-page .main-content .inner-content .content-wrp-1 .tab-content,

    .main-content .inner-content .pickup-page .content-wrp-2 .tab-content,

    .pickup-page .main-content .inner-content .content-wrp-2 .tab-content, .main-content .inner-content .pickup-page .content-wrp-inner .tab-content, .pickup-page .main-content .inner-content .content-wrp-inner .tab-content {

      background-color: #fff;

      float: left;

      width: 100%;

      padding: 20px 0; }

      .main-content .inner-content .content-wrp .tab-content .profile-photo, .main-content .inner-content .pickup-page .content-wrp-1 .tab-content .profile-photo, .pickup-page .main-content .inner-content .content-wrp-1 .tab-content .profile-photo,

      .main-content .inner-content .pickup-page .content-wrp-2 .tab-content .profile-photo,

      .pickup-page .main-content .inner-content .content-wrp-2 .tab-content .profile-photo, .main-content .inner-content .pickup-page .content-wrp-inner .tab-content .profile-photo, .pickup-page .main-content .inner-content .content-wrp-inner .tab-content .profile-photo {

        width: 174px;

        height: 194px;

        border: 1px solid #cfcfcf;

        border-radius: 4px;

        overflow: hidden; }

        .main-content .inner-content .content-wrp .tab-content .profile-photo img, .main-content .inner-content .pickup-page .content-wrp-1 .tab-content .profile-photo img, .pickup-page .main-content .inner-content .content-wrp-1 .tab-content .profile-photo img,

        .main-content .inner-content .pickup-page .content-wrp-2 .tab-content .profile-photo img,

        .pickup-page .main-content .inner-content .content-wrp-2 .tab-content .profile-photo img, .main-content .inner-content .pickup-page .content-wrp-inner .tab-content .profile-photo img, .pickup-page .main-content .inner-content .content-wrp-inner .tab-content .profile-photo img {

          width: 100%; }

      .main-content .inner-content .content-wrp .tab-content .company-logo, .main-content .inner-content .pickup-page .content-wrp-1 .tab-content .company-logo, .pickup-page .main-content .inner-content .content-wrp-1 .tab-content .company-logo,

      .main-content .inner-content .pickup-page .content-wrp-2 .tab-content .company-logo,

      .pickup-page .main-content .inner-content .content-wrp-2 .tab-content .company-logo, .main-content .inner-content .pickup-page .content-wrp-inner .tab-content .company-logo, .pickup-page .main-content .inner-content .content-wrp-inner .tab-content .company-logo {

        width: 174px;

        height: 118px;

        border: 1px solid #cfcfcf;

        border-radius: 4px;

        overflow: hidden; }

        .main-content .inner-content .content-wrp .tab-content .company-logo img, .main-content .inner-content .pickup-page .content-wrp-1 .tab-content .company-logo img, .pickup-page .main-content .inner-content .content-wrp-1 .tab-content .company-logo img,

        .main-content .inner-content .pickup-page .content-wrp-2 .tab-content .company-logo img,

        .pickup-page .main-content .inner-content .content-wrp-2 .tab-content .company-logo img, .main-content .inner-content .pickup-page .content-wrp-inner .tab-content .company-logo img, .pickup-page .main-content .inner-content .content-wrp-inner .tab-content .company-logo img {

          width: 100%; }

      .main-content .inner-content .content-wrp .tab-content .inline-icon-wrp .form-control, .main-content .inner-content .pickup-page .content-wrp-1 .tab-content .inline-icon-wrp .form-control, .pickup-page .main-content .inner-content .content-wrp-1 .tab-content .inline-icon-wrp .form-control,

      .main-content .inner-content .pickup-page .content-wrp-2 .tab-content .inline-icon-wrp .form-control,

      .pickup-page .main-content .inner-content .content-wrp-2 .tab-content .inline-icon-wrp .form-control, .main-content .inner-content .pickup-page .content-wrp-inner .tab-content .inline-icon-wrp .form-control, .pickup-page .main-content .inner-content .content-wrp-inner .tab-content .inline-icon-wrp .form-control {

        border-right: 0; }

      .main-content .inner-content .content-wrp .tab-content .inline-icon-wrp .input-group-addon, .main-content .inner-content .pickup-page .content-wrp-1 .tab-content .inline-icon-wrp .input-group-addon, .pickup-page .main-content .inner-content .content-wrp-1 .tab-content .inline-icon-wrp .input-group-addon,

      .main-content .inner-content .pickup-page .content-wrp-2 .tab-content .inline-icon-wrp .input-group-addon,

      .pickup-page .main-content .inner-content .content-wrp-2 .tab-content .inline-icon-wrp .input-group-addon, .main-content .inner-content .pickup-page .content-wrp-inner .tab-content .inline-icon-wrp .input-group-addon, .pickup-page .main-content .inner-content .content-wrp-inner .tab-content .inline-icon-wrp .input-group-addon {

        background-color: transparent;

        border-radius: 0; }

      .main-content .inner-content .content-wrp .tab-content .btn-wrp a, .main-content .inner-content .pickup-page .content-wrp-1 .tab-content .btn-wrp a, .pickup-page .main-content .inner-content .content-wrp-1 .tab-content .btn-wrp a,

      .main-content .inner-content .pickup-page .content-wrp-2 .tab-content .btn-wrp a,

      .pickup-page .main-content .inner-content .content-wrp-2 .tab-content .btn-wrp a, .main-content .inner-content .pickup-page .content-wrp-inner .tab-content .btn-wrp a, .pickup-page .main-content .inner-content .content-wrp-inner .tab-content .btn-wrp a {

        width: 110px;

        height: 38px;

        padding: 0;

        line-height: 35px;

        margin-right: 15px; }



.filter-hide thead tr#filterrow th:last-child input, .filter-hide thead tr#filterrow th:first-child input, .filter-hide thead tr#filterrow th:nth-child(2) input,

.filter-hide thead tr#filterrow th:last-child input,

.filter-hide thead tr#filterrow th:first-child input,

.filter-hide thead tr#filterrow th:nth-child(2) input {

  display: none; }



.common-datatable thead tr#filterrow th:last-child input, .common-datatable thead tr#filterrow th:first-child input {

  display: none; }



.process-hide-table thead tr#filterrow th:nth-child(3) input, .process-hide-table thead tr#filterrow th:nth-child(5) input, .process-hide-table thead tr#filterrow th:nth-child(6) input, .process-hide-table thead tr#filterrow th:nth-child(7) input, .process-hide-table thead tr#filterrow th:nth-child(8) input, .process-hide-table thead tr#filterrow th:nth-child(9) input, .process-hide-table thead tr#filterrow th:nth-child(10) input, .process-hide-table thead tr#filterrow th:nth-child(11) input {

  display: block; }

.process-hide-table thead tr#filterrow th input {

  display: none; }



.admin-process-hide-table thead tr#filterrow th:nth-child(3) input, .admin-process-hide-table thead tr#filterrow th:nth-child(6) input, .admin-process-hide-table thead tr#filterrow th:nth-child(10) input, .admin-process-hide-table thead tr#filterrow th:nth-child(11) input {

  display: block; }

.admin-process-hide-table thead tr#filterrow th input {

  display: none; }



.table-list th:last-child, .table-list th:first-child {

  text-align: center; }

.table-list td:last-child, .table-list td:first-child {

  text-align: center; }



.inner-tbl th:last-child, .inner-tbl th:first-child {

  text-align: left; }

.inner-tbl td:last-child, .inner-tbl td:first-child {

  text-align: left; }



.last-cell,

.first-cell {

  text-align: center; }



.slidein .side-bar-wrp {

  overflow-y: visible; }

.slidein .side-bar .navigation .mobilet:hover ul {

  opacity: 1;

  visibility: visible;

  transform: translateX(100%);

  transition: all 0.2s linear; }

.slidein .more i {

  display: none; }

.slidein .main-content {

  margin-left: 50px; }

.slidein .side-bar {

  max-width: 50px; }

  .slidein .side-bar .navigation li > ul > li a {

    font-size: 13px !important;

    padding-left: 20px; }

  .slidein .side-bar .navigation ul {

    max-height: 2000px;

    width: 200px;

    background: #11294a;

    z-index: 9999999;

    position: absolute;

    right: 0;

    top: 0;

    transform: translateX(90%);

    opacity: 0;

    visibility: hidden; }

  .slidein .side-bar .navigation li a {

    font-size: 0; }



.top-nav {

  display: inline-block;

  vertical-align: middle;

  margin-top: 23px;

  margin-right: 18px; }

  .top-nav li.hoverTrigger:hover > .submenu {

    opacity: 1;

    visibility: visible; }

  .top-nav ul {

    padding-left: 0;

    width: auto;

    margin: 0; }

    .top-nav ul li {

      text-align: center;

      position: relative;
        padding: 0 10px;}

      .top-nav ul li:first-child {

        width: auto;
        text-align: right;}

        .top-nav ul li:first-child:after {

          content: ''; }

      .top-nav ul li:last-child:after {

        content: ''; }

      .top-nav ul li:after {

        content: '|';

        display: inline-block;

        color: #fff;

        position: absolute;

        right: 0;

        top: 50%;

        transform: translateY(-50%); }

      .top-nav ul li.active a {

        color: #ffcc06; }

      .top-nav ul li .avtor {

        margin-right: 10px; }
      .top-nav ul li .avtor img {
          width: 40px;
          height: 40px;
       }

      .top-nav ul li .avtor,

      .top-nav ul li .avt-name {

        display: inline-block;

        vertical-align: middle;

        line-height: normal; }

      .top-nav ul li a {

        color: #fff; }


        .top-nav ul li a:hover {

          text-decoration: none;

          color: #ffcc06; }

      .top-nav ul li .submenu {

        width: 170px;

        background-color: #fff;

        border-top: 5px solid #296ac2;

        min-height: 38px;

        display: inline-block;

        position: absolute;

        left: -60px !important;

        top: 43px;

        opacity: 0;

        visibility: hidden;

        transition: all 0.2s ease-in; }

        .top-nav ul li .submenu:before {

          content: '';

          width: 0;

          height: 0;

          border-left: 8px solid transparent;

          border-right: 8px solid transparent;

          border-bottom: 12px solid #296ac2;

          display: inline-block;

          position: absolute;

          top: -17px;

          left: 50%;

          transform: translateX(-50%); }

        .top-nav ul li .submenu li:first-child {

          width: 100%;

          display: block; }

        .top-nav ul li .submenu li a {

          padding: 5px;

          display: block;

          color: #363636;

          text-align: center; }



#MAddressBook .address-box {

  width: 100%;

  background-color: #f6f5f3;

  border: 1px solid #cfcfcf;

  float: left;

  width: 100%;

  padding: 28px; }

  #MAddressBook .address-box .address-table {

    width: 100%; }

    #MAddressBook .address-box .address-table td,

    #MAddressBook .address-box .address-table th {

      padding: 5px;

      color: #363636; }

    #MAddressBook .address-box .address-table th {

      width: 55%;

      font-weight: 600; }

    #MAddressBook .address-box .address-table td {

      width: 45%; }

#MAddressBook .add-address a {

  font-size: 16px;

  text-align: right;

  padding: 15px;

  font-family: "Lato", sans-serif;

  font-weight: 500;

  color: #08459e;

  display: block; }

#MAddressBook .add-address-heading {

  background-color: #f6f5f3;

  padding: 15px;

  margin: 30px 0; }

  #MAddressBook .add-address-heading h2 {

    margin: 0;

    text-transform: capitalize;

    font-size: 20px;

    font-weight: 600; }



.unprocess-inner-tbl td:last-child, .unprocess-inner-tbl th:last-child {

  text-align: center; }



/*******************

	Login page

***************************/

.login-page footer, .register-page footer {

  position: fixed;

  bottom: 0;

  width: 100%;

  left: 0;

  z-index: 99999999; }

.login-page #pswd_info, .register-page #pswd_info {

  display: none; }

.login-page form, .register-page form {

  position: relative; }

.login-page #pswd_info::before, .register-page #pswd_info::before {

  content: "";

  position: absolute;

  top: 100px;

  left: -32px;

  width: 0;

  height: 0;

  border-bottom: 23px solid #fff;

  border-left: 25px solid transparent;

  border-right: 24px solid transparent;

  transform: rotate(-91deg); }

.login-page #pswd_info, .register-page #pswd_info {

  position: absolute;

  bottom: -115px\9;

  right: -20px;

  width: 218px;

  padding: 15px;

  background: #fefefe;

  font-size: .875em;

  border-radius: 0px;

  border: 1px solid #ddd;

  z-index: 99999;

  top: -50px;

  /* Webkit based browsers */

  /* Gecko based browsers */ }

  .login-page #pswd_info h4, .register-page #pswd_info h4 {

    font-size: 14px;

    font-size: 14px;

    font-weight: bolder;

    color: #000; }

  .login-page #pswd_info ul, .register-page #pswd_info ul {

    padding-left: 0;

    list-style-type: none; }

  .login-page #pswd_info li, .register-page #pswd_info li {

    color: #000; }

  .login-page #pswd_info .invalid, .register-page #pswd_info .invalid {

    background: url(../images/icons/cross.png) no-repeat 0 50%;

    padding-left: 22px;

    line-height: 24px;

    color: #333; }

  .login-page #pswd_info .valid, .register-page #pswd_info .valid {

    background: url(../images/icons/tick.png) no-repeat 0 50%;

    padding-left: 22px;

    line-height: 24px;

    color: #333; }

  .login-page #pswd_info meter[value="1"]::-webkit-meter-optimum-value, .register-page #pswd_info meter[value="1"]::-webkit-meter-optimum-value {

    background: red; }

  .login-page #pswd_info meter[value="2"]::-webkit-meter-optimum-value, .register-page #pswd_info meter[value="2"]::-webkit-meter-optimum-value {

    background: yellow; }

  .login-page #pswd_info meter[value="3"]::-webkit-meter-optimum-value, .register-page #pswd_info meter[value="3"]::-webkit-meter-optimum-value {

    background: orange; }

  .login-page #pswd_info meter[value="4"]::-webkit-meter-optimum-value, .register-page #pswd_info meter[value="4"]::-webkit-meter-optimum-value {

    background: green; }

  .login-page #pswd_info meter[value="1"]::-moz-meter-bar, .register-page #pswd_info meter[value="1"]::-moz-meter-bar {

    background: red; }

  .login-page #pswd_info meter[value="2"]::-moz-meter-bar, .register-page #pswd_info meter[value="2"]::-moz-meter-bar {

    background: yellow; }

  .login-page #pswd_info meter[value="3"]::-moz-meter-bar, .register-page #pswd_info meter[value="3"]::-moz-meter-bar {

    background: orange; }

  .login-page #pswd_info meter[value="4"]::-moz-meter-bar, .register-page #pswd_info meter[value="4"]::-moz-meter-bar {

    background: green; }

  .login-page #pswd_info meter, .register-page #pswd_info meter {

    /* Reset the default appearance */

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    margin: 0 auto 1em;

    width: 100%;

    height: 0.5em;

    /* Applicable only to Firefox */

    background: none;

    background-color: rgba(0, 0, 0, 0.1); }

  .login-page #pswd_info meter::-webkit-meter-bar, .register-page #pswd_info meter::-webkit-meter-bar {

    background: none;

    background-color: rgba(0, 0, 0, 0.1); }

.login-page header, .register-page header {

  float: left;

  width: 100%; }

.login-page .login-wrp, .register-page .login-wrp {

  padding: 0 25px; }

.login-page .login-header, .register-page .login-header {

  height: 100px;

  border-bottom: 1px solid #cfcfcf; }

.login-page .logo-wrp, .register-page .logo-wrp {

  width: 194px;

  padding: 8px; }

.login-page .online-rec h3, .register-page .online-rec h3 {

  margin: 0;

  text-transform: uppercase;

  font-family: "Lato-medium", sans-serif;

  padding: 36px 0;

  color: #296ac2;

  text-align: right; }

.login-page .login-tbl, .register-page .login-tbl {

  width: 100%;

  margin: auto;

  border-radius: 8px;

  overflow: hidden;

  margin: 35px auto 10px; }

  .login-page .login-tbl .login-cell, .register-page .login-tbl .login-cell {

    vertical-align: top;

    width: 50%; }

    .login-page .login-tbl .login-cell.login-form, .register-page .login-tbl .login-cell.login-form {

      position: relative;

      letter-spacing: normal; }

      .login-page .login-tbl .login-cell.login-form .login-btn-wrp, .register-page .login-tbl .login-cell.login-form .login-btn-wrp {

        margin-bottom: 70px; }

      .login-page .login-tbl .login-cell.login-form .forgot-password-wrp, .register-page .login-tbl .login-cell.login-form .forgot-password-wrp {

        text-align: center;

        width: 100%; }

        .login-page .login-tbl .login-cell.login-form .forgot-password-wrp a, .register-page .login-tbl .login-cell.login-form .forgot-password-wrp a {

          color: #fff; }

    .login-page .login-tbl .login-cell .form-title, .register-page .login-tbl .login-cell .form-title {

      font-size: 18px;

      color: #fff;

      text-align: center;

      margin-bottom: 45px; }

    .login-page .login-tbl .login-cell .form-group, .register-page .login-tbl .login-cell .form-group {

      margin-bottom: 0;

      position: relative;

      width: 90%;

      margin: auto; }

      .login-page .login-tbl .login-cell .form-group .input-group:first-child .input-group-addon, .register-page .login-tbl .login-cell .form-group .input-group:first-child .input-group-addon {

        border-bottom: 0; }

      .login-page .login-tbl .login-cell .form-group .input-group:first-child input.form-control, .register-page .login-tbl .login-cell .form-group .input-group:first-child input.form-control {

        border: 0; }

      .login-page .login-tbl .login-cell .form-group .input-group:last-child input.form-control, .register-page .login-tbl .login-cell .form-group .input-group:last-child input.form-control {

        border-right: 0;

        border-bottom: 0;

        border-left: 0;

        border-top: 1px solid #ccc; }

      .login-page .login-tbl .login-cell .form-group .border-radius, .register-page .login-tbl .login-cell .form-group .border-radius {

        border-radius: 8px;

        overflow: hidden; }

      .login-page .login-tbl .login-cell .form-group input.form-control, .register-page .login-tbl .login-cell .form-group input.form-control {

        height: 50px;

        border-right: 0; }

      .login-page .login-tbl .login-cell .form-group .input-group-addon, .register-page .login-tbl .login-cell .form-group .input-group-addon {

        border-radius: 0;

        background-color: #fff;

        color: #cfcfcf; }

        .login-page .login-tbl .login-cell .form-group .input-group-addon .fa-lock, .register-page .login-tbl .login-cell .form-group .input-group-addon .fa-lock {

          font-size: 28px; }

        .login-page .login-tbl .login-cell .form-group .input-group-addon .fa-envelope, .register-page .login-tbl .login-cell .form-group .input-group-addon .fa-envelope {

          font-size: 19px; }

    .login-page .login-tbl .login-cell:first-child, .register-page .login-tbl .login-cell:first-child {

      background-color: #296ac2;

      padding: 26px; }

    .login-page .login-tbl .login-cell .owl-carousel, .register-page .login-tbl .login-cell .owl-carousel {

      width: 564px; }

      .login-page .login-tbl .login-cell .owl-carousel .owl-prev, .register-page .login-tbl .login-cell .owl-carousel .owl-prev, .login-page .login-tbl .login-cell .owl-carousel .owl-next, .register-page .login-tbl .login-cell .owl-carousel .owl-next {

        position: absolute;

        top: 50%;

        font-size: 30px;

        color: #000;

        transform: translateY(-50%);

        left: 15px; }

      .login-page .login-tbl .login-cell .owl-carousel .owl-next, .register-page .login-tbl .login-cell .owl-carousel .owl-next {

        right: 15px;

        left: initial; }

      .login-page .login-tbl .login-cell .owl-carousel .slide-text-container, .register-page .login-tbl .login-cell .owl-carousel .slide-text-container {

        position: absolute;

        top: 15%;

        left: 50%;

        transform: translate(-50%, -50%);

        font-size: 24px;

        color: #296ac2;

        width: 85%;

        text-align: center; }



/*******************

	Forgot Password

***************************/

/*******************

	Registor page

***************************/

.register-page .register-main-container .register-form {

  margin: 50px 0;

  background-color: #296ac2;

  color: #fff;

  padding: 15px 30px;

  border-radius: 10px; }

  .register-page .register-main-container .register-form h3 {

    margin: 0;

    padding-bottom: 30px;

    display: block;

    text-align: center; }

  .register-page .register-main-container .register-form .login-btn {

    width: 200px;

    margin: 30px auto 20px;

    transition: all 0.2s linear;

    color: #333; }

    .register-page .register-main-container .register-form .login-btn:hover {

      background-color: #fff;

      color: #333; }

  .register-page .register-main-container .register-form .inline-icon-wrp .form-control {

    border-right: 0; }

  .register-page .register-main-container .register-form .input-group-addon {

    background-color: #fff;

    border-radius: 0; }



/*******************

	Pick up page

***************************/

.pl0 {

  padding-left: 0; }



.pr0 {

  padding-right: 0; }



.inner-content {

  padding: 27px 30px;

  float: left;

  width: 100%; }



.time-ico {

  position: relative;

  display: inline-block;

  width: 100%; }

  .time-ico:after {

    content: "\e023";

    font-family: 'Glyphicons Halflings';

    display: inline-block;

    position: absolute;

    right: 12px;

    top: 7px;

    z-index: 3;

    color: #ccc; }



.pickup-page .input-group {

  width: 100%; }

.pickup-page .input-daterange {

  width: 100%; }

.pickup-page .input-daterange span.ico {

  position: relative;

  display: inline-block;

  width: 100%; }

  .pickup-page .input-daterange span.ico:after {

    content: "\e109";

    font-family: 'Glyphicons Halflings';

    display: inline-block;

    position: absolute;

    right: 12px;

    top: 7px;

    z-index: 2;

    color: #ccc; }

.pickup-page label {

  color: #888;

  font-size: 12px;

  margin-bottom: 5px; }

.pickup-page .top-title-bar {

  float: left;

  width: 100%;

  margin-bottom: 20px; }

.pickup-page .btn-wrp {

  text-align: right; }

.pickup-page .add-item-btn {

  color: #fff;

  width: 88px;

  height: 28px;

  line-height: 26px;

  text-align: center;

  padding: 0;

  text-transform: uppercase;

  display: inline-block;

  border-radius: 0; }

  .pickup-page .add-item-btn.btn-yellow {

    width: 150px; }

.pickup-page .content-wrp, .pickup-page .content-wrp-1,

.pickup-page .content-wrp-2, .pickup-page .content-wrp-inner {

  float: left;

  width: 100%;

  background-color: #fff;

  padding: 30px 15px; }

.pickup-page .content-wrp-1,

.pickup-page .content-wrp-2 {

  padding: 20px 15px;

  margin-bottom: 30px; }

.pickup-page .content-wrp-1 {

  padding-bottom: 0; }

.pickup-page .content-wrp-inner {

  padding: 15px 15px 30px 15px; }

.pickup-page .spacing {

  padding: 15px !important;

  background-color: #f4f4f4;

  float: left;

  width: 100%; }

  .pickup-page .spacing:first-child {

    padding-bottom: 10px; }

  .pickup-page .spacing:last-child {

    padding-top: 0; }

    .pickup-page .spacing:last-child .colbg-color {

      background: transparent;

      border: 0;

      padding: 0px 0px; }

  .pickup-page .spacing .colbg-color {

    background-color: #fff;

    padding: 20px 15px;

    border: 1px solid #fff; }

    .pickup-page .spacing .colbg-color textarea {

      border-radius: 0; }

.pickup-page .go-tbl {

  width: 190px;

  margin-bottom: 10px; }

  .pickup-page .go-tbl .go-cell:first-child {

    padding-right: 10px; }

  .pickup-page .go-tbl .go-cell:last-child {

    width: 48px;

    height: 30px;

    background-color: #11294a;

    text-align: center; }

  .pickup-page .go-tbl .go-cell a {

    color: #fff;

    padding: 15px; }



span.ico {

  position: relative;

  display: inline-block;

  width: 100%; }



span.ico::after {

  content: "\e109";

  font-family: 'Glyphicons Halflings';

  display: inline-block;

  display: inline-block;

  position: absolute;

  right: 12px;

  top: 7px;

  z-index: 2;

  color: #ccc; }



.pickup-page.request-pickup .spacing {

  padding: 15px 0;

  margin-bottom: 20px; }

.pickup-page.request-pickup .req-btn-wrp {

  text-align: left; }

.pickup-page.request-pickup .pick-address {

  display: block;

  border: 1px solid #ccc;

  border-top-width: 1px;

  border-top-style: solid;

  border-top-color: #ccc;

  height: 35px;

  line-height: 31px;

  padding: 0px 7px;

  border-top: 0; }

  .pickup-page.request-pickup .pick-address a,

  .pickup-page.request-pickup .pick-address p {

    font-size: 13px;

    color: #363636; }



.table-titlebar {

  float: left;

  width: 100%;

  margin-top: 25px;

  margin-bottom: 25px; }

  .table-titlebar h3 {

    font-size: 18px;

    font-family: "Lato-medium", sans-serif;

    color: #363636; text-transform: none }

  .table-titlebar .btn-wrp a {

    color: #0e4da2;

    font-family: "Lato-medium", sans-serif; }



.inner-tbl {

  width: 100%;

  text-align: left; }

  .inner-tbl tbody {

    box-shadow: 0px 0px 6px rgba(51, 51, 51, 0.5); }

  .inner-tbl th {

    background-color: #f2f2f2;

    font-weight: bold; }

  .inner-tbl td {

    background-color: #f2f2f2; }



table.dataTable th.filter-padding {

  padding-right: 30px;

  position: relative; }



.filter {

  float: right;

  position: absolute;

  right: 14px;

  top: 50%;

  transform: translateY(-50%); }

  .filter:after {

    content: '\f0b0';

    font-family: 'FontAwesome';

    font-size: 12px;

    color: #dcdcdc;

    margin-right: 3px; }



.inline-input {

  display: table;

  width: 100%; }

  .inline-input .select2-container--default .select2-selection--single,

  .inline-input .select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 26px; }

  .inline-input .select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 26px; }

  .inline-input input.form-control {

    height: 26px;

    line-height: 28px;

    font-size: 12px;

    padding: 0 10px; }

  .inline-input .input-daterange span.ico::after {

    right: 5px;

    top: 4px; }



.inline-input select,

.inline-input .input-wrp,

.inline-input label {

  display: table-cell;

  vertical-align: middle; }



.inline-input label {

  width: 100px !important;

  padding-right: 5px;

  text-transform: capitalize; }



.dataTables_filter {

  display: none; }



.table-list.dataTable {

  font-family: "Lato", sans-serif;

  text-align: left;

  border-bottom: 0px !important; }

  .table-list.dataTable tfoot th,

  .table-list.dataTable thead th {

    border-bottom: 1px solid #dcdcdc;

    background-color: #fbfbfb;

    border-top: 1px solid #f2f2f2; }

  .table-list.dataTable tbody td {

    border-bottom: 0px solid #eee;

    color: #777; }

    .table-list.dataTable tbody td a .fa {

      margin-right: 5px; }

    .table-list.dataTable tbody td a:last-child .fa {

      margin-right: 0; }

  .table-list.dataTable td, .table-list.dataTable th {

    font-size: 12px;

    color: #777;

    text-transform: capitalize; }

    .table-list.dataTable td a, .table-list.dataTable th a {

      color: #777;

      transition: all 0.2s; }

      .table-list.dataTable td a:hover, .table-list.dataTable th a:hover {

        color: #296ac2; }

    .table-list.dataTable td:nth-child(2) a, .table-list.dataTable td:first-child a, .table-list.dataTable td:nth-child(3) a, .table-list.dataTable td:nth-child(4) a, .table-list.dataTable th:nth-child(2) a, .table-list.dataTable th:first-child a, .table-list.dataTable th:nth-child(3) a, .table-list.dataTable th:nth-child(4) a {

      color: #296ac2;

      text-decoration: underline; }



#rnp-detail-tbl td:nth-child(4) a {

  color: #777;

  text-decoration: none; }



.delivery-req-page .content-wrp, .delivery-req-page .pickup-page .content-wrp-1, .pickup-page .delivery-req-page .content-wrp-1,

.delivery-req-page .pickup-page .content-wrp-2,

.pickup-page .delivery-req-page .content-wrp-2, .delivery-req-page .pickup-page .content-wrp-inner, .pickup-page .delivery-req-page .content-wrp-inner {

  padding: 30px 20px; }

  .delivery-req-page .content-wrp .input-tbl, .delivery-req-page .pickup-page .content-wrp-1 .input-tbl, .pickup-page .delivery-req-page .content-wrp-1 .input-tbl,

  .delivery-req-page .pickup-page .content-wrp-2 .input-tbl,

  .pickup-page .delivery-req-page .content-wrp-2 .input-tbl, .delivery-req-page .pickup-page .content-wrp-inner .input-tbl, .pickup-page .delivery-req-page .content-wrp-inner .input-tbl {

    margin: 0;

    width: 30px;

    display: table;

    margin: auto; }

  .delivery-req-page .content-wrp .inputcell, .delivery-req-page .pickup-page .content-wrp-1 .inputcell, .pickup-page .delivery-req-page .content-wrp-1 .inputcell,

  .delivery-req-page .pickup-page .content-wrp-2 .inputcell,

  .pickup-page .delivery-req-page .content-wrp-2 .inputcell, .delivery-req-page .pickup-page .content-wrp-inner .inputcell, .pickup-page .delivery-req-page .content-wrp-inner .inputcell {

    display: table-cell;

    vertical-align: middle; }

    .delivery-req-page .content-wrp .inputcell:last-child, .delivery-req-page .pickup-page .content-wrp-1 .inputcell:last-child, .pickup-page .delivery-req-page .content-wrp-1 .inputcell:last-child,

    .delivery-req-page .pickup-page .content-wrp-2 .inputcell:last-child,

    .pickup-page .delivery-req-page .content-wrp-2 .inputcell:last-child, .delivery-req-page .pickup-page .content-wrp-inner .inputcell:last-child, .pickup-page .delivery-req-page .content-wrp-inner .inputcell:last-child {

      padding: 5px; }

.delivery-req-page .datepicker-dropdown {

  top: 0;

  left: 0;

  /*transform: translateX(-47%);*/ }

  .delivery-req-page .datepicker-dropdown::after, .delivery-req-page .datepicker-dropdown::before {

    left: initial;

    right: 7px; }



/*-----Responsive-Table--*/

.margin-right-15 {

  margin-right: 15px; }



.rwd-table {

  min-width: 200px; }

  .rwd-table td:before {

    content: attr(data-th) ": ";

    font-weight: bold;

    width: 135px;

    display: inline-block; }

    @media (min-width: 481px) {

      .rwd-table td:before {

        display: none; } }

  @media (max-width: 481px) {

    .rwd-table th,

    .rwd-table td {

      display: block; } }

  @media (max-width: 481px) {

    .rwd-table th {

      display: none; } }



.rwd-table {

  overflow: hidden; }

  .rwd-table th,

  .rwd-table td:before {

    color: #363636; }



.rwd-table.str-inv-table td:before {

  width: 100%;

  display: block; }

  @media (min-width: 481px) {

    .rwd-table.str-inv-table td:before {

      display: none; } }

  @media (max-width: 481px) {

    .rwd-table.str-inv-table td:before {

      display: block; } }



/*-----Responsive-Table--*/

/*User page*/

.margin-bottom-20 {

  margin-bottom: 20px;

  float: left;

  width: 100%; }



.add-inf0-area {

  border-radius: 0;

  height: 142px !important; }



.weblinks .ico input {

  padding-left: 34px;

  margin-bottom: 20px; }

.weblinks .ico:after {

  content: "\e109";

  left: 10px;

  right: inherit;

  top: 2px;

  z-index: 2;

  color: #ccc;

  font-size: 20px;

  font-family: 'fontAwesome'; }

.weblinks .ico.web:after {

  content: "\f0ac"; }

.weblinks .ico.fb:after {

  content: "\f09a"; }

.weblinks .ico.li:after {

  content: "\f0e1"; }



.martop0 {

  margin-top: 0; }



.marbottom0 {

  margin-bottom: 0; }



.index-add-btn,

.clasii-add-btn,

.user-new-btn,

.location-add-btn {

  margin-top: 0; }



.hide-btn,

.add-new-field {

  cursor: pointer; }



.hidden-class {

  display: none; }



.row-wrapper-service-lvl-cell {

  width: auto;

  vertical-align: middle;

  padding: 5px 10px;

  text-align: center; }

  .row-wrapper-service-lvl-cell:first-child {

    width: 60px; }

  .row-wrapper-service-lvl-cell .form-group {

    margin-bottom: 0; }



.row-wrapper-service-lvl-row {

  display: table-row;

  width: 100%; }



.general-address textarea.form-control {

  height: 34px;

  border-radius: 0; }



.row-wrapper-service-lvl-tbl {

  width: 100%;

  border: 1px solid #ccc;

  padding-bottom: 8px; }



.ser-lvl-tbl {

  display: table;

  width: 170px; }



.note-wrp {

  padding-left: 40px;

  position: relative;

  margin: 5px 0; }

  .note-wrp .note {

    position: absolute;

    top: 0;

    left: 0; }



.ser-lvl-cell {

  display: table-cell;

  width: auto;

  vertical-align: top;

  padding: 0 5px; }

  .ser-lvl-cell:first-child {

    width: 80px; }

  .ser-lvl-cell input {

    width: 100%; }



.bottom-margin {

  margin-bottom: 30px; }



.title-sub-bg {

  padding: 15px;

  background-color: #11294a; }

  .title-sub-bg h3 {

    font-size: 18px;

    margin: 0;

    color: #fff;

    text-transform: uppercase; }



.table-scroll {

  overflow-x: auto;

  float: left;

  width: 100%;

  position: relative; }



.label.label-fixed-62 {

  width: 62px !important; }



.mt0 {

  margin-top: 0 !important; }



.margin-top7 {

  margin-top: 7px; }



.margin-bottom15 {

  margin-bottom: 15px; }



.top-search-btn {

  width: 26px;

  height: 26px;

  border: 1px solid #d2d2d2;

  display: inline-block;

  line-height: 25px;

  text-align: center;

  color: #d2d2d2; }



.btn-top-default {

  color: #fff;

  border-radius: 0;

  padding: 6px 19px;

  font-weight: 600;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s; }



.edit-btn {

  cursor: pointer; }



.top-tbl {

  display: table;

  width: 270px; }



.top-tbl-cell {

  display: table-cell;

  width: auto;

  vertical-align: middle; }

  .top-tbl-cell:last-child {

    width: 150px;

    padding-left: 15px; }



/*User page*/

/*Pending Orders*/

.rad-info-box {

  background: #FFF;

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

  border: 5px solid;

  border-top-color: currentcolor;

  border-right-color: currentcolor;

  border-bottom-color: currentcolor;

  border-left-color: currentcolor;

  border-color: rgba(204, 204, 204, 0.5);

  padding: 10px 5px;

  margin-bottom: 30px; }



.quick-lnk-btn {

  background: #FFF;

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

  border: 5px solid;

  border-top-color: currentcolor;

  border-right-color: currentcolor;

  border-bottom-color: currentcolor;

  border-left-color: currentcolor;

  border-color: rgba(204, 204, 204, 0.5);

  padding: 22px 9px;

  margin-bottom: 30px;

  width: 100%;

  text-align: center;

  border-radius: 0;

  font-size: 14px;

  color: #000; }

  .quick-lnk-btn:hover {

    color: #fff;

    background-color: #11294a;

    border-color: #ffcc06; }



.q-n-rw label {

  color: #000;

  text-transform: capitalize;

  font-size: 14px; }



.rad-info-box .title-dashboard {

  text-align: center;

  text-transform: uppercase; }



.rad-info-box .title-dashboard {

  color: #242424;

  display: block;

  position: relative;

  text-align: center;

  z-index: 10;

  font-size: 12px; }



.rad-info-box .value {

  font-size: 26px;

  font-weight: 600; }



.rad-info-box .value {

  font-size: 18px;

  font-weight: 600;

  margin-top: 2px;

  display: block;

  text-align: center; }



tr.shown td.details-control {

  background: url("../images/table-icon/details_close.png") no-repeat center center; }



td.details-control {

  background: url("../images/table-icon/details_open.png") no-repeat center center;

  cursor: pointer; }



/*Pending Orders*/

/*Footer*/

footer {

  position: fixed;

  left: 0;

  bottom: 0;

  width: 100%;

  z-index: 999999; }



.bottom-footer span.foo-first-col {

  text-align: left;

  display: block; }



.bottom-footer span.foo-last-col {

  text-align: right;

  display: block; }



.main-content .bottom-footer span {

  font-size: 12px; }



.main-content .bottom-footer {

  background-color: #11294a; }



.top-footer {

  padding: 15px;

  background-color: #cfcfcf;

  text-align: center; }

  .top-footer a {

    font-size: 16px;

    text-transform: capitalize; }



.bottom-footer {

  background-color: #0e4da2;

  padding: 15px;

  color: #fff;

  text-align: center; }

  .bottom-footer span {

    font-size: 14px; }

    .bottom-footer span a {

      color: #fff; }



/*Footer*/

/* adjust body when menu is open */

/*******************

	Stored Inventory Item page

***************************/

.sub-head-title h4 {

  margin: 0;

  padding: 0 0 15px 15px;

  font-size: 16px; }



.st-inv-checkbox-col .cont-tbl {

  border: none;

  padding: 0; }

  .st-inv-checkbox-col .cont-tbl .cont-cell {

    display: inline-block;

    width: auto;

    margin-right: 25px; }



.st-inv-checkbox-col .control input:disabled ~ .control__indicator {

  background: #11294a;

  opacity: 1;

  pointer-events: none; }



.st-inv-checkbox-col .control--checkbox input:disabled ~ .control__indicator:after {

  border-color: #fff; }



.pick-item-table.table {

  margin-bottom: 0;

  border: 1px solid #e5e5e5;

  border-radius: 0; }



.str-inv-table.table {

  margin-bottom: 0;

  border: 1px solid #e5e5e5;

  border-radius: 0; }

  .str-inv-table.table thead tr th {

    border-bottom: 1px solid #ddd; }

    .str-inv-table.table thead tr th:last-child {

      text-align: center; }

  .str-inv-table.table tr td:last-child {

    text-align: center; }



/*******************

	Unprocessed page

***************************/

.unprocess-btn {

  margin-bottom: 20px; }



.unpr-tbl.cont-tbl {

  height: auto;

  border: none;

  padding: 5px 0 0; }

  .unpr-tbl.cont-tbl .cont-cell {

    display: inline-block;

    vertical-align: middle;

    width: auto;

    margin-right: 15px; }



.unprocess-action-rw {

  width: 500px;

  text-align: right; }



.select-action {

  display: inline-block;

  width: 310px !important;

  float: left;

  text-align: left; }

  .select-action label {

    padding-right: 3px; }

  .select-action .select2-container {

    width: 86% !important; }

    .select-action .select2-container .select2-selection--single {

      height: 42px; }

      .select-action .select2-container .select2-selection--single .select2-selection__rendered {

        line-height: 40px; }



.upload-status-sec {

  width: 100%;

  float: left;

  padding: 10px 10px 20px; }

  .upload-status-sec .upload-para {

    color: #11294a;

    font-weight: bold;

    margin: 0; }



/*******************

	Container Store with items editable page

***************************/

.edit-item-btn {

  width: auto;

  line-height: normal;

  text-align: center;

  text-transform: uppercase;

  display: inline-block;

  border-radius: 0;

  padding: 10px;

  color: #fff;

  margin: 0; }



.item-edit-rw {

  margin: 0 -10px; }



.item-edit-col {

 /* width: 50%;*/

  padding: 0 10px;

 /* float: left;*/ }



.str-inv-table tbody td {

  border-bottom: 0px solid #eee;

  color: #777; }

  .str-inv-table tbody td a .fa {

    margin-right: 5px; }

  .str-inv-table tbody td a:last-child .fa {

    margin-right: 0; }



/*******************

	Pickup order non editable page

***************************/

.or-lst-item {

  margin-bottom: 10px; }

  .or-lst-item:last-child {

    margin-bottom: 0; }

  .or-lst-item span {

    display: inline-block;

    width: 6%; }

  .or-lst-item .form-control {

    width: 55% !important;

    display: inline-block; }

  .or-lst-item .view-container-link {

    width: 30%;

    display: inline-block;

    padding-left: 10px; }



.link-btn {

  font-size: 16px;

  padding-top: 25px;

  display: block;

  float: left;

  color: #11294a;

  text-transform: capitalize;

  cursor: pointer; }



.st-ord-col label {

  text-align: right;

  float: right;

  width: 100%;

  padding-right: 10px; }



.fnd-btn-default {

  width: 100%;

  border-radius: 0;

  font-size: 15px;

  margin-top: 22px;

  color: #fff;

  font-weight: 500;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease- 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s; }

  .fnd-btn-default:hover {

    color: #333;

    background-color: #d4d4d4;

    border-color: #8c8c8c; }



.pickup-request-sec .input-group .input-group-addon {

  border-radius: 0;

  background-color: transparent;

  color: #ccc; }



/*******************

	Pickup add new container page

***************************/

.add-nw-con-wrap .link-btn {

  padding-top: 5px; }

  .add-nw-con-wrap .link-btn.delete-btn {

    color: #ffcc06; }

.add-nw-con-wrap .first-rw .link-btn {

  padding-top: 25px; }



.bootstrap-timepicker-widget i.icon-chevron-up {

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; }

  .bootstrap-timepicker-widget i.icon-chevron-up:before {

    content: "\f077"; }

.bootstrap-timepicker-widget i.icon-chevron-down {

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; }

  .bootstrap-timepicker-widget i.icon-chevron-down:before {

    content: "\f078"; }



.rwd-table.span-tbl td:before {

  display: none !important; }

.rwd-table.span-tbl td span:before {

  content: attr(data-name) ": ";

  font-weight: bold;

  width: 135px;

  display: inline-block; }

  @media (min-width: 481px) {

    .rwd-table.span-tbl td span:before {

      display: none; } }

.rwd-table.span-tbl .inner-tbl td:before {

  content: attr(data-th) ": ";

  font-weight: bold;

  width: 135px;

  display: inline-block !important; }

  @media (min-width: 481px) {

    .rwd-table.span-tbl .inner-tbl td:before {

      display: none !important; } }



/*******************

	Delivery Request page

***************************/

.pickup-page .radio-delivery-rq-sec {

  float: left;

  display: block;

  width: 100%;

  padding-top: 5px; }



.choose-btn {

  color: #fff;

  text-transform: uppercase;

  border-radius: 0; }

  .choose-btn:hover, .choose-btn.ds-choose-btn {

    color: #333;

    background-color: #e6e6e6;

    border-color: #adadad; }



.d-profile .str-inv-table.table > tbody > tr > td, .d-profile .str-inv-table.table > tfoot > tr > td {

  vertical-align: middle; }



/*******************

	Delivery Request Modal

***************************/

.delivery-req-modal.modal {

  text-align: center;

  padding: 0 !important; }

  .delivery-req-modal.modal:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

    margin-right: -4px; }

  .delivery-req-modal.modal .modal-dialog {

    width: 650px;

    margin: 0 auto;

    display: inline-block;

    text-align: left;

    vertical-align: middle; }

  .delivery-req-modal.modal.unprocess-modal .modal-dialog {

    width: 550px; }

  .delivery-req-modal.modal.unprocess-modal .modal-content {

    width: 100%;

    float: left; }

  .delivery-req-modal.modal.pickup-order-modal .modal-content {

    width: 100%;

    float: left; }

  .delivery-req-modal.modal .modal-content {

    border-radius: 0; }

    .delivery-req-modal.modal .modal-content .delivery-req-container {

      width: 100%;

      position: relative; }

      .delivery-req-modal.modal .modal-content .delivery-req-container .close {

        position: absolute;

        top: -30px;

        right: -30px;

        background: #f8f8f8;

        opacity: 1;

        border-radius: 100%;

        width: 35px;

        height: 35px;

        font-size: 24px;

        line-height: 35px; }

    .delivery-req-modal.modal .modal-content .delivery-req-title {

      margin: 0;

      text-transform: capitalize;

      text-align: center;

      font-size: 24px; }

    .delivery-req-modal.modal .modal-content .delivery-req-body {

      margin-top: 10px; }

      .delivery-req-modal.modal .modal-content .delivery-req-body .btn-yellow {

        margin: 0;

        width: 100%;

        padding: 6px 30px; }



.print-btn {

  margin-top: 22px;

  padding: 7px 30px; }



.r-sub-rep-sec {

  float: right; }

  .r-sub-rep-sec span {

    display: inline-block;

    vertical-align: middle; }

    .r-sub-rep-sec span .view-btn {

      margin-left: 10px; }



/*******************

	Pickup order Modal

***************************/

.pickup-order-modal

.issue-replies-sec {

  width: 100%;

  float: left; }

  .pickup-order-modal

  .issue-replies-sec .issue-replies-rw h5 {

    font-size: 15px;

    color: #11294a;

    font-weight: bold; }

  .pickup-order-modal

  .issue-replies-sec .replies-cmnt-bx-rw {

    padding-top: 20px; }

    .pickup-order-modal

    .issue-replies-sec .replies-cmnt-bx-rw .btn-default {

      margin-top: 10px; }



.hide-filter-rw {

  display: none !important; }



/*******************

	 Role And Permissions page

***************************/

.table-list.dataTable td a.btn-default.chk-pr-btn {

  margin-top: 0;

  color: #fff;

  padding: 6px 10px;

  font-size: 14px;

  text-decoration: none; }

  .table-list.dataTable td a.btn-default.chk-pr-btn:hover {

    color: #000; }



.role-check-sec {

  padding: 15px;

  border: 1px solid #ccc; }

  .role-check-sec .role-check-lst {

    list-style: none;

    padding: 15px 15px 0;

    margin: 0; }

    .role-check-sec .role-check-lst li {

      padding-bottom: 10px; }

      .role-check-sec .role-check-lst li:last-child {

        padding-bottom: 0; }



.sk-rnp-rw {

  margin-bottom: 10px; }



.rnp-tbl.table-list th:nth-child(3), .rnp-tbl.table-list td:nth-child(3) {

  text-align: center; }



.rnp-tbl.dataTable thead th:nth-child(3).sorting_desc, .rnp-tbl.dataTable thead th:nth-child(3).sorting_asc, .rnp-tbl.dataTable thead th:nth-child(3).sorting, .rnp-tbl.dataTable thead th:last-child.sorting_desc, .rnp-tbl.dataTable thead th:last-child.sorting_asc, .rnp-tbl.dataTable thead th:last-child.sorting {

  background: none; }



.warehouse-tbl.dataTable thead th:last-child.sorting_desc, .warehouse-tbl.dataTable thead th:last-child.sorting_asc, .warehouse-tbl.dataTable thead th:last-child.sorting {

  background: none; }



/*******************

	 Order Status page

***************************/

.order-status-page .fnd-btn-default {

  margin: 0; }

.order-status-page .inline-order-col {

  float: right !important; }

  .order-status-page .inline-order-col label {

    display: inline-block;

    width: auto;

    vertical-align: middle;

    padding-right: 10px; }

  .order-status-page .inline-order-col input {

    display: inline-block;

    width: 300px !important;

    vertical-align: middle; }



.pad-left {

  padding-left: 0 !important; }



/*******************

	 Admin Pickup Order page

***************************/

.pickup-tbl.inner-tbl th:nth-child(3), .pickup-tbl.inner-tbl th:last-child, .pickup-tbl.inner-tbl td:nth-child(3), .pickup-tbl.inner-tbl td:last-child {

  text-align: center; }



.status-btn {

  margin-top: 0 !important; }



/*******************

	 Admin Issue Details page

***************************/

.issue-view-al-sec {

  margin-top: 22px; }

  .issue-view-al-sec .issue-cmnt-txt {

    margin-right: 10px;

    color: #888;

    font-size: 14px; }



.sub-admin-tbl th:nth-child(5), .sub-admin-tbl td:nth-child(5) {

  text-align: center; }



/*******************

	 Admin Unprocessed page

***************************/

#admin-unprocess-tbl.admin-process-hide-table thead tr#filterrow th input {

  display: none; }

#admin-unprocess-tbl.admin-process-hide-table thead tr#filterrow th:nth-child(5) input, #admin-unprocess-tbl.admin-process-hide-table thead tr#filterrow th:nth-child(6) input {

  display: block; }



/*******************

	 Admin Pickup List page

***************************/

.pickup-item-list {

  background: #fff;

  padding: 20px 15px;

  margin-bottom: 20px; }

  .pickup-item-list .item-title-rw-sec {

    color: #888;

    font-size: 14px;

    padding-bottom: 15px; }

    .pickup-item-list .item-title-rw-sec .item-c-title {

      float: left; }

    .pickup-item-list .item-title-rw-sec .item-c-code {

      float: right; }



/*******************

	 Barcode Acknowledged page

***************************/

.barcode-ack-sec {

  padding-bottom: 15px; }

  .barcode-ack-sec .sub-head-title h4 {

    padding: 0; }

  .barcode-ack-sec .barcode-ack-col {

    text-align: right; }



.con-est-rw, .est-rw {

  display: none; }



.inner-tbl .edit-btn, .inner-tbl .unpr-delete {

  color: #777 !important; }



/*# sourceMappingURL=style.css.map */

/*==================Custom CSS=======1-8-2017=====================*/
.status-chk {position: absolute; margin: 1px 3px}
.pickup-page .top-title-bar { 
    margin-bottom: 0px; 
    float: none;
    padding: 10px 0;
}
.top-nav .notification-bell .notification {left: -78px}
.top-bar .top-nav .notification-bell .notification:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #296ac2;
    display: inline-block;
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
}
.top-bar .top-nav .notification-bell .notification {width: 251px; max-height: 251px; overflow: auto}
.top-bar .top-nav .notification-bell .notification li {border-bottom: 1px solid #e4e4e4; padding: 10px 0}
.top-bar .top-nav .notification-bell .notification li span {position: absolute; top: 32px; right: 5px}
.top-bar .top-nav .notification-bell .notification li a {word-break: break-all; text-align: left}
.top-nav ul li .notification li {display: block}
.top-bar .top-nav .notification-bell {padding: 10px}
.top-bar .top-nav .notification-bell a span {position: absolute; top: 0px; left: 20px; background-color: #11294A; color: #ffcc06}

/*-----------addnew depositer---> location-group tab------------------*/
#location-group table tr td .edit-location, #location-group table tr td .update-manager {display: block;padding: 10px; background-color: #337AB7;margin-bottom: 10px; color: #fff; text-decoration: none;border-radius: 10px}
#location-group table tr td .edit-location:hover, #location-group table tr td .update-manager:hover {background-color: #fff; color: #337AB7}

/*-------------admin location tab model popup----------------------------------------*/
#add_location #add_location_group, #add_location_center #add_location_cost, #add_edit_manager #add_location_group, #location_group_data  #add_location_group1 {background-color: #ffcc06; border: none}
#add_location #add_location_group:hover, #add_location_center #add_location_cost:hover, #add_edit_manager #add_location_group:hover,#location_group_data  #add_location_group1:hover {color: #333; background-color: #d4d4d4; border-color: #8c8c8c; }
.location-group .btn-default, #add_new_cost_center .btn-default, #add_edit_manager .btn-default, #location_group_data .btn-default {background-color: #11294a}
.location-group .btn-default:hover, #add_new_cost_center .btn-default:hover, #add_edit_manager .btn-default:hover, #location_group_data .btn-default:hover {color: #333; background-color: #d4d4d4; border-color: #8c8c8c; }

.location-group, #add_new_cost_center, #add_edit_manager, #location_group_data {margin-top: 12% !important; margin-left: 100px !important}


.listing-table .select2-container {width: unset !important; margin: 0 5px;}
.listing-table #record_per_page{margin: 0 5px;}
.listing-table .select2-container .select2-selection--single, .listing-table .select2-container--default .select2-selection--single .select2-selection__arrow {height: 20px;}
.listing-table .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 20px}
.listing-table .ld-gd-pagination-section .ld-gd-pagination li  {display: inline-block; cursor: pointer}
.listing-table .ld-gd-pagination-section .ld-gd-pagination li a{padding: 10px 15px; color: #242424; font-size: 16px; border: none; margin-right: 10px; margin-bottom: 10px; border: 1px solid #f1f1f1; background-image: none; color: #333 !important; text-decoration: none;}
.listing-table .ld-gd-pagination-section .ld-gd-pagination li.active a {background-color: #337ab7; font-weight: 600;  background-image: none; color: #fff !important;}

.listing-table .ld-gd-pagination-section .ld-gd-pagination li a:hover {background-color: #337ab7; border: 1px solid #337ab7; font-weight: 600; background-image: none; color: #fff !important}

.table-list, .ld-gd-pagination-entries {margin-top: 10px}
.table-list tbody td {border-top: 1px solid #ddd;padding: 8px 10px;}
.table-listle tfoot th, .table-list thead th {border-bottom: 1px solid #dcdcdc; background-color: #fbfbfb; border-top: 1px solid #f2f2f2; padding: 8px 10px;}

.table-list tbody tr:nth-child(odd) {background-color: #f9f9f9}

.noOfRecord {
  font-size: 14px;
  padding-top: 20px;
}

.tableIds {
  text-decoration: underline;
  color: #296ac2;
}

table th a {
  color:black;
}

.pagination > li > a, .pagination > li > span{
	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 2px;

	min-width: 1.5em;

	box-sizing: border-box;
	font-size: 16px !important;
	padding: 10px 15px;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{
	color: #fff;

	background-color: #337ab7;
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v15-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}


/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v19-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v13-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../fonts/titillium-web-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}