/*================================================================================

	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template

	Version: 2.0

	Author: PIXINVENT

	Author URL: http://www.themeforest.net/user/pixinvent

================================================================================



NOTE:

------

PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.

WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */



.btn-menu-lougout {

	display: block;

	color: #6e6b7b;

	background-color: transparent;

	border: 0;

	padding: 0;

}



.user-photo-action {

	background-color: rgba(255, 255, 255, 0.85);

    bottom: 44px;

    color: #363636;

    left: 15px;

    padding: 8px 0px;

    position: absolute;

    text-align: center;

    right: 15px;

}



.user-photo-company-action {

    background-color: rgba(255, 255, 255, 0.85);

    bottom: -22px;

    color: #363636;

    left: 15px;

    padding: 8px 0px;

    position: absolute;

    text-align: center;

    right: 15px;

}



.user-photo-company-fav-action {

    background-color: rgba(255, 255, 255, 0.85);

    bottom: -22px;

    color: #363636;

    left: 15px;

    padding: 8px 0px;

    position: absolute;

    text-align: center;

    right: 15px;

    font-size: 10px;

}



/*.img-container img {

    display: block !important;

    max-width: 100%;

}*/



.preview {

    overflow: hidden;

    width: 100%; 

    height: 160px;

    border: 1px solid red;

}



.kv-panel-after {

    padding: 0 !important;

    border-top: 0px solid #ddd !important;

}



.search-item {

    padding-bottom: 15px;

    margin-bottom: 20px;

    border-bottom: 1px solid #f1f1f1;

    /*padding: 2%;*/

}



.search-item h3 {

	font-size: 20px;

    line-height: 1.3;

    color: #1a0dab;

}



.search-item p {

    margin: 0;

    max-width: 48em;

    color: #4d5156;

    line-height: 1.58;

}



.search-item a {

    text-decoration: none;

}



.search-item a.search-link {

    color: #202124;

}



.a-gool {

	font-size: 14px;

    line-height: 1.3;

}



.no-m {

    margin: 0;

}



.seo-tooltip {

    display: inline-block;

    font-weight: 400;

    color: #6e6b7b;

    text-align: center;

    vertical-align: middle;

    user-select: none;

    background-color: transparent;

    border: 1px solid transparent;

    padding: 0rem 0rem;

    padding-bottom: 0.2em;

    font-size: 1rem;

    line-height: 1;

    border-radius: 0.358rem;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s;

}



.geral-tooltip {

    display: inline-block;

    font-weight: 400;

    color: #6e6b7b;

    text-align: center;

    vertical-align: middle;

    user-select: none;

    background-color: transparent;

    border: 1px solid transparent;

    padding: 2.3rem 0rem;

    padding-bottom: 0.2em;

    font-size: 1rem;

    line-height: 1;

    border-radius: 0.358rem;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s;

}



.icon-social-painel {

    margin-top: 25px;

}



.align-imgs-line {

    margin-bottom: 3% !important;

}



.recommended {

    margin-top: 10%;

}

.gallery-adm {
    max-height: 270px;
    overflow: hidden;
    padding: 15px;
}

/*#login-form .field-loginform-password {

    width: 86% !important;

}



#login-form .input-group-append {

    height: 2.714rem;

}



@media (max-width: 320px) {

	#login-form .field-loginform-password {

	    width: 83% !important;

	}

}



@media only screen and (min-width: 320px) {

	#login-form .field-loginform-password {

	    width: 85% !important;

	}

}



@media (min-width: 320px) and (max-width: 359px) {

	#login-form .field-loginform-password {

	    width: 83% !important;

	}

}



@media only screen and (min-width: 361px) {

	#login-form .field-loginform-password {

	    width: 87% !important;

	}

}



@media (min-width: 361px) and (max-width: 413px) {

	#login-form .field-loginform-password {

	    width: 86% !important;

	}

}



@media (min-width: 414px) and (max-width: 575px) {

	#login-form .field-loginform-password {

	    width: 87% !important;

	}

}



@media only screen and (min-width: 576px) {

	#login-form .field-loginform-password {

	    width: 87% !important;

	}

}



@media (min-width: 766px) {

	#login-form .field-loginform-password {

	    width: 86% !important;

	}

}



@media (min-width: 767px) and (max-width:  900px) {

	#login-form .field-loginform-password {

	    width: 86% !important;

	}

}*/



/* Landscape - Ipad PRO*/



/*@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {

	#login-form .field-loginform-password {

	    width: 86% !important;

	}

}*/



/* Portrait - Ipad PRO*/

/*@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {

	#login-form .field-loginform-password {

	    width: 79% !important;

	}

}*/