/*Desktop - New Custom css added by balriam*/
.distbtrName,.distbtrCnt{float: left; margin-right: 15px;  background: #fff; color: #000; padding: 5px; display:inline-block;}
.msg{ word-break: break-word;}
/*Responsive css added by Baliram*/
.maxWidth{max-width:100%;}
.overflow{overflow:auto;}
@media screen and (max-width:767px){
#container, #login_module, .maincontainer,#footer,.headertop,.navigation-block,.menuItem,.leftbox,.deal_module,.deal_container { width:100%;}
.create_agent_content{ height:auto;padding: 0 10px;}
.login_block_fields{ margin:20px auto 20px;}
.forgot_pwd_popup{ left: 40px; top: 301px;}
.new_topnav{display:none;}
.navigation-block{border-bottom: solid 1px #0B62BA;}
.anylinkcss{ width:100% !important; border-width: 0; border-radius:0px;  position:relative !important; float: left !important;display: none;}
.menuItem:hover .anylinkcss{ display:block !important; visibility:visible !important; top:0px !important;}
#main_banner{ height: 55px; background: #ffffff !important;}
.logout{position: absolute;top: 5px;right: 10px;background: #dbdbdb;padding: 4px 6px;border-radius: 5px;}
.ViewProfile{position: absolute; top: 36px;right: 12px;}
#tab_module span.login_info label{    width: 100%;padding: 0 10px 10px 5px;    margin: 0px !important;}
#tab_module{ padding: 10px 7px 0px 15px;}
#tab_module span.login_info em{ position: absolute; left: 5px;}
.gst_tab{left: 29%; top: 9px;}
.gst_tab img{ width:80%;}
/*nav bar*/
.navclose {position: fixed; z-index: 100; right: 15px;top: 20px;}
.tbocaret {width: 50px;height: 40px;cursor: pointer;position: absolute;top: 8px;left: 13px;background:#ccc;padding: 2px 7px;border-radius: 5px;display:block !important;}
.tbocaret span {background: #616161; height: 4px; display: block;margin-top: 6px; margin-bottom: 6px;}
.navclose span:first-child { transform: rotate(50deg); transition: .2s ease; margin-top: 16px;}
.navclose span:nth-child(2) {display: none;}
.navclose span:last-child { transform: rotate(-50deg); margin-top: -3px; transition: .2s ease; margin-top: -9px;}
/*Inner Pages css*/
.maincontainer{ min-height:200px;}
.righ_col{ display:none;}
.queueleft_panel,.create_agent_content{ width:100%; min-height:150px;}
.queuerow{ text-align:center;}
.msg{ padding:8px;word-break: break-word;}
.righ_col{ width:100%; padding:0px; border:0px;}
.filterClose{display:inline-block !important;width:20px;height:20px;text-align:center;border-radius:100%;margin:0px;padding:0px;font-style: normal;font-size: 19px;background:#fff; color: #ff0000 ; float: right;}
.filterPanel{ position: fixed; top: 0px; left:0; width:100%; padding-bottom:150px; border: 1px solid #e7e7e7; background: #fff; height:100vh; height:100%; z-index: 9; overflow:auto;}
.filterautoscroll{ height: auto; overflow: inherit;}
.filterBtn{ font-size:14px; display:inline-block !important;}
.header{position:sticky; top: 0; z-index: 9; padding:8px; font-size:15px;}
.queue_left,.queue_righbox,.queue_right,.queue_lbox{ width:100%;}
.queue_right{ margin:10px 0;}
.queue_btm{ padding: 0px 8px;}
.queue_btm .small_btn{ margin-bottom:5px; margin-top:5px;}
.showtable{ width:95%; overflow: auto;}
.filterPanel .yui-calcontainer,.subagentlist_box .yui-calcontainer{ left:0px !important; float:left; width:100%;}
.filterPanel .yui-calendar ,.subagentlist_box .yui-calendar{ width:100%;}
.login_info{ float: left !important;    text-align: left !important; width:100% !important;}
.queue_right em{ float: left; padding-left: 5px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{    margin-left: 0px;    margin-top: 0px;}
.ui-datepicker .ui-datepicker-prev span{ left:0px;}
.ui-datepicker .ui-datepicker-next span{left:inherit; right:0px;}
.righ_col .leftheading{ position: sticky; top: 0; z-index: 9999;}
#footer{ margin-top: 10px; float: left;}
#footer a{ display: inline-block; margin: 3px 0;}
.queue_lbox{ padding-left:0px !important;}
.err_tranque{left: 5%;  margin-left: 0px !important; width: 90%;}
.create_agent_content p{padding: 5px; word-break: break-word;}
.acls{ margin-left:0px !important; right:3px;}
.subagentlist_box .form_box span{    width: 100%;    margin: 5px 0px;}
.subagentlist_box .form_box{position:relative;}
.tbotable td{    word-break: inherit;}
.create_agent_content .deal_details p,.booking_detail_content p{ width:100%;}
.booking_detail_content p{ text-align:center;}
.basicpopup{ width: 92% !important;right:3% !important; left:3% !important;}
.notify_agent_popup,.search-popup-parent{ width: 92% !important;right:3% !important; left:3% !important; top:154px !important;}
.request-popup-content{ padding: 5px;}
.request-popup{width: 98% !important;right:1% !important; left:1% !important;}
#DistributorList{top: 90px!important;}
.requestpop{ top: 10px !important; height: 91%;    overflow: auto;}
.requestpop .popclose{ right: 12px; top: 14px;}
.comon_left,.comon_right{ width:100% !important;}
.guestbox{ padding-left:0px !important;}
.distbtrName, .distbtrCnt{ margin-bottom:10px;}
.leftbox{ border:0px; padding:3px;}
#CancelList{ left:5% !important;}
.insBookingHistry{left:5% !important; top:10% !important; width:90% !important; overflow:auto; max-height:85% !important;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
#container, #login_module, .maincontainer,#footer,.headertop,.leftbox,.deal_module,.deal_container { width:100%;}
.create_agent_content{ height:auto;}
.login_block_fields{ margin:20px auto 20px;}
.forgot_pwd_popup{ left: 40px; top: 301px;}
.righ_col{ width:100%; padding:0px; border:0px;}
/*Inner Pages css*/
.maincontainer{ min-height:200px;}
.righ_col{ display:none;}
.queueleft_panel,.create_agent_content{ width:100%; min-height:150px;}
.msg{ padding:8px;word-break: break-word;}
.righ_col{ width:100%; padding:0px; border:0px;}
.filterClose{display:inline-block !important;width:20px;height:20px;text-align:center;border-radius:100%;margin:0px;padding:0px;font-style: normal;font-size: 19px;background:#fff; color: #ff0000 ; float: right;}
.filterPanel{ position: fixed; top: 0px; left:0;overflow: auto; width:100%; border: 1px solid #e7e7e7; background: #fff; height:100vh; z-index: 9;}
.filterautoscroll{height: calc(100vh - 50px);}
.header{position:sticky; top: 0; z-index: 9; padding:10px; font-size:16px;}
.filterBtn{ font-size:14px; display:inline-block !important;}
.header{position:sticky; top: 0; z-index: 9;}
.queue_right{ margin:10px 0;}
.queue_btm{ padding: 0px 8px;}
.queue_btm .small_btn{ margin-bottom:5px; margin-top:5px;}
.showtable{ width:95%;}
 .filterPanel .yui-calcontainer{ left:0px !important; float:left;}
 .filterPanel .yui-calendar{ width:100%;}
 .crpopnew{overflow:auto;}
}

@media screen and (min-width: 992px) and (max-width: 1180px) {
 #container, #login_module, .maincontainer,#footer,.headertop,.deal_module,.deal_container { width:100%;}
.create_agent_content{ height:auto;}
.login_block_fields{ margin:20px auto 20px;}
.forgot_pwd_popup{ left: 40px; top: 301px;}
 .righ_colscroll{ width:100%;overflow: auto;    height: 100vh;}
}

@media screen and (max-width:480px)  {
.login_block_fields{ width:100%;}
.queue_btm .small_btn{ padding: 2px; width: 100%; margin-left: 0;  text-align: center;}
.agentnamebox{ height: 130px}
.create_agent_content .deal_details p span label,.create_agent_content .deal_details p span em{ width:100%;}
.strong.validate_control{    margin-top:1px;}
.create_agent_content .deal_details p span em{    margin-bottom: 5px;}
 .create_agent_content .deal_details p span em i,.create_agent_content .deal_details p span em i input{ width:100%;}
 .create_agent_content .deal_details p span i.note{ padding:0px;margin-left: 0px !important;}
.uploadHeaderImg,.UploadLogoImg{margin:0px !important; padding:5px 0 !important;}
}