/** Your main style here. yay @rsobaben */

/* Sticky footer styles-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%; }
body{
    font-family: 'Open Sans', sans-serif;
    background-image: linear-gradient(to right, #279a9f, #2b9b34);
    margin-bottom: 60px; }
footer {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.25px;
    text-align: left;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px;}
/* styles */
.mb-0{
    margin-bottom: 0 }
/* footer */
footer .urb-footer-nav{
    margin:0 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4545454545454546;
    letter-spacing: 0.25px;
    color: #ffffff; }

footer .just-footer-nav{
    margin-left: 8px; }
footer .bot-nav{
    text-align: right; }
/* form login */
.urb-form-text{
    margin:17px auto;
    font-size: 14px;
    text-align: center;
    color: #f2f2f2; }

#urb-login{
    margin: 100px auto}

#urb-login .acms-input{
    position: relative;
    padding-top: 13px;}

#urb-login .acms-input label{
    position: absolute;
    top:17px;
    left:10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 27px;
    letter-spacing: 0.18915341794490814px;
    color: #9b9b9b; }

#urb-login .acms-input label img{
    max-height: 100%; }

#urb-login .acms-input input{
    font-family: 'Open Sans', sans-serif;
    color: #9b9b9b;
    padding: 7px 12px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    width: 100%; }
    .pass{
        position: relative;
    }
    .pass .pass-eyes{
        position: absolute;
        right: 5px;
        bottom: 5px;
    }
    .pass .pass-eyes .on{ display: inline;}
    .pass .pass-eyes .off{ display: none; }
    .pass .pass-eyes.off .on{ display: none;}
    .pass .pass-eyes.off .off{ display: inline; }

.urb-forgot-password{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-decoration: underline;
    letter-spacing: 1px;
    color: #46dfb5; }
    .urb-forgot-password:hover{
        color: #fff; }
.urb-submit-button {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: center;
    background-color: #7ed321;
    color: #ffffff;
    padding: 10px 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    border-radius: 0; }

.urb-submit-button:active{
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }

.urb-checkbox{
    padding-left: 40px; }

.urb-checkbox input{
    margin-right: 10px; }

.urb-checkbox label {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    letter-spacing: 0.18915343284606934px;
    text-align: left;
    color: #ffffff; }
/* header */
header{
    padding-bottom: 20px;
    padding-top: 20px; }

header .urb-present{
    margin-left: 133px;}

header .urb-logo{
    position: relative; }

header .urb-logo-link {
    position: absolute;
    top: 0;
    left:15px; }

header .urb-panel-title {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2527778148651123px;
    text-align: left;
    color: #ffffff; }

header .urb-panel-subtitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.2527778148651123px;
    text-align: left;
    color: #50e3c2; }

header .urb-user-name {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.5px;
    text-align: right;
    color: #50e3c2; }

header .urb-user-logout,
header .urb-user-logout a,
header .urb-user-role{
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 400;
    line-height: 1.3333333333333333;
    letter-spacing: 0.5px;
    text-align: right;
    color: #ffffff; }

header .urb-notification-box{
    margin-right: 17px;
    width: 108px; }

header .urb-user-pic{
    text-align: right;
    width: 60px; }

header .urb-user-data{
    width: 220px;}

header .urb-notification{
    margin: 0 0 0 16px;
    display: block;
    float: left;
    line-height: 50px;
    position: relative;
    width: 20px;}
    .urb-notification.on .urb-bullet{
        display: inline}
    .urb-notification .urb-bullet{
        position: absolute;
        display: none;
        right: -3px;
        top: 22px;
        background-color: red;
        padding: 5px;
        font-size:0;
        border-radius: 50%; }
/* main */
.urb-main{
    margin-bottom: 15px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    background-color: #f8f8f8;
    border: solid 1px #e7ecf1;  }

/* urb breadcrumb */
.urb-crumb {
    position: relative; }

.urb-crumb .breadcrumb{
    padding: 1rem;
    border-bottom: solid 1px #e0dbd1;
    background-color: #ffffff; }

.urb-crumb .breadcrumb a{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.325px;
    text-align: left;
    color: #238a8e; }

.breadcrumb-item+.breadcrumb-item::before{
    color: #238a8e;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.7em;
    content: '>'; }

.urb-crumb .search{
    position: absolute;
    right: 35px;
    top: 10px;
}

/* urb menu */
.urb-main-menu{
    margin-bottom: 10px;
    background-color: rgba(255, 255, 255, 0);
    border: solid 1px #e7ecf1; }

.urb-main-menu h2{
    font-family: 'Open Sans', sans-serif;
    border-top:1px solid #eeeeee;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0;
    letter-spacing: 0.32500001788139343px;
    text-align: left;
    padding: 17px;
    color: #238a8e; }
    .urb-main-menu h2:first-child{
        border-top: 0 none;}

.urb-main-menu ul{
    padding-left: 0;
    margin: 0 !important; }

.urb-main-menu li{
    list-style: none;
    border-top:1px solid #eeeeee;
    background-color: #ffffff; }

.urb-main-menu li a{
    width:100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 0.25px;
    color: #262626;
    padding: 15px;
    display: block; }

.urb-main-menu li a:hover,
.urb-main-menu li.active>a{
    text-decoration: none;
    color: #ffffff;
    background-image: linear-gradient(101deg, #279a9f, #2b9b34); }

.urb-main-menu li ul li.subactive a{
    color: #262626; }
.urb-main-menu li ul li a{
    opacity: .9;
    color: #808080; }

.expand{
    padding: 6px;
    font-size: 0;
    background-size: 12px 12px;
    float: right;
    background-image: url('../img/ic-expand.svg') }
    a:hover .expand,
    .active .expand {
        background-image: url('../img/ic-collapse.svg') }
.icon{
    margin-right: 9px;
    padding: 10px;
    vertical-align: middle;
    background-size: 20px 20px;
    font-size: 0; }

    .icon.warn{background-image: url('../img/ic-alerts.svg')}
    a:hover .warn,
    .active .warn {background-image: url('../img/ic-active-alert.svg')}

    .icon.home {background-image: url('../img/ic-home.svg')}
    a:hover .home,
    .active .home {background-image: url('../img/ic-active-home.svg')}

    .icon.checked {background-image: url('../img/ic-tasks.svg')}
    a:hover .checked,
    .active .checked {background-image: url('../img/ic-active-tasks.svg')}

    .icon.person{background-image: url('../img/ic-people.svg')}
    a:hover .person,
    .active .person {background-image: url('../img/ic-active-people.svg')}

    .icon.people{background-image: url('../img/ic-team.svg')}
    a:hover .people,
    .active .people{background-image: url('../img/ic-active-team.svg')}

/* portlets */
.portlet{
    padding: 10px 15px;
    margin-bottom: 15px;
    background-color: #ffffff;
    border: solid 1px #e7ecf1; }
    .portlet-header {
        position: relative;
        border-bottom: solid 1px #e0dbd1;}
        .portlet-header .actions {
            position: absolute;
            top: 5px;
            right: 5px;}
            .portlet-header .actions a{
                margin-left: 10px;}
        .portlet-header h2{
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            padding: 5px 0;
            font-weight: bold;
            line-height: 23px;
            letter-spacing: 0.2888888716697693px;
            text-align: left;
            color: #238a8e; }
        .portlet-header h2 small{
            font-family: 'Open Sans', sans-serif;
            font-size: 10px;
            line-height: 1;
            letter-spacing: 0.1805555522441864px;
            text-align: left;
            color: #808080; }
    .urb-linha {
        padding: 12px 0;
        font-size: 14px;
        line-height: 1.1428571428571428;
        letter-spacing: 0.25277775526046753px;
        text-align: left;
        color: #737373;
        border-bottom: 1px solid #e0dbd1}
    .urb-endereco{
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0.25277775526046753px;
        text-align: left;
        color: #737373;}
    .urb-info{
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.3333333333333333;
        letter-spacing: 0.21666665375232697px;
        text-align: left;
        color: #9f9f9f; }
    .urb-subtitle{
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.25px;
        text-align: center;
        color: #238a8e; }
    .urb-chart-legend{}
        .urb-chart-legend table{
            margin: 20px auto; }
        .urb-chart-legend .legendColorBox div{
            border-radius: 50%;}
/* form */
.urb-form label,
.urb-form .acms-radio strong{
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6666666666666667;
    letter-spacing: normal;
    color: #449c9f; }

.urb-form .acms-radio label {
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4285714285714286;
    letter-spacing: normal;
    text-align: left;
    color: #737373; }
    .urb-form .error {
        color: #fA0A0A !important;}
.btn-urb{
    border-radius: 52px;
    padding: 10px 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.5px;
    text-align: center;
    color: #ffffff;
    background-image: linear-gradient(to right, #238a8e, #2a9b57); }

    .btn-urb:active{
        background-image: linear-gradient(to right, #2a9b57, #238a8e) !important;  }

.btn-urb-outline{
    font-family: 'Open Sans', sans-serif;
    border-radius: 52px;
    padding: 10px 20px;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.5px;
    text-align: center;
    background-color: #ffffff;
    border: solid 1px #979797;
    color: #737373; }

.urb-table {
    color: #595959;
    margin-bottom: 0;
    font-size: 12px; }

    .urb-table .urb-link {
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
        letter-spacing: 0.25px;
        text-align: left;
        color: #238a8e; }

    .urb-table .tag-urb {
        font-family: 'Open Sans', sans-serif;
        padding: 2px 10px;
        font-size: 10px;
        line-height: 1;
        letter-spacing: 0.25px;
        text-align: center;
        color: #ffffff;
        background-image: linear-gradient(to right, #238a8d, #2a9b57); }
        .urb-table .tag-urb img{
            width: 12px; }
        .urb-table .tag.full{
            border-radius: 0;
            display: block;
            text-transform: uppercase;
            padding: 5px 10px;}
    .urb-table .tag-person{
        padding-left: 16px;
        position: relative;
        margin-right:5px;
        display: inline-block;}
    .urb-table .tag-person img{
        position: absolute;
        top:2px;
        left: 2px;}

    .urb-table .tag {
        color: #ffffff;
        background-color: #b9b9b9;
        padding: 3px 10px;
        font-size: 10px;
        display: inline-block;
        text-align: center;
        border-radius: 29px; }

    .urb-table .tag-square {
        border-radius: 0; }

    .urb-table .tag-urb-green {
        background-color: #238a8e; }

    .urb-table .tag-urb-yellow {
        background-color: #ffb80c; }

    .urb-table .tag-urb-red {
        background-color: #d5390e; }

    .urb-table .tag-urb-success {
        background-color: #2a9b58; }

    .urb-table .urb-table-pic{
        width: 24px; }

    .urb-table .status{
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0.25px;
        text-align: left;
        color: #2b9b34; }
    .urb-table .circle {
        width: 24px;
        height: 24px;
        border-radius: 100px;
        background-color: #ffffff;
        border: solid 2px #e0dbd1; }
    .urb-table .on{
        width: 24px;
        height: 24px;
        border-radius: 100px;
        border: solid 3px transparent;
        background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to bottom, #2a9b57, #429321);
        background-origin: border-box;
        background-clip: content-box, border-box; }
    .urb-table .pin-1{
        background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to bottom, #DB3C4F, #BC0017); }
    .urb-table .pin-2{
        background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to bottom, #bc7400, #dbaa00); }
/* maps */
.urb-number-data{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3333333333333333;
    letter-spacing: 0.33000001311302185px;
    text-align: center;
    color: #9b9b9b; }

.urb-nice-numbers{
    background: linear-gradient(to right, #238a8e, #2a9b57);
    font-family: 'Open Sans', sans-serif;
    margin:0 auto;
    display: inline-block;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: center;
    color: #1969c6; }
    .urb-nice-numbers span {
        display: block;
        width: 70px;
        height: 70px;
        line-height: 70px;
        border-radius: 50%;
        overflow: hidden;
        background: #FFF;
        margin: 12px; }

.urb-chart {
    position: relative;
    margin-top: 10px;}
    .urb-chart .urb-chart-title {
        font-family: 'Open Sans', sans-serif;
        position: relative;
        font-size: 13px;
        font-weight: 600;
        line-height: 18px;
        letter-spacing: 0.2321428656578064px;
        text-align: left;
        padding: 5px 0;
        margin-bottom: 15px;
        border-bottom: 1px solid #e0dbd1;
        color: #238a8e; }
        .urb-chart .urb-chart-title small{
            position: absolute;
            top: 5px;
            right: 10px;
            font-family: 'Open Sans', sans-serif;
            font-size: 10px;
            letter-spacing: 0.2321428656578064px;
            text-align: right;
            color: #9f9f9f; }
        .urb-chart .urb-chart-side{
            position: absolute;
            right:0;
            top:20%;
            height: 80%;
            width:25%; }
    .urb-chart .urb-number{
        font-family: 'Open Sans', sans-serif;
        position: absolute;
        width: 4em;
        margin-left: -2em;
        left:50%;
        top:50%;
        font-size: 36px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.5px;
        text-align: center;
        color: #1969c6; }

/* responsiveness */
@media (max-width: 576px) {
    footer{
        line-height: 30px;
    }
    footer .col-12{
        text-align: center;
    }
    .breadcrumb-item { max-width:87.5%; }
    .chosen-container{ max-width:100%; }
    .portlet-body{ overflow-x: scroll;}
    .urb-notification-wrapper{right:5px !important;}
}

#chosen{min-width:480px; max-width: 100%;}
.chosen-results .group-result{color: #238a8e}
/* notificacao */
.urb-notification-wrapper {
    position: absolute;
    display: none;
    top: 80px;
    right: 70px;
    z-index: 9999;
    width: 308px;
    border-radius: 10px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, .4);
    background-color: #f2f2f2; }

.urb-notification-header{
    border-radius: 10px 10px 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0.5px;
    text-align: center;
    color: #ffffff;
    border: 1px solid rgba(11, 106, 21, .8);
    border-bottom: none;
    background-image: linear-gradient(to right, #238a8e, #2b9b34); }
.urb-notification-body ul{
    margin:0 }
.urb-notification-item{
    margin: 0 25px;
    border-bottom: 1px solid #e0dbd1;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3em;
    letter-spacing: 0.2083333px;
    color: #414141;
    padding: 10px 0; }
    .urb-notification-item a{
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0.25px;
        color: #238a8e; }
    .urb-notification-item span{
        font-size: 10px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.2;
        letter-spacing: 0.2083333px;
        color: #9b9b9b; }
.urb-notification-footer{
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0.9166666px;
    text-align: center;
    color: #238a8e;  }
/* gallery */
.urb-gallery{
    margin: 0 0 15px;
    padding: 0;
    list-style: none;  }
.urb-gallery li{
    display:inline }
.urb-gallery li img{
    width: 111px; }
/*  */
.urb-image{
    display: none;
    background-size: cover;
    margin: 3px 0;
    text-decoration: none;
    height: 40px;
    width: 38px; }
.urb-image img{
    height: 0; }
.urb-image:hover{
    text-decoration: none; opacity: .7}
.urb-image-0{
    width: 200px;
    max-height:200px;
    padding-bottom: 98%;
    background-size: cover;
    display: inline-block; }
.urb-image-1,
.urb-image-2,
.urb-image-3,
.urb-image-4{
    display: inline-block;}
#urb-next{
    display: inline-block;
    margin-top:10px;
    cursor: pointer; }
.urb-mobile-header{
    font-size: .8em;
    color:#fff;  }
.urb-mobile-header a{
    display: block;
    color: #fff; }