body{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-optical-sizing: auto;  
    }
:root {
      --blue:#161e55;
      --bluehover:#1a73e8;
      --textlight:#637381;
      --textdark:#000;
      --bglight:#f8fcff;
	  -blue-color: #161e55;
    --gold-color: #c19b52;
    --font-size-36: 36px;
    --font-size-28: 28px;
    --font-size-25: 25px;
    --font-size-24: 24px;
    --font-size-20: 20px;
    --font-size-18: 18px;
    --gray-bg-color: #f5f3f3;
    --boday-secondary-color: #212529;
}
.bglight { background-color:var(--bglight);}
.logo-task { padding-left:10px;}
.btn-primary{
	    padding: 0.375rem 0.75rem !important;
	font-size:14px !important; 
	    background-color: #161e55 !important;
    border-color: #161e55 !important;
    color: #fff !important;
	text-transform:uppercase;
	letter-spacing:0.6px;
	font-weight:400;
}
.submit-btn-page{
	     padding: 0.7rem 1.8rem !important;
	font-size:15px !important; 
}
.btn-outline-primary{
	 border-color: #161e55 !important;
	 color: #161e55 !important;
	 padding: 0.375rem 0.75rem !important;
	font-size:14px !important; 
}
.btn-outline-primary:hover{
	background-color: #161e55 !important;
    border-color: #161e55 !important;
    color: #fff !important;
}
.btn-sm{
	    padding: .25rem .5rem !important;
    font-size: .875rem !important;
}
.btn-primary:hover{
	background-color: #262e69 !important;
    border-color: #262e69 !important;
}
.skin-blue{
	    background-color: whitesmoke;
}
/*==============All------Css-------Start-----*/
.notification {
    position: absolute;
    background: #ee462b;
    width: 17px;
    height: 17px;
    border-radius: 50px;
    text-align: center;
    color: #FFF;
    font-size: 11px;
    line-height: 1.7;
    right: 0.5rem;
    top: 0px;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.header  .dropdown .dropdown-toggle{
	text-decoration:none;
	font-size:15px;
}
.navbar-static-top .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 1px 0 0 0;
    width: 250px;
    z-index: 99999 !important;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 6px 0 rgba(167, 175, 183, 0.10);
    box-shadow: 0 4px 6px 0 rgba(167, 175, 183, 0.10);
    position: absolute;
	right:0px;
}
 .navbar-static-top   .dropdown-menu > li.user-header {
    /* height: 175px; */
    padding: 15px 10px;
    background: #ffffff;
    text-align: center;
}
 .navbar-static-top .dropdown-menu > li.user-header > img {
    z-index: 5;
    height: 70px;
    width: 70px;
    border: 8px solid;
	margin:0px auto;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
}
 .navbar-static-top .dropdown-menu > li.user-header > p {
    z-index: 5;
    color: #333 !important;
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
}
 .navbar-static-top .dropdown-menu > li.user-footer {
    background-color: #f9f9f9;
    padding: 10px 15px;
}
 .navbar-static-top .dropdown-menu  li a{
	 text-decoration:none;
	 color:#212529;
	 font-size:14px;
 }
.right-side .rightpanel .card .card-body table tr th{
	font-weight: 500;
    font-size: 14px;
    text-wrap: nowrap;
}
.right-side .rightpanel .card .card-body table tr td{
	font-size: 14px;
}
.form_hold_box .form-control, .form_hold_box .form-select {
    border: 1px solid #ced2d8;
    display: block;
    min-height: 41px;
    padding-left: 12px;
    text-align: left;
    width: 100%;
    color: #212529;
    font-weight: 400;
    border-radius: 3px;
    box-shadow: none;
    -webkit-appearance: none;
}
.form_hold_box .form-select option{
	color: #212529;
}
.form-floating .form-control {
    padding: 1rem .75rem;
}
.right-side .rightpanel .card .card-title{
	font-size:18px;
}
.sidebar .sidebar-menu li .bi {
    margin-right: 13px !important;
    font-size: 16px;
    position: relative;
    top: 2px;
}
.sidebar .sidebar-menu li .bi.bi-play{
	font-size: 19px;
} 
/*========toggle---css------start---==========*/
.dashboard-compact .left-side.sidebar-offcanvas{
left: -220px;
opacity:0;
}
.dashboard-compact .right-side.strech {
        margin-left: 0;
 }
 .left-side.sidebar-offcanvas{
	 z-index:9;
 }
 @media screen and (max-width: 992px){
	 .dashboard-mobile .left-side.sidebar-offcanvas{
		 left:0px;
		 z-index:9;
	 }
 }


/* Pagination CSS */

.paging { padding:10px 0px 0px 0px; text-align:center; font-size:13px;}

/*

.paging.display { text-align:right; }

.paging a, .paging span {padding:2px 8px 2px 8px; font-weight :normal}

.paging span {font-weight:bold; color:#000; font-size:13px; }

.paging a, .paging a:visited {color:#428BCA; text-decoration:none; border: 1px solid #DDD; }

.paging a:hover { text-decoration:none; background-color:#6C6C6C; color:#fff; border-color:#000;}

*/



.paging > a,

.paging > span {

  padding: 6px 12px;

  margin-left: -1px;

  line-height: 1.42857143;

  color: #428bca;

  text-decoration: none;

  z-index: 2;

  cursor: pointer;

  background-color: #428bca;

  border-color: #428bca;

}



.paging a, .paging a:visited {

    padding: 6px 12px;

    line-height: 1.42857;

    text-decoration: none;

    color: #428BCA;

    background-color: #FFF;

    border: 1px solid #DDD;

    margin-left: -1px;

}



.paging > a:hover,

.paging > span:hover,

.paging > a:focus,

.paging > span:focus {

  color: #2a6496;

  background-color: #eee;

  border-color: #ddd;

}



.paging > a.active,

.paging > span.active {

  z-index: 2;

  color: #fff;

  cursor: default;

  background-color: #428bca;

  border-color: #428bca;

}



.paging span.prn { color:#aaa; background:none; cursor: default; border:none; padding:5px; }

.paging a.prn, .paging a.prn:visited { background:none; border:1px solid #eee;}

.paging a.prn:hover { border-color:#000;}

.paging p#total_count{ padding-top:8px; padding-left:18px;}

.paging p#total_display{ padding-top:10px;}

/* Pagination CSS */

/*===========New--Css--Form--===============*/
 .form-control {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    border: solid 1px #808f9d;
    min-height: 45px !important;
    border-radius: 10px;
    padding: 0.5rem 0.75rem !important;
    font-size: 14px;
    border-radius: 6px !important;
}
input.form-control{
	max-height: 47px;
}
.form-control:focus, .form-control:focus-within{
 border-color:#161e55 !important;

}
.rightpanel label.mb-2{
     font-size: 15px;
    font-weight: 400;
}

#tbltour_packages .table-order table > thead th {
    background: #f5f5f6;
    font-weight: 400 !important;
}
#tbltour_packages .table-md > :not(caption) > * > * {
    padding: 0.45rem 0.25rem;
}
#tbltour_packages .option .chkpackages, #tbltour_packages .option #chkall {
    width:20px;
	height:20px;
}
#tbltour_packages .form-switch {
    padding-left: 3.9em;
}
 .table-order table > thead {
    background: #f5f5f6;
}

.box-white {
    background: #FFF;
    border-radius: 0.4rem;
    padding: 1.3rem 1.7rem 1.8rem 1.7rem;
    box-shadow: 0 0 0.3125rem #1718180d, 0 0.0625rem 0.125rem #00000026;
}
.box-white .tour-packages-banner-img input{
	    padding: 0px !important;
    width: 219px;
    display: flex;
    align-items: center;
    height: 35px;
    min-height: auto !important;
    line-height: 2.3;
}
.box-white .tour-packages-banner-img .text-muted{
	 color: #999999 !important;
	 font-size:12px;
}
.box-white .form-floating .note-editable{
	min-height:240px;
}
.right-side .box-white .shop-home-page{
	width: 200px;
    border: 1px dashed #161e55;
    padding: 10px;
    border-radius: 5px;
}