﻿@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow');

/*normalize*/
html,
body,
form {
    width: 100%;
    padding: 0;
    overflow-x: hidden;
}

html {
    display: block;
}

body {
    font: normal 16px "Segoe UI", Arial, sans-serif;
    background-image: url("../../Resources/BG2.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

hr {
    width: 95%;
    color: #72CBDB;
    height: 2px;
    background-color: #72CBDB;
}

.Mydiv {
    background-color: #FFFFFF;
    width: 500px;
    height: 300px;
    position: absolute;
    border: 3px solid #72CBDB;
    padding: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.Creatediv {
    background-color: #FFFFFF;
    width: 500px;
    height: 560px;
    position: absolute;
    border: 3px solid #72CBDB;
    padding: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}


.LoginTable {
    border-collapse: collapse;
    width: 100%;
}

.PWResetTable {
    border-collapse: collapse;
    width: 100%;
}

.loginImg {
    Height: 45px;
    Width: 45px;
    padding: 0;
    position: relative;
    top: 3px;
    right: -3px;
}

.LoginTextbox {
    Height: 41px;
    Width: 246px;
    border: solid 1px #72CBDB;
}

.aligntop {
    text-align: right;
    vertical-align: top;
    vert-align: top;
    height: 30px !important;
}

.MyTable {
    width: 100%;
    font-size: 1.6em;
    border-collapse: collapse;
}

.modalPanel {
    background-color: #ffffff;
    border: solid 3px #72CBDB;
}


.modalBackground {
    background-color: #999999;
    filter: alpha(opacity=85);
    opacity: 0.85;
    z-index: 9999990 !important;
}

.PopupTable {
    border-collapse: collapse;
    background-color: #ffffff;
    margin: 25px;
}

.button {
    padding: 5px 40px;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    background-color: #72CBDB;
    border: none;
    border-radius: 15px;
}

    .button:hover {
        background-color: #719d2f;
    }

    .button:active {
        background-color: #c6e29d
    }

a:link {
    color: #72CBDB;
    background-color: transparent;
}

a:visited {
    color: #719d2f;
    background-color: transparent;
}

a:hover {
    color: #72CBDB;
    background-color: transparent;
}

a:active {
    color: #72CBDB;
    background-color: transparent;
}
