#containerHeight {
	overflow: auto;
}
.primaryContainerBG, .nonprimaryContainerBG, .employeeprimaryContainerBG {
	border-radius: 17px;
	background: rgb(255, 255, 255);
	box-shadow: 0px 7px 13px 0px rgba(0, 115, 224, 0.08);
	padding: 1rem;
	overflow-y: scroll;
	overflow-x: hidden;
}
.primaryContainer {
	background: transparent;
	padding: 0rem;
}
.commonTableBg, .commonNonOperationalTableBg, .commonEmployeeTableBg {
	border-radius: 0;
	border-bottom-left-radius: 17px;
	border-bottom-right-radius: 17px;
	background: url(/static/img/png/tableBg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: 40%;
}
.tabBar {
	list-style-type: none;
	overflow: hidden;
	display: inline-block;
	display: -webkit-inline-box;
	border: 1px solid #d5d5d5;
	padding: 0rem;
	width: 100%;
	margin: 0;
	border: 1px solid rgb(223, 223, 223);
	border-radius: 0.6rem;
	background-color: rgb(249, 250, 252);
	box-shadow: 0px 0px 18px 0px rgba(135, 169, 224, 0.3);
}

.customisedTab {
	padding: 0.4rem;
	background: #fff;
	color: #969696;
	position: relative;
	font-size: 0.8rem;
	cursor: pointer;
	text-align: center;
	width: 50%;
	font-weight: 600;
}

.customisedTab:hover {
	color: #7e7e7e;
}

.customisedTab:nth-child(even) {
	border-left: 1px solid lightgray;
}
.customisedTab.activeTab {
	color: #009cff;
	font-weight: 700;
}

.customisedTab3 {
	padding: 0.4rem;
	background: #fff;
	color: #969696;
	position: relative;
	font-size: 0.8rem;
	cursor: pointer;
	text-align: center;
	width: 33.3%;
	font-weight: 600;
}

.customisedTab3:hover {
	color: #7e7e7e;
}

.customisedTab3:nth-child(even) {
	border-left: 1px solid lightgray;
	border-right: 1px solid lightgray;
}
.customisedTab3.activeTab {
	color: #009cff;
	font-weight: 700;
}

.customisedTab2 {
	padding: 0.4rem;
	background: #fff;
	color: #444;
	position: relative;
	font-size: 0.8rem;
	cursor: pointer;
	text-align: center;
	width: 50%;
	font-weight: 600;
}

.customisedTab2:hover {
	color: #444;
}

.customisedTab2:nth-child(even) {
	border-left: 1px solid lightgray;
	border-right: 1px solid lightgray;
}
.customisedTab2.activeTab {
	color: #009cff;
	font-weight: 700;
}

/* #topRow,
#secondRow {
    flex: 0 1 auto;
}

#tableBox {
    flex: 1 1 auto;
}
#treeBox {
    flex: 1 1 auto;
    } */

    .searchTable {
    	padding: 0.4rem;
    	background-image: url(/static/img/svg/aearch.svg);
    	background-position: 0.5rem;
    	background-repeat: no-repeat;
    	padding-left: 2rem;
    	background-size: 1rem;
    	width: 50%;
    	font-size: 0.8rem;
    	border: 1px solid rgb(223, 223, 223);
    	border-radius: 0.6rem;
    	background-color: rgb(249, 250, 252);
    	/* box-shadow: 0px 0px 18px 0px rgba(135, 169, 224, 0.3); */
    }

    .iconBox {
    	padding: 0.4rem;
    	height: 1.9rem;
    	display: inline-block;
    	background-position: center;
    	background-repeat: no-repeat;
    	margin: 0 0.2rem;
    	padding-left: 2rem;
    	background-size: contain;
    	cursor: pointer;
    	border: 1px solid rgb(223, 223, 223);
    	border-radius: 0.5rem;
    	background-color: rgb(249, 250, 252);
    	/* box-shadow: 0px 0px 18px 0px rgba(135, 169, 224, 0.3); */
    }

    .iconBox:hover {
    	padding: 0.4rem;
    	height: 1.9rem;
    	display: inline-block;
    	background-position: center;
    	background-repeat: no-repeat;
    	margin: 0 0.2rem;
    	padding-left: 2rem;
    	background-size: contain;
    	cursor: pointer;
    	border: 1px solid rgb(223, 223, 223);
    	border-radius: 0.5rem;
    	background-color: #ffffff;
    	/* box-shadow: 0px 0px 18px 0px rgba(135, 169, 224, 0); */
    }

    .iconGenerateIndent {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/order/generate.svg);
    	background-position: center;
    	background-size: 6rem;
    }
    .iconGenerateIndent:hover {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/order/generate.svg);
    	background-position: center;
    	background-size: 6rem;
    }

    .iconReGenerateIndent {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/order/regenerate.svg);
    	background-position: center;
    	background-size: 6rem;
    }
    .iconReGenerateIndent:hover {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/order/regenerate.svg);
    	background-position: center;
    	background-size: 6rem;
    }

    .iconExports {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/order/export.svg);
    	background-position: center;
    	background-size: 5rem;
    }
    .iconExports:hover {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/order/export.svg);
    	background-position: center;
    	background-size: 5rem;
    }

    .iconAddScheme {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/createScheme.svg);
    	background-position: center;
    	background-size: 7rem;
    }
    .iconAddScheme:hover {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/createScheme.svg);
    	background-position: center;
    	background-size: 7rem;
    }
    
    .iconAddDiscount {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/creatediscount.svg);
    	background-position: center;
    	background-size: 7rem;
    }
    .iconAddDiscount:hover {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/creatediscount.svg);
    	background-position: center;
    	background-size: 7rem;
    }



    .iconAddProduct {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/createProduct.svg);
    	background-position: center;
    	background-size: 7rem;
    }
    .iconAddProduct:hover {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/createProduct.svg);
    	background-position: center;
    	background-size: 7rem;
    }
    .iconExportExcel {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/ExportXLS.svg);
    	background-position: center;
    	background-size: 5rem;
    }
    .iconExportExcel:hover {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/ExportXLS.svg);
    	background-position: center;
    	background-size: 5rem;
    }


    .iconAddNew {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/addNew.svg);
    	background-position: center;
    	background-size: 7rem;
    }
    .iconAddNew:hover {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/addNew.svg);
    	background-position: center;
    	background-size: 7rem;
    }

    .iconAddNewNotification {
    	padding-right: 5rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/send-notification.svg);
    	background-position: center;
    	background-size: 8rem;
    }
    .iconAddNewNotification:hover {
    	padding-right: 5rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/send-notification.svg);
    	background-position: center;
    	background-size: 8rem;
    }
    .iconEditNew {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/edit-button.svg);
    	background-position: center;
    	background-size: 7rem;
    }
    .iconEditNew:hover {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/edit-button.svg);
    	background-position: center;
    	background-size: 7rem;
    }
    .iconAddVehicle {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/CreateVehicle.svg);
    	background-position: center;
    	background-size: 7rem;
    }
    .iconAddVehicle:hover {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/CreateVehicle.svg);
    	background-position: center;
    	background-size: 7rem;
    }

    .iconModify {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/modify.svg);
    	background-position: center;
    	background-size: 5rem;
    }
    .iconModify:hover {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/modify.svg);
    	background-position: center;
    	background-size: 5rem;
    }


    .iconAddDriver {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/CreateDriver.svg);
    	background-position: center;
    	background-size: 7rem;
    }
    .iconAddDriver:hover {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/CreateDriver.svg);
    	background-position: center;
    	background-size: 7rem;
    }

    .iconAddVariant {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/createVariant.svg);
    	background-position: center;
    	background-size: 7rem;
    }
    .iconAddVariant:hover {
    	padding-right: 4rem;
    	padding-left: 4rem;
    	background-image: url(/static/img/svg/createVariant.svg);
    	background-position: center;
    	background-size: 7rem;
    }


    .iconAddOrg {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/addOrg.svg);
    	background-position: center;
    	background-size: 5rem;
    }
    .iconAddOrg:hover {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/addOrg.svg);
    	background-position: center;
    	background-size: 5rem;
    }

	.purchaseorder {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/purchaseorder.svg);
    	background-position: center;
    	background-size: 5rem;
    }
    .purchaseorder:hover {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/purchaseorder.svg);
    	background-position: center;
    	background-size: 5rem;
    }

    .iconPlan {
    	background-image: url(/static/img/svg/iconPlan.svg);
    	background-position: right center;
    	background-size: 17px;
    	font-size: 13px;
    	font-weight: 600;
    	text-align: left;
    	padding: 2.5px 0;
    	color: #0083ff;
    }
    .iconplan:hover {
    	background-image: url(/static/img/svg/iconPlan.svg);
    	background-size: 17px;
    	background-position: right center;
    	color: #0083ff;
    	padding: 2.5px 0;
    }

    .iconSetting {
    	background-image: url(/static/img/svg/setting.svg);
    	background-size: 17px;
    }
    .iconSetting:hover{
    	background-size: 17px;
    }


    .iconForward {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/order/Farward_btn.svg);
    	background-position: center;
    	background-size: 5rem;
    }

    .iconForward:hover {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/order/Farward_btn.svg);
    	background-position: center;
    	background-size: 5rem;
    }
    .iconApproved {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/order/Approve.svg);
    	background-position: center;
    	background-size: 5rem;
    }
    .iconApproved:hover {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/order/Approve.svg);
    	background-position: center;
    	background-size: 5rem;
    }
    .iconHide {
    	background-image: url(/static/img/png/hide.png);
    }
    .iconUnFreeze {
    	background-image: url(/static/img/svg/unfreeze.svg);
    	background-size: 1.5rem;
    }
    .iconUnFreeze:hover {
    	background-size: 1.5rem;
    }

    .iconExport {
    	background-image: url(/static/img/png/export.png);
    }

    #addOrgTable thead th {
    	border: 0;
    	border-right: 1px solid #e7e7e7!important;
    }

    #producTable thead th {
    	border: 0;
    	border-right: 1px solid #e7e7e7!important;
    }

    #addNonOperationalTable thead th {
    	border: 0;
    	border-right: 1px solid #e7e7e7!important;
    }

    #addEmployeeTable thead th {
    	border: 0;
    	border-right: 1px solid #e7e7e7!important;
    }
    #addOrgTable thead th:last-child {
    	border: 0;
    	border-right: 1px solid #e7e7e7!important;
    }
    #producTable thead th:last-child {
    	border: 0;
    	border-right: 1px solid #e7e7e7!important;
    }
    #addEmployeeTable thead th:last-child {
    	border: 0;
    	border-right: 1px solid #e7e7e7!important;
    }
    #addNonOperationalTable thead th:last-child {
    	border: 0;
    	border-right: 1px solid #e7e7e7!important;
    }

    .tablesorter-scroller .tablesorter-scroller-table {
    	overflow-y: hidden;
    }

    #mainbox {
    	display: flex;
    	flex-flow: column;
    }

    #topRow,
    #secondRow {
    	flex: 0 1 auto;
    }

    #tableBox {
    	flex: 1 1 auto;
    	overflow: auto;
    }

    #detailsBox {
    	display: flex;
    	flex-flow: column;
    }

    #detailsBoxFirst {
    	flex: 0 1 auto;
    }

    #graphBox {
    	flex: 0 1 auto;
    }

    #detailsBoxSecond {
    	flex: 1 1 auto;
    	overflow: auto;
    }
    .profileIconSize {
    	width: 1.5rem;
    }
    .deptRow {
    	border: 0px solid #dfdfdf;
    	padding: 1rem;
    	border-radius: 1rem;
    	margin-bottom: 0.5rem;
    	background-color: #f7f7f7;
    	cursor: pointer;
    }
    .deptRow.deptSelected {
    	background-color: #ffffff;
    	border: 1px solid #dfdfdf;
    }

    .deptRow table tr td {
    	font-size: 0.7rem;
    }

    #example tr td {
    	padding: 0.5rem;
    }
    thead {
    	padding: 0.5rem;
    }

    .btn-addDept {
    	background-color: #f9fafc;
    	font-size: 0.8rem;
    	padding: 0.4rem 1rem;
    	float: right;
    	border: 1px solid #dfdfdf;
    	color: #009cff;
    	font-weight: 700;
    	border-radius: 0.5rem;
    }
    .btn-addDept:hover {
    	color: #177ab9;
    }

    .btnDeptIcon {
    	width: 1.3rem;
    }

    .smallText {
    	font-size: 0.8rem;
    	color: #969696;
    	word-break: break-all;
    }
    .largeText {
    	font-size: 0.9rem;
    	word-break: break-all;
    }

    .deptRowHead {
    	font-size: 0.8rem;
    	color: #333;
    }

    #addOrganisationModal,
    #addDeptModal {
    	display: none;
    }

    .modalIcon {
    	width: 1.5rem;
    	display: inline-block;
    }
/* .modalColBG {
    background-image: url("/static/img/png/modalColBg.png");
    background-size: cover;
    text-align: center;
    background-position: bottom;
}

.modalColHead {
    color: rgb(255, 255, 255);
    font-weight: 700;
    width: 90%;
    margin: auto;
    font-size: 1.5rem;
}

.widthSetter {
    width: calc(100% - 3rem);
    float: right;
}

.transformImage {
    transform: translateY(50%);
}

*/

.modalOrgBG {
	background-repeat: no-repeat;
	background-image: url(/static/img/png/ShapeOrgModal.png);
	text-align: center;
	background-color: #0073e0;
	background-position: bottom left;
	background-size: 80%;
}
.modalRouteBg {
	background-repeat: no-repeat;
	text-align: center;
	background-color: #0073e0;
	background-position: bottom left;
	background-size: 80%;
}
.modalDeptBG {
	background-repeat: no-repeat;
	background-image: url(/static/img/png/ShapeDeptModal.png);
	text-align: center;
	background-color: #0073e0;
	background-position: bottom left;
	background-size: 60%;
}

.modalColHead {
	color: #fff;
	font-weight: 700;
	width: 90%;
	margin: auto;
}

.widthSetter {
	width: calc(100% - 3rem) !important;
	float: right;
}

.transformImage {
	transform: translateY(30%);
}

.modalLeftImg {
	width: 33%;
}

/*
estimation-list
*/
.hash_mark{
	width: auto !important;
}
.selectsec {
    border: solid 1px #d2d5db;
    border-radius: 0.6rem;
    padding: 5px;
    font-size: 13px;
    color: #afa6a6;
}
.subtitle{
	font-size: 13px;
    font-weight: 600;
    color: #959595;
}
.summerytab{
	margin-top: 0.2cm;
	width: 100%;
	border: 0.03cm solid #F0F0F0;
	border-spacing: 0;
	font-size: 10pt;
}
.summerytab thead{
	text-align: left;
	background-color: #F0F0F0;
	height: 33px;
}
.summerytab thead tr th{
	width: 33%;
}
.summerytab thead tr th:first-child {
	padding-left: 0.25cm; /* To align with section title */
  border-radius: 5px 0px 0px 5px;
}
.summerytab thead tr th:last-child {
	padding-left: 0.25cm; /* To align with section title */
  border-radius: 0px 5px 5px 0px;
}
.summerytab tbody tr{
	line-height: 20px;
    border-bottom: solid 1px #F0F0F0;	
}
.summerytab tbody tr td{
padding: 5px;
	
}
.summerytab tfoot{
	text-align: left;
	background-color: #F0F0F0;
	height: 33px;
}
.summerytab tfoot tr th:first-child {
	padding-left: 0.25cm; /* To align with section title */
  border-radius: 5px 0px 0px 5px;
}
.summerytab tfoot tr th:last-child {
	padding-left: 0.25cm; /* To align with section title */
  border-radius: 0px 5px 5px 0px;
}
.tagdes{
	color: #0073e0;
}
/*managedelivery-list*/
.btnleft{
    background: #fff;
    padding: 6px 2px;
    height: 30px;
    margin: 3px 8px 0 0;
    border-radius: 5px;
    border: solid 1px #f0f0f0;
    box-shadow: 0 1px 10px 0 #0000000f;
}
.btngrup{
	display: flex;
}
.createshu{
	background: #0073e0;
    padding: 7px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
	box-shadow: 0 1px 10px 0 #00000057;
}
.createshu:hover{
text-decoration: none;
color: #fff;
}
.headetab span{
    font-size: 13px;
    font-weight: 600;
    color: #414141;
}
.headetab span img{
	width: 13px;
}
[data-toggle="collapse"] .fa:before {  
	background-image: url('/static/img/svg/arrow%20_Down.svg');
  }
  
  [data-toggle="collapse"].collapsed .fa:before {
	background-image: url('/static/img/svg/Arrow_up.svg');
  }
  .accordsec{
    margin-top: 10px;
  }
  .accordsec .card{
height: auto;
border-radius: 0 !important;
border: none;
margin: 0;
} 
.accordsec .card .card-header {
    background: #f5f5f5;
    padding: 0;
}
.accordsec .card .card-header:first-child {
	border-radius: none !important;
}
.accordsec .card .card-header ul{
    list-style: none;
    display: flex;
	padding: 10px;
	border-bottom:1px solid #e9ecef;
	border-radius:10px;

}
.accordsec .card .card-header ul li{
    width: 33%;
    /* margin: 0 11px; */
	line-height: 17px;
}
.cardata{
	padding: 0 ;
	margin-top: 0px;
}
.cardata .listsum thead{
	background: #fff;
}
.cardata .listsum thead tr th{
    padding: 10px 27px;
    font-size: 13px;
}
.cardata .listsum tbody tr{
	border-bottom: solid 1px #d7d7d7;
}
.cardata .listsum tbody tr td{
	padding: 7px 27px;
    font-size: 14px;
}
/* .accordhead[aria-expanded="true"] {
	background-color: #EEF9F4;
	border-bottom: solid 2px #555a5808;
	box-shadow: 0px 10px 16px 0 #564e4e;
  } */
.ruppeicon{
	width: auto !important;
}
.ruppeicon span img{
	width: auto !important;
}
.headetab .subspan{
    color: #959191 !important;
    font-weight: 600;
    font-size: 11px !important;
}
.accordsec .card .card-header ul li span{
    color: #212529;
    font-size: 14px;
}
.cardata .listsum tbody tr td span{
	color: #878383 !important;
}
.barsec .title{
    font-size: 12px;
    font-weight: 600;
	padding: 5px 10px;
}
.prolabel{
	position: absolute;
    width: 15%;
    padding: 3px 15px;
    background: #f7554e;
    margin: 4px 0 0;
    left: 0;
    font-size: 12px;
    color: #fff;
    border-radius: 0 10px 10px 0;
}
.bartext{
    position: absolute;
    right: 10px;
    color: #212529;
    font-weight: 600;
}
.barsec .title .progress{
	height: 2rem !important;
}
.metersec{
	list-style: none;
    display: flex;
	width: 100%;
	margin: 0 8px;
}
.metersec li{
    width: 20%;
}
.metersec li i{
	font-size: 12px;
    font-weight: 600;
    color: #959595;
    font-family: "Poppins", sans-serif !important;
}
.meternote{
    list-style: none;
    display: flex;
    width: 100%;
    margin: 8px 13px 0;
    padding: 0px 36% 0 26%;
}
.meternote li{
    width: 50%;
	text-align: center;
	font-size: 7px;
}
.meternote li i{
	font-size: 12px;
    font-weight: 600;
    color: #212529;
    font-family: "Poppins", sans-serif !important;
}
.meternote li span{
	padding: 1px 24px;
    border-radius: 10px;
    margin: 0 5px;
}
.meternote li .barmin{
    background: #f7554e;
}
.meternote li .baravi{
    background: #ffb400;
}
.createshu img{
	width: 18px;
    margin-left: 10px;
}
.tablelist-bt{
	background: #ffb400;
}
.tablelist-bt th{
	padding: 10px;
    text-align: center;
    font-size: 13px;
}
.headelist{
    list-style: none;
    display: flex;
    width: 100%;
}
.headelist li{
    width: 33%;
	/* padding: 0 7px; */
}

/* magege root */
.dfbutton
{        background: #ffffff;
    padding: 6px 17px;
    border-radius: 5px;
    color: #0073e0;
    font-size: 13px;
    box-shadow: 0 1px 10px 0 #00000057;
    font-weight: 600;
}
.dfbutton:hover{
	text-decoration: none;
	color: #0073e0;
}
@media (min-width: 992px){
.modelsize {
    max-width: 1080px;
	margin: 10% auto;
}
}
.suppday{list-style: none;
display: flex;
width: 100%;}
.suppday li{
    width: 100%;
    text-align: center;
    margin: 0px 5px 0;
}
.suppday li button {
    width: 100%;
    padding: 8px 20px;
    border: solid 1px #d3cfcf;
    color: #484444;
    border-radius: 5px;
    box-shadow: 0 5px 18px 0 #00000012;
	background: #fff;
}
.suppday li button:hover,.suppday li button:visited{
	background: #0073e0;
    color: #fff;
    border: solid 2px #484242;
}
.daycon:active{
	background: #0073e0;
    color: #fff;
    border: solid 2px #484242;	
}
.suppday li .active{
	background: #0073e0;
    color: #fff;
    border: solid 2px #484242;	
}
.listgroup{
	display: block;
    list-style: none;
    width: 100%;
}
.listgroup li{
	padding: 0 5px;
	display: contents;
}
.listgroup li button{
	background: #f0f0f0;
    border: solid 1px #f0f0f0;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 13px;
    color: #878181;
    font-weight: 600;
    margin: 3px;
    box-shadow: 0 5px 8px #0000;
}
.vehetab{
    background: #e9e7e7;
    border-radius: 10px;
}
.vehetab ul{
    display: flex;
    list-style: none;
    width: 100%;
    margin: 10px 0;
}

.vehetab ul li{
	width: 33%;
    padding: 10px;
}
.vehetab ul li .normaltext{
    font-size: 13px;
}
.tostersec{
width: 100%;
}
.tostersec .select2-container{
	width: 100% !important;
}
.tostersec .select2-selection--multiple{
	border: solid 1px #d3d3d3 !important;
    background-image: url(/static/img/svg/arrow%20_Down.svg);
    background-repeat: no-repeat;
    background-position: right 5px bottom 11px;
    background-size: 11px;
	border-radius: 7px !important;
}
.tostersec .select2-selection__choice{
    background: #ededed !important;
    border: 1px solid #f4f4f4 !important;
    padding: 3px !important;
    border-radius: 10px !important;
}
.tostersec .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	border-right: inherit !important;
    font-size: 13px;
    padding: 2px;
}
.tostersec .select2-selection__choice__remove span{
    color: #fff;
    background: #AF2500;
    border-radius: 50%;
    width: 19px;
    height: 30px;
    padding: 0 6px;
    font-style: normal;
    font-weight: 500;
}
.btngroup{
    list-style: none;
    display: flex;
    width: 100%;
    margin: 0 0 0 50px;	
}
.btngroup li button{
    border: solid 1px #ebe5e5;
    box-shadow: none;
    border-radius: 7px;
    padding: 5px;
    color: #998f8f;
    font-size: 14px;
}

.btngroup li button:visited{
	background: #0073e0;
    color: #fff;
    border: solid 2px #484242;
}
.selectactive{
	background: #0073e0;
    color: #fff !important;
    border: solid 1px #b7b7b7 !important;	
}

.driverinfo ul{
    display: flex;
    list-style: none;
    width: 100%;
    margin: 10px 0;
}

.driverinfo ul li{
	width: 33%;
    padding: 10px;
}
.driverinfo ul li .normaltext{
    font-size: 13px;
}

.overlayModal2{
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9999;
    cursor: pointer;
}
.rootsce{padding: 10px;
border: solid 1px #efeaea;
border-radius: 20px;
box-shadow: 0 5px 25px #00000014;}
.capgroup{
	list-style: none;
    display: flex;
    width: 97%;
    border: solid 1px #d3d3d3;
    border-radius: 10px;
    margin: 0 0 0 35px;
}
.capgroup li:first-child{
    border-right: solid 1px #c1bfbf;
	width: 40%;
}
.capgroup li{
	padding: 11px;

    text-align: left;
}
.capgroup li:nth-last-child(2n+1){
width: 100%;
text-align: left;
}
.capgroup li:nth-last-child(2n+1) select{
	width: 62%;
    float: right;
    border: none;
}
.calratsec{
	width: 100% !important;
    border: 0;
    display: flex;
    list-style: none;
}
.calratsec li{
	padding: 0px;
    width: inherit;
}
.calratsec li .subhead{
	font-size: 13px;
}
.vicationscalendar{border-top: solid 1px #EAEAEA;}
.vicationscalendar thead tr th{
    width: 1%;
    padding: 10px;
    color: #8d8a8a;
    font-weight: 500;
    font-size: 17px;
	text-align: center;
}
.calarea{

}
.calnumdersec{
	display: grid;
    list-style: none;
    width: 100%;
	grid-template-columns: auto auto auto auto auto auto auto;
}
.calnumdersec li{
    padding: 0 5px;
    display: contents;
}
.calnumdersec li div{
    padding: 5px;
    border-radius: 0;
    font-size: 13px;
    color: #878181;
    font-weight: 600;
    margin: 0px;
    box-shadow: 0 5px 8px #0000;
}
.calnumdersec li .calinner{
	border: solid 1px #f0f0f0;
}
.calnumdersec li .calinner .day{
    font-size: 22px;
    font-weight: 500;
    text-align: left;
}
.calnumdersec li .default{
	color: #c4c5c9;
	background: #F7F7F7;
} 
.calnumdersec li .calinner .calnote{
    text-align: end;
    font-size: 14px;
    font-weight: 500;
}
.calnumdersec li .currentcal{
	background: #E5F0DB;
}
.calnumdersec li .currentcal .day{
	color: #0073e0;
    font-weight: 600;
}
.calnumdersec li .currentcal .calnote{
	color: #0073e0;
}
.calnumdersec li .currentcal .calnote{
    text-align: end;
    font-size: 14px;
    font-weight: 500;	
}
.calnumdersec li .before{

}
.calnumdersec li .before .day{
	color: #ffb400;
}
.calnumdersec li .before .calnote{
    text-align: end;
    font-size: 14px;
    font-weight: 500;
}
.calnumdersec li .after .day{
	color: #000;
}
.calnumdersec li .after .calnote{
    text-align: end;
    font-size: 14px;
    font-weight: 500;
	color: #000;
}
.maincorsec{
    border: solid 1px #e1e1e1;
    border-radius: 20px;
    margin: 10px 0;
}
.sideaccordhead{
	background: #fff;
    
	margin: 10px 0;
	padding: 10px;
}
.sideaccordhead .accorrow{
	padding: 0px;
}
.sideaccordhead .accorrow .acconcon{
	padding: 0px;
}
.sideaccordhead .accorrow .acconcon .btngreen{color: #fff;
    background: #008448;
    font-size: 13px;
    padding: 4px 20px;
    border-radius: 20px;
    width: 200px;}
.sideaccordhead .accorrow .acconcon h6{
	font-size: 15px;
	text-decoration: none;
}
.sideaccordhead .accorrow .acconcon .tagdes{
	font-size: 13px;	
}
.sideaccordhead .accorrow .acconcon .normaltext{
	font-size: 14px;
}
.sideaccordhead .accorrow .acconcon h5{
	font-size: 15px;	
}
.sideaccordhead .accorrow .acconcon .subhead{
	font-size: 13px;
}
.sideaccordhead .accorrow .acconcon .btnorange{color: #fff;
    background: #ffb400;
    font-size: 13px;
    padding: 4px 15px;
    border-radius: 20px;
    width: 200px;}
	.sideaccordhead .accorrow .acconcon .btndec{
		font-size: 14px;
		padding: 5px 15px;
		border: solid 1px #e3dddd;
		border-radius: 10px;
		color: #565454;
		box-shadow: 0 7px 17px 0 #00000017;
	}
	.sideaccordhead .accorrow .acconcon .btnappr{
		font-size: 14px;
		padding: 5px 15px;
		border: solid 1px #e3dddd;
		border-radius: 10px;
		color: #008448;
		box-shadow: 0 7px 17px 0 #00000017;
	}
.maincorsec .card-header{
	border: none;
    padding: 0px 3px;
	background: none;
}
.btnselect{
	color: #ffb400;
    font-weight: 500;
    font-size: 14px;
}