.Login_Fourm {
    width: 100%;
    border: 10px;
    border-color: #000;
    margin: 15% auto;
}

.Content {
    width: 100%;
}


.floated-label-wrapper {
    position: relative;
    width: 97.25%;
    margin-left: auto;
    margin-right: auto;
}

.floated-label-wrapper label {
    background: #fefefe;
    color: #d41b1b;
    font-size: 0.75rem;
    font-weight: 600;
    left: 0.75rem;
    opacity: 0;
    padding: 0 0.25rem;
    position: absolute;
    top: 2rem;
    transition: all 0.15s ease-in;
    z-index: -1;
}

.floated-label-wrapper label input[type=text],
.floated-label-wrapper label input[type=email],
.floated-label-wrapper label input[type=password] {
    border-radius: 4px;
    font-size: 1.75em;
    padding: 0.5em;
}

.floated-label-wrapper label.show {
    opacity: 1;
    top: -0.85rem;
    z-index: 1;
    transition: all 0.15s ease-in;
}

/*Nav*/

.foundation-5-top-bar {
    background: #020304;
    color: #fefefe;
}

.foundation-5-top-bar .menu {
    background: #020304;
}

.foundation-5-top-bar .menu a {
    color: #fefefe;
}

.foundation-5-top-bar .is-dropdown-submenu {
    border: 0;
    text-align: right;
}

.foundation-5-top-bar .is-dropdown-submenu-item.opens-right a::after {
    border-color: transparent transparent transparent #fefefe;
}

.foundation-5-top-bar .js-drilldown-back > a::before {
    border-color: transparent #fefefe transparent transparent;
}

.foundation-5-top-bar .is-drilldown-submenu-parent > a::after {
    border-color: transparent transparent transparent #fefefe;
}

.foundation-5-top-bar .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #fefefe transparent transparent;
}

/*footer*/
.marketing-site-footer-bottom {
    background: #020304;
    color: #fff;
    padding: 1rem 0;
}

.marketing-site-footer-bottom p,
.marketing-site-footer-bottom .menu {
    margin-bottom: 0;
}

.marketing-site-footer-bottom .marketing-site-footer-bottom-links {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.marketing-site-footer-bottom .marketing-site-footer-bottom-links a {
    color: #8aa0ae;
}

@media screen and (max-width: 63.9375em) {
    .marketing-site-footer-bottom .marketing-site-footer-bottom-links {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 63.9375em) {
    .marketing-site-footer-bottom {
        text-align: center;
    }
}


.Video_Items {
    height: 45px;
    width: 100%;
    border: 2px;
    border-color: black;
    border-style: solid;
    font-size: 2.5vh;
}

.Video_Name {
    width: 27.5%;
    display: inline-block;
}

.Video_Author {
    width: 27.5%;
    display: inline-block;
}

.Video_URL {
    width: 25%;
    display: inline-block;
}

.Video_Status {
    width: 5%;
    display: inline-block;
    text-align: center;
}

.Video_Edit {
    width: 8%;
    display: inline-block;
    text-align: center;
}

.Videos {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-top: 10px;
}

.Video_Items_Key {
    height: 45px;
    width: 100%;
    border: 2px;
    border-color: black;
    border-style: solid;
    font-size: 2.5vh;
    text-overflow: clip;
}

.Video_Year {
    width: 4%;
    display: inline-block;
    text-align: center;
}



.LoginBtn {
    color: #fff;
}

.Login_Allert {
    text-align: center;
}







.logout_btn {
    display: inline-block;
    color: #fff;
    border: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    padding: 10px 10px 10px;
}

.logout_btn:hover {
    color: #020304;
    background-color: #fff;
}

.Login_btn {
    display: inline-block;
    color: #fff;
    border: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    padding: 10px 10px 10px;
}

.Login_btn:hover {
    color: #020304;
    background-color: #fff;
}

.signup_btn {
    background-color: #fff;
    display: inline-block;
    color: #020304;
    border: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    padding: 10px 10px 10px;
}

.signup_btn:hover {
    color: #fff;
    background-color: #020304;
}

.Login_input {
    display: inline-block;
}

.nav_fourm {
    display: inline-block;
    padding-left: 20px;
}

.btn_fm {
    width: 100%;
    height: 50px;
    color: #fff;
    background-color: #020304;
}

.btn_fm:hover {
    background-color: #303539;
}

.New_Video {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.callout {
    background-color: white;
}

257.5 .number_page {
    width: 30px;
    display: inline-block;
}

.pagination-circular {
    text-align: center;
}

.btn_fm_2 {
    display: inline-block;
    width: 32.25%;
    height: 50px;
    color: #fff;
    background-color: #020304;
}

.btn_fm_2:hover {
    background-color: #303539;
}

.btn_fm_3 {
    display: inline-block;
    width: 32.25%;
    height: 50px;
    color: #fff;
    background-color: #ff0304;
}

.btn_fm_3:hover {
    background-color: #ff3539;
}