#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: auto;
}
.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;
}

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

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

.customisedTab1:nth-child(even) {
	border-left: 1px solid lightgray;
}
.customisedTab1.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.33%;
	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: #969696;
	position: relative;
	font-size: 0.8rem;
	cursor: pointer;
	text-align: center;
	width: 50%;
	font-weight: 600;
}

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

.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/search.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;
    }
    .iconDelete {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/order/Delete.svg);
    	background-position: center;
    	background-size: 5rem;
    }
    .iconDelete:hover {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/order/Delete.svg);
    	background-position: center;
    	background-size: 5rem;
    }
    .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;
    }

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

    .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;
    }

    .iconRecheck {
    	padding-right: 2rem;
    	padding-left: 2rem;
    	background-image: url(/static/img/svg/recheck.svg);
    	background-position: center;
    	background-size: 1.2rem;
    }

    .iconRecheck:hover {
    	padding-right: 2rem;
    	padding-left: 2rem;
    	background-image: url(/static/img/svg/recheck.svg);
    	background-position: center;
    	background-size: 1.5rem;
    }

    .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;
    }

    .iconRecommendation {
    	padding-right: 9rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/order/Recommendation.svg);
    	background-position: center;
    	background-size: 11rem;
    }

    .iconRecommendation:hover {
    	padding-right: 9rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/order/Recommendation.svg);
    	background-position: center;
    	background-size: 11rem;
    }
    .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;
    }
	.iconDeclined {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/decline.svg);
    	background-position: center;
    	background-size: 5rem;
    }
    .iconDeclined:hover {
    	padding-right: 3rem;
    	padding-left: 3rem;
    	background-image: url(/static/img/svg/decline.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);
    }

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


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

    #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%;
}

.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%;
}

.thumboption{
    list-style: none;
    display: flex;
}
.thumboption .thumbcontent{
    padding: 5px;
    text-align: center;
}
.thumboption .thumbcontent .thumbicon{
    width: 168px;
    background: #a9a9a961;
    height: 135px;
    padding: 32px;
    border-radius: 10px;
}
.thumboption .thumbcontent h6{
    text-decoration: none;
    color: #282828;
    font-size: 14px;
    font-weight: 600;
}
.usericon{
    width: 20px;
    margin: 0 6px;
}
.uploadsection{
    background: #ebebeb;
    padding: 40px;
    border-radius: 10px;
    text-align: center;
}
.uploadsection img{
    width: 100%;
}
.tableinner{
    border: solid 1px #e7dede;
    border-radius: 10px;
    box-shadow: 0 5px 25px 0 #00000024;
    padding:  10px 0;
}
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }
  .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }
  .filetext{
    width: 85%;
    border-radius: 3px 0 0 3px;
    border: solid 1px #d3cdcd;
    padding: 5px;
  }
  .searchDoc{
    padding: 0.4rem;
    background-position: 0.5rem;
    background-repeat: no-repeat;
    padding-left: 2rem;
    background-size: 1rem;
    width: 100%;
    font-size: 0.8rem;
    border: 1px solid rgb(223, 223, 223);
    border-radius: 0.6rem;
    background-color: rgb(249, 250, 252);
    padding: 10px;
}
.searchDoc:hover,.searchDoc:focus,.searchDoc:active{
    border: solid 1px #d7d7d7;
}
.btngroup{
    padding: 5px 30px !important;
    background: #f7f7f7;
    color: #adadad;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #d7d7d7;
}
.backicon{
padding: 0 7px;
height: 50px;
margin: 0 10px;
border-radius: 7px;
background-color: #fff;
border: 0px solid rgba(84, 84, 255, 0.31);
box-shadow: 0px 0px 6px 0px rgb(84 84 255 / 31%);
font-size: 1.1rem;
}
.groupsec{
    display: flex;
}
.documentsec{
    display: block;
}
.Foldersec{
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}
.Foldersec img{
    padding: 10px 0;
    width: auto;
}

.documentsec li{
    margin: 0;
    display: initial;
}
.doctitle{text-align:center;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;}
    .tableinner{
        cursor: auto !important; 
    }
    .bgicon{
        background-image: url('/static/img/png/Group 11.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-position: 50% 65%;
        height: 60vh;
    }
    .bgdoccontainer{
        height: 60vh;
    }
    .bgicondrop{
        background-image: url('/static/img/png/drop.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-position: 50% 63%;
        height: 53vh;
    }

    .Filesec{
        display: inline-table;
        margin: 5px;
        cursor: pointer;
        border: solid 1px #bbbec1;
        padding: 10px;
        text-align: center;
        border-radius: 10px;
        width: 120px;
        height: 130px;
        position: relative;
    }
    .Filesec img{
        padding: 10px 0;
        width: auto;
    }
    .closeicon{
        background-image: url('/static/img/svg/documents/close.svg');
        background-repeat: no-repeat;
    background-size: auto;
    background-position: top right;
    padding: 9px;
    position: absolute;
    top: 10px;
    display: block;
    right: 15px;
    }
    

    .listBlock {
        float: left;
    }
    
.questionContainer{width:70%;height:auto;border:2px solid #ccc;padding:10px;margin:10px}
.clearfix{clear:both}
.clearfix:after{clear:both;content:"";display:table}

.leftContainer{width:200px;float:left}
.rightContainer{width:200px;float:right}

.draggable{width:150px;height:30px;padding:9px;cursor:pointer}
.droppable{width:170px;height:50px}

.leftBox{border:1px solid grey;background:#fff;color:#333;margin:5px}
.rightBox{border:1px solid #00f;background:#fff;color:#333;margin:5px}
.addressec{
    background: #efefef;
    height: 50;
    padding: 10px;
    border-radius: 5px;
}
.addressec span{
    font-size: 12px;
}
.addressec #folderpath{
    font-size: 15px;
}
.adsadd{
    width: 100%;
}
/* tags css */
.tknz-wrapper { /* The apparent input */
    width: 100%;
    height: 80px;
    margin: 5px auto;
    padding: 5px;
    overflow: auto;
    color: #fefefe;
    background: #fefefe;
    border: solid 1px #dedede;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
}
.tknz-wrapper:focus,.tknz-wrapper:visited{
    box-shadow: inherit;
}
/*.tknz-focus{ 
   box-shadow: 0px 0px 6px #5c7db7;  
   border: solid 2px transparent;
}*/

.tknz-wrapper-label { /* Label for the field */
   float: left;
   color: #000;
   margin: 0px;
}

.tknz-input { /* The actual input */
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   width: 112px;
   margin: 0px;
   border: none;
   outline: none;
   background: transparent;
}

.tknz-input-wrapper {
   float: left;
   position: relative;
   top: 4px;
}

.tknz-token { /* An individual token */
    background: #0073e0;
    padding: 2px 5px;
    margin: 2px;
    float: left;
    border-radius: 10px;
    max-width: 344px;
    cursor: pointer;
}

.tknz-token-label { /* Token's label */
   word-break: break-word;
}

.tknz-token-x { /* Delete button for token */
   color: rgba(255,255,255, 0.5);
   padding-left: 7px;
   position: relative;
   top: 1px;
   font-weight: 600;
}
.tknz-token-x:hover {
  /* text-shadow: 0px 0px 3px #eee;
   color: #fff;*/
}

.tknz-suggest { /* Autosuggest modal */
   position: absolute;
   top: 27px;
   left: 5px;
   background-color: #fff;
   box-shadow: 1px 1px 3px rgba(120,120,120, 0.3);
}

.tknz-suggest ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
   text-align: left;
}

.tknz-suggest-li {
  color: #000;
  padding: 0px 5px;
}

.tknz-suggest-li:nth-child(2n) {
   background-color: #f0f0f0;
}

.tknz-suggest-li.tknz-sel {
   color: #fff;
   background-color: #5c7db7;
}
.tknz-input:focus{
    border: inherit;
}
.Viewicon{
    background-image: url('/static/img/svg/documents/view.svg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top right;
    padding: 9px;
    position: absolute;
    top: 10px;
    display: block;
    right: 15px;
}

/** MEDIA **/

@media screen and (max-width: 480px) {
   .tknz-input {
       width: 90%;
   }
}
.collegesec{
    display: inline-table;
    margin: 5px;
    cursor: pointer;
    border: solid 1px #bbbec1;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    width: 20%;
    height: 200px;
    position: relative;
}
.collegesec img{
    width: 100px;
}
.docsec{
    border-radius: 17px;
    background: rgb(255, 255, 255);
    box-shadow: 0 2px 14px -7px rgb(0 115 224 / 45%);
    padding: 1rem;
    overflow: auto;
    position: absolute;
    right: 0;
    width: 30%;
    padding: 10px;
    height: 72vh;
}
.removeicon{
    padding: 5px;
    position: relative;
    display: block;
    left: -11px;
}
.titletext{
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
}
.input_class_checkbox {
    cursor: pointer;
}
.taglist{
    flex-direction: inherit !important;
}
.taglist li{
    background: #8c8c8c29;
    padding: 7px;
    border-radius: 10px;
    font-size: 15px;
    width: auto;
    margin: 5px;
    box-shadow: 0 1px 4px 0 #645d5d70;
}
.iconDeclined{
    padding-right: 3rem;
    padding-left: 3rem;
    background-image: url(/static/img/svg/order/decline.svg);
    background-position: center;
    background-size: 5rem;
}