body{
	font-size: 14px;
	
}
.header{
    font-family: 'Roboto', sans-serif;
    background-color: #24355a;
    color: #d1970a;
    position: sticky;
}

.get-otp{
    background-color: #00457f;
    color: whitesmoke;
}
.get-otp:hover{
    background-color: #00457fcf;
    color: whitesmoke;
}


.cancel-btn{
    background-color: #dce3e8;
    color: black;
}

.cancel-btn:hover{
    background-color: #6f6f6f;
    color: black;
}

hr{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(0 0 0) !important;
}

.sideMenu{
	background: #F7DC6F !important;
	cursor: pointer;
	font-weight: bold
}
.sideSubMenu{
	background: #dcca70;
	cursor: pointer;
}
.sideMenu:hover{
	background: #F7DC6F !important;
	cursor: pointer;
	font-weight: bold
}

.sideMenu:active{
	background: #F7DC6F !important;
	cursor: pointer;
	font-weight: bold
}
.sideMenu:visited{
	background: #F7DC6F;
	cursor: pointer;
	font-weight: bold
}


.sideSubMenu:hover{
	background: #dcca70;
	cursor: pointer;
}

.sideSubMenu:active{
	background: #dcca70;
	cursor: pointer;
}

.sideSubMenu:visited{
	background: #dcca70;
	cursor: pointer;
}









.menuTabActive{
	background-color: #987745 !important;
    color: antiquewhite !important;
}
.menuTabActive:hover{
	background-color: #f3b730 !important;
    color: #795606 !important;
}

.menuTabInActive{
	background-color: #cc8d0024 !important;
    color: #795320 !important;
}

.menuTabInActive:hover{
	background-color: #cc8d0047 !important;
    color: #795320 !important;
}

.customtab>li{
	cursor: pointer;
}


.gridBox{
	flex: 1 1 auto;
	height: 437px;
}
.gridWrapper {
	display: flex;
  	flex-direction: column;
  	height: 100%;
}

.footer {
   position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #24355a;
    color: #e2aa54;
    text-align: end;
}
.tooltip-inner {
    max-width: 500px;
    width: 500px;
    z-index: 1000;
}


.i-icon{
	float: right;
    font-style: italic;
    padding: 0px 9px 0px 9px;
    background-color: #000000ab;
    color: white;
    line-height: 1.7;
    border-radius: 50%;
    font-size: 14px;
    margin-top: 7px;
}

.i-icon:hover{
	float: right;
    font-style: italic;
    padding: 0px 9px 0px 9px;
    background-color: black;
    color: white;
    line-height: 1.7;
    border-radius: 50%;
    font-size: 1px;
    margin-top: 7px;
}

.menuIcon{
	margin-left: 5px;
    background-color: #ac9169;
}

.amberMenuIcon{
	margin-left: 5px;
    background-color: #FFBF00;
}

.amberMenuIcon:hover{
	margin-left: 5px;
    background-color: #ffbf00;
}

.menuIcon:hover{
	margin-left: 5px;
    background-color: #644a25;
}


.irdalGuideLine{
	margin-bottom: 0.4rem;
    font-size: 13px;	
}

.addButton{
	border-radius: 50px !important;
    background-color: #3c98ef;
}
.removeButton{
	border-radius: 50px !important;
    background-color: burlywood;
}

.select-box{
	height: 32px !important;
	cursor:pointer;
	width: 100% !important;
}




.select2-selection.select2-selection--single{
	height: 32px !important;
	border: 1px solid #d6d5d5 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 4px !important;
}
.select2-container{
	width: 100% !important;
}

.new-box-body{
	background-color: #dad9d947;
    margin-top: 7px;
    border-radius: 6px;
    height: 80vh;
    overflow-y: scroll;
    overflow-x: hidden;
    font-size: 14px;
}
.inBoxBody{
	background-color: white;
    margin-left: 0px;
    
    padding: 20px;
    padding-left: 8px;
    border-radius: 8px;
    box-shadow: -1px -1px 3px 0px;
}

.saveButton{
	background-color: #45aaf0;
    border-radius: 5px !important;
    border: none !important;
    color: white;
    box-shadow: 2px 1px 3px 0px gray !important;
}
.cancelButton{
	background-color: #4f4e4aa6;
    border-radius: 5px !important;
    border: none !important;
    color: white;
    box-shadow: 2px 1px 3px 0px gray !important;
}
button.btn.saveButton:hover {
    background-color: #2b66ec;
}

.closeBtn{
	background: #007bff;
    border-radius: 50%;
    color: black;
    font-size: 18px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.lsp{
	width: inherit;
    height: inherit;
}

.form-control{
	line-height: 1 !important;
    font-size: 0.9rem !important;
}

.docBtn{
	background: none;
    height: 32px;
    border: none;
    cursor: pointer;
    margin-right: 5px;
    color: darkred;
}

.docBtn:hover{
	color: red;

}