/*Common*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100')

body {
    background-color: #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;
    outline:            0;
    border-color:       #c82864;
    -webkit-box-shadow: 0 0 5px 0 rgba(181, 35, 90, 1);
    -moz-box-shadow:    0 0 5px 0 rgba(181, 35, 90, 1);
    box-shadow:         0 0 5px 0 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:    0 0 5px 0 rgba(181, 35, 90, 1);
    -moz-box-shadow:       0 0 5px 0 rgba(181, 35, 90, 1);
    box-shadow:            0 0 5px 0 rgba(181, 35, 90, 1);
}

.not-logged {
    width:         350px;
    margin:        10px auto;
    padding:       5px 0;
    border-radius: 0 !important;
}

/*Password reset form*/