/*------ Geral Custom ------*/
body
{
    background-color: #fff; /*overflow-y: scroll;*/ /*position: relative;*/
}

.maxlengthFeedback
{
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    color: #c00;
}

.phone-menu-show, .logo-icon
{
    display: none;
}

#accordion .panel-title a
{
    font-weight: bold;
}


/* ------ Custom Bootstrp -------*/
.custom-image-table
{
    max-height: 60px;
}

.container-full
{
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.row
{
    margin-left: 0px;
    margin-right: 0px;
}

.main-header
{
    background-color: #f5f5f5;
}

.main-header .breadcrumb
{
    margin-bottom: 0;
    padding: 15px;
}
.main-header .navbar-nav.navbar-right:last-child
{
    margin-right: 0;
}
.main-header .navbar
{
    margin-bottom: 0;
}
.main-header .navbar a
{
    color: #333;
}
.main-header .navbar a:hover
{
    color: #000;
}

.btn-inverse-custom
{
    color: #fff;
    background-color: #415b76;
    border-color: #415b76;
}
.btn-inverse-custom:hover, .btn-inverse-custom:focus, .btn-inverse-custom:active, .btn-inverse-custom.active, .open .dropdown-toggle.btn-inverse-custom
{
    color: #fff;
    background-color: #4F7091;
    border-color: #4F7091;
}

.form-control-feedback
{
    top: 35px;
    right: 12px;
}


.navbar-custom
{
    margin-bottom: 0;
}
.navbar-custom .navbar-nav > li > a
{
    line-height: 42px;
    font-size: 14px;
}
.navbar-custom .navbar-brand
{
    padding: 2px 15px 2px 5px;
    height: 60px;
}
.navbar-custom .navbar-brand img
{
    max-height: 56px;
}
.navbar-custom .navbar-toggle
{
    margin-top: 13px;
}
.breadcrumb-custom
{
    background-color: #f5f5f5;
}
.navbar-custom .dropdown-menu > li > a
{
    line-height: 1.7;
}


.nav > li > a {
    position: relative;
    display: block;
    padding: 4px 3px !important;
}

.paginacao
{
    padding: 12px 0;
    text-align: center;
}
.paginacao .pull-left
{
    float: none !important;
}


/* ----------- Login Form ------------- */
.form-signin
{
    max-width: 352px;
    padding: 20px;
    margin: 60px auto 40px;
    border: 1px solid #DDD;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0px 0px 1px #CCC;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}
.form-signin .form-control
{
    font-size: 16px;
}
.form-signin .form-signin-submit
{
    font-size: 16px;
    text-transform: uppercase;
}



/*-------- Row Filter --------------*/
#row-filter
{
    padding: 12px 0;
    position: relative;
}
#row-filter .filter-panel
{
    position: absolute;
    top: 10px;
    left: 11px;
    z-index: 10;
    display: none;
}
#row-filter .label
{
    background-color: #333;
    display: inline-block;
    margin-right: 4px;
    margin-top: 2px;
    font-size: 12px;
    line-height: 14px;
}
#row-filter .label em
{
    font-style: normal;
    font-weight: normal;
}
#row-filter .label a
{
    color: #fff;
}
#row-filter .label a:hover
{
    color: #999;
}
#row-filter .tooltip
{
    font-weight: normal;
}
#row-filter .filter-actions li
{
    display: inline-block;
}



/*----------------------------- LEFT PANEL e MAIN -------------------------*/
.menu
{
    width: 200px;
    background-color: rgba(0,0,0,.6);
    display: block;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6;
}

#main
{
    /*margin-left: 210px;*/
}


#left-panel
{
    display: block;
    overflow: hidden;
    min-height: 100%;
    z-index: 10;
    position: absolute;
    width: 210px;
    top: 0;
    left: 0;
    background-color: #FFF;
    -moz-box-shadow: 1px -3px 2px #666;
    -webkit-box-shadow: 1px -3px 2px #666;
    box-shadow: 1px -3px 2px #666;
}

#main
{
    display: block;
    padding: 0;
    z-index: 1;
}

#left-panel nav ul
{
    width: 100%;
    padding: 40px 28px 25px 0;
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: .5em;
    list-style: none;
    position: relative;
}

#left-panel nav ul .active > a
{
    color: #000 !important;
    position: relative;
}

#left-panel nav > ul li
{
    border-bottom: 1px solid #C2C2C2;
}
#left-panel nav ul ul li
{
    border-top: 1px solid #e3e3e3 !important;
}

#left-panel nav ul li.active > a:before
{
    content: "\f0d9";
    font-family: FontAwesome;
    display: block;
    height: 27px;
    line-height: normal;
    width: 27px;
    position: absolute;
    right: -21px;
    font-size: 20px;
    color: #333;
}

#left-panel nav ul li.active.open > a:before
{
    content: "";
}

#left-panel nav ul li
{
    overflow: hidden;
}

#left-panel nav ul li a
{
    line-height: normal;
    font-size: 14px;
    padding: 10px;
    color: #333;
    display: block;
    font-weight: 400;
    text-decoration: none !important;
}

#left-panel nav > ul > li > ul > li > a, #left-panel nav > ul > li > ul > li > ul > li > a
{
    padding-top: 6px;
    padding-bottom: 6px;
}

#left-panel nav ul li a:focus
{
    color: #000;
}

#left-panel nav ul li a:hover
{
    color: #000;
    text-decoration: none;
}


#left-panel nav ul span.menu-item-parent
{
    display: inline-block;
    margin: 0;
    padding: 0;
}

#left-panel nav ul li.open > a
{
    color: #000 !important;
    background-color: #f1f1f1;
}

#left-panel nav > ul > li > a > i
{
    margin-right: 5px; /*width:15px;*/
    display: inline-block;
    text-align: center;
    position: relative;
}

#left-panel nav ul li li
{
    border-bottom: 0;
    position: relative;
}

#left-panel nav > ul ul li a i
{
    font-size: 14px !important;
    width: 18px !important;
    text-align: center !important;
}

#left-panel nav > ul > li:hover > ul::before, #left-panel nav > ul > li:hover > ul > li::before
{
    border-color: #ACACAC !important;
}

#left-panel nav ul ul
{
    margin: 0;
    display: none;
}

#left-panel nav ul ul ul
{
    background: 0 0;
    padding: 0;
}

#left-panel nav ul ul li
{
    margin: 0;
    padding: 0;
}

#left-panel nav ul ul li > a
{
    padding-left: 40px;
    font-size: 14px;
    font-weight: 400;
    outline: 0;
}

#left-panel nav ul ul li > a:hover
{
    /*background-color:rgba(69,69,69,.8);*/
    background-color: #e5e5e5;
    color: #000;
}

#left-panel nav ul ul ul li a
{
    color: #C9C9C9;
    padding: 8px 10px 8px 70px;
    font-size: 14px;
}

#left-panel nav ul ul ul li a:hover
{
    background-color: #4C4F53;
    color: #fff;
}

#left-panel nav ul ul ul ul li a
{
    padding-left: 90px;
}

#left-panel nav ul ul ul ul ul li a
{
    padding-left: 110px;
}

#left-panel nav ul ul ul ul ul ul li a
{
    padding-left: 130px;
}

#left-panel nav ul ul b
{
    color: #B3B3B3;
}

#left-panel nav ul ul > li:hover b
{
    color: #D5D9E2;
}


/*------ Minimizar Menu --------------*/

.minifyme
{
    color: #333;
    text-align: center;
    padding: 0;
    background-color: #999;
    display: inline-block;
    padding: 0 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 5px;
    font-size: 19px;
    margin-left: 15px;
    display: none;
}
.minified .minifyme
{
    right: 0;
    color: #A8A8A8;
    position: relative;
    width: 100%;
    border-radius: 0;
    margin: 0;
    height: 34px;
    font-size: 23px;
}
.minified .minifyme .fa:before
{
    content: "\f0a9";
}



/* Dropdown with dialog */
.ui-dropdown
{
    position: relative;
    display: inline-block;
}
.ui-dropdown .head
{
    color: #272727;
    font-size: 13px;
    position: relative;
    border: 1px solid #dedede;
    border-radius: 4px;
    padding: 4px 46px 4px 12px;
    text-shadow: 1px 1px 1px #fff;
    box-shadow: 1px 1px 4px 0px #efefef;
    cursor: pointer;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, white 0%, #f8f8f8 47%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(47%, #f8f8f8), color-stop(100%, #f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, #f8f8f8 47%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, white 0%, #f8f8f8 47%, #f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, white 0%, #f8f8f8 47%, #f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, white 0%, #f8f8f8 47%, #f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
.ui-dropdown .head:hover, .ui-dropdown .head.active
{
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top, white 0%, #fdfdfd 47%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(47%, #fdfdfd), color-stop(100%, #f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, #fdfdfd 47%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, white 0%, #fdfdfd 47%, #f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, white 0%, #fdfdfd 47%, #f1f1f1 100%); /* IE10+ */
    background: linear-gradient(to bottom, white 0%, #fdfdfd 47%, #f1f1f1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F1F1F1',GradientType=0 ); /* IE6-9 */
}
.ui-dropdown .head:active, .ui-dropdown .head.active
{
    box-shadow: none;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.ui-dropdown .head i.arrow-down
{
    position: absolute;
    top: 12px;
    right: 16px;
}
.ui-dropdown .dialog
{
    display: none;
    position: absolute;
    right: 0px;
    top: 42px;
    z-index: 100;
}
.ui-dropdown .dialog.is-visible
{
    display: block;
    -webkit-animation: reveal .2s ease-out;
    -moz-animation: reveal .2s ease-out;
    animation: reveal .2s ease-out;
}
.ui-dropdown .dialog .pointer
{
    position: relative;
    top: -22px;
}
.ui-dropdown .dialog .pointer .arrow, .ui-dropdown .dialog .pointer .arrow_border
{
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 8px;
    cursor: pointer;
    position: absolute;
    top: 7px;
    z-index: 1002;
    right: 25px;
}
.ui-dropdown .dialog .pointer .arrow_border
{
    border-color: transparent transparent #a1a1a1;
    border-width: 9px;
    top: 4px;
    z-index: 1001;
    right: 24px;
}
.ui-dropdown .dialog .body
{
    width: 440px;
    background-color: #fff;
    border: 1px solid #a1a1a1;
    border-radius: 5px;
    box-shadow: 0px 0px 9px 0px #d6d6d6;
    padding: 8px 10px 8px 10px;
}
.ui-dropdown .dialog .body p.title
{
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 13px;
}
.ui-dropdown .dialog .body form select
{
    display: inline-block;
    width: 120px;
    vertical-align: top;
    height: 27px;
    margin-right: 2px;
}
.ui-dropdown .dialog .body form input[type="text"]
{
    height: 17px;
    width: 90px;
    margin-right: 2px;
}
.ui-dropdown .dialog .body form a
{
    vertical-align: top;
}



/*-------------------------- TABLET ---------------------------------*/

@media (max-width: 768px)
{

    .logo-full
    {
        display: none;
    }
    .logo-icon
    {
        display: inline-block;
    }

    .minifyme
    {
        display: inline-block;
    }

    .minifyme .minifyme-left
    {
        display: none;
    }
    .minifyme .minifyme-right
    {
        display: inline-block;
    }
    .minifyme.opened .minifyme-right
    {
        display: none;
    }
    .minifyme.opened .minifyme-left
    {
        display: inline-block;
    }


    #left-panel.left-panel-tablet-expand
    {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.8);
    }

    #left-panel.left-panel-tablet
    {
        width: 58px;
    }
    #main
    {
        /*margin-left:60px*/
    }


    #left-panel.left-panel-tablet-expand .logo-full
    {
        display: inline-block;
    }
    #left-panel.left-panel-tablet-expand .logo-icon
    {
        display: none;
    }


    #left-panel.left-panel-tablet, #left-panel.left-panel-tablet nav > ul > li
    {
        overflow: visible;
    }
    #left-panel.left-panel-tablet nav > ul > ul
    {
        overflow-y: scroll;
        overflow-x: hidden;
    }
    #left-panel.left-panel-tablet nav > ul > li, #left-panel.left-panel-tablet nav > ul > li a
    {
        position: relative;
    }
    #left-panel.left-panel-tablet nav ul > li > a
    {
        padding: 10px;
        display: block;
    }
    #left-panel.left-panel-tablet nav > ul > li > a .fa.fa-fw
    {
        display: block;
        width: auto;
        text-align: center;
        padding: 0;
    }
    #left-panel.left-panel-tablet nav > ul > li > a > i
    {
        text-align: center;
        margin: 0;
        display: block;
    }
    #left-panel.left-panel-tablet nav > ul > li.active > a::before
    {
        content: "\f0d9";
    }
    #left-panel.left-panel-tablet nav ul ul li a
    {
        padding-left: 14px;
    }
    #left-panel.left-panel-tablet nav ul ul li li a
    {
        padding-left: 25px;
    }
    #left-panel.left-panel-tablet nav > ul ul li::before, #left-panel.left-panel-tablet nav > ul > li > ul::before
    {
        left: 12px;
    }
    #left-panel.left-panel-tablet nav > ul > li > a .menu-item-parent, #left-panel.left-panel-tablet nav > ul > li > a > b
    {
        display: none;
    }
    #left-panel.left-panel-tablet nav > ul > li > a > .menu-item-parent
    {
        display: none;
        position: absolute;
        left: 60px;
        top: 0;
        width: 200px;
        height: 38px;
        line-height: 38px;
        background-color: #333;
        color: #FFF;
        z-index: 3;
        padding-left: 10px;
    }
    #left-panel.left-panel-tablet nav > ul > li > ul
    {
        display: none !important;
        position: absolute;
        left: 60px;
        width: 200px;
        z-index: 5;
        background: #666;
        margin-top: -10px;
    }
    #left-panel.left-panel-tablet nav ul > li > ul > li > ul
    {
        position: relative;
        left: 13px;
        border: 0;
        margin-left: -12px;
        width: 197px;
    }

    #left-panel.left-panel-tablet nav > ul > li > ul::before
    {
        border-left: 0;
    }
    #left-panel nav > ul ul li::before
    {
        border: 0;
    }

    #left-panel.left-panel-tablet nav > ul > li > ul > li > a, #left-panel.left-panel-tablet nav > ul > li > ul > li > ul > li > a
    {
        padding-top: 6px;
        padding-bottom: 6px;
    }
    #left-panel.left-panel-tablet nav > ul > li > ul > li > ul > li a
    {
        padding-top: 6px;
        padding-bottom: 6px;
    }
    #left-panel.left-panel-tablet nav ul ul ul ul li a
    {
        padding-left: 40px;
    }
    #left-panel.left-panel-tablet nav ul ul ul ul ul li a
    {
        padding-left: 62px;
    }
    #left-panel.left-panel-tablet nav ul ul ul ul ul ul li a
    {
        padding-left: 82px;
    }

}
/* ----- FIM TABLET ------------- */



/*-------------------- PHONE ---------------*/
@media (max-width: 420px)
{

    .logo
    {
        background-color: #f1f1f1;
        height: 50px;
    }
    .logo-full
    {
        display: inline-block;
        max-height: 50px;
    }
    .logo-icon
    {
        display: none;
    }

    .minifyme
    {
        display: none;
    }

    #left-panel
    {
        width: 100%;
        position: relative;
        box-shadow: none;
    }
    #main
    {
        margin-left: 0px;
    }

    #left-panel nav.phone-menu-hide
    {
        display: none;
    }

    .phone-menu-show
    {
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 0px;
        height: 50px;
        padding-top: 10px;
        width: 50px;
        text-align: center;
        background-color: #EEE;
        color: #333;
    }
    .phone-menu-show:hover, .phone-menu-show:active
    {
        color: #000;
    }

    #left-panel.left-panel-tablet-expand .logo-full
    {
        display: inline-block;
    }
    #left-panel.left-panel-tablet-expand .logo-icon
    {
        display: none;
    }


    #left-panel.left-panel-tablet, #left-panel.left-panel-tablet nav > ul > li
    {
        overflow: visible;
    }
    #left-panel.left-panel-tablet nav > ul > ul
    {
        overflow-y: scroll;
        overflow-x: hidden;
    }
    #left-panel.left-panel-tablet nav > ul > li, #left-panel.left-panel-tablet nav > ul > li a
    {
        position: relative;
    }
    #left-panel.left-panel-tablet nav ul > li > a
    {
        padding: 10px 11px;
        display: block;
    }
    #left-panel.left-panel-tablet nav > ul > li > a .fa.fa-fw
    {
        display: block;
        width: auto;
        text-align: center;
        padding: 0;
    }
    #left-panel.left-panel-tablet nav > ul > li > a > i
    {
        text-align: center;
        margin: 0;
        display: block;
    }
    #left-panel.left-panel-tablet nav > ul > li.active > a::before
    {
        content: "\f0d9";
    }
    #left-panel.left-panel-tablet nav ul ul li a
    {
        padding-left: 14px;
    }
    #left-panel.left-panel-tablet nav ul ul li li a
    {
        padding-left: 25px;
    }
    #left-panel.left-panel-tablet nav > ul ul li::before, #left-panel.left-panel-tablet nav > ul > li > ul::before
    {
        left: 12px;
    }
    #left-panel.left-panel-tablet nav > ul > li > a .menu-item-parent, #left-panel.left-panel-tablet nav > ul > li > a > b
    {
        display: none;
    }
    #left-panel.left-panel-tablet nav > ul > li > a > .menu-item-parent
    {
        display: none;
        position: absolute;
        left: 60px;
        top: 0;
        width: 200px;
        height: 38px;
        line-height: 38px;
        background-color: #333;
        color: #FFF;
        z-index: 3;
        padding-left: 10px;
    }
    #left-panel.left-panel-tablet nav > ul > li > ul
    {
        display: none !important;
        position: absolute;
        left: 60px;
        width: 200px;
        z-index: 5;
        background: #666;
        margin-top: -10px;
    }
    #left-panel.left-panel-tablet nav ul > li > ul > li > ul
    {
        position: relative;
        left: 13px;
        border: 0;
        margin-left: -12px;
        width: 197px;
    }

    #left-panel.left-panel-tablet nav > ul > li > ul::before
    {
        border-left: 0;
    }
    #left-panel nav > ul ul li::before
    {
        border: 0;
    }

    #left-panel.left-panel-tablet nav > ul > li > ul > li > a, #left-panel.left-panel-tablet nav > ul > li > ul > li > ul > li > a
    {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    #left-panel.left-panel-tablet nav > ul > li > ul > li > ul > li a
    {
        padding-top: 6px;
        padding-bottom: 6px;
    }
    #left-panel.left-panel-tablet nav ul ul ul ul li a
    {
        padding-left: 45px;
    }
    #left-panel.left-panel-tablet nav ul ul ul ul ul li a
    {
        padding-left: 62px;
    }
    #left-panel.left-panel-tablet nav ul ul ul ul ul ul li a
    {
        padding-left: 82px;
    }

    #row-filter .label
    {
        display: block;
        text-align: left;
    }
    #navbar-top
    {
        min-height: 30px;
    }
    #navbar-top .breadcrumb
    {
        margin-bottom: 0;
        padding: 8px 12px;
    }
}
/*-------- FIM PHONE --------------------*/

.memberinfo_logo
{
    float: left;
    margin-right: 5px;
}
.memberinfo_s
{
    font-size: 12px;
}

.badge
{
    padding: 1px 9px 2px;
    font-size: 12.025px;
    font-weight: bold;
    white-space: nowrap;
    color: #ffffff;
    background-color: #999999;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
.badge:hover
{
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}
.badge-error
{
    background-color: #b94a48;
}
.badge-error:hover
{
    background-color: #953b39;
}
.badge-warning
{
    background-color: #f89406;
}
.badge-warning:hover
{
    background-color: #c67605;
}
.badge-success
{
    background-color: #468847;
}
.badge-success:hover
{
    background-color: #356635;
}
.badge-info
{
    background-color: #3a87ad;
}
.badge-info:hover
{
    background-color: #2d6987;
}
.badge-inverse
{
    background-color: #333333;
}
.badge-inverse:hover
{
    background-color: #1a1a1a;
}

.topo-notificacao
{
    margin-top: 15px;
    display: block;
}

.dropdown a
{
    text-decoration: none;
}

.breadcrumb
{
    padding: 15px 15px;
    margin-bottom: 0px !important;
    font-weight: bold;
}

/*----------------------------------------

1.) Estilos especiais para página de login
2.) Styles for Admin Area
	2.1) Head
	2.2) Bg_wrapper
		2.2.1) Main
		2.2.2) Sidebar
		2.2.3) Content
			2.2.3.1) Dashboard
			2.2.3.2) Content Box
			2.2.3.3) Input fields, Textareas, Dropdown lists, Fieldsets etc
			2.2.3.4) Tables
			2.2.3.5) Response Messages
3.) Footer
4.) Fonts, Images basic selectors
5.) Containers and classes created by jquery

----------------------------------------*/

/*----------------------------------------
1.) Estilos especiais para página de login
----------------------------------------*/
body.no-bg
{
    background-color: #3C3C3C;
    background-image: none;
}

#login
{
    background: #FFF url(../../img/adm/skin/bg-login.png) repeat-x scroll 0 -20px;
}
#login .logo > a
{
}

#login_form
{
}
#login_form p
{
}

.forgot_pw
{
    font-size: 10px;
}
.forgot_pw a
{
    text-decoration: none;
}

.remember
{
}

.icon_login
{
    background-image: url(../icons/lock.html);
}

.loginheading
{
    border: medium none;
    color: #FFFFFF;
    font-size: 15px;
}

body #login_message
{
}
body #login_message p
{
}


/*----------------------------------------
2.) Styles for Admin Area
----------------------------------------*/
html
{
}

body
{
    font-family: "lucida grande" , tahoma, verdana, arial, sans-serif;
    font-size: 12px;
}

form
{
}

#container
{
    background: #FFF;
}

.overlay
{
    background-color: #fff;
}

.overlay div.centered
{
    display: block !important;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align:center;
    z-index: 1000000;
}

/*----------------------------------------
	2.1) Head
	----------------------------------------*/

#header
{
    background: transparent url(../../img/adm/skin/bg.png) repeat-x;
    background-color: #3c3c3c;
    color: #fff;
}
#header a
{
    color: #eee;
    text-decoration: none;
}
#header a:hover
{
    color: #fff;
    text-decoration: underline;
}

.logo
{
    background: url(../../img/adm/skin/bg_head.png);
}
.logo.login
{
    background: url(../../img/adm/skin/bg_head.png);
}
.logo a
{
    background: transparent url(../../img/adm/logo.png) no-repeat;
}
.logo.login a
{
}

.head_memberinfo
{
    font-size: 11px;
}

.memberinfo_span
{
    border-right: 1px solid #eee;
}

.memberinfo_span_last
{
}
.memberinfo_span_last input
{
    border: 0;
    background: none;
    color: #FFF;
    font-size: 11px;
    font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Helvetica, Verdana, sans-serif;
}
.memberinfo_span_last input:hover
{
    text-decoration: underline;
    cursor: pointer;
}

.memberinfo_span2
{
}
#header .memberinfo_span2 a
{
    color: #999;
}

.head_memberinfo_logo
{
}
.head_memberinfo_logo img
{
}
.head_memberinfo_logo span
{
    font-size: 10px;
}

/*----------------------------------------
	2.2) Main
	----------------------------------------*/

#bg_wrapper
{
    background: transparent scroll left top;
    border-left: 1px solid #C0C0C0;
}

/*----------------------------------------
			2.2.1) Main
			----------------------------------------*/
/*----------------------------------------
			2.2.2) Sidebar
			----------------------------------------*/

#sidebar
{
    background: border-right: 1px solid #fff;
}
#sidebar ul
{
}
#sidebar li a
{
    text-decoration: none;
    background: transparent url(../../img/adm/skin/dotted_line.gif) repeat-x left top;
    color: #222;
}
#sidebar li a:hover
{
    background-color: #fff;
}
#sidebar .current a
{
    background-color: #fff;
    color: #222 !important;
}
#sidebar .headitem:hover
{
    color: #555 !important;
}
#sidebar .headitem
{
    font-size: 15px;
    border-top: 1px solid #c0c0c0;
    color: #222 !important;
}

#container #sidebar #vertical_menu > li > a
{
    background: transparent no-repeat 15px center;
}

/*----------------------------------------
			2.2.3) Content
			----------------------------------------*/

#content
{
}

/*----------------------------------------
				2.2.3.1) Dashboard
				----------------------------------------*/

.dashboard_buttons
{
}
.dashboard_buttons > a
{
    border: 1px solid #c0c0c0;
    font-size: 11px;
    text-decoration: none;
    color: #a1a1a1;
}
.dashboard_button span
{
}

#container .dashboard_buttons span
{
}
#container .dashboard_button_heading
{
    color: #3C3C3C;
    font-size: 12px;
}
#container .two_lines.dashboard_button_heading
{
}

.dashboard_button:hover
{
    background: #ddd;
    border: 1px solid #aaa;
}

#container .dashboard_button:hover .dashboard_button_heading
{
    color: #222;
}
#container a .dashboard_button_heading
{
    background: transparent no-repeat 0px top;
}

/*----------------------------------------
				2.2.3.2) Content Box
				----------------------------------------*/

.content-box
{
    background: #FFF6BF scroll 0 0;
    border: 1px solid #FDD845;
}

#container .box-grey
{
    background: #EAEAEA scroll left top;
    border: 1px solid #C0C0C0;
}
#container .box2
{
}
.content-box h4
{
    color: #333;
}

.painel_gridview
{
}
.painel_gridview .busca_gridview
{
    color: #5A5A5A;
}

.relatorio
{
    background: #BAC9DD;
}

.hideableFrame
{
}

.painel_exportar
{
}
.painel_exportar input
{
}

/*----------------------------------------
				2.2.3.3) Input fields, Textareas, Dropdown lists, Fieldsets etc
				----------------------------------------*/
.placeholder
{
    color: #D6D6D6 !important;
}
label
{
    color: #606060;
}
label.inline
{
}
.input-mini, .input-small, .input-medium, .input-big, .input-flex, select, textarea
{
    border: 1px solid #E4E4E4;
    font-size: 12px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , Arial, Helvetica, Verdana, sans-serif;
    background-color: transparent;
    color: #333;
}
.input-mini
{
}
.input-small
{
}
.input-medium
{
}
.input-big
{
}
textarea, iframe, .wysiwyg
{
}
textarea
{
}
.modal-form
{
    font-size: 11px;
}
.modal-form label
{
}
.modal-form input
{
}
.modal-form .ui-dialog-buttonset
{
}
.modal-form .ui-dialog-buttonset .ui-button
{
}

.cke_skin_kama
{
    border: 0;
}

#upload_fotosUploader
{
}
.commit_Uploader
{
    background-image: url(../../sistema/images/icons/32/upload.png);
}
#ContentPlaceHolder_upp_adicionar #status-message
{
}

a#hyp_anexo
{
    text-decoration: none;
    background: url(../../sistema/images/icons/16/view.png) no-repeat;
}

/*----------------------------------------
				2.2.3.4) Tables
				----------------------------------------*/
/*

table.gridview
{
    font-size: 11px;
    color: #5A5A5A;
}

table.gridview caption
{
}

table.table th
{
    border-color: #EAEAEA;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    background-color: #F5F5F5;
    background-image: url(../../img/gridview/sort.gif);
    background-repeat: no-repeat;
    background-position: center right;
}
table.table th.asc
{
    background-color: #eaeaea;
    background-image: url(../../img/gridview/asc.gif);
}
table.table th.desc
{
    background-color: #eaeaea;
    background-image: url(../../img/gridview/desc.gif);
}
table.table th.header
{
    background-image: none;
}
table.table tr input
{
}
table.table th a
{
    color: #5A5A5A;
    font-weight: bold;
    font-family: "Arial" , Helvetica, sans-serif;
    text-decoration: none;
}

table.table tr td table tbody tr td span
{
    font-weight: bold;
}
table.table tr td table tbody tr td a
{
    color: #5A5A5A;
    text-decoration: none;
}

table.sub-gridview
{
    font-size: 11px;
    color: #5A5A5A;
    border: 0 !important;
}

table.sub-gridview th
{
    background-image: url(../../img/gridview/sort.gif);
    background-repeat: no-repeat;
    background-position: center right;
    border: 1px solid #FFF;
}
table.sub-gridview th.asc
{
    background-image: url(../../img/gridview/asc.gif);
}
table.sub-gridview th.desc
{
    background-image: url(../../img/gridview/desc.gif);
}
table.sub-gridview th.header
{
    background-image: none;
}
table.sub-gridview th a
{
    color: #5A5A5A;
    font-weight: bold;
    font-family: "Arial" , Helvetica, sans-serif;
    text-decoration: none;
}

table.sub-gridview td
{
    border: 1px solid #FFF;
}
table.sub-gridview td input[type=text]
{
    border: 1px solid #FFCC66;
}

table.sub-gridview tr.zebra td
{
    background-color: #FDFDFD;
}
table.sub-gridview table tr td
{
}

table.sub-gridview tr td input
{
    margin: 0 !important;
}
table.sub-gridview tr td table tbody tr td span
{
    font-weight: bold;
}
table.sub-gridview tr td table tbody tr td a
{
    color: #5A5A5A;
    text-decoration: none;
}

*/

.paginacao *
{
    color: #5A5A5A;
    font-size: 14px;
    text-decoration: none;
}
.paginacao span
{
    font-size: 13px;
}
.paginacao span b
{
    font-weight: bold;
}

table.table-list-horizontal
{
   padding:10px;
}
table.table-list-horizontal td
{
}
table.table-list-horizontal td label
{
        padding: 10px;
}

.table-list-horizontal 
{
    padding:5px;
}

.table .chb-list  {}
.table .chb-list label { padding:5px;}


/*----------------------------------------
				2.2.3.5) Response Messages
				----------------------------------------*/

.message
{
    border: 1px solid;
}
.message p
{
}

.success
{
    background: #E6EFC2 repeat-x scroll 0 0;
    border-color: #C6D881;
}
.success p
{
    background: transparent url(../../sistema/images/icons/24/true.png) no-repeat scroll 15px 16px;
}

.warning
{
    background: #FFF6BF repeat-x scroll 0 0;
    border-color: #FDD845;
}
.warning p
{
    background: transparent url(../../sistema/images/icons/24/alert.png) no-repeat scroll 15px 17px;
}

.error
{
    background: #FBE3E4 repeat-x scroll 0 0;
    border-color: #FBC7C9;
}
.error p
{
    background: transparent url(../../sistema/images/icons/24/false.png) no-repeat scroll 15px 17px;
}
.error > div > p:first-of-type {
    font-weight:bold;
}

.tip
{
    background: #A8B2C5 repeat-x scroll 0 0;
    border-color: #8497BF;
}
.tip p
{
    background: transparent url(../../sistema/images/icons/24/information.png) no-repeat scroll 15px 17px;
}


/*----------------------------------------
3.) Footer
----------------------------------------*/

#footer
{
    background-color: #3C3C3C;
}
#footer a
{
    font-size: 11px;
    text-shadow: #333 1px 1px 1px;
    text-decoration: none;
    color: #676767;
}
#footer a.agape
{
}
#footer a.helpdesk
{
    background: url('../../sistema/images/icons/16/helpdesk.png') no-repeat;
}
#footer a.revisao
{
    background: url('../../sistema/images/icons/16/approved.png') no-repeat;
}
#footer a.plataforma
{
    background: url('../../sistema/images/icons/16/approved.png') no-repeat;
}
#footer a.ano
{
    background: url('../icons/approved.png') no-repeat;
}
#footer .right
{
}

/*----------------------------------------
4.) Fonts, Images basic selectors
----------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    color: #c0c0c0;
}

h1
{
    font-size: 22px;
}
h2
{
    font-size: 20px;
    border-bottom: 1px solid #c0c0c0;
}
h3
{
    font-size: 18px;
}
h4
{
    font-size: 17px;
}
h5
{
    font-size: 16px;
}
h6
{
    font-size: 14px;
}

a
{
    color: #222;
    text-decoration: underline;
}
a:hover
{
    color: #333;
    text-decoration: none;
}

blockquote
{
    background-repeat: no-repeat;
    border-left: 3px solid #fff;
    color: #fff;
}

blockquote em
{
    color: #ff0000;
    background-repeat: no-repeat;
    font-style: italic;
}

#container .noborder, #container .noborder a, #container noborder ima a
{
    border: none;
}

/*----------------------------------------
5.) Containers and classes created by jquery
----------------------------------------*/

.tooltip
{
    font-size: 12px;
    color: #fff;
}

.closeable
{
}

.jquery_tab_container
{
}

.jquery_tab
{
}

.jquery_tab_container a
{
    background-color: #d5d5d5;
    text-decoration: none;
    color: #a1a1a1;
    font-size: 13px;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #999;
}

.jquery_tab_container .active, .jquery_tab_container a:hover
{
    background: transparent url(../../img/adm/skin/bg_tab.png) repeat-x;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: none;
    color: #4a4a4a;
}

#ui-datepicker-div
{
}

#container .flexy_datepicker
{
}
#container .flexy_datepicker table
{
}
#container .ui-datepicker
{
    width: 18em!important;
}

.ui-datepicker {
    width: 19em!important;
}
#container #sidebar .ui-datepicker
{
    border-left: medium none;
    border-right: medium none;
}
#container .wysiwyg
{
    background-color: #EAEAEA;
    border: 1px solid #959595;
}
#container div.wysiwyg ul.panel li a
{
    border: 1px solid #959595;
}

#dialog, #configuracoes
{
}

.clearboth
{
}
.no-border
{
    border-color: white;
}

.button
{
    background: #9BAFCB repeat-x top left;
    border: 1px solid #959595;
    font-size: 12px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

a.button
{
    background: #A8B6D1 repeat-x top left;
    border: 1px solid #959595;
    font-size: 12px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , Arial, Helvetica, Verdana, sans-serif;
    color: #fff;
    cursor: pointer;
}

input.controle-16
{
}

.left
{
}

.right
{
}

@media (max-width: 991px)
{
    #container
    {
        background: #fff;
        background-image: none;
        min-width: auto;
    }
    .logo
    {
        width: auto;
        height: auto;
        background: none;
    }
    #sidebar
    {
        display: none;
    }
    #main
    {
        float: none;
        margin-left: 0;
    }
    #bg_wrapper
    {
        background: none;
    }
    #content
    {
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 0;
        margin-top: -32px;
    }
    #content .jquery_tab_container
    {
        left: 0;
        top: 0;
        position: relative;
        padding: 6px 0;
    }
    #content .jquery_tab_container a
    {
        float: none;
        display: inline-block;
        border: 1px solid #999;
        margin-bottom: 2px;
    }
    #content .jquery_tab_container .active, #content .jquery_tab_container a:hover
    {
        padding-bottom: 0;
    }
    .head_memberinfo
    {
        right: 0;
        top: 15px;
        font-size: 12px;
    }
    .logo a
    {
        left: 10px;
    }
    .head_memberinfo_logo
    {
        display: none;
    }
    .memberinfo_span, .memberinfo_span_last
    {
        float: none;
        margin-bottom: 8px;
        border: none;
        text-align: right;
    }
}

.registros_pagina
{
    margin-bottom: 10px;
    text-align: center;
}
.no-padding
{
    padding: 0px !important;
}
.btn-custom
{
    height: 24px;
    z-index: 0;
}
.btn-custom-int
{
    background: none;
    border: none;
    display: block;
    width: 30px;
    height: 24px;
    margin-left: -10px;
    margin-top: -18px;
    z-index: 1;
    position: absolute;
}

.btn-custom-int-busca
{   position: absolute;
    background: none;
    border: none;
    display: block;
    width:85px;  
    height: 30px;
    margin-top: -23px;
    margin-left: -10px;
    z-index: 1;
    
}

.form-lbl
{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.form-lbl-legend 
{ 
    margin-top:5px;
    font-style:italic;
    font-size:10px;
}



fieldset.custom-fieldset
{
    border: 1px solid #ddd !important;
    margin: 0;
    min-width: 0;
    padding: 10px;
    position: relative;
    border-radius: 4px;
    background-color: #f5f5f5;
    padding-left: 10px !important;
}

fieldset.custom-fieldset, .custom-fieldset2
{
    margin-top: 20px;
    margin-bottom: 20px;
}

fieldset.custom-fieldset, .custom-fieldset3 {
    margin-top: 5px;
    margin-bottom: 5px; 
}

fieldset.custom-fieldset legend
{
    font-size: 8px;
    font-weight: bold;
    margin-bottom: 0px;
    width: 41%;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 5px 5px 10px;
    background-color: #ffffff;
    text-transform: uppercase;
}

.custom-fieldset2-form-interno
{
    min-height: 100px !important;
}

.custom-fieldset2-form-mini
{
   min-height: 50px!important;
     
}


@media (max-width:768px)
{
    fieldset.custom-fieldset legend
    {
        width: 95%;
    }
}

fieldset.custom-fieldset.custom-fieldset2
{
    background-color: #fefefe;
}
fieldset.custom-fieldset.custom-fieldset2 legend
{
    background-color: #eee;
    margin-bottom: 10px;
}

fieldset.custom-fieldset .table
{
    margin-bottom: 0 !important;
}



table.table tr td table tbody tr td span
{
    font-weight: bold;
}

table.table td
{
    padding: 10px;
    height: auto;
    vertical-align: baseline;
}


.nav-tabs-bootstrap li a
{
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}

.nav-tabs > li
{
    float: left;
    margin-bottom: -1px;
}

.nav-tabs > li > a
{
    background: #F7F7F7;
}

.tab-content
{
    border: solid 1px #ddd;
    border-top: none;
    padding: 10px;
}
.tab-content .custom-fieldset2
{
    
}
.tab-content .custom-fieldset-mini
{
    min-height:50px!important;
}


.modulos-container
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.click_to_close {
    
    position: absolute !important;
    right: 30px !important;
    top: 20px !important;
    font-size: 17px;
    margin-left: 3px;
    float: right;
    text-decoration: none;
    cursor: pointer;
    z-index:5000;
}

#ContentPlaceHolder_pan_message,
pan_message {
    background: #FFF;
}

.box-modal {
    border: solid 1px #ddd;
    padding: 5px;
    background: #FFF;
}

    .box-modal > div {
        max-height: 550px;
        overflow-y: auto;
    }

.box-modal_fluxo_tipo_documento > div {
    max-height: 750px;
    overflow-y: auto;
}

.modal-header {
    border-width: 2px;
}

.modal-title {
    color: #444;
    font-weight: bold;
}

.modal-body {
    padding: 25px 15px;
}

.overlay {
    background: #000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    opacity: 0.75;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.linha-pesquisa { margin-bottom:5px;}
.confirmation-buttons div a { text-decoration:none!important}
.popover-content {min-width:126px!important;}
.sub_titulo { margin-top:10px; margin-bottom:10px;     border-bottom:none!important;}
a { text-decoration:none!important}


.badge1
        {
            position: relative;
        }
        .badge1[data-badge]:after
        {
            content: attr(data-badge);
            position: absolute;
            bottom: -8px;
            right: -8px;
            font-size: .7em;
            background: #5cb85c;
            color: white;
            width: 13px;
            height: 13px;
            text-align: center;
            line-height: 13px;
            border-radius: 50%;
            box-shadow: 0 0 1px #333;
        }
        
        .glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}


.btn-acao-margin-top {margin-top:15px;}
.proposicao-ementa { margin-top:15px;}
.botoes-footer { margin-bottom:25px;}

.padding-gridview {padding: 0 10px}
.table.table th.header {
    color:#5A5A5A!important; font-weight:bold;
}


.pagination a
{
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;       
}
.pagination > span > span > .aspNetDisabled
{
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7!important;
    border-color: #337ab7;    
}
.pagination a:hover{background-color:#f5f5f5;color:#94999E}

.linha-pesquisa
{
    margin-bottom: 12px;   
    
}

.table .icon-black { color:#333;}


.form-req { color: Red; }

.form-group {
    margin-bottom: 10px;
}

.word-break {
    word-break: break-word;
}

.field-password{
    background-color:white !important;
    opacity: inherit !important;
}

.sigiloso-text {
    display: block;
    font-size: 10px;
    color: #a00;
    margin-top: 4px;
    /*font-style: italic;*/
}