/*
Primary Color : #02b5e1
Text Color : #646464
*/

/*=============================================
Default CSS
=============================================*/
a{
   color: #02b5e1;
}
a:hover, a:active, a:focus{
   color: #04a4cb;
}
::-moz-selection {
   color: #fff;
   background: #00AAF7;
}
::selection {
   color: #fff;
   background: #00AAF7;
}
img {
   max-width: 100%;
   height: auto;
}
.font-size12{
   font-size: 12px;
}
.font-size13{
   font-size: 13px;
}
.font-size14{
   font-size: 14px;
}
.select-none {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.d-flex {
   display: -ms-flexbox;
   display: flex;
}
.flex-center {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.font-semibold{
   font-weight: 600;
}
.font-bold{
   font-weight: 800;
}
.font-weight-normal{
   font-weight: 400 !important;
}
.border-none{
   border: none !important;
}
.wrapper {
   overflow-x: initial;
   overflow-y: initial;
}
.main-content{
   padding-top:0px;
}
.link{
   color: #333;
   cursor: pointer;
}
.link:hover{
   color: #02b5e1
}
.btn-themebg {
   background-color: #f7901e;
   border-color: #f7901e;
   color: #fff;
}
.btn-themebg:hover, .btn-themebg:active, .btn-themebg.hover {
   color: #fff;
   background-color: #e98617;
}
.min-width90{
    min-width: 90px;
}
/* Modal popup center */
.ctm-modal .modal-content{
   border-radius: 6px;
}
.modal.ctm-modal {
  text-align: center;
  padding: 0!important;
}
.modal.ctm-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.ctm-modal.modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.tcolor i {color:#fff;}
.map_sect {padding: 0;border-radius: 4px;}  



/*=============================================
Bootstrap 4 CSS
=============================================*/
.flex-row {
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-column {
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.flex-fill {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.flex-grow-0 {
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.flex-grow-1 {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.flex-shrink-0 {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.justify-content-start {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-end {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-content-center {
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-between {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-content-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.align-items-start {
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-end {
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-items-center {
  -ms-flex-align: center;
  align-items: center;
}

.align-items-baseline {
  -ms-flex-align: baseline;
  align-items: baseline;
}

.align-content-start {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.align-content-end {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.align-content-center {
  -ms-flex-line-pack: center;
  align-content: center;
}

.align-content-between {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.align-content-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}
.m-0 {
  margin: 0;
}

.mt-0,
.my-0 {
  margin-top: 0;
}

.mr-0,
.mx-0 {
  margin-right: 0;
}

.mb-0,
.my-0 {
  margin-bottom: 0;
}

.ml-0,
.mx-0 {
  margin-left: 0;
}

.m-1 {
  margin: 0.25rem;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem;
}

.m-3 {
  margin: 1rem;
}

.mt-3,
.my-3 {
  margin-top: 1rem;
}

.mr-3,
.mx-3 {
  margin-right: 1rem;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem;
}

.ml-3,
.mx-3 {
  margin-left: 1rem;
}

.m-4 {
  margin: 1.5rem;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem;
}

.m-5 {
  margin: 3rem;
}

.mt-5,
.my-5 {
  margin-top: 3rem;
}

.mr-5,
.mx-5 {
  margin-right: 3rem;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem;
}

.ml-5,
.mx-5 {
  margin-left: 3rem;
}

.p-0 {
  padding: 0;
}

.pt-0,
.py-0 {
  padding-top: 0;
}

.pr-0,
.px-0 {
  padding-right: 0;
}

.pb-0,
.py-0 {
  padding-bottom: 0;
}

.pl-0,
.px-0 {
  padding-left: 0;
}

.p-1 {
  padding: 0.25rem;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem;
}

.p-3 {
  padding: 1rem;
}

.pt-3,
.py-3 {
  padding-top: 1rem;
}

.pr-3,
.px-3 {
  padding-right: 1rem;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem;
}

.pl-3,
.px-3 {
  padding-left: 1rem;
}

.p-4 {
  padding: 1.5rem;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem;
}

.p-5 {
  padding: 3rem;
}

.pt-5,
.py-5 {
  padding-top: 3rem;
}

.pr-5,
.px-5 {
  padding-right: 3rem;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem;
}

.pl-5,
.px-5 {
  padding-left: 3rem;
}

.m-auto {
  margin: auto;
}

.mt-auto,
.my-auto {
  margin-top: auto;
}

.mr-auto,
.mx-auto {
  margin-right: auto;
}

.mb-auto,
.my-auto {
  margin-bottom: auto;
}

.ml-auto,
.mx-auto {
  margin-left: auto;
}
/*=============================================
Admin color
=============================================*/

body .main-sidebar {
   background-color: #231f20 !important;
}
body .sidebar-menu>li>a:hover{
   background: transparent !important;
   color: #f7901e !important;
}
body .sidebar-menu>li.active>a, body .sidebar-menu>li.menu-open>a {
   color: #fff !important;
   background: #f7901e !important;
}
body .sidebar-menu>li.active>a {
   border-left-color: #c76c09 !important;
}
body .main-header .navbar {
   background-color: #231f20 !important;
}
body .main-header .logo {
   background-color: #fff !important;
}
body .main-header .navbar .sidebar-toggle:hover {
   background: rgba(255,255,255,0.1) !important;
}
body .main-header .navbar .nav>li>a:hover{
   background: rgba(255,255,255,0.1) !important;
}
body .main-header li.user-header {
   background-color: #02b5e1;
}
.btn-primary {
   background-color: #02b5e1;
   border-color: #07b3dd;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:active:focus, .btn-primary.hover {
   background-color: #04a4cb;
   border-color: #04a4cb;
   outline: none;
}
.btn-primary.focus, .btn-primary:focus {
   background-color: #04a4cb;
   border-color: #04a4cb;
   outline: none;
}
/*=============================================
Custom Redio
=============================================*/
/*<label class="ctm-checkbox">
   <span class="text">One</span>
      <input type="checkbox">
   <span class="checkmark"></span>
</label>
<label class="ctm-radio">
   <span class="text">One</span>
      <input type="radio" name="radio">
   <span class="checkmark"></span>
</label>*/
.ctm-radio {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-weight: 400;
  min-width: 18px;
  min-height: 18px;
  line-height: 18px;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ctm-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  display: none;
}
.ctm-radio .text{
   padding-left: 24px;
   line-height: 18px;
   position: relative;
   top: -1px;
}
.ctm-radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
   border: solid 1px #cfcfcf;
  border-radius: 50%;
}
.ctm-radio:hover input ~ .checkmark {
  border: solid 1px #02b5e1;
}
.ctm-radio input:checked ~ .checkmark {
  background-color: #02b5e1;
  border: solid 1px #02b5e1;
}
.ctm-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.ctm-radio input:checked ~ .checkmark:after {
  display: block;
}
.ctm-radio .checkmark:after {
   top: 4px;
   left: 4px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: white;
}

/*=============================================
Custom Checkbox
=============================================*/
.ctm-checkbox {
  display: inline-block;
  vertical-align: top;
  position: relative;
   min-width: 18px;
  min-height: 18px;
  min-height: 18px; 
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ctm-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.ctm-checkbox .text{
   padding-left: 24px;
   line-height: 18px;
   position: relative;
   top: -1px;
}
.ctm-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
   border: solid 1px #cfcfcf;
}
.ctm-checkbox:hover input ~ .checkmark {
  border: solid 1px #02b5e1;
}
.ctm-checkbox input:checked ~ .checkmark {
  background-color: #02b5e1;
  border: solid 1px #02b5e1;
}
.ctm-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.ctm-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.ctm-checkbox .checkmark:after {
   left: 6px;
   top: 2px;
   width: 5px;
   height: 10px;
   border: solid white;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}
/*=============================================
Switch Toggle
=============================================*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.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: #02b5e1;
}

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%;
}

/*=============================================
Login
=============================================*/
.login-box, .register-box {
    /*width: 350px;*/
        margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.login-box-body, .register-box-body {
 padding:30px;}
.login-logo img {
    width: 85%;
}
.login-page, .register-page {
    overflow-y:auto;
}

.login-user {
    width: 120px;
    height: 120px;
    max-width: 100%;
    border-radius: 50%;
    background: #f3f3f3;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px;
}
.login-box .form-group {
   margin-bottom: 10px;
}
/*=============================================
Dashboard
=============================================*/
.main-header .admin-logo{
   padding-top: 4px;
   padding-bottom: 4px;
}
.admin-logo img{
   vertical-align: top;
   max-height: 100%;
}
.das-featurebox{
   border-radius: 3px;
   position: relative;
   display: block;
   margin-bottom: 20px;
   text-align: center;
   box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.das-featurebox.pat-testers{
   background: #02b5e1;
}
.das-featurebox.business-owners{
   background: #00a65a;
}
.das-featurebox.pending-accounts{
   background: #f39c12;
}
.das-featurebox.tag-management{
   background: #dd4b39;
}
.das-summary-menu li a{ 
   color: #333;
}
.das-summary-menu li a:hover{ 
   color: #02b5e1;
}
.das-featurebox>.inner {
   padding: 10px;
   padding-top: 15px;
}
.das-featurebox .icon img{
   max-height: 50px; 
}
.das-featurebox>.inner h3{
   color: #fff;
   padding: 0;
   margin: 0;
   font-size: 18px;
   font-weight: 600;
   margin-top: 12px;
   margin-bottom: 10px;
}
.das-featurebox>.das-featurebox-ftr{
   position: relative;
   text-align: center;
   padding: 3px 0;
   color: #fff;
   color: rgba(255,255,255,0.8);
   display: block;
   z-index: 10;
   background: rgba(0,0,0,0.1);
   text-decoration: none;
}
.das-featurebox>.das-featurebox-ftr:hover {
   color: #fff;
   background: rgba(0,0,0,0.15);
}
.box-subtitle {
   font-size: 16px;
   font-weight: 600;
   margin: 0;
}
.das-summary-menu{
   margin-top: 3px;
}
.das-summary-menu li a {
   margin-left: 15px;
   font-size: 18px;
}
.das-recentac-table table tr td .btn {
   min-width: 100px;
}
label.ctm-checkbox{
   font-weight: 400;
}
.pat-testers-search{
   max-width: 220px;
}
.page-title {
   margin: 0;
   font-weight: 600;
   line-height: 30px;
}
.w100{
   min-width: 100px;
}
/*=============================================
PAT Testers
=============================================*/
.testers-adress .title {
   font-size: 24px;
   font-weight: 600;
   margin-bottom: 14px;
}
.testers-adress .des {
   font-size: 17px;
   font-weight: 600;
   margin-bottom: 14px;
}
.testers-map iframe {
   width: 100%;
   height: 300px;
}
/*=============================================
End CSS
=============================================*/

.h1, .h2, .h3, h1, h2, h3 {
    margin-top:0px;
    margin-bottom: 10px;
}

.asset-report-cont {
    background-color: #fff;
    padding: 15px;
}

.th_h_main table thead tr th {vertical-align:top;}


/*for loader*/
#loading {
    background:url('../../../images/ajax-loader.gif') no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
}