@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:300,400,500,700&subset=latin-ext');

* {

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;

}

html {

	width:100%;
	height:100%;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
    background-color:rgba(244,244,244,1.0);
    color:rgba(22,22,22,1.0);

}

body {

	width:100%;
	height:100%;
	margin:0px auto;

}

h1 {font-weight:normal;font-size:25pt;padding:0;margin:0;}
h2 {font-weight:500;font-size:20pt;padding:0;margin:0;}
h3 {font-weight:normal;}
.clrBth {clear:both;}
.boldText {font-weight:700;}
.space15 {width:100%;height:15px;}
.space40 {width:100%;height:40px;}
.grayText {color:rgba(38,38,38,0.62);}

input[type="text"] {

    max-width:450px;
    height:36px;
    border:1px solid rgba(226,226,226,1.0);
    border-radius:4px;
    font-size:16px;
    padding-left:20px;

}

input[type="submit"] {

    border:none;
    width:130px;
    height:35px;
    margin:10px;
    background-color:rgba(58,202,96,1.0);
    color:white;
    border-radius:2px;
    font-size:14px;
    cursor:pointer;

}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.leftSide {

    width:74%;
    height:100%;
    float:left;
    display:table;
    background-image:url('./files/elements/write.jpg');
    background-image:linear-gradient(var(--bg_first_color), var(--bg_second_color)),url('./files/elements/write.jpg');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;

}

.leftSide span {

    display:table-cell;
    vertical-align:middle;

}

.leftSide h1 {

    text-align:center;
    font-size:25px;
    font-weight:400;
    color:white;

}

.rightSide {

    width:26%;
    height:100%;
    float:left;
    display:table;

}

.rightSide span {

    display:table-cell;
    vertical-align:middle;

}

.login_table {

    width:227px;
    border-collapse:collapse;
    margin:0px auto;

}

.login_table h2 {

    text-align:center;
    font-size:25px;
    font-weight:400;
    color:rgba(94,56,162,1.0);

}

.login_table .login_desc {

    text-align:center;
    font-size:15px;
    font-weight:400;
    color:rgba(38,38,38,0.42);

}

.login_table input[type="text"] {

    width:227px;
    height:40px;
    border:none;
    border-bottom:1px solid rgba(38,38,38,0.42);
    color:rgba(94,56,162,1.0);
    border-radius:0;
    background-color:transparent;
    font-size:18px;
    font-weight:400;
    padding:0;
    padding-left:7px;

}

.login_table input[type="text"]:focus {

    width:227px;
    height:40px;
    border:none;
    border-bottom:1px solid rgba(94,56,162,1.0);

}

.login_table input[type="text"]::-webkit-input-placeholder {color:rgba(38,38,38.0.42);}
.login_table input[type="text"]:-moz-placeholder {color:rgba(38,38,38.0.42);}
.login_table input[type="text"]::-moz-placeholder {color:rgba(38,38,38.0.42);}
.login_table input[type="text"]:-ms-input-placeholder {color:rgba(38,38,38.0.42);}
.login_table input[type="text"]::-ms-input-placeholder {color:rgba(38,38,38.0.42);}

.login_table input[type="password"] {

    width:227px;
    height:40px;
    border:none;
    border-bottom:1px solid rgba(38,38,38,0.42);
    color:rgba(94,56,162,1.0);
    border-radius:0;
    background-color:transparent;
    font-size:18px;
    font-weight:400;
    padding:0;
    padding-left:7px;

}

.login_table input[type="password"]:focus {

    width:227px;
    height:40px;
    border:none;
    border-bottom:1px solid rgba(94,56,162,1.0);

}

.login_table input[type="password"]::-webkit-input-placeholder {color:rgba(38,38,38.0.42);}
.login_table input[type="password"]:-moz-placeholder {color:rgba(38,38,38.0.42);}
.login_table input[type="password"]::-moz-placeholder {color:rgba(38,38,38.0.42);}
.login_table input[type="password"]:-ms-input-placeholder {color:rgba(38,38,38.0.42);}
.login_table input[type="password"]::-ms-input-placeholder {color:rgba(38,38,38.0.42);}

.login_table input[type="submit"] {

    width:123px;
    height:36px;
    background-color:rgba(155,89,182,0.93);
    border-radius:2px;
    font-size:12px;
    font-weight:700;
    color:white;
    display:block;
    margin:0px auto;

}