﻿.bgImage {
    background: url('/pics/Salon_Network_background.jpg');
    background-size: cover;
    height: 100% !important;
    min-width: 1100px;
}

.bgInside {
    background-color: #080c1d !important;
    background-size: cover;
    min-width: 1055px;
    max-height: 150px;
}

.bgTileColor {
    background-color: #212433;
    background-size: cover;
}

.docLogo {
    height: 30px;
}

.bgGradient {
    background: linear-gradient(rgba(8, 12, 29, 1), rgba(39, 43, 63, 1));
    height: 2.9vh !important;
}

.bgGradient2 {
    background: linear-gradient(rgba(39, 43, 63, 1),rgba(8, 12, 29, 1));
    height: 2vh !important;
}

.bgGradient3 {
    background: linear-gradient(rgba(8, 12, 29, 1),rgba(39, 43, 63, 1));
    height: 2vh !important;
}

.bgNav {
    background-color: #080c1d !important;
    background-size: cover;
    height: 10vh !important;
    min-width: 1000px !important;
}

.bgNavFeed {
    background-color: #080c1d;
    background-size: cover;
    border-top: 0.1vh solid #b4b4b4;
    border-bottom: 0.1vh solid #b4b4b4;
    height: 6.5vh;
}

.bgFooter {
    background-color: #080c1d;
    background-size: cover;
    min-height: 5.4vh !important;
}

.LeftMenu {
    width: 180px !important;
    float: left;
}

.CenterMenu {
    width: 494px !important;
    float: left;
}

.skip {
    height: 30px;
}

.CenterMenuLarge {
    width: 789px !important;
    float: left;
}

.RightMenu {
    width: 296px !important;
    float: left;
}

.PaddingLeft {
    width: 180px !important;
}

.PaddingRight {
    width: 180px !important;
}

#MainContentLogin.invalid {
    min-height: 85vh;
}

#MainContentLoginMobile.invalid {
    min-height: 85vh;
}

#MainContentDefault {
    min-height: 850px;
}

#MainContentLogin {
    min-height: 85vh;
}

#MainContentLoginMobile {
    min-height: 85vh;
}

#MainContentRegister {
    min-height: 650px;
}

#MainContentRegisterMobile {
    min-height: 650px;
}

#MainContentRegister2 {
    min-height: 650px;
}

#MainContentRegister.invalid {
    min-height: 600px;
}

#MainContentRegisterMobile.invalid {
    min-height: 600px;
}


#MainContentLogged {
    width: 1000px !important;
    margin: 0 auto;
    position: relative;
    zoom: 1;
    height: 94vh;
}

.InitialMain {
    /*background: url('/pics/Salon_Network_background.jpg');*/
}

.CenterDefault {
    /*background: url('/pics/Salon_Network_background.jpg');*/
}

.sep05 {
    height: 0.5vh !important;
}

.sep1 {
    height: 1vh !important;
}

.sep15 {
    height: 1.5vh !important;
}

.sep2 {
    height: 2vh !important;
}

.sep25 {
    height: 2.5vh !important;
}

.sep3 {
    height: 3vh !important;
}

.sep4 {
    height: 4vh !important;
}

.sep5 {
    height: 5vh !important;
}

.sep10 {
    height: 10vh !important;
}

.separator {
    border-bottom: 0.1vh solid #b4b4b4 !important;
}

.logo {
    height: 3.5vh !important;
}

.logoIcon {
    width: 42.5vh;
    height: 25vh;
    opacity: 1 !important;
}

.tileType {
    width: 30px;
    padding-left: 2px;
    padding-bottom: 10px;
    height: 30px;
}

.infoLogo {
    width: 300px;
    height: 300px;
}

.infodzLogo {
    width: 200px;
    height: 200px;
}

.infodzProfile {
    width: 200px;
    height: 200px;
    margin-top: 20px;
}

.aboutLogo {
    width: 35vh !important;
    height: 25vh !important;
}

.profilePic {
    width: 170px;
    height: 170px;
    border-radius: 0.2vh;
}

#dropzoneLogo .dz-image img {
    width: 200px;
    height: 200px;
}

.leftMenuItem {
    width: 170px;
    height: 38px;
}

.hypFont {
    font-size: 14px;
}

.space2 {
    padding: 0;
}

.paddingLeftMenu {
    padding-left: 23.5vh;
}

.paddingRightMenu {
    padding-right: 23.5vh;
}

.paddingLeftMenuLarge {
    padding-left: 49.5vh;
}

.paddingRightMenuLarge {
    padding-right: 35.5vh;
}

.collapseButton {
    background-color: #333;
}

.icon-bar {
    background-color: #fff !important;
    width: 33px !important;
    height: 8px !important;
}

.floatNone {
    float: none !important;
}

.feedMainImage {
    width: 465px;
    min-height: 300px;
    display: block;
    margin: 1vh 1vh 1vh 1vh;
}

.feedSecondImage {
    width: 80px;
    min-height: 80px;
    display: block;
}

.modalSecondImage {
    width: 40px;
    height: 40px;
    display: block;
}

.comment {
    width: 40px;
    height: 40px;
}

.modalBox {
    width: 460px;
    height: 300px;
    border-width: 2px;
}

.modalButtonClose {
    background-image: url('../pics/close.svg');
}

.adsMainImage {
    width: 270px;
    min-height: 100px;
    display: block;
    margin: 1vh 1vh 0.5vh 1vh;
}

.profileMainImage {
    width: 110px;
    height: 110px;
    display: block;
    margin: 1vh 1vh 1vh 1vh;
}

.courseMainImage {
    width: 225px;
    height: 225px;
    display: block;
    margin: 1vh 1vh 1vh 1vh;
}

.courseInfoMainImage {
    width: 300px;
    height: 300px;
    /*display: block;*/
    margin: 1vh 1vh 1vh 1vh;
}

.courseInfodzMainImage {
    width: 300px;
    height: 300px;
    display: block;
    margin: 1vh 1vh 1vh 1vh;
}

.GoPremiumMainImage {
    width: 210px;
    height: 150px;
    display: block;
    margin: 10px;
}

.bigButton {
    width: 150px;
    height: 75px;
    padding: 0.5vh !important;
}

.smallButton {
    height: 30px;
    padding: 0.5vh !important;
}

.upgradeBigButton {
    width: 200px;
    height: 58px;
}

.infoSmallButton {
    width: 125px !important;
    height: 38px !important;
}

.infoSmallButtonMobile {
    width: 425px !important;
    height: 138px !important;
}

.footerMobile {
    display: none;
}

.smallPadding {
    display: inline-block;
    padding-right: 2vh;
}

.inlineBlock {
    display: inline-block;
}

#MainContentMobile {
    display: none;
}

#MainContentLoggedMobile {
    display: none;
}

#divMobileButtons {
    display: none;
}

.btnLogin {
    background: url('/pics/Button_Register.svg');
}

.JobTitle {
    background-color: transparent;
    background-size: cover;
    height: 3.5vh !important;
}

.centralDiv {
    background-color: #080c1d !important;
    opacity: 0.6;
    color: #b4b4b4;
    /*height: 75vh;*/
    margin-top: 2vh;
    border-top: 0.1vh solid white;
    border-bottom: 0.1vh solid white;
    font-size: 1.2vh;
}

.centralDivLogin {
    background-color: #080c1d !important;
    opacity: 0.6;
    color: #b4b4b4;
    height: 50vh;
    margin-top: 10vh;
    border-top: 0.1vh solid white;
    border-bottom: 0.1vh solid white;
    font-size: 1.2vh;
}

.centralDivRegister {
    background-color: #080c1d !important;
    opacity: 0.6;
    color: #b4b4b4;
    margin-top: 2vh;
    min-height: 87.5vh;
    border-top: 0.1vh solid white;
    border-bottom: 0.1vh solid white;
    font-size: 1.2vh;
}

.centralDivRegister2 {
    background-color: #080c1d !important;
    opacity: 0.6;
    color: #b4b4b4;
    min-height: 450px;
    margin-top: 40px;
    border-top: 0.1vh solid white;
    border-bottom: 0.1vh solid white;
    font-size: 1.2vh;
}

.centralDivFeed {
    background-color: #080c1d !important;
    color: #b4b4b4;
    height: 70vh;
    border-bottom: 0.1vh solid white;
    font-size: 1.6vh;
}

.dottedLine {
    border-bottom: 1px dotted #b4b4b4;
}

.dottedLineMobile {
    border-bottom: 5px dotted #b4b4b4;
}

.dottedLineTitle {
    border-bottom: 1px dotted #b4b4b4;
    width: 43vh;
}

.dashedLine {
    border-bottom: 0.2vh dashed #b4b4b4;
}

.dashedLineTitle {
    border-bottom: 0.2vh dashed #b4b4b4;
    width: 43vh;
}

.feedTitlePoster {
    display: block;
    margin: 1vh 1vh 1vh 0vh;
}

.videoFill {
    object-fit: fill;
}

#MainContentLogged#modalTellNetwork, #MainContentLogged#modalDeletePost, #MainContentLogged#modalReportPost {
    position: absolute;
    top: 75px;
    right: 120px;
    bottom: 0;
    left: 0;
    z-index: 9999;
    overflow: auto;
    overflow-y: auto;
}

#MainContentMobile#modalTellNetwork, #MainContentMobile#modalDeletePost, #MainContentMobile#modalReportPost {
    width: 900px;
}

.modal-dialog {
    width: 494px;
    height: 120px;
}

#modalCrop {
    position: absolute;
    top: 75px;
    right: 120px;
    bottom: 0;
    left: 0;
    z-index: 9999;
    overflow: auto;
    overflow-y: auto;
}

    #modalCrop .modal-dialog, .image-container, .cropper-crop-box, .image-container img {
        width: 875px;
    }

        .cropper-crop-box, .image-container img {
            height: 300px;
        }

.tiles .tile {
    display: block;
    float: left;
    text-decoration: none;
    color: #b4b4b4;
    position: relative;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: .02em;
    /*line-height: 17px;*/
    overflow: hidden;
    margin: 0 10px 10px 0;
    cursor: pointer;
    background-color: #212433;
}

.tileCourses {
    width: 243px;
    height: 500px;
}

.tileCoursesMobile {
    width: 270px;
    height: 425px;
}

.navButton {
    width: 50px;
    height: 50px;
    position: relative;
    margin: 30px;
    border: 0px;
}

.bgLogo {
    background: url('../pics/Mobile_icons_SN_Logo.svg');
    background-size: cover;
}

.bgCourses {
    background: url('../pics/Mobile_icons_Courses.svg');
    background-size: cover;
}

.bgEvents {
    background: url('../pics/Mobile_icons_Events.svg');
    background-size: cover;
}

.bgJobs {
    background: url('../pics/Mobile_icons_Jobs.svg');
    background-size: cover;
}

.bgAwards {
    background: url('../pics/Mobile_icons_Awards.svg');
    background-size: cover;
}

.bgSearch {
    background: url('../pics/Mobile_icons_Search.svg');
    background-size: cover;
}

.bgSuppliers {
    background: url('../pics/Mobile_icons_Suppliers.svg');
    background-size: cover;
}

.bgSponsors {
    background: url('../pics/Mobile_icons_Sponsors.svg');
    background-size: cover;
}

.bgDocuments {
    background: url('../pics/Mobile_icons_Docs.svg');
    background-size: cover;
}

.postButton {
    background: url('../pics/Button_Submit_small.svg');
}

.tileProfiles {
    width: 243px;
    height: 175px;
}

.tileIndividual {
    width: 230px;
    height: 500px;
}

.tilePremiumIndividual {
    width: 230px;
    height: 700px;
}

.tilePremiumSalon {
    width: 230px;
    height: 900px;
}

.icon {
    height: 3vh !important;
}

.tileJobs {
    width: 243px;
    height: auto;
}

.tileJobIcon {
    width: 16.5vh !important;
    height: 13.6vh !important;
}

.tileJobImage {
    width: 16.5vh !important;
    height: 16.5vh !important;
}

.tileFeedCenter {
    width: 482px;
    height: auto;
    padding: 0 !important;
}

.tileFeedAds {
    width: 288px;
    height: auto;
}

.tiles .tile .tile-body {
    height: 100%;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
}



/*.tiles {
    margin-right: -10px;
}*/

.tiles:after, .tiles:before {
    display: table;
    content: " ";
}

.tiles .tile:after, .tiles .tile:before {
    content: "";
    float: left;
}

.tiles .tile .tile-object:after, .tiles:after {
    clear: both;
}

.padding0 {
    padding: 0 !important;
}

.border0 {
    border: none !important;
    margin-bottom: 0 !important;
}

.alignLeft {
    text-align: left;
}

.alignCenter {
    text-align: center !important;
}

.alignRight {
    text-align: right;
}

.font8 {
    font-size: 8px !important;
}

.font9 {
    font-size: 9px !important;
}

.font10 {
    font-size: 10px !important;
}

.font11 {
    font-size: 11px !important;
}

.font12 {
    font-size: 12px !important;
}

.font13 {
    font-size: 13px !important;
}

.font14 {
    font-size: 14px !important;
}

.font15 {
    font-size: 15px !important;
}

.font16 {
    font-size: 16px !important;
}

.font18 {
    font-size: 18px !important;
}

.font20 {
    font-size: 20px !important;
}

.font22 {
    font-size: 22px !important;
}

.font24 {
    font-size: 24px !important;
}

.font26 {
    font-size: 26px !important;
}

.font28 {
    font-size: 28px !important;
}

.font30 {
    font-size: 30px !important;
}

.font32 {
    font-size: 32px !important;
}

.font34 {
    font-size: 34px !important;
}

.font36 {
    font-size: 36px !important;
}

.font38 {
    font-size: 38px !important;
}

.font48 {
    font-size: 48px !important;
}

.colorWhite {
    color: #b4b4b4 !important;
}

.colorTransparent {
    color: transparent !important;
}

.colorHeader {
    color: #b4b4b4 !important;
    font-weight: bold;
}

.colorBlack {
    color: black !important;
}

.colorNavy {
    color: #080c1d !important;
}

.verticalMiddle {
    vertical-align: middle;
}

.marginTop5 {
    margin-top: 5px;
}



/*.footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
}*/

/*.footer {
  position: relative;
  margin-top: -150px;
  height: 150px;
  clear:both;
}*/

@font-face {
    font-family: BG Bold;
    src: url("../Fonts/Brandon_bld.otf") format("opentype");
}

@font-face {
    font-family: BG Reg;
    src: url("../Fonts/Brandon_reg.otf") format("opentype");
}

.fontBGBold {
    font-family: 'BG Bold', sans-serif !important;
}

.fontBGReg {
    font-family: 'BG Reg', sans-serif !important;
}

/*.dtPicker {
    width: 18vh !important;
}*/

.page-content input[type=text], .page-content input[type=date], .page-content input[type=password], .page-content textarea, .page-content input[type=number], .page-content input[type=search], .page-content select {
    height: 3.3vh;
    padding: 0.6vh 1.2vh;
    margin: 0;
    background: #b4b4b4;
    border: 1px solid #c2cad8;
    border-radius: 0.2vh !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 14px;
    line-height: 1.42857;
    color: #4d6b8a;
    display: inline-block;
    width: 41vh;
    vertical-align: text-top;
}

.page-content2 input[type=text], .page-content2 input[type=date], .page-content2 input[type=password], .page-content2 input[type=number], .page-content2 input[type=search], .page-content2 select {
    height: 4.3vh;
    padding: 0.6vh 1.2vh;
    margin: 0;
    background: #b4b4b4;
    border: 1px solid #c2cad8;
    border-radius: 0.2vh !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 14px;
    line-height: 1.42857;
    color: #4d6b8a;
    display: inline-block;
    width: 41vh;
    vertical-align: text-top;
}

.page-content2 textarea {
    height: 500px;
    padding: 0.6vh 1.2vh;
    margin: 0;
    background: #b4b4b4;
    border: 1px solid #c2cad8;
    border-radius: 0.2vh !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 14px;
    line-height: 1.42857;
    color: #4d6b8a;
    display: inline-block;
    width: 750px;
    vertical-align: text-top;
}

.page-content4 input[type=text], .page-content4 input[type=date], .page-content4 input[type=password], .page-content4 input[type=number], .page-content4 input[type=search], .page-content4 select {
    height: 4.3vh;
    padding: 0.6vh 1.2vh;
    margin: 0;
    background: white;
    border: 1px solid #c2cad8;
    border-radius: 0.2vh !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 14px;
    line-height: 1.42857;
    color: #4d6b8a;
    display: inline-block;
    width: 31vh;
    vertical-align: text-top;
}

.page-content4 textarea {
    height: 15.3vh;
    padding: 0.6vh 1.2vh;
    margin: 0;
    background: white;
    border: 1px solid #c2cad8;
    border-radius: 0.2vh !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 14px;
    line-height: 1.42857;
    color: #4d6b8a;
    display: inline-block;
    width: 31vh;
    vertical-align: text-top;
}

.page-content5 input[type=text], .page-content5 input[type=date], .page-content5 input[type=password], .page-content5 input[type=number], .page-content5 input[type=search], .page-content5 select {
    height: 38px;
    padding: 0.6vh 1.2vh;
    margin: 0;
    background: #b4b4b4;
    border: 1px solid #c2cad8;
    border-radius: 0.2vh !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 14px;
    line-height: 1.42857;
    color: #4d6b8a;
    display: inline-block;
    width: 325px;
    vertical-align: text-top;
}

.page-content5 textarea {
    height: 300px;
    padding: 0.6vh 1.2vh;
    margin: 0;
    background: #b4b4b4;
    border: 1px solid #c2cad8;
    border-radius: 0.2vh !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 14px;
    line-height: 1.42857;
    color: #4d6b8a;
    display: inline-block;
    width: 325px;
    vertical-align: text-top;
}

.page-content6 input[type=text], .page-content6 input[type=date], .page-content6 input[type=password], .page-content6 input[type=number], .page-content6 input[type=search], .page-content6 select {
    height: 38px;
    padding: 0.6vh 1.2vh;
    margin: 0;
    background: #080c1d;
    border: none;
    border-radius: 0.2vh !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 14px;
    line-height: 1.42857;
    color: #b4b4b4;
    display: inline-block;
    width: 325px;
    vertical-align: text-top;
}

.page-content6 textarea {
    height: 300px;
    padding: 0.6vh 1.2vh;
    margin: 0;
    background: transparent;
    border: none;
    border-radius: 0.2vh !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 14px;
    line-height: 1.42857;
    color: #b4b4b4;
    display: inline-block;
    width: 325px;
    vertical-align: text-top;
}

.page-content7 input[type=text], .page-content7 input[type=date], .page-content7 input[type=password], .page-content7 input[type=number], .page-content7 input[type=search], .page-content7 select {
    height: 90px;
    padding: 0.6vh 1.2vh;
    margin: 0;
    background: #080c1d;
    border: 1px solid #c2cad8;
    border-radius: 0.2vh !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 48px;
    line-height: 1.42857;
    color: #b4b4b4;
    display: inline-block;
    width: 750px;
    vertical-align: text-top;
}

.page-content7 textarea {
    height: 500px;
    padding: 0.6vh 1.2vh;
    margin: 0;
    background: transparent;
    border: 1px solid #c2cad8;
    border-radius: 0.2vh !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 48px;
    line-height: 1.42857;
    color: #b4b4b4;
    display: inline-block;
    width: 750px;
    vertical-align: text-top;
}

.page-content8 textarea {
    height: 125px;
    padding: 0.6vh 1.2vh;
    margin: 0;
    background: #b4b4b4;
    border: 1px solid #c2cad8;
    border-radius: 0.2vh !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 14px;
    line-height: 1.42857;
    color: #4d6b8a;
    display: inline-block;
    width: 325px;
    vertical-align: text-top;
}

.page-content3 input[type=text], .page-content3 input[type=date], .page-content3 input[type=password], .page-content3 textarea, .page-content3 input[type=number], .page-content3 input[type=search], .page-content3 select {
    height: 3.5vh;
    padding: 0.6vh 1.2vh;
    margin: 0;
    background-color: #b4b4b4;
    border-radius: 0.2vh !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 14px;
    line-height: 1.42857;
    color: #4d6b8a;
    display: inline-block;
    width: 30vh;
    vertical-align: text-top;
    border: 0;
    /*background-image: url(../pics/Search.png);
    background-position: 26.5vh 0.5vh;
    background-repeat: no-repeat;*/
}

.page-content input[type=checkbox], .page-content2 input[type=checkbox] {
    height: 2.5vh;
    background-color: #080c1d !important;
    color: #080c1d !important;
    opacity: 0.6;
    width: 2.5vh;
    padding: 0px !important;
    margin: 0px !important;
}

.tellNetwork {
    height: 38px;
    padding: 6px 12px;
    margin: 0;
    background: white;
    border: 1px solid #c2cad8;
    border-radius: 2px !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    line-height: 1.42857;
    display: inline-block;
    width: 482px;
    vertical-align: text-top;
}

.error {
    border: 2px solid red !important;
}

.searchButton {
    background-color: #b4b4b4;
    max-height: 3.9vh;
}


.width80 {
    width: 80% !important;
}

.width85 {
    width: 85% !important;
}

.width90 {
    width: 90% !important;
}

.width95 {
    width: 95% !important;
}

.width100 {
    width: 100% !important;
}

.divPanelRed, .divPanelRed2, .divPanelRedLogin {
    border: 0.2vh solid red !important;
    color: red;
    background-color: #b4b4b4 !important;
    text-align: center !important;
    font-family: 'BG Reg', sans-serif !important;
}

.divPanelGreen {
    border: 0.2vh solid green !important;
    color: green;
    background-color: #b4b4b4 !important;
    text-align: center !important;
    font-family: 'BG Reg', sans-serif !important;
}

.divPanelBlue {
    border: 0.2vh solid darkblue !important;
    color: darkblue;
    background-color: #b4b4b4 !important;
    text-align: center !important;
    font-family: 'BG Reg', sans-serif !important;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: 1000px;
}

.navbar .navbar-collapse {
    text-align: center;
}

p {
    margin: 0 0 1vh;
}

.video {
    width: 100%;
    height: 97%;
    object-fit: fill;
}

/*.video {
    width: 100%;
    height: 87%;
}*/

.smallVideo {
    width: 100%;
    height: 80%;
}



.divPanelRed, .divPanelRed2, .divPanelRedLogin {
    width: 55%;
}

.panel-body {
    padding: 0.5vh !important;
}

.bgImage, input[type="image"]:focus {
    outline: none;
}

@media (min-height: 2123px) {
    .loginPadding {
        padding-left: 15vh;
    }
}

@media (min-width: 981px) and (max-height: 1900px) {
    .loginPadding {
        padding-left: 15vh;
    }
}

@media (max-width: 980px) and (max-height: 1365px) {
    .loginPadding {
        padding-left: 15vh;
    }
}

@media (max-height: 1500px) {
    .col-md-4 {
        padding-left: 0vh;
        padding-right: 0vh;
    }
}

@media (min-height: 1300px) {
    .centralDiv {
        height: 92.5vh;
        margin-top: 0vh;
    }

    #MainContentDefault {
        height: 105vh;
    }

    .paddingLeftMenu {
        padding-left: 2vh;
    }

    .paddingRightMenu {
        padding-right: 2vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 2vh;
    }

    .paddingRightMenuLarge {
        padding-right: 2vh;
    }

    .profilePic {
        width: auto;
        height: auto;
    }

    .leftMenuItem {
        width: auto;
        height: 2.5vh;
    }
}

@media (max-width: 1023px) {
    /*.centralDiv {
        height: 75vh;
    }*/

    #MainContentDefault {
        height: 88vh;
    }
}

@media screen and (orientation:portrait) {
    .video {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .bgImage {
        min-width: 1512px;
    }
}

@media (max-width: 1008px) and (max-height: 1150px) {
    .centralDiv {
        min-height: 850px;
    }

    #MainContentDefault {
        min-height: 850px;
    }

    #MainContentRegister {
        height: 85vh;
    }

    #MainContentRegister2 {
        height: 85vh;
    }

    #MainContentRegister.invalid {
        height: 70vh;
    }
}

@media (max-width: 1100px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }
}

@media (min-height: 1200px){
    .CenterMenuMobile {
        min-width: 1015px !important;
        min-height: 1500px ;
        float: none;
    }
}

@media (min-height: 1900px) {
    .CenterMenuMobile {
        min-width: 1015px !important;
        min-height: 1800px !important;
        float: none;
    }
}

@media (min-height: 1200px) {

    #MainContentRegister {
        height: 90vh;
    }

    #MainContentRegister2 {
        min-height: 1950px;
    }

    #MainContentRegister.invalid {
        height: 100vh;
    }

    #MainContentRegister2.invalid {
        height: 1000px;
    }

    .centralDivRegister {
        height: 85vh;
        margin-top: 0vh;
    }

    .centralDivRegister2 {
        min-height: 1550px;
        margin-top: 0vh;
    }


    .tileFeedCenter {
        width: 900px;
        height: auto;
    }

    .tellNetwork {
        width: 900px;
    }

    .CenterMenu {
        min-width: 1015px !important;
        min-height: 1500px !important;
        float: none;
    }

    /*.CenterMenuMobile {
        min-width: 1015px !important;
        min-height: 1500px !important;
        float: none;
    }*/

    .feedMainImage {
        width: 875px;
        height: auto;
    }

    .feedTitlePoster {
        width: -webkit-fill-available;
    }

    .dashedLineTitle {
        width: -webkit-fill-available;
    }

    .tileFeedAds {
        width: -webkit-fill-available;
        border: 0.2vh solid lightblue;
        height: auto;
    }

    .adsMainImage {
        width: 825px;
        min-height: 400px;
    }
}

/*@media (min-height: 1300px) and (max-width: 1439px) {*/
@media (pointer:none), (pointer:coarse) {

    .MenusCollapsed {
        display: block;
    }

    .space2 {
        display: none;
    }

    #MainContentLogged {
        display: none;
    }

    #MainContentLoggedMobile {
        display: block;
    }

    #divMobileButtons {
        display: inline-block;
    }

    .bgImage {
        background-color: #080c1d !important;
        background-size: cover;
        min-width: initial;
        height: auto;
        outline: auto;
        background-image: none;
    }

    .bgImageMobile {
        background-color: #080c1d !important;
        background-size: cover;
        min-width: 1055px;
    }

    .bigButton {
        width: 300px !important;
        height: 175px !important;
        padding: 0.5vh !important;
    }

    #MainContentDefault {
        display: none;
    }

    .RegisterMobile {
        display: block;
        min-height: 1700px !important;
    }

    .page-content2 input[type=text], .page-content2 input[type=date], .page-content2 input[type=password], .page-content2 input[type=number], .page-content2 input[type=search], .page-content2 select, .page-content2 textarea {
        font-size: 34px;
    }

    .error {
        border: 4px red solid !important;
    }

    #MainContentMobile {
        display: block;
        min-height: 1375px;
    }

    .MainMobile {
        min-height: 1500px !important;
    }

    .footer {
        display: none;
    }

    .footerMobile {
        display: block;
    }

    .smallButton {
        height: 90px;
    }

    #myNavbar {
        margin-top: 50px;
        font-size: 48px;
    }

    #txtGeneralSearch {
        width: 750px;
        height: 90px;
        font-size: 36px;
    }

    .searchButton {
        height: 100px;
    }

    .feedSecondImage {
        width: 150px;
        min-height: 150px;
        display: block;
    }

    .hypFont {
        font-size: 36px;
    }

    .docLogo {
        height: 50px;
    }

    .tileFeedCenter {
        /*width: 625px;*/
        height: auto;
        width: 950px;
    }

    .tellNetwork {
        /*width: 625px;*/
        /*margin-left:16.5%;*/
        width: 950px;
        min-height: 90px;
    }

    .feedMainImage {
        /*width: 585px;*/
        min-height: 350px;
        width: 910px;
    }

    #divFeedMobile, #myCarousel {
        /*margin-left:16.5%;*/
    }

    .feedTitlePoster {
        width: -webkit-fill-available;
    }

    .modalSecondImageMobile {
        width: 120px;
        height: 120px;
        display: inline-block;
    }

    .modalDeleteImageMobile {
        width: 80px;
        height: 80px;
        display: inline-block;
    }

    .commentMobile {
        width: 120px;
        height: 120px;
    }

    .dashedLineTitle {
        width: 900px;
    }

    .tileFeedAds {
        width: 950px;
        border: 0.2vh solid lightblue;
        height: 1400px;
    }

    .adsMainImage {
        width: 910px;
        min-height: 350px;
    }
}


@media (max-width: 992px) and (max-height: 1199px) {

    #MainContentRegister {
        height: 85vh;
    }

    #MainContentRegister2 {
        height: 83.5vh;
    }

    #MainContentRegister.invalid {
        height: 85vh;
    }

    #MainContentRegister2.invalid {
        height: 85vh;
    }

    .centralDiv {
        height: 77vh;
        margin-top: 0vh;
    }

    .centralDivRegister {
        min-height: 68.5vh;
        margin-top: 0vh;
    }

    .centralDivRegister2 {
        min-height: 55vh;
        margin-top: 1vh;
    }
}

@media (max-width: 962px) and (max-height: 1150px) {
    #MainContentLogin.invalid {
        height: 85vh;
    }

    #MainContentLogin {
        height: 75vh;
    }

    #MainContentRegister {
        height: 82.5vh;
    }

    #MainContentDefault {
        height: 85vh;
    }

    #MainContentRegister2 {
        height: 85vh;
    }

    #MainContentRegister.invalid {
        height: 90vh;
    }
}

@media (min-height: 1900px) {
    #MainContentLogin.invalid {
        height: 84.5vh;
    }

    #MainContentLogin {
        height: 85vh !important;
    }
}

@media (min-height: 1500px) {
    #MainContentLogin.invalid {
        height: 84.5vh;
    }

    #MainContentLogin {
        height: 75vh;
    }
}

@media (max-width: 992px) and (min-height: 901px) {

    .paddingLeftMenu {
        padding-left: 2vh;
    }

    .paddingRightMenu {
        padding-right: 2vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 2vh;
    }

    .paddingRightMenuLarge {
        padding-right: 2vh;
    }
}

/*@media (max-width: 1439px) and (min-height: 1300px) {*/
@media (pointer:none), (pointer:coarse) {

    .modal .modal-dialog {
        margin: 0px !important;
    }

    .modal .modal-content {
        width: 420px !important;
        top:200px;
        zoom: 250% !important;
    }

    .modal .modalBox {
        width: 360px !important;
    }

    .tileCourses {
        width: 300px;
        height: 675px;
    }

    .tileProfiles {
        width: 300px;
        height: 250px;
    }

    .tileJobs {
        width: 300px;
        height: auto;
    }

    .tileIndividual {
        width: 300px;
        height: 1100px;
    }

    .tilePremiumIndividual {
        width: 300px;
        height: 1300px;
    }

    .tilePremiumSalon {
        width: 300px;
        height: 1500px;
    }

    .GoPremiumMainImage {
        width: 275px;
        height: 200px;
        display: block;
        margin: 10px;
    }

    .profileMainImage {
        width: 150px;
        height: 150px;
        display: block;
        margin: 1vh 1vh 1vh 1vh;
    }

    .upgradeBigButton {
        width: 270px;
        height: 88px;
    }

    .courseMainImage {
        width: 270px;
    }

    .infodzLogo, .courseInfoMainImage, .infodzProfile {
        width: 600px;
        height: 600px;
    }

    .infodzAd {
        width: 910px;
        min-height: 600px;
    }

    .stickyMenu 
    {
        position:fixed;
        z-index:9999;
    }

    .stickyFeed 
    {
        padding-top:200px;
        min-height:1650px;
    }

    .footerAbout {
    display:none;
    }
}

/* Keyboard */
@media (max-width: 992px) and (max-height:900px) {
    .CenterMenuMobile {
        min-width: 1015px !important;
        min-height: 1500px !important;
        float: none;
    }

    .bgImageMobile {
        background-color: #080c1d !important;
        background-size: cover;
        min-width: 1355px !important;
    }

    .page-content2 input[type=text], .page-content2 input[type=date], .page-content2 input[type=password], .page-content2 input[type=number], .page-content2 input[type=search], .page-content2 select {
        height: 63px;
        width: 633px;
    }

    .smallButton {
        height: 70px;
    }

    .centralDivLogin {
        height: 772px;
    }

    .header, .footerMobile {
        display: none;
    }

    .paddingLeftMenuLarge {
        padding-left: 500px !important;
    }
}

@media (min-width: 1441px) and (min-height: 768px) and (max-height: 1101px) {

    .paddingLeftMenu {
        padding-left: 35vh;
    }

    .paddingRightMenu {
        padding-right: 35vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 33vh;
    }

    .paddingRightMenuLarge {
        padding-right: 23vh;
    }
}

@media (max-width: 1440px) and (min-height: 768px) and (max-height: 1101px) {

    .paddingLeftMenu {
        padding-left: 35vh;
    }

    .paddingRightMenu {
        padding-right: 35vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 29vh;
    }

    .paddingRightMenuLarge {
        padding-right: 14vh;
    }
}

@media (min-width: 1540px) and (min-height: 768px) and (max-height: 991px) {

    .paddingLeftMenu {
        padding-left: 43.5vh;
    }

    .paddingRightMenu {
        padding-right: 43.5vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 35vh;
    }

    .paddingRightMenuLarge {
        padding-right: 25vh;
    }
}

@media (min-width: 1740px) and (min-height: 1016px) {

    .paddingLeftMenu {
        padding-left: 43.5vh;
    }

    .paddingRightMenu {
        padding-right: 43.5vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 42vh;
    }

    .paddingRightMenuLarge {
        padding-right: 30vh;
    }
}

@media (min-width: 1740px) and (min-height: 768px) and (max-height: 1015px) {

    .paddingLeftMenu {
        padding-left: 49.5vh;
    }

    .paddingRightMenu {
        padding-right: 49.5vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 46vh;
    }

    .paddingRightMenuLarge {
        padding-right: 35vh;
    }
}


@media (min-width: 1101px) and (max-width: 1439px) and (min-height: 951px) {

    .paddingLeftMenu {
        padding-left: 22.5vh;
    }

    .paddingRightMenu {
        padding-right: 22.5vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 19.5vh;
    }

    .paddingRightMenuLarge {
        padding-right: 11.5vh;
    }
}

@media (min-width: 1101px) and (max-width: 1439px) and (max-height: 950px) {

    .paddingLeftMenu {
        padding-left: 22.5vh;
    }

    .paddingRightMenu {
        padding-right: 22.5vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 15.5vh;
    }

    .paddingRightMenuLarge {
        padding-right: 3.5vh;
    }
}

@media (min-width: 1101px) and (max-width: 1300px) and (min-height: 768px) and (max-height: 949px) {

    .paddingLeftMenu {
        padding-left: 34.5vh;
    }

    .paddingRightMenu {
        padding-right: 34.5vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 27vh;
    }

    .paddingRightMenuLarge {
        padding-right: 15vh;
    }
}

@media (min-width: 1301px) and (max-width: 1439px) and (min-height: 768px) and (max-height: 949px) {

    .paddingLeftMenu {
        padding-left: 44vh;
    }

    .paddingRightMenu {
        padding-right: 44vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 35vh;
    }

    .paddingRightMenuLarge {
        padding-right: 25vh;
    }
}

@media (min-width: 1301px) and (max-width: 1439px) and (max-height: 767px) {

    .paddingLeftMenu {
        padding-left: 62.5vh;
    }

    .paddingRightMenu {
        padding-right: 62.5vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 50vh;
    }

    .paddingRightMenuLarge {
        padding-right: 45vh;
    }
}

@media (min-width: 992px) and (max-width: 1100px) and (min-height: 368px) and (max-height: 1299px) {

    .paddingLeftMenu {
        padding-left: 22.5vh;
    }

    .paddingRightMenu {
        padding-right: 22.5vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 10.5vh;
    }

    .paddingRightMenuLarge {
        padding-right: 5vh;
    }
}

@media (min-width: 992px) and (max-width: 1300px) and (max-height: 767px) {

    .paddingLeftMenu {
        padding-left: 35.5vh;
    }

    .paddingRightMenu {
        padding-right: 35.5vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 25vh;
    }

    .paddingRightMenuLarge {
        padding-right: 15vh;
    }
}


@media (min-width: 992px) and (max-height: 601px) {

    .paddingLeftMenu {
        padding-left: 40.5vh;
    }

    .paddingRightMenu {
        padding-right: 40.5vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 35vh;
    }

    .paddingRightMenuLarge {
        padding-right: 16vh;
    }
}

@media (min-width: 992px) and (max-height: 599px) {
}

@media (min-width: 992px) and (max-height: 599px) {

    .paddingLeftMenu {
        padding-left: 63.5vh;
    }

    .paddingRightMenu {
        padding-right: 63.5vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 35vh;
    }

    .paddingRightMenuLarge {
        padding-right: 25vh;
    }
}




@media (min-height: 801px) {
    .text {
        margin: 0;
        padding: 0;
        padding-bottom: 1vh;
    }

        .text span {
            margin: 0;
            padding: 0;
            font-size: 100%;
            padding-top: 0.5vh;
            padding-right: 0vh !important;
            width: 150px;
            text-align: center !important;
        }

        .text input,
        .text textarea {
            margin: 0;
            padding: 0;
            display: block;
            font-size: 100%;
        }
}

@media (max-height: 800px) {
    .text {
        margin: 0;
        padding: 0;
        padding-bottom: 1vh;
    }

        .text span {
            margin: 0;
            padding: 0;
            font-size: 100%;
            padding-top: 0.5vh;
            padding-right: 2vh;
            width: 150px;
            text-align: right;
        }

        .text input,
        .text textarea {
            margin: 0;
            padding: 0;
            display: block;
            font-size: 100%;
        }
}

/*@media (max-width: 991px) and (max-height: 799px) {

    .tiles .tile {
        line-height: 9px;
    }
}

@media (max-width: 992px) and (max-width: 1100px) and (max-height: 799px) {

    .tiles .tile {
        line-height: 9px;
    }
}*/

/*@media (max-width: 991px) and (min-height: 799px) {

    .tiles .tile {
        line-height: 28px;
    }
}*/

@media(max-width:992px) {
    .col-md-2 {
        width: 17%;
        float: left;
    }

    .col-md-3 {
        width: 25%;
        float: left;
    }

    .col-md-6 {
        width: 55.5%;
        float: left;
    }

    .col-md-9 {
        width: 75%;
        float: left;
    }

    .col-md-10 {
        width: 75%;
        float: left;
    }

    /*.feedText {
        margin-left: 25%;
    }*/
}

@media(min-height:1300px) {
    .col-md-2 {
        width: 16.67%;
        float: left;
    }

    .col-md-3 {
        width: 20%;
        float: left;
    }

    .col-md-6 {
        width: auto;
        float: left;
    }

    .col-md-9 {
        width: 75%;
        float: left;
    }

    .col-md-10 {
        width: 75%;
        float: left;
    }
}

@media (min-height: 451px) and (max-height: 1305px) and (max-width: 980px) {
    .col-md-4 {
        width: 33.3%;
        float: left;
    }

    .col-md-12 {
        width: 100%;
        float: left;
    }
}

@media (min-height: 1919px) {
    .col-md-4 {
        width: 100%;
    }

    #MainContentDefault {
        height: 85vh;
    }

    #MainContentMobile {
        height: 85vh;
    }

    .centralDiv {
        height: 85vh;
    }

    .logoIcon {
        width: 540px;
        height: 440px;
        opacity: 1 !important;
    }
}



@media (max-width: 688px) {
    .centralDiv {
        height: 70vh;
    }
}

@media (max-width: 499px) and (max-height: 700px) {

    .paddingLeftMenu {
        padding-left: 43.5vh;
    }

    .paddingRightMenu {
        padding-right: 43.5vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 35vh;
    }

    .paddingRightMenuLarge {
        padding-right: 17vh;
    }
}

@media (min-width: 500px) and (max-width: 982px) and (max-height: 700px) {

    .paddingLeftMenu {
        padding-left: 40.5vh;
    }

    .paddingRightMenu {
        padding-right: 40.5vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 25vh;
    }

    .paddingRightMenuLarge {
        padding-right: 15vh;
    }
}

@media (min-width: 983px) and (max-width: 992px) and (max-height: 700px) {

    .paddingLeftMenu {
        padding-left: 45vh;
    }

    .paddingRightMenu {
        padding-right: 45vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 35vh;
    }

    .paddingRightMenuLarge {
        padding-right: 25vh;
    }
}

@media (max-height: 451px) {
    .col-md-4 {
        padding-left: 50vh;
        padding-right: 50vh;
    }
}

@media (max-height: 575px) {

    .paddingLeftMenu {
        padding-left: 48.5vh;
    }

    .paddingRightMenu {
        padding-right: 48.5vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 30vh;
    }

    .paddingRightMenuLarge {
        padding-right: 25vh;
    }
}

@media (max-height: 475px) {

    .paddingLeftMenu {
        padding-left: 68.5vh;
    }

    .paddingRightMenu {
        padding-right: 68.5vh;
    }

    .paddingLeftMenuLarge {
        padding-left: 45vh;
    }

    .paddingRightMenuLarge {
        padding-right: 45vh;
    }
}

@media (max-width: 532px) and (max-height: 1150px) {

    #MainContentRegister {
        height: 110vh;
    }

    #MainContentRegister2 {
        height: 85vh;
    }

    #MainContentRegister.invalid {
        height: 110vh;
    }

    .centralDivRegister {
        height: 93vh;
        margin-top: 0vh;
    }

    .centralDivRegister2 {
        height: 65vh;
        margin-top: 0vh;
    }

    .text {
        margin: 0;
        padding: 0;
        padding-bottom: 1vh;
    }

        .text span {
            margin: 0;
            padding: 0;
            font-size: 100%;
            padding-top: 0.5vh;
            padding-right: 2vh;
            width: 15vh;
            text-align: center;
        }

        .text input,
        .text textarea {
            margin: 0;
            padding: 0;
            display: block;
            font-size: 100%;
        }
}

@media (max-width: 498px) {
    .centralDiv {
        height: 84vh;
    }
}

@media (max-width: 403px) {
    .logoIcon {
        width: 30vh;
        height: 20vh;
        opacity: 1;
    }
}

@media (max-width: 392px) {
    .centralDiv {
        height: 85vh;
        margin-top: 0vh;
    }

    .page-content input[type=text], .page-content input[type=date], .page-content input[type=password], .page-content textarea, .page-content input[type=number], .page-content input[type=search], .page-content select {
        width: 30vh;
    }

    .text span {
        padding-top: 0.5vh;
        padding-right: 0vh;
        text-align: center;
    }
}

@media (max-width: 370px) and (max-height: 1150px) {

    #MainContentRegister2 {
        height: 95vh;
    }

    .centralDivRegister2 {
        height: 75vh;
        margin-top: 0vh;
    }

    .text span {
        padding-top: 0.5vh;
        padding-right: 0vh;
        text-align: center;
    }
}
