/*********
Sidebar css
**********/
.sidebar_div{width:15%; height:100vh; background-color:#e6e6e6; float:left;}
.sidebar_heading{font-size:18px; text-align:center; padding: 5px 0px 2px 0px; background-color: white; box-shadow: 0 4px 100px 0 rgb(0 0 0 / 20%);}
.link_href{margin: 0px 0px;}
.list-items{list-style:none; padding-left:0px;}
.list-items li{border: 1px solid #eee; padding: 5px 20px; font-size: 16px; font-family: emoji; cursor:pointer;}
.products i{font-size:18px; float:right;}
.products ul{list-style:none; margin: 0px 0px;}
.products ul li{border:none; font-size: 14px; padding: 5px 0px;}
.sidebar_image {width: 22px; margin-right:10px;}
.sidebar_image1 {width: 14px; margin-right:5px;}

/************
Main content css
************/

.onbrdg_top{text-align:center; width: 50%; height:50vh; margin:10% 25%;}
.agent_logo{border:1px solid black; width:20%; margin:1% 40%;}
.agent_text{margin: 5% 0px;}
.agent_text p{font-size:28px;}
.agent_text>:last-child{font-size:20px;}
.agent_input{margin-bottom: 25px;}
.agent_input label{font-size:18px; font-weight:300!important; padding:10px 5px;}
.agent_input input{display:inline-block; width:50%;}
.onbrdg_top_button{background-color:#99ff33; color:#000000;}

.main_div{width:85%; float:right;}
.topbar{height:9vh; background-color:#e6e6e6; width:100%; box-shadow: 0 4px 4px 0 rgb(0 0 0 / 20%);}
.main_content{ margin-top:5px;}
.main_content .leftbar{width:15%; float:left; height:90vh;}
.main_content .rightbar{width:85%; float:right;}
.leftbar ul{list-style:none; padding: 0px 0px;}
.leftbar ul li{border:1px solid #e6e6e6; padding: 5px 20px; font-size: 16px; font-family: emoji; cursor:pointer;}

.item{margin:25px 25px; height:80vh;}
.item_internal{height:96%; border-radius:20px; box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);}
.onbrdgtitle{height:40px; background-color: #cce6ff; border-top-left-radius:20px; border-top-right-radius:20px; text-align:center; font-size:20px; padding-top:4px;}
.onbrdgfooter{height:40px; background-color: #cce6ff; border-bottom-left-radius:20px; border-bottom-right-radius:20px; padding: 4px 20px;}
.onbrdgfooter .left_btn{float:left; background-color:#f0f0f0; color:#666666;}
.onbrdgfooter .right_btn{float:right; background-color:#99ff33; color:#000000;}

.onbrdgcontent{height: calc(100% - 80px);}
.onbrdg_form{margin: 25px 0px 0px 0px;}
.onbrdg_form div.row{margin:4px 0px;}
.onbrdg_form span{float:right; font-size: 14px; font-family: emoji;}
.onbrdg_form input{float:left; width:40%; border-radius:5px; border: 1px solid #999999; padding: 2px 10px; font-weight: 500; font-family: monospace; font-size:14px;}


/************
For all use
*************/
.btn{padding: 5px 35px; border-radius: 20px; border:none;}