/* ----------- Phones Screens ----------- */
@media screen 
  and (min-device-width: 200px) 
  and (max-device-width: 766px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	  .nav_header {
		display:none;
	}
	  .monthly-export-button {
		  margin-top: 10px;
    	  
	  }
	  .monthly-export-button-FT {
		  margin-top: 10px;
    	  
	  }
	  
}
/* ----------- Laptop Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	  .top_logo img {
		  width: 220px;
		  padding-left: 20px;
	  }
	  .lead_example_input {
		  margin-right: 3%;
	  }
	  #mr-z {
		  margin-right: 70px;
	  }
}

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
	  .top_logo img {
		  width: 220px;
		  padding-left: 20px;
	  }
	  .lead_example_input {
		  margin-right: 3%;
	  }
	  #mr-z {
		  margin-right: 70px;
	  }
	  .monthly-export-button {
		  margin-top: 20px;
		  padding-top: 20px;
    	  border-top: 1px solid #e3e6f0;
    	  
	  }
	  .monthly-export-button-FT {
		  margin-top: 20px;
		  padding-top: 20px;
    	  border-top: 1px solid #e3e6f0;
    	  
	  }
	  #hidden {
		  display: none !important;
	  }
}
/* ----------- Large Screens ----------- */
@media screen 
  and (min-device-width: 1600px) 
  and (max-device-width: 3000px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	  .top_logo img {
		  width: 220px;
		  padding-left: 20px;
	  }
	  .lead_example_input {
		  margin-right: 3%;
	  }
	  #mr-z {
		  margin-right: 70px;
	  }
	  .monthly-export-button {
		  margin-top: 20px;
		  padding-top: 20px;
    	  border-top: 1px solid #e3e6f0;
    	  
	  }
	  .monthly-export-button-FT {
		  margin-top: 20px;
		  padding-top: 20px;
    	  border-top: 1px solid #e3e6f0;
    	  
	  }
	  #hidden {
		  display: none !important;
	  }
}
/*mini*/
@media screen 
  and (min-device-width: 10px) 
  and (max-device-width: 1200px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	  .top_logo img {
		  width: 100%;
		  max-width: 200px;
		  min-width: 50px;
	  }


}
@media screen 
  and (min-device-width: 10px) 
  and (max-device-width: 635px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	  .navbar-nav.consultant {
		display: none !important;
}

}

@media screen 
  and (min-device-width: 10px) 
  and (max-device-width: 1042px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	  .nav_header {
		display: none !important;
}

}

.container-fluid {
	padding-top: 20px;
}
/*.topbar .dropdown {
	background-color: #273246;
}*/

.dropdown-large{ padding:20px; }

@media all and (min-width: 992px) {
	.dropdown-large{ min-width:500px; }
}
.apphilite {
    color: #f90;
}
.form-control {
	margin-bottom:3%;
}
.input_width {
	width: 100%;
}
.reminder-card.action {
    border-color: red;
    background-color: #fee;
}
.lead-card, .reminder-card {
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
    padding: 10px;
    font-size: 11px;
	margin-bottom:1%;
	margin-left:1%;
	margin-right:1%;
	margin-top: 3%;
}
.timerBox {
  min-height: 50px;
  background-color: #f90;
  color: #ffffff;
  font-size: 32px;
  border-radius: 5px;
  border:1px #ffffff solid;
  text-align: center;
  vertical-align: middle;
	margin-bottom: 3%;
}
.timerBox2 {
  min-height: 50px;
  background-color: #f60;
  color: #ffffff;
  font-size: 32px;
  border-radius: 5px;
  border:1px #ffffff solid;
  text-align: center;
  vertical-align: middle;
}
.card {
	border: none !important;
}
.btn-declined {
    background-color: #d40000;
    font-weight: 300;
    color: #fff;
}
.btn-whatsapp {
    background-color: #ff9900;
    font-weight: 300;
    color: #fff;
}
#accordion {
	width: 100%;
}
.mini_td {
	border-top: 1px solid #e3e6f0;
}
.nav_header {
	display:inline;
	margin: auto;
	width: 50%;
	padding-left: 10px;
	color:#fff;
	font-size:1.7rem;
	vertical-align: middle;
	opacity: 0.9;
}
.canvas {
  background-color: #ffffff;
  width:100%;
  max-width: 480px;
  max-height: 480px;
  font-size:11px;
}
.lead-card, .reminder-card {
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
    padding: 10px;
    font-size: 11px;
}
.orange {
	color: #FF3F00;
}
/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.datepicker td, .datepicker th {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.85rem;
}

.datepicker {
    margin-bottom: 3rem;
}

.datepicker-dropdown {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.table.dataTable > thead .sorting:before,
            table.dataTable > thead .sorting_asc:before {
                display: none;
            }
            .table.dataTable > thead .sorting:after,
            table.dataTable > thead .sorting_asc:after {
                display: none;
            }
            .disabled {
                pointer-events: none;
                cursor: default;
            }