@import

url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body{

margin:0;

padding:0;

background: #ffffff;

/* font-family: 'Roboto', sans-serif; */

font-family: 'Poppins', sans-serif !important;

}

.theme_col{ color:#767879; }

.theme_col_dark{ color:#767879; }

.theme_col_2{ color:#1d4372; }

.theme_feild{ border-color:#767879 !important; color:#767879;}



.bg_light{ background: #f5f5f5 }

.bg_white{ background: #fff }



.success-col{ color:#449d44; }

.info-col{ color:#33b5e5; }

.danger-col{ color:#ff5b5b; }

.primary-col{ color:#5d93e4; }



.success_bg{ background:#449d44; }

.info_bg{ background:#33b5e5; }

.danger_bg{ background:#ff5b5b; }

.primary_bg{ background:#5d93e4; }



.icon-danger-r

{

color:red !important;

}

.icon-danger-r:hover

{

color:white !important;

background:red !important;

}





.table .btn-info.bg-blue {

background-color: #3a3675 !important;

color: #fff;

}



::placeholder {

text-transform : none;

font-weight: 400 !important;

color: #a6a3a3 !important;

}

.main_block{

float: left;

width:100%;

}

.no-pad{

padding:0 !important;

}

.no-marg{

margin:0 !important;

}

.xs_show{

display:none;

}

small {

font-size: 11px;

}

.text_caps{

text-transform: uppercase;

}

a{

text-decoration : none !important;

}

/***App Fonts start***/

table {

font-family: 'Noto Sans', sans-serif;

margin-top: 20px !important;

}

.btn, button{

font-family: 'Raleway', sans-serif;

}

table input[type="text"]{

min-width:60px;

}

table select{

min-width:70px;

width:1em;

}

table input[maxlength="15"]{

width: 50px;

}

/***App Fonts end***/



.table {

border-bottom: 1px solid #ddd;

font-family: 'Poppins', sans-serif !important;

}

table tr.table-heading-row, table tfoot tr{

background: #f7f7f7;

}

table th, .modal table.dataTable th{

font-size: 13px;

padding-left: 28px !important;

text-transform: uppercase;

font-weight: 500;

border: 0 !important;

border-bottom: 1px solid #ddd !important;

border-top: 1px solid #ddd !important;

}

table tr.table-heading-row td{

font-size: 14px;

padding-left: 5px !important;

text-transform: uppercase;

font-weight: 500;

border: 0 !important;

border-bottom: 1px solid #ddd !important;

border-top: 1px solid #ddd !important;

}

table th:after {

left: 8px;

width: 20px;

}

tr.even {

background-color: rgba(0, 0, 0, 0.02);

}

.table-hover>tbody>tr:hover {

background-color: #e5ffe773;

}

.table td, .modal table.dataTable td {

border: 0 !important;

font-size: 12px;

font-weight: 400;

color: #22262E;

padding: 15px 8px 10px 25px !important;

}

.table .btn-info{

background: transparent !important;

color: #767879;

padding: 0;

height: fit-content;

/* padding-left: 5px; */

margin: 0 3px;

font-size: 16px;

border: 1px solid #767879;

border-radius: 4px;

}

table[name="dynamic_table_list_p_1"] .btn-info{

border: none;

}

table[name="dynamic_table_list_p_1"] .btn-info:hover{

background-color: transparent !important;

}

.table .btn-info:hover{

background-color:#767879 !important;

}

.table .btn-danger:hover{

background-color: #CC0000 !important;

}

.table .btn-warning:hover{

background-color: #FF8800 !important;

}

.table .btn-info:hover, .table .btn-danger:hover, .table .btn-warning:hover{

box-shadow: none;

}

.table .btn-info a i{

color: #767879;

font-size: 16px;

}

.table button i, .table .btn-info i, .table .btn-danger i, .table .btn-warning i{

padding: 8px;

border-radius: 50%;

transition: 0.5s;

}

.table .btn-danger i {

padding: 8px 9.7px;

}

.table button:hover i, .table .btn-info:hover i {

/*background: #767879;*/

color: #ffffff;

margin: 0;

}



.table .btn-danger {

background: transparent !important;

padding: 0;

margin: 0 3px;

height: 34px !important;

border: 1px solid #009898;

border-radius: 4px !important;

font-size: 16px;

color: #CC0000;

}

.table .btn-danger:hover i {

background: #CC0000 !important;

color: #ffffff;

}



.btn-danger:hover{

margin-top: -3px;

margin-bottom: 3px;

}



.table .btn-warning {

background: transparent !important;

padding: 0;

margin: 0 3px;

border: 1px solid #059dc0;

border-radius: 4px;

height: fit-content;

/*padding-left: 5px;*/

font-size: 16px;

color: #FF8800;

}



.btn-warning:hover{

margin-top:-3px;

margin-bottom: 3px;

}

.table .btn-warning:hover i {

background: #FF8800 !important;

color: #ffffff;

}



table .table-danger-btn {

font-size: 12px !important;

padding: 6px 12px 6px 34px !important;

margin-top: 0 !important;

}

.table .btn-danger.table-danger-btn:hover i {

background: transparent !important;

}



/* Table Scrollbar */

.table-responsive::-webkit-scrollbar {

height: 12px;

width: 10px;

cursor: pointer;

}

.table-responsive::-webkit-scrollbar-track {

background-color: #eeeeee;

} /* the new scrollbar will have a flat appearance with the set background color */



.table-responsive::-webkit-scrollbar-thumb {

background-color: #7b7b7b;

cursor: pointer;

} /* this will style the thumb, ignoring the track */



.table-responsive::-webkit-scrollbar-button {

background-color: #7b7b7b;

width:5px;

cursor: pointer;

} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */



.table-responsive::-webkit-scrollbar-corner {

background-color: black;

border-radius:25px;

}



/* Modal table scrollbar */

.modal-content .table-responsive::-webkit-scrollbar {

height: 12px;

width: 10px;

cursor: pointer;

}

.modal-content .table-responsive::-webkit-scrollbar-thumb {

background-color: #7b7b7b;

cursor: pointer;

} /* this will style the thumb, ignoring the track */



.modal-content .table-responsive::-webkit-scrollbar-button {

background-color: #7b7b7b;

width:5px;

cursor: pointer;

} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */











#cssmenu > ul > li > a {

background: #767879;

border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}





/*******App Alrts********/

.vi_alert_parent .item {

padding: 10px 20px 10px 60px;

color: rgba(0,0,0,.87);

box-shadow: 0 8px 10px -5px rgba(0,0,0,.2), 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12);

}

.vi_alert_parent .item:before {

position: absolute;

content: '';

height: 25px;

width: 25px;

background-size: contain;

background-repeat: no-repeat;

left: 20px;

top: 15px;

}

.vi_alert_parent .item.success:before {

background-image: url(../../images/alert_success.png);

}

.vi_alert_parent .item.error:before {

background-image: url(../../images/alert_error.png);

}

.vi_alert_parent .item.success, .vi_alert_parent .item.error {

background: #ffffff;

}



/*******App Button start********/

.app_btn{

background: #767879;

border: 1px solid #767879;

color: #fff;

font-size: 15px;

padding: 5px 18px;

position:relative;

transition:0.4s;

border-radius: 4px;

}

.app_btn.ico_left{

padding-left:34px;

}

.app_btn.ico_left i{

position:absolute;

left:0;

top:0;

height:100%;

padding:7px 10px;

background:#3897ca;

}

.app_btn:active, .app_btn:hover, .app_btn:focus{

outline:none;

}

.app_btn:hover{

opacity:0.9;

transition:0.4s;

}

.app_btn:after {

content: "";

position:absolute;

background:#ddd;

opacity:0.3;

top:50%;

left:50%;

width:0;

height:0;

transition: all 0.1s

}

.app_btn:active:after {

top:0;

left:0;

width:100%;

height:100%;

transition: 0.1s;

}



.app_btn_out{

background:#fff;

border:1px solid #767879;

color:#767879;

transition:0.4s;

box-shadow:none;

}

.app_btn_out:hover, .app_btn_out:focus{

background:#767879;

border:1px solid #767879;

color:#fff;

transition:0.4s;

}

.app_btn_out:hover i{

color:#fff !important;

transition:0.4s;

}



.btn-success {

transition: .5s ease-out;

color: #fff;

box-shadow: none;

padding-left: 35px;

position: relative;

background: #58a653 !important;

border: 1px solid #58a653;

border-radius: 25px !important;

line-height: 22px;

}

.btn-success:hover {

color: #58a653 !important;

background-color: #fff !important;

border-color: #58a653;

}

.btn-success i {

position: absolute;

left: 0;

top: 0;

padding: 10px;

border-radius: 50%;

background-color: rgba(255,255,255,0.2);

height: 32px;

width: 32px;

}





.btn-success:hover i:after {

background-color: #58a653 !important;

}

table .btn-success:hover i {

background: transparent !important;

color: #58a653;

}



.btn-info.ico_right{

transition: .2s ease-out;

color: #ffffff;

box-shadow: none;

padding-right: 34px;

position: relative;

line-height: 24px;

border-radius: 25px;

background: #58a653 !important;

border: 1px solid #58a653;

}

.btn-info.ico_right:hover {

color: #fff;

background: #58a653 !important;

}

/* .btn-info.ico_right i {

position: absolute;

right: 7px;

top: 11px;

height: 100%;

} */

.btn-info.ico_right i {

position: absolute;

right: 0;

top: 0;

height: 33px;

width: 33px;

display: flex;

align-items: center;

justify-content: center;

border-radius: 50%;

background-color: rgba(255,255,255,0.2);

}

.btn-info.ico_right i:after {

position: absolute;

content: '';

width: 1px;

height: 20px;

right: 20px;

top: -4px;

background: #ffffff;

opacity: 0.5;

display: none;

}

.btn-info.ico_right:hover i:after {

background: #58a653 !important;

}



.btn-info.ico_left{

transition: .2s ease-out;

/* color: #767879; */

box-shadow: none;

padding-left: 34px;

position: relative;

line-height: 22px;

border-radius: 25px;

/* background: #fff; */



border: 1px solid #767879 !important;

background: #fff;

background-color: #767879;

}



.btn-info.ico_left:hover, .btn-info.ico_left:focus {

color: #fff;

background: #767879 !important;

}

.btn-info.ico_left i{

position: absolute;

left: 2px;

top: 2px;

height: 100%;

padding: 9px;

}

.btn-info.ico_left .i-download{

position: absolute;

left: 7px;

top: 0px;

height: 100%;

padding: 9px;

}

.btn-info.ico_left i:after {

position: absolute;

content: '';

width: 1px;

height: 20px;

right: 0;

top: 5px;

background: #0079a6;

opacity: 0.5;

display: none;



}

.btn-info.ico_left:hover i:after{

background: #fff;

opacity: 1;

}



.btn-info:hover {

margin-top: -3px;

margin-bottom: 3px;

}

.fullwidth_header .btn-info.ico_left:hover{

margin-top: 5px;

}

.btn-danger.ico_left{

transition: .2s ease-out;

color: #CC0000;

box-shadow: none;

padding: 5px 10px;

padding-left: 35px;

position: relative;

line-height: 24px;

border-radius: 25px;

border: 1px solid #CC0000 !important;

font-weight: bold;

background: #fff;

font-size: 12px;

}

.btn-danger.ico_left:hover, .btn-danger.ico_left:focus {

color: #fff;

background: #CC0000 !important;

}

.btn-danger.ico_left i{

position: absolute;

left: 2px;

top: 2px;

height: 100%;

}

.btn-danger.ico_left i:after {

position: absolute;

content: '';

width: 1px;

height: 20px;

right: 0;

top: 5px;

background: #CC0000;

opacity: 0.5;

}

.btn-danger.ico_left:hover i:after {

background: #fff;

opacity: 1;

}

.btn-danger.btn-sm.ico_left i, .btn-info.btn-sm.ico_left i, .btn-danger.ico_left i{

padding:9px;



left: 0;

top: 0;

border-radius: 50%;

background-color: rgba(255,255,255,0.2);

height: 32px;

width: 32px;

display: flex;

align-items: center;

justify-content: center;

}



.cust_table button, .cust_table .btn{

border: 0 !important;

}



/*******App Button end********/



input.labelauty + label, input.labelauty:checked:not([disabled]) + label:hover{

background-color:#767879;

}



.form-control{

/* border-color:#e2e2e2;

border-radius:0;

box-shadow:none; */

background-color: #fff;

background-clip: padding-box;

border: 1px solid #d8d6de;

border-radius: 0.3

57rem;

box-shadow: none;

transition: all ease-in-out 0.3s;

height:40px;

}



textarea.form-control{

height:40px;

}



.form-control::placeholder {

color: #878a99;

font-weight: 300;

font-size: 14px;

transition: all ease-in-out 0.3s;

}

.form-control:focus{

/* box-shadow:none;

border-color:#a8a8a8; */



box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%);



background-color: #fff;

border-color: #7367f0;

}

.form-control:focus::placeholder{

padding-left: 5px;

}



.select2-container .select2-selection--single {

height: 40px;

}

.select2-container--default .select2-selection--single .select2-selection__rendered {

line-height: 42px;

}



.select2-container--default .select2-selection--single {

background-color: #fff;

background-clip: padding-box;

border: 1px solid #d8d6de;

border-radius: 0.357rem;

}

.select2-container.select2-container--open {

box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);

background-color: #fff;

border-color: #7367f0;

}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {



background-color: #f5f5f5;



}

.form-control-visible {

background-color: #fff !important;

}



label{

color: #656565;

font-weight: 400;

margin-bottom:0;

}



strong{

color: #656565;

}



.dataTables_filter label {

position: relative;

}

.dataTables_filter label:before {

position: absolute;

content: '';

right: 30px;

top: 4px;

opacity: 0.5;

width: 1px;

height: 22px;

background: #a2a2a2;

}

.dataTables_filter label:after {

position: absolute;

content: '\f002';

font-family: fontawesome;

right: 10px;

top: 5px;

opacity: 0.5;

}

.dataTables_filter input {

border-radius: 25px;

height: 30px;

}



.dataTables_length, .dataTables_info {

padding-left: 15px;

}

.dataTables_filter, .dataTables_paginate {

padding-right: 15px;

}

.dataTables_paginate ul.pagination li a {

color: #767879;

}

.dataTables_paginate ul.pagination li.active a {

background: #767879;

border-color: #767879;

color: #fff;

}

.app_panel {

float: left;

width: 100%;

background-color: #f3f3f9;

padding: 15px 20px;

}

.bg-white .app_panel{

background-color: #fff;

}

.app_panel .app_panel_head{



float: left;

width: 100%;

background: #ffffff;

padding: 0px 10px;

font-size: 17px;

text-transform: uppercase;

border: 1px solid #dddddd8f;

margin-bottom: 15px;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

border-radius: 6px;

}

.app_panel_head h2 {

color: #282323;

text-transform: capitalize;

font-size: 22px;

padding-left: 5px;

margin: 20px 0;

width: 90%;

font-weight: 300;

font-family: 'Poppins', sans-serif !important;

}

.app_panel h4{

margin: 0px !important;

margin-bottom: 15px;

font-size: 17px;

color: #22262E;

font-weight: 400;

font-family: 'Roboto', sans-serif !important;

}

.header_btn {

/*** width: 5%; ***/

text-align: center !important;

}

.header_btn button {

background: transparent;

border: 0;

padding: 13px 5px;

}

.header_btn button a {

font-family: Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;

text-decoration: none;

}

.header_btn button a i {

color: #606060;

background: #ffffff;

border-radius: 50%;

width: 36px;

height: 36px;

line-height: 36px;

text-align: center;

border: 1px solid #d8d5d5;

font-size: 17px;

}

.header_bottom {

float: left;

width: 100%;

background: #ffffff;

border-left: 0;

border-right: 0;

padding: 9px 15px;

border-bottom: 0;

}



.app_panel .app_panel_content{



float: left;

width: 100%;

padding: 15px !important;

background: #fff;

margin: 0;

border-top: 0;

}

.app_panel > .app_panel_content{

box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

border-radius: 6px;

margin-bottom: 15px;

}



.Filter-panel {

background-color: #fdfdfd !important;

border: 1px solid #ddd;

border-top: 1px solid #767879 !important;

margin: 0 10px !important;

width: 98% !important;

}

.app_panel_content .Filter-panel {

width: 100% !important;

margin: 0 !important;

border-radius: 6px;

}

.customer_filter_panel{

margin: 0 15px !important;

width: 97% !important;

}





.app_panel_content legend{

font-size: 17px;

color: #22262E;

font-weight: 400;

font-family: 'Roboto', sans-serif !important;

}





.app_panel_content ul.nav.nav-tabs {

display: inline-block;

border-bottom: 1px solid #eaeaea;

border: 1px solid #767879;

background: #fff;

margin-bottom: 0px;

cursor: pointer;

border-radius: 20px;

overflow: hidden;

}

.app_panel_content ul.nav.nav-tabs li{

margin-bottom: -2px;

}

.app_panel_content ul.nav.nav-tabs li a {

font-size: 16px;

font-weight: 300;

color: #767879;

padding: 6px 12px 6px 35px;

position: relative;

border-radius: 0;

margin: -2px 0px 2px -1px;

border: 1px solid transparent;

border-right: 1px solid #767879;

}

.app_panel_content ul.nav.nav-tabs li:first-child a{

border-top-left-radius: 4px;

border-bottom-left-radius: 4px;

}

.app_panel_content ul.nav.nav-tabs li:last-child a{

border-top-right-radius: 4px;

border-bottom-right-radius: 4px;

border-right: 0;

}

.app_panel_content ul.nav.nav-tabs li.active a {

background: #767879;

color: #fff;

}

.app_panel_content ul.nav.nav-tabs li a:before {

position: absolute;

content: '\f00c';

font-family: fontawesome;

left: 10px;

font-size: 11px;

border: 2px solid #767879;

background:#fff;

color:#fff;

border-radius: 50%;

width: 17px;

height: 17px;

line-height: 15px;

text-align: center;

top: 8px;

}

.app_panel_content ul.nav.nav-tabs li.active a:before {

border: 2px solid #006d6d;

background:#006d6d;

border-radius: 50%;

}

.app_panel_content ul.nav.nav-tabs li a:hover {

background: #767879;

color: #fff;

border: 1px solid #767879;

}

.panel-group.responsive .panel-heading {

padding: 0;

}

.panel-group.responsive .panel-heading h4.panel-title a {

padding: 10px 15px;

display: block;

text-decoration:none;

}



input { outline: none !important; }



.panel{ border-radius:0; }



.btn{

border-radius:0;

font-weight: 600;

}



.btn:active, .btn:hover, .btn:focus{ outline:none; }



label.error { color: #f90a0a !important; }



a{ text-decoration: none; }







.div-upload {

padding: 4px 13px 4px 40px;

background: #fff;

display: inline-block;

position: relative;

font-size: 12px;

line-height: 24px;

border-radius: 25px;

color: #767879;

border: 1px solid #767879;

cursor: pointer;

box-shadow: none;

transition: 0.5s;

font-weight: 500;

}

.div-upload:hover {

color: #767879;

}

.div-upload:before {

content: "\f093";

font-family: FontAwesome;

font-weight: normal;

font-style: normal;

display: inline-block;

text-decoration: inherit;

position: absolute;

left: 10px;

}

.div-upload::before {

padding: 9px;

left: 0;

top: 0;

border-radius: 50%;

background-color: rgba(255,255,255,0.2);

height: 32px;

width: 32px;

display: flex;

align-items: center;

justify-content: center;

}

.div-upload:after {

position: absolute;

content: '';

width: 1px;

height: 20px;

left: 30px;

top: 5px;

background: #767879;

opacity: 0.5;



<!-- display: none; -->

}

.div-upload:hover:after {

background: #767879;

}



.div-upload ul {

margin: 0 !important;

}

.div-upload span.btn-text {

padding: 0px 15px 0px 40px;

}



textarea{

resize: vertical;

min-height:34px;

max-height: 100px;

}



.no_pad{ padding:0; }



.pd_tp_5{ padding-top:5px; }



.pd_bt_0{ padding-bottom:0px; }



.pd_bt_5{ padding-bottom:5px; }



.pd_bt_51{padding-bottom: 51px !important;}



.col_pad{padding: 0 15px}







.mg_tp_0{ margin-top:0px; }



.mg_tp_10{ margin-top:10px; }



.mg_tp_20{ margin-top:20px; }



.mg_tp_25{ margin-top: 25px;}



.mg_tp_30{ margin-top: 30px;}



.mg_bt_0{ margin-bottom:0px; }



.mg_bt_-1{ margin-bottom:-1px; }



.mg_bt_10{ margin-bottom:10px; }



.mg_bt_20{ margin-bottom:20px; }



.mg_bt_25{ margin-bottom: 25px;}



.mg_bt_30{ margin-bottom: 30px;}

.mg_bt_150{ margin-bottom: 150px;}



.pad_0{ padding:0px; }



.pad_5{ padding:5px; }



.pad_8{ padding:8px; }



.pad_15{ padding:15px; }



.border_0, .border_0 td, .border_0 tr, .border_0 th{ border:0 !important; }









/**App Generic Widget start***/



.widget_parent-bg-img{

float: left;

width: 100%;

background-repeat: repeat;

background-size: 260px 126px;

border-radius: 10px;

}



.widget_parent-bg-img.bg-img-red{

background-image: url(../../images/widgets/statistic-box-red.png);

}

.widget_parent-bg-img.bg-img-purp{

background-image: url(../../images/widgets/statistic-box-purple.png);

}

.widget_parent-bg-img.bg-img-green{

background-image: url(../../images/widgets/statistic-box-green.png);

}

.bg-green {background: #41cac0;}

.bg-red{background: #ff4a4a;}

.bg-purple{background: #995dea;}





.widget_parent{

width: 100%;

float: left;

padding: 15px 25px 20px;

background-image: url(../../images/widgets/statistic-box-grid.png);

background-repeat: repeat;

background-size: 21px 20px;

}



.widget_head{

background: #39b1a8;

padding: 8px;

font-size: 18px;

color: #fff;

float: left;

width:100%;

text-align: center;

box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);

}



.widget_parent .widget {

padding:0 10px;

}



.widget_parent .title{

font-size: 18px;

color:#fff;

}



.widget_parent .content{

font-size: 18px;

margin-top:6px;

color:#007970;

}







.widget_parent .progress{

height:8px;

margin-top:10px;

}



.widget_parent label{



font-size:13px;



color: #fff;



}



.widget_parent .title.success-col {

text-align: right;

font-size: 14px;

}

.widget_parent .title.success-col span.succes_count {

font-size: 28px;

font-weight: 600;

}

.widget_parent .widget-badge {

text-align: right;

}

.widget_parent .widget-badge .label.label-warning {

float: left;

margin-top: 1px;

background-color: #ff9600;

font-size: 12px;

}

.widget-badge label {

font-size: 12px !important;

color: #fff !important;

width: auto !important;

}

.widget_parent .progress-bar-danger {

background-color: #ff9600;

}



.widget_parent .stat_content{

line-height: 34px;

}

.widget_parent .stat_content .stat_content-tilte{

font-size: 14px;

color:#fff;

line-height: 21px;

}

.widget_parent .stat_content .stat_content-amount{

color: #efff00;

font-size: 21px;

}

}



/**App Generic Widget end***/







/***Generic panel-legend start***/



.app_panel_style{



position: relative;

margin-bottom: 40px;



}



.app_panel_style legend{



border: 0;

position: absolute;

top: -15px;

font-size: 18px;

background: #fff;

width: auto;

padding: 0 5px;

color: #22262E;

font-weight: 300;

font-family: 'Roboto', sans-serif !important;



}



.panel-default {

border-color: #22262e14 !important;

box-shadow: none;

}

.panel-default .panel-default-inner{

border: 1px solid #ddd;

padding: 15px 0;

}

.panel-default.feildset-panel{

position: relative;

}

.panel_height_limit {

max-height: 172px;

overflow-y: scroll;

}

.panel_height_limit::-webkit-scrollbar {

height: 1px;

width: 2px;

}

.panel_height_limit::-webkit-scrollbar-track {

background-color: #b3b3b3;

} /* the new scrollbar will have a flat appearance with the set background color */



.panel_height_limit::-webkit-scrollbar-thumb {

background-color: #ececec;

} /* this will style the thumb, ignoring the track */



.panel_height_limit::-webkit-scrollbar-button {

background-color: #000;

width:5px;

height: 0px;

} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */



.panel_height_limit::-webkit-scrollbar-corner {

background-color: black;

border-radius:25px;

}



/***Generic panel-legend end***/







/***Autocomplete name start***/



.ui-widget.ui-widget-content.ui-autocomplete {



z-index: 2000 !important;



border: 1px solid #c5c5c5;



}



/***Autocomplete name end***/



small{ color: #717171;}



div.wysiwyg, div.wysiwyg iframe{

width:100% !important;

}

.gmail_default {

color: #000 !important;

}











/***Cancel estimate css***/



.cancel_fieldset{



border:1px solid #ddd;



float: left;



width: 100%;



padding: 10px 20px;



margin-bottom: 20px;



}



.cancel_fieldset legend{



border:0;



font-size: 16px;



width: auto;



margin-bottom: 0;



}



.simple_multiple_stat{

width:100%;

float:left;

background: #41cac0;

padding:10px;

color:#fff;

}

.simple_multiple_stat span{

font-size:18px;

}



.col5{

width:20%;

float:left;

padding:0 15px;

}



.simple_multiple_stat .col4{ width:25%; float:left; }

.simple_multiple_stat .col2{ width:50%; float:left; }

.simple_multiple_stat .col3{ width:33.33%; float:left; }



.profile_stat_wrap-bg-img {

background-repeat: repeat;

background-size: 260px 108px;

border-radius: 5px;

float: left;

width: 100%;

}

.profile_stat_wrap-bg-img.bg-img-red{

background-image: url(../../images/widgets/statistic-box-red.png);

border: 1px solid #ef474a;

}

.profile_stat_wrap-bg-img.bg-img-purp{

background-image: url(../../images/widgets/statistic-box-purple.png);

border: 1px solid #995dea;

}

.profile_stat_wrap-bg-img.bg-img-green{

background-image: url(../../images/widgets/statistic-box-green.png);

border: 1px solid #8dc327;

}

.profile_stat_wrap {

background-image: url(../../images/widgets/statistic-box-grid.png);

background-repeat: repeat;

background-size: 21px 19px;

border-radius: 5px;

overflow: hidden;

}

.profile_stat_wrap .stat_content {

padding: 10px 12px;

color: #fff;

font-size: 15px;

padding-bottom: 0;

}

.profile_stat_wrap .stat_content span.content_span{

margin-bottom:10px;

}

.profile_stat_wrap .stat_footer{

padding: 7px 12px;

font-size: 16px;

font-weight: 500;

color: #ffffff;

}

.profile_stat_wrap .stat_footer .contant_total {

color: #efff00;

}



/***Modal***/

.modal-open .modal{

width: 100%;

height: 100vh;

overflow-y: scroll;

}

.modal-xl {

width: 96%;

}

.modal-open .modal::-webkit-scrollbar {

height: 1px;

width: 2px;

}

.modal-open .modal::-webkit-scrollbar-track {

background-color: #b3b3b3;

} /* the new scrollbar will have a flat appearance with the set background color */



.modal-open .modal::-webkit-scrollbar-thumb {

background-color: #ececec;

} /* this will style the thumb, ignoring the track */



.modal-open .modal::-webkit-scrollbar-button {

background-color: #000;

width:5px;

height: 0px;

} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */



.modal-open .modal::-webkit-scrollbar-corner {

background-color: black;

border-radius:25px;

}



.modal-body {

position: relative;

padding: 25px 15px 15px 15px;

}

#view_log_modal .modal-body {

padding: 0px 15px 15px 15px;

}

.modal-content {

border-top: 4px solid #767879;

}

.modal-header {

padding: 10px 15px;

}

h4.modal-title {

margin: 0;

line-height: 1.42857143;

color: #282323;

text-transform: capitalize;

font-size: 22px;

padding-left: 5px;

font-weight: 300;

font-family: 'Poppins', sans-serif !important;

}

.modal-body ul.nav.nav-tabs{

display: block;

border: 0;

border-bottom: 1px solid #eaeaea;

border-radius: 0;

}

.modal-body ul.nav.nav-tabs li a {

margin: 0;

padding: 10px 6px;

border: 0;

color: #555;

font-size: 18px;

font-weight: 300;

transition: 0.5s;

border: 1px solid transparent;

}

.modal-body ul.nav.nav-tabs li a:before{

display:none;

}

.modal-body ul.nav.nav-tabs li.active a, .modal-body ul.nav.nav-tabs li.active a:focus, .modal-body ul.nav.nav-tabs

li.active a:hover {

border: 1px solid #eaeaea;

border-top-color: #767879;

color: #22262e;

border-bottom-color: transparent;

background: #fff;

}

.modal-body table th{

padding-left: 10px !important; */

}

.modal-body table td {

padding-left: 10px !important;

}

.modal-body h4{

margin: 0px;

margin-bottom: 15px;

font-size: 17px;

color: #22262E;

font-weight: 400;

font-family: 'Roboto', sans-serif !important;

}



.note{

color: #ff0000;

background: rgba(241, 48, 48, 0.07);

padding: 5px;

font-size: 13px;
display: inline-block;

}



.editor_title{

font-size: 14px;

font-weight: 500;

margin: 0px !important;

color: #212320;

background: #eaeaea;

padding: 10px 8px;

text-transform: uppercase;

}



.seat_availability {

color: #fff;

padding: 7px 25px;

display: inline-block;

margin-right: -4px;

}



/* Guidlines Section*/



.guidlines_modal .modal-content{

border-top: 4px solid #ff5b5b
}

.guidlines_modal h5{

font-size: 26px;

margin-top: 0;

margin-bottom: 20px;

}

.guidlines_modal ul{

margin:0 !important;

padding:0 !important;

}

.app_guidline {

list-style-type: none;

border-bottom: 1px solid #eee;

border-radius: 5px;

margin-left: 0;

margin-bottom: 10px;

overflow: hidden;

float: left;

width: 100%;

}

.app_guidline span {

padding: 0px 15px 10px;

font-size: 13px;

}

.app_guidline .guidline_left{

width: 25%;

color: #22262e;

font-weight: 500;

}

.app_guidline .guidline_right {

color: #675e5e;

width: 75%;

}



/**Excel button**/

button.btn-excel {

padding: 0;

background: transparent;

}

button.btn-excel:hover {

box-shadow: none;

}

button.btn-excel i {

background: transparent;

color: #767879;

border: 1px solid #767879;

border-radius: 50%;

width: 36px;

height: 36px;

font-size: 16px;

line-height: 34px;

text-align: center;

transition: all 0.5s;

}

button.btn-excel i:hover{

background: #767879;

color: #ffffff;

margin-top: -5px;

margin-bottom: 5px;

transition: all 0.5s;

}



<!-- Itinerary button -->

/**Excel button**/

button.btn-iti {

padding: 0;

background: transparent;

}

button.btn-iti:hover {

box-shadow: none;

}

button.btn-iti i {

background: transparent;

color: #767879;

border: 1px solid #767879;

border-radius: 50%;

width: 36px;

height: 36px;

font-size: 16px;

line-height: 20px;

text-align: center;

}

button.btn-iti i:hover{

background: #767879;

color: #ffffff;

}



/**PDf button**/

button.btn-pdf {

padding: 0;

background: transparent;

}

button.btn-pdf:hover {

box-shadow: none;

}

button.btn-pdf i {

background: transparent;

color: #c00;

border: 1px solid #c00;

border-radius: 50%;

width: 36px;

height: 36px;

line-height: 36px;

text-align: center;

font-size: 16px;

}

button.btn-pdf i:hover{

background: #c00;

color: #fff;

}

}





/**Table dropdown**/

.tbl_dropdown{

min-width: 105px;

height: 28px;

border: 1px solid #ddd;

font-size: 12px;

float: left;

width: auto;

padding: 0px 2px;

}



/**pverlapping tooltip**/

ul.select2-results__options li {

border-bottom: 1px solid #f1f1f1;

}

ul.select2-results__options li[aria-selected="true"], ul.select2-results__options li:first-child {

font-weight: 500;

}

.select2-selection .tooltip.fade.bottom.in {

opacity:0 !important;

}

.table{

border-collapse: initial !important

}



select option {

background:#f3f1f1;

}

select option:first-child {

font-weight: 500;

}





/***Image-gallery***/



.gallary-single-image, .table-single-image{

box-shadow: 0px 0px 2px 1px #c5c5c5;

padding: 2px;

background: #fff;

position: relative;

}

span.img-check-btn {

position: absolute;

top: 1px;

right: 2px;

z-index: 5;

transform: scale(1.5);

width: 20px;

height: 10px;

}

.table-image-btns {

position: absolute;

left: 0;

top: 0;

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0.64);

transition: 0.2s;

display:none;

}

.table-image-btns ul {

padding: 0;

position: absolute;

left: 50%;

top: 50%;

margin-left: -36px;

margin-top: -15px;

}

.table-single-image:hover .table-image-btns, .gallary-single-image:hover .table-image-btns{

display:block;

}

.table-image-btns ul li {

list-style-type: none;

display: inline-block;

}

.table-image-btns ul li button.btn.btn-sm {

background: transparent;

border: 1px solid;

}

.table-image-btns ul li button.btn.btn-sm i {

font-size: 13px;

}

.img_description p {

font-size: 16px;

color: #22262e;

line-height: 23px;

background: #f5f5f5;

padding: 10px;

}

span.img-check-btn button.btn.btn-danger.btn-sm {

border: 1px solid #c00;

width: 15px;

height: 15px;

line-height: 15px;

font-size: 9px;

padding: 0;

}

span.img-check-btn button.btn.btn-danger.btn-sm:hover {

color: #c00;

background: transparent;

}



/***Image-gallery Modal***/

.modal button.close {

position: absolute;

right: 10px;

top: 5px;

font-size: 28px;

z-index: 99;

}



div#display_modal .close {

position: absolute;

right: 5px;

top: -2px;

font-size: 28px;

}





/***Balance_sheet***/



.panel-default .panel-heading {

background-color: #f7f7f7;

}

.panel-heading strong {

font-weight: 500;

font-size: 14px;

text-transform: uppercase;

color: #007777;

}

.panel-body ul {

margin-bottom: 25px;

}

.panel-body ul li strong {

font-weight: 500;

font-size: 14px;

color: #007575;

}

.panel-body ul ul {

padding-top: 10px;

margin-bottom: 0 !important;

}

.panel-body ul ul li {

margin-bottom: 10px;

font-weight: 400;

font-size: 13px;

}

.panel-footer strong {

font-weight: 500;

color: #007777;

}







/***Amount Feild***/



.amount_feild_highlight{

background: #96d1b6 !important;

color: #30825c;

font-weight: 500;

}

.amount_feild_highlight::-webkit-input-placeholder { /* Chrome/Opera/Safari */

color: #30825c;

}

.amount_feild_highlight::-moz-placeholder { /* Firefox 19+ */

color: #30825c;

}

.amount_feild_highlight:-ms-input-placeholder { /* IE 10+ */

color: #30825c;

}

.amount_feild_highlight:-moz-placeholder { /* Firefox 18- */

color: #30825c;

}



.highlighted_cost, .highlighted_cost label {

color: #767879 !important;

font-weight: 500;

}





/***B2B Package elements***/



.single_b2b_package .b2b_pkg_img img {

box-shadow: 0px 0px 2px 1px #c5c5c5;

padding: 2px;

background: #fff;

}

.single_b2b_package .b2b_pkg_btns ul li {

display: inline-block;

margin-right: 15px;

}

.single_b2b_package h3.b2b_pkg_title {

color: #22262E;

margin: 0;

letter-spacing: 0;

font-size: 21px;

margin-bottom: 15px;

max-height: 23px;

overflow: hidden;

}

.single_b2b_package span.b2b_pkg_cost {

font-size: 21px;

font-weight: 600;

color: #e73636;

}

.single_b2b_package p.b2b_pkg_cost_text {

margin: 0;

font-size: 12px;

}

.single_b2b_package p.b2b_pkg_code {

font-weight: 500;

color: #22262E;

}

.single_b2b_package p.b2b_pkg_duration i {

font-weight: 600;

color: #767879;

font-size: 16px;

margin-right: 3px;

}

.single_b2b_package span.duration_seprator {

margin: 0 10px;

}

.single_b2b_package .b2b_pkg_text_detail {

margin-top: 20px;

}

.single_b2b_package .b2b_pkg_text_detail p {

margin-bottom: 15px;

float: left;

width: 100%;

}

.single_b2b_package .b2b_pkg_text_detail p strong {

color: #22262E;

font-size: 14px;

margin-right: 10px;

float: left;

width: 100px;

height: 35px;

font-weight: 500;

}

.single_b2b_package em.b2b_hotel_category {

font-style: normal;

color: #e73636;

font-weight: 600;

}

.single_b2b_package em.sightseeing_content {

float: left;

width: 82%;

font-style: normal;

}

label.tbl_radio_btn_body{

position:relative;

cursor: pointer;

}

label.tbl_radio_btn_body > input {

opacity: 0;

position: absolute;

top: -15px;

left: 5px;

}

label.tbl_radio_btn_body span.tbl_radio_btn{

background: #fff;

border: 2px solid #767879;

color: #fff;

border-radius: 50%;

width: 17px;

height: 17px;

display: inline-block;

}

label.tbl_radio_btn_body.tbl_span_check span.tbl_radio_btn{

background: #767879;

}





/**********APP accordion**********/

.app_accordion .accordion_content .Normal.collapsed:after, .app_accordion .accordion_content .Normal:after {

content: '\f044';

font-size: 18px;

line-height: 28px;

background: transparent;

box-shadow: none;

transform: rotate(0deg);

color: #333333;

}

.indicator{

border: 1px solid rgba(255, 0, 0, 0.59);

}









/***Generic Responsive***/



@media screen and (max-width:992px){

.mg_bt_10_xs{

margin-bottom: 10px;

}

.mg_bt_20_xs{

margin-bottom: 20px;

}

.text_center_xs{

text-align: center;

}

.text_left_xs{

text-align: left;

}

.right_border_none_sm{

border-right: 0 !important;

}

.no-pad-sm-xs{

padding:0 !important;

}

.no-marg-sm-xs{

margin:0 !important;

}

.b2b_setting_content .div_left.type-02 {

padding: 15px;

}

}





@media screen and (max-width:768px){

.mg_bt_10_sm_xs{

margin-bottom: 10px;

}

.mg_bt_20_sm_xs{

margin-bottom: 20px;

}

.mg_rgt_10_sm_xs{

margin-right: 10px;

}

.mg_tp_10_sm_xs{

margin-top: 10px;

}

.text_center_sm_xs{

text-align: center;

}

.text_left_sm_xs{

text-align: left !important;

}

.text_right_sm_xs{

text-align: right;

}

.no-pad-sm{

padding:0 !important;

}

.no-marg-sm{

margin:0 !important;

}

.xs_show {

display: block;

}

.right_border_none_sm_xs{

border-right: 0 !important;

}

.main_block_xs{

float:left;

width:100%

}



}

@media (max-width: 767px){

.app_panel_content .div_left.type-02 {

width: 100%!important;

margin-right: 0;

margin-bottom: 20px;

}

.app_panel_content .div_right.type-02 {

width: 100%;

}

.enquiry-note {

display: inline-block;

margin: 5px 0;

}

span.img-check-btn{

transform: scale(1.5);

width: 20px;

height: 10px;

}

}







/***Responsive***/



@media screen and (max-width:992px){



.app_content_wrap.toggle {

padding-left: 0px !important;

}











.panel-group.responsive h4.panel-title a {

border: 1px solid #767879;

color: #767879;

position: relative;

}

.panel-group.responsive .panel.panel-default {

margin-bottom: 20px;

}

.panel-group.responsive .panel-collapse {

border: 1px solid #767879;

border-top: 0;

}

.panel-group.responsive .panel-heading h4.panel-title a.accordion-toggle:after {

content: '\f106';

position: absolute;

font-family: fontawesome;

right: 15px;

color: #fff;

font-size: 14px;

top: 11px;

}

.panel-group.responsive .panel-heading h4.panel-title a.accordion-toggle:before {

content: '';

position: absolute;

right: 10px;

top: 8px;

width: 20px;

height: 20px;

border: 1px solid #767879;

background: #767879;

border-radius: 50%;

}

}



@media screen and (max-width:768px){





.app_panel .app_panel_head {

padding: 0px 0px !important;

}

.app_panel_head h2 {

font-size: 18px;

width: 80%;
margin: 12px 0 12px 10px;

}

.header_btn {

width: 10%;

}

.header_btn button {

padding: 13px 0px;

}

.header_btn button a i {

width: 30px;

height: 30px;

line-height: 30px;

font-size: 14px;

}



.dataTables_length {

text-align: left !important;

margin: 10px 0;

}

.dataTables_filter {

text-align: left !important;

}

.dataTables_info {

text-align: left !important;

margin: 0 0 10px 0;

}

.dataTables_paginate {

text-align: left !important;

}

.table {

padding-bottom: 0px !important;

}



.app_guidline span {

padding: 0px 15px 5px;

}

.app_guidline .guidline_left {

width: 100%;

}

.app_guidline .guidline_right {

width: 100%;

}





.app_dual_button {

padding: 5px 5px;

}



.img_description p {

font-size: 14px;

}



h4.modal-title {

font-size: 18px;

}







.seat_availability {

padding: 7px 9px;

}





}





.feedback td{

line-height: 26px;

}



.feedback th{

line-height: 30px;

}

.loader_parent{

position : relative;

min-height : 45vh;

}

.loader

{

position: absolute;

left: 50%;

margin-left: -45px;

top: 50%;

margin-top: -45px;

height: 90px;

width: 90px;

z-index: 2;

background-color: transparent !important;

background: url(https://www.shreeswamikrupahpl.in/images/loader.gif) no-repeat;

background-size: contain;

}



/*******pre tag********/

pre.real_text {

font-family: 'Poppins', sans-serif !important;

overflow: initial;

background: transparent;

border: 0;

white-space: pre-wrap;

white-space: -moz-pre-wrap;

white-space: -pre-wrap;

white-space: -o-pre-wrap;

word-break: keep-all;

}



<!-- Video URL -->

.vid_block {

position: relative;

}

.btnHidder{

background-color: transparent;

height: 60px;

position: absolute;

right: 17px;

top: 2px;

width: 60px;

z-index: 2147483647;

}

input[type=button].btnType {

background: transparent;

color: #767879;

border: 1px solid #767879;

border-radius: 50px;

font-size: 14px;

text-align: center;

position: relative;

}

input[type=button].btnType:hover {

background: #fff !important;

color: #767879!important;

}

<!--  -->

.st-custBtn {

background: transparent;

color: #767879!important;

border: 1px solid #767879;

border-radius: 50px;

font-size: 12px;

font-weight: 600;

text-align: center;

position: relative;

padding: 8px 20px 7px 40px;

line-height: 17px;

}

.st-custBtn:hover {

background: #767879!important;

color: #fff!important;

}

.st-custBtn .icon{

border-right: 1px solid #767879;

position: absolute;

top: 8px;

left: 0;

height: 15px;

width: 30px;

line-height: 15px;

font-size: 12px;

}

.st-custBtn:hover .icon{border-color: #fff;}



<!--  -->

ul.noType li{

list-style-type : none;

}

.fontw_bold span{

font-weight: 500 !important;

}.div_left{

width: 150px;

float: left;

display:block;

}

.div_left.type-02 {

padding: 25px;

box-shadow: 0px 0px 2px 0px rgb(143 130 143);

border-radius: 10px;

margin-right: 20px;

}

.div_left-title {

font-size: 18px;

margin-bottom: 12px;

margin-top: 0;

font-weight: 400;

color: #282f53;

}

.div_left.type-02,.div_left.type-02 .nav-pills>li{

width:285px!important;

position : relative;

<!-- margin-right: 20px; -->

}

.div_left.type-02 .nav-pills>li{

width: auto !important;

margin-left: 0 ;

}

.div_left.type-02 .nav-pills>li{

border-bottom: 1px solid #e9edf4;

padding-right: 0px;

}

.div_left.type-02 .nav-pills>li:last-child{

border-bottom: 0px solid #e9edf4;

}

.nav-pills{

border: 1px solid #e9edf4;

border-radius: 5px;

}

.div_left.type-02 .dropdown.active a{

background-color : #eee!important;

color:#767879;

padding-left: 40px;

}

.div_left.type-02 .nav-pills>li>a{

font-size: 14px;

line-height: 12px;

font-weight: 500;

padding-left: 40px;

padding: 17px 10px 17px 40px;

color: #212529 ;

cursor:pointer;

}

.div_left.type-02 .nav-pills>li>a:hover{

color: #6c5ffc;

background-color: transparent;

}

.div_left.type-02 .nav-pills li:nth-child(1) a i{

color: #09ad95 ;

}

.div_left.type-02 .nav-pills li:nth-child(2) a i{

color: #05c3fb ;

}

.div_left.type-02 .nav-pills li:nth-child(3) a i{

color: #6c5ffc;

}

.div_left.type-02 .nav-pills li:nth-child(4) a i{

color: #f7b731;

}

.div_left.type-02 .nav-pills li:nth-child(5) a i{

color: #1170e4;

}

.div_left.type-02 .nav-pills li:nth-child(6) a i{

color: #ec82ef;

}

.div_left.type-02 .nav-pills li:nth-child(7) a i{

color: #f7b731;

}

.div_left.type-02 .nav-pills li:nth-child(8) a i{

color: #4ecc48;

}

.div_left.type-02 .nav-pills li:nth-child(9) a i{

color: #e82646;

}

.div_left.type-02 .nav-pills li:nth-child(10) a i{

color: #8c09ad;

}

.div_left.type-02 .nav-pills li:nth-child(11) a i{

color: #ad0946;

}

.div_left.type-02 .nav-pills li:nth-child(12) a i{

color: #ad2f09;

}

.div_left.type-02 .nav-pills li:nth-child(13) a i{

color: #92992e;

}

.div_left.type-02 .nav-pills li:nth-child(14) a i{

color: #2e3b99;

}

.div_left.type-02 .nav-pills li:nth-child(15) a i{

color: #992e78;

}

.div_left.type-02 .nav-pills li:nth-child(16) a i{

color: #2e3199;

}

.div_left.type-02 .nav-pills li:nth-child(17) a i{

color: #ad2f09;

}

.div_left.type-02 .nav-pills li:nth-child(18) a i{

color: #92992e;

}

.div_left.type-02 .nav-pills li:nth-child(19) a i{

color: #e82646;

}

.div_left.type-02 .nav-pills li:nth-child(20) a i{

color: #05c3fb;

}

.div_left.type-02 .nav-pills li:nth-child(21) a i{

color: #4ecc48;

}





.div_left.type-02 .nav-pills>li>a i{

position: absolute;

top: 12px;

left: 8px;

font-size: 18px;

border: none;

}

.div_right{

width: calc(100% - 150px);

float: left;

display:block;

border: 1px dotted #ccc;

padding: 10px;

<!-- border: solid #767879; -->

}

.div_right.type-02{

width: calc(100% - 309px);

float: left;

display:block;

<!-- border: solid #767879; -->

}

.nav-pills>li {

width: 150px !important;

float: none !important;

}

.nav-pills>li>a{

color:#767879;

}



.nav-pills>li>a i {

border: solid #767879;

border-width: 0 3px 3px 0;

display: inline-block;

padding: 3px;

}

.nav-pills>li>a i {

border: solid #767879;

border-width: 0 3px 3px 0;

display: inline-block;

padding: 3px;

}

.right {

transform: rotate(-45deg);

-webkit-transform: rotate(-45deg);

}

.open>.dropdown-menu{

top: 0;

left: 155px;

width: 250px;

cursor: pointer;

}

.dropdown-menu li{

padding: 6px 3px;

font-size: 12px;

font-weight: 500;

border-bottom: 1px solid #d6d5d5;

}

.dropdown-menu li:hover{

background-color: #eee;

}

.servingTime .saveProfile,

.servingTime .st-cancleEdit{

display:none;

}

.servingTime.st-editable .saveProfile,

.servingTime.st-editable .st-cancleEdit{

display: inline-block;

}

.servingTime.st-editable .st-editProfile{

display:none;

}

.servingTime .saveProfile,

.servingTime .st-editProfile{

background : #767879 !important;

}

.input-sm{

padding: 0 25px 0 3px !important;

}



.itinerary-link{text-decoration:underline!important;color:blue!important;}

.itinerary-img{height:25px;width:25px;display: inline-block;margin-bottom: 10px !important;}



.vitinerary_div{

height:135px !important;

width: 100% !important;

background-color:rgb(247, 243, 243) !important;

border : 1px solid rgb(223, 220, 220) !important;

text-align: center !important;

}

.vitinerary_div h6{

color: grey !important;

font-weight: 300 !important;

font-size: 14px !important;

padding-top: 20px !important;

}

.ui-widget.ui-widget-content.ui-autocomplete {

padding: 0;

list-style: none;

border: none;

box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);

border-radius: 5px;

}

.ui-menu .ui-menu-item a {

color: #6e6b7b;

font-weight: 300 !important;

font-size: 14px;

font-family: 'Poppins', sans-serif !important;

padding: 4px 10px !important;

}

.ui-state-active, .ui-widget-content

.ui-state-active, .ui-widget-header .ui-state-active,

.ui-menu .ui-menu-item a:hover {

background: #efefef;

border: none;

}



.upload-button1 {

<!-- white-space: pre; -->

}

.mCustomScrollBox {

border-radius: 0 10px 0 0;

}



.select2-container--default .select2-selection--multiple{

height: 40px;

border: 1px solid #d8d6de;

}

.modal-body >.row > div {
    margin-bottom: 10px;
}
@media(max-width: 767px){
    
}