/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 24/05/2019, 08:13:09 Author : EGSM */ /*@import url(//db.onlinewebfonts.com/c/f80bfefb1798998a9f13904efc67d707?family=GeoSlab703+Md+BT);*/ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap'); *{margin: 0; padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} input[type=number] {-moz-appearance:textfield;} body{font-family: 'Roboto', sans-serif;min-width: 320px;} .txt_input:focus{background-color: #e0e0ff;} .txt_input:disabled{background-color: #DBDBDB;} #main{width:100%; display: table;min-width: 320px;} #container{width: 100%; padding: 20px;float: left;} #siderbar{width: 19%; min-height: 100vh; background-color: white;float: left;clear: both;border-bottom: 5px solid #093E8C; } #siderbar ul{list-style: none;width: 100%;} #siderbar ul li{width: 100%;display: block; margin: 1px 0;float: left;} #siderbar ul li a{width: 100%;cursor: pointer; padding: 10px 25px 10px ; color: white;text-decoration:none;background-color: #093E8C;float: left;} #siderbar ul li a:hover{background-color: #ffa946;} #siderbar ul ul {visibility: hidden;display: none;} #siderbar ul li:hover > ul {visibility: visible;display: table;} #siderbar ul ul li a{background-color: white;color: #666;} #siderbar:before {content: '';display: table;} #siderbar:after {content: '';display: table;clear: both;} #view-perfil{width: 100%;background-color: white;padding: 15px;} #view-perfil img{width: 120px;background-color: white;border: 6px solid #093E8C;margin-right: 25px;} .view-perfil-t01{font-size: 1.0em; color: #b2b2b2;} .view-perfil-t02{font-size: 1.2em; font-weight: bold;} .view-perfil-t03{font-size: 1.8em; font-weight: bold;color: #153791;} #box{width: 100%;background-color: white;padding: 25px;margin-bottom: 25px;clear: both;float: left;} #box-information{width: 100%;background-color: white;padding: 25px;} #box-information h1{font-size: 1.4em; color: #666;list-style: none;border-bottom: 2px solid #ccc; width: 100%;} #box-information table{width: 100%;margin: 25px 0;} /*min-height: 800px;*/ #view{width: 100%; background-color: none;float: right; margin-left: 1%;} #clear{clear: both;} #legenda{width: 100%;padding: 10px;background-color: #093E8C;color: white;} #eventos {width: 100%;display: table;} #eventos #preview{width: 25%; margin: 10px;display: table;float: left;} #eventos #preview img{width: 100%;float: left;} #eventos #preview span{width: 100%;padding: 10px;float: left;font-size: 1.2em;} #eventos a{text-decoration: none; list-style: none;color: white;cursor: pointer;} #eventos .color-1{background-color: #A54698;} #eventos .color-2{background-color: #01A992;} #eventos .color-3{background-color: #29156B;} #eventos .color-4{background-color: #E57618;} /*TABELA DETALHE*/ .detalhe-view td{padding: 5px;} .tb{width: 100%; border: 1px solid #093E8C;font-size: 0.8em;display: table;} .tb-legend{background-color: #093E8C; padding: 10px;text-align: center;text-transform: uppercase;font-weight: 500px;color: white;border-bottom: 1px solid white;} .tb-title{background-color: #093E8C; padding: 10px;text-align: center;text-transform: uppercase;font-weight: 500px;color: white;} .tb-title-02{background-color: #F58634; padding: 10px;text-align: center;text-transform: uppercase;font-weight: 500px;color: white;} .tb-cell-center{text-align: center; padding: 10px;text-transform: none;color: black;border-bottom: 1px solid #093E8C;} .tb-cell-left{text-align: left; padding: 10px;text-transform: none;font-weight: bold;color: black;border-bottom: 1px solid #093E8C;} .tb-cell-justify{ text-align: justify; padding: 10px;text-transform: none;font-weight: bold;color: black;border-bottom: 1px solid #093E8C;} .tb-cell-justify-top{ text-align: justify;vertical-align: top; padding: 10px;text-transform: none;color: black;border-bottom: 1px solid #093E8C;} .tb-cell-right{ text-align: right; padding: 10px;text-transform: none;font-weight: bold;color: black;border-bottom: 1px solid #093E8C;} .tb tr:hover{background-color: #ecf3ec;}/*#ffa946*/ .paginacao {text-align: left; padding: 10px;text-transform: none;font-weight: bold;color: black;border-bottom: 1px solid #093E8C;} .paginacao:hover {background-color: none;} .tb .link a{padding: 15px;color: black;cursor: pointer;} .tb .link a:hover{background-color: #E57618;} .tb td{padding: 15px;} #selected{background-color: #093E8C;color: white;} #formulario{width: 100%;padding: 25px;background-color: white;margin-bottom: 25px;clear: both;}/*border: 3px solid #093E8C;*/ #formulario span{display: table-cell;margin-right: 10px;float: left;width: 100%;} #formulario span strong{width: 20%;display: table-cell;} #formulario td{vertical-align: middle;margin: 0;padding: 0;font-weight: bold;padding: 5px;} .txt_input{width: 100%; border: 2px solid #2EACB8;padding: 6px;font-size: 1.2em;border-radius: 8px;} .txt_input:focus {outline: 0;} .bt_input{width: 150px;border: none; background-color: #093E8C;color: white;font-size: 1.0em; padding: 10px;cursor: pointer;margin: 5px;}/*#EC268F*/ .legenda-h1{font-size: 1.6em; width: 100%; border-bottom: 2px solid #ccc;} .title-01{font-size: 1.4em; width: 100%; border-bottom: 2px solid #ccc;color: #093E8C;padding: 10px;margin-bottom: 15px;} .Error{width: 100%;background-color: #FE8484;padding: 15px;margin-bottom: 25px;border: 1px solid brown ;color: #900000;padding-left: 45px;background-image: url(icon-error.png); background-position: 12px 12px;background-repeat: no-repeat;background-size: 25px;} .alert{width: 100%;background-color: #ff9900;padding: 15px;margin-bottom: 25px;border: 1px solid brown ;color: black;padding-left: 45px;background-image: url(icon-inf.png);background-position: 12px 12px;background-repeat: no-repeat;background-size: 25px;} .Confirm{width: 100%;background-color: #01A992;padding: 15px;margin-bottom: 25px;border: 1px solid #01A992;color: white;padding-left: 45px;background-image: url(icon-confirme.png); background-position: 12px 12px;background-repeat: no-repeat;background-size: 25px;} .Question{width: 100%;background-color: #FFFAA3;padding: 15px;margin-bottom: 25px;border: 1px solid #ffcc00 ;color: black;font-weight: bold;padding-left: 45px;background-image: url(icon-question.png); background-position: 12px 12px;background-repeat: no-repeat;background-size: 25px;} .Question a{text-decoration: none;color:black;} .Question a:hover{text-decoration: underline;} #search_list_student_list{overflow: auto; height: 170px;width: 100%;} #search_list_student_list a {list-style: none; text-decoration: none;width: 100%;color: #666;} #search_list_student_list a:hover {text-decoration: underline;} #messager-box-background{height: 100vh;width: 100%; background-color: rgba(0,0,0,0.7);overflow-x:hidden; position: fixed;top: 0;left: 0;z-index: 10000;box-sizing: border-box;} #messager-box{width: 600px; background-color: white;margin: 25vh auto;color: #666;font-weight: bold;box-sizing: border-box;} #messager-box-header{width: 100%;padding: 25px;border-bottom: 1px solid #ccc; background-color: white;text-transform: uppercase;} #messager-box-header .close{padding: 25px; font-size: 15px;text-align: center;float: right;top: -25px;right: -25px;position: relative;color: #777;} #messager-box-content{width: 100%;min-height: 150px; padding: 15px 25px; padding-bottom: 5px;} #messager-box-footer{width: 100%; padding: 25px;border-top: 1px solid #ccc;margin-bottom: 5px;} #messager-box-footer a{padding: 11px 45px;border-radius: 8px;text-decoration: none;color: white;clear: both;} #messager-box-footer a:hover{text-decoration: underline;} #messager-box-footer .color-1{background-color: #339900;border: 1px solid #777;} #messager-box-footer .color-2{background-color: #08c;border: 1px solid #777;} #messager-box-content .div-formulario{width:100%;border:none;min-height: 350px; background:white;box-sizing: border-box;} .link{list-style: none;text-decoration: none;color: #153791;} .link:hover{text-decoration: underline;} #box-matricula{width: 350px;display: inline-block;padding: 15px;float: left;margin: 5px;} #box-matricula span{display: block;} #box-matricula title{width:100%; display: block;font-weight: bold;text-align: center;} #widgets-box{width: 32%;height: 200px;background-color: none;display: inline-table;padding: 10px;border: 1px solid #ccc;margin: 5px;} #widgets-box .widgets-box-title{width: 4.5%;height: 100%;float:left;font-weight: bold;box-sizing: border-box;} #widgets-box .widgets-box-sub-title{width: 100%;padding: 5px;font-weight: bold;text-align: center;} #widgets-box .align-rigth{text-align: right;} #widgets-box .align-left{text-align: left;} #widgets-box .widgets-box-content{box-sizing: border-box;width: 94.5%;height: 100%;float: right;} #widgets-box .widgets-box-content ul{width: 100%;height: 120px;list-style: none;overflow-y: scroll;margin: 5px 0;} #widgets-box .widgets-box-content ul li span{width: 50%;float: left;padding: 3px;} #widgets-box .widgets-box-sub-total {width: 100%;padding: 5px;float: right;background-color: #ccc;font-weight: bold;} #widgets-box .widgets-box-sub-total span{width: 50%;float: left;padding: 3px;} #widgets-box .widgets-box-color-dark-blue {color: white;background-color: #093E8C;} #widgets-box .widgets-box-color-blue {color: white;background-color: #0071C1;} #widgets-box .widgets-box-color-dark-orange {color: white;background-color: #C76139;} #widgets-box .widgets-box-color-orange {color: white;background-color: #F58634;} #widgets-box .widgets-box-color-dark-green {color: white;background-color: #328149;} #widgets-box .widgets-box-color-green {color: white;background-color: #31B454;} #view-sala-virtual{width: 100%;float: left;background-color: none;} #view-sala-virtual ul{list-style: none;} #view-sala-virtual a{text-decoration: none; color: #093E8C;} #content-box-video{width: 70%;padding: 25px;margin-bottom: 15px;float: left;display: block;background-color: white;} #preview-video{width: 100%;height: 600px;background-color: #333333;background-image: url(icon-play.png);background-repeat: no-repeat;background-position: 50%;} #content-box-information{width: 29%;padding: 25px;margin-bottom: 15px;float: right;display: block;background-color: white;} #content-box-doccumento {width: 29%;padding: 25px;margin-bottom: 25px;float: right;background-color: white;} #content-box-doccumento .item{background-color: #fbf1e5;padding: 15px;border-left: 5px solid #ffa946;font-size: 0.9em;margin-bottom: 5px;} #content-aluno-online {width: 29%; padding: 25px;margin-bottom: 25px;float: right;background-color: white;} #content-box-comentarios{width: 100%;padding: 25px;float: left;display: block;background-color: white;} #content-chat-box{width: 100%;max-height: 200px;overflow-y: scroll;display: table;background-color: none;} #send-chat-box {width: 100%;margin-top: 15px;} #text-chat-box{width: 100%;margin: 10px 0;clear: both;margin-bottom: 15px;display: table;} #text-chat-box span{color: #9E9E9E;margin-bottom: 5px;display: block;} #text-chat-box img{width: 68px; height: 68px; display: table;} #text-chat-box .img-left {background-color: #8cacbb;margin-right: 10px; float: left; } #text-chat-box .img-right {background-color: #8cacbb;margin-left: 10px; float: right; } #text-chat-box .text-align-left{width: 90%;display: inline-block;line-height: 1.2em;border-top-right-radius: 25px; background-color: #fbf1e5;padding: 15px;padding-right: 50px;border-left: 5px solid #ffa946;float: left;} #text-chat-box .text-align-right{width: 90%;display: inline-block;line-height: 1.2em;border-top-left-radius: 25px; background-color: #fbf1e5;padding: 15px;padding-left: 50px; border-right: 5px solid #ffa946;float: right;text-align: right;} #view-sala-virtual .legenda-01{background-color: #fbf1e5;padding: 8px; margin: 5px 0;border-left: 5px solid #ffa946;} #view-sala-virtual .legenda-02{background-color: #fbf1e5;padding: 8px; margin: 5px 0;border-left: 5px solid #0000FF;} #view-sala-virtual .legenda-03{background-color: #fbf1e5;padding: 8px; margin: 5px 0;border-left: 5px solid #08c;} #view-sala-virtual .legenda-04{background-color: #fbf1e5;padding: 8px; margin: 5px 0;border-left: 5px solid #00ff00;} #view-sala-virtual .legenda-05{background-color: #fbf1e5;padding: 8px; margin: 5px 0;border-left: 5px solid #cc00cc;} .color-online{background-color: #ff9900;border-radius: 8px;} .color-trabalho{background-color: #00A859;border-radius: 8px;} .color-dever{background-color: #673EBD;border-radius: 8px;} .color-prova{background-color: #E4483D;border-radius: 8px;} .color-menu{background-color: #093E8C;border-radius: 8px;} .button-doc{width: 450px; display: block;text-transform: uppercase; background-color: #093E8C;color: white;text-decoration: none;border-radius: 5px; padding: 15px;margin: 10px 0; padding-left: 50px;background-image: url(icons/icon-menu-horizontal-doc-aluno-hover.png);background-size: 35px 35px;background-position: 5px; background-repeat: no-repeat;} .button-doc:hover{background-color: #E57618;} div#load_screen{background: #1f6dc7;position: fixed;z-index:100000;top: 0px;width: 100vW;height: 100vH;display: flex; align-items: center;justify-content: center; } div#load_screen > img#loading{width:200px;background-size: contain;} @media only screen and (max-width:1024px){ #widgets-box{width: 100%;height: 150px;display: table;padding: 10px;font-family: 'Roboto', sans-serif;border: 1px solid #ccc;margin: 5px;} #view-sala-virtual #content-box-information{width: 300px;float: right;padding: 15px;} #view-sala-virtual #content-box-doccumento{width: 300px;float: right;padding: 15px;} .title-01 {font-size: 1.0em;margin-bottom: 15px;} #view-sala-virtual #preview-video{width: 100%;height: 250px;float: left;margin-bottom: 25px;} #view-sala-virtual #content-box-video{width: 675px;float: left;padding: 15px;} #view-sala-virtual #content-doccumento{width: 300px;float: right;padding: 15px;background-color: red;} #view-sala-virtual #content-aluno-online{width: 300px; float: right;padding: 15px;} #content-box-comentarios{width: 100%;float: left;padding: 3px;} #content-box-doccumento{width: 300px;float: right;} .color-1{font-size: 0.6em;} .color-2{font-size: 0.6em;} .color-3{font-size: 0.6em;} #text-chat-box .text-align-left{width: 85%;padding: 12px;font-size: 0.7em;border-top-right-radius: 10px;} #text-chat-box .text-align-right{width: 85%;padding: 12px;font-size: 0.7em;border-top-left-radius: 10px;} #text-chat-box .img-left {margin-right: 5px; float: left;width: 32px;height: 32px; } #text-chat-box .img-right {margin-left: 5px; float: right;width: 32px;height: 32px; } } @media only screen and (max-width: 1023px) { #messager-box-background{width: 100%;padding: 10px;} #messager-box{width: 100%; padding: 10px;padding-top: 0px;margin: 0;} #messager-box-header{padding: 15px;} #messager-box-content{padding: 5px;margin: 0;} #messager-box-footer{padding: 15px;} #messager-box-footer .close{padding: 5px;} #messager-box .detalhe-view{padding: 0;margin: 0;} #view-sala-virtual #content-box-information{width: 100%;float: left;} #view-sala-virtual #preview-video{width: 100%;height: 250px;float: left;margin-bottom: 25px;} #view-sala-virtual #content-box-video{width: 100%;float: left;} #view-sala-virtual #content-doccumento{width: 100%;float: left;} #view-sala-virtual #content-aluno-online{width: 100%; float: left;} #content-box-comentarios{width: 100%;float: left;padding: 3px;} #content-box-doccumento{width: 100%;float: left;} .color-1{font-size: 0.6em;} .color-2{font-size: 0.6em;} .color-3{font-size: 0.6em;} #text-chat-box .text-align-left{width: 85%;padding: 12px;font-size: 0.7em;border-top-right-radius: 10px;} #text-chat-box .text-align-right{width: 85%;padding: 12px;font-size: 0.7em;border-top-left-radius: 10px;} #text-chat-box .img-left {margin-right: 5px; float: left;width: 32px;height: 32px; } #text-chat-box .img-right {margin-left: 5px; float: right;width: 32px;height: 32px; } } @media only screen and (max-width: 424px) { .title-01 {font-size: 0.8em;margin-bottom: 15px;} #view-sala-virtual .legenda-01{font-size: 0.7em;padding: 10px;} #view-sala-virtual .legenda-02{font-size: 0.7em;padding: 10px;} #view-sala-virtual .legenda-03{font-size: 0.7em;padding: 10px;} #view-sala-virtual .legenda-04{font-size: 0.7em;padding: 10px;} #view-sala-virtual .legenda-05{font-size: 0.7em;padding: 10px;} #content-box-information{padding: 15px;padding-top: 5px;} #content-box-video{padding: 15px;padding-top: 5px;} #text-chat-box .text-align-right{width: 84%;} #text-chat-box .text-align-left{width: 84%;} #box-document .item{font-size: 0.6em;} #box-document .upload-button{font-size: 0.6em;} } @media print { div {visibility:hidden; } .print { visibility: visible; } }