/* Reset Css */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
}

/* iPhone Portrait */
@media only screen and (max-width: 480px) and (orientation: portrait) {
}

/* iPhone Landscape */
@media only screen and (max-width: 480px) and (orientation: landscape) {
}

/* iPhone 5 Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
}
/* new code css added  for gallery  */
:root {
  --primary_color:#2B932B;
  --secondary_color: #15DAFF33;
  --dark_color:#15DAFF33;
  --xxl_font: 2.5rem;  /*40px*/
  --xl_font: 2.18rem;     /*35px*/
  --l_font: 1.87rem;      /*30px*/
  --m_font: 1.37rem;     /*22px*/
  --r_font: 1rem;        /*16px*/
  --mr_font: 1.125rem;        /*18px*/
  --s_font: 0.87rem;     /*14px*/
  --heading_font_style: 'Caros Soft', sans-serif;
  --regular_font_style: 'Outfit', sans-serif;
}
/* new code css added  for gallery  */
.notification.success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: 9px;
    font-weight: 700;
}

.select2-search__field{float:none!important;}

.blogarticles {
  background-color: #ddd;
  margin-left: 40px;
  margin-top: 10px;
  width: 100px;
  padding: 10px;
}
.blogarticles a {
  color: #000;
}
/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation: portrait) {
  .header .progress-msg {
    float: right;
    margin: 7px auto 12px;
    text-align: center;
    width: 100% !important;
  }
  .body-wraper .container {
    width: 70% !important;
  }
  .content-panel .col-left {
    width: 100% !important;
  }
  .col-small {
    width: 100% !important;
  }
  .content-panel .col-right {
    width: 100% !important;
  }
  .content-panel .col-right .col-small {
    width: 100% !important;
  }
  .cash {
    width: 100% !important;
  }
  .cash p {
    width: 70% !important;
  }
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (min-device-width: 1024px) and (orientation: landscape) {
  .header .progress-msg {
    float: right;
    margin: 9px auto 12px;
    text-align: center;
    width: 100% !important;
  }
  .body-wraper .container {
    width: 78% !important;
  }
  .shortcuts li {
    padding: 20px 13px;
  }

  .content-panel .col-left {
    width: 100% !important;
  }
  .col-small {
    width: 310px !important;
  }
  .home-heading {
    background-posotion: 100% center;
  }
  .col-right .col-small {
    display: inline;
    float: left;
    margin: 0 15px;
    width: 45% !important;
  }
}

html,
body,
div,
span,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
img,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
details,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0px;
  padding: 0px;
  font-weight: 400;
  font-size: 13px;
}

body {
  font-size: 14px;
  font-family: "Open Sans", sans-serif, Arial;
}
.float-l {
  float: left;
}
.float-r {
  float: right;
  width: 87%;
}
.clear-b {
  clear: both;
}
a,
input {
  outline: none;
}
img {
  border: none;
}
ul li {
  list-style-type: none;
}
h2 {
  font-size: 30px;
}
h5 {
  font-size: 12px;
}
.italic {
  font-style: italic;
}

a {
  color: #00abeb;
  text-decoration: none;
}

p {
  color: #6a747d;
}

.cf:before,
.cf:after,
.home-body:before,
.home-body:after,
.container:before,
.container:after {
  content: "";
  display: table;
}
.cf:after,
.home-body:after,
.container:after {
  clear: both;
}
.cf,
.home-body,
.container {
  zoom: 1;
}

.body-bg {
/*  background: url(../images/bg-body.jpg) repeat;*/
background: #f6f6f6;
}

/*		---  Header  ---		*/

header {
  /*background: url(../images/bg-header.png) repeat-x #cecece;*/
  /*height:64px;*/
  background-color: #fff;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
  overflow: auto;
}
.header {
  padding: 0 40px;
}
.header .logo {
  display: block;
  margin-top: 0;
}
a.clear-all {
    font-size: 15px;
    font-weight: 600;
    margin-top: 5%;
}
.header .logo a {
  background: url(../images/logo.png) center center no-repeat;
  width: 220px;
  height: 76px;
  display: block;
  text-indent: -9999px;
  margin: 0px 0 0;
  float: left;
}
.header .menu {
  float: right;
  margin: 15px 0 15px;
}

.header .menu li {
  display: inline-table;
  margin-left: 3px;
}
.header .menu li input,.header .menu li a,.header .menu li{padding: 0;font-size: 16px;color: #404850;}
.header .menu li i{margin-left: 5px;font-size: 16px;}


.header .menu .username {
  background: url(../images/icon-admin.png) 10px center no-repeat,
   url(/../../../themes/images/select_icon.svg) 93% center no-repeat;
  padding-left: 45px;
  padding-right: 40px;
}
.header .menu .message {
  background: url(../images/icon-message.png) center center no-repeat;
  text-indent: -9999px;
}
.header .menu .comment {
  background: url(../images/icon-comment.png) center center no-repeat;
  text-indent: -9999px;
}
.header .menu .info {
  background: url(../images/icon-info.png) center center no-repeat;
  text-indent: -9999px;
}
.header .menu .logout {
  background: url(../images/icon-logout.png) 10px center no-repeat,
    url(/../../../themes/images/select_icon.svg) 93% center no-repeat;
  padding-left: 45px;
  padding-right: 40px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #877e7e !important;
  line-height: 30px !important;
}
.select2-container--default .select2-selection--single {
  border: thin solid #dcdcdc !important;
  box-shadow: 0 1px 2px #e8e8e8 inset;
  border-radius: 10px !important;
}
.select2-container .select2-selection--single {
    height: 50px !important;
}
.select2-container--default .select2-selection--single{
  display: flex !important;
  align-items: center;position: relative;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  bottom: 0;margin: auto;
}
/*		--- Sub Menu ---	*/
.header .menu .sub-menu {
  background: #3e464f;
  box-shadow: 0 0 5px #000000;
  display: none;
  opacity: 0;
  position: absolute;
  width: 200px;
  z-index: 999;
  border-radius: 0 5px 5px 5px;
  overflow: hidden;
  margin-left: -60px;
}
.header .menu li:hover ul.sub-menu {
  display: block;
  background: #414952;
  opacity: 1;
  transition: opacity 0.25s linear, display 0.1s linear 0.5s;
}
.header .menu li ul li {
  display: list-item;
  background: none;
  border: none;
  border-bottom: thin solid #4d535c;
  padding: 0;
  border-radius: none;
  margin-left: 0;
}
.header .menu li ul li a {
  color: #ffffff;
  display: block;
  font-weight: 400;
  padding: 10px 15px 10px;
}

.header .menu li ul li a:hover {
  color: #ffffff;
  background: #1d242b;
  transition: background 1s;
}

/*		--- Progress Bar Message ---	*/
.header .progress-msg {
  float: right;
  margin: 22px 50px 12px;
}
.header .progress-msg h5 {
  color: #cbd0d5;
  font-weight: 600;
  font-size: 14px;
  text-shadow: 0 0 3px #000000;
  background: url(../images/icon-progress.gif) left center no-repeat transparent;
  padding-left: 25px;
  display: inline;
}

/*		---  Body  ---		*/
.body-wraper {
  margin: 0;
  min-height: 500px;
  padding: 0px 0px;
}
.body-wraper .nav {
  width: 20%;
  float: left;
  margin-top:0px;
  background: #fff;
  position: fixed;top: 105px;left: 0;height: 100%;padding-top: 15px;overflow-y: auto;
  height: calc(100% - 105px);

}

/*.body-wraper .nav::-webkit-scrollbar-thumb
{
    background-color: #D5D5D5;
    border: 0px solid #555555;
    border-radius: 30px;
}
.body-wraper .nav::-webkit-scrollbar-track
{
    -webkit-box-shadow: unset;
    background-color: #FBFDFB;
}

.body-wraper .nav::-webkit-scrollbar
{
    width: 4px;
    background-color: transparent;
}
*/


.body-wraper .nav::-webkit-scrollbar {width:5px;height:8px;}

/* Track */
.body-wraper .nav::-webkit-scrollbar-track {border-radius:0px;box-shadow: unset; }
 
/* Handle */
.body-wraper .nav::-webkit-scrollbar-thumb {background: #2b932b;border-radius:0px;}

/* Handle on hover */
.body-wraper .nav::-webkit-scrollbar-thumb:hover {background: #2b932b;}

.body-wraper .container {
  background: transparent;
  float: left;
  min-height: 500px;
  width: 82%;
}
.body-wraper .container .content-wraper {
    padding: 0px 25px 20px;
    min-height: 500px;
/*    background: #fff;*/
/*    margin-top: 20px;*/
}

.content-wraper h2 {
  color: #404850;
  font-size: 25px;
  line-height: 35px;
  text-transform: capitalize;
  padding: 10px 0;
}
.content-wraper h3 {
  color: #404850;
  font-size: 20px;
  line-height: 23px;
  padding: 5px 0;
  text-transform: capitalize;
}
.blogarticlesquick {
  width: 200px !important;
}
.custom-button {
  margin-left: 3px !important;
}
.blog-col-left {
  width: 70%;
  margin: 2px 20px 2px 0px;
  float: left;
}
.blog-col-right {
  width: 26%;
  margin: 2px;
  float: left;
  border: thin solid #d8dbdc;
  display: block;
  padding-bottom: 20px;
}
.blogger-content .action-row {
  padding: 10px 0px;
  border-bottom: thin dashed #eeeeee;
}
.content-panel .blog-col-right .col-content {
  padding: 5px 10px 0px;
}
.content-panel .blog-col-right .heading {
  background: #f4f4f4;
  font-size: 18px;
  font-weight: 500;
  color: #6a747d;
  margin-bottom: 20px;
  padding: 10px 15px;
  margin-top: 0px;
}
.blog-col-right .blog-status {
  float: left;
  width: 100%;
}
.blog-col-right .blog-status select {
  width: 100%;
}
.blog-col-right .saverow {
  text-align: center;
}
.blog-col-left ul.tabs li a {
  padding: 12px 15px;
}
/*		---  Navigation  ---		*/
.body-wraper .nav ul {
  background: none;
  margin: 0px;
  padding:0 20px;
}
.body-wraper .nav ul li {
/*  background: url("../images/bg-nav.png") no-repeat scroll 5px top;*/
/*  border-radius: 7px 0 0 7px;*/
  margin: 0;
  padding: 0;
  list-style: none;
}
.body-wraper .nav ul li a {
/*  border-radius: 7px 0 0 7px;*/
  color: #6f7b86;
  display: list-item;
  font-size: 16px;
  font-weight: 400;
  padding: 14px 5px 13px 50px;
}
.body-wraper .nav ul li a.dashboard {
  background: url(../images/icon-dashboard.png) 10px center no-repeat
    transparent;
}
.body-wraper .nav ul li a.careers {
  background: url(../images/icon-career.png) 10px center no-repeat transparent;
}

.body-wraper .nav ul li a.packages {
  background: url(../images/icons-package.png) 10px center no-repeat transparent;
}
.body-wraper .nav ul li a.modules {
  background: url(../images/icon-modules.png) 10px center no-repeat transparent;
}
.body-wraper .nav ul li a.cms {
  background: url(../images/icon-cms.png) 10px center no-repeat transparent;
}
.body-wraper .nav ul li a.news-blog {
  background: url(../images/news.png) 10px center no-repeat transparent;
}
.body-wraper .nav ul li a.joint-venture {
  background: url(../images/venture.png) 10px center no-repeat transparent;
}
.body-wraper .nav ul li a.bussiness-oppertunity {
  background: url(../images/bussiness-oppertunity.png) 10px center no-repeat
    transparent;
}
.body-wraper .nav ul li a.visa {
  background: url(../images/visa.png) 10px center no-repeat transparent;
}
.body-wraper .nav ul li a.our-services {
  background: url(../images/our_services.png) 10px center no-repeat transparent;
}
.body-wraper .nav ul li a.jobs {
  background: url(../images/jobs.png) 10px center no-repeat transparent;
}
.body-wraper .nav ul li a.subscriber {
  background: url(../images/subscriber.png) 10px center no-repeat transparent;
}
.body-wraper .nav ul li a.countries {
  background: url(../images/countries.png) 10px center no-repeat transparent;
}
.body-wraper .nav ul li a.admins {
  background: url(../images/admin.png) 10px center no-repeat transparent;
}

.body-wraper .nav ul li a.users {
  background: url(../images/icon-profile.png) 10px center no-repeat transparent;
}
.body-wraper .nav ul li a.enquiries {
  background: url(../images/enquiries.png) 10px center no-repeat transparent;
}
.body-wraper .nav ul li a.setting {
  background: url(../images/icon-setting.png) 10px center no-repeat transparent;
}
.body-wraper .nav ul li a.seo-setting {
  background: url(../images/seo-setting.png) 10px center no-repeat transparent;
}

.body-wraper .nav ul li a.blog {
  background: url(../images/icon-community.png) 10px center no-repeat
    transparent;
}
.body-wraper .nav ul li a.dashboard:hover,
.body-wraper .nav ul li.current .dashboard {
  background: url(../images/icon-dashboard-hover.png) 10px center no-repeat
    #2b932b;
  color: #ffffff;
}
.body-wraper .nav ul li{padding-bottom: 5px;}
.body-wraper .nav ul li a:hover,.body-wraper .nav ul li.current a{background-color: #2b932b;color: #fff;border-radius: 7px !important;text-decoration: none;}
.body-wraper .nav ul li a.cms:hover,
.body-wraper .nav ul li.current .cms {
  background: url(../images/icon-cms-hover.png) 10px center no-repeat #2b932b;
  color: #ffffff;
}
.body-wraper .nav ul li a.booking:hover,
.body-wraper .nav ul li.current .booking {
  background: url(../images/orders-hover.png) 10px center no-repeat #2b932b;
  color: #ffffff;
}

.body-wraper .nav ul li a.listings:hover,
.body-wraper .nav ul li.current .listings {
  background: url(../images/icon-news-hover.png) 10px center no-repeat #2b932b;
  color: #ffffff;
}
.body-wraper .nav ul li a.locations:hover,
.body-wraper .nav ul li.current .locations {
  background: url(../images/icon-gallery-hover.png) 10px center no-repeat
    #6a747d;
  color: #ffffff;
}
.body-wraper .nav ul li a.users:hover,
.body-wraper .nav ul li.current .users {
  background: url(../images/icon-profile-hover.png) 10px center no-repeat
    #2b932b;
  color: #ffffff;
}
.body-wraper .nav ul li a.widget:hover,
.body-wraper .nav ul li.current .widget {
  background: url(../images/icon-widget-hover.png) 10px center no-repeat #2b932b;
  color: #ffffff;
}
.body-wraper .nav ul li a.setting:hover,
.body-wraper .nav ul li.current .setting {
  background: url(../images/icon-setting-hover.png) 10px center no-repeat
    #2b932b;
  color: #ffffff;
}
.body-wraper .nav ul li a.blog:hover,
.body-wraper .nav ul li.current .blog {
  background: url(../images/icon-community-hover.png) 10px center no-repeat
    #2b932b;
  color: #ffffff;
}
.body-wraper .nav ul li a.members:hover,
.body-wraper .nav ul li.current .members {
  background: url(../images/icon-voucher-hover.png) 10px center no-repeat
    #2b932b;
  color: #ffffff;
}
.body-wraper .nav ul li a:hover {
  transition: background 1s;
}

/*		--- Sub Navigation ---	*/
.body-wraper .nav .sub-nav {
  background: url("../images/bg-sub-nav.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: none;
  margin-left: 25px;
  position: relative;
  background-image: unset;
}
.body-wraper .nav li:hover ul.sub-nav {
  /*display:block;*/
  opacity: 1;
  transition: opacity 1s linear, display 0.1s linear 0.5s;
}
.body-wraper .nav li ul li {
/*  background: url("../images/bg-sub-nav.png") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
  border: medium none;
  border-radius: 0;
  display: list-item;
  margin-left: 0;
  padding: 0;
}
.body-wraper .nav li ul li a {
  background: url(../images/bullet-nav.png) 10px center no-repeat #fff;
  border-bottom: thin solid #ffffff;
  border-radius: 0;
  color: #404850;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 7px 10px 7px 25px;
}

.body-wraper .nav li ul li:hover {
  background: url("../images/bg-sub-nav-hover.png") repeat scroll 0 0
    rgba(0, 0, 0, 0);
}
.body-wraper .nav li ul li:hover a {
  color: #ffffff;
  transition: background 1s, color 1s;
  list-style-type: none;
}

.body-wraper .nav ul li.current .sub-nav {
  display: block;
}

/*		---  Breadcrumb  ---		*/
.breadcrumb {
  margin-top: 10px;
  margin-left: 10px;
}

.breadcrumb ul li {
  display: inline;
}
.breadcrumb ul li a {
  background: url("../images/arrow-breadcrumb.png") no-repeat scroll right 9px
    rgba(0, 0, 0, 0);
  color: #6a747d;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 20px 0 10px;
  text-decoration: none;
  text-transform: capitalize;
}
.breadcrumb ul li:first-child a {
  padding-left: 0;
}

.breadcrumb ul li:last-child a {
  background: none;
}

.breadcrumb ul li a:hover {
  color: #00acec;
  transition: color 1s;
}
.breadcrumb ul li:last-child a:hover,
.breadcrumb ul li .active {
  color: #7a7acb1;
  transition: color 1s;
}

.help {
  background: url("../images/icon-help.png") no-repeat scroll 0 center;
  padding: 3px 5px 3px 30px;
  color: #666c75;
}

/*		---  Quick Link  ---		*/
.quick-link {
  background: #f1f3f2;
  color: #666c75;
  border-radius: 7px;
  padding: 9px 15px 6px;
  min-height: 30px;
  overflow: auto;
}
.quick-link .help {
  float: left;
  padding: 6px 5px 6px 35px;
  font-size: 13px;
}
.quick-link h5 {
  background: url("../images/arrow-up.png") no-repeat scroll 15px center,
    url("../images/bg-button.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  border: thin solid #d8dad9;
  border-radius: 4px;
  bottom: 2px;
  box-shadow: 0 1px 0 #b9b9b9;
  float: right;
  font-size: 14px;
  font-weight: 600;
  padding: 7px 15px 5px 40px;
  position: relative;
  cursor: pointer;
}
.quick-link h5.off {
  background: url("../images/arrow-down.png") no-repeat scroll 15px center,
    url("../images/bg-button.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}

.quick-link .link-desc {
  clear: both;
  margin-top: 20px;
  width: 100%;
  display: none;
  float: left;
}

/*		---  Quick Link  ---		*/
.shortcuts {
  color: #666c75;
  padding: 5px 0 10px;
  min-height: 30px;
  overflow: auto;
  clear: both;
}
.shortcuts .help {
  float: left;
  padding: 6px 5px 6px 35px;
}
.shortcuts h5 {
  background: url("../images/arrow-up-white.png") no-repeat scroll 15px center
    #00abeb;
  bottom: 2px;
  float: right;
  font-size: 14px;
  font-weight: 600;
  padding: 7px 15px 5px 40px;
  position: relative;
  cursor: pointer;
  color: #ffffff;
}
.shortcuts .link-wraper .off {
  background: url("../images/arrow-down-white.png") no-repeat scroll 15px center
    #00abeb;
}

.shortcuts .shortcuts-desc {
  clear: both;
  margin-top: 20px;
  width: 100%;
  display: block;
  float: left;
}
.shortcuts .link-wraper {
  padding: 0;
  border-top: thin solid #e8eaec;
  clear: both;
}
.shortcuts .link-wraper {
  padding: 0;
  border-top: thin solid #e8eaec;
  clear: both;
}

.shortcuts li {
  display: inline-block;
  padding: 20px 15px;
}
.shortcuts a {
  color: #2f353b;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 0px 10px 15px;
  text-align: center;
  transition: color 1s ease 0s;
}
.shortcuts a:hover {
  color: #00abeb;
  transition: color 1s ease 0s, background 1s ease 0s;
}

.shortcuts li a span {
  display: block;
  color: #767d87;
  font-size: 12px;
  margin-top: 5px;
}
.shortcuts .cms {
  background: url("../images/shortcut-cms.png") top center no-repeat transparent;
}
.shortcuts .news {
  background: url("../images/shortcut-news.png") top center no-repeat
    transparent;
}
.shortcuts .gallery {
  background: url("../images/shortcut-gallery.png") top center no-repeat
    transparent;
}
.shortcuts .widget {
  background: url("../images/shortcut-widget.png") top center no-repeat
    transparent;
}
.shortcuts .profile {
  background: url("../images/shortcut-profile.png") top center no-repeat
    transparent;
}
.shortcuts .sales {
  background: url("../images/shortcut-sales.png") top center no-repeat
    transparent;
}
.shortcuts .settings {
  background: url("../images/shortcut-settings.png") top center no-repeat
    transparent;
}
.shortcuts .cms:hover {
  background: url("../images/shortcut-cms-hover.png") top center no-repeat
    transparent;
}
.shortcuts .news:hover {
  background: url("../images/shortcut-news-hover.png") top center no-repeat
    transparent;
}
.shortcuts .gallery:hover {
  background: url("../images/shortcut-gallery-hover.png") top center no-repeat
    transparent;
}
.shortcuts .widget:hover {
  background: url("../images/shortcut-widget-hover.png") top center no-repeat
    transparent;
}
.shortcuts .profile:hover {
  background: url("../images/shortcut-profile-hover.png") top center no-repeat
    transparent;
}
.shortcuts .sales:hover {
  background: url("../images/shortcut-sales-hover.png") top center no-repeat
    transparent;
}
.shortcuts .settings:hover {
  background: url("../images/shortcut-settings-hover.png") top center no-repeat
    transparent;
}

.dashboard-table {
  border: none !important;
  border-radius: 0px !important;
  min-height: 200px !important;
}

/*		---  Content Panel  ---		*/

.content-panel {
  clear: both;
  margin: 20px 0px;
  min-height: 300px;
}
.content-panel .col-left {
  /*border: thin solid #D8DBDC;*/
  float: left;
  width: 70% !important;
  overflow: hidden;
  margin-bottom: 50px;
}
.content-panel .col-right {
  /*border: thin solid #D8DBDC;
    float: right;
    width: 320px;
	width:300px;
	color:#6a747d;*/
  border: thin solid #d8dbdc;
  color: #6a747d;
  float: right;
  margin-top: 20px;
  width: 29%;
}
ul.tabs.tabs_custom li {
  width: 49%;
}
.tabs_custom li a {
  width: 100%;
}
.tab-content-zero {
  padding-top: 0px !important;
}
.content-panel .heading {
  background: #f4f4f4;
  font-size: 18px;
  font-weight: 500;
  color: #6a747d;
  margin-bottom: 20px;
  padding: 10px 15px;
}
.content-panel .col-right .action-row {
  border-bottom: thin dashed #eeeeee;
  clear: both;
  display: block;
  font-weight: 600;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 5px 0 15px;
}
.content-panel .col-right .action-row:last-child {
  border-bottom: none;
  margin-bottom: 25px;
}

.content-panel .col-right .button {
  margin-top: 20px;
  margin-right: 15px;
  padding: 10px 35px;
}

.content-panel .col-right .col-small {
  width: 95% !important;
}

.content-panel .col-content {
  padding: 5px 15px 0px;
}

/*		---  Tabs  ---		*/
.tab-panel {
  clear: both;
  margin-top: 20px;
}
ul.tabs {
  clear: both;
/*  background: #f4f4f4;*/
}
ul.tabs li {
  display: inline-table;
  background: #f0f5f6;
}
ul.tabs li a {
  padding: 5px 15px;
  border: thin solid #d8dbdc;
  color: #6a747d;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  border-bottom: 0;
  background: #ffffff;
  padding-top: 13px;
}
.select2-container--open .select2-dropdown{
      overflow-y: scroll;
    overflow-x: hidden;
}
ul.tabs li a span {
  display: inline-block;
  margin-left: 5px;
  text-transform: capitalize;
}
ul.tabs li a span,ul.tabs li a{color:#6a747d !important;font-size: 16px;}
ul.tabs li a:hover,ul.tabs li a{text-decoration: unset;}
ul.tabs .active {
/*  background: url("../images/bg-active-tab.png") repeat-x top #ffffff;*/
  box-shadow: 0 1px 0 0 #ffffff;
  /*background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: medium none;
    border-top: 4px solid #00ABEB;
	border-right:0;
	border-left:0;*/
  /*transform: scaleY(1.07);*/
  border-top: 3px solid #2b932b;
}
.tab-content {
  clear: both;
  margin: 0 0 20px;
  padding: 40px 0 30px;
  overflow: auto;
  border: 0;
}

.input-box {
  display: inline-block;
  margin: 15px 0;
}
.input-box .help {
  display: inline-flex;
  margin-left: 135px;
  margin-top: 7px;
}
.input-box img {
  border: thin solid #dcdcdc;
  width: 100px;
  height: auto;
  margin-right: 50px;
}
.blogger img {
  border: thin solid #dcdcdc;
  width: 100px;
  height: auto;
  margin-right: 0px;
}
label {
  float: left;
  width: 140px;
  font-size: 14px;
  color: #6a747d;
  font-weight: 600;
  text-align: right;
  padding: 7px 10px;
  margin-right: 10px;
}
.bxlabel {
  color: #6a747d;
  float: left;
  font-size: 14px;
  font-weight: 600;
  margin-right: 10px;
  padding: 0 10px;
  text-align: left;
  width: 106px;
  margin-top: 5px;
}
.blogger label {
  float: right;
  width: 100px;
  font-size: 14px;
  color: #6a747d;
  font-weight: 600;
  text-align: right;
  padding: 7px 10px;
  margin-right: 3px;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
  float: left;
  font-size: 14px;
  color: #6a747d;
  font-weight: 200;
  text-align: left;
  padding: 2px 5px;
  border: thin solid #dcdcdc;
  border-radius: 3px;
  box-shadow: 0 1px 2px #e8e8e8 inset;
  height: 30px;
}
input[type="radio"] {
  margin: 8px 5px 8px 5px;
  width: 15px;
}
input[type="checkbox"] {
  margin-right: 10px;
  margin-left: -10px !important;
  position: relative;
  top: 20px;
  visibility: hidden;
}
.chkvis {
  visibility: visible !important;
}
select {
  height: 35px;
  padding: 7px 6px 5px;
  -webkit-appearance: none; /*Removes default chrome and safari style*/
  -moz-appearance: none; /* Removes Default Firefox style*/
  background: url("../images/arrow-select.png") no-repeat scroll 101% -1px transparent;
  text-indent: 0.01px; /* Removes default arrow from firefox*/
  text-overflow: ""; /*Removes default arrow from firefox*/
}
select option {
  padding: 7px 6px 5px;
  border-bottom: thin solid #f4f5f5;
  cursor: pointer;
}
.select-large {
  color: #6a747d;
  font-weight: 200;
  text-align: left;
  width: 411px;
}
.select-medium {
  width: 160px;
}
.select-small {
  width: 60px;
}
.txt-large {
  width: 430px;
}
.txt-medium {
  width: 180px;
}
.txt-small {
  width: 80px;
}
.txtarea-large {
  width: 400px;
  height: 110px;
  max-height: 150px;
  max-width: 400px;
}
.txtarea-medium {
  width: 180px;
  height: 90px;
  max-height: 120px;
  max-width: 180px;
}
.txtarea-small {
  width: 80px;
  height: 70px;
  max-height: 100px;
  max-width: 80px;
}

.content-wraper .categories {
  height: 200px;
  overflow-y: scroll;
  width: 410px;
  border: thin solid #dcdcdc;
  border-radius: 3px;
  box-shadow: 0 1px 2px #e8e8e8 inset;
  float: left;
  color: #6a747d;
  font-size: 14px;
}
.content-wraper .categories .cat-row {
  clear: both;
  display: list-item;
  padding: 15px;
}
.content-wraper .categories .cat-row:nth-child(odd) {
  background: #f4f5f5;
}
.content-wraper .categories .cat-label {
  float: left;
}
.content-wraper:after{content: "";clear: both;display: block;}
/*		---  Footer  ---		*/
.footer {
  background: none repeat scroll 0 0 #e5eaeb;
  clear: both;
  color: #404850;
  margin-top: 0px;
  padding: 20px;
  text-align: center;
  font-size: 13px;
}

/*		---  Button/Link  ---		*/


.button {
  background-color: #2B932B;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 13.5px 20px;
    outline-offset: -4px;
    outline: 3px solid #2B932B;
    border-radius: 60px;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    position: relative;
    display: block;
    width: 100%;
    border: 0;
}

.button:hover {
  outline-color: rgba(255, 255, 255, 0);
    outline-offset: 7px;
    color: #fff;
    transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1);
}
#login .float-r {
    width: 90%;
    margin: auto;
    float: none;
  }
/*		---  Page Action for CMS Tables  ---		*/

.n-buttons {
  background-color: #2B932B;
    color: #fff;
    display: inline-block;
    padding: 12px 25px;
    outline-offset: -4px;
    outline: 3px solid #2B932B;
    border-radius: 60px !important;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    position: relative;   
      text-decoration: none;
  border:0 !important;
  font-weight: 500;

}
.n-buttons:hover {
      outline-color: rgba(255, 255, 255, 0);
    outline-offset: 7px;
    color: #fff;
    transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1);
    text-decoration: none;
}
.search-bar input:nth-child(1) {
  margin-left: 10px;
  /* margin-top: 65px; */
  position: relative;
}
.search-bar input:nth-child(2) {
  margin-left: 10px;
  margin-right: 10px;
  /* margin-top: 65px; */
  position: relative;
}
.select-largec {
  color: #6a747d;
  font-weight: 200;
  text-align: left;
  width: 200px;
  /* margin-top: 64px; */
  margin-left: 10px;
}
.candi {
  margin: 10px;
  margin-left: 0;
}
/* .search-bar input:nth-child(3) {
  top: 63px;
} */
.page-action {
  clear: both;
  margin: 40px 0 30px;
}
.page-action input,
.page-action select,
.page-action label {
  float: left;
  margin-right: 10px;
}
.page-action form {
  float: left;
}
.page-action .action-links {
  background: url("../images/bg-button.gif") repeat-x scroll 0 0
    rgba(0, 0, 0, 0);
  border: thin solid #d8dad9;
  border-radius: 4px;
  box-shadow: 0 1px 0 #b9b9b9;
  float: right;
  position: relative;
}
.page-action .action-links a {
  border-left: thin solid #bdc8ca;
  color: #444444;
  font-size: 12px;
  font-weight: 600;
  padding: 9px 35px 8px;
  float: left;
}
.page-action .action-links a:last-child {
  box-shadow: 0px 1px 2px #d0d2d1 inset;
  background: #eeeeee;
}
.page-action .action-links a:first-child {
  border-left: none;
}
.page-action .action-links a:hover {
  box-shadow: 0px 2px 2px #d0d2d1 inset;
  padding: 9px 35px 8px;
  color: #00acec;
  transition: color 1s;
}

/*		---  Table Record Display Links  ---		*/
.record-display {
  display: inline-block;
  float: right;
  margin: 10px 0;
  overflow: auto;
  clear: both;
}
.record-footer {
  float: left;
}
.record-display form {
  float: left;
}
.record-display .count {
  color: #6a747d;
  float: left;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  padding: 8px 10px;
  text-align: left;
}
.move-links {
  float: left;

  display: inline-block;
  width: 100%;
}

.move-next {
  background: url("../images/arrow-next.png") top left no-repeat transparent;
  width: 24px;
  height: 24px;
  text-indent: -999px;
  display: inline-block;
  margin-left: 10px;
  transition: background 1s ease 0s;
}
.move-back {
  background: url("../images/arrow-back.png") top left no-repeat transparent;
  width: 24px;
  height: 24px;
  text-indent: -999px;
  display: inline-block;
  margin-left: 10px;
  transition: background 1s ease 0s;
}
.move-next:hover {
  background: url("../images/arrow-next.png") bottom left no-repeat transparent;
  transition: background 1s ease 0s;
}
.move-back:hover {
  background: url("../images/arrow-back.png") bottom left no-repeat transparent;
  transition: background 1s ease 0s;
}

.button-new-page {
  background: url("../images/icon-add-new.png") 10px center no-repeat #00abeb;
  border-radius: 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px 10px 50px;
  text-align: left;
  border: none;
  transition: background 1s ease 0s;
  border-radius: 60px !important;
}
.export {
  border-radius: 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding-right: 20px;
  text-align: left;
  border: none;
  transition: background 1s ease 0s;
  float: left;
  position: relative;
  top: -10px;
}
.button-new-page:hover {
  background: url("../images/icon-add-new.png") 10px center no-repeat #333333;
  transition: background 1s ease 0s;
}

.heading-left {
  width: 50%;
  /* float: left; */
  /*margin:0 0 40px;*/
  margin: 0 0 0px;
  display: inline-block;
}
.button-right {
  float: right;
  margin: 20px 0 20px;
}

/*		---  Table  ---		*/

.table-panel {
  border: 0 solid #d8dbdc;
  border-radius: 5px;
  min-height: 300px;
}
.table-panel table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  overflow: hidden;
}
.table-panel table th {
/*  background: #fff;*/
  text-align: left;
  color: #6a747d;
  font-weight: 600;
  font-size: 14px;
  height: 40px;
  padding: 5px 10px;
}
.table-panel table th:first-child {
  border-radius: 5px 0 0 0;
}
.table-panel table th:last-child {
  border-radius: 0 5px 0 0;
}
.table-panel table tr:nth-child(odd) {
  background: #f4f5f5;
}
.table-panel table tr:first-child {
  background: none;
}
.table-panel table td {
  text-align: left;
  color: #6a747d;
  font-weight: 400;
  font-size: 13px;
  padding: 8px 6px;
  height:auto;
}
.table-panel table td a{
  color: #fff !important;
  text-align: center !important;
}
.table-panel table td a.button {
  color: #fff !important;
}
.tbody-chang td .image{
	margin-left: 10px;
	padding: 7px;
}
.tbody-chang td .image img{
	margin-bottom: 5px;
}
.table-panel table tr:hover {
  background: url("../images/bg-tr.png") top left repeat-y transparent;
  transition: background 1s ease 0s;
}

/*.table-panel table tr:first-child:hover {
  background: none;
}*/

.table-panel table .sorting {
  background: url("../images/icon-sorting.png") top left no-repeat transparent;
  width: 7px;
  height: 16px;
  text-indent: -999px;
  display: inline-block;
  margin-left: 20px;
  transition: background 1s ease 0s;
}
.table-panel table .sorting:hover,
.table-panel table .sort-active {
  background: url("../images/icon-sorting.png") bottom left no-repeat
    transparent;
  transition: background 1s ease 0s;
}

.table-panel table .sort-active:hover {
  background: url("../images/icon-sorting.png") top left no-repeat transparent;
  transition: background 1s ease 0s;
}

.table-panel table td a {
  text-align: left;
  color: #6a747d !important;
  font-weight: 400;
  font-size: 13px;
  transition: color 1s ease 0s;
}
.table-panel table td a:hover {
  color: #00abeb;
  transition: color 1s ease 0s;
}

.menu-hover {
  background: url("../images/arrow-menu.png") 15px top no-repeat transparent;
  margin-top: 5px;
  position: absolute;
  width: auto;
  display: none;
  transition: display 1s ease 0s;
}
.table-panel table td:hover .menu-hover {
  display: block;
  transition: display 1s ease 0s;
}
.menu-hover .menu-body {
  background: none repeat scroll 0 0 #616d7e;
  border-radius: 3px;
  border-top: 5px solid #00abeb;
  margin-top: 7px;
}
.menu-hover .menu-body li {
  display: inline-block;
  background: url("../images/seperator-menu.png") right center no-repeat
    transparent;
  padding: 6px 10px;
}
.menu-hover .menu-body li:last-child {
  background: none;
}
.menu-hover .menu-body li a {
  padding: 5px 10px 5px 35px;
  display: inline-block;
  color: #ffffff !important;
  font-weight: 600;
  transition: color 1s ease 0s;
}
.menu-hover .menu-body li a:hover {
  color: #00abeb;
  transition: color 1s ease 0s;
}
.menu-hover .menu-body a.quick-edit {
  background: url("../images/icon-quick-edit.png") left center no-repeat
    transparent;
}
.menu-hover .menu-body a.view {
  background: url("../images/icon-view.png") left center no-repeat transparent;
}
.menu-hover .menu-body a.edit {
  background: url("../images/icon-edit.png") left center no-repeat transparent;
}
.menu-hover .menu-body a.delete {
  background: url("../images/icon-delete.png") left center no-repeat transparent;
}

.form-quick-edit {
  display: none;
}

.home-action a {
  float: left;
  margin: 5px;
  text-indent: -999px;
  width: 20px;
  height: 15px;
}
.home-action .button-edit {
  background: url("../images/button-edit.png") top center no-repeat transparent;
  transition: background 1s ease 0s;
}
.home-action .button-delete {
  background: url("../images/button-delete.png") top center no-repeat
    transparent;
  transition: background 1s ease 0s;
}
.home-action .button-edit:hover,
.home-action .button-delete:hover {
  background-position: bottom center;
  transition: background 1s ease 0s;
}

.home-heading {
  font-size: 30px !important;
  line-height: 33px !important;
  background: url("../images/arrow-down.png") 98% center no-repeat transparent;
}
.home-heading off {
}
.home-content {
  display: block;
}

.button-blue {
  background: #00abeb;
  color: #ffffff;
  cursor: pointer;
  float: right;
  font-size: 14px;
  font-weight: 600;
  padding: 7px 35px 7px;
  text-align: center;
  transition: background 1s ease 0s;
  margin-top: 20px;
}
.button-blue:hover {
  background: #333333;
  transition: background 1s ease 0s;
}

.col-small {
  margin-top: 10px;
  width: 275px !important;
  display: inline-block;
}
.lastest-news {
  float: left;
  margin-right: 50px;
  margin-top: 40px;
}
.latest-order {
  float: left;
  margin-top: 40px;
}
.latest-order .price {
  clear: both;
  margin-top: 7px;
  color: #00abeb;
  font-weight: 600;
  font-size: 16px;
}

.col-small .home-content {
  border: thin solid #d8dbdc;
  clear: both;
  overflow: hidden;
  padding: 10px;
  /*width: 100%;*/
  margin-bottom: 40px;
}
.col-small .news-box {
  clear: both;
  display: flex;
  margin-bottom: 5px;
  padding: 10px 0px;
}
.col-small .news-box:nth-child(even) {
  background: #f4f5f5;
}
.col-small .news-box .img {
  float: left;
  width: 100px;
  display: table-cell;
  text-align: center;
  border: thin solid #e1e3e5;
}
.col-small .news-box img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.col-small .news-box .detail {
  border-left: thin dashed #e1e3e5;
  float: left;
  margin-left: 10px;
  padding-left: 10px;
  width: 170px;
}

.home-right {
  border: none !important;
}

.cash {
  clear: both;
  border-bottom: thin solid #d8dbdc;
  color: #404850;
  width: auto;
  display: inline-block !important;
  padding: 5px 0 8px;
  width: 100%;
}
.cash p {
  float: left;
  font-weight: 400;
  width: 70%;
  font-size: 14px;
  padding: 3px 5px;
}
.cash h5 {
  float: right;
  font-weight: 600;
  font-size: 14px;
  padding: 3px 5px;
}
input.logbtn {
  background-color: none;
  border: 0;
  background: 0;
  color: #fff;
  font-weight: 700;
  padding: 10px 20px 7px;
  cursor: pointer;
}
input.logbtns {
  background-color: none;
  border: 0;
  background: 0;
  color: #fff;
  padding: 10px 14px 7px;
  cursor: pointer;
}

/*		---  Login  ---		*/
.wraper-login {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -220px;
  width: 500px;
  min-height: 300px;
  border-radius: 10px;
  border: 0px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding-bottom: 20px;
  box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.1);
  padding: 50px;
  box-sizing: border-box;
}

.wraper-login .logo {
  display: block;
}
.wraper-login .logo a {
  background: url(../images/sc-logo.png) center center no-repeat;
  width: 226px;
  height: 66px;
  display: block;
  text-indent: -9999px;
  margin: 20px auto 30px;
}
.login-error p {
  padding-left: 65px;
  color: #ff080c;
}
.wraper-login input[type="text"],
.wraper-login input[type="email"],
.wraper-login input[type="password"] {
  background: none repeat scroll 0 0 #ffffff;
  border: thin solid #cccccc;
  border-radius: 5px;
  box-shadow: 0 1px 1px #d8d8d8 inset;
  color: #6a747d;
  display: list-item;
  font-size: 16px;
  font-weight: 200;
  height: 45px;
  margin: 10px auto 20px;
  padding: 5px 5px 0px 40px;
  width: 360px;
  float: none;
  box-sizing: border-box;
}
.wraper-login .user {
  background: url(../images/icon-user.png) 10px center no-repeat #ffffff !important;
}
.wraper-login .password {
  background: url(../images/icon-password.png) 10px center no-repeat #ffffff !important;
}
.wraper-login .btn-login {
  background-color: #2B932B;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 13.5px 20px;
    outline-offset: -4px;
    outline: 3px solid #2B932B;
    border-radius: 60px;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    position: relative;
    display: block;
}

.wraper-login #login .btn-login{
  float: none;
  margin-top: 15px;
}

.wraper-login .btn-login:hover {
  outline-color: rgba(255, 255, 255, 0);
    outline-offset: 7px;
    color: #fff;
    transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.members {
  display: block;
  float: right;
  margin: 0 auto;
  padding-left: 35px;
  padding-right: 65px;
}
.wraper-login .btn-forgot {
  border-radius: 0 3px 3px 0;
  margin-right: 56px;
  position: relative;
  right: 6px;
}
#login input[type="checkbox"] {
  margin-right: 5px;
  position: relative;
  top: 2px;
  visibility: visible;
}
.wraper-login .check-remember {
  margin-left: 65px;
  margin-top: 10px;
}
.wraper-login .check-remember .chk-label {
  color: #6a747d;
  float: left;
  font-size: 13px;
  font-weight: 600;
  margin-right: 15px;
  margin-top: 3px;
  padding: 0;
  text-align: left;
}

/*	--- Gallery ---		*/
.gallery-panel {
  clear: both;
  border: thin solid #d8dbdc;
  min-height: 500px;
  padding: 20px;
}
.gallery-panel .new-category {
  clear: both;
  margin: 20px 0;
}
.gallery-panel .new-category input[type="text"] {
  float: left;
}
.gallery-panel .new-category input[type="text"]:first-child {
  margin-right: 20px;
}
.gallery-panel .new-category .button {
  box-shadow: none;
  float: left;
  height: 36px;
  margin-right: 20px;
  position: relative;
  right: 3px;
}
.gallery-panel .new-category .button {
  box-shadow: none;
  float: left;
  height: 36px;
  margin-right: 20px;
  position: relative;
  right: 5px;
}

.gallery-panel .gallery-heading {
  background: url("../images/icon-minus.png") no-repeat scroll 98% center
    #f4f4f4;
  clear: both;
  color: #404850;
  display: inline-table;
  font-size: 20px;
  line-height: 23px;
  margin: 40px 0 20px;
  padding: 5px 10px 8px;
  text-transform: capitalize;
  width: 97%;
}
.gallery-panel .off {
  background: url("../images/icon-plus.png") no-repeat scroll 98% center #f4f4f4;
}
.gallery-panel .gallery-content {
  display: none;
}

.gallery-panel .gallery-content .img-wraper {
  float: left;
  margin: 10px 5px;
  height: 137px;
  overflow: hidden;
}
.gallery-panel .gallery-content .img {
  border: thin solid #d8dbdc;
  display: table-cell;
  height: 135px;
  text-align: center;
  width: 135px;
  float: none;
  vertical-align: middle;
}
.gallery-panel .gallery-content .img img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.gallery-panel .gallery-content .img-upload {
  background: #e6e6e6;
  transition: background 1s ease 0s;
  overflow: hidden;
}
.gallery-panel .gallery-content .img-upload:hover {
  background: #00abeb;
  transition: background 1s ease 0s;
}
.gallery-panel .gallery-content .img-upload:hover a {
  color: #ffffff;
}
.gallery-panel .gallery-content .img-upload a {
  color: #404850;
  display: inline-block;
  font-weight: 600;
  padding: 47px 20px;
  text-align: center;
  text-transform: capitalize;
  width: 90px;
}

.gallery-panel .gallery-content .img-action {
  background: rgba(0, 0, 0, 0.8);
  bottom: 136px;
  height: 135px;
  position: relative;
  text-align: center;
  visibility: hidden;
  z-index: 999;
  width: 136px;
  opacity: 0;
  transition: all 1s ease-out;
}
.gallery-panel .gallery-content .img-action a {
  color: #ffffff;
  display: inline-block;
  margin: 90px 5px 0;
  text-indent: -999px;
  width: 24px;
  height: 24px;
  transition: all 1s ease-out;
}
.gallery-panel .gallery-content .img-action a.delete {
  background: url("../images/img-delete.png") no-repeat top center transparent;
}
.gallery-panel .gallery-content .img-action a.view {
  background: url("../images/img-view.png") no-repeat top center transparent;
}
.gallery-panel .gallery-content .img-action a.delete:hover,
.gallery-panel .gallery-content .img-action a.view:hover {
  background-position: bottom center;
  transition: all 1s ease-out;
}
.gallery-panel .gallery-content .img-wraper:hover .img-action {
  visibility: visible;
  opacity: 1;
}

.gallery-panel .new-image {
  height: 100px;
  background: #f1f1f1;
  text-align: center;
  margin: 20px 0;
}
.gallery-panel .add-image {
  display: block;
}

/*		 --- Slider CheckBox ---	*/

.checkbox-slide {
  width: 50px;
  height: 25px;
  background: #d7f4ff;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;

  -webkit-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.5),
    0px 0px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.5),
    0px 0px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.5),
    0px 0px 0px rgba(255, 255, 255, 0.2);
}

.checkbox-slide:after {
  content: "";
  background: url("../images/check-off.png") no-repeat top center transparent;
  font: 12px/26px Arial, sans-serif;
  color: #000;
  position: absolute;
  right: 10px;
  top: 8px;
  height: 10px;
  width: 10px;
  z-index: 0;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}

.checkbox-slide:before {
  content: "";
  background: url("../images/check-on.png") no-repeat top center transparent;
  font: 12px/26px Arial, sans-serif;
  color: #00bf00;
  position: absolute;
  left: 10px;
  top: 8px;
  height: 10px;
  width: 10px;
  z-index: 0;
  font-weight: bold;
}

.checkbox-slide label {
  display: block;
  width: 5px;
  height: 25px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: url("../images/button-checkbox.png") no-repeat top center
    transparent;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.checkbox-slide input[type="checkbox"]:checked + label {
  left: 25px;
}

.label-check {
  color: #6a747d;
  float: left;
  font-weight: 600;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 3px;
}
.check-cms {
  float: left;
  margin-right: 30px;
  padding: 5px 0;
}

/* Checkbox Square */
.check-square {
  float: left;
  margin-right: 15px;
  position: relative;
  width: 20px;
}

.check-square label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  border-radius: 4px;
  padding: 0;

  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 2px rgba(0, 0, 0, 0.9);
  background: #fcfff4;

  /*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );*/
}

.check-square label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: "";
  position: absolute;
  width: 9px;
  height: 5px;
  background: transparent;
  top: 4px;
  left: 4px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.check-square label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.5;
}

.check-square input[type="checkbox"]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.box-radio {
  color: #6a747d;
  float: left;
  margin-right: 30px;
  padding-right: 10px;
}
.home-content .tab-content {
  padding: 0 0;
}
.update-count {
  color: #00abeb;
  font-size: 16px;
  font-weight: 600;
}
.search {
  float: left;
}
.search .btn-search {
  background: url("../images/button-search.png") no-repeat center center
    transparent;
  border: thin solid #bfbfbf;
  float: left;
  height: 36px;
  position: relative;
  right: 3px;
  text-indent: -999px;
  width: 37px;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  transition: all 1s ease-out;
}
.search .btn-search:hover {
  background: url("../images/button-search-hover.png") no-repeat center center
    transparent;
  transition: all 1s ease-out;
}
.search input[type="text"] {
  margin-right: 0px;
}

/*	--- Charts--- 	*/

.widget-data .btn-primary {
  float: right;
  margin: 0 20px 20px;
}

.widget-chart1 {
  text-align: center;
  padding: 20px 0;
  font-size: 22px;
  background: #f1f3f2;
}

.widget-chart1 .easyPieChart {
  margin: 0 auto;
  position: relative;
  margin-bottom: 10px;
  font-size: 30px;
}

.widget-chart1 canvas {
  position: absolute;
  left: 0;
}

.widget-chart2 {
  text-align: center;
  padding: 20px 0;
  font-size: 22px;
  background: #ffff;
}

.widget-chart2 .easyPieChart {
  margin: 0 auto;
  position: relative;
  margin-bottom: 10px;
  font-size: 30px;
}

.widget-chart2 canvas {
  position: absolute;
  left: 0;
}

.widget-chart3 {
  text-align: center;
  padding: 20px;
  font-size: 22px;
  background: #f1f3f2;
}

.bar-chart {
  margin-bottom: 10px;
}
.widget-data img {
  width: 100%;
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
  border: 0px solid rgba(0, 0, 0, 0);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
}

#facebox .content {
  display: table;
  width: 670px;
  padding: 15px 0;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#facebox .content > p:first-child {
  margin-top: 0;
}
#facebox .content > p:last-child {
  margin-bottom: 0;
}

#facebox .close {
  position: absolute;
  top: -15px;
  right: -15px;
  /*padding:2px;
  background:#fff;*/
}
#facebox .close img {
  opacity: 1;
}
#facebox .close:hover img {
  opacity: 0.3;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.facebox_hide {
  z-index: -100;
}

.facebox_overlayBG {
  /*background-color: #000;*/
  background: url(../images/bg-facebox.png) repeat;
  z-index: 99;
}

#facebox .content label {
  width: 130px;
}
#facebox .content hr {
  border: none;
  border-top: thin solid #dedede;
  margin: 15px 0;
}
#facebox .content h2 {
  color: #404850;
  font-size: 36px;
  line-height: 40px;
  padding: 10px 0;
  text-transform: capitalize;
  margin: 0 15px 25px;
}
#facebox .content h3 {
  color: #404850;
  font-size: 22px;
  line-height: 40px;
  padding: 10px 0;
  text-transform: capitalize;
  margin: 0 15px 25px;
}
#facebox .content .button {
  margin-left: 160px;
}
#facebox .content .button:last-child {
  margin-left: 10px;
}
#facebox .content .input-box {
  margin-left: 15px;
  margin-right: 15px;
}
#aTProgress {
  display: none;
}
.image-block {
  width: 500px;
  float: left;
}
.image-block .image-block-left {
  width: 200px;
  float: left;
}
.image-block .image-block-right {
  width: 350px;
  float: left;
}
.mid-input-txt {
  width: 60px !important;
}
.smallinputs {
  width: 40px !important;
}
.small-select {
  width: 150px !important;
}
.smallest-select {
  width: 110px !important;
}
.list {
  border-collapse: collapse;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: 20px;
  width: 100%;
  max-width: 100%;
}
.list .left {
  padding: 7px;
  text-align: left;
}
.list thead td a,
.list thead td {
  color: #222222;
  font-weight: bold;
  text-decoration: none;
}
.list thead td {
  background-color: #efefef;
  padding: 0 5px;
}
table th:first-child,
table td:first-child {
  padding-left: 20px;
      padding: 30px 30px;
}
.list td {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.semi-long-td {
  width: 220px;
}
.right-div {
  float: left;
  width: 120px;
  color: #6a747d;
  font-size: 14px;
  font-weight: 600;
  margin-right: 10px;
  padding: 7px 15px;
  text-align: center;
}
.right-label {
  width: 60px;
}
.text-center {
  text-align: center;
}
/*Full mouse over on the TR*/

.menu-trhover {
  background: url("../images/arrow-menu.png") 15px top no-repeat transparent;
  margin-top: 5px;
  position: absolute;
  width: 60%;
  min-height: 150px;
  display: none;
  transition: display 1s ease 0s;
  z-index: 999;
}
.table-panel table td:hover .menu-trhover {
  display: block;
  transition: display 1s ease 0s;
}
.menu-trhover .menu-body {
  background: none repeat scroll 0 0 #616d7e;
  border-radius: 3px;
  border-top: 5px solid #00abeb;
  margin-top: 7px;
}
.menu-trhover .menu-body .mover-details {
  padding: 15px 10px 10px 25px;
  color: #fff;
}
.menu-trhover .menu-body .mover-details dl {
  width: 100%;
  display: table;
  overflow: hidden;
}
.menu-trhover .menu-body .mover-details dt {
  margin: 0;
  padding: 0;
  float: left;
  width: 10%;
}
.menu-trhover .menu-body .mover-details dd {
  margin: 0;
  padding: 0;
  float: right;
  width: 90%;
  clear: right;
}
.menu-trhover .menu-body .actions li {
  display: inline-block;
  background: url("../images/seperator-menu.png") right center no-repeat
    transparent;
  padding: 6px 10px;
}
.menu-trhover .menu-body .actions li:last-child {
  background: none;
}
.menu-trhover .menu-body .actions li a {
  padding: 5px 10px 5px 35px;
  display: inline-block;
  color: #ffffff;
  font-weight: 600;
  transition: color 1s ease 0s;
}
.menu-trhover .menu-body .actions li a:hover {
  color: #00abeb;
  transition: color 1s ease 0s;
}
.menu-trhover .menu-body .actions a.quick-edit {
  background: url("../images/icon-quick-edit.png") left center no-repeat
    transparent;
}
.menu-trhover .menu-body .actions a.view {
  background: url("../images/icon-view.png") left center no-repeat transparent;
}
.menu-trhover .menu-body .actions a.edit {
  background: url("../images/icon-edit.png") left center no-repeat transparent;
}
.menu-trhover .menu-body .actions a.delete {
  background: url("../images/icon-delete.png") left center no-repeat transparent;
}
.mid-input-txt {
  width: 60px !important;
}
.list {
  border-collapse: collapse;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: 20px;
  width: 100%;
  max-width: 100%;
}
.list .left {
  padding: 7px;
  text-align: left;
}
.list thead td a,
.list thead td {
  color: #222222;
  font-weight: bold;
  text-decoration: none;
}
.list thead td {
  background-color: #efefef;
  padding: 0 5px;
}
table th:first-child,
table td:first-child {
  padding-left: 20px;
}
.list td {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.semi-long-td {
  width: 220px;
}
.right-div {
  float: left;
  width: 120px;
  color: #6a747d;
  font-size: 14px;
  font-weight: 600;
  margin-right: 10px;
  padding: 7px 15px;
  text-align: center;
}
.right-label {
  width: 60px;
}
.text-center {
  text-align: center;
}
.select-fields {
  clear: both;
}
.sel-fields {
  display: none;
}
.rptfields {
  text-align: left !important;
}
.w-color {
  color: #fff !important;
}
.image {
  border: 1px solid #eeeeee;
  display: inline-block;
  padding: 10px;
}
.assign select {
  -moz-appearance: none;
  background: transparent url("../images/arrow-select.png") no-repeat scroll
    101% -1px;
  height: 35px;
  padding: 7px 6px 5px;
  text-indent: 0.01px;
  text-overflow: "";
  width: 100% !important;
}
/* .select2-container {
  min-width: 400px;
} */

.select2-results__option {
  padding-right: 20px;
  vertical-align: middle;
}
.select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 2px solid #e9e9e9;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 20px;
  vertical-align: middle;
}
.select2-results__option[aria-selected="true"]:before {
  font-family: fontAwesome;
  content: "\f00c";
  color: #fff;
  background-color: #f77750;
  border: 0;
  display: inline-block;
  padding-left: 3px;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #fff;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #eaeaeb;
  color: #272727;
}
.select2-container--default .select2-selection--multiple {
  margin-bottom: 10px;
}
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-radius: 4px;
}
.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border-color: #f77750;
  border-width: 2px;
}
.select2-container--default .select2-selection--multiple {
  border-width: 2px;
}
.select2-container--open .select2-dropdown--below {
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.select2-selection .select2-selection--multiple:after {
  content: "hhghgh";
}
/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
  display: none;
}

.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected="true"]:before {
  display: none !important;
  /* content: "" !important; */
}
.select-icon .select2-search--dropdown {
  display: none;
}
.candpopup .ui-widget-header {
  border: 1px solid #000000;
  background: #000000;
}

.candpopup .ui-state-hover {
  border: 1px solid #000000 !important;
}
table th:first-child,
table td:first-child {
  padding-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkbox {
  margin-top: 0px !important;
}
.search-bar.custom_candidate {
  display: flex;
   justify-content: flex-start; 
  flex-wrap: wrap;
  gap: 15px;
}
.select2-container{height: 50px;}
.search-bar.custom_candidate input {
  display: flex;
  width: 22%;
  margin: 0px;
  margin-bottom: 20px;
  margin-right: 10px;
  padding: 25px 12px;
  border-radius: 10px;
}
.search-bar.custom_candidate select {
  display: flex;
  width: 270px !important;
  margin: 0px;
  margin-bottom: 10px;
  margin-right: 10px;
  max-width: unset !important;
}
.select2-container{max-width: 270px;width: 100%}
.search-bar.custom_candidate .custom_srchbtn {
  display: flex;
}
.custom_srchbtn input.n-buttons.candi {
  border: 0px solid #7e878f;
  width: auto;
  border-radius: 0;
  padding: 12px 25px;
}
th.checkbox.sorting_disabled {
  width: 12% !important;
}

th.col-left-table.sorting_disabled {
  width: 50% !important;
}
th.col-right-table.sorting_disabled {
  width: 46% !important;
}
th.checkbox.sorting_disabled {
  margin-bottom: 0;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 0px 18px !important;
}
.job_detail_banner {
  max-width: 97%;
  display: flex;
  align-items: center;
  justify-content: center;
}
span.no_file {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.pagination a {
  color: black;
  float: left;
  padding: 4px 9px;
  text-decoration: none;
}
.pagination a.current {
  background: #00abeb;
  color: #fff !important;
}
.pagination {
  margin-top: 0px !important;
}
.record-display .txt-smaller.txt-light {
  text-align: right;
}
.check-boxes {
  display: flex;
  align-items: center;
}
.check-boxes .chkvis {
  margin-bottom: 25px;
  margin-right: 25px;
}


.checkbox{margin-bottom: 0 !important;}
.table-panel table tr.head{background: #FFF2D4 !important;}
.table-panel table tr:not(.head){background: #fff}

.table-panel table tr:nth-of-type(odd) {
    background-color: rgb(221, 249, 222, 0.2);
}
.table-panel table tr:nth-of-type(even){
    background-color: rgb(221, 249, 222, 0.5);
}

.body-wraper .nav ul li a{background-image: unset !important;position: relative;}
.body-wraper .nav ul li a:before{content: "\f624";font-family: "Font Awesome 6 Free";font-weight:900;position: absolute;
    left: 12px;
    font-size: 24px;
    top: 7px;}


.body-wraper .nav ul li a.packages:before{content: "\e4c7";}
.body-wraper .nav ul li a.users:before{content: "\f007";}
.body-wraper .nav ul li a.enquiries:before{content: "\f002";}
.body-wraper .nav ul li a.careers:before{content: "\f0b1";}
.body-wraper .nav ul li a.news-blog:before{content: "\f1ea";}
.body-wraper .nav ul li a.cms:before{content: "\f085";}
.body-wraper .nav ul li a.modules:before{content: "\f1b3";}

.body-wraper .nav ul li a.admins:before{content: "\f084";}
.body-wraper .nav ul li a.setting:before{content: "\f013";}

.body-wraper .nav ul li .sub-nav li a:before{    content: "\f054";
    top: 9px;
    font-size: 12px;
    left: 5px;}

.header .menu > ul > li{background-image: unset !important;padding-left:0px !important; padding-right:0px !important;margin: 0 0 0 15px}
.header .menu  a{text-transform: capitalize;}   

.header .menu > ul > li > a:hover{text-decoration: none;}
#navbg{padding: 7px 0px;}

#navbg{position: fixed;top: 0;left: 0;width: 100%;z-index: 2}
.body-wraper{margin-top:105px;}
.body-wraper > .container{float: none;
    margin-right: 0;
    margin-left: auto;}

.content-wraper .heading-left h2{font-weight: bold;}
.shortcuts h3{margin-bottom: 0;padding-bottom: 0;}
.shortcuts .shortcuts-desc ul{display: flex;flex-wrap: wrap;gap:1%;text-align: center;align-items: center;}
.shortcuts .shortcuts-desc li{background: #fff;border-radius:7px;width: 24%;}
.shortcuts .shortcuts-desc li a{padding:10px 0;}
.content-panel{background: #fff;padding: 20px 30px;border-radius: 7px;}
.tab-panel{background: #f6f6f6;padding: 20px 20px;border-radius: 7px;}
.sub-nav li a{background-color: unset !important;background-image: unset !important;color: #404850 !important}
.body-wraper .nav ul li.current .sub-nav{margin-left: 0}
.body-wraper .nav li ul li:hover{background-image: unset !important;}
.shortcuts h3{margin-top:0 !important}
.dash-stats a i{font-size:50px;}
.content-panel:after{content: "";display: block;clear: both;}
label.btn.btn-sm.btn-info{width: auto;white-space: unset;padding: 5px 10px;float: none;display: inline-block;margin-bottom: 10px}
.content-panel .col-right .button{margin:20px auto;max-width:90%;float:none;}
.well-sm{padding-left: 25px !important;}
.content-wraper .content-panel .col-left .heading-precintent .input-box span.field{padding-top: 6px;
    display: inline-block;}
.table-panel table td .bg-primary.btn{background-color: #00abeb;
    color: #fff;
    display: inline-block;
    padding:3px 12px;
    outline-offset: -4px;
    outline: 3px solid #00abeb;
    border-radius: 60px !important;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    position: relative;
    text-decoration: none;
    border: 0 !important;
    font-weight: 500;
    margin-top: 0;}

.table-panel table td .bg-primary.btn:hover {
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 7px;
    color: #fff;
    transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1);
    text-decoration: none;
}

span.label{
  padding:8px 12px;
  border-radius: 60px !important;
}
/* new code css added  for gallery  */
.general_custom_image_upload_wrap{}
.general_custom_image_upload_row{display: grid;grid-template-columns: auto auto;grid-gap: 15px;justify-content: flex-start;}
.general_custom_image_upload_column_upload_image{border: 2px dashed var(--primary_color);border-radius: 10px;width:140px;height:140px;
position:relative;display:flex;align-items:center;justify-content:center;}

.general_custom_image_upload_column_upload_image input[type="file"]{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity:0;
z-index: 2;cursor: pointer;}
.general_custom_image_upload_column_upload_image .fa-plus{font-size:2rem;color: var(--primary_color);font-weight: 300;}
.general_custom_image_upload_column_uploaded_image img{width:140px;height: 140px;object-fit: cover;object-position: center;border-radius: 10px;
margin-left: auto;display: block;}

.general_custom_image_upload_header h3{font-family:var(--heading_font_style);color:#161616;font-size:var(--m_font);font-weight:bold;margin-bottom:10px;}
.general_custom_image_upload_multi_image_row{display: grid;grid-template-columns: auto auto auto auto;grid-gap: 15px;}
.general_custom_image_upload_multi_image_row .general_custom_image_upload_column_upload_image{order: 1;}
.position-relative-thumb-img{position: relative;}
.position-absolute-remove-icon{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;
align-items: center;border-radius: 10px;visibility: hidden;}
.hideImage{cursor: pointer;}
.position-relative-thumb-img:hover .position-absolute-remove-icon{background-color: rgba(0, 0, 0, 0.5);visibility: visible;}
.position-absolute-remove-icon .fa-trash{color: var(--bs-danger);}
.body-wraper .nav li ul li.active_menu a{color: #2b932b !important}
/* new code css added  for gallery  */