/* Your custom styles */
/* .view { */
/*   height: 100%; */
/* } */
.smart-s {
  color: rgb(248, 79, 72) !important;
  font-weight: 700!important;
}
  
.smart-m {
  color: rgb(255, 121, 66) !important; 
  font-weight: 700!important;
}

.smart-a {
  color: #f7a802 !important; 
  font-weight: 700!important;
}
  
.smart-r {
  color: #83bf3b !important; 
  font-weight: 700!important;
}
  
.smart-t {
  color: #1ebaab !important; 
  font-weight: 700!important;
}

@media only screen 
  and (min-device-width: 150px) 
  and (max-device-width: 560px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.secure-container {
	margin-top: 50px !important;
    min-height:100vh !important;
  }
}

@media (min-width: 561px) {
  .secure-container {
   margin-top: 20px !important;
    min-height:100vh !important;
  }
}

@media (min-width: 768px) {
 .secure-container {
   
    min-height:100vh !important;
  }
}

@media (min-width: 992px) {
  .secure-container {
    min-height:100vh !important;
  }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.secure-container {
    min-height:100vh !important;
  }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.secure-container {
    min-height:100vh !important;
  }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.secure-container {
    min-height:100vh !important;
  }
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.secure-container {
    min-height:100vh !important;
  }
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.secure-container {
    min-height:100vh !important;
  }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.secure-container {
    min-height:100vh !important;
  }
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.secure-container {
    min-height:100vh !important;
  }
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.secure-container {
    min-height:100vh !important;
  }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.secure-container {
    min-height:100vh !important;
  }
}

.side-nav {
	z-index:1030;
	background-color:#000 !important;
}
.side-nav a {
	color:#fff !important;
}
#headerNav{
	z-index: 1040;
	padding-left:inherit;
	background-color: #388e3c !important;
}

/* .navbar-brand{
	-webkit-background-size:454px 51px;
	-moz-background-size:454px 51px;
	-o-background-size:454px 51px;
	background-size:454px 51px;
	height:51px;
	width:454px;
	margin:10px !important
} */
/* @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
	.navbar-brand{
		-webkit-background-size:200px 51px;
		-moz-background-size:200px 51px;
	    -o-background-size:200px 51px;
	    background-size:200px 51px;
	}
} */

.custom-button-header{
	background-color: #29b6f6 !important;
}
.cursorNone{
	cursor: initial !important;
}
.pagination .page-item.active .page-link {
	background-color: #29b6f6 !important;
}
.dropdown-default .dropdown-content li a, .dropdown-default .dropdown-content li span:hover, .dropdown-default .dropdown-content li.active {
	background-color:#29b6f6 !important;
}
.custom-autocomplete-ul{
	position: absolute;
    right: 0;
    left: 0;
    z-index: 100;
    padding-left: 0;
    overflow-y: auto;
    list-style-type: none;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

footer.page-footer{
	background-color: #1C2331 !important;
}