:root{
--prime-color:#1dbfc1;	
--second-color:#87f1f2;  
}
#insert_data_inform{ display: none;}
.displaynone{
display: none;
}
.blank-rounded-logo{
border-radius: 8px;
border: 1px solid var(--max-border-color);
min-height:100px;
min-width:70px;
}
.rounded-profileimg{
border-radius: 8px;
}
table.dataTable tbody tr {
background-color: transparent!important;
}
.bootstrap-wrapper .btn-sm{
color: #ffffff!important;
background-color: var(--btn-small-color);
border-radius: 6px;
padding: 8px 10px;
font-size: 14px;		
}
.bootstrap-wrapper .btn-sm:hover {
filter: brightness(120%);  
background-color: var(--btn-small-color);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
transition: 0.2s;
-webkit-transition: 0.2s;
color: var(--btn-small-font-color);
transition: 0.2s;
box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);
}
.bootstrap-wrapper .btn-light {
color: var(--btn-small-font-color);
background-color: var(--btn-small-color);
border-radius: 6px;
padding: 10px 10px;
font-size: 14px;	
line-height: 1;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.bootstrap-wrapper .btn-light:hover {
filter: brightness(120%);  
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
transition: 0.2s;
-webkit-transition: 0.2s;
color: var(--btn-font-color);
transition: 0.2s;
box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);
} table, th, td{
border-top: 1px solid #dee2e6 !important;
border-bottom: 1px solid #dee2e6 !important;
border-left: none !important;
border-right: none !important;
}
.bootstrap-wrapper .rounded {
border-radius: 1.25rem !important;
}
table.dataTable{
border-collapse: collapse !important;
}
#writeskill, #writeSocial{ display: flex;
align-items: center;
margin-top: 10px;
}
#new_skill{
width: 200px;
height: 40px;
margin-right: 10px;
}
.delete, .new_skill{
height: 40px;
}
#writeSocial{
margin-bottom: 30px;
}
#new_social{
width: 300px;
height: 40px;
margin-left: 15px;
margin-right: 10px;
}
.delete_social, .save_social{
height: 40px;
margin-right: 10px !important;
}
.epselectminheight{
min-height:200px;
}
.top_row{
border: thin solid var(--max-border-color);
border-radius: 8px;
padding: 20px 30px 30px 30px;
margin-bottom: 20px;
}
#profile-account2 .container{
padding: 0;
margin: 0;
}
.company_img{
margin-right: 20px;
}
#profile-account2 .top-title{	
font-size: 16px ;
font-weight: 600;
line-height: 20px;
text-decoration: none;
color: var(--title-color);
}
.company_img img{
height: 90px;
width: 90px;
border-radius: 5px;
}
.company_content{
height: 90px; }
.company_content h4{ margin-bottom: 16px !important;
}
.company_content .rating{
margin: 0;
padding: 0;
margin-bottom: 10px;
}
.company_content .rating i{
font-size: 14px;
color: #50627B;
}
.company_content button {
padding: 8px 10px;
background-color: #666;
border-radius: 6px !important;
box-shadow: none;
border: none;
color: #fff;
font-size: 16px;
font-weight: 400;
}
.main_content{ }
.margin-top-10{
margin-top: 10px;
}
#candidate-bookmark thead tr th{
width: 100% !important;
}
#listing-manage_filter input,
#candidates-manage_filter input,
#candidates-manage-mobile_filter input,
#candidates-manage-mobile_filter input,
#candidate-bookmark_filter input{
width: 60% !important;
height: 40px !important;
padding: 10px !important;
margin: 0 !important;
}
#candidates-manage-mobile_filter,#candidates-manage-mobile_length,#candidates-manage-mobile_info,#candidates-manage-mobile_paginate{
display: none;
}
@media (min-width: 320px) and (max-width: 480px) {
#candidates-manage_filter,#candidates-manage_paginate,#candidates-manage_length,#candidates-manage_info{
display: none !important;
}
#candidates-manage-mobile_filter,#candidates-manage-mobile_length,#candidates-manage-mobile_info,#candidates-manage-mobile_paginate{
display: block;
}
#listing-manage_filter input,
#candidates-manage_filter input,
#candidates-manage-mobile_filter input,
#candidates-manage-mobile_filter input,
#candidate-bookmark_filter input{
width: 60% !important;
float: right !important;
}
}
.dataTables_length{
width: 40% !important;
float: left !important;
}
.dataTables_filter{	
float: right !important;
}
.dataTables_length select{
width: 80px !important; 
height: 40px !important;
border-color: #d1d1d1;
padding:10px;
}
#profile-account2 select {
background-position-y: 15px!important; 
}
.popup0margin{
margin:0 20px;
}
.boxo{ border:1px solid #ccc; border-radius:0 0 6px 6px; padding:15px 0}
.picwrapper{ padding:0}
.addnote{ background:#f5f5f5; padding:10px 0; margin:20px; clear:both}
.addnote textarea{ width:100%} .media-modal-close, .media-modal-close span.media-modal-icon {
width: auto !important;
}
.bs-callout {
margin: 20px 0;
padding: 15px 30px 15px 15px;
border-left: 5px solid #eee;
}
.bs-callout-info {
background-color: #E4F1FE;
border-color: #22A7F0;
}
.html-active .switch-html, .tmce-active .switch-tmce {
height: 28px!important;
}
.wp-switch-editor {
height: 28px!important;
}
#profile-account2 label {
font-weight: 400;
font-size: 14px; display: block;
}
#profile-account2 .form-control{
height: 45px;
font-size: 14px;
font-weight: normal;
color: #333333;
background-color: #fff;
border: 1px solid #747272;
-webkit-box-shadow: none;
box-shadow: none;
border-radius:8px !important;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#profile-account2 .main-content .not-forty .form-control,
#profile-account2 #tab_1_1 .not-forty .form-control{
height: auto;
}
#profile-account2 .fa-times{
margin: 0 8px 0 12px;
}
#profile-account2 .fa-pencil{
margin: 0 8px 0 12px;
}
#profile-account2 .btn .default {
color: #333333;
background: #e5e5e5;
background-image: none;
border-color: "";
}
#profile-account2 .default {
color: #333333;
background: #e5e5e5;
border-color: "";
}
#profile-account2 .green-haze{
color: var(--btn-font-color);
background: var(--btn-big-color);  
border-radius: 8px;
padding: 10px 20px;
background-image: none;
box-shadow: none;
outline: none;
filter:none;
}
#profile-account2 .ml-30{
margin-left: 15px;
}
#profile-account2  .form-control:focus{
border-color: #000000;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
#profile-account2  .profile-usertitle-name {
color: #5a7391;
font-size: 20px;
font-weight: 600;
margin-bottom: 7px;
}
#profile-account2  .profile-sidebar {
float: left;
width: 100%;
margin-right: 0;
}
#profile-account2  .icon-round{
border: 1px solid #93a3b5;
border-radius: 50%;
padding: 4px;
font-size: 8px !important;
} #profile-account2  .profile-sidebar-portlet { }
#profile-account2  .profile-userpic img {
float: none;
margin: 0 auto;
width: 150px;
height: 150px;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important;
}
#profile-account2  .profile-usertitle {
text-align: center;
margin-top: 20px;
}
#profile-account2  .profile-usertitle-name {
color: #5a7391;
font-size: 20px;
font-weight: 600;
margin-bottom: 7px;
}
#profile-account2  .profile-usertitle-listing {
text-transform: uppercase;
color: #5b9bd1;
font-size: 13px;
font-weight: 800;
margin-bottom: 7px;
}
#profile-account2  .profile-userbuttons {
text-align: center;
margin-top: 10px;
}
#profile-account2  .profile-userbuttons .btn {
margin-right: 5px;
}
#profile-account2  .profile-userbuttons .btn:last-child {
margin-right: 0;
}
#profile-account2 .caption {
float: left;
}
#profile-account2  .profile-userbuttons button {
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
padding: 6px 15px;
}
#profile-account2  .profile-usermenu { }
#profile-account2 .profile-usermenu ul li {
border-bottom: none;
}
#profile-account2  .profile-usermenu ul li:last-child {
border-bottom: none;
}
#profile-account2  .profile-usermenu ul li a {
font-size: 16px;
font-weight: 400;
}
#profile-account2  .profile-usermenu ul li a {
font-size: 14px;
padding: 16px 15px;
}
.profile-usermenu ul li.active a { background-color: #f6f9fb;
border-left: 2px solid #5b9bd1;
margin-left: -2px;
}
#profile-account2  .profile-stat {
padding-bottom: 20px;
border-bottom: 1px solid #f0f4f7;
}
#profile-account2  .profile-stat-title {
color: #7f90a4;
font-size: 25px;
text-align: center;
}
#profile-account2 .tabbable-line{
border-bottom: 1px solid #ececec;
margin-bottom: 30px;
padding: 0 10px;
}
#profile-account2 .profile-stat-text {
color: #5b9bd1;
font-size: 11px;
font-weight: 800;
text-align: center;
}
#profile-account2 .btn-circle{
border-top-right-radius:30px ;
border-top-left-radius:30px ;
outline: 0;
border-bottom-right-radius:30px ;
border-bottom-left-radius:30px ;
}
#profile-account2 .profile-desc-title {
color: #7f90a4;
font-size: 17px;
font-weight: 600;
}
#profile-account2 .profile-desc-text {
color: #7e8c9e;
font-size: 14px;
}
#profile-account2 .caption-subject{
font-weight: 500;
font-size: 16px !important;
line-height: 3.0rem;  }
#profile-account2 .profile-desc-link i {
width: 22px;
font-size: 19px;
color: #abb6c4;
margin-right: 5px;
}
#profile-account2 .portlet{  }
#profile-account2 .portlet0{ box-shadow: 0 0 15px 0 rgba(0,0,0,.08);
}
#profile-account2 .profile-desc-link a {
font-size: 14px;
font-weight: 600;
color: #5b9bd1;
}
#profile-account2 .margin-top-20{
margin-top: 20px
}
#profile-account2 .nav-tabs {
border-bottom: 1px solid #ddd;
}
#profile-account2 .nav-tabs {
background: none;
margin: 0;
float: right;
border: 0;
}
#profile-account2 .around-separetor{
background-color: #eff3f8 !important;
}
#profile-account2 ul.iv-pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
list-style: none;
}
#profile-account2 .list-pagi{
border: 1px solid #59ABE3;
float: left;
margin-left: .5em;
padding: 0;
list-style: none;
}
#profile-account2 .list-pagi a{
color: #59ABE3;
padding: 1px 10px;
}
#profile-account2 .list-pagi:hover{
border: 1px solid #555;
}
#profile-account2 .list-pagi:hover a{
color: #555;
text-decoration: none;
}
#profile-account2 .active-li{
border: 1px solid #59ABE3;
background:#59ABE3
}
#profile-account2 .active-li a{
color: #fff;
} @media (max-width: 767px) {
#profile-account2 .profile-sidebar {
float: none;
width: 100%;
margin-right: 20px; }
#profile-account2  .profile-sidebar > .portlet {
margin-bottom: 10px;
}
#profile-account2  .profile-content {
overflow: visible;
}
}
#profile-account2 .tab-content{
margin-top:50px;
}
.rounded-logo {
border-radius: 8px;
border: 1px solid var(--max-border-color);
}
@media (min-width: 768px) and (max-width: 1024px) { }
@media (min-width: 220px) and (max-width: 480px) { .img-listing{
display: none;
visibility: hidden;
}
.dataTables_filter{
display: none;
visibility: hidden;
}
.dataTables_length{
display: none;
visibility: hidden;
}
}
@media screen and (max-width: 768px) {
.bootstrap-wrapper .nav-tabs {
width: 100%;
padding-left: 100px;
padding-right: 100px;
text-align: center;
}
.bootstrap-wrapper .nav-tabs .nav-item>.nav-link {
margin-bottom: 5px;
}
.tab-content{
margin-top:80px;
}
} body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: 1320px !important;
}
.bootstrap-wrapper .sidebar-myaccount{
border: none !important;
padding: 30px;
}
.sidebar-myaccount .profile-usermenu ul li.active a,.sidebar-myaccount .profile-usermenu ul li a:hover{
color: #ffffff;
}
.sidebar-myaccount .profile-usermenu ul li a:hover,.sidebar-myaccount .profile-usermenu ul li.active a{
background-color: var(--prime-color);
}
.sidebar-myaccount .profile-usermenu ul li a{
transition: .3s;
}
.bootstrap-wrapper .sidebar-myaccount .sidebar-info a {
font-size: 16px;
}
.autocomplete-item {
cursor: pointer;
padding: 8px;
border-bottom: 1px solid #ddd;
}
.autocomplete-item:last-child {
border-bottom: none;
}
#profile-account2 .green-haze {
color: #ffffff;
background: var(--prime-color);
border-radius: 16px;
padding: 14px 25px;
font-size: 18px;
}
.listfoliopro-my-account-logo,.my-account-banner-img{
height: 150px;
border-radius: 5px;
overflow: hidden;
margin-bottom: 15px;
}
.listfoliopro-my-account-logo {
width: 150px;
}
.my-account-banner-img{
width: 300px;
}
.listfoliopro-my-account-logo img,.my-account-banner-img img{
object-fit: cover;
width: 100%;
height: 100% !important;
}
.bootstrap-wrapper button.btn.btn-small-ar {
color: #ffffff;
background-color: var(--prime-color);
border-radius: 10px;
padding: 10px 15px;
font-size: 16px;
}
#profile-account2 .listing-overview .form-control{
height: auto;
padding: 15px;
}
#profile-account2 .listing-overview textarea{
border-color: #e5e5e5 !important;
padding: 15px;
width: 100%;
}
select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='15px'%3E%3Ctext x='0' y='10' fill='gray'%3E%E2%96%BE%3C/text%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
background-clip: border-box;
-moz-background-clip: border-box;
-webkit-background-clip: border-box;
}
#profile-account2 select {
background-position-y: 20px !important;
}
#profile-account2 select[name="listing-manage_length"],
#profile-account2 select[name="all-bookmark_length"]{
background-position-y: 15px !important;
width: 150px !important;
margin-left: 5px;
}
#listing-manage_filter input,
#all-bookmark_filter input{
width: 100% !important;
border: 1px solid #d1d1d1;
padding: 15px !important;
outline: none;
height: 40px;
}
.table.tbl-listing.dataTable {
margin-top: 20px;
border-top: none !important;
}
.bootstrap-wrapper .table th, .bootstrap-wrapper .table td {
padding: 15px 0;
border-top: 1px solid #dee2e6 !important;
border-bottom: none !important;
background: transparent;
}
.bootstrap-wrapper thead {
margin-top: 20px;
display: block;
}
.bootstrap-wrapper .table tr {
width: 100% !important;
display: table;
}
.bootstrap-wrapper .listing-func_manage_listing .btn.btn-small-ar{
background-color: var(--prime-color);
color : #ffffff;
}
div.dataTables_wrapper .dataTables_paginate .paginate_button.current,
div.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
background: var(--prime-color);
border-color: var(--prime-color);
border-radius: 5px;
color: #ffffff !important;
}
table.tbl-epmplyer-bookmark{
border-top: none !important;
}
.metabox-img-gallery-item {
background: #dddddd;
height: 120px;
position: relative;
margin-bottom: 20px;
}
.metabox-img-gallery-item img {
object-fit: cover;
height: 100%;
width: 100%;
}
.bootstrap-wrapper .metabox-img-gallery-item .btn {
position: absolute;
top: 0;
right: 0;
border: none;
border-radius: 0 !important;
padding: 5px 10px !important;
}
.my-account-img-up-button {
margin-top: 10px;
}