File: public/css/style.css

#tc-toolstree-selection .fancytree-title{
    color: inherit;
    font-size: 1.1em;
}

#id_melistoolcreator_content .tooltip .tooltip-inner {
    word-break: normal;
}

#id_melistoolcreator_content .bwizard-steps{
    overflow: hidden;
    height: auto;
}

#id_melistoolcreator_steps .fa-key{
    color: #ffa700;
}
#id_melistoolcreator_steps .fa-key.fa-key-fk{
    color: inherit;
}

.fancytree-title .fa{
    width: 20px;
}

.melis-toolcreator-steps-tbl-cols .tcf-fa-checkbox{
    cursor: pointer;
    width: 25px;
}

.melis-toolcreator-steps li {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 10px;
    color: #7c7c7c;
    font-weight: 600;
    margin-right: 0px;
    border-left: 1px solid #e8e4e4;
}

.melis-toolcreator-steps li:first-child{
    border-left: 0px;
}

.melis-toolcreator-steps li:after {
    position: static;
    right: auto;
    top: auto;
    height: auto;
    width: auto;
    border-bottom: 0;
    border-left: 0;
    border-top: 0;
    content: normal;
    z-index: auto;
}

.melis-toolcreator-steps li.active {
    border-left: 0px;
}
.melis-toolcreator-steps li.active:after {
    position: absolute;
    right: -20px;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #fafafa;
    border-top: 20px inset transparent;
    content: "";
    z-index: 2;
    border-left-color: #e61c23;
}

.melis-toolcreator-steps li span {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 40px;
    color: #7c7c7c;
    font-weight: 600;
    padding-left: 30px;
}

.melis-toolcreator-steps li.active span {
    color: #fff;
    cursor: default;
    padding-left: 30px;
}

.melis-tool-creator .steps-content{
    padding: 5px;
}

.melis-tool-creator .btn-steps:hover{
    background: #e61c23;
    color: #fff;
}

.melis-toolcreator-steps-table-list{
    max-height: 500px;
    overflow: auto;
}

.melis-toolcreator-steps-content form .text-danger li{
    list-style-type: none;
}

.melis-toolcreator-steps-content .melis-toolcreator-steps-table-list li .fa{
    margin-right: 15px;
}

.melis-toolcreator-steps-content .melis-toolcreator-steps-table-list li{
    cursor: pointer;
}

.melis-toolcreator-steps-content .melis-toolcreator-steps-table-list li:hover{
    background: #f1f1f1;
}

.melis-tc-summary-item{
    margin-bottom: 20px;
}

.melis-tc-summary-item-content{
    padding-left: 40px;
}

.melis-tc-final-content .fa{
    width: 20px;
    cursor: pointer;
}

#id_melistoolcreator_content .widget.widget-tabs>.widget-head ul li.active a {
    color: #e61c23;
}

#id_melistoolcreator_content .widget.widget-tabs>.widget-head ul li.active a i:before {
    color: #e61c23;
}

.melis-tc-tool-language.fa{
    width: 28px;
    cursor: pointer;
}

.melis-toolreator-lang-cols-alert{
    padding: 10px;
}

.melis-toolreator-lang-cols-alert p{
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}


.melis-toolcreator-disable-db-tbl-item{
    display: none;
}

.melis-toolcreator-disable-db-tbl-item .alert{
    margin-bottom: 0px;
}

.melis-toolcreator-db-step.alert p{
    display: list-item;
    margin-left: 15px;
}

.melis-toolcreator-steps li span {
    padding: 0px 8px 0 40px;
    padding-left: 10px;
}

.melis-toolcreator-steps li.active span {
    padding-left: inherit;
}

.melis-toolcreator-steps .bwizard-steps li:before {
    border-left: 10px solid #fff;
}

.melis-toolcreator-steps li.active:after {
    right: -10px;
    border-left: 10px solid #fafafa;
}

.melis-tc-lang-tbl-pt-fk, .melis-tc-lang-tbl-lt-fk{
    cursor: pointer;
}

.tcf-fa-checkbox-editable.fa-check-square-o:not(.text-success){
    cursor: no-drop;
}

.melis-toolcreator-steps .bwizard-steps li:before{
    left: -1px;
}

.melis-toolcreator-steps-primary-db-table-columns .table-responsive,
.melis-toolcreator-steps-language-db-table-columns .table-responsive {
    display: block !important;
}

.text-primary-custom {  
    color: #28a745 !important; 
}