body{font-family:'Open Sans',sans-serif;font-weight:200;padding-top:50px;} strong,b{font-weight:400;} h1,h2,h3,h4,h5,h6{font-family:'Open Sans',sans-serif;font-weight:400;} h1{color:#33465E;} h2{color:#277FB8;} /*h3{color:#535353;}*/ .clear{clear:both;} .auto{margin-left:auto;margin-right:auto;} .ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .break{word-wrap:break-word;} .overflow-hidden{overflow:hidden;} .feedback_right{background: #BE0E33; right: 0px; width: 21px; position: fixed; top: 55px;} select[multiple]{width: 80%;} .classTutor{font-weight: 700 !important;} #holder40{background:#e3e3e3;height:40px;width:40px;color:#fff;font-size:20px;text-align:center;padding-top:8px;} #holder100_120{background:#e3e3e3;height:120px;width:100%;color:#fff;font-size:40px;text-align:center;padding-top:30px;} #mobile-tools-menu{font-size:20px;margin:12px 0 0 70px;} #mobile-tools-menu a{margin-right:10px;} #mobile-tools-menu #tech-status{font-size: 20px;} /*Courses*/ #course-tab{padding-top:20px;} #activities-tab{padding-top:20px;} #activities-tab .container{width:100%;} #course-tab table{margin-bottom:0;} #course-tab .label{font-size:13px;} #course-actions{margin-bottom:20px;} #course-title-actions{margin-top:20px;} div.dropdown-wrapper,span.dropdown-wrapper{position: relative;height: 100%;} button.dropdown-toggle{height: 100%;display: block;} a.dropdown-toggle{height: 100%;} #course-properties-dl{margin:0;} dl.dl-task{} dl.dl-task dt{text-align:left;width:25%;} dl.dl-task dd{margin-left:25%;} #course-tabs{text-align:center;} #course-tabs li{float:none;display:inline-block;} #course-tab .panel-heading{height: auto;display: inline-block;width: 100%} #course-tab .panel-title{font-size:22px;} #uploadContentLabel{color:#33465E;} #addContentSubMenu,#addTaskSubmenu,#addTribeLinks,#addEventSubMenu{left:30%;} p.description{margin:5px 10px 0 0;} #PropertiesModal .modal-body{padding:20px 10px;} #PropertiesModal .nav-tabs>li>a{font-size:13px;} #PropertiesModal .tab-content{padding-top:20px;} #session-admin-title{overflow:hidden;} #session-admin-studentlist-title h3{margin-top:0;} #session-properties-tabs li{font-size:12px !important;} #cnt_edit_properties .tab-content{padding-top:20px;} #categories-list li{padding:8px 5px;} #categories-list li:hover{background:#f8f8f8;} #categories-list label{font-weight:200;} #categories-list .checkbox{margin-bottom:0;margin-top:0;} .file-input-name{color:#333;} #slide-container{padding-top:0px;} /*Previous value 20px*/ ul.optionList{} /*ul.optionList li{border:1px solid #eee;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-bottom:10px;} ul.optionList li:hover{background:#eee;}*/ #reminder-tab-content{padding-top:20px;} /*Reports*/ #reports-collapse .tab-content{padding-top:20px;} #formtab2{margin-top:20px;} #formtab2 .form-group{margin-bottom:0;} .course-img{height:120px;width:100%;} #google-sign { color: #d34836; font-size: 48px; } #facebook-sign { color: #48649f; font-size: 48px; } #twitter-sign { color: #88c9f9; font-size: 48px; } #popover-event-list hr{margin:5px 0;} #courses-cont{margin-top:20px;} #courses-tabs-content{padding-top:20px;} #course-tab .btn-group-vertical{width:100%;} .label-xs{font-size:9px !important;} #printResults, #printResults:hover{text-decoration:none;} /*Courses end*/ /*Profile*/ #profiles-tab .tab-content { padding-top: 15px; } /*Profile end*/ #system-messages{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;filter:alpha(opacity=80);opacity:0.8;position:absolute;width:100%;z-index:1;} /*#dashboard a{color:#FF4D4D;}*/ #header{background: #fff;margin-bottom:45px;max-height: 300px;} #header-mini{background: #fff;margin-bottom:20px;max-height: 125px;} #client-info{position:relative;padding-top:0;} #client-logo{padding-right:0;padding-left:0;position:relative;top:20px;} #client-name{color:#FFF;margin-top:0;margin-bottom:25px;position:relative;} #client-name h1{color:#FFF;font-size:21px;margin-bottom:0;text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-webkit-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-moz-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;} #client-name h1 small{color:#DDD;margin-bottom:10px;text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-webkit-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-moz-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;} #client-description{margin-bottom:10px;text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-webkit-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-moz-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;} #client-name-mini{color:#FFF;} #client-name-mini h1{color:#FFF;font-size:21px;margin-bottom:0;margin-top:5px;text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-webkit-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-moz-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;} #client-name-mini h1 small{color:#DDD;margin-bottom:10px;text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-webkit-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-moz-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;} #client-description-mini{margin-bottom:10px;font-size:18px;line-height:1; text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-webkit-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-moz-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;} #client-info-mini #search-box{margin-bottom: 15px;} #client-info-mini #client-logo{top:10px;} @media (min-width: 768px) { #client-info{position:relative;padding-top:100px;} #client-logo{padding-right:0;padding-left:0;position:relative;top:55px;} #client-name{color:#FFF;margin-top:40px;margin-bottom:0px;position:relative;} #client-name h1{color:#FFF;font-size:36px;margin-bottom:0;text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-webkit-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-moz-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;} #client-name h1 small{color:#DDD;margin-bottom:10px;text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-webkit-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-moz-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;} #client-description{margin-bottom:10px;text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-webkit-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-moz-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;} #header-mini{background: url(../images/bannercali.jpg) center no-repeat;margin-bottom:20px;min-height: 125px;} #client-info-mini{} #client-name-mini{color:#FFF;} #client-name-mini h1{color:#FFF;font-size:36px;margin-bottom:0;margin-top:5px;text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-webkit-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-moz-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;} #client-name-mini h1 small{color:#DDD;margin-bottom:10px;text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-webkit-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-moz-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;} #client-description-mini{margin-bottom:10px;font-size:18px;line-height:1; text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-webkit-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-moz-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;} #client-info-mini #search-box{margin-bottom: 0;} #client-info-mini #client-logo{top:20px;} } #profile-info-container{padding-top:0px;margin-bottom:15px;} #profile-content dl{margin:0;} /**#profile-header{background:url(../images/banner_profile.png) center no-repeat;max-height:300px;}*/ #profile-avatar{padding-left:0;padding-right:0;position:relative;margin-left:10px;margin-top:5px;} #profile-info{padding-left:10px;position:relative;} #profile-name{color:#FFF;font-size:20px;margin-bottom:0;margin-top:5px;text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-webkit-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-moz-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;} #profile-actions{margin-top:10px;} @media (min-width: 768px){ #profile-info-container{padding-top:140px;margin-bottom:45px;} /**#profile-header{background:url(../images/banner_profile.png) center no-repeat;background-size:cover !important;max-height:300px;}*/ #profile-avatar{padding-left:0;padding-right:0;position:relative;margin-left:0;margin-top:0;} #profile-info{padding-left:10px;position:relative;} #profile-name{color:#FFF;font-size:24px; margin-bottom:0;margin-top:5px;text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-webkit-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;-moz-text-shadow:-1px 1px 8px #333, 1px -1px 8px #BBB;} #profile-actions{margin-top:10px;} } #body{/*padding-top:20px;*/} #signin_form{border-right:1px solid #eee;} #external_signin_form{} #signin_form_container,#signup_form_container{margin:20px 0 0 0;} #banner{margin-bottom:5px;} #messages_div{margin-top:0;} ul#messages{margin-bottom:0;} .navbar .container{margin-top:0;} /*.container{margin-top:20px;}*/ .page-header h2{margin-top:0;} .alert h4{margin-bottom:0;} .navbar-brand{padding:14px 15px;} .navbar-nav>li>a{padding: 15px 10px;} .dropdown-menu>li>a{font-weight:200;} .label{font-weight:400;} .dropdown-submenu{position:relative;} .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;} .dropdown-submenu:hover>.dropdown-menu{display:block;} .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;} .dropdown-submenu:hover>a:after{border-left-color:#ffffff;} .dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;} #search-box{} #home-tabs{margin-top:-20px;position:relative;} #home-tabs .thumbnail{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;} #home-tabs .thumbnail h3{margin:0;} #home-tabs .tab-content{ padding-top: 15px; } ul#home-courses-tab, ul#courses-tabs{text-align:center;} ul#home-courses-tab li, ul#courses-tabs li {float:none; display:inline-block;} ul#profile-tab li {float:none; display:inline-block;} ul#home-courses-tab li a, ul#courses-tabs li a {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;} #home-tabs-inner{margin-top:10px;position:relative;} .side_bar{border-right:1px solid #DDD;} .side_bar li.active{background:#f8f8f8;} .side_bar hr{margin-bottom:10px;margin-top:10px;} #noticestab .btn-group{margin:20px 0;} #photos_container .albums .thumbnail { margin-bottom: 10px; min-height: 150px; } #photos_container .photos .thumbnail { margin-bottom: 10px; min-height: 127px; } #photos_container .album_options > .dropdown-menu { left: auto; right: 0; } #photo_edit_form { margin-top: 20px; } #add_email_button{display:none;} #blog_actions{margin-bottom:0;} #bookmarks_container .row.odd, #bookmarks_container .row.even { margin-bottom: 10px; padding: 10px 0; } #bookmarks_container .row.odd { background: #F9F9F9; } #bookmarks_container .url > a { word-wrap: break-word; } .thread p{margin-bottom:0;} .comments hr{margin-bottom:5px;margin-top:5px;} .unseen{background:#dff0d8;border:1px solid #d6e9c6;padding:5px;} .tribes-item h4{margin-top:0;} .tribes-item-hr{margin-top:0;margin-bottom:10px;} h4.media-heading {display: inline-block;} .tribe_item h3{margin-bottom:3px;margin-top:0;} .profile_item{margin-bottom:20px;min-height:300px;} .profile_item h5{margin-bottom:0;margin-top:0;} #profile-search-form .form-group{margin-bottom:5px;} #profile-row{margin-left:0;margin-right:0;} #blogs-tab,#photos-tab,#bookmarks-tab{padding-top:20px;} .photo_profile{margin-bottom:20px;} table.diagnostic-table{font-size:13px;} table.diagnostic-table .title{font-weight:400;} #tech-status{font-size:18px;} .alert-admin {color: #777 !important;} /*Loader*/ .bubblingG{text-align: center;height:30px;} .bubblingG span{display:inline-block;vertical-align:middle;width:4px;height:4px;margin:10px auto;background:#000000;-moz-border-radius:20px;-moz-animation: bubblingG 1.3s infinite alternate;-webkit-border-radius: 20px;-webkit-animation: bubblingG 1.3s infinite alternate;-ms-border-radius: 20px;-ms-animation: bubblingG 1.3s infinite alternate;-o-border-radius: 20px;-o-animation: bubblingG 1.3s infinite alternate;border-radius: 20px;animation: bubblingG 1.3s infinite alternate;} #bubblingG_1{-moz-animation-delay: 0s;-webkit-animation-delay: 0s;-ms-animation-delay: 0s;-o-animation-delay: 0s;animation-delay: 0s;} #bubblingG_2{-moz-animation-delay: 0.39s;-webkit-animation-delay: 0.39s;-ms-animation-delay: 0.39s;-o-animation-delay: 0.39s;animation-delay: 0.39s;} #bubblingG_3{-moz-animation-delay: 0.78s;-webkit-animation-delay: 0.78s;-ms-animation-delay: 0.78s;-o-animation-delay: 0.78s;animation-delay: 0.78s;} @-moz-keyframes bubblingG{ 0% {width: 4px;height: 4px;background-color:#000000;-moz-transform: translateY(0);} 100% {width: 10px;height: 10px;background-color:#FFFFFF;-moz-transform: translateY(-8px);} } @-webkit-keyframes bubblingG { 0% {width: 4px;height: 4px;background-color:#000000;-webkit-transform: translateY(0);} 100% {width: 10px;height: 10px;background-color:#FFFFFF;-webkit-transform: translateY(-8px);} } @-ms-keyframes bubblingG { 0%{width: 4px;height: 4px;background-color:#000000;-ms-transform: translateY(0);} 100%{width: 10px;height: 10px;background-color:#FFFFFF;-ms-transform: translateY(-8px);} } @-o-keyframes bubblingG { 0% {width: 4px;height: 4px;background-color:#000000;-o-transform: translateY(0);} 100% {width: 10px;height: 10px;background-color:#FFFFFF;-o-transform: translateY(-8px);} } @keyframes bubblingG { 0%{width: 4px;height: 4px;background-color:#000000;transform: translateY(0);} 100%{width: 10px;height: 10px;background-color:#FFFFFF;transform: translateY(-8px);} } .kmelx-course { border-bottom: 1px solid #CCC; margin-bottom: 15px; padding-bottom: 15px; } .kmelx-course .title { margin-top: 0; margin-bottom: 5px; } .kmelx-course .description { margin-top: 0; margin-bottom: 5px; } .kmelx-tags ul > li { padding-top: 5px; } .formHint { color: #999; font-size: 75%; font-style: italic; line-height: 100%; } .formHint { display: block; margin-bottom: 10px; } #tweet_text{ border: 1px solid #CCC;border-radius: 4px;margin-bottom: 10px;resize:none; } .kmetweet{border-bottom:1px solid #DDD;padding:10px;} .kmetweet .icon-eye-close{cursor:pointer;} .kmetweet.highlight{background:rgba(238,238,238,.6);} #btn-actions{ margin-bottom: 10px; overflow:hidden;} .list-options li{ margin-bottom: 5px; } #search-results{padding-top:20px;} #search-results .media{border-bottom:1px solid #CCC;padding-bottom:10px;} .sendFlashMessage{margin-bottom: 20px;} #FlashMessage .search_results_ul{margin-top:10px;} #FlashMessage .search_results_ul li{padding: 2px;} #FlashMessage .search_results_ul li a{text-decoration: none;} #FlashMessage .search_results_ul li:hover{background-color: #CCC;} #FlashMessage .search_results_ul li:hover a{color: #FFF;text-decoration: none;} #receiversTag{margin-bottom:10px;} #receiversTag span a{color:#FFF;margin-bottom:5px;} @media (max-width: 767px) { #pending-tab table, #pending-tab thead, #pending-tab tbody, #pending-tab th, #pending-tab td, #pending-tab tr { display: block; } #pending-tab thead tr { left: -9999px; position: absolute; top: -9999px; } #pending-tab tr { border-bottom: 1px solid #CCC; } #pending-tab td { border: none; border-bottom: 1px solid #EEE;min-height:37px; padding-bottom: 3%; padding-left: 50%; position: relative; text-align: left; white-space: normal; } #pending-tab td:before { font-weight: bold; left: 6px; padding-right: 10px; position: absolute; top:6px; text-align: left; white-space: nowrap; width: 45%; } #pending-tab td:before { content: attr(data-title); } } @media (min-width: 768px) { } @media (min-width: 768px) and (max-width: 991px) { #pending-tab table, #pending-tab thead, #pending-tab tbody, #pending-tab th, #pending-tab td, #pending-tab tr { display: block; } #pending-tab thead tr { left: -9999px; position: absolute; top: -9999px; } #pending-tab tr { border-bottom: 1px solid #CCC; } #pending-tab td { border: none; border-bottom: 1px solid #EEE;min-height:37px; padding-bottom: 3%; padding-left: 50%; position: relative; text-align: left; white-space: normal; } #pending-tab td:before { font-weight: bold; left: 6px; padding-right: 10px; position: absolute; top:6px; text-align: left; white-space: nowrap; width: 45%; } #pending-tab td:before { content: attr(data-title); } } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 1200px) { } @media (min-height: 200px) { .tablewrapper { margin-top: 20px; } .tablewrapper.container td { height: 100px; text-align: center; } } .bordered { border: 1px solid #ddd; } .item-text { min-height: 20px; } .avatar-image { min-height: 200px; min-width: 200px; } .icon { padding-top: 10px; padding-bottom: 10px; padding-right: 10px; } .item-div { margin: 10px 10px 10px 10px; } #reportExcel{ display: none; } #areas_container{ padding : 4px; margin-bottom: 3px; } #list_areas > ul > li{ list-style : none; } .award_container{ background: #FFFFFF; } .applicated{ filter: gray; /* IE6-9 */ filter: grayscale(1); /* Firefox 35+ */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ } .noclickable{ pointer-events : none; } .bg-label-danger{ padding: 3.5%; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: normal; border-radius: 5px; background-color: #d9534f; } .bg-label-warning{ padding: 3.5%; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: normal; vertical-align: baseline; border-radius: 5px; background-color: #f0ad4e; } .bg-label-info{ padding: 3.5%; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: normal; border-radius: 5px; background-color: #5bc0de; } #full_iframe{ height: 600px; margin-left: 5%; width: 90%; } #full_iframe> .modal-dialog{ width: 100% !important; } .icon-vimeo{ background: url('../images/vimeo.png'); background-repeat:no-repeat; display:inline-block; height: 16px; vertical-align:text-bottom; width: 16px; } a.openContentButton.btn.btn-success{ margin-top: 5%; } #badgesContainer{ margin-top:3%; padding: 0; } #badgesContainer>ul>li.active{ border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; font-weight: bold; /* background: #D21044; */ } #badgesContainer>ul>li.active>a{ color: #FFFFFF; width: 100%; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; text-align: center; } #badgesContainer>ul>li.active>a{ color: #FFFFFF; width: 100%; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; text-align: center; background-color: transparent; } #seeAllBadges{ margin-bottom: 5%; } #badgesContainer>ul>li{ border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; font-weight: bold; background: #999999; } #message_body{ padding: 15px; text-align: justify; } #badgesContainer>ul>li>a{ color: #FFFFFF; width: 100%; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; text-align: center; } #badgesContainer>ul>li>a{ color: #FFFFFF; width: 100%; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; text-align: center; background-color: transparent; } .badge-actions{ width: 45%; text-align: center; } .allbadge-actions{ width: 45%; text-align: center; } .not_earned{ filter: grayscale(100%); -webkit-filter: grayscale(100%); } .already_nominated{ filter: grayscale(100%); -webkit-filter: grayscale(100%); } .badge_info{ width: 100%; text-align:center; } .label-btn{ display: flex; align-content: center; justify-content: center; width: 100%; text-align: center; background-color: rgb(2, 45, 141); border-radius: 4px; height: 38px; } .label-btn.disabled{ background-color: rgb(124, 124, 124); } .label-btn.details{ background-color: rgb(255, 0, 0); } .label-btn>a{ color: white; width: 100%; height: 40px; padding-top: 8px; } .whiteSpace{ height: 55px; } #title_award_badge>h2{ color: #FFFFFF; text-align: center; } /* Estilos para ajustar los submódulos con al etiqueta "submoduleStyle" */ .submoduleStyle .panel-heading{ background: #999999 !important; } .submoduleStyle { margin-left: 60px; border-color: #979595; } /** * This identifier will be show on course administration implementation **/ #enable_beta_alert{ position: absolute; top:0; left:0; width:100%; padding-left:5%; text-align:center; } /** /** This is for hide the notifications of change profile image and more on kme screens **/ #system-messages.alert-info{ visibility: hidden; } .col-md-1>.alert-info{ visibility: hidden; } .ui-tooltip{ background-color: #616161 !important; opacity: 1 !important; color: white !important; }