﻿.design-workshop{
    @padding: 5px;
    .workshop {
        background-color: #266cba;
        .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
            top: 0;
        }
    }
    .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
        top: 0;
    }
    .footer {
        text-align: right;
    }
    
    .navRight {
        float: right;
    }
    
    .backDeviceModels {
        float: left;
    }
    
    .workshop {
        .btn.bgFFF {
            transition: inherit;
            background: transparent;
            box-shadow: none;
            font-size: 14px;
            font-weight: normal;
            color:#e3edfe;
            &:hover{
                color: #FFFFFF;
                text-underline: none;
            }
        }
        .btn.bgFFF:hover {
            box-shadow: none;
        }
        .boxType {
            color: #b0c9f4;
            font-size: 14px;
            font-weight: normal;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            right: -18px;
        }
        tab {
            background-color: #ffffff;
        }
    }
    
    .design-tabsHead {
        // tab font color
        .nav.nav-tabs {
            .nav-link {
                color: #fff;
            }
        }
        .color-picker{
            position: relative !important;
        }
    }
    
    .iconPng {
        display: inline-block;
        float: left;
        height: 20px;
        position: relative;
        top: 7px;
        font-size: 18px;
    }
    
    .back:hover{
       color: #FFFFFF;
    }
    
    .released {
        color: #FFFFFF;
    }
    
    .simulation {
        color: #FFFFFF;
    }
    .btnPading {
        padding: 5px;
    }
    
    .loadFailedContainer {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        text-align: center;
    }
    
    .loadFailed {
        height: 300px;
        margin: auto;
        h4 {
            color: #666;
            font-size: 24px;
            margin: 30px 0 40px 0;
        }
        .btn {
            width: 80px;
        }
    }
}
.designer-input-wrap{
    .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{
        top: 0;
    }
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}
.clearfix{
    *zoom: 1;
}

