/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */


/* main.scss */

//common color 
$white: #fff;
$action_gray:#999999;
$color_keppel_approx: #37bb9b;
$color_gallery_approx: #eee;
$gray: #808080;
$dark_gray:#666;
$color_tuna_approx: #323544;
$color_celeste_approx: #ccc;
$color_cornflower_blue_approx: #66afe9;
$color_mystic_approx: #e8e9ee;
$color_jungle_green_approx: #38BB9B;
$color_froly_approx: #ee6e73;
$color_manatee_approx: #9398a0;
$black: #000;
$color_havelock_blue_approx: #4a90e2;
$color_ironside_gray_approx: #686868;
$color_mercury_approx: #e6e6e6;
$color_whisper_approx: #f6f7fa;
$color_bombay_approx: #b5b9bc;
$red: #f00;
//theme color
//colors
$color_white_lilac_approx: #f6f7fb;
$color_puerto_rico_approx: #3dd4af;
$color_star_dust_approx: #9a9a9a;
$color_mirage_approx: #1c1e2a;
$concrete: #f2f2f2;
$lightGrey:#e1e2e4; //fonts
$font_0: Source Sans Pro;
$font_1: sans-serif;
$font_2: FontAwesome;
//fonts

/* $font_0: PT Sans;
$font_1: sans-serif;
$font_2: Helvetica Neue; */

$font_3: Helvetica;
$font_4: Arial;
$font_5: sans-serf;
//old - style color
$color_bali_hai_approx: #8fa5b1;
$transparent:transparent;
$black_7_5: rgba(0, 0, 0, .075);
$color_hoki_approx: #698797;
$color_curious_blue_approx: #1ba9e2;
$color_blue_bayoux_approx: #44697d;
$color_pickled_bluewood_approx: #334f5e;
$color_picton_blue_approx: #3cb5e6;
$color_yellow_sea_approx: #f5a700;
$color_gamboge_approx: #de9800;
$color_trinidad_approx: #e14f00;
$color_grenadier_approx: #c74600;
$color_athens_gray_approx: #e9ecf2;
$color_green_house_approx: #26530c;
$color_dark_grey_approx:#333;
$black_10: rgba(0, 0, 0, 0.1);
$color_cararra_approx: #ececec;
$black_30: rgba(0, 0, 0, 0.3);
$color_pizazz_approx: #ff8e00;
$black_25: rgba(0, 0, 0, 0.25);
$color_cape_cod_approx: #414141;
$color_apple_blossom_approx: #a94442;
$color_mine_shaft_approx: #333;
$white_80: rgba(255, 255, 255, 0.8);
$color_alto_approx: #dadada;
$color_fuscous_gray_approx: #545454;
$black_65: rgba(0, 0, 0, 0.65);
$white_25: rgba(255, 255, 255, 0.25);
$color_fern_approx: #65bd63;
$color_opal_approx: #a7cec6;
$white_50: rgba(255, 255, 255, 0.5);
$black_20: rgba(0, 0, 0, 0.2);
$color_pelorous_approx: #3aa2d0;
$color_laser_approx: #c4bb61;
$color_zombie_approx: #e0dd94;
$steel_blue: steelblue;
$black_80: rgba(0, 0, 0, 0.8);
$color_bright_turquoise_approx: #00ffd0;
$color_mountain_mist_approx: #999;
$color_suva_gray_approx: #868686;
$tag_color:#4A90E2;
$delete_link:#BB5838;
//urls
$url_0: url(img/loading.gif);
.card {
    background: $white none repeat scroll 0 0;
    //Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
    box-shadow: 0 1px 3px $black_30;
    margin-bottom: 30px;
}

body {
    font-family: $font_0, $font_1;
    color: $color_ironside_gray_approx;
}

.gray-bg {
    background-color: #f6f7fb;
    padding-bottom: 4%;
}

header {
    background-color: $white;
    border-bottom: 1px $color_mystic_approx solid;
}

a {
    color: $color_jungle_green_approx;
    &:focus {
        color: $color_puerto_rico_approx;
        text-decoration: none;
        outline: none;
    }
    &:hover {
        color: $color_puerto_rico_approx;
        text-decoration: none;
    }
}

th {
    text-transform: capitalize;
}

ul {
    list-style: none;
}

.table {
    background-color: $white;
    .table {
        width: auto;
    }
}

.close {
    font-size: 2em;
}

#sideNav-wrapper {
    color: $white;
    font-size: 16px !important;
}

.contentLoading {
    position: absolute;
    background: rgba(247, 247, 247, 0.24);
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    bottom: 0;
    display: none;
}

.auditDetailBtn {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1;
    color: $color_jungle_green_approx;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
    font-weight: 100;
    background-color: $transparent;
    border: 1px solid $color_jungle_green_approx;
    cursor: pointer;
    &+.auditDetailBtn {
        margin-left: 5px;
    }
}

.add-seperator {
    margin-bottom: 10px;
    border-bottom: 1px solid $color_mirage_approx
}

.termTableBreadcrumb {
    /* min-width: 200px; */
    /*   width: 200px; */
    /*  display: inline-block; */
    i {
        cursor: pointer;
    }
    >div {
        display: inline-block;
        // padding: 10px 0px;
        width: 100%;
    }
    .hide {
        opacity: 0;
        overflow: hidden;
        height: 0px;
        display: block !important;
    }
    .show {
        opacity: 1;
        overflow: visible;
        height: auto;
    }
    .liContent {
        /*  width: 150px; */
        float: left;
        line-height: 21px !important;
        padding: 0px 10px 0px 0px !important;
    }
}

.table-quickMenu > tbody > tr > td {
    &.searchTerm {
        overflow: visible;
    }
    &.searchTag {}
}

.tab-content >.tab-pane {
    display: block;
    opacity: 0;
    height: 0;
    padding: 0px;
    overflow: hidden;
    &.active {
        padding: 25px;
        opacity: 1;
        height: auto;
        overflow: auto;
    }
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
}

.modal-body {
    .table {
        table-layout: fixed;
        word-wrap: break-word;
    }
}

.readOnlyLink {
    text-overflow: ellipsis;
    overflow: hidden;
    .deleteBtn {
        padding: 0px 5px;
    }
    a {
        color: $delete_link;
    }
}

.readOnly {
    .addTag-dropdown {
        display: none;
    }
    span {
        &.inputTag[data-id="tagClick"] {
            span {
                display: block;
                padding: 3px 5px 3px 5px;
            }
            i.fa-close[data-id="deleteTag"] {
                display: none;
            }
        }
    }
    a {
        &.inputTagAdd[data-id="addTag"] {
            display: none;
        }
        &.inputTag[data-id="tagClick"] {
            span {
                display: block;
                padding: 3px 5px 3px 5px;
            }
            i.fa-times[data-id="delete"] {
                display: none;
            }
        }
        i {
            &.fa-trash[data-guid] {
                display: none;
            }
            &.fa-trash[data-id="delete"] {
                display: none;
            }
        }
        &.inputAssignTag[data-id="addTerm"] {
            display: none;
        }
    }
    button {
        &.editbutton[data-id="editButton"] {
            display: none !important;
        }
        &[data-id="delete"],
        &[data-id="edit"] {
            display: none;
        }
    }
}

@media (min-width: 768px) {
    .col-sm-custom {
        //width: 92%;
        margin: 25px 25px 0px;
        position: relative;
    }
}

.panel-fullscreen {
    position: fixed;
    height: 100%;
    top: 0px;
    bottom: 0;
    left: 0;
    width: 100%;
    right: 0;
    z-index: 999;
}

.no-padding {
    padding: 0px !important;
}

.no-padding-bottom {
    padding-bottom: 0px !important;
}

.no-padding-top {
    padding-top: 0px !important;
}

.no-padding-left {
    padding-left: 0px !important;
}

.no-padding-right {
    padding-right: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

.no-margin-bottom {
    margin-bottom: 0px !important;
}

.no-margin-top {
    margin-top: 0px !important;
}

.no-margin-left {
    margin-left: 0px !important;
}

.no-margin-right {
    margin-right: 0px !important;
}