/****************************Text Size*************************************************/

@font-face {
    font-family: Decima;
    src: url("../EM-Decima.Pro/OTF/Decima%20Pro.otf") format("opentype");
}

body{
    /*background-color: #FDFBF5 !important;*/
    /*background-color: #ff000005 !important;*/
    /*background-color: #ff000005 !important;*/
    background-color: #b3a0716b !important;

}

button[disabled], html input[disabled] {
    cursor: default;
    opacity: 0.5;
}

iframe.skiptranslate {
    zoom: 120%;
}

#header
{
    height: 60px;
    background-color: white;
    border-bottom: 1px solid #8a6100;
    padding: 3px;
}

.btn-huge-safe{
    padding-top:20px;
    padding-bottom:20px;
    white-space: normal;
    font-size: 20px;
    padding: 10px;
}
.btn-wrap-safe{

    white-space: normal;

}


#header .logo
{
    height: 100%;
    float:left;
}


.icons
{
    white-space: nowrap;
    width: 1%;
}

h1 {
    font-size: 1.3em !important;
    margin: 5px;
    color: #808081;
}

h3 {
    font-size: 1.1em !important;

}
h2 {
    font-size: 1.2em !important;

}


/*********************************************************************************/

/****************** topnav **********************/

#topnav {
    color: black;
    text-decoration: none;
    border-radius: 4px;
    BACKGROUND-COLOR: #E6E6E6;
    font-size: 1.2em !important;
    /*FONT: 12px / 20px "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif*/
}

/*#topnav LI A:visited*/
/*{*/
/*COLOR: white;*/
/*}*/
#topnav LI A:hover {
    COLOR: black;
    BACKGROUND-COLOR: #FFFFFF
}
#topnav LI A {
    color: #656565;
    text-decoration: underline;
}

#topnav UL {
    margin-top: 0;
    margin-left: 0;
    PADDING-RIGHT: 0;
    MARGIN-bottom: 2px;
    MARGIN-right: 0;
    PADDING-TOP: 0;
    padding-left: 15px;
    LIST-STYLE-TYPE: none
}

#topnav LI {
    PADDING-RIGHT: 0;
    DISPLAY: inline;
    PADDING-LEFT: 0;
    PADDING-BOTTOM: 0;
    MARGIN: 0;
    PADDING-TOP: 0;
}
/*****************************************************************************************/

/************************************* Footer Modules ***********************************/

footer {
    border-top: 1px solid #8a6100;
    /*HEIGHT: 50px;*/
    PADDING-TOP: 5px;
    text-align: center;
    margin-top:5px;
    background-color: white;
}




/*************************************************
BOOTSTRAP OVERRIDES
*************************************************/

body
{
    /*font-family: Decima, Arial,"bitstream vera sans",Verdana,Helvetica,sans-serif !important;*/
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
    font-family: "bitstream vera sans",Verdana,Helvetica,sans-serif !important;
    font-size: 15px !important;
    color: #323431 !important;
}
.form-control
{
    color: #575253;
}
/*body{
    background-color: #ABCEEB !important;
}*/
/* ESTG IN USE
.panel-primary > .panel-heading
{
    background-color: #EEECE2 !important;
    color:#59502C !important;
}
*/

/* PANEL INFO AMARELO
.panel-info {
    border-color: #e8d68a !important;
}
.panel-info > .panel-heading {
    color: #8a6100 !important;
    background-color: #ffdb96 !important;
    border-color: #e8d68a !important;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
    border-color: #e8d68a !important;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
    border-color: #e8d68a !important;
}
*/

/** PANEL INFO IGUAL AO INFO TEXT AZUL*/
/* ESTG IN USE
.panel-info {
    border-color: #bce8f1 !important;
}

.panel-info > .panel-heading {
   color: #31708f !important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
    border-color: #bce8f1 !important;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
    border-color: #bce8f1 !important;
}*/

/*Estilo novo inventado para o baco*/

.alert-disabled {
    background-color: #d6d6d6;
    border-color: #b0b0b0;
    color: #939393; }
.alert-disabled hr {
    border-top-color: #a3a3a3; }
.alert-disabled .alert-link {
    color: #5a5a5a; }


.vcenter {
    vertical-align: middle !important;
}
/* centered columns styles */
.row-centered {
    text-align:center !important;
}


.navbar-collapse {
    max-height:none !important;
}
img.logoIpp
{
    height: 45px !important;
    margin-top: 0 !important;
}
.navbar-brand
{
    padding:2px;
    margin-right: 25px;
}
.navbar-brand-2
{
    padding:15px; !important
    margin-right: 25px; !important
}

/** LIST ITEM INFO PARECIDO AO WARNING ANTIGO PRIMARY
.list-group-item-info {
    color: #8a6100 !important;
    background-color: #ffdb96 !important;
}
a.list-group-item-info,
button.list-group-item-info {
    color: #8a6100 !important;
}

*/


.list-group-item-heading {
    margin-top: 15px !important;
    margin-bottom: 2px !important;
    font-weight: bold;
    border: 1px solid #5d5846 !important;
}

.list-group-item-success {

    background-color: #dff0d8 ! important;
}

.list-group > .list-group-item-heading:first-child
{
    margin-top: 0 !important;
}

.list-group-item-filled
{
    padding: 0 !important;
}


.list-group-item-footer
{
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    font-size: smaller !important;
    background-color: #F1F1F1 !important;
}

a:not(.btn /*Para não ser aplicado nos eventos do fullCalendar*/.fc-h-event)
{
    /*color: #607fc0 !important;*/
    /*text-decoration: none !important;*/
}

a:not(.btn):hover
{
    color: #b7991b !important;
    text-decoration: none !important;
}
/*
div.list-group-item * span.glyphicon, div.list-group-item * span.icon, div.list-group-item > span.glyphicon, div.list-group-item > span.icon, tr.dir .glyphicon-folder-open
{
    color: #a17900 !important;
    text-decoration: none !important;
}

div.list-group-item * span.glyphicon, div.list-group-item * span.icon, div.list-group-item > span.glyphicon, div.list-group-item > span.icon, tr.dir .glyphicon-folder-open
{
    color: #a17900 !important;
    text-decoration: none !important;
}
*/

.badge
{
    float:right !important;
    margin-right: 4px !important;
}
.badge.icon .icon, .badge.icon .glyphicon
{
    color: white !important;
    text-decoration: none !important;
    /*background-color: white !important;*/
}

.panel-primary > .panel-heading .badge {
    color: #fcf8e3 !important;
    background-color: #e0d1d8 !important;
}

.badge.icon:hover .icon, .badge.icon:hover .glyphicon
{
    color: black !important;
    text-decoration: none !important;
}
.badge.icon:hover
{
    background-color: white !important;
    border: 1px solid black;
    text-decoration: none !important;
}
.navbar a, span.glyphicon
{
    color: inherit !important;
    text-decoration: inherit !important;
}


.list-group-item span.glyphicon
{
    margin-right: 10px;
}



.topsection>.panel-heading
{
    font-size: medium !important;
    font-weight: bold !important;

}
.section>.panel-heading
{
    font-size: medium !important;
    background-color: black !important;
    color: #ffffff !important;
}


.panel .section
{
    border-right: 0;
    border-bottom: 0;
}


.form-horizontal-small *
{
    font-size: .95em !important;
}
.form-horizontal-small .form-group
{
    margin-bottom: .6em !important;
}
.form-horizontal-small .form-control
{
    height: 27px !important;
}

.disabledItem, .disabledItem a
{
    background-color: #d3d3d3 !important;
    color: #808080 !important;
}
td.icons
{
    width: 15px !important;
    white-space: nowrap !important;
}



.listClean UL, .files UL /*Lista sem nada*/
{
    LIST-STYLE-TYPE: none;
    padding: 0;
    /*margin-left: 5px;*/
}

.linkMenuBlock .linkLeftMenu li
{
    border-bottom: 1px solid #808081;
}
.linkMenuBlock
{
    margin-top: 15px;
}
.linkMenuBlock .linkLeftMenu{

    border-left: 1px solid #808081;
}
.linkMenuBlockRight {
    margin-top: 15px;
    border-right: 1px solid #808081;
    color:#323431;
}

.linkMenuBlock .linkMenuBlockTitle
{
    border-top-left-radius: 4px !important;
    border-right: 0 !important;
}
.linkMenuBlock .linkMenuBlockTitle, .linkMenuBlockRight .linkMenuBlockTitle {
    border-bottom: 0px solid #323431;
    background-color: #faf2cc;
    color: #323431;
    white-space: nowrap;
    text-align: right;
    padding: 4px;
    margin: 0;
    border: 1px solid #808081;
}

.linkLeftMenu ul,.linkRightMenu ul {
    margin:0;
    LIST-STYLE-TYPE: none;
}

.linkLeftMenu
{
    margin-bottom:15px;
    border-bottom: 1px solid #808081;
}
.linkLeftMenu li, .linkRightMenu li {
    border-bottom: 1px solid #FFFFFF;
    white-space: nowrap;
    padding:5px;
    margin:0;
}


.link-effect
{
    text-decoration: underline;
    color: blue;
}

/*************************************************
BOOTSTRAP OVERRIDES
*************************************************/



.reprovadosColor
{
    background-color:#f1d3c5 !important;
}
.aprovadosColor
{
    background-color:#d6f1c5 !important;
}


.pae-shadow-box
{
    webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}


/*************************************************
BOOTSTRAP OVERRIDES
*************************************************/

.identifier
{
    background-color: white;
    border:1px solid gray;
    padding: 5px;
    font-weight: bold;
    display: inline-block;
}

.pae-grade-partial{
    background-color: white;
    border:1px solid gray;
    padding: 5px;
    font-weight: bold;
    display: inline-block;
}
.studentNumber
{
    background-color: white;
    border:1px solid gray;
    padding: 5px;
    font-weight: bold;
    display: inline-block;
}

.studentName
{
    background-color: #97ffb1;
    border:1px solid gray;
    padding: 5px;
    font-weight: bold;
    display: inline-block;

}
.studentName:before
{
    font-family: "Font Awesome 5 Free" !important;
    content: "\f007";
}
.courseName
{
    background-color: #e8e270;
    border:1px solid gray;
    padding: 5px;
    font-weight: bold;
    display: inline-block;
}
.courseName:before
{

    font-family: "Font Awesome 5 Free" !important;
    content: "\f19d";
}
.courseCode, .ouInitials, .ouKeyCode
{
    background-color: #f9ffb9;
    border:1px solid gray;
    padding: 5px;
    font-weight: bold;
    display: inline-block;
}


.time
{
    background-color: #ffffdf;
    border:1px solid gray;
    padding: 5px;
    font-weight: bold;
    display: inline-block;
    border-radius: 4px;
}
.date
{
    color: black;
    background-color: white;
    border:1px solid gray;
    padding: 5px;
    font-weight: bold;
    display: inline-block;
    border-radius: 4px;
}
.date-time
{
    background-color: white;
    border:1px solid gray;
    padding: 5px;
    font-weight: bold;
    display: inline-block;
    border-radius: 4px;
}
.date-time.ok
{
    background-color: #43ff08;
    border:1px solid gray;
}
.date-time.ok:before
{
    font-family: "Font Awesome 5 Free" !important;
    content: "\f4fd";
}
.date-time.late
{
    background-color: #ff2f28;
    border:1px solid gray;
}
.date-time.late:before
{
    font-family: "Font Awesome 5 Free" !important;
    content: "\f1da";
}

.grade
{
    display: block;
    border-radius: 3px;
    padding: 3px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    margin: 2px;
}
.grade.studentGradePositive
{
    border-color: #00820f;
    background-color: greenyellow;
}
.grade.studentGradeNegative
{
    border-color: #990000;
    background-color: red;
}









.title-primary-ipp
{
    background-color: whitesmoke;
    padding: 10px;
    border: 1px solid black;
    color: #8a7c82;
}
.title-secondary-ipp
{
    border: 1px solid black;
    padding: 15px;
    border-radius: 15px;
    background-color: #d8d3be;
    /*margin-top: 15px;*/
    color: #756664;
}

.panel-secondary-ipp panel-heading
{
    background-color: #d8d3be;
    color: #756664;
}


.row-centered {
    text-align:center;
}
.col-centered {
    text-align: center;


}


.chatNotification {
    margin-right: 15px;
    color: white;
    text-decoration: none;
    position: relative;
    display: inline-block;
    border-radius: 2px;
    cursor: pointer;
}

.chatNotification .notificationsDropdown-content .chatUser:hover {
    background-color: #deebff;
}


.chatNotificationOpenTalk
{
    font-weight: normal;
}
.chatNotificationClosedTalk
{
    font-weight: bold;
}

.chatNotification .badge {
    position: absolute;
    top: 3px;
    right: -19px;
    padding: 3px 9px;
    border-radius: 50%;
    background-color: #ff1800;
    color: #ffffff;
}

.notificationsDropdown {
    position: relative;
    display: inline-block;
}




.notificationsDropdown-content {
    display: block;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 5px 5px;
    z-index: 999;
    left: -300px;
}





/****CHAT*****/

.chat
{
    background-color: white;
    border:1px solid #dbdbdb;


}
.chatTitle
{
    padding: 5px;
    border-bottom:1px solid #dbdbdb;
    margin-top:3px;
    background-color: #e8d28c;
    text-align: center;

}
.chatUsers
{
    border:1px solid #dbdbdb ;
    margin-top:3px;
    max-height: 80vh;
    min-height: 80vh;
    overflow-y: auto;

    /*
    bottom: 50px;
    position: relative;
    top: 0;*/
}

.chatSearch
{
    /*bottom: 50px;
    position: relative;
    top: 0;
*/
}

.chatUser
{
    padding: 10px;
    color:gray;
    font-size: 1.0em;
}

.chatUserNotif i
{
    padding: 7px!important;
    font-size: 14pt!important;
    width: 30px!important;
    border-radius: 15px!important;
    border: 1px solid grey!important;
}

.chatUser img
{
    width: 30px;
    border-radius: 15px;
}

.chatUsers .chatUser i
{
    padding: 7px;
    /* font-size: 14pt; */
    width: 30px;
    border-radius: 15px;
    border: 1px solid grey;
}
.chatUser.online img{
    animation: alert-warning 1s cubic-bezier(.2, 0, 1, 1) infinite alternate;
    border: 1px solid #42ff14;
}



.chatGroups
{
    padding: 3px;
    padding-bottom: 10px;
    border-bottom: 1px solid gray;
}
.chatGroupsTitle
{
    padding: 3px;
    font-size: 1.2em;
    text-align: center;
}
.chatGroupsBody
{
    text-align: center;
    padding: 3px;
}



.onlineTime, .onlineEnvelope
{
    color: lightgrey;
    font-size: 0.7em;
    margin-right: 10px;
}
.onlineOnline
{
    background-color: lawngreen;

}
.onlineOffline,.onlineOnline
{

    width: 10px;
    min-width: 10px;
    min-height: 10px;
    border-radius: 10px;
    vertical-align: middle;
    border: 1px solid gray;
    margin-top: 10px;
    margin-right: 10px;
}
.btn-online
{
    background-color: lawngreen;
}
.btn-online:hover
{
    background-color: #b2fc6f;
}
.chatUser:hover
{
    background-color: rgba(152, 251, 152, 0.44);
    cursor:pointer;
}
.userMatch
{
    font-weight: bold;
    text-decoration: underline;
    font-size: 1.0em;
}
.userOnline
{
    color:black
}



.tooltip-container-l .tooltip
{ font-size: 1.2em !important; }
.tooltip-container-xl .tooltip
{ font-size: 1.4em !important; }
.tooltip-container-xxl .tooltip
{ font-size: 1.8em !important; }
.tooltip-container-l .tooltip .tooltip-inner,
.tooltip-container-xl .tooltip .tooltip-inner,
.tooltip-container-xxl .tooltip .tooltip-inner
{ max-width: 400px; z-index: 10000 }


.paeTableWrapper
{
    overflow-x: scroll;
}

.table.tableZebra th { background-color: #f7f9d3; }
.table.tableZebra tr:nth-child(even) { background-color: white; }
.table.tableZebra tr:nth-child(odd){ background-color: #d6d1a3; }

.table.tableZebraLight th { background-color: #f4eea5; text-align: center; font-size: 1.0em }
.table.tableZebraLight td { font-size: 1.0em }
.table.tableZebraLight tr:nth-child(even) { background-color: white; font-size: 1.0em}
.table.tableZebraLight tr:nth-child(odd){ background-color: #fdffeb; font-size: 1.0em}

.table.tableZebraClearGray { opacity: 0.75;}
.table.tableZebraClearGray th { background-color: #f7f7f7; text-align: center; font-size: 1.0em }
.table.tableZebraClearGray td { font-size: 1.0em }
.table.tableZebraClearGray tr:nth-child(even) { background-color: #f7f7f7; font-size: 1.0em}
.table.tableZebraClearGray tr:nth-child(odd){ background-color: white; font-size: 1.0em}

.table.tableZebraGhost { opacity: 0.75;}
.table.tableZebraGhost th { background-color: #cbc3c7; text-align: center; font-size: 1.0em }
.table.tableZebraGhost td { font-size: 1.0em }
.table.tableZebraGhost tr:nth-child(even) { background-color: #f3f3f3; font-size: 1.0em}
.table.tableZebraGhost tr:nth-child(odd){ background-color: #ece5e5; font-size: 1.0em}



.dirty, tr.dirty td
{
    background-color: #ffff00 !important;
    border: 4px orange dashed !important;
    padding: 4px !important;
}

.panel-info-hover:hover
{
    background-color: deepskyblue;
}


.btn-folder{
    color: #000;
    background-color: #ffffcb;
    border-color: #867741;
}



.btn-folder:before
{
    font-family: "Font Awesome 5 Free" !important;
    content: "\f07c";
}

.btn-role-manager,.btn-role-members{
    color: #000;
    background-color: #effff2;
    border-color: #ff8d66;
}
/*
.btn-role-manager:before{
    font-family: "Font Awesome 5 Free" !important;
    content: "\f4fe";
}
.btn-role-members:before{
    font-family: "Font Awesome 5 Free" !important;
    content: "\f500";
}*/

.btn-home{
    color: #000;
    background-color: #fffbf7;
    border-color: #867741;
}