/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

@import url(../css/price-tbl/page-pricing.css);
@import url(../css/owl/owl.carousel.min.css);
@import url(../css/owl/owl.theme.default.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,400;0,700;1,300&display=swap');

body{
   margin: 0;
   padding: 0;
   overflow-x: hidden;
   font-family: 'Lato', sans-serif !important;
}
.owl-carousel .owl-wrapper {
   /* override */
   overflow: initial;
}
.curspointer{
   cursor: pointer;
}

/*comments view*/
.notesview h4 span, .uploadview h4 span {
    float: right;
    font-size: 13px;
    font-weight: 600;
}
.uploadview {
    background-color: #f1f1f1;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0px;
    width: 75%;
    float: left;
    margin-right: 10px;
}
.notesview h4, .uploadview h4 {
    color: #7367f0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
    border-bottom: 1px solid #b2b9c6;
    padding: 0px 0px 5px;
    margin: 0px 0px 5px;
}
.notesview {
    background-color: #f1f1f1;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0px;
    width:75%;
    float: left;
    margin-right: 10px;
}
/*commnets view */

/*file upload*/
.files ul{
   padding-left: 0;
   margin-top: 15px;
}
.files ul li{
   list-style: none;
   padding-bottom: 15px;
}
.file-size{
   color: #7367f0;
   padding: 0 30px;
}
.up-del-icn{
   float:right;
   color: red;
}
.nl-files{
   background: #eee;
   padding: 5px 30px;
   border-radius: 10px;
   min-height: 40px;
   margin-bottom: 15px;
}
.nl-files ul li{
   padding: 0.5rem 0;
    padding-right: 50px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #454545;
}
.nl-files ul li i{
   cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.newsection1{
   width: 100%;
}
.newsection1 .pagination{
   padding: 10px 0px 0px;
   margin: 0px 0 30px;
   width: 100%;
   justify-content: flex-end;
}
.newsection1 .pagination a{
   width: 30px;
   height: 30px;
   background-color: #fff;
   color: #7367f0 !important;
   font-size: 15px;
   font-weight: 500;
   line-height: 29px;
   text-align: center;
   /* border-top: 1px solid rgb(55 86 106 / 59%);
   border-right: 1px solid rgb(55 86 106 / 59%);
   border-bottom: 1px solid rgb(55 86 106 / 59%); */
   padding: 0px;
   margin: 0px;
   cursor: pointer;
}
.newsection1 .pagination a:hover, .newsection1 .pagination a.current:hover{
   color: #fff !important;
   background-color: #909596;
   /* background-color: #00cfe8; */
}
.newsection1 .pagination a.current{
   color: #fff !important;
   background-color: #7367f0;
}

/* .newsection1 .pagination a:nth-child(1){
   border-left: 1px solid rgb(55 86 106 / 59%);
} */
.newsection1 .pagination a.nav{
   justify-content: center;
}
.newsection1 .pagination a.disabled{
   cursor: not-allowed;
}
.newsection1 .pagination a.disabled:hover{
   color: #7367f0 !important;
   background-color: #e8e9eb;
}
.newfileupload11{
   position: relative;
   background-color: #f6f6f6;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   border: 2px dashed rgb(13 55 112 / 25%);
   padding: 17px 0px;
   margin: 0px 0px 20px;
   z-index: 1;
}
.newfileupload11 input[type="file"]{
   position: absolute;
   top: 0px;
   right: 0px;
   left: 0px;
   bottom: 0px;
   width: 100%;
   height: 100%;
   background-color: transparent !important;
   opacity: 0!important;
   visibility: visible !important;
   z-index: 9 !important;
   cursor: pointer;
}
.newfileupload12{
   text-align: center;
}
.newfileupload12 img{
   display: block;
   width: 50px;
   height: 50px;
   margin: 0px auto;
}
.newfileupload12 h4{
   color: #7367f0;
   font-size: 17px;
   font-weight: 700;
   line-height: 1.3;
   padding: 0px;
   margin: 9px 0px 0px;
}
.newfileupload12 p{
   color: #333;
   font-size: 15px;
   font-weight: 500;
   line-height: 1.3;
   padding: 0px;
   margin: 0px;
   text-align: center !important;
}
.newfileupload12 a{
/*   display: inline-block;
   background-color: #0d3770;
   color: #fff;*/
   font-size: 15px;
   font-weight: 500;
   border-radius: 4px;
   padding: 5px 13px 6px;
   margin: 6px 0px 0px;
}
.newfileupload12 a:hover, .newfileupload12 a:focus{
   color: #fff;
   text-decoration: none;
}
.newfileupload12 span{
   display: block;
   margin: 7px 0px 0px;
}
/*file upload end*/
.sog-tbl tr td{
   font-size: 12px;
}
.sog-tbl td a{
	color: #6e6b7b;
	font-size: 12px;
}
.sog-tbl td:first-child span{
   font-size: 14px;
}
/*handset page*/
.image-input {
    text-align: center;
}
.image-input label {
    display: block;
    color: #999;
    background: #e7ebf0;
    font-size: 15px;
    cursor: pointer;
    padding: 7px 15px;
    border-radius: 5px;
}
.formfield1 input[type="file"] {
    position: absolute;
    right: -9999px;
    visibility: hidden;
    opacity: 0;
}
.image-input img {
    max-width: 175px;
    display: none;
}
.image-input img {
    margin: 20px auto;
    display: block;
    text-align: center;
}
.image-input span {
    display: none;
    text-align: center;
    cursor: pointer;
    background: #e7ebf0;
    color: #999;
    padding: 6px 15px;
    border-radius: 5px;
}
/*handset page end*/
/*deparment page style*/
.editBlock label{
   font-size: 13px;
   color: var(--txt-clr1);
   line-height: 30px;
}
.hardware .hide, .dept-lst .hide,
.prnt_access .hide, .printer-pg .hide {
  display: none !important;
}
.hardware .editBlock.show,
.dept-lst .editBlock.show,
.prnt_access .editBlock.show,
.printer-pg  .editBlock.show{display: table-row !important;}
.editBlock{
   background: #f6f6f6 !important;
}
.editBlock label{
    text-align:left;
}
.editBlock td{
   text-align: left !important;
   vertical-align: middle !important;
}
.editBlock .form-group{
   margin-bottom: 0 !important;
}
.editBlock label{
   color: #767676 !important;
   font-weight: 600;
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}
.editBlock input{
   font-size: 13px;
   color: var(--txt-clr1);
}
.editBlock .c-rdo-btn label{
   font-weight: 400 !important;
}
/*deparment page style ends*/
/*.sog-tbl th{
	text-align: center;
}*/
.p-rt-0{
	padding-right: 0;
}
.p-lt-0{
	padding-left: 0;
}
/* .auth-bg img{
	margin: 0 auto 80px;
	display: block;
} */
.second{
	color: #b4b4b4;
   font-size: 12px;
}
.blank-page{
   height: 100vh;
   overflow: hidden;
}
.blank-page footer{
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin-left: 0 !important;
}
.frm-imp{
   color: red;
}
/* .navbar-header{
   margin-bottom: 45px;
} */
.navbar-header.expanded{
   margin-right: 0 !important;
}
.navbar-header.expanded .brand-logo{
    display: none;
}
.navbar-header.expanded .brand-text img{
   margin: 0 auto;
   display: block;
}
.world-login h3, .world-reset h3{
   padding-left: 5px;
}
.world-reset h3{
   font-weight: 100;
   font-size: 30px;
}
.world-reset h3 span{
   font-weight: 700;
   display: block;
   font-style: italic;
}
.forget-pswd a{
   color: #007cac;
}
.log-scrn{
   flex-direction:column;
}
.wrld-logo {
   width:50%;
   margin: 0 auto 50px;
}
/* lead */
.lead-h3{
   color: #7367f0;
   margin: 0 0 30px;
   font-weight: 600;
}
.mt-20{
   margin-top: 20px;
}
.mt-15 > *{
   margin-top: 5px;
}
.owl-wrapper{
   width: 100%;
}
.over-hide{
   overflow: hidden;
}
.data-serv-tbl table td{max-width:250px}
/* end lead */
/* quotation */
#price_scroll .owl-item{
   padding-top: 40px;
}
#price_scroll .owl-controls{
   margin-top: 0;
}
#price_scroll .owl-page span{
   background: #d7d7d7;
}
#price_scroll .owl-page.active span{
   background: var(--drk-blue);
}
.lead-h4{
   font-size: 18px;
}
.top-ln{
   border-top: 1px solid #ebe9f1;
   margin: 50px 0;
}
.serv-lst-view, .serv-lst-view1{
   padding-left: 0;
   margin: 0;
}
.serv-lst-view li{
   list-style: none;
   display: inline-block;
   padding-right: 5px;
}
.serv-lst-view1 li{
   list-style: none;
   padding-bottom: 15px;
}
.serv-lst-view1 li:last-child{
   padding-bottom: 0;
}
.min-ht-209{
   min-height: 209px;
}
.min-ht-270{
   min-height: 270px;
}
.th-center table th{
   text-align: center;
}
.bx-shdw{
   box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
}
.totalmincost{
   color: #7367f0;
}
.sml-txt{
   font-size: 12px;
   color: #7367f0;
}
.user-icn{
   width: 60px;
    height: 60px;
    background: #f0f0f0;
    padding: 10px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.user-icn .feather{
   width: 60px;
   height: 60px;
}
/* owl nav */
/* slider */
.menu-expanded .container{
   max-width:960px;
}
.menu-collapsed .container{
   max-width:1140px;
}
@media(min-width:1250px) and (max-width:1499px){
   .menu-expanded .container{
      max-width:685px !important;
   }
   .menu-collapsed .container{
      max-width:865px !important;
   }
}
/* end slider */
.owl-prev span, .owl-next span {
	color: #FFF;
}
.owl-prev span:hover,
.owl-next span:hover {
	color: #8199A3;
}
.owl-prev, .owl-next {
	position: absolute;
	top: 0;
	height: 100%;
}
.owl-prev {
	left: 7px;
}
.owl-next {
	right: 7px;
}
/* end */
/* contract */
.badge-div{
   background-color: rgba(130, 134, 139, 0.12);
   padding: 15px 15px;
   border-radius: 5px;
}
.badge-div p{
   color: #82868b !important;
   margin-bottom: 0;
   font-size: 14px;
   font-weight: 500;
}
.total-cost .input-group{
   width: auto !important;
   margin-left: 10px;
}
.mb-30{
   margin-bottom: 30px;
}
.cust-con input{
   width: 20% !important;
    display: inline-block !important;
    background: none !important;
    border-bottom: 1px solid #d7d7d7;
    margin: 0 10px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding: 0px;
    height: 25px;
}
.dat-box input{
   margin: 0 !important;
}
.clr-txt p{
   color: #7367f0;
   font-size: 12px;
}
.p-13{
   font-size: 13px;
}
.cntr-tbl table th{
   text-align: center;
}
.btm-cnt{
   background: #f5f5f5;
   padding: 15px;
   border-radius: 10px;
}
.btm-cnt p{
   font-size: 13px;
}
/* end */
/* Calendar Section */
.calendar-wrapper {
    height: auto;
    max-width: 730px;
    margin: 0 auto;
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 0 0px 6px #ccc;
   -moz-box-shadow:0 0px 6px #ccc;
        box-shadow: 0 0px 6px #ccc;
		margin-top: 20px;
 }
 .calendar-header {
     background: #fff;
     position: relative;
     width: 100%;
 }
 .header-title .header-text{
     width: 100%;
     padding: 10px;
     font-weight: 400 !important;
     display: block !important;
 }
 .header-text h3{
     font-size: 15px !important;
     text-align: center !important;
     color: var(--txt-clr1) !important;
     margin: 0 !important;
     text-transform: capitalize;
 }
 .header-text #todayDayName{
     display: none;
 }
 .calendar-content {
    background-color: #fff;
    padding: 20px 10px;
    overflow: hidden;
 }
 .event-mark {
    width: 5px;
    height: 5px;
    background-color: teal;
    border-radius: 100px;
    position: absolute;
    left: 46%;
    top: 70%;
 }
 .calendar-footer {
    width: 100%;
    text-align: center;
    background-color: var(--nav-blue) !important;
    position: absolute;
    overflow: hidden;
    bottom: 20px;
    left: 0;
 }
 .addForm {
    width: 100%;
    height: 100%;
    transition: top 0.5s cubic-bezier(1, 0, 0, 1);
    padding: 0 5px 0 5px;
 }
 .addForm .input-field{
    margin-bottom: 15px;
 }
 .addForm input {
    color: var(--txt-clr1);
    width: 100%;
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px solid var(--bdr-clr);
 }
 .addForm label{margin-bottom:0;width: 100%; line-height: 35px;color: var(--txt-clr1);}
 .addForm .row {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin-bottom: 0;
 }
 /* Modal Style */
 .addEventButtons .btn, .btn-rmv{
    padding: 5px 20px;
    border-radius: 5px;
    border: 2px solid transparent;
 }
 .modal-dialog{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .btn1, .btn-rmv{
    background: var(--drk-blue);
    color: #fff !important;
 }
 .btn1:hover, .btn2:hover, .btn-rmv:hover{
    background: var(--nav-blue);
    transition: all .5s ease;
    color: #fff !important;
 }
 .btn2{
    border: 2px solid #6e6b7b !important;
    color: #6e6b7b !important;
 }
 .btn2:hover{
   border: 2px solid var(--nav-blue) !important;
 }
 /* Modal Style */
 .addForm h4 {
    color: #fff;
    margin-bottom: 1rem;
 }
 .addEventButtons {
    text-align: right;
    padding: 0 0.75rem 0 0.75rem;
 }
 .addEventButtons a {
    color: black;
    font-weight: 300;
 }
 .emptyForm h4 {
    color: #fff;
    margin-bottom: 2rem;
 }
.sidebar-wrapper {
    color: #fff;
    background-color: #7367f0;
    padding: 20px;
    position: relative;
    height: auto;
    -webkit-box-shadow: 0 6px 6px -6px #ccc;
   -moz-box-shadow: 0 6px 6px -6px #ccc;
   box-shadow: 0 6px 6px -6px #ccc;
	margin-top: 20px;
 }
 .cal-evnts{
    margin-right: 15px;
 }
 .cal-evnts li a{
   color: #fff;
   font-size: 12px;
}
 #sidebarEvents .cal-evnts li {
    position: relative;
    padding: 16px 0;
    border-bottom: 1px solid rgba(255,255,255,0.20);
    display: block;
    justify-content: space-between;
}
 .sidebar-title h4 {
    margin-top: 0;
    font-size: 20px;
    color: #fff;
 }
 .sidebar-title h5{
    font-size:18px;
    color: #fff;
 }
 .sidebar-events {
    overflow-x: hidden;
    overflow-y: auto;
    height: 225px;
   scrollbar-color: #d3d3d3 #F5F5F5;
   scrollbar-width: thin;
   border-radius: 10px;
}
.onboard-event{
   height: 495px;
}
@media(min-width:1350px) and  (max-width:1400px){
    .sidebar-events {
      height: 244px;
    }
    .onboard-event{
      height: 495px !important;
   }
}
 .sidebar-events::-webkit-scrollbar-track
{
   border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(39, 145, 187, 0.3);
   background-color: #F5F5F5;
}
.sidebar-events::-webkit-scrollbar
{
   border-radius: 5px;
	width: 5px;
	background-color: #F5F5F5;
}
.sidebar-events::-webkit-scrollbar-thumb
{
   border-radius: 5px;
	background-color: #b5b4b8;
	/* border: 2px solid #555555; */
}
 .empty-message {
    font-size: 14px;
 }
 .eventCard {
    background-color: #fff;
    color: black;
    padding: 12px 24px 12px 24px;
    border-bottom: 1px solid #E5E5E5;
    white-space: nowrap;
    position: relative;
    animation: slideInDown 0.5s;
 }
 .eventCard-header {
    font-weight: bold;
 }
 .eventCard-description {
    color: #6e6b7b;
 }
 .eventCard-mark-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 60px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%);
 }
 .eventCard-mark {
    width: 8px;
    height: 8px;
    background-color: #b39ddb;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    top: 45%;
 }
 .day-mark {
    width: 7px;
    height: 7px;
    background-color: #ffc107;
    border-radius: 100px;
    position: absolute;
    left: 44%;
    top: 75%;
    z-index: 1;
 }
 #table-body .col:hover {
    cursor: pointer;
    /*border: 1px solid grey;*/
    background-color: #E0E0E0;
 }
 .empty-day:hover {
    cursor: default !important;
    background-color: #fff !important;
 }
 #table-header .row .col{
   font-size: 14px !important;
   color: #6e6b7b;
   font-weight: 600;
 }
 #table-body .row .col {
    padding: 5px 0 !important;
    margin: 0 8px;
    color: #6e6b7b;
    font-size: 13px;
    border-radius: 5px;
    margin-bottom: 5px;
    position: relative;
    z-index: 2;
 }
 .blue.lighten-3{
   background-color: #7367f0;
   color: #fff !important;
 }
 .blue.lighten-3.callback-3{
   background-color: #00b388 !important;
   color: #fff !important;
 }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}
 #table-body .col {
    border: 1px solid transparent;
 }
 #table-body .row {
    margin-bottom: 0;
 }
 #calendar-table {
    text-align: center;
 }
 .prev-button {
    position: absolute;
    cursor: pointer;
    left: 10px;
    margin-top: 8px;
 }
 .prev-button i,
 .next-button i {
    font-size: 15px;
    position: absolute;
    top: 0px;
    font-size: 28px;
    color: var(--txt-clr1) !important;
 }
 .next-button {
    position: absolute;
    cursor: pointer;
    right: 30px;
    margin-top: 8px;
 }
 .addEvent {
    padding: 6px 15px !important;
    background-color: #fff;
    cursor: pointer;
    font-size: 14px;
    border-radius: 10px !important;
    color: var(--drk-blue) !important;
 }
 .addEvent:hover {
    transition: box-shadow 0.5s;
    box-shadow: 0 4px 25px rgb(57, 168, 228);
 }
 .mobile-header {
    padding: 0;
    display: none;
    padding-top: 20px;
    padding-bottom: 20px;
    position: fixed;
    z-index: 99;
    width: 100%;
    background-color: #5a649c !important;
 }
 .mobile-header a i {
    color: #fff;
    font-size: 38px;
 }
 .mobile-header h4 {
    color: #fff;
 }
 .mobile-header .row {
    margin-bottom: 0;
 }
 .mobile-header h4 {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
 }
 .modal-header{
    text-align: center;
 }
 .addevnt-mdl .modal-title{
    text-align: center;
    font-size: 20px;
    color: var(--tit-clr);
    font-weight: 600;
    width: 100%;
 }
 .addevnt-mdl .close{
    position: absolute;
    right: 15px !important;
    opacity: 0.5 !important;
 }
 @media (max-width:992px) {
    .content-wrapper {
       margin-left: 0;
    }
    .mobile-header {
       display: block;
    }
    /* .calendar-wrapper {
       margin-top: 80px;
    } */
    .sidebar-wrapper {
       background-color: #EEEEEE !important;
    }
    .sidebar-title {
       background-color: #5A649C !important;
    }
    .empty-message {
       color: black;
    }
 }
 @media (max-width:767px) {
    .content-wrapper .container {
       width: auto;
    }
    .calendar-content {
       padding-left: 5%;
       padding-right: 5%;
    }
    .contract-list-table4 {
       font-size: 12px;
    }
 }
 @media (max-width:450px) {
    .content-wrapper {
       padding-left: 0;
       padding-right: 0;
    }
    .content-wrapper .container {
       padding-left: 0;
       padding-right: 0;
    }
 }
/* End Calendar Section */
/* Pricing */
.pricing-card .list-group-circle{
height: 265px;
}
.card.standard-pricing h3{
   margin: 30px 0 20px;
}
.card.standard-pricing .list-group.list-group-circle .list-group-item{
   font-size: 13px;
}
.pricing-card .annual-plan .plan-price span{
   font-size: 24px !important;
}
.plan-select{
   margin-top: 20px;
}
/* end */
/* sign page - contract acceptance */
.thankyoumsg2{

   /* background: #fff;
   padding: 25px;
   border-radius: 10px; */
}
/* sign */
.sign-pg{
   margin-top: 50px;
}
.sign-pg .card-header{
   background: #7367f0;
   padding: 10px 20px;
}
.sign-pg .card-header .btn-link{
   color: #fff;
   text-decoration: none;
   font-size: 20px;
   width: 100%;
    text-align: left;
}
.sign-pg .card-header h2{
   line-height: normal;
}
.acc-mb input {
   padding: 0;
   height: initial;
   width: initial;
   margin-bottom: 0;
   display: none;
   cursor: pointer;
 }
 .acc-mb label {
   position: relative;
   cursor: pointer;
   margin-bottom: 0;
   font-size: 18px;
 }
 .acc-mb label:before {
   content:'';
   -webkit-appearance: none;
   background-color: transparent;
   border: 2px solid #103b72;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
   padding: 8px;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   cursor: pointer;
   margin-right: 5px;
   top: -3px;
 }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
 .acc-mb input:checked + label:after {
   content: '';
   display: block;
   position: absolute;
   top: 2px;
   left: 9px;
   width: 6px;
   height: 14px;
   border: solid #103b72;
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
 }
.no-clr span{
   color: #999 !important;
}
/* end */
/* Contract Sign page */
.sign-logo{
   padding:10px 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.sign-bdr{border-top:1px solid #fff;margin:30px 0;}
.my-h4{
   color: #fff;
   margin: 0 0 25px;
   text-align: center;
}
.switch1 {
   position: absolute;
   display: inline-block;
   opacity: 0;
 }
 .switch1 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;
   width: 60px;
   height: 60px;
 }
 .switch1 input:checked + .slider {
   background-color: #66bb6a;
 }
 .switch1 input:focus + .slider {
   box-shadow: 0 0 1px #66bb6a;
 }
 .switch1 input:checked + .slider:before {
   -webkit-transform: translateX(26px);
   -ms-transform: translateX(26px);
   transform: translateX(26px);
 }
 /* Rounded sliders */
 .slider.round {
   border-radius: 50px;
 }
 .slider.round:before {
   border-radius: 50%;
 }
 .clk-btns{
   position: relative !important;
   margin-bottom: 30px;
}
.clk-btns .button {
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
   background-color: #eeeeee;
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
   background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
   background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
   background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
   background: linear-gradient(top, #fbfbfb, #e1e1e1);
   display: -moz-inline-stack;
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   zoom: 1;
   *display: inline;
   border: 1px solid #d4d4d4;
   height: 32px;
   line-height: 32px;
   padding: 0px 25.6px;
   font-weight: 300;
   font-size: 14px;
   color: #666666;
   text-shadow: 0 1px 1px white;
   margin: 0;
   text-decoration: none;
   text-align: center;
 }
.clk-btns .button:hover {
   background-color: #eeeeee;
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
   background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
   background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
   background: -o-linear-gradient(top, #ffffff, #dcdcdc);
   background: linear-gradient(top, #ffffff, #dcdcdc);
 }
.clk-btns .button:active {
   -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
   -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
   box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
   text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
   background: #eeeeee;
   color: #bbbbbb;
 }
.clk-btns .button-circle {
   -webkit-border-radius: 240px;
   -moz-border-radius: 240px;
   -ms-border-radius: 240px;
   -o-border-radius: 240px;
   border-radius: 240px;
   -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
   width: 60px;
   line-height: 55px;
   height: 60px;
   padding: 0px;
   border-width: 4px;
   font-size: 14px;
 }
.clk-btns .button-primary {
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66bb6a), color-stop(100%, #7ee483));
   background: -webkit-linear-gradient(top, #66bb6a, #7ee483);
   background: -moz-linear-gradient(top, #66bb6a, #7ee483);
   background: -o-linear-gradient(top, #66bb6a, #7ee483);
   background: linear-gradient(top, #66bb6a, #7ee483);
   background-color: #66bb6a;
   border-color: #2ab831;
   color: white;
   text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);
 }
.clk-btns .button-primary:hover {
   background-color: #00a1cb;
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #7ee483));
   background: -webkit-linear-gradient(top, #00c9fe, #7ee483);
   background: -moz-linear-gradient(top, #00c9fe, #7ee483);
   background: -o-linear-gradient(top, #00c9fe, #7ee483);
   background: linear-gradient(top, #00c9fe, #7ee483);
 }
.clk-btns .button-primary:active {
   background: #1495b7;
   color: #005065;
 }
 @media(min-width:1250px) and (max-width:1499px){
   .sidebar-events{
      height: 246px;
   }
   .contract-list-table4 {
      font-size: 12px;
   }
 }
.newfileupload2 {
   margin-bottom: 10px;
   width: 100%;
   display: inline-block;
   }
   .m-signature-pad {
   position: relative;
   font-size: 10px;
   width: 100%;
   height: 150px;
   background-color: #fff;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
   border-radius: 4px;
   }
   .m-signature-pad:before, .m-signature-pad:after {
   position: absolute;
   z-index: -1;
   content: "";
   width: 40%;
   height: 10px;
   left: 20px;
   bottom: 10px;
   background: transparent !important;
   -webkit-transform: skew(-3deg) rotate(-3deg);
   -moz-transform: skew(-3deg) rotate(-3deg);
   -ms-transform: skew(-3deg) rotate(-3deg);
   -o-transform: skew(-3deg) rotate(-3deg);
   transform: skew(-3deg) rotate(-3deg);
   box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
   }
   .m-signature-pad:after {
   left: auto;
   right: 20px;
   -webkit-transform: skew(3deg) rotate(3deg);
   -moz-transform: skew(3deg) rotate(3deg);
   -ms-transform: skew(3deg) rotate(3deg);
   -o-transform: skew(3deg) rotate(3deg);
   transform: skew(3deg) rotate(3deg);
   }
   .m-signature-pad--body {
   position: absolute;
   left: 20px;
   right: 20px;
   top: 20px;
   bottom: 20px;
   background: none;
   }
   .m-signature-pad--body
   canvas {
   position: absolute;
   background: none;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border-radius: 4px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
   }
   @media screen and (max-width: 1024px) {
   .m-signature-pad {
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 50%;
   height: auto;
   min-width: 100px;
   min-height: 100px;
   margin: 5%;
   background: none;
   }
   #github {
   display: none;
   }
   }
   @media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
   .m-signature-pad {
   margin: 10%;
   }
   .contract-list-table4 {
      font-size: 12px;
   }
   }
   @media screen and (max-height: 320px) {
   .m-signature-pad--body {
   left: 0;
   right: 0;
   top: 0;
   bottom: 0px;
   }
   .m-signature-pad--footer {
   left: 20px;
   right: 20px;
   bottom: 4px;
   height: 28px;
   }
   .m-signature-pad--footer
   .description {
    font-size: 1em;
    margin-top: 1em;
   }
   }
   .id-upload label.myLabel input[type="file"] {
      position:absolute;
      top: -1000px;
   }
   .id-upload input[type="file"] {
      display: none;
   }
   .id-upload .js .inputfile {
      width: 0.1px;
      height: 0.1px;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      z-index: -1;
   }
   .id-upload .inputfile + label {
      max-width: 415px;
      width: 100%;
      font-size: 20px;
      /* font-weight: 700; */
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
      display: inline-block;
      overflow: hidden;
      padding: 10px 20px;
      position: relative;
   }
   .id-upload .no-js .inputfile + label {
      display: none;
   }
   .id-upload .inputfile:focus + label,
   .id-upload .inputfile.has-focus + label {
      outline: 1px dotted #000;
      outline: -webkit-focus-ring-color auto 5px;
   }
   .id-upload .inputfile + label {
      border: 1px solid darken($cinza-claro-bg, 5%);
      background-color: $cinza-claro-bg;
      padding: 0;
   }
   .id-upload .inputfile + label .archive-name,
   .id-upload .inputfile + label .btn-inputfile {
      padding: 5px 15px;
      height: 40px;
      font-style: normal;
      font-size: 13px;
      line-height: 30px;
   }
   .id-upload p{
      color: #7367f0;
      font-weight: 600;
   }
   .id-upload .inputfile + label .archive-name {
      width: 80% !important;
      max-width:80%;
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      vertical-align: top;
      color: #6e6b7b;
      font-size: 14px;
      border: 1px solid #7367f0;
      text-align: left;
      position: relative;
   }
   .id-upload .inputfile + label .btn-inputfile {
      color: #fff;
      display: inline-block;
      /* position: absolute; */
      width: 20%;
      right: 0;
      background: #7367f0;
   }
   .thankyoumsg2 h3 span{
      color: #7367f0;
   }
   .img-sub{
      color: #6e6b7b;
      font-size: 11px;
      text-align: center;
   }
   .id-upload .inputfile:focus + label .btn-inputfile,
   .id-upload .inputfile.has-focus + label .btn-inputfile,
   .id-upload .inputfile + label:hover .btn-inputfile {
      background-color: darken($vermelho, 5%);
   }

   .newfileupload11{
      position: relative;
      background-color: #f6f6f6;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      border: 2px dashed rgb(13 55 112 / 25%);
      padding: 17px 0px;
      margin: 0px 0px 20px;
      z-index: 1;
   }
   .newfileupload11 input[type="file"]{
      position: absolute;
      top: 0px;
      right: 0px;
      left: 0px;
      bottom: 0px;
      width: 100%;
      height: 100%;
      background-color: transparent !important;
      opacity: 0;
      visibility: visible;
      z-index: 9;
      cursor: pointer;
   }
   .newfileupload12{
      text-align: center;
   }
   .newfileupload12 img{
      display: block;
      width: 50px;
      height: 50px;
      margin: 0px auto;
   }
   .newfileupload12 h4{
      color: #7367f0;
      font-size: 17px;
      font-weight: 700;
      line-height: 1.3;
      padding: 0px;
      margin: 9px 0px 0px;
   }
   .newfileupload12 p{
      color: #333;
      font-size: 15px;
      font-weight: 500;
      line-height: 1.3;
      padding: 0px;
      margin: 0px;
      text-align: center !important;
   }
   .newfileupload12 a{
      display: inline-block;
      background-color: #7367f0;
      color: #fff;
      font-size: 15px;
      font-weight: 500;
      border-radius: 4px;
      padding: 5px 13px 6px;
      margin: 6px 0px 0px;
   }
   .newfileupload12 a:hover, .newfileupload12 a:focus{
      color: #fff;
      text-decoration: none;
   }
   .newfileupload12 span{
      display: block;
      margin: 7px 0px 0px;
   }
   .alertbtn{
      color: #fff;
      background-color: var(--drk-blue);
   }

   @media screen and (max-width: 50em) {
      .inputfile + label .btn-inputfile {
          display: block;
      }
   }

@media(min-width:1250px) and (max-width:1499px){
      .menu-expanded .container{
         max-width:685px !important;
      }
      .menu-collapsed .container{
         max-width:865px !important;
      }
   }
   #seven-chart p{
      text-align: center !important;
      color: #7367f0 !important;
      padding: 70px 0 !important;
      font-size: 24px;
      font-weight: 600;
   }
   @media(min-width:320px) and (max-width:479px){
      .sign-logo{
         display: block;
         text-align: center;
      }

      .sign-logo1{
         width: 150px !important;
         display: block !important;
         margin: 0 auto 20px !important;
      }
      .sign-logo2{
         width: 255px !important;
         display: block !important;
         margin: 0 auto 20px !important;
      }
      .hidden-xs{
         display: none !important;
      }
      .auth-bg img{
/*         margin: 0 auto 20px;*/
      }
      .thankyoumsg2{
         padding:0;
      }
      .mbl-mr-t{
         padding-top: 30px;
      }
      .blank-page .id-footer footer{
         position: inherit !important;
      }
   }
   @media(min-width:768px){
      .hidden-md{
         display: none !important;
      }
   }
.step .feather{
   width: 22px;
   height: 22px;
}
.c-tata-tbl .table th, .odr-prv-tbl .table th{
   padding: 15px 10px !important;
   vertical-align: middle !important;
   font-size: 12px !important;
}
.odr-prv-tbl .table td{
   padding: 10px !important;
}
.contract-pg-view h4, .quote-serveice-pg h4{
   color: #985fff;
   margin: 0 0 20px;
}
.cnt-bdr{
   border-top: 1px solid #ddd;
   margin: 0 0 30px;
}
.cnt-bdr1{
   border-top: 1px solid #ddd;
   margin: 50px 0 30px 0;
}
.main-menu .main-menu-content{
   padding-top: 30px;
}
.work-menu{
   position: relative;
}
.work_logo{
   position: absolute;
   right: -65px;
   top: -22px;
}
.brand-logo1{
   position: absolute;
   right: 0;
}
.login-logo{
   position: absolute;
}
.login-logo ul li{
   display: inline-block;
}
.thankyoumsg2{
   margin-top: 30px;
}
.upload-id-form{
   background: #f4f4f4;
   /* box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%); */
   padding: 25px;
   margin-bottom: 50px;
}
.mt-30{
   margin-top: 30px;
}
.login-logo ul li:last-child{
   padding-left: 20px;
}
.tol-txt, .tol-txt1{
   font-size: 13px;
}
.tol-txt1{
   color: #7367f0;
}
/* .quote-serveice-pg .table th{
   padding: 15px 10px;
   text-align: center;
}
.quote-serveice-pg .table tr td{
   padding: 15px 10px;
} */
@media(min-width :768px){
   .logo-sign{
      display: flex;
      justify-content: space-between;
      align-items: center;
   }
}
@media(min-width:1200px){
   .upload-id-form{
      width: 55%;
      margin: 50px auto 0 auto;
   }
   .thankyoumsg2{
      margin-top: 30px;
   }
}
@media(min-width:1200px) and (max-width:1400px){
   .id-upload .inputfile + label .archive-name{
      width: 75% !important;
   }
   .id-upload .inputfile + label .btn-inputfile{
      width: 25% !important;
   }
   body{
      font-size: 13px;
   }
}
@media(min-width:1024px) and (max-width:1065px){
   .bs-stepper.vertical .bs-stepper-content{
      width:90%;
   }
}
@media(min-width:1024px) and (max-width:1400px){
   .quote-serveice-pg{
      font-size: 12px;
   }
   .sev-hard-tbl img{
      width: 70px;
   }
}
@media(min-width:1200px) and (max-width:1365px){
   #table-body .row .col, #table-header .row .col, .empty-message{
      font-size: 10px !important;
   }
   #table-header .row .col{
      padding: 0 5px;
   }
   .sidebar-title h5{
      font-size: 14px;
   }
   .calendar-wrapper{
      height: 288px;
   }
   .sidebar-wrapper{
      height: 288px;
   }
}
@media(min-width:1366px) and (max-width:1400px){
   #table-header .row .col{
      font-size: 13px;
      padding: 0 5px;
   }
   .calendar-wrapper, .sidebar-wrapper{
      height: 300px;
   }
}
@media(max-width:767px){
   .logo-sign .brand-logo{
      margin-bottom: 20px;
   }
   .logo-sign .brand-logo img{
      margin: 0 auto 20px;
      display: block;
   }
}
@media(min-width:320px) and (max-width:479px){

   .upload-id-form{
      padding: 0;
      background: none;
   }
   .id-upload .inputfile + label .archive-name{
      width: 70% !important;
   }
   .id-upload .inputfile + label .btn-inputfile{
      width: 30% !important;
   }
}
/* end */
/* error page*/
.misc-wrapper {
   display: flex;
   flex-basis: 100%;
   min-height: 100vh;
   width: 100%;
   align-items: center;
   justify-content: center;
}
 .misc-wrapper .misc-inner {
   position: relative;
   max-width: 700px;
}
.misc-wrapper .brand-logo {
   display: flex;
   justify-content: center;
   position: absolute;
   top: 2rem;
   left: 2rem;
   margin: 0;
}
.misc-wrapper .brand-logo .brand-text {
   font-weight: 600;
}
.error-pg img{
   padding-right: 20px;
}
/* end */
@media(max-width:479px){
   .sign-logo-img {
      margin: 0 auto 20px;
      display: block;
      width: 50px;
   }
   .hidden-xs{
      display: none;
   }

}
@media(min-width:480px) and (max-width:540px){
   .sign-logo img{
      padding-right: 10px;
   }
   .sign-logo1{
      width:100px;
   }
   .sign-logo2{
      width:250px;
   }
   .hidden-xs{
      display: none;
   }

}
@media(min-width:541px) and (max-width:640px){
   .sign-logo img{
      padding-right: 10px;
   }

   .sign-logo2{
      width:300px;
   }
   .hidden-xs{
      display: none;
   }
}
@media(min-width:768px) and (max-width:992px){
   .sign-logo img{
      padding-right: 10px;
   }

   .sign-logo2{
      width:350px;
   }
   .contract-list-table4 {
      font-size: 12px !important;
   }
}
@media(max-width:767px){
   .card-header .col-md-6.p-rt-0{
      padding:0px;
   }
   .card-header .col-md-6.p-lt-0{
      padding: 0px;
   }
   .main-wrapper{
      margin-bottom: 20px;
   }
   .visible-xs{
      display: block;
   }
   #table-header .row .col{
      padding: 0 5px;
   }
   #table-body .row .col{
      padding: 2px !important;
      margin: 2px 4px;
   }

}
@media(max-width:992px){
   .sidebar-title{
      background: none !important;
   }
   .sidebar-wrapper{
      background: #7367f0 !important;
   }
   .empty-message{
      color: #fff;
   }
}
@media (min-width: 768px) {
   .invoice-product-details,
   .invoice-product-details {
      background-color: #fcfcfc;
      padding:30px 0px;
   }
   .invoice-product-details .product-details-border,
   .invoice-product-details .product-details-border {
   border: 1px solid #ebe9f1;
   border-radius: 0.357rem;
   margin-bottom: 20px;
   }
   .form-control:disabled, .form-control[readonly] {
      background-color: #efefef;
      opacity: 1;
      padding-left: 15px !important;
   }
   .work-menu li:nth-child(1) img{
      width: 300px;
   }
   .calendar-wrapper {
      margin-top:17px;
   }
   .sidebar-wrapper, .calendar-wrapper{
      margin-bottom: 20px;
      min-height: 343px;
   }

}
@media(min-width:1024px) and (max-width:1199px){
   #table-header .row .col{
      padding: 0 2px;
   }
   #table-body .row .col{
      padding: 0 !important;
      margin: 6px 4px;
   }
}
@media(min-width:1400px) and (max-width:1470px){
   #table-header .row .col{
      padding: 0 5px;
   }
}
/*customer view page style*/
.bdr-tit, .bdr-tit1{
   position:relative;
}
.bdr-tit:before{
   content: '';
   width: 10%;
   bottom: -5px;
   border-bottom: 2px solid #7367f0;
   position: absolute;
}
.bdr-tit1:before{
   content: '';
   width: 50%;
   bottom: 10;
   border-bottom: 2px solid #7367f0;
   position: absolute;
}
.vew_bdr{
   margin-bottom: 1.6rem;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
 background: none !important;
}
.cust-view .bs-stepper.vertical .bs-stepper-content{
   overflow: hidden;
}
.cust-view .table tr td{
   font-size: 12px;
   padding: 10px;
   vertical-align: middle;
}
.cust-view .table tr td p{
   margin-bottom: 0;
}
.cust-view .table tr td .form-group{
   margin-bottom: 0;
}
.cust-view .table tr th{
   vertical-align: middle;
   text-align: center;
   padding: 10px;
}
.cust-status{
   border-radius: 50%;
    width: 11px;
    height: 11px;
    border: 1px solid #FFFFFF;
    display: inline-block;
}
.c-active{
   background-color: #28C76F;
}
.c-busy{
   background-color: #f7d308;
}
.c-inactive{
   background-color: red;
}
.was-validated .form-control:valid, .form-control.is-valid{
   border-color: #d8d6de !important;
   background-image: none;

}
.form-contract-ipvoice .was-validated .custom-control-input:valid ~ .custom-control-label,
.form-contract-ipvoice .custom-control-input.is-valid ~ .custom-control-label{
   color: #6e6b7b;

}
.form-contract-ipvoice .was-validated .custom-control-input:valid ~ .custom-control-label::before,
.form-contract-ipvoice .custom-control-input.is-valid ~ .custom-control-label::before{
   border-color: #b8c2cc;
}
.form-contract-ipvoice .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.form-contract-ipvoice .custom-control-input.is-valid:checked ~ .custom-control-label::before,
.installation_vew .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.installation_vew .custom-control-input.is-valid:checked ~ .custom-control-label::before
{
   border-color: #7367f0 !important;
     background-color: #7367f0 !important;
}
.installation_vew .was-validated .custom-control-input:valid ~ .custom-control-label,
.installation_vew .was-validated .custom-control-input.is-valid ~ .custom-control-label{
   color: #5e5873 !important;
}
.installation_vew .was-validated .custom-control-input:valid ~ .custom-control-label:before{
   border-color: #7367f0 !important;
}
.form-contract-ipvoice .was-validated .form-control:valid, .form-contract-ipvoice .form-control.is-valid{
   border-color: #8e918f;
   background-image:none;
}
.form-contract-ipvoice .was-validated .form-control:invalid, .form-contract-ipvoice .form-control.is-invalid,
.installation_vew .was-validated .form-control:invalid, .installation_vew .form-control.is-invalid{
   background-image:none;
}
.form-contract-ipvoice .was-validated .form-control:valid:focus, .form-contract-ipvoice .form-control.is-valid:focus{
   box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%);
   border-color: #7367f0 !important;
}

/* .contract-list-table td{
   font-size: 1rem !important;
} */
.dwn-pdf .feather-file-text {
   width: 60px;
   height: 60px;
}
.dwn-pdf .feather-download-cloud{
   width: 40px;
   height: 40px;
   margin-left: 30px;
}
.m-rt-1{
   margin-right:10px;
}
.to-dat .form-control[readonly]{
   background: #fff;
}
/* .contract-list-table td{
   font-size: 1rem !important;
} */
.feedbck-frm{
   padding: 40px;
}
.feedbck-frm label{
   font-size: 11px;
}
.feedbck-lst li{
   padding-bottom: 15px;
}
.feedbck-lst .feather{
   color: #7367f0;
   margin-right: 5px;
}
 .rating-frm  input[type="radio"] {
   visibility: hidden; /* 1 */
   height: 0; /* 2 */
   width: 0; /* 2 */
 }

 .rating-frm  label {
   display: flex;
   flex: auto;
   vertical-align: middle;
   align-items: center;
   justify-content: center;
   text-align: center;
   cursor: pointer;
   background-color: #bebebe;
   color: #000;
   font-weight: 600;
   width: 35px;
   height: 35px;
   border-radius: 50px;
   transition: color --transition-fast ease-out,
               background-color --transition-fast ease-in;
   user-select: none;
  margin-right: 8px;
 }

 .rating-frm  label:last-of-type {
  margin-right: 0;
 }

 /* .rating-frm  input[type="radio"]:checked + label {
   background-color: #28C76F;
   color: #fff;
 }

 .rating-frm  input[type="radio"]:hover:not(:checked) + label {
  background-color:#28C76F;
  color: #fff;
 } */
 .rating-frm .custom-control1:nth-child(1) input[type="radio"]:checked + label ,
 .rating-frm .custom-control1:nth-child(2) input[type="radio"]:checked + label,
 .rating-frm .custom-control1:nth-child(3) input[type="radio"]:checked + label {
   background: #c00000;
   color: #fff;
 }
 .rating-frm .custom-control1:nth-child(4) input[type="radio"]:checked + label,
 .rating-frm .custom-control1:nth-child(5) input[type="radio"]:checked + label,
 .rating-frm .custom-control1:nth-child(6) input[type="radio"]:checked + label{
   background: #ff0000;
   color: #fff;
 }
 .rating-frm .custom-control1:nth-child(7) input[type="radio"]:checked + label ,
 .rating-frm .custom-control1:nth-child(8) input[type="radio"]:checked + label{
   background: #99d35b;
   color: #fff;
 }
 .rating-frm .custom-control1:nth-child(9) input[type="radio"]:checked + label,
 .rating-frm .custom-control1:nth-child(10) input[type="radio"]:checked + label{
   background: #00b050;
   color: #fff;
 }
 .rating-frm .custom-control1:nth-child(1) input[type="radio"]:hover:not(:checked) + label,
 .rating-frm .custom-control1:nth-child(2) input[type="radio"]:hover:not(:checked) + label,
 .rating-frm .custom-control1:nth-child(3) input[type="radio"]:hover:not(:checked) + label{
   background: #c00000;
   color: #fff;
 }
 .rating-frm .custom-control1:nth-child(4) input[type="radio"]:hover:not(:checked) + label,
 .rating-frm .custom-control1:nth-child(5) input[type="radio"]:hover:not(:checked) + label,
 .rating-frm .custom-control1:nth-child(6) input[type="radio"]:hover:not(:checked) + label{
   background: #ff0000;
   color: #fff;
 }
 .rating-frm .custom-control1:nth-child(7) input[type="radio"]:hover:not(:checked) + label,
 .rating-frm .custom-control1:nth-child(8) input[type="radio"]:hover:not(:checked) + label{
   background: #99d35b;
   color: #fff;
 }
 .rating-frm .custom-control1:nth-child(9) input[type="radio"]:hover:not(:checked) + label,
 .rating-frm .custom-control1:nth-child(10) input[type="radio"]:hover:not(:checked) + label{
   background: #00b050;
   color: #fff;
 }
 .rating-frm .demo-inline-spacing > *{
    margin-top: 0;
 }
 .rating-txt{
    display: flex;
 }
 @media(min-width:768px){
   .rating-frm .demo-inline-spacing, .rating-txt{
      width: 80%;
      justify-content: space-between;
   }
 }
 .rating-txt {
    color: #b455fc;
    font-weight: 600;
 }
 .rating-tbl p{
    margin-bottom: 0 !important;

 }
 .drk-red, .lit-red, .lit-green, .drk-green{
   color: #fff;
   width: 35px;
    height: 35px;
    border-radius: 50px;
    text-align: center;
    line-height: 35px;
    display: inline-block;
 }
 .drk-red{
   background: #c00000;

 }
 .lit-red{
   background: #ff0000;

 }
 .lit-green{
   background: #99d35b;

 }
 .drk-green{
   background: #00b050;

 }
 .es-h5{
    color: #8e6eff;
    font-size: 16px;
    margin: 0 0 20px;
 }
 .es-h52{
    color:#7650ba;
    margin: 0 0 15px;
 }

 .ins_tabl .table-responsive{
    margin-bottom: 30px;
 }
 .installation_vew .collapse-title{
   color: #8e6eff;
   font-size: 18px;
   font-weight: 600;
 }

 .cust-edit-frm{
   background: #f8f8f8;
   padding: 15px 15px 0;
   border-radius: 10px;
 }
 .cust-hdr-frm{
   padding: 30px 15px;
   margin: 0px 0 30px;
   background: #f8f8f8;
   border-radius: 10px;
 }
 .vew_bdr1{
    margin: 30px 0;
 }
.email-avatar{
   width:40px !important;
   height: 40px !important;
   font-size: 18px !important;
}
.tckt{
   /* border-bottom: 1px solid #e6e6e6; */

    padding: 15px;
    position: relative;
    transform: translateY(-2px);
     /* box-shadow: 0px 1px 3px 0px #ebe9f1;  */
     box-shadow: 0px 1px 3px 0px rgb(235 233 241 / 10%);
    border: 1px solid #f2f2f2;
    transition: all 0.2s;
}
/* .tckt:after{
   position: absolute;
   content: '';
   border-bottom: 1px solid #e6e6e6;
   width: 100%;
   left: 0;
} */
.tckt p{
   color: #7367f0;
   font-size: 12px;
}
.tckt span{
   color: #666666;
   font-size: 14px;
   font-weight: 500 !important;
}
.chs-fil:after{
   background: #7367f0;
   color: #fff;
}
.tckt-det-bdr{
   border: 1px solid #e6e6e6;
   padding: 15px;
}
.pad-0{
   padding: 0;
}
.process_dat{
   margin-top: 12px;
   display: inline-block;
}
.process_dat strong{
   color: #333;
}
.tkt-icn{
   background: #f0f0f0;
   width: 35px;
   height: 35px;
   border-radius: 50px;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-right: 15px;
}
.cust-hdr-wht{
   background: #fff;
   padding: 20px;
   border-radius: 10px;
}
.onboard-cal .calendar-wrapper{
   max-width:100%;
}
.onboard-cal #table-body .row .col, .onboard-cal #table-header .row .col{
   padding: 20px 0 !important;
}
@media(min-width:768px){
   .onboard-cal .sidebar-wrapper, .onboard-cal .calendar-wrapper{
      min-height: 570px;
   }
}
.p-lt-10{
   padding: 0 10px !important;
}
#loadingMessage {
   width: 100%;
   height: 100%;
   z-index: 1000;
   background: rgb(0 0 0 /85%);
   top: 0px;
   left: 0px;
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 1;
}
#loadingMessage img{
   width:160px !important;
}
.col-form-label{
   padding-top: 0px !important;
   padding-bottom: 0px !important;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
   padding: 0 6px 6px;
}
.anx-bg{
   background: #f7f7f7;
   padding: 30px;
}
.lead-vew-pg .card-body span{
   font-size: 12px;
}
.lead-vew-pg .mb-1{
   margin-bottom: 5px !important;
}
.lead-vew-pg .lead-h3{
   margin-bottom: 10px !important;
}
.lead-vew-pg .card-text, .card-text{
   font-size: 12px;
}
.lead-vew-pg .card{
   margin-bottom: 15px ;
}
.lead-vew-pg table tr th{
   padding: 10px;
   font-size: 12px;
   text-align: center;
}
.lead-vew-pg table tr td, .timeline-event p, .timeline-event .media-body{
   font-size: 12px;
}
.quote-vew-pg table tr th{
   padding: 10px;
   font-size: 12px;
   text-align: left;
}
.quote-vew-pg table tr td, .timeline-event p, .timeline-event .media-body{
   font-size: 12px;
}
.quote-vew-pg table td {
   padding: 10px;
}
.contract-view td p{
   margin-bottom: 0px !important;
}
.contract-view .table td {
   padding: 10px;
}
.contract-view .card-body {
   padding: .5rem 1.5rem !important;
}
.p-l-1 {
   line-height: 0.3rem
}
.hardware-img {
   float: right !important;
}
.total-txt {
   float: right;
   font-weight: bold;
}
.total-amt {
   font-weight: bold;
}
.fs-10 {
   font-size: 10px;
}
.fs-12 {
   font-size: 12px;
}
.timeline-event p{
   margin-bottom: 5px;
}
.mail-success{
   color: #00b050;
}
.chat-icn{
   color: #1495b7;
}
.mail-fail{
   color: red;
}
.nl-files ul{
   padding-left: 0 !important;
}
.view-notes .uploadview{
   width: 100% !important;
}
.view-notes audio{
   box-shadow: -2px 2px 7px 0px rgba(0,0,0,0.3);
   -webkit-box-shadow: -2px 2px 7px 0px rgba(0,0,0,0.3);
   -moz-box-shadow: -2px 2px 7px 0px rgba(0,0,0,0.3);
   border-radius: 50px;
   margin: 20px 0 0;
   width: 100%;
}
.min-ht-128{
   min-height: 128px;
}
.con-serv{
   display: flex;
   flex-wrap: wrap;
}
.con-serv li{
   margin-right: 8px;
   padding-bottom: 5px;
}
.con-serv li:last-child{
   margin-right: 0;
}
.lead-h41{
   font-weight: 500;
   margin: 0 0 10px !important;
   font-size: 16px;
}
.lead-h42{
   font-weight: 500;
   margin: 0 0 10px !important;
   font-size: 14px;
}
.lead-vew-pg .collapse-title{
   color: #985fff;
   font-size: 1.286rem !important;
   font-weight: 600;
}
.lead-vew-pg .collapse-default .card{
   margin-bottom: 0;
}
.lead-vew-pg .collapse-default .card .card-header {
   padding: 1rem 2.8rem 1rem 0rem;
}
.lead-vew-pg .collapse-default .card-body{
   /* border-bottom: 2px solid #985fff; */
   padding: 0;
}
/* padma */
.cont-vew td{
   font-size: 12px;
}
.cont-vew .totalmincost{
   font-weight: 500;
}
.pa-ser li{
   margin-top: 3px;
}
/* .quote-serveice-pg .ser-off{
   margin-bottom: 20px !important;
} */
.pa-card{
   padding: 0 1.5rem !important;
}

.lead-vew-pg .head1{
   margin-bottom: 20px !important;
}
.pa-table td{
   text-align: left;
   margin-top: 10px !important;
}
.pa-table th{
   text-align: left !important;
}
.pa-tbl th, .pa-tbl td{
   padding: 1.20rem 2rem;
}
.pa-table h4{
   color: #7367f0;
}
.pa-card h6{
   margin-bottom: 12px;
   font-size: 12px;
}
.pa-ser .badge{
   padding: 7px !important;
}
.pa-ser p{
   line-height: 1 !important;
}
.select-box .select-ser{
   text-align: right;
   float: right;
}
.pa-table .pa-total{
   margin: 10px 0 15px ;
}
.pa-mplan img{
   height: 90px !important;
   width: auto !important;
}
.srch-box{
   background: #f6f6f6;
   box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 15%);
   -webkit-box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 15%);
   -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
   margin-bottom: 20px;
}
.user-call{
   margin: 15px 0 0;
}
.user-call .second{
   display: flex;
   width: 45px;
   height: 45px;
   border-radius: 50px;
   align-items: center;
   justify-content: center;
   margin-right: 15px;
   color:#fff;
}
.icn-bg1{
   background: #7367f0;
}
.icn-bg2{
   background: #00cfe8;
}
.dir-details{
   text-align: left;
}
.side-btn-clumn{
   display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.side-btn-clumn .btn{
   margin-bottom: 10px;
}
.cust-call .uploadview, .cust-call .uploadview audio{
   width: 100%;
}
.quot_conf-pg table tr th{

   padding: 10px 10px;
}
.quot_conf-pg table tr td{
   font-size: 13px !important;
   padding: 10px 10px;
}
@media(max-width:479px){
   .quote-add-cost .tot-quote{
      display: flex;
      flex-wrap: wrap;
      font-size: 12px;
      line-height: 25px;
   }
}
@media(max-width:767px){
   .quote-add-cost{
      display: block !important;
   }
   .quote-add-cost .lead-h4{
      float: right;
   }
   .quote-add-cost p{
      font-size: 12px !important;
   }

}
@media(min-width:1250px) and (max-width:1499px){
   .menu-collapsed .quot_conf-pg{
      max-width: 1100px !important;
   }
   .quot_conf-pg table tr td{
      font-size: 13px !important;
      padding: 10px 10px;
   }
}
/* end */
.customizer {
   width: 400px;
   z-index: 1051;
   position: fixed;
   top: 0;
   bottom: 0;
   height: 100vh;
   height: calc(var(--vh, 1vh)*100);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
.customizer img{
   height: auto;
   width: 30px;
}
.callogs tr{
   font-size: 14px !important;
}
.callogs .feather, [data-feather] {
   height: 2rem !important;
   width: 2rem !important;
   display: inline-block;
}
.view-notes-call audio{
   box-shadow: -2px 2px 7px 0px rgba(0,0,0,0.3);
   -webkit-box-shadow: -2px 2px 7px 0px rgba(0,0,0,0.3);
   -moz-box-shadow: -2px 2px 7px 0px rgba(0,0,0,0.3);
   border-radius: 50px;
   margin: 20px 0 0;
   width: 70%;
}
.view-notes-call .uploadview{
   width: 100% !important;
}
.nav-tabs #callback-tab-fill.active {
   position: relative;
   color: #00b388 !important;
}
.nav-tabs #callback-tab-fill:after{
   background: linear-gradient(
      30deg, #00b388, #68eece) !important;
}
.view-notes-call tr td, .view-notes-call tr th{
   padding: 0.72rem 1rem;
}
@media(min-width:768px) and (max-width:1024px){
   .view-notes-call tr td{
      font-size: 11px;
   }
}
.call-time{
   line-height: 18px;
}
@media(min-width:1700px){
   .sog-tbl tr td{
      font-size: 14px;
      line-height: 25px;
   }
   .call-time{
      line-height: 22px;
   }
   label{
      font-size: 14px;
   }
   .table .thead-light th{
      font-size: 16px;
   }
}
@media(min-width:1900px){
   .sog-tbl tr td{
      font-size: 16px;
   }
   .call-time{
      line-height: 25px;
   }
   label{
      font-size: 14px;
   }
   .table .thead-light th{
      font-size: 16px;
   }
}
@media(min-width:2040px){
   .sog-tbl tr td{
      font-size: 16px;
   }
   .call-time{
      line-height: 25px;
   }
   label{
      font-size: 14px;
   }
   .table .thead-light th{
      font-size: 16px;
   }
}
@media(min-width:2300px){
   .sog-tbl tr td{
      font-size: 20px;
      line-height: 30px;
   }
   .call-time{
      line-height: 28px;
   }
   label{
      font-size: 16px;
   }
   .table .thead-light th{
      font-size: 20px;
   }
}
.call-note{
   display: flex;
   align-items: center;
   margin-top: 5px;
   margin-bottom: 0;
   padding-bottom: 0;
}
.flx-frm .row{
   display: flex;
   align-items: center;
}
.view-notes-call td:first-child span{
   font-size: 12px;
}
.highcharts-data-label text {
   font-weight: bold;
   text-shadow: none;
}
.web-lead-pg .nav-pills .nav-link{
   background: #eee;
   margin-right: 10px;
}
.web-lead-pg .nav-pills .nav-link.active,
.web-lead-pg .nav-pills .nav-link:hover{
   border-color: #7367f0;
    box-shadow: 0 4px 18px -4px rgb(115 103 240 / 65%);
}
.web-lead-pg .nav-pills .nav-link.active, .web-lead-pg .nav-pills .show > .nav-link,
.web-lead-pg .nav-pills .nav-link:hover {
   color: #fff;
   background-color: #7367f0;
}
.certificateBlock .card-body h6 {
   margin-bottom: 10px;
}

.certificateBlock .card-body p{
   font-size: 12px !important;
   line-height: 0.6rem !important;
   float:left;
   margin-right: 20px;
  }
  .dataTables_wrapper .dataTables_processing {
   position: absolute;
   width: 30%;
   height: auto;
   text-align: center;
   font-size: 1em;
   background:#7367f0;
   color: #FFFFFF;
   }

/* Designing for pdf page and print block customer completion certification
   Start's here
*/

.complete-certification h3 {
   /* background-color: #ccc; */
   padding: 10px 15px;
   text-align: center
}

.numberCircle {
   border-radius: 50%;
   width: 50px;
   height: 50px;
   padding: 6px;
   /* background: #fff; */
   background: #00cfe8;
   /* background: linear-gradient(rgb(55 141 171) 0%, rgb(0 212 255) 72%); */
   border: 2px solid #f8f8f8;
   color: #f8f8f8;
   text-align: center;
   font: 32px Arial, sans-serif;
   float:left;

}
.complete-certification .heading{
   width: 50%;
   float: left;
   padding-top: 15px;
   font-size: 20px;
   color: #000000;
   font-weight: 500;
}
.customer-detail {
   padding-top: 20px;
}
.customer-block {
   padding-top: 20px;
}

.detail-block {
   padding-left: 54px;
}


/* Designing for pdf page and print block customer completion certification
   End's here
*/
.web-lead-pg .nav-pills .nav-link.active .badge.badge-light-primary,
.web-lead-pg .nav-pills .nav-link:hover .badge.badge-light-primary{
   background: #fff;
}
.web-lead-edit ul li:nth-child(1n) .timeline-point-indicator.timeline-point-primary{
   background-color: #7367f0 !important;
}
.web-lead-edit ul li:nth-child(1n).timeline-point-indicator.timeline-point-primary:before{
   background: rgba(115, 103, 240, 0.12) !important;
}
.web-lead-edit ul li:nth-child(2n) .timeline-point-indicator.timeline-point-primary{
   background-color: #ff9f43 !important;
}
.web-lead-edit ul li:nth-child(2n) .timeline-point-indicator.timeline-point-primary:before{
   background: rgba(255, 159, 67, 0.12) !important;
}
.web-lead-edit ul li:nth-child(3n) .timeline-point-indicator.timeline-point-primary{
   background-color: #00cfe8 !important;
}
.web-lead-edit ul li:nth-child(3n) .timeline-point-indicator.timeline-point-primary:before{
   background: rgba(0, 207, 232, 0.12) !important;
}
/* .web-note{
   height: 425px;
   overflow-x: hidden;
   overflow-y: auto;
} */
.lead-create-by small{
   width: 35px;
   height: 35px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #e5e3ee;
   border-radius: 50%;
}
.lead-create-by{
   display: flex;
   align-items: center;
}
.lead-create-by .list-group-item{
   width: 100%;
   display: flex;
   justify-content: space-between;
   font-size: 12px;
   margin-left: 10px;
}
.lead-create-by .crt-dat{
   background: #e5e3ee;
   padding: 7px 15px;
   margin-left: 10px;
   width: 100%;
   display: flex;
   justify-content: space-between;
   font-size: 12px;
   border-radius: 5px;
}
.lead-create-by .lead-dat{
   font-size: 11.2px;
}
/*.user-avatar-section .btn{
   border-radius: 50%;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
}*/

.call_details {
   cursor: pointer;
}

/* Activity blog 15-02-22 */
.call-activity-sec h3{
   color: #7367f0;
   margin: 0 0 20px;
}
.activity-block{
   border: 1px solid #eaeaea;
   border-radius: 10px;
}
.es-pd-0{
   padding: 0;
}
.call-block{
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   padding: 50px 0;
}
.call-block h2 .counter{
   font-size: 40px;
   font-weight: 500;
}
.call-block h2 span{
   display: block;
   font-size: 15px;
   font-weight: 400;
   color: #8a8a8a;
   padding-top: 5px;
}
.prdt-block{
   /* border-right: 1px solid #e2e2e2; */
   -webkit-box-shadow: 0 0 0 1px #eaeaea;
    box-shadow: 0 0 0 1px #eaeaea;
}
.cntr-div{
   margin: 0 15px;
}

.cntr-div .select2-search__field{
   width: 100% !important;
}
.bdr-rt{
   border-right: 1px solid #eaeaea;
}

.call-clr1 h2 .counter{
   color: #28c76f;
}
.call-clr2 h2 .counter{
   color: #7367f0;
}
.call-clr3 h2 .counter{
   color: red;
}
/* Productivity block */
.wd-100{
   width: 100%;
}
.productivity-block{

   border-radius: 10px;
   display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 8%);
    box-shadow: 0 0 0 1px rgb(0 0 0 / 8%);
    overflow: hidden;
    max-width: 100%;
}
.prdt-block{
   width: 33.3333%;
    height: auto;
    margin: 0;
    padding: 30px 0;
    border: 0;
    border-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #eaeaea;
    box-shadow: 0 0 0 1px #eaeaea;
}
.user-pic{
   display: block;
   width: 32px;
   height: 32px;
   border-radius: 50%;
   -webkit-box-shadow: 0 0 0 5px #fff, 0 0 0 6px rgb(0 0 0 / 8%);
   box-shadow: 0 0 0 5px #fff, 0 0 0 6px rgb(0 0 0 / 8%);
   overflow: hidden;
   margin: 0px auto 13px;
}
.prdt-block p{
   text-align: center;
   display: block;
}
.prdt-user-name{
   color: #333;
   margin: 0 0 10px;
   font-size: 16px;
}
.prdt-incall, .prdt-outcall{
   color: #aaa;
   margin: 0;
}
.prdt-block .prdt-tot-call{
   margin: 0;
   color: #00b388;
   border: 1px solid #00b388;
   border-radius: 5px;
   display: block;
   padding: 5px 10px;
   width: max-content;
   margin: 20px auto 0;
}
.call-activity-sec .form-control:disabled, .call-activity-sec .form-control[readonly]{
   background: none;
}
/* 5 Columns csss */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
.pass-chck-lst {
   margin-top: 25px;
}
.pass-chck-lst li{
   padding-left: 22px;
   padding-bottom: 2px;
   position: relative;
   font-weight: 400;
   font-size: 12px;
}

.pass-chck-lst li:before{
   position: absolute;
   left: 0;
   font-family: 'FontAwesome';
   content: '\f119';
   font-size: 19px;
   top: -4px;
}

.pass-chck-lst .pass-success{
   color: #00b050;
   font-weight: 400;
}

.pass-chck-lst .pass-success:before{
   /* content: '\f05d'; */
   content: '\f118';
   color: #00b050;
   font-weight: 400;
}

.pass-chck-lst .pass-fail{
   color: red;
   font-weight: 400;
}

.pass-chck-lst .pass-fail:before{
   /* content: '\f057'; */
   content: '\f119';
   color: red;
   font-weight: 400;
}
/* end */
/* 21-02-22 */
.serial_val, .flx-edit{
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: left;
}
.serial_val .badge, .flx-edit .badge{
   margin-left: 10px;
   display: inline-block;

}
.serial_val p{
   width: 80%;
   text-align: left;
}
.editicon,.saveicon{
   cursor: pointer;
}
.pass-chck-lst li{
   padding-left: 22px;
   padding-bottom: 10px;
   position: relative;
   font-weight: 500;
}
.pass-chck-lst li:before{
   position: absolute;
   left: 0;
   font-family: 'FontAwesome';
   content: '\f119';
   font-size: 19px;
   top: -4px;

}
.pass-chck-lst .pass-success{
   color: #00b050;
}
.pass-chck-lst .pass-success:before{
   /* content: '\f05d'; */
   content: '\f118';
   color: #00b050;

}
.pass-chck-lst .pass-fail{
   color: red;
}
.pass-chck-lst .pass-fail:before{
   /* content: '\f057'; */
   content: '\f119';
   color: red;

}
.card-browser-states .card-header{
  justify-content: center;
}
.card-browser-states .card-header h4{
   font-weight: 600;
   font-size: 20px;
}
.browser-states{
   flex-direction: column;
}
.browser-states p{
   margin-top: 15px;
   font-size: 18px;
   font-weight: 600;
   color: #bebebe;
}
.card-browser-states .text-muted{
   color: #5e5873 !important;
}
.tooltip-inner {
  max-width: 500px !important;
}

.login--style{
    font-weight: bold;
    display: block;
    font-style: italic;
    font-size: 30px;
}
.FP-Image{
   width: 90%;
}
.login-Image{
   width: 80%;
}

.social-auth{
   width: 100%;
   display: inline-grid;
 }
 
 .social-auth a{
   float: left;
   background: #fff;
   border-radius: 0.358rem;
   text-align: center;
   display: block;
   z-index: 9999;
 } 
 
 .social-auth-tag{
   color: #f4f6f6;
     text-align: center;
     font-size: 16px;
 }

/* End */