/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('//assets.mcec.io/fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url('//assets.mcec.io/fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//assets.mcec.io/fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('//assets.mcec.io/fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('//assets.mcec.io/fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('//assets.mcec.io/fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    background: url('//assets.mcec.io/images/body-bg.png') fixed;
    background-size: cover;
    background-position: center;
    color: #ccc !important;
    background-color: #000 !important;
}

html, body {
    height: 100%;
}

.mcec-main {
    position: absolute;
    height: 100%;
    width: 100%;
    display: table;
    padding-bottom: 5%;
}

.mcec-main.full-width {
    position: static;
    display: block;
    margin-top: 50px;
    margin-bottom: 50px;
}

.mcec-main-content {
    display: table-cell;
    vertical-align: middle;
}

/*.mcec-bg {*/
/*    position: absolute;*/
/*    box-sizing: border-box;*/

/*    !* The image used *!*/
/*    background-image: url('//assets.mcec.io/images/body-bg.png');*/

/*    !* Add the blur effect *!*/
/*    !*filter: blur(4px);*!*/
/*    !*-webkit-filter: blur(4px);*!*/

/*    !* Full height *!*/
/*    height: 100%;*/
/*    width: 100%;*/

/*    !* Center and scale the image nicely *!*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover*/
/*}*/

.ui.mcec.error.message {
    background: #50000069;
    border: 2px solid #4400008a;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #c5514ebf;
    /* font-weight: bold; */
    font-size: 15px;
    padding: 12px;
}

.ui.menu .item img.logo {
    margin-right: 1.5em;
    width: auto;
}
.main.container, .main.segment {
    padding-top: 5em;
    padding-bottom: 5em;
}

.segment.center {
    margin: auto;
}

.ui.grid.block {
    display: block;
}

.vertical-center {
    position: fixed;
    padding-top: 0 !important;
    padding-bottom: 5em !important;
    top: 30%;
}

.ui.main.segment {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}
.ui.transparent {
    background: none;
    border: none;
}

.wireframe {
    margin-top: 2em;
}
.ui.footer.segment {
    margin: 5em 0em 0em;
    padding: 5em 0em;
}
.ui.inverted.menu {
    margin-top: -1px;
}
.ui.inverted.segment, .ui.inverted.menu {
    background: #0a0b0a;
}

.ui.icon.input-fixed {
    position: relative;
}

.ui.inverted.input > input, input.mcec.button {
    background: #212121;
    border: 1px solid transparent;
    color: #a7a7a7;
    padding: 10px;
    border-radius: .28571429rem;
}

input.mcec.button {
    background: #333333;
    border: 1px solid #3a3a3a;
    color: #a7a7a7;
    padding: 10px;
    border-radius: .28571429rem;
}

.ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus {
    background: #2b2b2b;
    border: 1px solid #3a3a3a;
    color: #a7a7a7;
}

.ui.button:hover,.ui.button:active,.ui.button:focus {
    background-color: #c063f4;
}

input + i.icon {
    color: #c063f4;
}

input.mcec.button {
}

.ui.attached.segment {
    background: #070707de;
    color: #858585;
    border: 1px solid #202020;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ui.inverted.header,.ui.inverted.header .sub.header, .ui.divided.horizontal.list, .ui.header  {
    color: #858585;
}

.ui.menu .item:not(:first-child):before {
    left: 0;
}

.ui.menu .item:first-child:before {
    background: none;
}

.ui.attached.header {
    background: #202020;
    color: #8a8a8a;
    border: none;
}

.ui.attached.header.right-side {
    float: right;
    transform: translateY(-100%);
    margin: 0;
    background: none;
}

.ui.attached.header .icon {
    font-size: 1rem;
    margin-top: -6px;
}

.ui.fixed.inverted.menu {
    border-bottom: 1px solid #262626;
}

.ui.fixed.footer.segment {
    border-top: 1px solid #262626;
    display: block;
    position: fixed;
    width: 100%;
    bottom: 0;
}

.ui.footer.segment {
    padding: 1em 0em;
}
.ui.inverted.progress .bar {
    background: #88888863;
}

.ui.inverted.progress .bar>.progress {
    color: #a9a9a9;
}

.button.abort-button {
    margin-top: -9px;
}

.ui.negative.button, .ui.negative.buttons .button {
    background-color: #5f0e0e;
    color: #bdbdbd;
}

.ui.progress.success div.bar {
    background-color: #29d25029!important;
}

a {
    color: #c063f4 !important;
}

.ajax-file-upload {
    display: none;
}

.ajax-file-upload-button-template {
    border: 2px dashed #2b2b2b;
    border-radius: 5px;
    padding: 24px;
}

.ui[class*="right floated"] {
    float: right;
    margin-right: 0;
    margin-left: .25em;
}

.ui.sub.header.left.aligned.ajax-file-upload-status {
    margin-top: 0;
}

.ajax-file-upload-container {
    margin-top: 7px;
}

.ajax-file-upload-container > div {
    margin-top: 60px;
}

.ajax-file-upload-container > div:first-child {
    margin-top: 60px;
}

.ajax-file-upload-container > div:last-child .ui.inverted.progress {
    margin-bottom: 5px;
}

i.darkred.icon {
    color: #ff000091!important;
}

i.darkgreen.icon {
    color: #00e234a1!important;
}