@charset "utf-8";

[class*=col-] { position: relative; }

/* TAB STEP 2 */
#TabLogReg li.nav-item { width: 50%; }
.nav-tabs .nav-link { background-color: rgba(0, 0, 0, 0.03); font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 400; font-size: calc(10px + 0.25vw); color: rgba(0, 0, 0, 0.5); padding: 10px 15px; width: 100%; border-bottom: 1px solid rgba(0,0,0,1); }
.nav-tabs .nav-link:hover { border-bottom: 1px solid rgba(0,0,0,1); }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #000; background-color: #fff; border-color: rgba(0,0,0,1) rgba(0,0,0,1) #fff; font-weight: 700; }
#TabLogRegContent { border-left: 1px solid rgba(0,0,0,1); border-right: 1px solid rgba(0,0,0,1); border-bottom: 1px solid rgba(0,0,0,1); border-bottom-left-radius: .25rem; border-bottom-right-radius: .25rem; }

@media (max-width: 768px) {

/*MENU SLIDE*/
	
/*MENU SLIDE SX*/
.navbar-collapse-sx { position: fixed; top: 54px; left: 0; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; width: 90%; height: calc(100% - 54px); z-index: 1; }
.navbar-collapse-sx.collapsing { left: -90%; transition: height 0s ease; }
.navbar-collapse-sx.show { left: 0; transition: left 100ms ease-in-out; }
.navbar-btn.collapsed ~ .navbar-collapse-sx { transition: left 200ms ease-in-out; }
	
/*MENU SLIDE DX*/
.navbar-collapse-dx { position: fixed; top: 54px; right: 0;	padding-left: 15px;	padding-right: 15px; padding-bottom: 15px; width: 90%; height: calc(100% - 54px); z-index: 1; }
.navbar-collapse-dx.collapsing { right: -90%; transition: height 0s ease; }
.navbar-collapse-dx.show { right: 0; transition: right 100ms ease-in-out; }
.navbar-btn.collapsed ~ .navbar-collapse-dx { transition: right 200ms ease-in-out; }
	
/* TAB STEP 2 */
.nav-tabs .nav-link { font-size: calc(8px + 0.5vw); padding: 10px; }
	
}