@media only screen and (min-width: 1024px) {
	#company_select_form {
		display: none;
	}
}
@media only screen and (max-width: 1024px) {
	form[role="search"].top-nav-search.topSearchForm {
		display: none;
	}
	form[role="search"].company_form_select_modal.top-nav-search {
		display: block !important;
	}
    .navbar.navbar-inverse.navbar-fixed-top a#toggle_mobile_search {
    	right: 115px !important;
    }
    #mobile_only_nav.mobile-only-nav ul.nav.navbar-right.top-nav {
    	z-index: 99;
    	position: relative;
    }
}
@media only screen and (max-width: 992px) {
.daterangepicker.ltr.show-ranges.opensright {
    width: 46% !important;
}
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
    height: 30px !important;
}
}
@media only screen and (max-width: 575px) {
	/*Login Page*/
	/*ul.slideshow {
		position: absolute;
	}*/
	.table-struct.full-width.full-height {
		height: auto !important;
	}
	.auth-form-wrap {
		padding: 30px 20px !important;
	}
	.loginFormOuter {
		margin-left: 0px !important;
		width: 100% !important;
	}
	.auth-form {
		width: 100% !important;
	}
	.well {
		background-color: transparent !important;
	}

	/*Header menu icons*/
	/*.navbar.navbar-inverse.navbar-fixed-top a#toggle_mobile_search,
	.navbar.navbar-inverse.navbar-fixed-top a#toggle_mobile_nav {
    	top: 20px;
	}
*/
	/*Menu Dropdown for Todo , Contact , Chet*/
	.navbar.navbar-inverse.navbar-fixed-top .nav > li .dropdown-menu.app-dropdown {
		min-width: 250px !important;
	}

	/*Todo Nav menu*/

	/*Contact*/
		/* Manually add px-3 in row in contact page */

		



	/*All nav menus*/
	.nav-tabs.navBorderbottom > li {
		width: 100% !important;
		margin-bottom: 1px !important;
		margin-left: 5px;
	}
	.navBorderbottom > .active_nav > a {
		padding-left: 5px !important;
		width: 60% !important;
		float: left !important;
	}
	ul.navBorderbottom::after {
		top: 0px !important;
	}
	ul.nav-pills {
		margin-left: 0px;
	}
	ul.nav-pills .active_nav_border,
	ul.buttonClickActive .active_nav {
		width: 100%;
		margin-bottom: 5px !important;
	}
	ul.nav-pills .active_nav_border > a,
	ul.buttonClickActive .active_nav > a {
		width: 40%;
		text-align: center;
		display: block;
	}
	.vertical-tab .ver-nav-tab {
	    width: 100%;
		min-height: 100px !important;
		margin-bottom: 20px;
	}
	.vertical-tab .ver-nav-tab.active_subnav::after {
		content: '';
	    display: flex;
	    width: 100%;
	    border-bottom: 1px solid #dedede;
	    position: relative;
	}
	.custom-tab-1.vertical-tab .ver-nav-tab > li {
		width: 100%;
		float: left;
		padding: 0px 5px;
	}
	.active_subnav > .active_subnav_ > a {
		width: 50%;
		padding-left: 5px !important;
	}
	.active_subnav > .active_subnav_ > a.active {
		border-bottom: 3px solid #2ecd99 !important;
		border-right: 0px !important;
		border-bottom-left-radius: 0px !important;
	}
	/*All Modals*/
	div.modal.fade {
		width: 90% !important;
		margin-left: 5% !important;
	}
	.modal .modal-dialog {
		display: inline !important;
	}
	.modal-header h4 {
		font-size: 18px;
	}
	.modal-dialog .ticketshowUserDetailPopup {
		width: 100% !important;
	}
	/*profile page*/

	/*Tooltip*/
	.external-tooltip .external-tooltiptext {
		left: 20% !important;
	}
	.nav-wizard > li.external-tooltip {
		margin: 20px auto 10px auto !important;
	}
	.nav-wizard > li.active > a {
		border-radius: 20px !important;
	}
	.nav-wizard > li:not(:last-child) > a:after,.nav-wizard > li:not(:first-child) > a:before {
		border-top: 0 inset transparent !important; 
	    border-bottom: 0px inset transparent !important; 
	    border-left: 0px solid #eeeeee !important;
	}

	/*Upload Document*/
	#sequentialupload .ajax-upload-dragdrop,
	.upload_div_area .ajax-upload-dragdrop {
		width: 100% !important;
	}
	.licenseRegistrationCertificationApprovalDetail {
		word-wrap: break-word;
	}
	
	/*Buttons*/
	button.btn{
		margin-bottom: 10px;
	}
	
	/*Bootstrap select*/
	.bootstrap-select.form-control {
		height: 30px;
	}
	.bootstrap-select button .filter-option .filter-option-inner {
		padding: 2px 0px 2px 12px;
	}
	.ms-container {
		width: 100% !important;
	}
	.bootstrap-select>.dropdown-toggle:after {
     position: relative; 
     left: 20px;
	}
	#userpic[name="userpic"] .row #div_user .dropdown.bootstrap-select.show-tick {
        width: 100% !important;
    }

    /* Summer Note */
	#userpic[name="userpic"] .row .form-group .panel-body .note-editor .note-toolbar {
		display: block !important;
	}

	/*wizard*/
	#form_wizard_div .panel-body .wizard .steps ul > li,
	.tab-pane#manual_div[role="tabpanel"] .wizard .steps ul > li,
	#form_wizard_div .wizard .steps ul > li {width: 100% !important;margin-bottom: 3px;}
	.wizard > .content {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	/* Table Responsive */
	table.table.table-striped,
	table.table.eve_child_table_pop {
		overflow-x: auto;
		display: block;
	}
	table.defbykeywordTable,table.defbyactTable,table#legal_document_table,
	table.cxo_table,table.admin_table,table.horizontal_table {display: block !important;}
	table.overflow_x_scroll {overflow-x: scroll !important;}
	table.table.table-striped.dataTable {
		display: revert;
	}
	table.dataTable tbody tr.child td.child ul.dtr-details {
		width: 100% !important;
		padding: 0px 15px !important;
	}
	table.dataTable tbody tr.child td.child ul.dtr-details li span.dtr-data {
		float: right !important;
	}
	table tfoot {
		display: none;
	}
	/*Ticket Center rating*/
	label.star {
   		font-size: 15px !important;
	}

	/*Row Margin*/
	.page-wrapper {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.tab-pane.vertical_div__575 .vertical-tab .tab-content {
		display: block !important;
		border-left: 0px !important;
	}
	.tab-pane.vertical_div__575 .tab-content .vertical_pane__575 {
		padding-left: 0px !important;
	}
	select.complianceTaskAdd {
		top: 0 !important;
	}
	textarea.attributeAdd[name="attribute_value"] {
		height: 200px !important;
	}
	/*Upload file*/
	.ajax-file-upload-statusbar {
		margin: 0px !important;
	}
	.ajax-file-upload-statusbar,.ajax-file-upload-filename,.ajax-file-upload-progress {
		width: 100% !important;
	}
	.row.templateView_border {
		padding-bottom: 10px !important;
		border-bottom: 1px solid #ccc !important;
	}

	/*table#article_table_compliance_calenders,table#article_table_global {
		display: block !important;
	}*/
	.riskRatingPopup.d-block {border-left: 0px !important;}
	#health_report_child_department_table .adminDashboardCompliancetab,
	#health_report_child_department_table .adminDashboardCoveragetab,
	#cxo_dasboard_compliance_risk_report_table .tdconcludedCompliance,
	#cxo_dasboard_compliance_risk_report_table .tdpendingCompliance,
	.cxo_dashboard_pan_table .tdconcludedCompliance,.cxo_dashboard_pan_table .tdpendingCompliance, .login_report_table .otu_logged[colspan="5"] {
		display: none;
	}
	.panel-heading span.fd,
	.panel-body span.fd,
	.panel-body b.reprort_popup_comp_b,
	.panel-body a.reprort_popup_comp_b {
		margin-bottom: 10px;
        display: block;
        padding-left: 16px;
	}
	.reprort_popup_comp_b.riskrating_popup_Text_width[popup-width="50%"] {
		width: 30% !important;
	    text-align: center !important;
	    margin-left: 16px !important;
	}
	.daterangepicker.ltr.show-ranges.opensright {
    	width: 88% !important;
	}
	.daterangepicker.ltr.show-ranges.opensright .ranges,.daterangepicker.ltr.show-ranges.opensright .ranges ul {
		width: 100% !important;
	}
	.panel-collapse.panelBorder .text-start.text-sm-end b.pe-3,
	.panel-collapse .panel-body .text-start.text-sm-end b.pe-3 {
		font-weight: bold !important;
	}
	.panel-collapse.panelBorder .text-start.text-sm-end b.pe-3 .float-end,
	.panel-collapse .panel-body .text-start.text-sm-end b.pe-3 .float-end {
		float: none !important;
		padding: 0px 10px 0px 7px;
	}
	.ticketCentershowDescription .panel span[class="fd"] {
		font-weight: normal !important;
	}
	.ticketCenterScreenShort span img {
		width: 100% !important;
	}
	.note-editor.note-frame .note-editing-area .note-editable img {
		width: 100% !important;
	}
	#schedule_tab_click #schedule_tab_div .row #DataTables_Table_0_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table.schedule_setting_table {
		display: none !important;
	}
	#schedule_tab_click #schedule_tab_div .row #DataTables_Table_0_wrapper .dataTables_scroll .dataTables_scrollBody table.schedule_setting_table .dataTables_sizing {
		height: 35px !important;
		display: flex !important;
		align-items: center !important;
	}
	#settings_9 .panel-wrapper .overflow-hide .col-md-4 {
		margin-bottom: 15px !important;
	}
	#settings_9 .panel-wrapper .overflow-hide .col-md-4 i strong,
	#settings_9 .panel-wrapper .overflow-hide .col-md-6 i strong {
		width: 100% !important;
		display: block !important;
		padding-left: 15px !important;
	}
	.duedatereportscreen_comliance-related-expense,
	.eventrefresh_comliance-related-expense {
		width: 100% !important;
		float: left;
	}
	.pull-right.text-sm-end.text-center.mt-2.mt-sm-0.calender_full_screen_button .full-screen {
		position: relative;
		top: -30px !important;
		left: 50px !important;
	}
	.calendercss h5 {
		font-size: 13px !important;
		text-align: center !important;
	}
	.calendercss h6 {
		font-size: 13px !important;
		text-align: center !important;
		position: relative !important;
		top: 10px;
	}
	.panel-heading.calendar_panel_heading_padding {
		padding-bottom: 0px !important;
	}
/*	#mgmt_user_add_form .row .form-group {
		padding-bottom: 15px;
		border-bottom: 1px solid #aaaaaa;
	}*/
	#mgmt_user_add_form .row .form-group label {
		width: 85%;
		float: left;
		padding-left: 5px;
	}
	#mgmt_user_add_form .row .form-group input {
		position: relative;
		top: 6px;
		padding-right: 5px;
	}
	#keyword_table_id_wrapper #keyword_table_id tbody>tr>td.dtr-control:before,
	#keyword_table_id_wrapper #keyword_table_id tbody>tr.parent>td.dtr-control:before {
		left: 37% !important;
        top: 19px !important;
	}
	#dbyact_table_id_wrapper #dbyact_table_id tbody>tr>td.dtr-control:before,
	#dbyact_table_id_wrapper #dbyact_table_id tbody>tr.parent>td.dtr-control:before,
	#legal_document_table_wrapper #legal_document_table tbody>tr>td.dtr-control:before,
	#legal_document_table_wrapper #legal_document_table tbody>tr.parent>td.dtr-control:before	 {
		left: 37% !important;
	}

}
@media only screen and (max-width: 500px) {
	ul.nav-pills .active_nav_border > a,
	ul.buttonClickActive .active_nav > a {
		width: 50%;
	}
}
@media only screen and (max-width: 450px) {
	ul.nav-pills .active_nav_border > a,
	ul.buttonClickActive .active_nav > a {
		width: 60%;
	}
	.navbar.navbar-inverse.navbar-fixed-top .nav > li > a {padding: 0 5px !important;}
	.navbar.navbar-inverse.navbar-fixed-top .nav > li > a > .zmdi-apps{
		font-size: 20px !important;
	}
	.navbar.navbar-inverse.navbar-fixed-top .nav > li > a > img.user-auth-img {
		max-height: 35px !important;
    	max-width: 35px !important;
	}
	.navbar.navbar-inverse.navbar-fixed-top a#toggle_mobile_search {
		right: 90px !important;
	}
	.navbar.navbar-inverse.navbar-fixed-top a#toggle_mobile_search i.zmdi {
		font-size: 20px !important;
	}
	.daterangepicker.ltr.show-ranges.opensright {
    	width: 80% !important;
	}
}
@media only screen and (max-width: 425px) {
	.calendercss {
		padding: 5px !important;
	}
}
@media only screen and (max-width: 410px) {
	/*User Deshbord Calender*/
	.calender_size {
		padding: 15px 0px !important;
		width: 100% !important;
	}
	/* Ticket show */
	.ticketshowAttachment .col-3,
	.ticketshowAttachment .col-9 {
		width: 100%;
	}
	.prev_next_button.calender_date_next_prev_button {
		border: 0px !important;
		background: transparent !important;
	}
}
@media only screen and (max-width: 375px) {
	/*User Deshbord Calender*/
	.calender_size {
		padding: 15px 15px !important;
	}
	ul.nav-pills .active_nav_border > a,
	ul.buttonClickActive .active_nav > a {
		width: 80%;
	}
}

@media only screen and (max-width: 350px) {
	.navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap a img.brand_img_deshboard_logo {
		right: 20px !important;
	}
	.navbar.navbar-inverse.navbar-fixed-top .nav > li > a .user-online-status {
		bottom: 12px !important;
		right: 2px !important;
	}
	/*Menu Dropdown for Todo , Contact , Chet*/
	.navbar.navbar-inverse.navbar-fixed-top .navbar-right .dropdown-menu {
		right: -60px !important;
	}
}
@media only screen and (max-width: 320px) {
	    .calendar thead tr th h5,
	    .calendar thead tr th h6 {
        font-size: 10px !important;
        padding: 5px !important;
    }
}
@media only screen and (max-width: 300px) {

}