@font-face{
    font-family:coopexpanded;
    src: url(../../base/fonts/coopexpanded.ttf);
}
@font-face{
    font-family:coopexpanded_bold;
    src: url(../../base/fonts/coopexpanded_bold.ttf);
}
@font-face{
    font-family:coopexpanded_italic;
    src: url(../../base/fonts/coopexpanded_italic.ttf);
}
@font-face{
    font-family:playfairdisplay_bold_italic;
    src: url(../../base/fonts/playfairdisplay_bold_italic.ttf);
}
@font-face{
    font-family:coopcond;
    src: url(../../base/fonts/coopcond.ttf);
}
@font-face{
    font-family:coopcond_bold;
    src: url(../../base/fonts/coopcond_bold.ttf);
}

.sidebar-nav {
    margin-top: 30px;
}

.app-title {
    position: absolute;
    top: 32px;
    left: 43px;
    font-size: 25px;
    color: #ff5404;
    font-weight: bold;
}

.app-title-2 {
    position: absolute;
    display: none;
    color: #ff5404;
    top: 10px;
    left: 6px;
    letter-spacing: 0px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #ff5404;
    padding: 2px;
}

.toggled-2 #sidebar-wrapper .app-title {
    display: none;
}

.toggled-2 #sidebar-wrapper .app-title-2 {
    display:block;
}

.toggled-2 #sidebar-wrapper .sidebar-nav {
    margin-top: 57px;
}

#sidebar-wrapper .logo-img {
    width: 50%;
    padding: 15px;
    margin-top: 0;
    margin-bottom: 0;
}

.modal-title, .modal-header, .modal-footer, #topheader,
.panel-default > .panel-heading, .panel-default > .panel-footer, #sidebar-wrapper {
    color: #f9feff;
    background-color: #414d5a;
}

@media (min-width: 1199px) {
    .modal-xl {
        width: 1200px;
    }
}

.sidebar-nav li a, #topheader .navbar-nav > li > a {
    color: #f9feff;
}




#sidebar-wrapper .logo-type {
    width: 100%;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 0;
}

.form-control {
    height: 32px;
}

.form-horizontal .control-label {
    padding-top: 6px;
}

.listtable table tbody td {
    vertical-align: middle;
}

.listtable table tbody td img {
    max-width: 300px;
    max-height: 3rem;
}

.colorpicker-2x .colorpicker-saturation {
    width: 200px;
    height: 200px;
}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
    width: 30px;
    height: 200px;
}

.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
    height: 30px;
}

.grapick-container {
    padding: 4px;
    min-width: 130px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 2500;
}

.colorpicker-dropdown {
    padding: 10px;
}

.colorpicker-dropdown .tab-content{
    padding-top: 10px;
}

.colorpicker-dropdown .nav-pills li a{
    color: #2c3d4f;
    background-color: #FFFFFF;
    padding: 4px 13px;
    border: 1px solid #898989;
}

.colorpicker-dropdown .nav-pills li.active a, .colorpicker-dropdown .nav-pills li a:hover {
    color: #FFFFFF;
    background-color: #898989;
}

.colorpicker-dropdown .tab-content .gradient-picker {
    margin-top: 30px;
    margin-bottom: 10px;
}

.colorpicker-input ~ .input-group-addon i {
    display: inline-block;
    height: 16px;
    vertical-align: text-top;
    width: 16px
}

.btn span.btn-ml {
    margin-left: 6px;
}

.input-group-btn .btn{
    padding: 5px 13px;
}

.radio.radio-inline {
    margin-top: 5px;
}

.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {
    outline: none;
}

.file-input-image-caption {
    max-width: 200px;
    text-align: center;
    font-size: 11px;
    display: block;
    margin-top: 40px;
}

.file-drop-zone {
    min-height: 100px;
}

.file-drop-zone-title {
    padding: 10px;
}

.file-preview-image {
    max-height: 200px !important;
}

.krajee-default.file-preview-frame .kv-file-content {
    height: auto;
}

.krajee-default .file-footer-caption {
    padding-top: 10px;
}

.modal-footer .btn-default .fa {
    margin-right: 0;
}

.logo-container {
    width: 100%;
    height: 100px;
    padding: 20px 10px;
    z-index: 100;
    -webkit-box-shadow: 0px 10px 18px 0px rgba(0,0,0,0.1); 
    box-shadow: 0px 10px 18px 0px rgba(0,0,0,0.1);
}

.logo-container img {
    max-width: 100%;
    max-height: 100%;
}

#main-wrapper {
    min-height: 100%;
    background: #FFFFFF;
    background-repeat: no-repeat;
    padding-right: 0px;
    padding-left: 0px; 
}

#no-competitions_message {
    font-family: coopcond;
    padding: 20px 30px;
}

.competition-item {
    font-size: 20px;
}