body{ margin:0px; padding:0px;font-family: 'Poppins', sans-serif; background: #f7f7f7;}
a:hover, a:focus{ text-decoration:none; outline:0;}
h1, h2, h3, h4, h5, h6, p{ margin:0px; padding:0px;}


/*---HEADER SECTION---*/
header{padding: 15px 0px; background:#fff;}
header .header_logo img{ height: 52px;}
header .header_tool {text-align:right;}
header .header_tool .item-menu{  padding-right:15px; display:inline-block;}
header .header_tool .item-menu ul{padding: 0px;margin: 0px;float: left;}
header .header_tool .item-menu ul li{ display:inline-block; position:relative; list-style:none; color:#a9b3c9;font-size: 25px; padding:4px 15px; position:relative; cursor:pointer;}
header .header_tool .item-menu ul li sup{ background:#ff4b5a; width:20px; height:20px; color:#fff; border-radius:50%; text-align:center;font-size:12px;display: inline-block;position: absolute;top: 5px;line-height: 20px;right:5px;}
header .header_tool .item-menu ul li:hover{ color:#393939;}
header .header_tool .item-menu ul li span{ color:#333;font-size: 20px;}
header .header_tool .item-menu ul li:hover sup {
-webkit-animation-name: shake;
animation-name: shake;webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
header .header_tool .notifi-dropdown {top: 65px;min-width: 305px;position: absolute;right: 0; background: #fff;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);z-index: 3;text-align: left;}
header .header_tool .notifi-dropdown{-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;}
.notifi-dropdown:after, .notifi-dropdown:before {bottom: 100%;right: 5%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;}
.notifi-dropdown:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: #fff;border-width: 13px;margin-left: -5px;margin-bottom: -1px;}
.notifi-dropdown:before {border-color: rgba(194, 225, 245, 0);border-bottom-color: #f5f5f5;border-width: 15px;margin-right: -2px;margin-bottom: -1px;}
.notifi-dropdown .notifi_title p{ font-size:14px; color:#979797;padding:15px 15px;}
.notifi-dropdown .notifi_item{ border-top:1px solid #f2f2f2;}
.notifi-dropdown .notifi_item a{font-size:15px; color:#555;padding: 15px 0px 15px 35px;position: relative; display:block;}
.notifi-dropdown .notifi_item a::before {content: "\f111";font-family:'FontAwesome';font-size: 12px;color: #ff4b5a;top:18px;position: absolute;left: 15px;}
.notifi-dropdown .notifi_item a:hover{ background:#4272d7; color:#fff;}
header .header_tool .account-wrap { display:inline-block;}
.account-item {cursor: pointer;padding:2px 0px;float: left;}
.account-item .image{width: 42px;height: 42px;float: left;overflow: hidden;border-radius: 100%;}
.account-item .image > img {width: 100%;}
.account-item .content{margin-left: 45px;padding: 9px 0;padding-left: 0px;padding-left: 12px;}
.account-item .content a{font-size: 16px;color: #393939;font-weight: 500;transition: all 0.3s ease;}
.account-item > .content > a::after {font-family: "FontAwesome";font-weight: 500;content: "\f107";display: inline-block;font-size: 16px;margin-left: 7px;}
.account-item .account-dropdown {top: 67px;min-width: 305px;position: absolute;right: 0; background: #fff;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);z-index: 3;text-align: left;}
.account-dropdown .info {padding: 25px; border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f2f2f2;}
.account-dropdown .info .image {float: left; height: 60px; width: 60px;overflow: hidden;border-radius: 100%;}
.account-dropdown img {max-width: 100%; height: auto;}
.account-dropdown .info .content {margin-left: 65px;padding: 11px 0;padding-left: 12px;}
.account-dropdown .info .content .name {font-size: 15px;}
.account-dropdown .info .content .email {font-size: 13px;color: #999;}
.account-dropdown__body li{ display:block; list-style:none;}
.account-dropdown__body li a i{ margin-right:10px;}
.account-dropdown__body li a {display: block;color: #333;padding: 15px 25px;font-size: 15px;border-bottom: 1px solid #f2f2f2;}
.account-dropdown__body a:hover {background: #4272d7;color: #fff;}
.account-item .account-dropdown{-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;}
.js-dropdown {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
}
.account-dropdown:after, .account-dropdown:before {bottom: 100%;right: 20%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;}
.account-dropdown:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: #fff;border-width: 13px;margin-left: -5px;margin-bottom: -1px;}
.account-dropdown:before {border-color: rgba(194, 225, 245, 0);border-bottom-color: #f5f5f5;border-width: 15px;margin-right: -2px;margin-bottom: -1px;}
.header_nav{ background:#393939;}
.header_nav .navbar-nav { float: left;margin: 0;}
.header_nav .navbar-default .navbar-nav > li > a { color: #ccc;font-size: 16px; border-bottom:4px solid #393939;}
.header_nav li a i{font-size: 20px;margin-right: 10px;}
.header_nav .navbar-default .navbar-nav > li > a:hover, .header_nav .navbar-default .navbar-nav > li > a:hover, .header_nav .navbar-default .navbar-nav > li > a:focus {color: #fff; border-bottom-color:#4272d7;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #555;background-color: transparent;}
.dropdown-menu{ padding:0px;}
.dropdown-menu > li > a{    font-size: 15px;color: #777777; padding: 10px 20px;border: none;border-bottom: 1px solid #e1e6eb;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #4272d7;text-decoration: none;background-color: #f5f5f5;}

.sub-dropdown{ margin:-1px 0px 0px;border-radius: 0px;left: 100%; top:0px;}

/*---BREADCRUMB SECTION---*/
.page-content{background: #f7f7f7;}
.hed_breadcrumb {padding:10px 0px 20px;position: relative; margin-top:-20px;}
marquee{padding-top: 10px; color:#808080;font-size: 14px;}
.hed_breadcrumb .breadcrumb {padding: 10px 0px;margin-bottom: 0px;list-style: none;background-color: transparent;border-radius: 0px;}
.hed_breadcrumb .breadcrumb li a{ font-size:15px; color:#808080;}
.hed_breadcrumb .breadcrumb li a i{ font-size:17px; margin-right:5px;}
.hed_breadcrumb .breadcrumb li a:hover{ color:#4272d7;}
.hed_breadcrumb .breadcrumb li{font-size:15px; color:#808080;}
.btn-esc{ background:#4272d7; color:#fff; padding:12px 15px; text-align:center; font-size:15px; text-transform: capitalize;position: absolute;right: 15px;top: 10px;border-radius: 3px;}
.btn-esc i{ margin-right:8px;font-size: 18px;}
.btn-esc:hover{ background:#ff4b5a; color:#fff;}
.btn-esc:hover i{-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-animation: swinging .5s ease-in-out forwards infinite;
animation: swinging .5s ease-in-out forwards infinite;}
.welcome-div h1{font-weight: 500;font-size: 30px;color: #393939;border-bottom: 1px solid #ccc;padding-bottom: 15px;}

/*---DASHBOARD SECTION---*/
section{ padding:25px 0px;}
.statistic_item{ float:left; width:100%; border-radius:8px; margin:10px 0px;}
.overview-box{ padding:30px 30px;}
.overview-box .icon i{font-size:40px;color: #fff;margin-bottom:10px;}
.overview-box .text h2{font-size: 30px;color: #fff;}
.overview-box .text span{display: block; margin-top:5px;font-size:18px;color:rgba(255, 255, 255, 0.6);}
.statistic_item_green {background-image: -webkit-linear-gradient(90deg, #3f5efb 0%, #fc466b 100%);}
.statistic_item_orange {background-image: -webkit-linear-gradient(90deg, #11998e 0%, #38ef7d 100%);}
.statistic_item_blue {background-image: -webkit-linear-gradient(90deg, #45b649 0%, #dce35b 100%);}
.statistic_item_red {background-image: -webkit-linear-gradient(90deg, #ee0979 0%, #ff6a00 100%);}
/*.statistic_item_green {background: #00b26f;}
.statistic_item_orange {background: #ff8300;}
.statistic_item_blue {background: #00b5e9;}
.statistic_item_red {background: #fa4251;}*/
.promotion_div{ margin:10px 0px;}
.promotion_div .carousel-inner > .item > img, .promotion_div .carousel-inner > .item > a > img {line-height: 1;height: 370px; width:100%;}

/*---FOOTER SECTION---*/
footer{background: #fff; text-align:center; padding-top:20px; padding-bottom:30px;}
footer p{font-size: 14px;color: #666;}
.checkbox-inline label {margin-top:3px;}




/*---LOGIN SECTION---*/
.login-page{ border:1px solid #e6e6e6; background:#fff; width:500px; padding:30px 30px; margin:50px auto 50px;border-radius:3px;box-shadow: 0px 0px 14px #dcdcdc;}
.login-page .dash_logo{ text-align:center; display:block; margin-bottom:35px;}
.login-page .dash_logo img{ height:52px; margin:0px auto;}
.login-page label{ font-size:15px; color:#333; font-weight:normal; margin-bottom:4px;}
.login-page .form-control{ height:45px;border-radius: 2px;border-color: #e6e6e6;border-top: none;}
.login-page .btn-login{ background:#4272d7; padding:10px 20px; text-align:center; font-size:18px; color:#fff; display:block;text-transform: uppercase;border-radius: 2px;}
.login-page .btn-login:hover{ background:#ff2e44; transition:.3s;}
.login-checkbox {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;}
.login-checkbox label input[type="checkbox"] {margin-right: 8px;cursor:pointer;}
.login-checkbox > label > a {color: #ff2e44;}
.login-checkbox > label > a:hover{ text-decoration:underline;}
.login-checkbox label {display: inline-block;margin-bottom: .5rem; }
.singup{text-align: center;margin-top:15px;}
.singup p{ font-size:15px; color:#333;}
.singup p i{ margin-right:5px;}
.singup p a{color:#4272d7;}
.singup p a:hover{ text-decoration:underline; color:#ff2e44;}



/*---FORM SECTION---*/
.full-card{ float:left; width:100%; border: 1px solid #e7e7e7;background: #fff;border-radius: 3px; margin-bottom: 20px;}
.full-card .card-header{ background:#E1E1E1; padding:12px 20px;}
.full-card .card-header h2{ font-size:17px; color:#333;}
.full-card .card-body{ padding:15px 20px;}
.full-card label{ font-size:15px; color:#666; font-weight:normal; margin-bottom:3px;}
.full-card input.form-control, .full-card select{ border-color: #e6e6e; height:40px; color:#666;}
.full-card textarea{ border-color: #e6e6e; color:#666;}
.full-card input::placeholder{ color:#666;}
.full-card .login-checkbox {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;}
.full-card .login-checkbox label input[type="checkbox"] {margin-right: 8px;cursor:pointer;}
.full-card .login-radio label input[type="checkbox"], .full-card .login-radio input[type="radio"] {margin-right: 8px;cursor:pointer;}
.full-card .login-radio label{margin-right: 30px;}
.full-card .login-checkbox label {display: inline-block;margin-bottom: .5rem; }
.btn-submit{ background:#4272d7; padding:10px 20px; text-align:center; color:#fff;margin:5px 10px 5px 0px; text-align:center;text-transform: uppercase;font-size: 16px;}
.btn-submit:hover{ background:#333; color:#fff; transition:.3s;}

/*---TABLE SECTION---*/
.full-tabel{float:left; width:100%;}
.full-tabel .table-responsive {border-radius: 3px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);}
.full-tabel .table-earning thead th {background: #333;font-size: 16px;color: #fff;vertical-align: middle;font-weight: 400;text-transform: capitalize;line-height: 1;padding:15px 15px !important;white-space: nowrap;border-bottom: none !important;line-height: 25px !important;}
.full-tabel .table-striped tbody tr:nth-of-type(2n) {background-color: #f5f5f5;}
.full-tabel .table-striped tbody tr:nth-of-type(2n+1) {background-color: #fff;}
.full-tabel .table-earning tbody td {color: #808080;padding: 15px 15px !important;white-space: nowrap;border: none !important;line-height: 25px !important;}
.full-tabel .table-data-feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.full-tabel .table-data-feature .item {display: block;height: 30px; width: 30px;position: relative;background: #e5e5e5;margin-right:10px;border: none;font-size: 15px;border-radius: 100%;}
.full-tabel .table-data-feature .t_edit:hover{ background:#060; color:#fff;}
.full-tabel .table-data-feature .t_delet:hover{ background:#ff4b5a; color:#fff;}
.full-tabel .table-data-feature .t_view:hover{ background:#FF0; color:#333;}

.signup-page {
    border: 1px solid #e6e6e6;
    background: #fff;
    width: 800px;
    padding: 30px 30px;
    margin: 50px auto 50px;
    border-radius: 3px;
    box-shadow: 0px 0px 14px #dcdcdc;
}

/*-- ICONS EFFICET --*/
@-webkit-keyframes swinging{
    0%{-webkit-transform: rotate(10deg);}
    50%{-webkit-transform: rotate(-5deg)}
    100%{-webkit-transform: rotate(10deg);}
}
 
@keyframes swinging{
    0%{transform: rotate(10deg);}
    50%{transform: rotate(-5deg)}
    100%{transform: rotate(10deg);}
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
}

header .header_tool .item-menu ul li span {
    border: 2px solid #000;
    padding: 6px;
    border-radius: 12px;
}

.htl_src {
border: 1px solid #333;
    padding: 5px;
    margin: 5px 0;
    border-radius: 3px;}

.modalpop p { font-size: 16px; margin: 8px 0px;}
.tablecom label {margin-left:5px;}
.offpage table label, .offpage label {margin-left: 3px; margin-right: 3px;}
h3.booking-title {font-size: 12px;
    font-family: arial;
    padding: 0px;
    color: #f26921;
    margin: 8px 0 0 0px; float:left;}
.checkbox.lbl_mrg label {color:#ccc;}
h4.panel-title, h4.modal-title {font-size:16px;}