body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.label_top {
  display: inline-flex;
  align-items: center;
  height: 100%;
}

/*button.select_custom {
    width: auto !important;
}*/

.logo {
    width: 139px;
    height: 23px;
    margin-top: 10px;
}
.header_top {
    background: #FBFDFF;
    background-size: 314px 63px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #D9E1E8;
    min-height: 50px;
}
.ai_description {
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    margin-top: 13px;
    color: #547a9d;
}

.subtitle {
    color: #919CA7;
}

.select_custom {
    border-color: #D9E1E8;
    background-color: #F6F7F9;
    padding: 8px 16px;
}
.select_custom:hover {
    border-color: #D9E1E8;
    background-color: #F6F7F9;
}
.btn .select_custom:active {
    border-color: #D9E1E8;
    background-color: #fff;
}
.select_custom:focus {
    outline: none !important;
}

.select_custom_grn {
    border-color: #D9E8DA;
    background-color: #F7F9F6;
    padding: 8px 16px;
}
.select_custom_grn:hover {
    border-color: #D9E8DA;
    background-color: #F7F9F6;
}
.btn .select_custom_grn:active {
    border-color: #D9E8DA;
    background-color: #fff;
}
.select_custom_grn:focus {
    outline: none !important;
}
.btn.show  {
    border-color: #D9E8DA;
    background-color: #fff;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: none !important;
  box-shadow: none !important;
}

.blue_arrow::after {
    color: #76ADFF;
}
.red_arrow::after {
    color: #FF7A7A;
}
.yellow_arrow::after {
    color: #FFBB0D;
}
.green_arrow::after {
    color: #9BDE59;
}

/*Prersents*/
.nav-pills .nav-link.active {
    background-color: #000000;
    color: #fff;
}

.nav-pills .nav-link {
    background-color: #242424;
    color: #fff;
    font-size: 18px;
    border-radius: 0;
    text-align: left;
    padding: 20px 29px 23px;
}
.border_yam {
    border: 1px solid #D9E1E8;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;

    padding: 10px 29px;
}

/*Buttons*/
.button_gen {
    background: #9CFF39;
    border-radius: 10px;
    padding: 18px 20px 19px;
    font-size: 18px;
    cursor: pointer;
}
.button_gen:active {
    background: #b3ff67;
}


.button_copy {
    background: #FFFFFF;
    border: 1px solid #D9E1E8;
    border-radius: 10px;
    padding: 18px 20px 19px;
    font-size: 18px;
    cursor: pointer;
}

.reload_ico {
    width: 20px;
    height: 20px;
    margin-left: 20px;
}

.copy_ico {
    width: 20px;
    height: 20px;
    margin-left: 24px;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
}

.plan_idea {
    white-space: pre-wrap;
    max-width: 600px;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}


/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
    .nav {
        display: block;
    }
    .nav-tabs > li {width:100%;}
    .nav-pills .nav-link {width:100%;}
    .subtitle {
        margin-bottom: 15px;
    }
    .label_top {
        width: 55px;
        color: #919CA7;
    }

    .generated {
        font-size: 27px;
        line-height: 32px;
    }
    .gen_shortened {
        font-size: 23px;
        line-height: 26px;
    }
    .gen_shortened_200 {
        font-size: 21px;
        line-height: 24px;
    }
    .button_gen {

    }
    .ai_description  {
        margin-top: 8px;
        margin-bottom: 10px;
        line-height: 100%;
    }
    .bootstrap-select>select {
        left: 0 !important;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
}

/*X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) { 
 }