/*  navbar  */
.navbar{
         background-color:#fbd141; 
         padding-top: 0.5em;
         padding-bottom: 0.5em;
       }
.navbar-brand{  
                font-size: 1.325rem;
                -webkit-transition: 0;
                transition: 0;
                color: black;
                text-decoration: none
            }

.icon-bar{
           color:white;
         }

.navbar li{
    margin-left: 4pt;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  
}
.navbar li a {
    color:black;
    font-size: 15px;
}
.navbar li a:hover {
    color: green;
    font-size:17;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: initial;
    
}


.signUp{
    margin-top:1em;
    padding-top:1em;
    padding-bottom:6em;
    background-color:#fff;
}

.signUp label{
    font-size:14px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.signUp label ::hover{
    font-size:16px;
    color:grey;

}
.signUp input{
    border-radius: 15px;
    border-color: lightblue;
    border-width: thin;
    line-height: 10px;
}
.signin {
    font-family: roboto;
    font-size: 18px;
    color:black;
}
.signin a {
    font-size:20px;
    
}
.signin a ::hover {
    font-size:20px;
    color:red;
}

.signUp .btn{
    font-size: 14px;
    width: 200px;
}

.signupbtn{
    background-color:#fbd141 !important ; 
    width:300px;
}

/*  START FOOTER  */
.footer a {
    font-size:13px; 
}
.footer {
    background-color: #fff;
    padding: 36pt 0
}

.footer__inner {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:600px) {
    .footer__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.footer__textLogo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 16pt;
    display: block;
    cursor: pointer;
    color: #fbd141;
    font-size: 1.225rem;
    min-width: 33%;
    margin-bottom: 1.5rem
}

@media (min-width:600px) {
    .footer__textLogo {
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .footer__textLogo {
        min-width: 25%;
        font-size: 1.325rem
    }
}

.footer__data {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .25rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .9rem
}

@media (min-width:992px) {
    .footer__data {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.footer__data__item {
    padding-bottom: .5rem;
    display: inline-block;
    margin-bottom: 8pt
}

.footer__link {
    color: #fbd141;
    border-bottom: 1px dotted #fbd141;
    padding-bottom: 1pt;
    -webkit-transition: .7s;
    transition: .7s
}

@media (min-width:992px) {
    .footer__link:hover {
        color: #fafafa;
        border-color: #fafafa
    }
}

.footer__row {
    margin-bottom: 8pt
}

.footer--dark {
    background-color: #333c44
}

.footer--dark .footer__textLogo {
    color: #fff
}

.footer--dark .footer__inner {
    color: #d9d9d9
}

.footer--dark .footer__link {
    color: #d9d9d9;
    border-color: #d9d9d9
}

@media (min-width:992px) {
    .footer--dark .footer__link:hover {
        color: #fff;
        border-color: #fff
    }
}

/*  END  FOOTER  */

/*  SYSTEM CSS */
#error_msg{
    font-size: 13px;
}
.exists{
    font-size: 13px;
    color:green;
}

.notexists{
    font-size: 13px;
    color:red;
}


/* tree view */
.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#369;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
