/* CSS for contractor Navigation Bar */
.display-status
{
    position: relative;
    /* right: 75px; */
}
.form-control:focus {box-shadow: none !important}
.maindashboard
{
    margin-left: -4em;
}
.contractor-naivgation-bar
{
    background: #000F2F 0% 0% no-repeat padding-box;
    height: 100px;
    padding: 1em;
    padding-left: 7em;
    padding-right: 7em;
}
.contractor-naivgation-bar ul li a
{
    height: 40px;
    opacity: 1;
    font: 700 14px/17px "museo-sans";
    color: #FFFFFF!important;
    white-space: nowrap;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}
.contractor-naivgation-bar ul li a:hover
{
    background: #00A74A 0% 0% no-repeat padding-box!important;
    box-shadow: 5px 5px 10px #00238329;
    border-radius: 8px;
    height:40px;
    padding: 10px;
}
.myacc-div
{
    position: relative;
    bottom: 0.4em;
}
.contractor-naivgation-bar .navbar-brand-logo
{
    position: relative;
    top: 10px;
}
.contractor-naivgation-bar .right-navbar-block
 {
    position: relative;
    top: 15px;
    left: 30px;
}
.contractor-naivgation-bar .cotractor-proifile-icon
    {
        border-radius: 60px;
        height: 50px;
        width: 50px;
        position: relative;
        left: 0em;
        top: 0em;
    }
    .contractor-nav-right {
        position: relative;
        right: 4em;
    }
.contractor-main-sidebar-nav
{
    height: 50vw;
    width: 85%;
    background: transparent linear-gradient(180deg, #E8EFF9 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    position: relative;
    bottom: 20px;
    right: 15px;
    display: block;
}
.sidbar-main-coloum
{
    width: 56%;
    position: relative;
    left: 1em;
    top: 0.5em;
}

.contractor-main-sidebar-nav ul
{
    list-style: none;
}
.contractor-main-sidebar-nav ul li a
{
    font: 500 14px/60px "museo-sans";
    letter-spacing: -0.4px;
    color: #00A74A;
    line-height: 30px;
    text-decoration: none;
    white-space: nowrap;
}
.selected-sidebar,.contractor-main-sidebar-nav ul li a:active
 {
    white-space: nowrap;
    font-weight: 900!important;
}
.contractor-main-sidebar-nav .my-account
{
    letter-spacing: -0.6px;
    color: #091841;
    white-space: nowrap;
    position: relative;
    top: 0.4em;
    font: 900 24px/60px "museo-sans";
}
.disable-click{
    /* pointer-events:none; */
    cursor:not-allowed;
}
.searchbox-navbar
{
    position: relative;
    top: 1em;
    left: 1.5em;
}
.searchbox-navbar .searchbox
{
    width: 350px;
    height: 48px;
    /* position: absolute; */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 10px #0023830B;
    border-radius: 8px 0px 0px 8px;
    position: relative;
    bottom: 20px;
    border: none;
    padding: 0px 50px;
}
.searchbox-navbar .searchbox::placeholder
{
    font: 700 13px/15px "museo-sans";
    letter-spacing: 0px;
    color: #000F2F;
    opacity: 1;
}
.searchbox-navbar .search-btn
{
    width: 100px;
    height: 48px;
    /* margin-top: -6px; */
    background: #00A74A;
    border: none;
    display: block;
    color: #FFFFFF;
    position: relative;
    right: 6em;
}
.contractor-searchbox-fa-icons
{
    color: #00A74A;
    position: relative;
    top: 15px;
    left: 15px;
    z-index: 1;
}

.manage-subscription-button{
    margin-bottom: 80px;
}
/* CSS for contractor Navigation Bar */

/* Css For main Contractor dashboard */
.all-categories-heading
{
    position: relative;
    left: 9em;
}
.main-dashboard .subheading
{
    font: 900 30px/60px "museo-sans";
    letter-spacing: -0.75px;
    color: #091841;
    position: relative;
    /* left: 15px; */
}
.top-30
{
    position: relative;
    top: 30px;
}
.main-dashboard .sub-mini-heaader
{
    font: 900 20px/60px "museo-sans";
    letter-spacing: -0.5px;
    color: #091841;
    position: relative;
}
.main-dashboard .heading-block,.common-margin-bottom
{
    margin-bottom: 15px;
}
.common-margin-bottom
{
    margin-left:-15px;
}
.tradingcommon-margin-bottom{
    margin-left:-44px;
}

.main-dashboard .welcome-block .welcome-desc
{
    font: 500 18px/28px "museo-sans";
    letter-spacing: -0.45px;
    color: #7C859F;
}
.main-dashboard .welcome-block .welcome-desc strong a
{
    font: 500 18px/28px "museo-sans";
    letter-spacing: -0.45px;
    color: #00A74A;
    text-decoration:none;
}
.impression-profile-block
{
    position: relative;
    top: 1em;
    right: 1.5em;
}
.impression-title-block,
.profileview-title-block
{
    display: inline-flex;
}
.impression-profile-block .impression-box,
.impression-profile-block .profileview-box
{
    height: 180px;
    width: 350px;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    position: relative;
    top: 15px;
    left: 20px
}

.profileview-box
{
    left: 35px!important;
}

.impression-box .impression-title-block h4,
.profileview-box .profileview-title-block h4
{
        font: 900 16px "museo-sans";
        letter-spacing: -0.4px;
        color: #091841;
        position: relative;
        left: 10px;

}
.impression-box .impression-title-block .eye-icon,
.profileview-box  .profileview-title-block .cursor-icon
{
    position: relative;
    top: 10px;
    color: #00A74A;
    font-size: 20px;
}
.last-validity-block
  {
        position: relative;
        top: 35px;
   }
.last-validity-block .time-esimation-block
{
    display: inline-grid;
}
.last-validity-block .time-esimation-block span
{
    font-size: 25px;
    letter-spacing: -0.4px;
    color: #00A74A;
    position: relative;
    top: 5px;
}
.last-validity-block .time-esimation-block h6
{
    font: 900 16px/60px "museo-sans";
    letter-spacing: -0.4px;
    color: #091841;
    position: relative;
    bottom: 25px;
    white-space: nowrap;
}
.time-esimation-block .fa-signal
{
    color: #D3D3D3;
}
.contractor-footer-brand
{
    position: relative;
    /* left: 40px; */
}
.footerblock-bottom-row {
    /* padding-bottom: 45px; */
}

/* edit-profile CSS */
.upload-btn-wrapper
{
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    display: inline-block;
    margin-left: -15px;
 }

 .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }
  .input_for_gallery
   {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
  .upload-btn-wrapper .btn
  {
    font: 700 13px/15px "museo-sans";
    letter-spacing: 0px;
    color: #FFFFFF;
    width: 110px;
    height: 32px;
    background: #7C859F 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    border-radius: 8px;
    position: relative;
    top: 5px;
    right: 1em;
  }
  .upload-gallery-btn
  {
    font: 700 13px/15px "museo-sans";
    letter-spacing: 0px;
    color: #FFFFFF;
    width: 110px;
    height: 32px;
    background: #7C859F 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    border-radius: 8px;
    position: relative;
    top: 5px;
    /* right: 1em; */
    z-index:1;
  }
  .gallery_thumbnail
  {
    width: 150px;
    height: 150px;
    margin-right: 0.5em;
    margin-top: 0.5em;
}

@media screen and (max-width: 570px) {
    .gallery_thumbnail{
        margin-bottom: 40px;
    }
    .gallery_images_preview .remove_gallery_btn{
        top: 5em;
    }
}

.remove_gallery_btn
 {
    position: relative;
    z-index: 1;
    top: 7em;
    right: 7em;
}
.gallery_images_preview
{
    margin-bottom: 2em;
}
.upload-btn-wrapper label[for=Upload]
{
    white-space: nowrap;
    position: relative;
    right: 30px;
    bottom: 10px;
    font: 900 16px/60px "museo-sans";
    letter-spacing: -0.4px;
    color: #091841;
}
.upload-btn-wrapper img
{
    position: relative;
    left:20px;
    width: 54px;
    height: 54px;
    border-radius: 50px;
}
.upload-btn-wrapper a
{
    font: 700 13px/15px "museo-sans";
    letter-spacing: 0px;
    color: #B93939;
    white-space: nowrap;
    position: relative;
    /* top: 1em; */
    text-decoration: none;
}

.common-input-style
{
    /* width: 315px; */
    height: 50px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	 -o-appearance: none;
		appearance: none;
}
.common-lg-input-style
{
    /* width: 79%; */
    height: 50px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    position: relative;
    /* left: 15px; */

}
.common-multi-input-style .dropdown-toggle
{
     height: 50px;
     /* width: 49vw; */
     /* width: 55vw; */
     position: relative;
     /* left: 15px; */


}
.bootstrap-select.btn-group .dropdown-menu
 {
    position: absolute;
    top: 45px;
    /* left: 15px; */
    /* width:49vw; */
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
    border: none;
  }

.common-margin-for-input
{
    /* margin: 0px 165px 0px 0px; */
}
.common-label
 {
    font: 900 16px "museo-sans";
    letter-spacing: -0.4px;
    color: #091841;
}
.common-lg-label
{
    font: 900 16px "museo-sans";
    letter-spacing: -0.4px;
    color: #091841;
    position: relative;
    /* left: 15px; */
}
.common-lg-label strong
{
    font: 500 14px "museo-sans";
    letter-spacing: -0.4px;
    color: #091841;
}
.list-services
{
    width:100%;
    height: 50px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    position: relative;
    /* left: 15px; */
    margin-bottom: -15px;
    padding: 15px;
}
.sevicelist-input-hidden .list-services,
.licence-hidden-input .relevent-licence
{
    /* display:none; */
    visibility: hidden;
    position:absolute;
}
.add_field_button
 {
    background: #00A74A 0% 0% no-repeat padding-box;
    border-radius: 8px;
    display: block;
    color: #FFFFFF;
    width: 45px;
    height: 45px;
    position: relative;
    right: 6.4em;
    bottom: 15px;
    /* margin-right: 14px; */
    margin-top: 1.5em;
}
.add_licence_button
{
    background: #00A74A 0% 0% no-repeat padding-box;
    border-radius: 8px;
    display: block;
    color: #FFFFFF!important;
    width: 45px;
    height: 45px;
    left: 1px;
    position: relative;
    margin-top: 28px;
    /* right: -0.5em; */
    top: 3px;
    float: right;
}
.dynamic-licence-input
{

    display: flex;
    /* padding-bottom: 47px; */

    margin-right: -21px;
    margin-bottom: 2px;
    margin-top: 10px;
}
.remove_field
{
    background: #7C859F 0% 0% no-repeat padding-box;
    border-radius: 8px;
    display: block;
    color: #FFFFFF;
    width: 45px;
    height: 45px;
    position: relative;
    right: -4em;
    top: -33px;
    float: right;
    text-align: center;
    padding: 15px;
    /* margin-bottom: 25px; */
    border: none;
}
.remove_licence_field
{
    background: #7C859F 0% 0% no-repeat padding-box;
    border-radius: 8px;
    display: block;
    color: #FFFFFF;
    width: 45px;
    height: 47px;
    position: relative;
    right: -2.5em;
    top: 3px;
    float: right;
    text-align: center;
    padding: 15px;
    border: none;
}
.remove_superb_field
{
    background: #7C859F 0% 0% no-repeat padding-box;
    border-radius: 8px;
    display: block;
    color: #FFFFFF;
    width: 45px;
    height: 47px;
    position: relative;
    right: -2.5em;
    top: 3px;
    float: right;
    text-align: center;
    padding: 15px;
    border: none;
}
.relevent-licence
{
    width: 200px;
    height: 50px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    position: relative;
    /* left: 15px; */
}
.relevent-licence-detail
{
    width: 425px;
    height: 50px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    position: relative;
    left: 20px;
}
.update-profile-button
{
    height: 50px;
    width: -webkit-fill-available;
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    font: 700 16px/19px "museo-sans";
    letter-spacing: 0px;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    position: relative;
    top: 60px;
}

.common-callender-fields
{
    width: 153px;
    height: 40px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	 -o-appearance: none;
		appearance: none;
}

.license_plus_apended{

    float: right;

}
.commmon-callender-label
{
    position: relative;
    top: 10px;
    margin-left: -15px;
    margin-bottom: 20px;
    font: 900 16px "museo-sans";
    letter-spacing: -0.4px;
    color: #091841;
}
.trading-select-wrapper::after {
    top: 6px;
    font-family: 'Font Awesome 5 Free';
    content: '\f0d7';
    font-size: 20px;
    position: absolute;
    left: 7em;
    bottom: 1em;
    color: #000F2F;
    pointer-events: none;
}
.hyphen::after {
    content: "-";
    position: absolute;
    left: 13.7em;
    bottom: 1.7em;
    color: #000F2F;
}
.select-wrapper::after
{
    font-family: 'Font Awesome 5 Free';
    content: '\f0d7';
    font-size: 25px;
    position: absolute;
    /* left: 13em; */
    right: 1.2em;
    top: 1.2em;
    color: #000F2F;
    pointer-events: none;
}
.select-superb-wrapper::after {
    font-family: 'Font Awesome 5 Free';
    content: '\f0d7';
    font-size: 25px;
    position: absolute;
    /* left: 13em; */
    right: 1.2em;
    top: 0.4em;
    color: #000F2F;
    pointer-events: none;
}
.fethed_superb_row {
    margin-bottom: -3.5em;
}
/* Hide the browser's default checkbox */
.checkbox-label
{
    font: 500 14px "museo-sans"!important;
    letter-spacing: -0.4px;
    color: #091841;
    white-space: nowrap;
    position: relative;
    top: 5px;
}
.check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

.check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #FFFFFF;
    border: #D3D3D3 solid 1px;
    border-radius: 6px;
}
.not-allowed {

    cursor: not-allowed!important;
}

/* On mouse-over, add a grey background color */
.check:hover input ~ .checkmark {
  background-color: #FFFFFF;
}

/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
  background-color: #FFFFFF;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
    left: 6px;
    top: 0px;
    width: 10px;
    height: 20px;
    border: solid #00A74A;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(40deg);
}
.insurance-select-wrapper
{
    margin-bottom: 0.3em;
}
.insurance-input,
.employess-input
{
    width: 125px;
    height: 35px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    position: relative;
    left: 25px;
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	 -o-appearance: none;
		appearance: none;
}
.insurance-select-wrapper::after {
    font-family: 'Font Awesome 5 Free';
    content: '\f0d7';
    font-size: 25px;
    position: absolute;
    left: 5.5em;
    bottom: 0.11em;
    color: #000F2F;
    pointer-events: none;
}

/* edit-profile CSS End  */
/* Css For Contractor Type */
.upgrade_account_para a
{
    font: 700 12px/17px "museo-sans";
    letter-spacing: 0px;
    color: #00A74A;
    text-decoration:none;
}
.upgrade_licence,.upgrade_payment
 {
    position: relative;
    z-index: 1;
}
.upgrade_extrainfo {
    position: relative;
    right: 1em;
}
.upgrade_account_span
{
    color: #7C859F!important;
}
.upgrade_supurb
 {
    float: right;
    position: relative;
    top: 1.5em;
    right: 0.5em;
}
.upgrade_service
{
    float: right;
    position: relative;
    right: 4.5em;
}
.disable_extrainfo
{
    cursor: not-allowed!important;
}




/* Css For Contractor Type End */
/*Css for Manage Subscription */

/*
.subscription-plan-inner
{
    width: 241px;
    height: 40em;
    border: 1px solid #F0F0F0;
    position: relative;
    top: 40px;
}
.subscription-plan-inner:hover,.subscription-plan-inner-selected
{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #00A74A;
    opacity: 1;
}
.time-icon-block
{
    display: block;
    width: 60px;
    height: 60px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #B8C0D6;
    border-radius: 50px;
    position: relative;
    left: 35%;
    bottom: 25px;
    padding: 20px;
    color: #3FB4E0;
}
.time-icon-block .fa-clock
{
    color:#00A74A;
}

.subscription-plan-inner:hover .time-icon-block {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #00A74A;
  }
  .time-icon-block-selected
  {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #00A74A!important;
  }

.subscription-plan-body
{
    white-space: pre-line;
}
.subscription-plan-body  .subscription-span
{
    position: relative;
    bottom: 60px;
    line-height: 36px;
}
.subscription-plan-body span
 {
    font: 900 20px/24px "museo-sans";
    letter-spacing: 0px;
    color: #091841;
}
.subscription-plan-body .subscription-dollar-span
{
    font: 900 40px/48px "museo-sans";
}
.subscription-plan-body .subscription-paregraph {
    padding: 5px 25px;
    position: relative;
    bottom: 50px;
    height: 18em;
    margin-bottom: 2em;
}
.paregraph-block
{
    height: 50%;
    margin-bottom: 4em;
}
.subscription-plan-body .month-span
{
    font: 500 14px/17px "museo-sans";
}
.subscription-plan-body p
 {
    text-align: center;
    font: 500 14px "museo-sans";
    letter-spacing: 0px;
    color: #7C859F;
    margin-bottom: -1em;
}
.subscription-plan-body p .fa-times {
    color: #B93939;
}
*/
.subscription-amount-hidden-input
{
    visibility: hidden;
}
/*
.select-plan-btn,
.select-plan-manage
{
    width: 201px;
    height: 47px;
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    border-radius: 8px;
    font: 700 16px/19px "museo-sans";
    letter-spacing: 0px;
    color: #FFFFFF;
    position: relative;
    bottom: 65px;
}
.select-plan-btn
{
    margin-top: -2em;
}
.select-plan-btn2
{
    background: #FFFFFF 0% 0% no-repeat padding-box!important;
    font: 700 16px/19px "museo-sans"!important;
    color: #7C859F!important;
    opacity: 0.39;
}
.sub-header
 {
    position: relative;
    top: 80px;
}
.subscription-payment-detail a
{
    text-decoration: none;
}
*/
.payment-detail-inner
{
    /* width: 255px; */
    height: 120px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #fff;
    border-radius: 6px;
}
.payment-detail-inner:hover, .checked .payment-detail-inner
{
    border: 2px solid #00A74A;
}
.payment-detail-inner .title-block
{
    background:#00A74A 0% 0% no-repeat padding-box;
    border-radius: 4px;
    letter-spacing: -0.33px;
    color: #FFFFFF;
}
.payment-detail-inner:hover .title-block
{
    background: #00A74A 0% 0% no-repeat padding-box;
}
.payment-detail-inner .fa-credit-card
{
    color: #00A74A;
}
.susbcription-mini .susbcription-mini-heaader
{
    font: 900 20px/60px "museo-sans";
    letter-spacing: -0.5px;
    color: #091841;
}
.free-plan-description-block {
    position: relative;
    top: 6em;
}
.free-plan-description-block .freeContinue
{
    height: 50px;
    width: 100%;
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    font: 700 16px/19px "museo-sans";
    letter-spacing: 0px;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    position: relative;
    top: 30px;
    display: block;
    text-align: center;
    padding: 15px;
    text-decoration: none;
}
.free-plan-description-block p {
    font: 900 16px/24px "museo-sans";
    letter-spacing: 0px;
    color: #091841;
}
.billing-info-block
 {

}

.billing-common-input
{
    /* width:auto; */
    height: 45px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	 -o-appearance: none;
		appearance: none;
}
.country-select-wrapper::after
{
    font-family: 'Font Awesome 5 Free';
    content: '\f0d7';
    font-size: 20px;
    position: absolute;
    right: 1.2em;
    bottom: 9.4em;
    color: #000F2F;
    pointer-events: none;
}
.state-select-wrapper::after
{
    font-family: 'Font Awesome 5 Free';
    content: '\f0d7';
    font-size: 20px;
    position: absolute;
    /* left: 15.5em; */
    right: 1.2em;
    bottom: 5.2em;
    color: #000F2F;
    pointer-events: none;
}
.city-select-wrapper::after
{
    font-family: 'Font Awesome 5 Free';
    content: '\f0d7';
    font-size: 20px;
    position: absolute;
    /* left: 15.5em; */
    right: 1.2em;
    bottom: 1em;
    color: #000F2F;
    pointer-events: none;
}
.billing-common-mini-input
{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
    width: 160px;
    height: 45px;

}
.billing-expiry-input
 {
    /* width: 10em; */
    height: 45px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	 -o-appearance: none;
		appearance: none;

}
.expirymonth-select-wrapper::after {
    font-family: 'Font Awesome 5 Free';
    content: '\f0d7';
    font-size: 20px;
    position: absolute;
    right: 1.2em;
    bottom: 0.3em;
    color: #000F2F;
    pointer-events: none;
}
.expiryyear-select-wrapper::after {
    font-family: 'Font Awesome 5 Free';
    content: '\f0d7';
    font-size: 20px;
    position: absolute;
    right:1.2em;
    bottom: 0.3em;
    color: #000F2F;
    pointer-events: none;
}
.billing-input-right
{
        position: relative;
        left: 4.5em;
}
.cvv-input
{
    position: relative;
    top: 1em;
}
.billing-expiry-right
{
    position: relative;
    /* left: 0.5em; */
}
.update-subscription-button,
.manage-subscription-button
{
    height: 50px;
    width: 105%;
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    font: 700 16px/19px "museo-sans";
    letter-spacing: 0px;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
}
.continue-4-free-btn
{
    height: 50px;
    width: 50%;
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    font: 700 16px/19px "museo-sans";
    letter-spacing: 0px;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
}
#paypalDiv,
#cardlessDiv
{
    display:none;
}
.proceed-with-paypal
{
    height: 50px;
    width: 100%;
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    font: 700 16px/19px "museo-sans";
    letter-spacing: 0px;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    margin-top: -21px;
}
.all-categories-main{
    min-height: 30em;
    overflow: hidden;
    margin-bottom: 30em;
}
.all-categories-inner {
    position: relative;
    left: 4em;
    top: 1em;
}
.all-categories-col {
    position: relative;
    left: 1em;
}

.all-categories-main .all-categories-inner ul li {
    list-style: none;
}
.all-categories-main .all-categories-inner ul li a
{
    text-decoration: none;
    text-align: left;
    font: 500 20px/30px museo-sans;
    letter-spacing: 0px;
    color: #091841;
    text-transform: capitalize;
}



/*Css for Manage Subscription  End*/
/*Css for My-Review*/
.my-review-total {
    position: relative;
    top: 1em;
}
.myreview-inner-block h5 {
    font: 900 14px/15px "museo-sans";
    letter-spacing: -0.45px;
    color: #000F2F;
    opacity: 1;
}
.myreview-top-heading-block {
    position: relative;
    left: 1em;
    margin-bottom: 4em;
}
.myreview-top-heading-block span {
    font: 500 14px/40px "museo-sans";
    letter-spacing: 0px;
    color: #7C859F;
    opacity: 1;
}
.myreview-inner
{
    margin-bottom: 4em;
}
.no-review-block h5 {
    letter-spacing: -0.6px;
    color: #091841;
    white-space: nowrap;
    position: relative;
    top: 0.4em;
    font: 900 24px/60px "museo-sans";
}




/*Css for My-Review End*/

/* Responsive media queries */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .example {background: red;}
  }

  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
    .example {background: green;}
  }

  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
    .example {background: blue;}
  }

  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
    .example {background: orange;}
  }

  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
    .example {background: pink;}
  }



















/* Css For Select Plan UI*/
.back-btn-select-plan
{
    font: 900 14px/14px "museo-sans";
    letter-spacing: -0.4px;
    color: #B93939!important;
    text-decoration: none!important
}
.back-btn-select-plan .fa-angle-left
{
    position: relative;
    right: 0.5em;
}

.popular-label-block
{
    background: #00A74A;
    transform: rotate(45deg);
    z-index: 1;
    position: absolute;
    width: 115px;
    height: 20px;
    text-align: center;
    padding: 5px;
    left: 15em;
    top: 6em;
    font: 900 11px/10px "museo-sans";
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    border-radius: 0px 50px 0px 50px;
}
.selectplan-main .display-status {
    position: absolute;
    width: 35%;
    top: 0.5em;
}
.full-extended {
background: transparent linear-gradient(180deg, #E8EFF9 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}
/*
.selectplan-main
{
    opacity: 1;
    position: relative;
    bottom: 1.4em;
    padding-bottom: 16em;
    margin-bottom: -2em;
    margin-left: -3em;
    margin-right: -4.11em;
    height: 84em;
}
.subscription-plan-block
{
    position: relative;
    top: 3em;
}
.subscription-plan-inner
{
      margin-bottom: 5em;
    background: #FFFFFF;
    height: 46em;
}*/

.plan-common-border
{
    border: 1px solid #7C859F;
    opacity: 0.4;
    margin-top: 2em;
}
.select-plan-block h4
 {
    font: 900 42px/60px "museo-sans";
    letter-spacing: -1.05px;
    color: #000F2F;
}
.select-plan-block span {
    font: 500 16px/19px "museo-sans";
    letter-spacing: 0px;
    color: #000F2F;
}
.selectplan-footer
{
    padding: 80px 0 30px;
    padding-left: 20px;
    clear: both;
}
.selectplan-main {
    position: relative;
}
.selectplan-footer .website-by-span {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #7C859F;
    float: right;
}
.selectplan-footer .allrights-reserved-span {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #7C859F;
}
.payment-details-main
 {

}

.month-annual-toggle-block
 {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
}
.toggle-common-btn
{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    border-radius: 8px;
    opacity: 1;
    width: 15%;
    height: 45px;
    border: none;
    margin-right: -1em;
    font: 700 14px/19px "museo-sans";
    letter-spacing: 0px;
    color: #000F2F;
    opacity: 1;
}
.toggle-btn-active
{
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    border-radius: 8px;
    opacity: 1;
    position: relative;
    font: 700 14px/19px "museo-sans";
    letter-spacing: 0px;
    color: #FFFFFF!important;
    opacity: 1;
}
/* Css For Select Plan UI End*/

/* Css for add address via google */
.address_wrapper,
.adress-inner-block,
.fetched-address-block
{
    display:grid;
    margin-bottom: 1em;
}
.adress-inner-block span,
.fetched-address-block span
 {
    font: 900 16px "museo-sans";
    letter-spacing: -0.4px;
    color: #091841;
    position: relative;
}
.addcord-map
{
    height:21.4em!important;
}
.add-cords-modal {
    height:auto;
}
.add-cords-modal-footer
{
    /* margin-top: 2em; */
    /*position: relative;*/
    /*top: 2em;*/
}
/* Css for add address via google end */

/* Css For main Contractor dashboard  End*/



/* ipad and ipad pro device media query  for dashboard page */

@media (min-width:320px) and (max-width:768px) {
    .container-fluid
{
    padding: 0px;
    margin: 0px;
}
.month-annual-toggle-block
 {
    width: 100%;
    position: relative;
    right: 1em;
}
.toggle-common-btn
{
    width:30%!important;
}
.subscription-payment-detailfis
{
    right: 0.5em;
}
.selectplan-footer
{
    /* margin-top: -12em!important; */
}
.contractor-naivgation-bar .navbar-collapse
{
    background: rgb(0, 15, 47)!important;
    width: 127%;
    position: relative;
    right: 3em;
    top: 2em;
    padding-bottom: 3em;
}
.contractor-naivgation-bar .collapse.in
{
    background: rgb(0, 15, 47)!important;
    width: 127%;
    position: relative;
    right: 3em;
    top: 2em;
}
.contractor-nav-right {
    position: relative;
    right: 7em;
}
.myacc-div
{
    text-align: center;
    left: 2em;
}
.searchbox-navbar
{
    display:none;
}
.maindashboard {
    margin-left: -1em!important;
    width: 120%;
}
.last-validity-block .time-esimation-block h6 {
    font: 900 11px/60px "museo-sans"!important;
}
.last-validity-block .time-esimation-block span {
    font-size: 20px!important;
}
.text-center-address {
    float:none!important;
}
.addcod-toggle-btn {
  width:100%;
}

.add-cords-modal
 {
    width: 85%;
    height: 55em!important;

}

.add-cords-modal-footer {
    top: 20em;
}





}

@media (min-width:768px) and (max-width:1199px)


{

    .searchbox-navbar .searchbox{
        width: auto;

        /* width: 350px; */
        height: 48px;
        position: absolute;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 6px 10px #0023830B;
        border-radius: 8px 0px 0px 8px;
        /* position: relative; */
        bottom: -85px ;
        border: none;
        padding: 0px 50px;
    }
    .searchbox-navbar .search-btn {
        left: 281px;
      right :0px !important;
    position: absolute;
    width: auto;
    top: 37px;
    }

    .contractor-searchbox-fa-icons {
        color: #00A74A;
        position: relative;
        top: 59px;
        left: 15px;
        z-index: 1;
    }

    .navbar-right{
        margin-right: 0px !important;
    }

    .searchbox-navbar{
        top: -34px;
    left: 4px;
    }




    .dashboarsearch

    {
        margin-bottom: -10px !important;
    }

    .carddashboard{
        width: 66.66666667%;
        float: left;
    }

    .dashboardlist{
        width: 33.33333333%;
        float: left;

    }



    .main-dashboard{
        right: 0px !important;
    }
    .maindashboard{
         width: 100%;

    }

    .contractor-main-sidebar-nav{
        width: 100%;
    }

}

@media (min-width:767px) and (max-width:990px)


{

    .impression-profile-block .impression-box, .impression-profile-block .profileview-box {

        width: auto;

}


.man-footer-block{
    width: 83.33333333%;
    float: left;
    margin-left: 40px;

}

.contractor-footer-brand

{
    width: 25%;
    float: left;
}

.contractor-footer-brand  .col-md-3{
    width: 25%;

}
.dashboardfooterfis{
    width: 25%;
    float: left
}
.dashboardfooter{
    width: 25%;
    float: left;
    /* margin-top: -85px; */
}

.dashboardfootersec{
    width: 25%;
    float: left;
    /* margin-top: -85px; */
}

.footer-socialmedia-block{
    margin-left:12px ;
}

}
@media (min-width:1170px) and (max-width:1184px)


{

    .profileview-box {
        /* left: 35px!important;
        margin-top:0px !important; */
        margin-bottom: 80px;
    }



}

@media (min-width:767px) and (max-width:1184px)


{

    .profileview-box {
        left: 20px!important;
        margin-top: 33px;
        margin-bottom: 80px;
    }



}



@media (min-width:1200px) and (max-width:2000px)
{


}

@media (min-width:320px) and (max-width:767px)
{
    .paymetfildauto{
        width: auto !important;

    }
    .impression-profile-block .impression-box, .impression-profile-block .profileview-box
    {

        width: auto;

}


.selectplan-main .display-status {
    position: relative;
    /* right: 60px; */
    width: 60%!important;
    left: 10em;
    font-size: 8px;
}

.maindashboard

{
    /* padding-right: 0px;
    width: 130%;
    margin-left: -1em; */
}
 .dashboardlist
 {
    padding-right: 0px;
 }
 .main-dashboard .main-heading,
 .all-categories-heading .main-heading
  {
    font: 900 27px/20px "museo-sans";

 }
 .all-categories-inner
 {
     left:0em;
 }
.contractor-main-sidebar-nav

{
    height: 100%;
     width: 100%;

}

.carddashboard

{
    margin-left: 108px;
}

.profileview-box {
    left: 20px!important;
    margin-top: 28px;
}
.subscription-plan-block{

    text-align: center;
    top: 0em;
    margin: auto;
}

.subscription-plan-block  .col-md-4{

    margin-bottom: 40px;
}
.subscription-payment-detailpayment
{
    margin-bottom: 30px;
}

.sub-header {
    text-align: center;

}
.subheading{
    left: 0px !important;
}
.payment-detail-inner .title-block{
    /* display: inline-block;
    left: 0px; */
}
.free-payment-details
{
    padding-left: 5em;
    padding-right: 5em;
    font: 500 14px/19px "museo-sans";
    letter-spacing: 0px;
    color: #000F2F;
}
.continue-4-free-btn
{
    width:100%;
}

.tradingcommon-col10
 {
    display: flex;
}

.tradingcommon-col8 {
    position: relative;
    right: 2em;
}
.common-callender-fields
{
    width: auto;
    padding-left: 0.3em;
}
.trading-select-wrapper::after
{
    left: 4.3em;
}
.trading-after::after {
    left: 5.4em;
}
.hyphen::after {
    left: 8.7em;
}
.Thyphen::after {
    left: 10em!important;
}
.trading-heading-block1{
    right: 2em;
}



}

@media (min-width:320px) and (max-width:515px)

{

    .time-esimation-block

{
    padding-right: 2px;
     padding-left: 2px;
}

.impression-profile-block .impression-box, .impression-profile-block .profileview-box {
    width: auto!important;
}
.impression-profile-block{
    /* right: 3.5em; */
}
}



/* this respsonsive for edit profile page   */


@media (min-width: 768px) and (max-width: 991px) {
    .upload-btn-wrapper{
        /* display: initial !important; */
    }
    .plus-apended{
          float: right;
    }

    .hyphen
     {
         /* padding-left: 0px !important;  */
     }
     .row .col-md-10 .col-md-6 {
         /* padding-left: 0px !important; */

     }


     .add_field_button{
        right: 6px;
        float: right;
     }

}

.add_field_button{
    right: 0px;
    float: right;
 }




 /* this responsive for manage subcription page */


 @media (min-width: 992px) and (max-width: 1199px) {

    .subscription-plan-inner{
        width: auto;
    }

    .select-plan-btn, .select-plan-manage{
        width: auto;
    }

    .payment-detail-inner{
        width: auto;
    }


    /* .subscription-payment-detailfis , .subscription-plan-block{
        float: none !important;

    } */

    .subscription-plan-block{
        /* margin-left: 200px; */
    }


 }


 @media (min-width: 1199px) and (max-width:1500px) {


 #editProfile
 {
     margin-right: 100px !important;
 }

 .common-multi-input-style .dropdown-toggle
 {
      height: 50px;
      /* width: 49vw; */
      /* width: 55vw; */
      position: relative;
      /* left: 15px; */


 }

 }

 .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
     width:100% !important;
 }


 /* this  css responsive for mobile device */

 @media (min-width:320px) and (max-width:991px) {
 .subscription-payment-detailfirst{
    display: inline-block;
    /* width: 100%; */
    text-align: left;
}


.payment-form-res{
    width: 100%;

}
.billing-common-mini-input
{
    width:100%;
}

.relevent-licence-detail{
    left: 0px;
    width: -webkit-fill-available;


}
.add_licence_button {
    /* right: -13px; */
    /* left: 60px !important; */

}

.add_field_button{
  /* right: -17px !important; */
  left: 0.4em;
}

.remove_licence_field{
    right: -2.5em;
    /* top: -44px; */

}

 }
 .subscription-payment-detailpayment{
    position: relative;
    /* top: 120px; */
    display: inline-block;
    /* margin-left: 50px  !important; */

}

 @media (min-width:550px) and (max-width:767px) {

    .subscription-payment-detailfirst{
        position: relative;
        /* top: 120px; */
        display: inline-block;
        /* margin-left: 101px  !important; */
    }




 }

 @media (min-width:320px) and (max-width:549px) {

    .subscription-payment-detailfirst {
        position: relative;
        /* top: 120px; */
        display: inline-block;
        margin-left: 50px  !important;
    }


.payment-details-footer
{
    position: relative;
    /* top: 4em; */
}
.update-subscription-button
{
    width: 84%;
}


 }



 @media (min-width:768px) and (max-width:991px) {

    .subscription-payment-detailfirst {
        position: relative;
        /* top: 120px; */
        display: inline-block;
        margin-left: 148px  !important;
    }
    .contractor-register-modal{
         height: auto;
    }

    .paymentmoney .payment-detail-inner{
        width: auto;

    }

    .paymentmoney .payment-detail-inner  .title-block{
        left: 0px;
        width: auto;
    }

    .subscription-plan-block .col-md-4 {
        margin-bottom: 40px;

 }
}





 @media (min-width:320px) and (max-width:768px) {

    .paymentmoney

    {
        width: 100%;
        display: inline-block;
        text-align: -webkit-center;
    }


    .dynamic-licence-input{
        display: inherit;
    }
    .mspdbl {
        left: 0em!important;
    }

 }
/*
 @media (max-width: 991px) and (min-width: 768px)

 {
.dashboardlist {
    /* width: 33.33333333%;
    width: 100%;
float: none;
}

.paymentmoney

    {
        width: 100%;
        display: inline-block;
        text-align: -webkit-center;
    }

    .payment-detail-inner .title-block{
        left: 0px;
    }
    .carddashboard{
        width: 100%;

        display: inline-block;
    width: 100%;
    text-align: center;
    }
    .subscription-plan-inner{
        margin-bottom: 30px;
    }

    .contractor-main-sidebar-nav{
        height: 100%;
    }
} */

.bottom-75{
    text-align: left;
}

.sub-mini-heaader{
    text-align: left;
}


.dynamic-input{
    display: flex !important;
    margin-top: 15px;


}


.list-services{
    /* margin-bottom: 6px !important; */
}

.fethed-superb-field
 {
    margin-bottom: 1em;
}
.dynamic-superb-input {
    display: flex !important;
    margin-top: 15px;
}
.add_superb_button {
    background: #00A74A 0% 0% no-repeat padding-box;
    border-radius: 8px;
    display: block;
    color: #FFFFFF;
    width: 45px;
    height: 45px;
    position: relative;
    bottom: 15px;
    margin-top: 1.5em;
    float: right;
    /* right: 0.7em; */
    left: 0.4em;
    z-index: 1;
}
.remove_superb_field
 {
    background: #7C859F 0% 0% no-repeat padding-box;
    border-radius: 8px;
    display: block;
    color: #FFFFFF;
    width: 45px;
    height: 45px;
    position: relative;
    float: right;
    text-align: center;
    padding: 15px;
    border: none;
    top: 3px !important;
    right: 10px;
}
.remove_fetched_superb_field
{
    background: #7C859F 0% 0% no-repeat padding-box;
    border-radius: 8px;
    display: block;
    color: #FFFFFF;
    width: 45px;
    height: 45px;
    position: relative;
    text-align: center;
    padding: 15px;
    border: none;
    bottom: 4.5em;
    left: 3em;
    float: right;
}
.remove_field {
    top:3px !important ;
    right: -0.5em !important;
}
.remove_fetched-superb_field {
    background: #7C859F 0% 0% no-repeat padding-box;
    border-radius: 8px;
    display: block;
    color: #FFFFFF;
    width: 45px;
    height: 45px;
    position: relative;
    float: right;
    text-align: center;
    padding: 15px;
    border: none;
    top: 1.7em!important;
    right: 1.9em;
}

.add_field_button {
    /* right: 44px ; */
    float: right;
}


.plusbutton{
    width: 99%;
}
@media (min-width:1260px) and (max-width:1300px) {
.add_licence_button

{
    margin-top: 35px;
    margin-right: 11px;
}

}

#paymentBlock {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.select-plan-block {
    margin-bottom: 20px;
    margin-top: 30px;
}
.payment-details-footer {
    padding: 100px 0 40px;
}
.payment-detail-inner:hover {
    border-width: 2px;
}
.update-subscription-button, .manage-subscription-button {
width: 100%;
}
.payment-detail-inner .title-block {
line-height: 1;
position: absolute;
top: -16px;
width: 170px;
padding: 5px;
padding-top: 6px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 14px;
}
.payment-detail-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
position: relative;
transition: all ease 0.1s;
}