@font-face {
   font-family: 'Helvetica';
   src: url('../fonts/Helvetica.eot');
   src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica.woff') format('woff'), url('../fonts/Helvetica.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
} 
@font-face {
   font-family: 'HelveticaNeue';
   src: url('../fonts/HelveticaNeueLight.eot');
   src: url('../fonts/HelveticaNeueLight.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLight.woff') format('woff'), url('../fonts/HelveticaNeueLight.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
}
@font-face {
    font-family: 'Impact';
    src: url('../fonts/Impact.woff2') format('woff2'),
    url('../fonts/Impact.woff') format('woff'),
    url('../fonts/Impact.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
    font-family: 'Helvetica';
    background-color: #f1f2f7;
    color: #404656;
}
*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none!important;  
    outline: none;
}
a:hover{
    background-color: transparent;
}
ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
button:focus,a:focus{
    outline: none;
}
/*-----------************************----------------*/
.header-main {
    background-color: #97d4e5;
    padding: 0 80px;
}
.header-main .navbar {
    min-height: 85px;
    margin: 0;
}
.toggle-cus-btn, .toggle-cus-btn:hover {
    margin-top: 10px;
    color: #97d4e5;
    display: none;
    border-radius: 50px;
    padding: 8px 12px;
    background-color: #ffffff;
    text-align: center;
}
.navbar-brand{
    height: auto;
}
.search-wrapper {
    float: left;
    position: relative;
    width: 440px;
    margin: 20px 0px 0px 135px;
}
.search-wrapper input {
    height: 40px;
    border-radius: 50px;
    border: none;
    background-color: #f1f2f7;
    padding: 6px 35px 6px 24px;
    box-shadow: none;
}
.search-wrapper span {
    position: absolute;
    top: 0;
    right: 5px;
    color: #97d4e5;
    font-size: 16px;
    z-index: 99;
    padding: 10px;
}
.navigation-ul {
    margin: 20px 0 0 0;
}
.navigation-ul > li > a{
    font-size: 16px;
    color: #fff;
}  
.navigation-ul > li > a:hover,.navigation-ul > li > a:focus{
    background-color: transparent;
}
.navigation-ul > li .dropdown > a{
    font-size: 16px;
    color: #fff;
} 
.navigation-ul > li .open > a, .navigation-ul > li .open > a:hover, .navigation-ul > li .open > a:focus{
    background-color: transparent;
    border: none;
}
.navigation-ul > li .dropdown{
    margin-top: 5px;
    padding: 0 15px;
} 
.navigation-ul > li .dropdown.open > .dropdown-menu {
    top: 57px;
    padding: 0;
}
.navigation-ul > li .dropdown img
{
    display: inline-block;
    border-radius: 50px;
    border: 2px solid #fff;
    margin-right: 5px;
    width: 40px;
} 
.navigation-ul > li .dropdown-menu p {
    color: #cecece;
    margin: 0;
    padding: 6px 20px !important;
}
.navigation-ul > li .dropdown-menu .divider {
    margin: 0 10px;
}
.navigation-ul > li .dropdown-menu a:hover{
    background-color: rgba(133, 210, 228, 0.2);
}
.navigation-ul > li .dropdown-menu a{
    padding: 5px 20px;
}
.noti-span {
    background-color: #9a9a9a;
    border-radius: 50px;
    width: 20px;
    position: absolute;
    top: 3px;
    right: 7px;
    text-align: center;
    font-size: 10px;
    height: 20px;
    font-weight: bold;
}

/*--dashboard css--*/
.dashboard-main{
    padding: 0 80px;
    margin-top: -70px;
}
.dashboard-content {
    display: flex;
    align-items: stretch;
}
.dashboard-bg{
    background-color: #233d4a;
    height: 200px;
}
#sidebar {
    min-width: 300px;
    max-width: 300px;
    background: #fff;
    border-radius: 5px;
    transition: all 0.3s;
}
#content {
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
    padding: 15px 15px 15px 30px;
}
.profile-img-wrap {
    background-color: #fff;
    border-radius: 50%;
    height: 110px;
    width: 110px;
    display: inline-block;
    box-shadow: 0 0 5px 1px rgba(133, 210, 228,0.5);
    padding: 3px;
    border: 1px solid #97d4e5;
}
.user-profile{
    text-align: center;
    margin-top: -75px;
}
.user-profile img
{
    margin: 0 auto;
}
.user-profile h4 {
    margin-bottom: 5px;
    font-weight: bold;
}
.user-profile p {
    color: #a8a8b1;
    font-size: 14px;
}
.sidebar-list {
    margin-top: 50px;
}
.sidebar-list p {
    font-size: 12px;
    color: #a8a8b1;
    margin: 0 20px 10px;
}
.sidebar-list ul {
    margin-bottom: 40px;
    overflow: hidden;
}
.sidebar-list ul li {
    margin-bottom: 5px;
}
.sidebar-list ul li:last-child {
    margin-bottom: 0px;
}
.sidebar-list ul li a i
{
    color: #a8a8b1;
    margin-right: 7px;
}
.sidebar-list ul li a {
    color: #404656;
    padding: 15px 20px;
    display: block;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    border-left: 3px solid transparent;
}
.sidebar-list ul li a span.pull-right i {
    font-size: 12px;
     transition: all 0.3s linear 0s;
     transform: rotate(0deg);
}
.sidebar-list ul li.active > a,.sidebar-list ul li a:hover{
    background-color: #e7f6fb;
    border-left: 3px solid #97d4e5;
    color: #404656;
}
.sidebar-list ul .sub-menu {
    padding-left: 30px;
    margin-bottom: 0px;
}
.sidebar-list > ul > li.open span.pull-right i {
    transform: rotate(90deg);
}
.sidebar-list ul .sub-menu li a{
    padding: 10px 20px;
    transition: all 0.3s linear 0s;
}
.sidebar-list ul .sub-menu li a:hover,.sidebar-list ul .sub-menu li.active a{
    background-color: transparent;
    border-color: transparent;
    color: #97d4e5;
}

/*--main-dashboard css--*/
.dashboard-heading{
    color: #bec3c5;
    margin-top: -90px;
}
.dashboard-heading h4{
    margin: 0;
}
.pink-clr {
    background-color: #f5a3e3;
}
.purple-clr {
    background-color: #978ded;
}
.red-clr {
    background-color: #ec4561;
}
.yellow-clr {
    background-color: #f8b425;
}
.sky-clr {
    background-color: #88d3e5;
}
.dashboard-inner {
    margin-top: 25px;
}
.title {
    margin-top: 0;
    font-size: 18px;
    color: #929495;
} 
.card {
    background-color: #fff;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0 1px 3px 1px rgba(176, 176, 176, 0.1);
}
.dashboard-footer{
    border-top: 1px solid #cacaca;
    padding: 20px 0 0px;
    margin-top: 30px;
    color: #929495;
}
.dashboard-footer p{
    margin: 0;
    font-size: 13px;
}
.card-wrapper{
    background-color: #fff;
    border-radius: 4px;
    padding: 30px;
}
.title-with-border{
    font-size: 18px;
    margin-top: 0;
    color: #929495;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 20px;
}
/*--setting account--*/
.grey-wrapper {
    background-color: #f3f7fa;
    padding: 25px;
    border-radius: 4px;
}
.grey-wrapper .title{
    color: #000;
    margin-bottom: 0;
}
.grey-wrapper .title-bottom{
    color: #999;
}
.grey-wrapper form{
    margin-top: 30px;
}
/* .custm-effect{
    border: 1px solid #ccc;
    height: 48px;
    padding: 15px 12px 6px 12px;
    box-shadow: unset;
} */
.custm-effect.form-control:focus{
    box-shadow: unset;
    border-color: #94a9c6;
}
.form-control-placeholder {
  position: absolute;
  top: -15px;
  padding: 15px 0 0 15px;
  font-weight: normal;
  transition: all 200ms;
  color: #8f8f91;
  font-size: 14px;
    line-height: 20px;
}

.custm-effect:focus + .form-control-placeholder,
.custm-effect:valid + .form-control-placeholder {
    font-size: 75%;
    padding: 10px 0 0 15px;
    transform: translate3d(0, -20%, 0);
    opacity: 1;
}
.grey-wrapper .btn:hover{
    color: #fff;
}
.green-btn {
    background-color: #00cc99;
    color: #fff;
    padding: 10px 25px;
    font-size: 16px;
}
.green-btn:hover {
    background-color: #07b186;
}
.black-btn {
    background-color: #32323a;
    color: #fff;
    padding: 10px 25px;
    font-size: 16px;
}
.black-btn:hover {
    background-color: #484850;
}
.m-t-30{
    margin-top: 30px;
}
textarea.form-control{
    height: auto;
    resize: none;
}
.upload-pic {
    width: 140px;
    height: 140px;
    position: relative;
}
.upload-pic img {
    border-radius: 4px;
}
.upload-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.3s linear 0s;
    opacity: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff; 
    background-color: rgba(0, 0, 0, 0.4);   
}
.upload-icon input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    
}
.upload-pic:hover .upload-icon{
    opacity: 1;
}
.upload-logo{
    position: relative;
    border: 1px solid #ccc;
    height: 48px;
    padding: 12px 12px 6px 12px;
    background-color: #fff;
    border-radius: 4px;
    color: #8f8f91;
}
.upload-logo-icon{
    position: absolute;
    font-size: 14px;
    line-height: 1.7;
}
.upload-logo-icon input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 99;
}


/* Loading CSS */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 99999;
}
.loading:not(:required) {
    font: 0 / 0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.loading:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
    background: -webkit-radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
}
.loading:not(:required):after {
    content: "";
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}
/*---5 jan 2019 welcome css--*/
.disabled {
    pointer-events:none; 
    opacity:0.6;         
}
.welcome-wrapper,.update-wrapper {
    width: 100%;
    padding: 40px 20px;
    height: calc(100vh - 370px);
}
.welcome-content {
    text-align: center;
    background-color: #f1f2f7;
    padding: 100px 20px;
    color: #32323a;
}
.welcome-content i {
    font-size: 100px;
    color: #233e4b;
}
.welcome-content p {
    font-size: 18px;
    margin-top: 25px;
    line-height: 1.6;
}
.welcome-content a {
    color: #97d4e5;
    text-decoration: underline;
}
.green-btn {
    background-color: #00cc99;
    color: #fff;
    padding: 10px 25px;
    font-size: 16px;
}
.green-btn:hover {
    background-color: #07b186;
    color: #fff;
}
.update-content {
    text-align: left;
    background-color: #f1f2f7;
    padding: 50px 40px;
    color: #32323a;
}
.update-wrapper .social-input {
    width: 100%;
}
.update-wrapper .input-group-addon {
    background-color: #fff;
    width: 210px;
    text-align: left;
    color: #8f8f91;
}
.update-wrapper .social-input .form-control {
    border: 1px solid #ccc;
    height: 48px;
    padding: 8px 12px 6px 12px;
    box-shadow: unset;
}
.update-content p {
    font-size: 18px;
    margin-bottom: 40px;
    line-height: 1.6;
}

/*--user info css--*/
.user-info-wrapper .tab .nav-tabs{
    border: none;
    margin: 0 0 2px 0;
}
.user-info-wrapper .tab .nav-tabs li a {
    padding: 15px 30px;
    font-size: 17px;
    color: #444;
    border: none;
    border-radius: 0;
    background: #f1f2f7;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
}
.user-info-wrapper .tab .nav-tabs li a:hover,
.user-info-wrapper .tab .nav-tabs li.active a{
    border: none;
    color: #fff;
    background-color: #97d4e5;
}
.user-info-wrapper .tab .tab-content {
    padding: 40px 30px;
    background: #f1f2f7;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 30px;
    position: relative;
}
.user-info-wrapper .tab .tab-content h3{ margin-top: 0; font-size: 20px; }
@media only screen and (max-width: 480px){
    .user-info-wrapper .tab .nav-tabs li{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
}
.inkish-service {
    background-color: #fff;
    padding: 25px;
}
.inkish-service h3 {
    margin: 0;
}
.inkish-service .btn {
    margin-top: -10px;
    font-size: 14px;
    text-transform: uppercase;
}
.user-social-wrapper {
    padding: 0;
    height: unset;
}
.subscribe-item{
    border-bottom: 1px solid #d3e0e9;
    padding-bottom: 30px;
}
.subscribe-wrapper {
    border-bottom: 1px solid #d3e0e9;
    padding-bottom: 10px;
}
.user-social-wrapper .update-content{
    padding: 30px 0;
}
.user-social-wrapper .update-content p{
    color: #233e4b;
    font-size: 16px;
    margin-bottom: 20px;
}
.subscribe-wrapper p{
    color: #233e4b;
    font-size: 16px;
}
.sky-btn{
    background-color: #97d4e5;
    color: #fff;
    padding: 10px 25px;
    font-size: 14px;
}
.sky-btn:hover{
    background-color: #81c3d6;
    color: #fff;
}
.red-btn{
        background-color: #ec4561;
    color: #fff;
    padding: 10px 25px;
    font-size: 14px;
    float: right;
    margin-right: 10px;
}
.red-btn:hover{
    background-color: #d03852;
    color: #fff;
}

/*--services css--*/
.user-services-main {
    padding: 25px;
    border-radius: 4px;
    background-color: #f1f2f7;
}
.services-heading {
    padding-bottom: 15px;
    border-bottom: 1px solid #d3e0e9;
}
.services-heading h3 {
    margin-top: 0;
    font-size: 22px;
}
.services-item .inkish-service {
    margin-bottom: 20px;
}
.services-item .inkish-service h3 .btn:last-child{
    margin-left: 5px;
}
.services-item{
    border-bottom: 1px solid #d3e0e9;
    padding-bottom: 30px;
    margin-top: 25px;
}
.note-p{
    margin-top: 20px;
}
.note-p span{
    font-weight: bold;
}
.services-item p a {
    color: #97d4e5;
}
.red-txt{
    color: #ec4561;
}
.strike{
    text-decoration: line-through;
}
.services-item ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.services-item ul li
{
    position: relative;
    padding-left: 20px;
}
.services-item ul li::after {
    position: absolute;
    top: 6px;
    left: 0;
    width: 8px;
    height: 8px;
    content: "";
    border-radius: 50%;
    background-color: #233d4a;
}
.user-services-main .services-item:last-child {
    border: none;
    padding-bottom: 10px;
}
.services-heading p a {
    color: #97d4e5;
}
.usertype-area .usertype-label{
    display: block;
}
/*.usertype-area span.multiselect-native-select {
    width: 50%;
    min-width: 150px;
    padding-left: 15px;
}
.usertype-label + .multiselect-native-select{
    padding-left: 0px;    
}*/


@media (max-width: 1600px){
    .header-main,.dashboard-main {
        padding: 0 50px;
    }
}
@media (max-width: 1440px){
    .form-control-placeholder,.upload-logo-icon{
        font-size: 12px;
    }
    .welcome-content p ,.update-content p{
        font-size: 16px;
    }
    .update-wrapper .input-group-addon {
        width: 160px;
        font-size: 12px;
    }
}
@media (max-width: 1024px){
    .header-main, .dashboard-main {
        padding: 0 0px;
    }
    .navigation-ul > li .dropdown.open > .dropdown-menu {
        top: 45px;
    }
    .search-wrapper {
        width: 65%;
    }
    #sidebar {
        min-width: 230px;
        max-width: 230px;
    }
    .update-wrapper .social-input {
        display: block;
    }
    .update-wrapper .input-group-addon {
        border-radius: 4px;
        border: 1px solid #ccc;
    }
    .update-wrapper .social-input .form-control {
        border-radius: 4px;
    }
    .user-info-wrapper .tab .nav-tabs li a {
        font-size: 14px;
    }
     .upload-logo-icon {
        width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre;
    }
}
@media (max-width: 800px){
    .search-wrapper {
        float: right;
        margin: 20px 0px 0px 0;
    }
    .toggle-cus-btn, .toggle-cus-btn:hover {
        display: block;
    }
    #content {
        padding: 15px;
        margin-right: -230px;
    }
    #sidebar {
        display: none;
        transition: all 0.3s;
    }
    #sidebar.active {
        min-width: 230px;
        max-width: 230px;
        display: block;
    }
   
}

@media (max-width: 767px){
	.navigation-ul {
        margin: 10px 0;
        text-align: right;
    }
    .navigation-ul > li {
        display: inline-block;
    }
    .navbar-nav .open .dropdown-menu {
        position: absolute;
        background-color: #fff;
    }
    .toggle-main {
        float: right;
        margin: 10px 15px;
    }
    .search-wrapper {
        float: none;
        width: 100%;
        margin: 10px 0px 0px 0;
    }
}

@media (max-width: 640px){
    .inkish-service h3 span.pull-right{
    	width: 100%;
    }
    .inkish-service h3 span.pull-right .btn{
    	margin-top: 10px;
    	font-size: 12px;
    	padding: 8px 15px;
    }
    .inkish-service{
    	display: flex;
    	padding: 15px;
    }
    .user-info-wrapper .tab .tab-content h3,.inkish-service h3 {
		font-size: 16px;
	}
    #content {
        padding: 15px 0;
    }
    #sidebar.active {
        margin-right: 15px;
    }
    .welcome-wrapper, .update-wrapper {
        height: 100%;
        padding: 0;
    }
    .upload-logo-icon {
        width: 100%;
        overflow: visible;
        text-overflow: unset;
        white-space: unset;
    }
    .welcome-content i {
	    font-size: 60px;
	}
	.user-social-wrapper .update-content p,.subscribe-wrapper p ,.green-btn,.sky-btn,.red-btn{
	    font-size: 12px;
	}
}
@media (max-width: 480px){
	.card-wrapper {
	    padding: 20px 15px;
	}
	.user-info-wrapper .tab .tab-content ,.user-services-main{
	    padding: 25px 20px;
	}
    span.multiselect-native-select {
        min-width: 100% !important;
    }
}
@media (max-width: 414px){
    .update-content {
        padding: 30px 25px;
    }
    .welcome-content p, .update-content p {
        font-size: 12px;
    }
}
@media (max-width: 375px){
	.services-item .inkish-service h3 .btn:last-child {
    	margin-left: 0px;
	}
}

label.error{
    color:red;
    font-size: 12px;
    /*position: absolute;*/
}
.form-control-placeholder.disb-plc {
    top: -10px;
    font-size: 11px;
}
.dashboard-heading h4, .h4 {
    font-size: 30px;
    text-align: center;
    font-weight: bold;
}
.input-group.social-input {

    margin-bottom: 5px;

}
.user-info-form {
    margin: 0 auto;
    max-width: 700px;
}


.error {
    float: left;
    width: 100%;
}

/*inkishtv*/
.header-main.header-tv {
    background: white;
}
.inkishtv .dashboard-bg {
    background: #f5f5f5;
}

.inkishtv .dashboard-heading h4, .h4 {
  margin: 0;
font-family: impact;
font-size: 16px;
letter-spacing: 2px;
 color:#333;
display: inline-block;
letter-spacing: 1px;
color:black;
font-weight: normal;
}
.inkishtv .header-main .navbar {
    min-height: 80px;
    margin: 0;
}
.inkishtv .navbar-brand {
    padding: 11px 6px;
}
.fileinput .btn.default {
    color: #333333;
    background-color: #E5E5E5;
}
.fileinput .red.btn {
    color: #FFFFFF;
    background-color: #cb5a5e;
}
.fileinput .btn{
    padding: 6px 8px;
    cursor: pointer;
}
.fed-add-more , .media-add-more{
    color: white;
    float: right;
    margin-right: 14px;
    background: green;
    padding: 5px;
    font-size: 12px;
}
.remove-fed-row , .remove-med-row {
    float: right;
    margin-right: 16px;
    font-size: 12px;
    color: white;
    /* background: red; */
    padding: 1px 4px;
    margin-top: 6px;
}
#printer-subopt .multiselect-container {
    height: 266px;
    overflow-y: scroll;
}
.form-group .similare-companies {
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0px 0px 6px #ccc;
    padding: 10px;
    position: absolute;
    top: 85px;
    z-index: 999;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.form-group .similare-companies .company-detail {
    border-bottom: 1px solid #f2f2f2;
    padding: 0px;
    cursor: pointer;
    margin-bottom: 5px;
}
.form-group .similare-companies .company-detail:last-child {
    border-bottom: none;
    padding: 5px;
    margin-bottom: 0;
}
.form-group .similare-companies .comp-detail {
    padding-left: 0;
}
.form-group .similare-companies .comp-detail p:first-child{
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}
.form-group .similare-companies .comp-detail p:last-child {
    font-size: 12px;
    color: #9a9a9a;
    margin-top: 0px;
    margin-bottom: 5px;
}


 /* add /edit user page */
 #progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    display: flex;
    /* gap: 20px; */
    justify-content: center;
}

.setting-main form input {
    height: 42px;
    border-radius: 4px;
}

#progressbar li:first-child {
    border-radius: 10px 0px 0px 10px;
}

.profile-list .active .inactive-tab {
    display: none;
}
.profile-list .inactive-tab {
    display: none;
}
.profile-list .active .active-tab {
    display: inline-block;
}
#progressbar .active {
    background: #F6F9FC;
    border-bottom: 2px solid #344767;
    color: #344767;
}
#progressbar li {
    list-style-type: none;
    align-items: center;
    display: flex;
    background: #F6F9FC;
    font-weight: 400;
    gap: 10px;
    padding: 15px 45px;
    color: #8A8F95;
    border-right: 1px solid #BEC7DC;
    font-size: 16px;
}
#progressbar li strong {
    font-weight: 400;
}
.form-card {
    text-align: left;
    margin-bottom: 20px;
}

#company-not-found {
    font-size: 14px;
    padding: 10px 15px;
    background: #fff;
    box-shadow: 0 10px 26px 0 rgb(0 0 0 / 5%);
    margin-top: 0px;
  }


#msform {
  text-align: center;
  position: relative;
  margin-top: 20px
} 

#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  /* padding-bottom: 20px; */
  position: relative
}

.form-card {
  text-align: left
}

#msform fieldset:not(:first-of-type) {
  display: none
}

#msform input,
#msform textarea {
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 0px;
  /* margin-bottom: 25px;
  margin-top: 2px; */
  width: 100%;
  box-sizing: border-box;
  font-family: Inter;
  color: #2C3E50;
  background-color: transparent;
  font-size: 14px;
  letter-spacing: 1px;
  resize: none;
  border-radius: 4px;
}
/* 
#msform input:focus,
#msform textarea:focus {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #673AB7;
  outline-width: 0
} */
#msform input:focus,
#msform textarea:focus  {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}


.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef!important;
  opacity: 1;
}
#msform .action-button {
  width: 100px;
  background: #344767;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 0px;
  cursor: pointer;
   height: 42px;
 /* padding: 10px 10px;*/
  /* margin: 20px 0px 10px 5px; */
  float: right;
  border-radius: 3px;
  font-family: 'Helvetica';
}
.actBtnRow {
    display: flex;
        flex-direction: row-reverse;
        gap: 10px; 
}

#msform .action-button:hover,
#msform .action-button:focus {
  background-color: #344767
}

#msform .action-button-previous {
  width: 100px;
  background: #616161;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 0px;
  margin-right: 10px;
  cursor: pointer;
  height: 45px;
 /* padding: 10px 5px;*/
  /* margin: 10px 5px 10px 0px; */
  float: right;
  border-radius: 3px;
  /* margin-top: 20px; */

}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
  background-color: #000000
}

.card {
  z-index: 0;
  border: none;
  position: relative
}
#media-information h2.fs-title {
  margin:0 0 20px;
  /* padding-left: 15px; */
}
.fs-title ,.fs-title-2{
  font-size: 18px;
  color: #333;
  text-align: left;
  margin: 0 0 20px;
  font-weight: 600;
  /* padding: 0 15px; */
}
.fs-title-2 {
  margin: 15px 0px 20px;
}
.pl-15 {
  padding-left: 15px;
}
.purple-text {
  /* color: #673AB7; */
  font-weight: normal;
  font-size: 30px;
}

.modal_save_btn {
  margin-left: 10.5%;
}
.steps {
  font-size: 25px;
  color: gray;
  margin-bottom: 10px;
  font-weight: normal;
  text-align: right
}

/* .fieldlabels {
  color: gray;
  text-align: left
} */

#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: lightgrey;
  display: flex;
  /* gap: 20px; */
  justify-content: center;
}

#progressbar li:first-child {
  border-radius: 10px 0px 0px 10px;
}
#progressbar li:last-child {
  border-radius: 0px 10px 10px 0px;
}

#progressbar .active {
  background: #344767;
  border-bottom: 0;
  color: #fff;
}

#progressbar li{
  list-style-type: none;
  align-items: center;
  display: flex;
  background: #F6F9FC;
  font-weight: 400;
  gap:10px;
  padding: 15px 45px;
  color: #8A8F95;
  border-right: 1px solid #BEC7DC;
  font-size:16px;
}
#progressbar li:last-child{
  border-right:0px;
}
#progressbar li strong{
  font-weight: 400;
}


.profile-list .active .active-tab{
display: inline-block;
filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(228deg) brightness(103%) contrast(102%);
}
.profile-list .active .inactive-tab{
  display: none;
}

.profile-list .active-tab{
  display: none;
}


#progressbar li:before {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  font-size: 20px;
  color: #8A8F95;
  /* background: #F6F9FC; */
  border-radius: 50%;
  padding: 2px
}


#progressbar li.active:before,
#progressbar li.active:after {
  color: #344767
}

.progress {
  height: 20px
}

.progress-bar {
  background-color: #673AB7
}

.fit-image {
  width: 100%;
  object-fit: cover
}

select#action, select#service, select#country, select#state, select#city, select#usertypes {
width: 100%;
/* background-color: #ffffff;
border: 1px solid #9B9B9B; */
border-radius: 0px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("https://d30y9cdsu7xlg0.cloudfront.net/png/221782-200.png");
background-repeat: no-repeat;
background-position-x: 95%;
background-position-y: 11px;
/* padding: 11px; */
padding: 6px 12px;
background: transparent;
border: 1px solid #ccc;
background-size: 18px;
min-height: 42px;
border-radius: 4px;
}

.bg-primary {
top: 0;
}

/* 
.multiselect-container {
display: none;
position: absolute;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
min-width: 200px;
padding: 10px;
z-index: 1000;
} */

.multiselect-native-select .btn {
    display: inline-block;
    padding: 8px 12px;
}

.custom-control-input:checked ~ .custom-control-label {
background-color: #e2f0f9; /* Change this color as desired */
}

.open .multiselect-container {
  display: block;
  height: 200px;
  overflow-y: scroll;
}

#msform{
/* padding: 2% 11%; */
/* padding:3%; */
margin-top: 0px;
padding-top:0px;
}
.company_name_bar {
  position: relative;
}
.company_name_bar #autocomplete-results {
  position: absolute;
  top: 77px;
  left: 16px;
}
#autocomplete-results {
position: absolute;
top: 90px;
left: 16px;
z-index: 999;
}
.form-card .col-6{
position: relative;
}
#companyname-input{
margin-bottom: 0;
}

#autocomplete-results .autocomplete-item {
padding: 5px 0;
cursor: pointer;
}

.autocomplete-item:hover {
background-color: #97D4E5;
}

.autocomplete-item:hover span {
    color: black !important;
}

.form-control {
    height: 42px;
    box-shadow: none;
}


/* Adjust the height of .iti__country-container when the #phone has the error class */

.companyList {
display: block;
list-style: none;
font-size: 15px;  
width: 49%;
padding: 10px 15px;
background: #fff;
box-shadow: 0px 0px 5px #333;
}

#federation_add_more_button {
  border: 0;
  color: #fff;
  font-family:'Helvetica';
  font-size: 16px;
  font-weight: 500;
  padding: 7px 15px;
  width: auto;
  background: #344767;
  border-radius: 8px;
}
#federation_add_more{
text-align: right;
}
#media_add_more_button {
  background: #344767;
  color: #fff;
  padding: 6px 12px;
  border: 0;
  width: 100%;
  font-weight: 500;
  font-family: 'Helvetica';
  border-radius: 8px;
}
.error.invalid-feedback {
  width: 100%;
  float: left;
  text-align: left;
  color: red;
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
  margin-top: 5px;
}
.dropdown-menu input {
width: max-content !important;
}
/* .dropdown-menu label {
padding-left: 5px !important;
} */
span.remove {
font-size: 13px;
color: red !important;
float: right;
margin-top: 15px;
margin-bottom: 10px;
}
.pull-right, .rm-row{
text-align: right;
}
span.multiselect-native-select {
width: 100%;
float: left;
}

/* ------COMMENT */

#msform input{
background: transparent;
border: 1px solid #ccc;
padding: 6px 12px;
border-radius: 4px;
font-family: 'Helvetica';
color: #333;
}

.d-flex {
    display: flex;
}
.d-flex.justify-content-center {
    justify-content: center;
}
.mx-auto {
    margin:auto;
}
.flex-column {
    flex-direction: column;
}
.text-center {
    text-align: center;
}


.iti__selected-country-primary {
  height: 0px !important;
  /* position: absolute;
  top:20px; */
}
#phone {
  padding-left:44px!important;
}
.fieldlabels{
color: #333;
text-align: left;
font-weight: 600;
font-size: 14px;
margin: 0px 0px 5px;
}
.banner-img{
  position: fixed;
  top: 0;
  z-index: -1;
}
.form-group .editor_textarea{
  height: 40px;
}
span.remove{
  display: flex;
  justify-content: flex-end;
  color: #97d4e5!important;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}
#append-media-information{
  margin-top: 20px;
}
#media-information .media-lang{
  background-image: url(https://d30y9cdsu7xlg0.cloudfront.net/png/221782-200.png);
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 10px;
  background-size: 18px;
}

#autocomplete-results {
    position: absolute;
    top: 70px;
    left: 16px;
    z-index: 999;
    color: black!important;;
    border-radius: 4px;
    /* height: 200px;
    overflow-y: scroll; */
}

#autocomplete-results:has(.autocomplete-item) {
  height: 200px;
    overflow-y: scroll; 
}

#autocomplete-results .autocomplete-item {
    padding: 5px 0;
    cursor: pointer;
}

.companyList {
    display: block;
    list-style: none;
    font-size: 15px;
    width: 49%;
    padding: 10px 15px;
    background: #fff;
    box-shadow: 0px 0px 5px #333;
}

/* Other information */
.other-information .col-6{
  padding: 0 15px;
  margin-bottom: 15px;
}

/* Printer */
.fieldset_printer .fs-title{
  padding: 0;
}
.fieldset_printer .col-sm-6{
  text-align: left;
}
#federation_add_more{
  padding: 0 15px;
}

/* Media */
#media-information .pull-right,
#media-information span.remove{
  margin-right: 15px;
}
.card_padding{
  padding-block: 0;
}
.card_padding_bottom{
  padding-bottom: 0;
}
.media_form_table:not(:last-child){
  margin-bottom: 25px;
}
.iti {
   
    float: left;
    width: 100%;
}
.rounded-circle {
  border-radius: 50%;
  padding: 8px 12px;
}

/* Modal css */
.modal-header {
  border-top: 5px solid #35bcd9;
  /* display: flex; */
  /* justify-content: space-between; */
  /* width: 100%; */
  border-bottom: 0;
  padding: 15px 50px;
  padding-top: 30px;
  text-align: left;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
  font-family: impact;
  font-size: 26px;
  text-transform: uppercase;
  display: inline-block;
  border-bottom: 5px solid #87d4e5;
}
.modal-header .close {
  margin-top: 0;
  opacity: 1;
  font-size: 24px;
  color: #000000;
  font-weight: 800;
}
.modal-body {
  position: relative;
  padding: 15px 50px;
  margin: 0;
}
#msform .modal-dialog{
    max-width: 900px;
  }
  .modalOuter .modal-dialog.modal-lg{
    max-width: 1055px;
    width: 100%;
  }

  #msform .modal-body {
    padding: 1.5rem;
  }
  #msform .modal-body label {
    font-size: 16px;
    font-weight: normal;
  }
  #msform .modal-title {
    color: #97d4e5;
    font-size: 24px;
    font-weight: 600;
  }
  #msform .modal-header{
    padding: 1.5rem;
  }
  #msform input[type=checkbox]{
    height: auto;
  }
  #msform .modal-header{
    align-items: center;
  }
  #msform .modal-header .close{
    color: #97d4e5;
    font-size: 25px;
    font-weight: 900;
    opacity: 1;
  }
  #msform .addNewCompanyButton{
    border: 0;
    background: transparent;
    color: #337ab7;
    outline: 0;
    font-weight: 500;
    cursor: pointer;
  }
  .modal-footer button {
    background-color: #f0f0f0;
    color: #404656;
    box-shadow: none;
    max-width: 100px;
    width: 100%;
    border-radius: 4px;
  }
  .modal-footer button.btn-success:hover {
    background-color: #4cae4c;
    color: #ffffff;
  }
  .modal-footer button.btn-danger:hover {
    background-color: #d43f3a;
    color: #ffffff;
  }
  .modal-content{
    box-shadow: 0px 0px 35.9px 0px #1670A31A!important;

  }

  
    #myModal .modal-header .close {
        opacity: 1;
        font-size: 24px;
    color: #000000;
    font-weight: 800;
    }
    #myModal .modal-header .modal-title {
    font-family: impact;
    color: #233D4A;
    font-size: 43px;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 5px solid #87d4e5;
  }
  #myModal .modal-header {
    border-top: none;
    border-bottom: 0;
    padding: 15px 50px;
    padding-top: 30px;
    text-align: left;
  }
  #myModal .modal-body {
    padding: 15px 50px;
    margin: 10px 0;
    width: fit-content;
  }
  #myModal .modal-footer {
    background: #f3fbfc;
    border-top: 0;
    margin-top: 60px;
    padding: 15px 50px;
  }
  #saveCompanyBtn {
    background-color: #87d4e5 !important;
    font-size: 20px !important;
    width: auto !important;
    color: #fff !important;
    border: 0 !important;
    font-weight: normal;
    padding: 9px 40px !important;
    font-family: Impact !important;
    text-transform: uppercase;
    border-radius: 2px !important;
    margin-top: 20px;
    height: auto;
    margin: auto;
    text-align: center;
  }
  .modal #saveCompanyBtn {
    padding: 6px 40px !important;
    height: 40px;
  }
  .iti__selected-country-primary {
    height: 0px !important;
    /* position: absolute; */
    top: 20px;
  }
  
  .iti__selected-country {
    height: 0px !important;
    /* position: absolute; */
    top: 20px;
  }
  .modal-footer a {
    font-size: 14px;
    font-family: arial;
  }

/* Claim Page Css */
.claim-company-title {
    font-size: 30px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-weight: 400;
    color: #000000;
    }
p.claim-address {
        color: #464646;
        font-size: 16px;
        font-weight: 400;
        font-family: inter;
        font-family: Inter;
    }

p.claim-tel {
        font-size: 16px;
        color: #828282;
        font-family: inter;
        font-weight: 400;
    }
.claim-ref-link a {
    color: #2F71FF;
    font-size: 16px;
    font-family: inter;
    font-weight: 400;
}
.claim-form-title {
    font-family: Inter;
font-weight: 600;
font-size: 26px;
line-height: 35px;
color:#233D4A;
margin-bottom: 25px;
}
.claim-form-sectitle{
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    line-height: 35px;
    color:#233D4A;
    margin-bottom: 10px;
}

#claimForm label{
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 12px!important;
    letter-spacing: 0%;
}
#claimForm input{
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    /* margin-bottom: 12px!important; */
    letter-spacing: 0%;
    border-color: #86D3E3;
}
#claimForm .select2-container .select2-selection--single{
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    border-color: #86D3E3;
    height: 38px;
    padding: 4px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #86D3E3;
    color: white;
}
.select2-results {
    padding: 10px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #86D3E3!important;
    color: white!important;
}
.dotted-divider {
    content: "";
    display: block;
    background-image: url(/public/img/Vector-1.png);
    width: 90%;
    height: 2px;
    margin: auto;
    margin-top: 15px;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    border: none;
}
.gray-btn {
    background-color: #EEEEEE;
    font-family: Inter;
font-weight: 400;
font-size: 16px;
width: 204;
height: 35;
gap: 8px;
padding-top: 8px;
width: 100%;
padding-right: 21px;
padding-left: 21px;
padding-bottom: 8px;
color: #606060;

}
.claim-btn {
    background-color: #233D4A;
    font-family: Inter;
    width: 204;
height: 35;
gap: 8px;
padding-top: 8px;
padding-right: 21px;
padding-bottom: 8px;
width: 100%;
padding-left: 21px;
border-radius: 2px;
color: #FFFFFF;
}
.claim-btn:hover {
    color: white!important;
}
  /* Animation */

@-webkit-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  @-moz-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  @-o-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  @keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  #autocomplete-states {
    position: absolute;
    /* top: 90px; */
    top: 82px;
    left: 16px;
    z-index: 999;
    /* padding: 10px 20px; */
    margin-top: 6px;
  }

  #autocomplete-states:empty {
    display: none;
  }   
  
  #autocomplete-states .autocomplete-item {
    padding: 5px 0;
    cursor: pointer;
  }
  
  #autocomplete-states {
    /* position: absolute;
    top: 70px;
    left: 16px;
    z-index: 999;
    color: black !important; */
    border-radius: 4px;
    list-style-type: none;
    display: block;
    background: white;
    width: 94%;
    /* box-shadow: 0px 0px 17px #808080; */
    /* height: 200px;
    overflow-y: scroll; */
    padding: 6px;
    /* box-shadow: 0 10px 26px 0 rgb(0 0 0 / 5%); */
  }
  
  #autocomplete-states:has(.autocomplete-item) {
    height: 200px;
    overflow-y: scroll;
    list-style: none !important;
    padding: 10px 15px;
    color: black;
    background: #fff;
    box-shadow: 0px 0px 5px #333;
  }
  
  #autocomplete-states.autocomplete-item {
    padding: 5px 10px;
    cursor: pointer;
    list-style: none !important;
  }
  
  #autocomplete-citys {
    position: absolute;
    top: 78px;
    left: 16px;
    z-index: 999;
    /* padding: 10px 20px; */
  }
  
  #autocomplete-citys .autocomplete-item {
    padding: 5px 0;
    cursor: pointer;
  }
  
  #autocomplete-citys {
    /* position: absolute;
    top: 70px;
    left: 16px;
    z-index: 999;
    color: black !important; */
    border-radius: 4px;
    list-style-type: none;
    display: block;
    background: white;
    width: 94%;
    /* box-shadow: 0px 0px 17px #808080; */
    /* height: 200px;
            overflow-y: scroll; */
  }
  
  #autocomplete-citys:has(.autocomplete-item) {
    height: fit-content;
    max-height: 200px;
    overflow-y: scroll;
    list-style: none !important;
    padding: 10px 15px;
    color: black;
    background: #fff;
    box-shadow: 0px 0px 5px #333;
  }
  
  #autocomplete-citys.autocomplete-item {
    padding: 5px 10px;
    cursor: pointer;
    list-style: none !important;
  }
  #stateModal, #cityModal {
    z-index: 20050;
}
.stateNotFound {
    font-size: 14px;
    display: none;
    padding: 10px 15px;
    list-style-type: none;
    background: #fff;
    border-radius: 4px;
    margin-top: 0;
    position: absolute;
    z-index: 1;
    width: 94%;
    height: 200px;
    overflow-y: scroll;
    top: 76px;
    box-shadow: 0px 0px 5px #333;
}
.stateNotFound li.autocomplete-item {
    padding: 5px 0;
    cursor: pointer;
}
.modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-header {
  border-top: 5px solid #35bcd9;
}

.modal .select2-container--open .select2-dropdown--above{
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border: 0;
    border-radius: 10px;
}
.modal .select2-container--default .select2-results>.select2-results__options{
    padding: 10px;
}
.modal .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #f5f5f5;
}

.modal .select2-container .select2-selection--multiple {
    background-image: url('https://api.iconify.design/material-symbols/keyboard-arrow-down-rounded.svg');;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 22px;
    }
  .modal .select2-container .select2-selection--multiple{
    padding: 6px 12px;
  }

  .modal .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #87d4e5;
    border: 1px solid #87d4e5;
    color: #fff;
}
.modal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #fff;
}
.modal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {   
    border-right: 0;
}
.modal select,
#user_country {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
    padding-right: 30px;
    background-image: url('https://api.iconify.design/material-symbols/keyboard-arrow-down-rounded.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    cursor: pointer;
}

.modal select:focus {
    outline: none;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}
.modal .fileinput.fileinput-new{
    display: block;
}
.select2-container{
    width: 100% !important;
}
#autocomplete-results{
    width: 94%;
}
#ctype-error{
    position: absolute;
    top: 71px;
}
option{
    color: black !important;
}
#subCompanyTypes-error{
    position: absolute;
    top: 71px;
    right: -10px;
}

@media (max-width:767px) {
    
.profile-form .col-sm-4.form-group,
.profile-form #country-lang .col-sm-6,
.profile-form #proofreader .col-sm-6,
.profile-form .multiselect-native-select .btn-group{
    width: 100%;
}
.profile-form .multiselect-native-select .btn {
    overflow-x: auto;
    width: 100%;
}
#proofreader{
    margin-top: 15px;
}
.dashboard-heading h4, .h4 {
    font-size: 22px;
}
.red-btn{
    min-height: 42px;
    line-height: 20px;
}
}
.autocomplete-editors {
    position: absolute;
    top: 100%;
    left: 15px;
    z-index: 9999;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    max-height: 200px;
    overflow-y: auto;
    width: 95%;
    display: none;
    padding: 0;
    margin-top: 4px;
    list-style: none;
}
.autocomplete-editor {
    padding: 8px 12px;
    cursor: pointer;
}