h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0;
}

a:hover {
  text-decoration: none;
  /* background-image: linear-gradient(to left, var(--gradien-color1) 48%, var(--gradien-color2)); */
}
.col-lg-9 {
    max-width: 100%;
}
.table td, .table th {
    padding: 0.37rem !important;
}
.bg-orange{
    background-color: #ff6e00 !important;
}
.text-orange{
    color: #ff6e00;
}
.body-inner.dashboard{
  background-color: #d5d5d5;
}
.card.freight .text-success{
    color: var(--button-color) !important;
}
.btn-primary,
.btn-primary.disabled, 
.btn-primary:disabled,
.dashboard-btn,
.dashboard-btn:active {
    width: 100%;
    font-size: 14px;
    font-weight: 100;
    border-radius: 4px;
    line-height: normal;
    text-transform: capitalize;
    color: #ffffff;
    background: transparent;
    border: 0;
    background-position: right center;
    padding: 8px 5px;
    background-color: var(--button-color);
}
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--button-color) !important;
}
.btn-secondary{
	width:100%;
}
.dashboard-btn:hover ,.dashboard-btn:active ,.dashboard-btn:focus , .btn-active{
    background: #ffffff;
    color: #000000;
    border: 0px solid var(--secorn-color);
    box-shadow: 0 12px 30px 0 var(--btn-blur-color);
    background-image: linear-gradient(to right, #ffffff 2%, #ffffff 99%)
}
.dashboard-btn i{
    color: #ffffff !important;
}
.dashboard-btn:hover i{
    color: #000000 !important;
}
.btn-active i{
    color: #000000 !important;
}
.dashboard-btn-upload{
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 1px solid var(--secorn-color);
    color: var(--secorn-color);
    background-color: transparent;
    border-radius: 5px;
}
.dashboard-btn-upload:hover{
    background: #f0f0f0;
    color: #000000;
    border:1px solid var(--secorn-color);
    box-shadow: none;
    background-image: linear-gradient(to right,#dddddd 0%, #ffffff 50%, #ffffff 100%);
}
.dashboard-btn-upload i{
    color: var(--secorn-color) !important;
}
.dashboard-btn-upload:hover i{
    color: #000000 !important;
}
.dashboard.banner-area {
  position: relative;
  min-height: 200px;
  color: #fff;
}

.icon{
    /*width: 18px !important;*/
    height: 18px !important;
    border: unset !important;
}
ul.top-info-box li .info-box .info-box-title {
    color: #1e2b3c;
}
/** member header**/
.header-member-icon{
    height: 50px;
    padding: 10px 0;
}
.line-height-10{
    line-height: 10px !important;
}
.table-responsive{
    display: inline-table;
}
@media (max-width: 575px) {
    .table-responsive{
        display: block;
    }
}
.card{
    background-color: var(--dashboard-main-color) !important;
    border: none;
}
.dashboard .header-one, .header-one .site-navigation{
    height: 60px;
    background-color: #ffffff;
}
.dashboard .main-container{
    background-color: #d5d5d5;
    -webkit-box-shadow: none;
}

.main-container p , .p-3 , table td , .member-center-area span , .member-center-area a , .card.finance .media-body , .card.finance2 .media-body,.text-position, .text-mail,.text-telephone, .card-header, .videoguide a{
    font-weight: 100;
}

.main-container .card-body.videoguide{
    border-radius: 0;
}

/** member left menu */
.main-container img.topProfile{
    margin-top: 1em;
    width: 100%;
    height: auto;
	max-height: 200px;
    padding: 3px;
    border: solid 8px rgba(112, 112, 112, 0.1);
    border-radius: 50%;
}
.main-container .member-left-menu{
    background-color: var(--dashboard-main-color);
    padding: 10px 0;
    border-radius: 10px;
}
.main-container .member-left-menu .text-title {
    font-size: 14px;
    text-align: center;
    margin-top: 18px;
    color: #123b59;
}
.main-container .member-left-menu .text-header {
    font-weight: 700;
    font-size: 22px;
    text-align: center;
}

.main-container .left-menu{
    background-color: var(--dashboard-main-color);
    height: 100%;
}

.main-container .member-left-menu ul.list-unstyled{
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    color: #123b59;
}

.dashboard-menu .navbar-nav{
    padding: 0;
}

.dashboard-menu ul.navbar-nav > li > a{
    font-weight: 100 !important;
    line-height: 30px;
}

.dashboard-menu ul.navbar-nav li .material-icons,
.main-container .member-left-menu ul.list-unstyled li .material-icons{
    position: relative;
    margin: 10px 10px 0 0;
}

.dashboard-menu ul.navbar-nav li span.text-top{
    margin-top: 2px;
    position: absolute;
}
.dashboard-menu ul.navbar-nav li .badge {
    color: #ff0000;
    background-color: transparent;
}
.main-container .member-left-menu ul.list-unstyled li span.text-top{
    margin-top: 5px;
    position: absolute;
}

.main-container .member-left-menu ul.list-unstyled li a.nav-link {
    padding: 0rem 1rem 0 1rem;
}
.main-container .member-left-menu ul.list-unstyled li:hover ,
.main-container .member-left-menu ul.list-unstyled li:hover a ,
.main-container .member-left-menu ul.list-unstyled li:hover i,
.main-container .member-left-menu ul.list-unstyled li.active ,
.main-container .member-left-menu ul.list-unstyled li.active i{
    background-color: var(--secorn-color);
    color: #ffffff;
}
.main-container .member-left-menu ul.list-unstyled li .badge {
    color: #ff0000;
    background-color: transparent;
}

.main-container .card{
    border-radius: 0.7rem;
    /*background-color: var(--dashboard-second-color);*/
}
.main-container .card-header{
    border-bottom: 0;
    background-color: var(--dashboard-second-color);
    border-radius: 0.7rem 0.7rem 0 0;
    padding: 0;
    font-size: 14px;
    color: #123b59;
}
.main-container .card-body{
    background-color: var(--dashboard-main-color);
    border-radius: 0 0 0.7rem 0.7rem;
}
.main-container .card-header ul.nav-tabs li.nav-item{
    width: 50%;
    border-radius: 0.7rem 0.7rem 0 0;
    padding: 0.5rem;
    padding-left: 1.1rem;
    background-color: var(--dashboard-second-color);
}
.main-container .card-header ul.nav-tabs li.nav-item a{
    font-size: 14px;
    font-weight: 300;
    color: #123b59;
}
.main-container .card-header ul.nav-tabs li.active a{
    color: var(--main-color);
}
.main-container .card-header ul.nav-tabs li.active{
    background-color: var(--dashboard-main-color);
    border-bottom: 1px solid var(--secorn-color);
}

.main-container .card-header ul.nav-tabs li.nav-item .material-icons{
    position: relative;
    margin: 10px 10px 0 0;
}

.main-container .card-header ul.nav-tabs li.nav-item span.text-top{
    margin-top: 6px;
    position: absolute;
    width: 50%;
}
.main-container .card-body .search-bar .form-control{
    background-color: #ffffff;
    height: 32px;
}
.dropdown .member-menu .dropdown-menu{
    margin-top: -10px;
}
/** member left menu */

@media (max-width: 575px) {
    .dashboard .main-container{
       top: 5px;
    }
    .main-container .card-header ul.nav-tabs li.nav-item span.text-top{
        font-size: 0.7699999rem;
        width: 33.333333333%;
        line-height: 17px;
    }
}

/** member finance */
.finance .circle-finance{
    position: relative;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    font-weight: 100;
    text-align: center;
}
.finance .card-body{
    padding: 1rem;
}
.finance .media-body, .finance-center .media-body {
    text-align: left;
    padding-left: 1em;
    position: relative;
    color: #123b59;
    font-size: 14px;
    margin-top:5px;
}
.finance .circle-finance span, .finance-center .circle-finance span {
    position: relative;
    top: 13%;
    vertical-align: middle;
    font-size: 14px;
}
.finance .paid span, .finance-center .paid span {
    background-image: linear-gradient(to left, var(--gradien-color1) 48%, var(--gradien-color2));
}

.finance2 .circle-finance{
    position: relative;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    font-weight: 100;
    text-align: center;
}
.finance2 .card-body{
    padding: 0.5rem;
}
.finance2 .media-body, .finance-center .media-body {
    text-align: left;
    padding-left: 1em;
    position: relative;
    color: #123b59;
    font-size: 20px;
    margin-top:5px;
}
.finance2 .circle-finance span, .finance-center .circle-finance span {
    position: relative;
    top: 25%;
    vertical-align: middle;
    font-size: 20px;
}
.showData .quoterequest .form-group{
    margin-top: -10px;
}
.showData .quoterequest .form-group label{
    display: inline-block;
}
/** member finance */

/** member qoute overview **/
.freight .card-body ul.list-unstyled {
    position: absolute;
    z-index: 1;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.freight .card-body ul.list-unstyled li {
    font-size: 24px;
}
.freight .Q-rec{
    color: #8b8b8c;
}

.quotesearch .btn-primary{
    height: 100%;
}
.resolution select,
.resolution input,
.resolution textarea,
.quoterequest select,
.quoterequest input,
.quoterequest textarea,
.quotesearch select,
.quotesearch input,
.quotesearch textarea{
    background-color: #ffffff;
}
.quotesearch select{
    width: 98%;
    margin-left: 14px;
}
.quotesearch .dashboard-btn{
    max-width: 90%;
    margin-left: 14px;
}

@media (min-width:320px) and (max-width:574px){
    .freight .card-body ul.list-unstyled li {
        font-size: 50px;
        padding: 15px;
    }
}

@media (min-width:575px) and (max-width:992px){
    .freight .card-body ul.list-unstyled li {
        font-size: 100px;
        padding: 35px;
    }
}
/** member qoute overview **/

.freight2 .card-body ul.list-unstyled {
    position: absolute;
    z-index: 1;
    top: 37%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.freight2 .card-body ul.list-unstyled li {
    font-size: 40px;
}

@media (min-width:320px) and (max-width:574px){
    .freight2 .card-body ul.list-unstyled li {
        font-size: 50px;
        padding: 15px;
    }
}

@media (min-width:575px) and (max-width:992px){
    .freight2 .card-body ul.list-unstyled li {
        font-size: 100px;
        padding: 35px;
    }
}
/** member qoute overview **/

/** member visitor */
ul.top-country{
    font-size: 0.8em;
    float: left;
    width: 100%;
    height: 100%;
    text-align: left;
    /*padding: 10px 10px 0 10px;*/
}
ul.top-country li{
    padding: 2px;
}
ul.top-country li > span.bagde{
    float:right;
    color: var(--secorn-color);
}
#jvectormap .jvectormap-view{
    position: absolute;
    margin-top: 200px;
    margin-left: -25px;
    font-size: 0.8rem;
    float: left;
    z-index: 9;
}
#jvectormap .jvectormap-view li{
    list-style: none;
}
#jvectormap .jvectormap-view li span.active{
    background-color: var(--secorn-color);
    border-radius: 3px;
}
#jvectormap .jvectormap-view li span.no-active{
    background-color: #ffffff;
}
.novisitor{
    margin-top: 50%;
    font-size: 1.7rem;
    color: #8f8f90;
}
.country-all{
    position: absolute;
    bottom: 5px;
    width: 90%;
}
/** member visitor */

/** member featured */
.featur-member .viewpro-detail {
    text-align: center;
    background-color: #ffffff;
    padding: 10px;
}
.featur-member .viewpro-detail {
    text-align: center;
    background-color: var(--dashboard-main-color);
    padding: 10px;
}
.featur-member .viewpro-detail:nth-child(1) {
    border-radius: 0 0 0 50%;
}
.featur-member .viewpro-detail:nth-child(2) {
    text-align: center;
    background-color: rgba(230, 230, 230);
}
.featur-member .viewpro-detail:nth-child(3) {
    border-radius: 0 0 50% 0;
}
.featur-member .viewpro-detail .viewpro-dash {
    width: 120px;
    height: 120px;
    border: solid 4px rgba(112, 112, 112, 0.1);
    padding: 3px;
    border-radius: 50%;
    margin: 18px 0;
}
.featur-member .viewpro-detail .lead {
    font-size: 14px!important;
    margin-top: 10px;
}
.featur-member .viewpro-detail .company-logo{
	width: 200px;
	height: 150px;
	padding: 10px;
	background: #fff;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.featur-member .viewpro-detail .company-logo img{
	max-width: 150px;
	max-height: 120px;
	margin-top: 0px;
	width: auto;
	height: auto;
}
@media (max-width: 768px) {
    .featur-member .viewpro-detail:nth-child(3) {
        border-radius: 0 0 50% 50%;
    }
    .member-ow{
        padding-bottom: 20px;
    }
}
/** member featured */

/** Departed Member **/
.departed{
    font-size: 14px;
    padding: 0;
}
.departed .textwrap{
    width: 250px;
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;
}
.departed-scroll{
    height: 602px;
    overflow: scroll;
    scrollbar-color: var(--secorn-color) transparent;
}
/* Chrome, Edge, and Safari */
.departed-scroll::-webkit-scrollbar{
    width: 16px;
}
.departed-scroll::-webkit-scrollbar-track{
    background: transparent;
}

.departed-scroll::-webkit-scrollbar-thumb{
    height: 50px;
    background-color: var(--secorn-color);
    border-radius: 10px;
    border: 3px solid transparent;
}
/** Departed Member **/

/** Announce Member **/
.announcement{
    background-color: #ffffff !important;
    font-size: 14px;
}
.announcement ul.list-unstyled li{
    padding: 10px 0;
}
.announcement ul li span{
    font-weight: 600;
    padding-left: 8px;
}
.announcement-scroll{
    height: 750px;
    overflow: scroll;
    scrollbar-color: var(--secorn-color) transparent;
}
/* Chrome, Edge, and Safari */
.announcement-scroll::-webkit-scrollbar{
    width: 16px;
}
.announcement-scroll::-webkit-scrollbar-track{
    background: transparent;
}
.announcement-scroll::-webkit-scrollbar-thumb{
    height: 50px;
    background-color: var(--secorn-color);
    border-radius: 10px;
    border: 3px solid transparent;
}
/** Announce Member **/

/** member search **/
#resultsearch{
    overflow: scroll;
    scrollbar-color: var(--secorn-color) transparent;
}
.search-member-result #resultsearch{
    height: 440px;
    overflow: scroll;
    scrollbar-color: var(--secorn-color) transparent;
}

/* Chrome, Edge, and Safari */
.search-member-result::-webkit-scrollbar ,#resultsearch::-webkit-scrollbar{
    width: 16px;
}

.search-member-result::-webkit-scrollbar-track ,#resultsearch::-webkit-scrollbar-track{
    background: transparent;
}

.search-member-result::-webkit-scrollbar-thumb ,#resultsearch::-webkit-scrollbar-thumb{
    height: 50px;
    background-color: var(--secorn-color);
    border-radius: 10px;
    border: 3px solid transparent;
}
/** member search **/

/** company profile **/
.companyprofile .company-logo{
	width: 200px;
	height: 150px;
	padding: 10px;
	background: #fff;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.companyprofile .company-logo img{
	max-width: 150px;
	margin-top: 0px;
	width: auto;
	height: auto;
}
.companyprofile .address{
    font-weight: 600;
}

.member-rating10{
    width: 100%;
    font-size: 20px;
    color: #123b59;
    text-align: center;
    border-top: 1px solid #00AF00;
    padding-bottom: 1px;
    border-left: 1px solid #00AF00;
    border-right: 1px solid #00AF00;
    border-color: #123b59 ;
    background: linear-gradient(to right, #123b59  100%, #FFF400, #FF0100) left bottom no-repeat;
    background-size: 100% 2px;
}
.member-rating9{
    width: 100%;
    font-size: 20px;
    color: #00AF00;
    text-align: center;
    border-top: 1px solid #00AF00;
    padding-bottom: 1px;
    border-left: 1px solid #00AF00;
    border-right: 1px solid #00AF00;
    border-color: #00AF00 ;
    background: linear-gradient(to right, #00af00  100%, #008d00, #006400) left bottom no-repeat;
    background-size: 100% 2px;
}
.member-rating8,
.member-rating7{
    width: 100%;
    font-size: 20px;
    color: #00af00;
    text-align: center;
    border-top: 1px solid #00af00;
    padding-bottom: 1px;
    border-left: 1px solid #00af00;
    border-right: 1px solid #00af00;
    border-color: #00af00  ;
    background: linear-gradient(to right, #00af00  100%, #008d00, #006400) left bottom no-repeat;
    background-size: 100% 2px;
}
.member-rating5,
.member-rating6{
    width: 100%;
    font-size: 20px;
    color: #ff6e00;
    text-align: center;
    border-top: 1px solid #ff6e00;
    padding-bottom: 1px;
    border-left: 1px solid #ff6e00;
    border-right: 1px solid #ff6e00;
    border-color: #ff6e00 ;
    background: linear-gradient(to right, #ff6e00  100%, #FFF400, #FF0100) left bottom no-repeat;
    background-size: 100% 2px;
}
.member-rating,
.member-rating1,
.member-rating2,
.member-rating3,
.member-rating4{
    width: 100%;
    font-size: 20px;
    color: #e94a33;
    text-align: center;
    border-top: 1px solid #e94a33;
    padding-bottom: 1px;
    border-left: 1px solid #e94a33;
    border-right: 1px solid #e94a33;
    border-color: #e94a33 ;
    background: linear-gradient(to right, #e94a33  100%, #FFF400, #FF0100) left bottom no-repeat;
    background-size: 100% 2px;
}

.member-risk-danger{
    width: 100%;
    font-size: 14px;
    color: #e94a33;
    text-align: center;
    border-top: 1px solid #e94a33;
    padding-bottom: 1px;
    border-left: 1px solid #e94a33;
    border-right: 1px solid #e94a33;
    border-color: #e94a33;
    background: linear-gradient(to right, #e94a33 0%, #FFF400 50%, #FF0100) left bottom no-repeat;
    background-size: 100% 2px;
}
.member-risk-danger2{
    width: 100%;
    font-size: 20px;
    color: #e94a33;
    text-align: center;
    border-top: 1px solid #e94a33;
    padding-bottom: 1px;
    border-left: 1px solid #e94a33;
    border-right: 1px solid #e94a33;
    border-color: #e94a33;
    background: linear-gradient(to right, #e94a33 0%, #FFF400 50%, #FF0100) left bottom no-repeat;
    background-size: 100% 2px;
}
.member-risk{
    width: 100%;
    font-size: 20px;
    color: #00AF00;
    text-align: center;
    border-top: 1px solid #00AF00;
    padding-bottom: 1px;
    border-left: 1px solid #00AF00;
    border-right: 1px solid #00AF00;
    border-color: #00AF00;
    background: linear-gradient(to right, #00AF00 0%, #FFF400 50%, #FF0100) left bottom no-repeat;
    background-size: 100% 2px;
}
.member-risk-danger2 .arrow-up,.member-risk .arrow-up{
    right: 30px;
    margin-top: 15px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 13px solid #FF0100;
    position: absolute;
    top: 35px;
}
.member-risk-danger2 .arrow-down,.member-risk .arrow-down{
    margin-left: 15px;
    margin-top: 15px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 13px solid #69bc0d;
    position: absolute;
    top: 35px;
}
.edit-profile .company-logo{
    width: 400px;
    height: 400px;
    padding: 10px;
    background: #fff;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.edit-profile .company-logo img{
    margin-top: 0px;
    width: auto;
    height: auto;
}
/** company profile **/

/** Quote Request **/
.quoterequest label{
    font-size: 0.7789999rem;
    font-weight: bold;
}
.quoterequest .btn-primary{
    padding: 12px 27px 12px 27px;
}
/** Quote Request **/

/** Official Contact **/
.menu-right-side .card-body{
    padding: 0;
}
.contact-card{
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
    padding: 5px;
}
.contact-card .profile-img{
    width: 80%;
    max-width: 80%;
    height: auto;
	max-height: 170px;
    border-radius: 50%;
    padding: 5px;
}
.contact-card .text-title{
    font-size: 18px;
    font-weight: 600;
}
.contact-card .text-text-position{
    font-size: 16px;
    font-weight: 300;
}
.contact-card .text-mail, .contact-card .text-telephone{
    font-size: 12px;
}
.contact-card .icon{
    padding: 3px;
}
/** Official Contact **/

/** member finance **/
.overdue-data .make-paid::before{
    content: url('https://g7logisticsnetworks.com/images/icon/dash-icon/check.svg');
    width: 23px;
    display: inline-block;
    cursor: pointer;
}
.overdue-data .make-delete::before{
    content: url('https://g7logisticsnetworks.com/images/icon/dash-icon/delete.svg');
    width: 23px;
    display: inline-block;
    cursor: pointer;
}
.overdue-data input[type=checkbox]::before{
    background-image: linear-gradient(to left, var(--gradien-color1) 48%, var(--gradien-color2));
}
.overdue-data input[type=checkbox], 
.quoterequest input[type=checkbox],
.resolution input[type=checkbox],
.notifications input[type=checkbox]{
    width: 18px;
    height: 18px;
    display: inline-block;
}
.quoterequest label,
.resolution label{
    display: initial;
}
/** member finance **/

/** resolution **/
.resolution .dashboard-btn{
    font-size: 0.9rem;
    padding: 11px 5px;
    height: 100%;
}
.resolution button[type=submit]{
    height: 50%;
}
.resolution input[type=file]{
    position: absolute;
    opacity: 0;
    left: 9px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
}
.resolution .form-group{
    min-height: 57.14px;
}
.resolution .show-img{
    width: 100%;
}

span.remove-img{
    position: absolute;
    right: 30px;
    z-index: 99;
}
span.remove-img i.fa-times{
    color: #ff0000;
}
/* resolution **/

/* video guide */
.videos img {
  width:100%;
  height:auto;
}
a.video {
  float: left;
  position: relative;
}
a.video span {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("https://g7logisticsnetworks.com/images/paly.png") no-repeat;
  background-position: 50% 50%;
  background-size: 15%;
}

/* member finance */
.button-finance .active-myI,
.button-finance .active-owed,
.button-finance .active-enter{
    background: #f0f0f0;
    color: #000000;
    border:1px solid var(--secorn-color);
    box-shadow: none;
    background-image: linear-gradient(to right,#dddddd 0%, #ffffff 50%, #ffffff 100%);
}
.active-myI i,
.active-owed i,
.active-enter i{
    color: #000000 !important;
}

/* Modal MSG */
.popup_check{
    width: 50px;
    height: 50px;
    margin: 1em auto;
}

/* Autocomplete **/
.ui-front{
  max-height: 500px !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}
.ui-menu-item{
    width: 300px;
    color: #000000;
    background:#dde1e4;
    left:0;
    padding: 0.5em;
    cursor: pointer;
}
.ui-menu{
   list-style-type:none;
   text-align: left;
   padding: 0;
}

/** DataTable Paginnation **/
.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 0.9rem;
    border-radius: 5px;
    margin-right: 8px;
    color: #123b59;
    border: solid 1px #123b59;
    background-color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff;
    background: #123b59;
    border: 1px solid transparent;
}

.icon-small{
    width: 28%;
}

.member-profile-area .card-body.videoguide{
    padding: 5px 15px;
}
.member-profile-area .card-body.videoguide .list-unstyled{
    margin-bottom: 0;
}
.member-profile-area video{
    height: 450px;
}

@media screen and (max-width: 480px) {
  a.video span {
    background-size: 20%;
  }
    .member-profile-area video{
        height: 200px;
    }
}
ul.guidelist li{
    padding-bottom:8px;
    font-size:0.9rem;
}

@media (max-width: 768px) {
    .dashboard.banner-area{
        min-height: 0px;
    }
    .dropdown .member-menu{
        top: 0;
    }
    .menu-right-side{
        padding-top: 1rem !important;
    }
    ul.top-info-box li{
        padding: 0 5px;
    }
    ul.top-info-box li .counting-non{
        right:10px;
    }
    .col-p-0{
        padding: 0;
    }
    .country-all{
        position: relative;
        width: 100%;
    }
    .button-finance div.col-md-3{
        padding: 0 0 10px 0;
    }
    .contact-card .profile-img{
        height: auto;
        max-height: max-content;
    }
}

@media (min-width: 768px){
    body .dashboard .banner-area{
        min-height: 50px;
    }
}

@media (max-width: 992px) {
    .dashboard-menu .navbar .nav-link{
        padding: 0.5rem 0;
    }
    .dashboard-menu .navbar ul.nav.navbar-nav li{
        padding: 0;
    }
    .dashboard-menu .navbar ul.nav.navbar-nav li{
        text-align: left;
    }
    ul.navbar-nav {
        margin-bottom: 0px;
    }
    ul.navbar-nav > li:last-child{
        margin-top: 5px;
    }
    .dashboard-menu .logo-mobile img.topProfile{
        width: 75px;
        border-radius: 50%;
    }
    .quotesearch select{
        width: 100%;
        margin-left: 0px;
    }
    .quotesearch .dashboard-btn{
        max-width: 100%;
        margin-left: 0px;
    }
    .member-serch-area{
        margin-left: 0;
    }
    .member-visitor-area{
        margin-right: 0px;
    }
    .member-serch-area .membersearch .quotesearch .membersearch-p-0,
    .member-serch-area .membersearch .quotesearch .control-select{
        padding: 0.5rem;
    }
    .companyprofile .company-logo{
        width: 100%;
        height: auto;
        display: inline-block;
    }
}

@media (min-width: 992px){
    body .dashboard .banner-area{
        min-height: 50px;
    }
    .col-lg-9{
        max-width: 75%;
    }
    .d-m-right{
        padding-right: 0;
    }
    .d-m-left{
        padding-left: 0;
    }
    .member-center-area{
        margin-left: 0.25rem;
    }
    .member-left-menu.col-lg-2 {
        flex: 1 0 18.83333333%;
        max-width: 18.83333333%;
        height: 100%;
    }
    .menu-right-side.col-lg-2 {
        flex: 1 0 19.99333333%;
        max-width: 19.99333333%;
        margin-left: 0.28rem;
    }
    .member-center-area.col-lg-10{
        max-width: 80.833333%;
    }
    .member-profile-area.col-lg-7{
        flex: 0 0 60.333333%;
        max-width: 60.333333%;
        margin-left: 0.35rem;
    }
    .member-profile-area h3{
        text-transform: none;
    }
    .member-visitor-area .member-center-side{
        padding-right: 20px;
    }
    .member-serch-area .membersearch .quotesearch .membersearch-p-0{
        padding: 0;
    }
    .member-serch-area .membersearch .quotesearch input#companyname{
        margin-left: 13px;
        height: 32px;
    }
    .member-serch-area .membersearch .quotesearch select#region{
        margin-left: 18px;
        height: 32px;
    }
    .member-serch-area .membersearch .quotesearch select#country{
        margin-left: 18px;
        height: 32px;
    }
    .member-serch-area .membersearch .quotesearch select#city{
        margin-left: 4px;
        height: 32px;
    }
}

@media (min-width: 993px) and (max-width: 1024px){
    body .dashboard .banner-area{
        min-height: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .member-center-area.col-lg-10{
        max-width: 80.733333%;
    }
    .member-profile-area.col-lg-7 {
        flex: 0 0 60.133333%;
        max-width: 60.133333%;
    }
    .member-rating10{
        font-size: 1rem;
    }
    .main-container .member-left-menu ul.list-unstyled{
        font-size: 12px;
    }
}

.preconf-link{
  position: relative;
  padding: 0;
  z-index: 1;
  margin-top: 75px;
}
.preconf-link h4{
  font-size: 1rem;
  margin-top:10px
}
.preconf-link h4 span.red{
  color: red;
}
.preconf-link h4 a{
  font-size: 14px;
  font-weight: 100;
  text-transform: none;
  text-decoration: none;
}
button#makeDelete{
    width: 215px;
}

/** Login Profile **/
ul.navbar-nav > li > a > i.login-icon{
    content: url('../images/menu-icon/menu_login.svg');
    width: 23px;
    margin-top: 10px;
}
/** Login Profile **/

@media (max-width: 540px){
    .preconf-link {
        position: relative;
        width: 100%;
        padding: 0;
        z-index: 1;
        margin-top: 100px 0 0 0;
        top: 5px;
    }
    button#makeDelete{
        width: 100%;
    }
}

.member-search-al a{
    text-decoration: underline;
}