/*
 Theme Name:   Legal Tree
 Author:       Shaneh Leng
 Description:  Legal Tree Custom CSS
 Version:      1.0.0
 Text Domain:  legal_tree
*/

/**
*  Start Custom CSS
**/
html {
    font-family: 'GreycliffCF', sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #474747;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
/*General*/
.uk-card-primary.uk-card-body, 
.uk-card-primary>:not([class*=uk-card-media]), 
.uk-card-secondary.uk-card-body, 
.uk-card-secondary>:not([class*=uk-card-media]), 
.uk-light, .uk-offcanvas-bar, .uk-overlay-primary, 
.uk-section-primary:not(.uk-preserve-color), 
.uk-section-secondary:not(.uk-preserve-color), 
.uk-tile-primary:not(.uk-preserve-color), 
.uk-tile-secondary:not(.uk-preserve-color) {
    color: rgba(255,255,255,1);
}
.uk-dark{
    color: #000;   
}

.uk-dark .uk-h4{
    color: #000;   
}
     /*Headings*/
    h1, h2, h3, h4, h5, h6,
    .uk-h1, .uk-h2, .uk-h3, 
    .uk-h4, .uk-h5, .uk-h6 {
        font-family: 'GreycliffCF';
    }
    h2, .uk-h2 {
        font-size: 2.75rem;
        font-weight: 700;
    }
    h3, .uk-h3 {
        font-size: 	1.5rem ;
        font-weight: 500;
    }
    h4, .uk-h4 {
        font-size: 1.125rem;
        font-weight: 600;
    }
    h5, .uk-h5 {
        font-size: 1.75rem;
        font-weight: 500;
    }
    h6, .uk-h6 {
        font-size: 1.5rem;
        font-weight: 600;
    }
    .uk-heading-primary {
        font-size: 	2.25rem;
        letter-spacing: 2px;
        line-height: 1;    
    }
    .uk-text-small {
        font-size: 0.875rem;
    }
    .uk-text-large {
        font-size: 	1.0625rem;
    }
    .uk-text-xlarge {
        font-size: 	1.125rem;
    }
    .medium {
        font-weight: 500 !important;
    }
    .semibold {
        font-weight: 600 !important;
    }
    .bold {
        font-weight: 700 !important;
    }
    .extra-bold {
        font-size: 1.825rem;
        font-weight: 800;
    }
    .wide {
        letter-spacing: 1px;
    }
    .wider {
        letter-spacing: 2px;
    }

    /*Container*/
    .uk-container-large {
        max-width: 1400px;
        margin: 0 auto;
    }

    /*Section*/
    .uk-section-muted {
        background: #00a651;
    }

    .uk-section-muted-second {
        background: #464546;
    }
    .uk-section-primary {
        background: #0b894c;
    }
    .uk-section-secondary {
        background: #000;
    }
    .uk-section-medium {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    /*Width*/
    .uk-width-xxlarge {
        width: 100%;
    }

    /*Button*/
    .uk-button {
        font-family: 'GreycliffCF';
        font-weight: 500;
        text-transform: inherit;
    }
    .uk-button-small {
        border-radius: 30px;
        padding: 0 40px;
        line-height: 45px;
        color: #fff;
        font-size: 1rem;
    }
    .uk-button-large {
        padding: 0 55px;
        border-radius: 30px;
        font-size: 1.2rem;
    }
    .uk-button-default-premium{
        color: #fff;
        font-weight: bold;
        font-size: 1.2em;
        letter-spacing: 1px;
    }
    .uk-button-default, .uk-button-default-premium,
    .uk-offcanvas-bar .uk-button-default,
    .uk-tile.uk-preserve-color .uk-button-default {
        background: #0b894c;
        border-color: transparent;
    }
    .uk-button-muted,
    .uk-offcanvas-bar .uk-button-muted,  .uk-button-default-premium,
    .uk-tile.uk-preserve-color .uk-button-default {
        border: 1px solid #fff;
    }
    .uk-button-muted:hover,
    .uk-button-default:hover, .uk-button-default-premium:hover, .accordion-icon:hover {
        background: #fff;
        color: #000;
        border-color: transparent;
    }
    .uk-button-default:hover, .uk-button-default-premium:hover,   .uk-icon-button:hover  {
        border-color: #000;
    }
    .uk-section-muted:not(.uk-preserve-color) a:hover,
    .uk-section-secondary:not(.uk-preserve-color) a:hover, .preview-buttons {
        color: #000;
    }
    .uk-tile.uk-preserve-color .uk-button-default, .uk-button-default-premium {
        border: 1px solid #d9d9d9;
    }
    .uk-tile.uk-preserve-color .uk-button-default:hover, .question-button-icons:hover {
        background: transparent;
        color: #fff;
    }
    .uk-button-secondary {
        background-color: #01a857;
    }
   

    /*Icon Buttons*/
    .uk-icon-button {
        border: 1px solid transparent;
        background: transparent;
    }
    .uk-icon-button-large {
        border-width: 2px;
        width: 45px;
        height: 45px;
    }
    .icon:hover {
        background: transparent;
        cursor: default;
    }
    .button-text-green,.uk-icon-button.icon:hover {
        color: #01a857;
    
    }
    .btn-green,
    .uk-offcanvas-bar .btn-green {
        border-color: #01a857;
        color: #01a857;
    }
    .login-button{
        background-color: #01a857 !important;
        color: #fff !important;
    }

     .login-button:hover, .login-button:focus {
        background-color: #fff !important;
        border-color: #01a857 !important;
        color:#01a857 !important;
    }

    .my-document i{
        font-size: 20px;
    }

    .btn-red {
        background-color: #d82b38;
        color: #fff;
    }
    .add-on-button {
        line-height: 26px;
    }

    .btn-red-login {
        background-color: #d82b38 !important;
        color: #fff !important;
    }
    .btn-red-login:hover, .btn-red-login:focus {
        background-color: transparent;
        border-color: #d82b38;
        color:#d82b38;
    }

    .btn-red:hover, .btn-red-login:focus {
        background-color: #fff  !important;
        border-color: #d82b38  !important;
        color:#d82b38 !important;
    }

    .btn-blue {
        background-color: #4378bb;
        color: #fff;
    }

    .btn-blue-login {
        background-color: #4378bb !important;
        color: #fff !important;
    }
    .btn-blue:hover, .btn-blue:focus {
        background-color: transparent ;
        border-color: #4378bb;
        color:#4378bb;
    }

    .btn-blue-login:hover, .btn-blue-login:focus {
        background-color: #fff !important;
        border-color: #4378bb !important;
        color:#4378bb!important;
    }

    .btn-red-login:hover, .btn-red-login:focus {
        background-color: #fff !important;
        border-color: #d82b38 !important;
        color:#d82b38!important;
    }

    /*Padding*/
    .uk-padding-medium {
        padding: 40px 0;
    }

    /*Card*/
    .uk-card-body {
        font-family: 'Open Sans';
        font-weight: 300;
    }
    .uk-card-title {
        font-family: inherit;
        font-weight: 600;
        font-size: 1.25rem;
    }
    .text-green, .faq-card a:hover {
        color: #01a857 !important;
        text-decoration: none;
    }
    
    .forgot-password{
       color: #fff !important;
 
    }

    .text-green-link{
        color: #01a857 !important;
        text-decoration: none; 
    }

    .text-green-link:hover{
        color:#fff !important;
        text-decoration: none; 
    }

    .forgot-password:hover, .forgot-password:focus {
       color: #01a857 !important;
 
    }
    
    .text-lightgreen {
        color: #26e483 !important;
    }

    .drop-shadow {
        text-shadow: 3px 3px 9px #3a3a3a;
    }

    /*Tile*/
    .uk-tile-default {
        /*border: 1px solid #00a651;*/
        padding: 40px;
    }
    
    .border-green {
        border: 1px solid #00a651;
        /*padding: 40px;*/
    }
    .uk-tile-muted {
        background: transparent;
        border: 1px solid #000;
    } 
    
    .remove-border {
        /*background: transparent;*/
        border: 0px solid #000;
    }
    .uk-tile .body {
        min-height: 75px;
    }

    /*Divider*/
    .uk-divider-small {
        width: 60px;
        margin: 0 auto;
    }
    .uk-divider-small::after {
        border-top: 1px solid #d9d9d9;
    }
    .uk-light .uk-divider-small::after {
        border-top-color: #d9d9d9 !important;
    }

    /*Header*/
    .tm-header, .uk-navbar-container:not(.uk-navbar-transparent) {
        background: #000;
        min-height: 100px;
    }
    .uk-navbar-nav > li > a {
        font-family: 'GreycliffCF';
        font-weight: 850;
        font-size: 0.85rem;
        letter-spacing: 1px;
        min-height: 100px;
        color: rgba(255,255,255,1);
    }
    .uk-navbar-nav > li.uk-active > a {
        color: rgba(255,255,255,1);
    }
    .uk-navbar-nav > li:hover > a,
    .uk-navbar-nav > li:focus > a,
    .uk-navbar-nav > li.uk-active > a {
        color: #26e483;
    }
    .notif {
        background-color: #ff1e50;
        color: #fff;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        line-height: 16px;
        font-size: 11px;
        font-weight: 700;
        position: absolute;
        top: -1px;
        left: -6px;
        cursor: pointer;
        z-index: 1;
    }

    .notif-description{
        background-color: #ff1e50;
        color: #fff;
        height: 16px;
        width: 61px;
        border-radius: 9%;
        display: inline-block;
        text-align: center;
        line-height: 16px;
        font-size: 11px;
        font-weight: 700;
        position: absolute;
        /* top: -1px; */
        /* left: -6px; */
        cursor: pointer;
    }
    

    /*Offcanvas*/
    .uk-navbar-toggle {
        color: #fff !important;
    }
    .uk-offcanvas-bar {
        background: #111;
        padding: 30px;
    }

    /*Footer*/
    .tm-footer-top {
        font-family: 'Open Sans', sans-serif;
        font-size: 0.8125rem;
        letter-spacing: 1px;
    }
    .uk-section-primary:not(.uk-preserve-color) .uk-icon-button {
        background: transparent;
        color: #fff;
        border: 2px solid #fff;
        margin: 0 10px;
        width: 30px;
        height: 30px;
    }
    .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover {
        background: #fff;
        color: #000;
    }
    .back-to-top > *,
    .scroll-down > * {
        transition: all 0.4s ease-in-out;
    }
    .back-to-top:hover > *,
    .scroll-down:hover > * {
        cursor: pointer;
        transition: all 0.4s ease-in-out;
    }
    .back-to-top img,
    .scroll-down img  {
        top: 0;
        position: relative;
    }
    .back-to-top:hover img {
        top: -5px;
    }
    .scroll-down:hover img {
        top: 5px;
    }
    .scroll-down.small img {
        width: 35px;
        height: auto;
    }
    .tm-footer-bottom .uk-nav > li {
        margin: 0 5px;
    }
    .tm-footer-bottom,
    .tm-footer-bottom .uk-nav > li > a {
        font-family: 'Helvetica', sans-serif;
        font-weight: 300;
        font-size: 0.75rem;
        letter-spacing: 1px;
    }
    .tm-footer-bottom .uk-nav > li > a:hover, 
    .tm-footer-bottom .uk-nav > li > a:focus {
        color: #b7b7b7;
    }
    .tm-footer-bottom .uk-nav > li:not(:last-child) > a:after {
        content: ' | ';
        margin: 0 2px 0 8px;
        position: relative;
        right: 0;
    }

    /*Search*/
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
    .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon {
        color: #000;
    }
    .uk-search-large {
        position: relative;
        z-index: 5;
    }
    .uk-search-large .uk-search-icon:before {
        content: url("../images/search.png");
    }
    .uk-search-large .uk-search-icon svg {
        display: none;
    }
    .uk-search-large .uk-search-input {
        color: #000;
        height: 60px;
        line-height: 60px;
        padding: 10px 0;
        box-sizing: border-box;
        font-size: 1.3rem;
        border-radius: 100px;
    }
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus {
        background: #fff;
    }
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #878787;
        font-size: 1.125rem;
    }
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input::-moz-placeholder { /* Firefox 19+ */
        color: #878787;
        font-size: 1.125rem;
    }
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:-ms-input-placeholder { /* IE 10+ */
        color: #878787;
        font-size: 1.125rem;
    }
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:-moz-placeholder { /* Firefox 18- */
        color: #878787;
        font-size: 1.125rem;
    }
    .search-button {
        position: absolute;
        top: 7px;
        right: 8px;
        z-index: 9;
    }

    /*Horizontal Line & Dividers */
    hr {
        border-top: 1px solid #f6f7f9; 
    }
    
    /*Form Fields*/
    .uk-input, .uk-select, .uk-textarea ,.uk-dark .uk-tile{
        color: #000;
        border-color: #000;
        border-radius: 5px;
        font-size: 1.0625rem;
        transition: all 0.3s ease-in-out;
    }
    .uk-form-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #000;
        letter-spacing: 1px;
    }
    .uk-form-field::-moz-placeholder { /* Firefox 19+ */
        color: #000;
        letter-spacing: 1px;
    }
    .uk-form-field:-ms-input-placeholder { /* IE 10+ */
        color: #000;
        letter-spacing: 1px;
    }
    .uk-form-field:-moz-placeholder { /* Firefox 18- */
        color: #000;
        letter-spacing: 1px;
    }
    .uk-input:focus, 
    .uk-select:focus, 
    .uk-textarea:focus {
        border-color: #01a857;
        box-shadow: 0 0 20px -9px #01a857;
        transition: all 0.3s ease-in-out;
    }
    .uk-checkbox, .uk-radio {
        height: 20px;
        width: 20px;
    }
    .uk-checkbox {
        border-radius: 3px;
    }
    .uk-checkbox, .uk-radio,
    .uk-checkbox:focus, .uk-radio:focus {
        border-color: #000;
    }
    .uk-checkbox:checked {
        background-image: url('../images/tick.png');
    }
    .uk-checkbox:checked, 
    .uk-checkbox:checked:focus, 
    .uk-checkbox:indeterminate:focus, 
    .uk-radio:checked:focus {
        background-color: transparent !important;
        border-color: #000;
    }
    .form-button {
        width: 100%;
        max-width: 330px;
    }

    /*Switcher*/
    .uk-tab {
        margin-left: -10px;
    }
    .uk-tab > * {
        padding-left: 10px;
    }
    .uk-tab > * > a {
        background-color: #e5e5e5;
        padding: 15px 35px;
        border-radius: 10px 10px 0 0;
        border-bottom: 0;
        text-transform: none;
        font-weight: 500;
        font-size: 1rem;
        letter-spacing: 1px;
        color: #898989;
    }
    .uk-tab > .uk-active > a {
        background-color: #01a857;
        color: #fff;
    }
    .uk-switcher {
        border: 1px solid #a6a8ab;
        border-top: 5px solid #01a857;
        padding: 40px 30px;
        border-radius: 0 0 8px 8px;
    }

    /*Tables*/
    .uk-overflow-auto::-webkit-scrollbar {
        width: 5px;
    }
    .uk-overflow-auto::-webkit-scrollbar-track {
        background: #d0d2d3;
    }
    .uk-overflow-auto::-webkit-scrollbar-thumb {
        background: #f2f2f2;
        border-radius: 10px;
        box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1); 
        width: 5px;
    }
    .uk-table {
        border-radius: 10px 10px 0 0;
    }
    .uk-table-striped tbody tr:nth-of-type(odd), 
    .uk-table-striped>tr:nth-of-type(odd) {
        background: #f6f6f6;
    }
    .uk-table-hover tbody tr:hover, 
    .uk-table-hover>tr:hover {
        background-color: #edf7f2;
    }
    .uk-table th {
        background: #01a857;
        color: #fff;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
        min-width: 180px;
    }
    
    .preview-table th,.purchase-table th,.pom-preview th {
        background:transparent;
        color: black;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
        min-width: 0px;
    }
    
    .preview-lawyer-table tbody tr{
        height: 30px!important;

    }

    .preview-table th,.purchase-table th{
        width: 100px;
    }
    .uk-table th:first-child {
        border-radius: 10px 0 0 0;
        
    }
    .uk-table th:last-child {
        border-radius: 0 10px 0 0;
    }

    .preview-table td:first-child,  .preview-table td:last-child,.preview-table th:last-child ,.purchase-table td:first-child {
        padding-left: 40px;
        max-width: 200px;
    }
    .head-label{
        padding-left: 40px;
    }
    .preview-table tbody tr,.purchase-table tbody tr{
        height: 140px;
    }
    .purchase-table  tbody tr:last-child td{
        height: 240px;
        border: 0px !important;
    }

    @media (max-width: 1150px) {
        .preview-table td:first-child,.purchase-table td:first-child {
            padding-left: 20px;
        } 
        .head-label{
            padding-left: 0px;
        }
    
      
    }

    @media (max-width: 640px) {
        .preview-table td:first-child ,.purchase-table td:first-child {
            padding-left: 5px;
        } 
        .head-label{
            padding-left: 0px;
        }
    }

    .uk-table td {
        border-bottom: 1px solid #d0d2d3;
        font-size: 0.875rem;
        font-weight: 500;
        letter-spacing: 1px;
    }
    .uk-table td:first-child {
        border-left: 1px solid #d0d2d3;
    }
    .uk-table td:last-child {
        border-right: 1px solid #d0d2d3;
    }
    .uk-table .uk-button-xsmall {
        background: transparent;
        border-width: 1px;
        border-color: #00a651;
        line-height: 30px;
        border-radius: 50px;
        padding: 0 15px;
        color: #01a857;
    }
    .uk-table .uk-button-xsmall:hover {
        background-color: #000;
        border-color: transparent;
        color: #fff;
    }
    .uk-table .uk-icon:hover , .uk-dark a:hover{
        cursor: pointer;
        color: #00a651;
    }
    .uk-switcher .uk-search-large .uk-search-input {
        height: 50px;
        line-height: 50px;
    }
    .uk-switcher .uk-search .uk-button-small {
        line-height: 35px;
    }

    /*Pagination*/
    .uk-pagination > * > *,
    .uk-pagination .uk-disableds {
        color: #000;
    }
    .uk-pagination > *:not(:first-child):not(:last-child):not(.uk-disabled) > * {
        width: 30px;
        height: 30px;
        border: 1px solid #a5a7ab;
        color: #000;
        text-align: center;
        line-height: 20px;
        padding: 5px;
        line-height: 20px;
        border-radius: 50%;
        font-weight: 600;
        font-size: 0.875rem;    
      
    }
    .uk-pagination > *.uk-active > *,
    .uk-pagination > *:hover:not(:first-child):not(:last-child) > * {
        background: #0a894c;
        color: #fff !important;
        border: 1px solid transparent !important;
    }
    .uk-pagination > * {
        padding-left: 8px;
        margin-top: 10px;

    }


    /*Home*/
    .home .tm-top-a.uk-section-secondary:not(.uk-preserve-color) .uk-button-default {
        background-color: #00a651;
        transition: 0.3s all ease;
    }
    .home .tm-top-a.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover {
        background-color: #000;
        transition: 0.3s all ease;
    }
    .home .tm-top-a.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus {
        background-color: transparent;
        border-color: #000;
        color: #000;
    }
    .uk-search-large {
        width: 100%;
        max-width: 850px;
    }
    .uk-search-large .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input {
        padding-right: 150px;
    }

    /*My Account*/
    .box {
        width: 140px;
        height: 140px;
        background-color: #01a857;
        margin: 20px auto;
        display: block;
        line-height: 140px;
        box-sizing: border-box;
    }
    .box .notifications {
      color: #fff;
      font-size: 4rem;
      font-weight: 800;
    }
    a.box:hover {
        text-decoration: none;
    }

/*Media Queries*/
@media (min-width: 960px) {
    .uk-section-medium {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .uk-width-xxlarge {
        width: 800px;
        margin: 0 auto;
    }
    .uk-heading-primary {
        font-size: 	3rem;
        line-height: 1.1;
    }
    .uk-text-large {
        font-size: 	1.125rem;
    }
    .uk-text-xlarge {
        font-size: 	1.25rem;
    }
    h5, .uk-h5 {
        font-size: 2.25rem;
        font-weight: 500;
    }


}
@media (min-width: 1150px) {
    .uk-hidden\@m {
        display: none!important;
    }
    .uk-visible\@m {
        display: block!important;
    }
  
}
@media (max-width: 1150px) {
    .uk-hidden\@m {
        display: block!important;
    }
    .uk-visible\@m {
        display: none!important;
    }
    .button-signup{
        text-align: center !important;
    }
}
@media (max-width: 960px) {
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 1rem;
    }
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input::-moz-placeholder { /* Firefox 19+ */
        font-size: 1rem;
    }
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:-ms-input-placeholder { /* IE 10+ */
        font-size: 1rem;
    }
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:-moz-placeholder { /* Firefox 18- */
        font-size: 1rem;
    }
    .signup-link {
        text-align: center !important;
    }

    .uk-accordion-title {
       text-align: center;
    }

    .uk-accordion-title button {
       line-height: 40px;
    }

    .uk-accordion-title::before {
      display: none;
      
    }

    .new-accordion-icon {
      display: block !important;
      color: #00a651;

    }

    .head-text {
        margin-top: 70px!important;
    }

    .button-signup{
        margin-top: 50px!important;
    }
    
    .signup-or{
       
        margin-top: 25px!important;
    }

  
}

@media (max-width: 1365px) {
    .uk-navbar-nav > li > a {
        margin: 0 10px;
    }
}

@media (max-width: 480px) {
    .bottom-menu {
        display: block;
    }
    .tm-footer-bottom .uk-nav > li:not(:last-child) > a:after {
        display: none;
    }
    .search-button {
        display: none;
    }
    .uk-search-large .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input {
        padding-right: 30px;
    }

    .register-block{
        display:block;
       
    }

    .register-account{
        float:left;
        text-align: left !important;
        margin-bottom:10px !important;
    }
    
    .head-text {
        margin-top: 70px!important;
    }
}


.client-error-field{
    display: block;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.upgrade-button{
    background: #fff;
    color: #000 !important;
    border-color: transparent;
    /* border: 1px solid #00a651 !important; */
    /* background: transparent !important; */
}
.upgrade-button:hover, .upgrade-button:focus {
    /* background: #fff; */
    color: #00a651!important;
    /* border-color: transparent;  */
    border: 1px solid #00a651 !important;
    background: transparent !important;
}

.downgrade-button{
    background: transparent !important;
}

.downgrade-button:hover, .downgrade-button:focus {
 background: #fff !important;
}

.notary-table-hover tr:hover, .clicked-notary-row {
    cursor: pointer;
    background: #00a651 !important;
}

.notification-tab{
   padding:0;
}

.notification-tab-line li:hover{
    background-color: #cec9c9 !important;
}

.notification-tab-line li {
    border: 1px solid rgba(0,0,0,.19);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0), 0 4px 4px 0 rgba(0,0,0,.19);
    padding-left: 5px;
    padding-right: 5px;
    height: 55px;
    margin-top: 4px;
    margin-bottom: 8px;
    /* background: rgba(0, 151, 19, 0.3); */
    color: black;
}

.notification-tab-line li.uk-active {
    border: 1px solid rgba(0,0,0,.19);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0), 0 4px 4px 0 rgba(0,0,0,.19);
    padding-left: 5px;
    padding-right: 5px;
    height: 55px;
    margin-top: 4px;
    margin-bottom: 8px;
    background: rgba(0, 151, 19, 0.3);
    color: black;
}

.notifcation-title{
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #3a3a3a;
}

.footer-bg-notification{
    background-color: #3a3a3a !important;
}

.notifcation-footer a{
    padding-top: 5px!important;
    padding-bottom: 8px!important;
    font-size: .7rem !important;
    color: #4378bb;
}

.notification-tab-line  .notif{
    width: 30px;
    position: relative;

}


.notif-text {
    font-size: .7rem;
    font-style: italic;
}

.notifcation-footer a:hover{
    color: #4378bb;
}

.topbar-icon:hover, .topbar-icon:focus, .preview-buttons:hover{
    color: #00a651 !important;
}

.active-icon{
    color: #00a651 !important;
}

/* .uk-accordion li{
    border: #0b894c 1px solid;
    padding: 10px;

} */

.uk-accordion-title {
    border: #00a757 1px solid;
    border-radius: 5px;
    padding: 8px 25px;
    font-size: 1rem;
    font-weight: 500;

    overflow: hidden;
}

.uk-open>.uk-accordion-title::before{
    background-image: url('');
}

.uk-accordion-title::before {
        background-image: url('');
}


.uk-accordion li:hover, .uk-accordion li.uk-open{
    /* border: #00a757 1px solid; */
    font-weight: 600;
}

.forest-green{
    color: #268e59;
}

.forest-green:hover{
    color: #000;
    cursor: pointer;
    text-decoration:none;
    
}

.forest-green-reverse{
    color: #000;
}

.forest-green-reverse:hover{
    color: #268e59;
    cursor: pointer;
    text-decoration:none;
    
}

.uk-accordion-content{
    font-weight:400;
}

.accordion-button{
    border-radius: 30px;
}

.text-card-body{
    color:#333;
    text-align: justify;
    font-weight: 400;
}
.text-card-body p{
   margin-top: 10px;
}

.related-link .uk-tile-default:hover{
    background-color: #e4e4e4;
  
}

.related-link:hover {
    text-decoration: none !important;
}


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

.signup-or{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 1.3em;
    text-decoration: underline;
    margin-top: -116px;
}
.question_modal{
    min-width: 70%;
}


/* .uk-progress{
    height: 40px;
    border-radius: 20px;
}

progress {
    border: 0;
    display: inline-block !important;
    height: 40px;
    width: 90% !important;
    border-radius: 20px;
    background: #00a757;
    margin-top: 20px;
}

progress::-webkit-progress-bar {
    border: 0;
    height: 40px;
    border-radius: 20px;
    background: #00a757;
}
progress::-webkit-progress-value {
    border: 0;
    height: 40px;
    border-radius: 20px;
    background: #00a757!important;
}
progress::-moz-progress-bar {
    border: 0;
    height: 40px;
    border-radius: 20px;
    background: #00a757;
} */




/*********************
 *   Progress Bar    *
 *********************/
 /* .meter { 
	height: 20px;  
	position: relative;
	background: #555;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 10px;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
} */

/* .meter > span {
    display: block;
    height: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(43,194,83);
    background-image: linear-gradient(
      center bottom,
      rgb(43,194,83) 37%,
      rgb(84,240,84) 69%
    );
    box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
  }

  .orange > span {
    background-color: #f1a165;
    background-image: linear-gradient(to bottom, #f1a165, #f36d0a);
  }
  
  .red > span {
    background-color: #f0a3a3;
    background-image: linear-gradient(to bottom, #f0a3a3, #f42323);
  }

  .meter > span:after {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image: linear-gradient(
      -45deg, 
      rgba(255, 255, 255, .2) 25%, 
      transparent 25%, 
      transparent 50%, 
      rgba(255, 255, 255, .2) 50%, 
      rgba(255, 255, 255, .2) 75%, 
      transparent 75%, 
      transparent
    );
    z-index: 1;
    background-size: 50px 50px;
    animation: move 2s linear infinite;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
  } */
/* Styling an indeterminate progress bar */


/* Styling the determinate progress element */

progress[value] {
    /* Get rid of the default appearance */
    appearance: none;
    
    /* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */
    border: none;
    
    /* Add dimensions */
    width: 87%; height: 40px;
    
    /* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */
      background-color: whiteSmoke;
      border-radius: 3px;
      box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
    
    /* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
    color: royalblue;
    
    position: relative;
    margin: 0 0 1.5em; 
}

/*
Webkit browsers provide two pseudo classes that can be use to style HTML5 progress element.
-webkit-progress-bar -> To style the progress element container
-webkit-progress-value -> To style the progress element value.
*/

progress[value]::-webkit-progress-bar {
    background-color: whiteSmoke;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
}

progress[value]::-webkit-progress-value::before {
    content: '80%';
    position: absolute;
    right: 0;
    top: -125%;
  }



progress[value]::-webkit-progress-value:after {
    /* Only webkit/blink browsers understand pseudo elements on pseudo classes. A rare phenomenon! */
    content: '80';
    position: absolute;
    
    width:5px; height:5px;
    top:7px; right:7px;
    
    background-color: white;
    border-radius: 100%;
}


/* Fallback technique styles */
.progress-bar {
    background-color: whiteSmoke;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;

    /* Dimensions should be similar to the parent progress element. */
    width: 100%; height:20px;
}

.progress-bar span {
    background-color: royalblue;
    border-radius: 3px;
    
    display: block;
    text-indent: -9999px;
}

p[data-value] { 
  
  position: relative; 
}

/* The percentage will automatically fall in place as soon as we make the width fluid. Now making widths fluid. */

p[data-value]:after {
    content: attr(data-value) '%';
    position: absolute; right:0;
}





.html5::-webkit-progress-value,
.python::-webkit-progress-value  {
    /* Gradient background with Stripes */
    background-image:
    -webkit-linear-gradient( 135deg,
                                                     transparent,
                                                     transparent 33%,
                                                     transparent 33%,
                                                     transparent 66%,
                                                     transparent 66%),
    -webkit-linear-gradient( top,
                                                        rgba(255, 255, 255, .25),
                                                        rgba(0,0,0,.2)),
     -webkit-linear-gradient( left, rgb(18, 18, 19), #26e483);
}

/* Similarly, for Mozillaa. Unfortunately combining the styles for different browsers will break every other browser. Hence, we need a separate block. */

.html5::-moz-progress-bar,
.php::-moz-progress-bar {
    /* Gradient background with Stripes */
    background-image:
    -moz-linear-gradient( 135deg,
                                                     transparent,
                                                     transparent 33%,
                                                     transparent 33%,
                                                     transparent 66%,
                                                     transparent 66%),
    -moz-linear-gradient( top,
                                                        rgba(255, 255, 255, .25),
                                                        rgba(0,0,0,.2)),
     -moz-linear-gradient( left, #09c, #20b26c);
}



/*******************
 *      tooltip    *
 *******************/
 .whatsthis{
    position: relative;
    top: -8px;
    color: #0a894c;
    cursor: pointer;
 }
 .uk-tooltip {
     
  max-width: 30% !important;
  /* max-width: 100% !important; */
  /* background: transparent; */
 }

 .tooltip-title{
     background-color: #000;
     border-radius: 5px;
 }

 .tooltip-title p{
    color: #fff !important;
 }

 .arrow_box {
	position: relative;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
  left:50%; 
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
 .arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #ccc;
	border-width: 17px;
	margin-left: -17px;
}



@media (max-width: 1200px) {
    .button-signup{
        margin-top: 140px;
    }
  
}

.my-checklist-modal{
    min-width: 50%;
    max-width: 60%;
}

.uk-card-new-primary{
    box-shadow: 0 11px 25px 0px rgba(19, 19, 19, 0.18);
    background: #fff;
    border: 1px solid #eeeeee;
}

.upload-defense .uk-modal-dialog{
    width:70%;
}

.dropzone {
    border:2px dashed #999999;
    border-radius: 10px;
}
.dropzone .dz-default.dz-message {
    height: 171px;
    background-size: 132px 132px;
    margin-top: -101.5px;
    background-position-x:center;

}
.dropzone .dz-default.dz-message span {
    display: block;
    margin-top: 145px;
    font-size: 20px;
    text-align: center;
}

.notification-box:hover{
    background-color:#000; 
}

.faq-card{
    min-height: 250px;
}

.faq-card a {
    color:inherit;
}

.quickdraft-icon{
    position: absolute;
    right: 5px;
    top: 7px;
}

.download-docx{
  background-color: gray !important;
}  


/*Added 8/20/2019*/
.notary_row:hover td, .notary_row.clicked-notary-row {
    color: #fff;
}

.homepage-popular-link:hover{
      -moz-box-shadow:    3px 3px 5px 6px #ccc;
      -webkit-box-shadow: 3px 3px 5px 6px #ccc;
      box-shadow:         3px 3px 5px 6px #ccc;
    text-decoration: none;
    color:inherit;
}

.homepage-popular-link{
   
    color:inherit;
}

.blog-tile{
    border: 1px solid #e5e5e7 !important;
    padding: 25px;
}

.blog-button{
    border-radius: 25px;
    padding: 0 25px;
    line-height: 35px;
    color: #fff;
    font-size: 1rem;
}

@media(max-width:450px){
    .head-responsive-text{
        font-size: 1.6em;
    }
    
    .responsive-width-fix{
        width:290px;
    }
}

@media(max-height:535px){
    .tm-top-a{
        margin-top:0px !important;
    }
    
    .tm-top-a #scroll-down{
        display:none;
    }
    
}
@media(max-width:1199px){
    .tm-top-a{
        margin-top:0px !important;
    }
    .remove-top-padding{
        padding-top:0px !important;
    }
    
}