/* =================================*
*									*
*	   !BASE STYLES :: GLOBAL 	    *
*									*
*================================= */

/*@import url("rida-base.php");*/

/* =================================*
*									*
*	   !BASE STYLES :: MOBILE 	    *
*									*
*================================= */

@media screen and (max-width: 496px) {

	#loginForm {
		width: 90vw;
	}

	.sidebar[data-color="orange"]:after, .bootstrap-navbar[data-color="orange"]:after {
    	background: linear-gradient(to bottom, transparent 0%, transparent 100%);
    }

    .full-page[data-color="orange"]:after, .bootstrap-navbar[data-color="orange"]:after {
    	background: linear-gradient(to bottom, transparent 0%, transparent 100%);
    }

	.container-fluid {
		padding: auto 15px !important;
	}


	/* = = = !Bottom Navigation = = = */

	/* .mbsc-rida.mbsc-ms-c {
		height: 60px !important;
		padding: 6px 0px;
	}

	.mbsc-ms-top.mbsc-ms-c, .mbsc-ms-bottom.mbsc-ms-c {
		z-index: 998 !important;
	}

	.mbsc-ms-top.mbsc-ms-c .mbsc-ms,
	.mbsc-ms-bottom.mbsc-ms-c .mbsc-ms {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.mbsc-rida.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled) {
		flex: 1 1 calc(100% / 4);
		font-size: 10px;
		font-weight: 300;
		padding: 8px;
		height: 100%;
		justify-content: flex-end;
	}

	.mbsc-rida.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):active {
		flex: 1 1 calc(100% / 4);
		font-size: 10px;
		font-weight: 300;
		padding: 8px;
		height: 100%;
		justify-content: flex-end;
	}

	.mbsc-ms-icons .mbsc-ms-item p {
		font-size: 9px !important;
		line-height: 0px !important;
	}

	.mbsc-ms-more .mbsc-ms-item.mbsc-ms-ic:before {
		position: relative;
	}

	.mbsc-ms-icons.mbsc-ms-txt .mbsc-ms-item{
		padding-top: 4em !important;
		padding-bottom: 1em !important;

	}
	/* => Begin more option part of the sticky navigation <= */
	.mbsc-ms-icons .mbsc-ms-item.mbsc-menu-item-ic {
		top: 1px;
		line-height: 2px;
		font-size: 9px !important;
	}

	.mbsc-ms-icons .mbsc-ms-item.mbsc-menu-item-ic:before {
		font-size: 23px;
		font-weight: 300 !important;
	}
	/* => End more option part of the sticky navigation <= */
	.mbsc-material.mbsc-ms-more .mbsc-wdg-c.mbsc-w-p {
		padding: .5em 0;
		display: block;
	}

	/* => Begin popup part of the sticky navigation <= */

	div.mbsc-fr-w > div.mbsc-fr-c > div.mbsc-scv {
		height: auto;
	}

	div.mbsc-fr-w > div.mbsc-fr-c > div.mbsc-scv > a {
		height: 40px !important;
	}

	div.mbsc-fr-w > div.mbsc-fr-c > div.mbsc-scv > a:before {
		top: -3px;
		left: -7px;
	}

	div.mbsc-fr-w > div.mbsc-fr-c > div.mbsc-scv > a > p {
		position: absolute;
		top: 10px;
		left: 38px;
	}
	.mbsc-ms-more .mbsc-ltr .mbsc-ms .mbsc-ms-ic {
		padding-left: 5px !important;
		padding-top: 25px !important;
		font-size: 10px !important;
		font-weight: 300 !important;
	} */

	/* => End popup part of the sticky navigation <= */


	/* = = = !Body Content = = = */

	.main-panel > .content,
	.wrapper-full-page > .content {
		padding-bottom: 70px !important;
	}

	<!-- .nav-container {
		padding: 10px 0px !important;
		margin-top: 15px !important;
		margin-bottom: 15px !important;
		border-radius: 4px;
	}

	.nav-icons > li a {
		font-size: 12px;
		opacity: 1 !important;
	}

	.nav-icons > li a i {
		font-weight: 900 !important;
		font-size: 2rem;
		text-align: center;
	}


	.nav-icons > li:first-child a {
		padding-left: 10px;
	}

	.container-fluid > .navbar-header {
		padding-right: 0 !important;
		padding-left: 5px;
	} -->

	.tab-pane {
		/*padding: 0 !important;*/
	}

	.navbar-header {
		background: -webkit-linear-gradient(transparent 0%, transparent 100%);
	}

	.office-navbar-portrait {
		background: var(--dark-blue) !important;
	}

	.content-header {
		border-bottom: solid 1px var(--grey);
		box-shadow: none;
	}

	.card .content {
	    padding: 15px;
	    margin-top: 15px;
	}

	td[class^="fc-mobile-item-"] {
		cursor: pointer;
	}

	.gal {
		display: block;
	    width: 100%;
	    margin: 10px 0px 5px !important;
	}

	.apl {
		display: block;
	    width: 100%;
		margin: 0px !important;
	}

	.form-control input-sm {
		height: 33px !important;
	}

	div.dataTables_wrapper div.dataTables_filter input {
		margin-left: 0 !important;
		width: 100%;
	}

	label {
		display: block !important;
	}

	.btn-file {
		width: 100%;
	}

	.form-control {
		height: 34px !important;
	}

	textarea.form-control {
	    height: auto !important;
	}

	.pagination {
		display: flex !important;
		justify-content: space-between;
	}

	.fresh-datatables .pagination > li > a,
	.fresh-datatables .pagination > li:first-child > a {
		border-radius: 4px !important;
		margin-top: 10px;
	}

	.input-group-btn .btn .fa {
    	font-size: 20px !important;
    }

    #statusBtns button {
    	margin: 2.5px !important;
    }

    .footer > div {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    position: relative !important;
    }

    .fc .fc-button-group > * {
	    color: var(--light-grey);
    }

    .btn-simple.btn-icon {
	    padding: 3px 7px;
	    text-align: center;
	}

	/*.mbsc-material .mbsc-cal-day-date {
	    display: inline-block;
	    width: 30px;
	    height: 30px;
	    margin: 0;
	    line-height: 33px;
	    font-size: 13px;
	    border: none;
	    border-radius: 4px;
	    margin-bottom: 5px;
	}

	.mbsc-rida .mbsc-cal-c .mbsc-cal .mbsc-cal-body
	.mbsc-selected .mbsc-cal-cell-txt {
    	background: #ffa30066 !important;
	}*/

	.goal-card  {
		border-radius: 4px;
		border: none;
	}

	.table > tfoot > tr > th {
		border: none;
	}

	.table > tbody > tr>td {
		border: none;
	}

	table.dataTable tr:hover {
		background-color: transparent;
	}

	.dropdown-toggle {
		font-size: 12px !important;
		border-style: solid;
		border-width: 1px;
		border-radius: 4px;
	}

	.form-control {
		background-color: transparent !important;
	}

	table.dataTable>tbody>tr.child ul.dtr-details {
		display: block;
	}

	.mbsc-ic.icon {
	    font-family: inherit;
	    font-weight: normal;
	}

	.mbsc-ic.icon:before {
	    font-family: "Font Awesome 5 Pro";
	    top: 0.5em;
	}

	.mbsc-ic.icon.fas:before,
	.mbsc-ic.icon.fa:before {
	    font-weight: 900;
	}

	.mbsc-ms-icons .mbsc-ms-item {
		font-size: 10px;
		padding-top: 35px;
	}

	.mbsc-ms-item.mbsc-menu-item-ic {
		font-size: 14px;
	}

	.mbsc-ms-icons .mbsc-ms-item p {
		font-size: 14px;
	}

	.mbsc-ms-item, .mbsc-ms-item p {
		font-size: 14px;
		margin: 0;
	}

	.mbsc-lv-rida-ios-light .mbsc-lv-item:after, .mbsc-lv-rida-ios-light .mbsc-lv-item:before {
		left: 0 !important;
	}

	.main-panel {
		padding-left: env(safe-area-inset-left);
		padding-right: env(safe-area-inset-right);
		padding-bottom: env(safe-area-inset-bottom);
	}

	.main-panel > .content, .wrapper-full-page > .content {
		margin-bottom: 80px;
	}

	.logo-new-vect {
		border-radius: 25%;
		width: 25%;
	}

	table.dataTable.dtr-inline.collapsed > tbody > tr.group > td:before {
		display: none;
	}

	table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before {
		top: 9px !important;
		left: 5px !important;
		box-shadow: none !important;
		font-size: 15px !important;
		background-color: transparent;
		border: none !important;
		line-height: 17px;
		content: '+';
	}

	table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before {
		content: '-';
		background-color: transparent;
	}

	.btn-flex-now {
		display: flex;
	    justify-content: center;
	    line-height: 0px;
	    flex-wrap: wrap;
	}

	.btn-flex-now > button {
		width: 92%;
		margin-top: 5px;
	}

	.btn.btn-fill {
		margin-top: 5px !important;
	}


/* 	.btn.btn-fill {
		margin-top: 5px !important;
	} */


/* 	label.mbsc-stepper-cont {
		border-bottom: 0.1em solid #f7f7f7;
	}

	.mbsc-ios .mbsc-stepper-cont {
    	padding: 1.5em 11.75em 1.5em 1em;
    }

	.mbsc-stepper-val-left {

		margin-left: 20px;
		padding: 25px 0px;
	}

	.mbsc-stepper {
		position: absolute;
		display: block;
		width: auto;
		right: 1em;
		top: 25% !important;
	}

	.mbsc-stepper input {
		left: 0px;
	}

	.mbsc-control-w {
		max-width: none;
		margin: 0;
		font-size: 16px !important;
		font-weight: normal;
	}

	.mbsc-stepper-cont {
		line-height: 30px !important;
		padding-left: 25px !important;
		color: var(--black);
	}

	.mbsc-segmented-content {
	    height: 20px !important;
		margin-left: 2px !important;
		line-height: 20px !important;
		padding: 10px !important;
		color: var(--dark-blue) !important;
		text-transform: capitalize !important;
		border: 0.1em solid var(--dark-blue);
		border-radius: 5px !important;
		background: #fff !important;
		font-size: 10px !important;
	}

	.mbsc-segmented-item.mbsc-segmented-content {
		border: none !important;
	} */

div.dataTables_wrapper > div {
    width: calc(100vw - 40px) !important;
	overflow-x: scroll;
  }
  th, td { white-space: nowrap; }

  .actions {
	  flex-wrap: wrap;
  }
  .flex-block {
	  width: 100%;
	  margin: 10px 5px !important;
  }
	.sticky-header {
		position: inherit;
		display: none;
	}
  main.page-content {
	  padding-bottom: 100px !important;
  }
  div.dataTables_wrapper > div.row {
	  margin-left: 0;
	  margin-right: 0;
  }
  div#datatables_paginate {
	  display: flex;
	  align-items: center;
	  justify-content: space-evenly;
	  flex-wrap: wrap;
  }
  .paginate_button {
	  flex-grow: 1;
  }
  div#datatables_paginate > *:not(.paginate_button) {
	  display: none;
  }
  div.dataTables_wrapper div.dataTables_length label {
	  text-align: center;
  }
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_length {
	  display: none;
  }

  #filterContainer .dateselection .ranges {
	  display: none;
  }

  #filterContainer .dateselection {
	  width: 100%;
	  justify-content: center;
  }

  #filterContainer .content {
	  flex-direction: column;
  }

  #filtersContainer .filter-toggle {
	  display: none;
  }
  /*
  .table caption {
    font-size: 1.3em;
  }

  .table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
    width: calc(100vw - 60px);
  }

  .table td {
    border-bottom: 1px solid #ddd !important;
    display: block;
    font-size: .8em;
    text-align: right;
    line-height: 30px !important;
    height: 30px;
  }

  .table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  .table td:last-child {
    border-bottom: 0;
  } */
  #voiceBtns {
	display: none;
  }
  .lead_score_pill {
	  display: inline;
	  padding: 5px 40px;
  }
}
/******************** End Mobile Base ********************/