/*Common*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100')
body{
	background: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #bdbdbd !important;
}
::selection {
  background: #c82864; /* WebKit/Blink Browsers */
  color: #ffffff;
}
::-moz-selection {
  background: #c82864; /* Gecko Browsers */
  color: #ffffff;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #c82864;
    cursor: pointer;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #c82864;
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}
.custom-control-input:active ~ .custom-control-label::before {
    background-color: #fff;
}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.pull-left{float: left;}
.pull-right{float: right;}
.p-0{padding: 0px;}
.p-t-10{padding-top: 10px;}
.m-b-0{margin-bottom: 0px;}
.m-b-20{margin-bottom: 20px;}

.cms-version{
	font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #bdbdbd;
}
/*Login form*/
.logo {
    background-color: #212121;
    text-align: center;
    padding: 20px;
    width: 350px;
    height: 80px;
    margin: 0 auto;
    margin-top: 80px;
}
.announce{
    font-size: 18px;
    font-weight: 300;
    display: block;
    color: #bdbdbd;
    margin-top: 20px;
    margin-bottom: 20px;
}
.form{
	width: 350px;
    background-color: #3d3d3d;
    margin: 0 auto;
    margin-top: 10px;
    padding: 25px 25px 25px 25px;
}
.form-control:focus{
	color: #555;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
	border-color: #c82864;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(181,35,90,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(181,35,90,1);
	box-shadow: 0px 0px 5px 0px rgba(181,35,90,1);
}
.form .form-control {
    border-radius: 0;
    border-left: 3px solid #c82864;
}
.form > .form-group .has-error > input{background: #ffcfe1;}
.form-group .has-error > span.help-block{color: #ffffff;}
.form .btn {border-radius: 0;}
.form label {font-weight: 300;color: #bdbdbd;}
.form i {padding-left: 6px;}
.form a {color: #c82864;}

.btn-purple {background-color: #c82864; color: #fff;}
.btn-purple:hover{ color: #fff; background-color: #b5235a;}
.btn-purple:active{ color: #fff;}
.btn-purple:focus{ color: #fff;
	border-color: #c82864;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(181,35,90,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(181,35,90,1);
	box-shadow: 0px 0px 5px 0px rgba(181,35,90,1);
}

/*Password reset form*/