/*
* This file is part of Moodle - http://moodle.org/
*
* Moodle is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* Moodle is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
*
*
* DTCOM Custom Style sheet
*
* @package    theme_dtcom
* @copyright  2015-2016 Jeremy Hopkins (Coventry University)
* @copyright  2015-2017 Fernando Acedo (3-bits.com)
* @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*
*/

/* Custom CSS Settings */
/* Add the CSS styles from the CSS custom box */



.text-primary{
     color: #1cc2d0;
}




#logo{
   padding:0px; 
   margin:0px;
   margin-left:0px !important;
   width: 230px !important;
   margin-bottom: -50px;
   margin-top: -6px !important;
   
}

body.notloggedin #logo{
  margin-bottom: 0px !important;
} 

.p-2 {
    padding: 0px !important;
}

#dtcom-page-header-wrapper #main-navbar {
    background-color: #131f49 !important;
    border: none;
}

#dtcom-page-header-wrapper{
  background-color: #131f49 !important;
}

.btn{
border:0px;
}

#edittingbutton .btn{
   padding:6px 12px;
}

.moodle-dialogue-base button.closebutton, .moodle-dialogue-base .chooserdialogue button.closebutton, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .closebutton, .moodle-dialogue-base .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons button.yui3-button.closebutton {
    background-color: #1b2959;
}

.moodle-dialogue-base .moodle-dialogue-wrap {
   border:0px !important;
}

:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
      padding: 1.5rem !important;
}

#dtcom-page-header-wrapper #header2 a i {
   padding-right: 10px;
}

.settingsform .form-item {
    border-bottom: 2px dashed #f6f6f6;
}
#region-main{

padding: 2rem;
}

.pagelayout-mydashboard  .btn {
    background-color: #bbb;
   
}

.pagelayout-mydashboard  #page-content {
padding-top:50px;
}

.block .header .block_action .block-hider-show, .block .header .block_action .block-hider-hide {
display:none;
}

.breadcrumb {
background-color: transparent !important;
}

#region-main h2{
   font-weight : 500 !important;
   position:relative;
   font-size: 2.3em;
   margin-bottom: 1.0em;
}

#region-main h2::after {
   content:" ";
   width:24px;
   line-height:4px;
   height:4px;
   background:#1cc2d0;
   position:absolute;
   bottom: -15px;
   left:0;
 }

#region-main .maincalendar h2{
 text-align:left !important;
}



}
#marketblocks .internalmarket {
     border: 0px;
}




 
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#131f49; /* cor do background que vai ocupar o body */
    z-index:999; /* z-index para jogar para frente e sobrepor tudo */
}
#preloader .inner {
    position: absolute;
    top: 50%; /* centralizar a parte interna do preload (onde fica a animação)*/
    left: 50%;
    transform: translate(-50%, -50%);  
}
.bolas > div {
  display: inline-block;
  background-color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  margin: 3px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: animarBola;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
   
}
.bolas > div:nth-child(1) {
    animation-duration:0.75s ;
    animation-delay: 0;
    background-color: #bfd431;
}
.bolas > div:nth-child(2) {
    animation-duration: 0.75s ;
    animation-delay: 0.12s;
    background-color: #1cc2d0;
}
.bolas > div:nth-child(3) {
    animation-duration: 0.75s  ;
    animation-delay: 0.24s;
    background-color: #5e66bf;
}
 
@keyframes animarBola {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  16% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
  33% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; 
  } 
}

#page-login-index .card {
     
    background-color: rgba(16, 27, 64, 0.9)!important;

    color:#fff;
    border: 2px solid #101b40; 
}



#page-login-index .card a{
    color: #1cc2d0;
}

.nav_guide{
  color: #1cc2d0;
}

.btn-secondary{
  background-color: #bbb;
}

#pagelayout-mydashboard  #region-main h2:before{
   display:none !important;
}

.alert{
  margin-bottom:1.5em;
}

#adminsettings h3, legend  {
color: #bfd331;
  border:0px;
}

#adminsettings h3{
  font-size: 32px;
  line-height: normal !important;
}

#adminsettings h3 a{
   color:#bfd331;
   font-weight:bold !important;
  
} 

.pagelayout-mydashboard #region-main {
    padding: 2rem;
    background:#fff;
}

.pagelayout-mydashboard #region-main h2::before{
content:"";
display:none;
}

.hidden-blocks {
padding:20px;
margin-top: 2em;
margin-bottom:2em;
background-color:#fafafa;
border: 2px dotted #ccc;

}

.hidden-blocks h3 {
border:0px;
color:#ccc;
text-shadow: 0px;
margin:20px;
}

#page-calendar-view #region-main h2{
 text-align:center !important;
}
#page-calendar-view #region-main h2::after{
left:50%
}

#dtcom_profile_tree .dtcom-tab.tab-panel {
    border: 0px;
    border-top:2px solid #000 !important;
 
}

.dtcom-tab.tab-panel .node_category {
 margin-top: 2em;
}

#dtcom_profile_tree .ucol1 .node_category.contact {
    margin-top: 5em;
}

.courseprofiles  dt, .contentnode dt{
  font-size: 1.6625rem;
font-weight:400;
font-family: Roboto,sans-serif;
}

.contentnode dt{
    margin-bottom:20px;
}

.interests dt{
 margin-top:1em;
}

.text-info {
    margin-top: 5px;
   
    color: #ccc !important;
    padding-right: 0px !important;
}

/* marketing */

.thumbnail {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow : hidden;
  padding : 0px !important;

}
.text-overflow {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.caption {
    
  color: #131f49e !important;
  position: absolute;
  bottom: 0;
  right: 0;
  padding:0 15px 15px 15px;
 text-align:left;
 font-size:16px;
 font-weight:600;

}

.caption h3{
   color: #FFF;
    line-height:0.5em;
}

.caption a{
border: 1px solid #fff;
padding: 6px 10px;
border-radius: 5px;
color:#fff;
float:right;
margin-right:20px;
margin-bottom:10px;
font-size: 16px;
font-weight: normal !important;
}

.caption a:hover{
border: 1px solid #131f49;
color:#131f49;
}


.thumbnail img{
  width : 100%;
  height : 100%;
  transition : all ease .2s; 
transform: scale(1.1);
}
.thumbnail:hover img{
  transform: scale(1.6);
  
}

.dashboard-card .card-img{
webkit-filter: grayscale(70%); /* Safari 6.0 - 9.0 */
    filter: saturate(70%);
 }


.dashboard-card:hover .card-img,
.dashboard-card:focus .card-img {
 transition : all ease .2s; 
webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
  
}

/* dashboard */

.block-cards  .card {
border: 0px;
-webkit-box-shadow: 0px 6px 11px -1px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 6px 11px -1px rgba(0,0,0,0.27);
box-shadow: 0px 6px 11px -1px rgba(0,0,0,0.27);

}

.card-deck{
 margin-top:20px;  
} 

h2#instance-9-header{
margin-botton:0.5em;
}

h2#instance-10-header{
   margin-top: .7em !important;
}

/* tela do curso */

.section .activity .contentwithoutlink>a>span, .section .activity .activityinstance>a>span, .section .activity .contentwithoutlink .inplaceeditable>a>span, .section .activity .activityinstance .inplaceeditable>a>span {
    font-size: 1em; 
    font-weight: normal;
    color: #333;
}

.section .activity .contentwithoutlink>a:hover>span, .section .activity .activityinstance>a:hover>span, .section .activity .contentwithoutlink .inplaceeditable>a:hover>span, .section .activity .activityinstance .inplaceeditable>a:hover>span {
   color: #1cc2d0
}

/* página principal */

#page .covtiles.panel .panel-body {
    border: 0px solid #e4e4e4; !important;
    border-radius: 0px !important; 
    -webkit-box-shadow: none  !important;
-moz-box-shadow:none !important;
box-shadow: none !important;
}



.coursebox.hover.covtiles .summary{
     background:#333 !important;
     color:#BFC1C0 !important;
}

.covtiles .coursebox-content, .covtiles.coursebox.panel.hover .panel-body .coursebox-content h3, #marketblocks.covtiles h4 {
background:#333 !important;
border:0px;
}



.covtiles. coursebox.panel.hover .panel-body .coursebox-content h3, #marketblocks.covtiles h4 {
    background: #333;
    border: 0px !important;    
    color:#fff important;

}

.covtiles .coursebox-content {
height:48px;
padding-top:8px;
padding-left:10px;
}

#coursesearchbox{
margin-right:10px;
}

.coursebox.hover .summary p {
display:none;
}

#page-footer .row{
  text-align: center !important;
}

/* login */

.btn-login {
padding: 3px 35px 4px 35px;
height: 32px;
}



#oficial-page-header-wrapper{
  background-color:#131f49;
}


#oficial-page-header-wrapper .navbar-nav {
  padding-left: 230px;
}


.section .collapse{
 
  
} 

.course-content ul.collapsibletopics a{
  background-size: 14px 14px;
}

.course-content .collapsible-actions a.expandall, .course-content .collapsible-actions a.collapseall{
  background-size: 12px 12px;
}

.quickeditlink span{
  background-image: none !important;
  padding-left: 0px;
}


.dashboard-card-deck .dashboard-card .dashboard-card-img{
  background-size: contain;
  background-repeat: no-repeat;
  height: 12rem;
}

.block-cards .card{
  background-color: #f6f6f6;
}

.card-deck {
 padding-bottom: 7px;
}
[[setting:customcss]]


