@charset "utf-8";
/* CSS Document */

.btn:focus,
a:focus,
button:focus {
  outline: none;
}

.pointer {
  cursor: pointer;
}

.no-underline a {
    text-decoration: none;
}
.thead {
    background-color: #EEE;
}
.pt-33 {
    padding-top: 33px;
}
.img-h-w {
    height: 150px; 
    width: 250px;
}
.user-img-h-w {
    height: 35px; 
    width: 35px;
}
.opc-3 {
    opacity: 0.3;
}

li#lang .dropdown-toggle:after {
    display: none !important;
}
li#lang .dropdown-menu {
    max-width: 51px;
    text-align: center !important;
    right: auto;
    min-width: auto;
}

/*dropdown-nav*/
.dropdown-menu {
    left: -55px;
}

.dropdown-menu>li>a {
    color: #2a2a2e;
    text-decoration: none;
    padding-left: 16px;
}
.dropdown-menu :hover {
    background-color: #E9EBEE;
    border-radius: 5px;
    color : #0055a5;
}

.dropdown ul.dropdown-menu {
    margin-top:20px;
    width: 100%;
}
.dropdown ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 16px;
    z-index: 10;
}
.dropdown ul.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: 14px;
    z-index: 9;
}
.nav-tab-link:hover {
    color: #5392f9;
    background-color: #E9EBEE;
}
.nav .nav-tab-link {
    text-decoration: none;
}
.dismiss {
  color:#CCC;
}
.dismiss:hover {
  color:#000;
  cursor: pointer;
}
/*dropdown-nav*/

/*shadow*/
.shadow-sm {
    box-shadow: 0 1px 5px rgba(0,0,0,.15);
}	
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.075)!important;
}
/*shadow*/

/*borders*/
.border-red {
  border-left:5px solid #e12d2d;
}
.border-radius {
  border-radius: 5px;
}
.border-green {
  border-left: 5px solid #28871c;
}

.border-blue {
  border: 1px solid #0055a5 !important;
}
.border-bottom-blue {
  border-bottom: 2px solid #1680f0;
}
.border-main {
    border: 1px solid #007bff ;
}
/*borders*/

.nav-link:hover {
  background-color: #212121 !important;
  color: #fff !important;
  /*border-radius: 5px !important;*/
}
.nav-link1:hover {
  background-color: #0055a5;
  color: #fff ;
  border-radius: 5px ;
}
.drop-item {
  text-decoration: none;
  display: block;
  padding: .25rem 1.5rem;
}

/*background colors*/
body {
    background-color: #f9f9f9;
}
.bg-main {
  background-color: #212121;
}
.bg-green-light {
  background-color:#e9f4e4;
}
.form-bg {
  background-color:#fff;
}
.bg-fb {
    background-color: #3b5998;
}
/*background colors*/

/*text colors*/
.text-main {
  color: #0055a5;
}
.text-blue {
  color: #0055a5;
}
.text-red {
  color: #e12d2d;
}
.text-green {
  color: #28871c;
}
.text-gray {
  color: #d7d7d7;
}
.text-d-gray {
  color:#999;
}
.text-black {
    color: #000;
}
/*text colors*/

/*font weight*/
.text-bold {
  font-weight:bold;
}
.text-lighter {
  font-weight:lighter;
}
/*font weight*/

/*font family*/
.varela-round {
  font-family: 'Varela Round', sans-serif;
}
.open-sans-serif {
  font-family: 'Open Sans', sans-serif;
}
/*font family*/

/*font size*/
.ft-11 {
  font-size: 0.6875rem;
}
.ft-12 {
  font-size: 0.75rem;
}
.ft-13 {
  font-size: 0.8125rem;
}
.ft-14 {
  font-size: 0.875rem;
}
.ft-15 {
    font-size: 0.9rem;
}
.ft-16 {
  font-size: 1rem;
}
.ft-18 {
  font-size: 1.125rem;
}
.ft-20 {
  font-size: 1.25rem;
}
.ft-22 {
  font-size: 1.375rem;
}
.ft-24 {
    font-size: 1.5rem;
}
.ft-25 {
  font-size: 1.5625rem;
}
.ft-26 {
  font-size: 1.625rem;
}
.ft-28 {
    font-size: 1.75rem;
}
.ft-30 {
    font-size: 1.875rem;
}
/*font size*/

/*round check box*/
.round {
  position: relative;
}
.ul-round {
    display: inline;
    list-style: none;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}

.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

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

/* Hide default HTML checkbox */
.switch input {display:none;}

/* 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.primary:checked + .slider {
  background-color: #0055a5;
}

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%;
}
.nav .nav-item .nav-link:hover {
    background-color: #007bff;
    color: #fff;
}
.top-header
{
  height: 70px;
}
.form-input {
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.country-field {
    width: 48%;
    float: left;
    margin-right: 11px;
}
.mob-field {
    width: 48%;
    margin-right: 0;
}
.day-field {
    width: 26%;
    margin-right: 2px;
}
.month-field {
    width: 40%;
    margin-right: 2px;
}
.year-field {
    width: 29%;
    margin-right: 0;
}
.font-main {
    font-family: 'Work Sans', sans-serif;
}
.pass-text {
    padding: 0px 0% 0px 35%;
    font-size: 0.8em;
    color: #666;
}
/*round check box*/
.pm-icon {
    left: 14px;
    top: -48px;
}

.pn-pregress .progress {
  width: 150px;
  height: 150px;
  background: none;
  position: relative;
}

.pn-pregress .progress::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}

.pn-pregress .progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.pn-pregress .progress .progress-left {
  left: 0;
}

.pn-pregress .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 6px;
  border-style: solid;
  position: absolute;
  top: 0;
}

.pn-pregress .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
  transition: all 0.5s linear;
}

.pn-pregress .progress .progress-right {
  right: 0;
}

.pn-pregress .progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  transition: all 0.5s linear;
}

.pn-pregress .progress .progress-value {
  position: absolute;
  top: 0;
  left: 0;
}
.progress-meter {
  min-height: 15px;
}

.progress-meter > .meter {
  position: relative;
  float: left;
  min-height: 15px;
  border-width: 0px;
  border-style: solid;
  border-color: rgb(160, 160, 160);
}

.progress-meter > .meter-left {
  border-left-width: 1px;
}

.progress-meter > .meter-right {
  float: right;
  border-right-width: 1px;
}

.progress-meter > .meter-right:last-child {
  border-left-width: 1px;
}
i.mt-1.fa.minirefrigerator.color-text {
    background-image: url(../images/icons/ref.svg);
    background-size: cover;
    background-position: center;
    width: 13px;
    height: 18px;
    display: block;
}