@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
ul.tabs{
	display: flex;
    align-items: center;
	height: 55px;
	font-family: 'Poppins', sans-serif;
	background-color: #6c79e025 !important;
}
ul.tabs li{
	border:none;
    background: transparent !important;
	margin: 0;
	position: relative;
	border-radius: 0 !important;
	 overflow:inherit; 
	 height: 55px;
	line-height: 55px;
	transition: .3s all;
}

ul.tabs li a{
	display: inline-block;
	border:none;
	color: #666;
	transition: .3s all;
	text-align: center;
	height:55px;
	line-height: 55px;
	font-size: 14px;
 	padding: 1px 28px 1px 40px; 
}
ul.tabs li:nth-child(1):before ,ul.tabs li:nth-child(2):before ,ul.tabs li:nth-child(3):before ,ul.tabs li:nth-child(4):before , ul.tabs li:nth-child(5):before,ul.tabs li:nth-child(6):before {
	font-size: 24px;
    position: absolute;
	left: 10px;
	color: #6C7AE0 ;
}
ul.tabs li:nth-child(2):before {
	content: "✎";
}
 ul.tabs li:nth-child(1)::before{
	content: "✔";
}
ul.tabs li:nth-child(3)::before{
	content: "✉";
} 
ul.tabs li:nth-child(4)::before{
	font-size: 23px;
	content: "✘";
} 
ul.tabs li:nth-child(5)::before{
	content: "☰";
} 
ul.tabs li:nth-child(6)::before{
	content: "✇";
} 
html ul.tabs li.active{
    border-top: 3px solid #6C7AE0;
    height: 57px;
}
html ul.tabs li:nth-of-type(1).active{
	border-left: 1px solid #ddd;
}
ul.tabs li.active  a {
	color: #6C7AE0 ;
	background: #fff !important;
}
html ul.tabs li a:focus{
	box-shadow: none !important;
}
 html ul.tabs li.active a:hover{
	border-bottom: none !important;
 }
.tabContainer{
	border: 1px solid #ddd;
	border-top: none !important;
}

/* btn */
.btn-custom{
  padding: 1px 10px  !important;
  border-radius: 2px !important;
  border: none !important;
  color: #fff !important;
  transition: .3s all;
  font-family: 'Poppins', sans-serif;
}
.btn-add{
  background-color: #00C851 !important;
  box-shadow: #00c8507e 0px 10px 15px -10px ; 
}
.btn-search{
  background-color: #4285F4 !important;
  box-shadow: #4286f48a 0px 10px 15px -10px ; 
}
.btn-showAll{
  background-color: #212121 !important;
  box-shadow: #21212193 0px 10px 15px -10px ; 
}
.btn-delete{
  background-color: #FF3547 !important;
  box-shadow: #ff35469f 0px 10px 15px -10px ; 
}
.btn-custom:hover {
	transform: translateY(-2px);
}
.link_buttons a{
	margin:  0 2px auto !important;
}
.btn-right{
display: flex ;
align-items: flex-start;
justify-content: flex-end;
}

.dashicons-admin-media{
	line-height: 2 !important;
}

/**** table ****/
table.widefat {
    border: 1px solid #eee !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
	border-radius: 5px !important;
}
 .widefat tfoot tr td, .widefat tfoot tr th, .widefat thead tr td, .widefat thead tr th {
    background-color: #6C7AE0 !important;
	color: #fff !important;
	font-family: 'Poppins', sans-serif;
	padding: 12px !important;
}
.widefat td, .widefat th {
    padding: 12px ;
	transition: .3s all;
}
.widefat tr:hover{
	background-color: #6c79e025 !important;
}
.widefat tr{
	background-color: #fff !important;
	border-bottom: 1px solid #eee;
}
.cform tbody tr:nth-child(odd){
	background-color: transparent !important;
}
.pagination a{
	background: #212121;
	color: #fff;
	padding: 3px 20px;
	box-shadow: #21212193 0px 10px 20px -10px ; 
	transition: .3s all;
	border-radius: 3px !important;
}
.pagination a:hover{
	background-color: #111111 !important;
	box-shadow: #21212193 0px 10px 20px -5px ; 
	transform: translateY(-2px);
}
.Page_background_1 , .widefat td, .widefat th  , .modal-title , #myform .cform select , .cform tbody td.label , h3 , td{
	font-family: 'Poppins', sans-serif;
}
.wp-core-ui select{
	border-radius: 5px !important;
	border-color: #c4ccd3 !important;
}

/* modal */
.close{
	color:#212121 ;
	font-size: 26px;
	font-weight: bold;
	padding: 3px 12px;
	border: none;
	outline: none;
    transition: .3s all;
    background: none !important;
}
.modal-title{
    font-size: 22px !important;
}
.cform td{
	padding: 5px 7px !important;
	font-size: 12px;
}
.modal-body .cform td{
	font-size: 14px;
	width: 70%;
}
#redirect_from, #redirect_to{
	width: 90% !important;
	margin-top: 10px !important;
	outline:  none !important;
	border-color: #c4ccd3 !important;
}
#myform .cform select{
	width: 40%;
	border-radius: 3px !important;
	border-color: #c4ccd3 !important;
}
.link_buttons a{
	background: #4285F4 ;
	font-size: 14px;
}
input[type=text]{
	border-color: #c4ccd3 !important;
}

/* sweetalert */
 .placeholder{
	background: transparent !important;
	border-color: #00C851;
}