.login-register {
  background: url("https://puam-loris.aws.princeton.edu/loris/y1972-15.jp2/full/full/0/default.jpg") no-repeat center center/cover !important; }

.logo b {
  width: 50px;
  padding: 10px 0; }

.navbar-top-links i {
  line-height: inherit; }

i.danger {
  color: #c7254e; }

/*Theme Colors*/
/*bootstrap Color*/
/*Normal Color*/
/*Border radius*/
/*Preloader*/
.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff; }

.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px); }

/* This is for popins font for firefox */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v1/2fCJtbhSlhNNa6S2xlh9GyEAvth_LlrfE80CYdSH47w.woff2) format("woff2");
  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; }
/* This is for popins font for firefox */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v1/UGh2YG8gx86rRGiAZYIbVyEAvth_LlrfE80CYdSH47w.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* This is for popins font for firefox */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v1/yQWaOD4iNU5NTY0apN-qj_k_vArhqVIZ0nv9q090hN8.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/*Just change your choise color here its theme Colors*/
body {
  background: #fff; }

/*Top Header Part*/
.logo i {
  color: #ffffff; }

.navbar-header {
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); }

.navbar-top-links > li > a {
  color: #54667a; }

/*Right panel*/
.right-sidebar .rpanel-title {
  background: #642c8f; }

/*Bread Crumb*/
.bg-title .breadcrumb .active {
  color: #642c8f; }

/*Sidebar*/
.sidebar {
  background: #fff;
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08); }

.sidebar .label-custom {
  background: #01c0c8; }

#side-menu li a {
  color: #54667a;
  border-left: 3px solid transparent;
  padding: 10px 15px;
  transition: all 0.2s ease; }

#side-menu > li > a:hover,
#side-menu > li > a:focus {
  background: rgba(0, 0, 0, 0.03);
  border-left-color: rgba(100, 44, 143, 0.3); }

#side-menu > li > a.active {
  border-left: 3px solid #642c8f;
  color: #2b2b2b;
  background: #eff4f8;
  font-weight: 500; }

#side-menu > li > a.active i {
  color: #642c8f; }

#side-menu > li > a i {
  transition: color 0.2s ease; }

#side-menu > li > a:hover i {
  color: #642c8f; }

#side-menu ul > li > a:hover {
  color: #642c8f;
  background: rgba(0, 0, 0, 0.02); }

#side-menu ul > li > a.active {
  color: #2b2b2b;
  font-weight: 500;
  background: #f7fafc; }

.sidebar #side-menu .user-pro .nav-second-level a:hover {
  color: #642c8f; }

.sidebar .user-pro > a {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 5px; }

.nav-small-cap {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #99abb4; }

.fix-sidebar .top-left-part {
  background: #642c8f; }

/*themecolor*/
.bg-theme {
  background-color: #fb9678 !important; }

.bg-theme-dark {
  background-color: #01c0c8 !important; }

/*Chat widget*/
.chat-list .odd .chat-text {
  background: #642c8f; }

/*Button*/
.btn-custom {
  background: #642c8f;
  border: 1px solid #642c8f;
  color: #ffffff; }

.btn-custom:hover {
  background: #642c8f;
  opacity: 0.8;
  color: #ffffff;
  border: 1px solid #642c8f; }

/*Custom tab*/
.customtab li.active a,
.customtab li.active a:hover,
.customtab li.active a:focus {
  border-bottom: 2px solid #642c8f;
  color: #642c8f; }

.tabs-vertical li.active a,
.tabs-vertical li.active a:hover,
.tabs-vertical li.active a:focus {
  background: #642c8f;
  border-right: 2px solid #642c8f; }

/*Nav-pills*/
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background: #642c8f;
  color: #ffffff; }

.sidebar .nav-second-level li, .sidebar .nav-second-level, .sidebar #side-menu > li:hover, .sidebar .nav-third-level li {
  background: none; }

.bg-title {
  background: #f7fafc;
  padding: 12px 0;
  border-bottom: 1px solid #eef2f5; }

.bg-title .page-title {
  font-weight: 600;
  color: #2b2b2b;
  font-size: 20px; }

.bg-title select {
  border: 1px solid #dde3e8;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 13px;
  color: #54667a;
  background: #fff;
  transition: border-color 0.2s ease;
  margin-right: 4px; }

.bg-title select:focus {
  border-color: #642c8f;
  outline: none;
  box-shadow: 0 0 0 2px rgba(100, 44, 143, 0.1); }

/*Dashboard Cards*/
.card.card-stats {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border-radius: 8px; }

.card.card-stats:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); }

.card-stats .card-header.card-header-icon {
  padding: 15px 20px 10px; }

.card-stats .card-category {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #99abb4; }

.card-stats .card-title {
  font-size: 22px;
  font-weight: 700;
  color: #2b2b2b; }

.card-stats .card-icon {
  border-radius: 8px; }

.card-stats .card-footer {
  border-top: 1px solid #f0f0f0;
  padding: 8px 20px;
  margin-top: 5px; }

.card-stats .card-footer p {
  font-size: 12px;
  color: #99abb4;
  margin: 0; }

.card-stats .breakdown {
  cursor: pointer;
  transition: color 0.2s ease; }

.card-stats .breakdown:hover {
  color: #642c8f; }

/*Dashboard Charts*/
.card.card-chart {
  border-radius: 8px; }

.card-chart .card-header {
  border-radius: 8px 8px 0 0; }

.card-chart .card-body {
  padding: 15px 20px 5px; }

.card-chart .card-title {
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  color: #54667a; }

/*Dashboard Date Range*/
.dashdatepicker {
  border: 1px solid #dde3e8;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 13px; }

.top-left-part {
  background-color: #fff; }

/*Override JS Grid*/
.jsgrid-cell {
  overflow: hidden; }
  .jsgrid-cell:hover {
    overflow: visible; }

.selectall {
  cursor: pointer; }

.ct-chart {
  height: 200px; }

.red a {
  color: #b33; }

.green a {
  color: #090; }

#side-menu li a.highlight {
  background-color: #4aa54e;
  color: #fff;
  border-left-color: #3d8b40;
  border-radius: 0 4px 4px 0; }
  #side-menu li a.highlight:hover {
    background-color: #439647;
    color: #fff; }

a.highlight {
  background-color: #4aa54e;
  color: #fff; }
  a.highlight:hover {
    background-color: #439647;
    color: #fff; }

.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px; }

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px auto;
  border: 6px solid #4aa54e;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #4aa54e transparent transparent transparent; }

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s; }

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s; }

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.center {
  text-align: center; }

.form-control.small {
  max-width: 75px; }

table.tables {
  width: 100%; }
  table.tables th {
    background: #000080;
    color: #fff;
    padding: 0.2em 0.5em; }
  table.tables td {
    padding: 0.2em 0.5em;
    border: 1px solid #c8c7c7; }
  table.tables tr:hover {
    cursor: pointer; }
    table.tables tr:hover td {
      background: #f0efef; }

.loginbox {
  position: absolute;
  right: 38vw;
  top: 100px;
  border: 3px solid #f1f1f1;
  z-index: 9;
  width: 300px !important;
  display: none; }

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white; }

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1; }

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none; }

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom: 10px;
  opacity: 0.8; }

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red; }

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1; }

.opacitygrayscale {
  opacity: 0.6;
  filter: grayscale(100%); }

.opacityblur {
  opacity: 0.6;
  filter: blur(3px); }

/*# sourceMappingURL=secure.css.map */

/*************** DEVELOPER CSS START ********************/
 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.addquotebtn{
  padding: 5px 10px;
  width: 100px;
}

.commission-sec .poundsign{
  position: absolute;
  margin-left: 8px;
  margin-top: 8px;
}

.commission-sec input{
  padding-left: 20px;
}
/*************** DEVELOPER CSS END ********************/



button.btn.btn-warning.addquotebtn {
    background: #fb9678;
    box-shadow: none;
    border: none;
    padding: 12px 30px 8px;
    border-radius: 4px;
    font-size: 17px;
    line-height: 27px;
    opacity: .8;
    margin-top:10px;
    width: auto;
}
button.btn.btn-warning.addquotebtn .fa{ margin-right: 5px;}
button.btn.btn-warning.addquotebtn:hover {opacity: 1}

/*************** Small devices (landscape phones, 576px and up)********************/
@media (max-width: 576px) {

  a.navbar-toggle.hidden-sm.hidden-md.hidden-lg.mobile_menu_link {
      float: left;
      background: #424144;
      color: #fff;
  }

  div#mobilelogo {
      margin: 3px 0 0 17%;
      display: inline;
  }

 }

/***************Medium devices (tablets, 768px and up)********************/
@media (max-width: 768px) {

  a.navbar-toggle.hidden-sm.hidden-md.hidden-lg.mobile_menu_link {
    float: left;
    background: #424144;
    color: #fff;
}
div#mobilelogo {
    margin: 3px 0 0 17%;
    display: inline;
}

}