@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400,600,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

/*
 * Navbar
 */

 .navbar{padding-top: 1rem !important;}
 .navbar-font{font-size: .65em !important;font-family: 'Poppins',sans-serif !important;font-weight: 600 !important;line-height: 14px !important;}
 .nav-link {color: #999999 !important;}
 a, a:hover, a:focus, .btn, btn:hover, button, button:hover { text-decoration: none; color: #343434;}
 .dropdown-menu li {line-height: 20px !important;}
 .dropdown-menu .dropdown-item{font-size: .65em !important;font-family: 'Poppins',sans-serif !important;font-weight: 400 !important;color: #000000 !important;padding: .30rem 1rem .20em !important;}
 .dropdown-menu .dropdown-item:active{background-color: #999999 !important;color: #ffffff !important;}

/*
 * Tooltip
 */
.tipsy{font-size: 12px;font-family: 'Open Sans',sans-serif;position: absolute;padding: 5px;z-index: 100000}
.tipsy-inner{background-color: #000;color: #FFF;max-width: 300px;padding: 5px 8px 4px 8px;text-align: center}
.tipsy-inner{border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px}
.tipsy-arrow{position: absolute;width: 0;height: 0;line-height: 0;border: 5px dashed #000}
.tipsy-arrow-n{border-bottom-color: #000}
.tipsy-arrow-s{border-top-color: #000}
.tipsy-arrow-e{border-left-color: #000}
.tipsy-arrow-w{border-right-color: #000}
.tipsy-n .tipsy-arrow{top: 0px;left: 50%;margin-left: -5px;border-bottom-style: solid;border-top: none;border-left-color: transparent;border-right-color: transparent}
.tipsy-nw .tipsy-arrow{top: 0;left: 10px;border-bottom-style: solid;border-top: none;border-left-color: transparent;border-right-color: transparent}
.tipsy-ne .tipsy-arrow{top: 0;right: 10px;border-bottom-style: solid;border-top: none;border-left-color: transparent;border-right-color: transparent}
.tipsy-s .tipsy-arrow{bottom: 0;left: 50%;margin-left: -5px;border-top-style: solid;border-bottom: none;border-left-color: transparent;border-right-color: transparent}
.tipsy-sw .tipsy-arrow{bottom: 0;left: 10px;border-top-style: solid;border-bottom: none;border-left-color: transparent;border-right-color: transparent}
.tipsy-se .tipsy-arrow{bottom: 0;right: 10px;border-top-style: solid;border-bottom: none;border-left-color: transparent;border-right-color: transparent}
.tipsy-e .tipsy-arrow{right: 0;top: 50%;margin-top: -5px;border-left-style: solid;border-right: none;border-top-color: transparent;border-bottom-color: transparent}
.tipsy-w .tipsy-arrow{left: 0;top: 50%;margin-top: -5px;border-right-style: solid;border-left: none;border-top-color: transparent;border-bottom-color: transparent}

/*
 * Tooltip
 */
.shutter-out-vertical{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;background: #e1e1e1;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s}
.shutter-out-vertical:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #c4d0d4;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out}
.shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active{color: white}
.shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before{-webkit-transform: scaleY(1);transform: scaleY(1)}
.rotate{transform: rotate(0deg);transition: .3s}
.rotate2{transform: rotate(180deg);transition: .3s}*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}html{background: #fff}body{overflow-x: hidden;overflow-y: hidden!important;//background: #1A2B57;background: #BA1F27;color: #202124;margin: 0;padding: 0;font-family: 'Montserrat',Helvetica,Arial,sans-serif;height: 100%;width: 100%;display: block}html,body{height: 100%;min-height: 100%}input{outline: none}#capsWarning{font-family: 'PT Sans',sans-serif;font-size: 11px;font-weight: 400;background-color: #BA1F27;color: #ffffff;float: right;text-transform: uppercase;border-radius: 3px;padding: 4px 6px 3px 6px;margin-top: 6px;display: none}#capsWarning i{font-size: 13px;font-weight: 400;color: #ffffff;margin-right: 6px}button{border: 0;outline: none}#tools{position: fixed !important;bottom: 0px !important;left: auto !important;height: 30px !important;width: auto !important;background-color: #5ba0d0;padding: 5px 12px 5px 12px;border-radius: 4px 4px 0 0 !important;z-index: 999}#tools .top{color: #333333;background: #ffffff;border-radius: 50%;padding: 1px 3px 1px 3px;font-size: 16px;display: none;float: left;margin-left: 40px;margin-top: 2px}#tools .help{color: #ffffff;border-radius: 5px;font-size: 13px;font-family: 'PT Sans',sans-serif;font-weight: 700;float: left;line-height: 23px}#mail{position: fixed!important;bottom: -320px;left: auto;width: 350px;height: 320px;background-color: #ffffff;padding: 0;border-radius: 4px 4px 0 0;box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);z-index: 20;overflow: hidden}#mail .mail-title{width: 100%;background-color: #5ba0d0;color: #ffffff;font-size: 15px;font-family: 'PT Sans',sans-serif;font-weight: 400;line-height: 23px;padding: 6px}#mail .mail-title a{color: #ffffff}#mail .mail-title .mail-close{float: right}#mail .mail-form{margin: 10px}#mail .mail-form label{display: block;font-size: 13px;color: #999999}#mail .mail-form input{width: 100%;padding: 6px;border: 0;border-bottom: solid 1px #cccccc}#mail .mail-form textarea{width: 100%;border: solid 1px #cccccc;border-radius: 3px;height: 75px;margin-top: 6px;resize: none;outline: none!important}#mail .mail-form input:focus{border: 0;border-bottom: solid 1px #5ba0d0!important}#mail .mail-form textarea:focus{border: solid 1px #5ba0d0!important}#mail .mail-form button{width: 100%;padding: 6px;border: 0;border-radius: 3px;background-color: #5ba0d0;text-transform: uppercase;font-family: 'PT Sans',sans-serif;color: #ffffff}


.informe{
	padding:10px;
	background-color:#ffffff;
	font-size: 12px;
	border: solid 2px rgba(0,0,0,0.1);
	border-radius: 3px;
	margin-bottom:20px;
}

.informe .title{
	display:block;
	margin-bottom:6px;
	font-weight:600;
}

/*
 * Tabela
 */

.dataTable{
    width: 100%;
	border-bottom: 1px solid #f3f3f3;
	-webkit-box-sizing: content-box;
    box-sizing: content-box;
	margin: 0 auto;
    padding: 0;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
	font-family: 'Open Sans',sans-serif;
}

.dataTable thead;.dataTable tbody{
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

.dataTable thead tr{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.dataTable thead .sorting{
	font-weight: normal;
    font-size: 11px;
    background: #f5f5f5;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #ebebeb;
	background-repeat: no-repeat;
    background-position: center right;
	text-align: left!important;
}

.dataTable.stripe tbody tr.odd, .dataTable.display tbody tr.odd {
    background-color: #f9f9f9;
}

.dataTable tbody tr {
    background-color: #ffffff;
    font-size: 13px;
    cursor: pointer;
}

.dataTable th, .dataTable td{
    text-align: left!important;
    padding: 8px 10px;
	outline: none;
}

.dataTable tbody tr:nth-child(even) {
  background-color: #fafafa;
}

.dataTable tbody tr:hover{
    background: #f2f2f2;
}

.dataTable tbody tr:first-child td {
    border-top: none;
}

.dataTable tbody tr td i {
    font-size: 15px;
}


/*
 * Conversores e Ajustes
 */

.fl{float: left}
.fr{float: right}
.fn{float: none}
.bd{font-weight: 700}
.tal{text-align: left}
.tar{text-align: right}
.tac{text-align: center !important;}
.taj{text-align: justify}
.cbt{color: #5ba0d0!important}
.bbt{color: #000000!important}
.gbt{color: #363638!important}
.rbt{color: #5ba0d0!important}
.nbt{color: #5fba7d!important}
.fbt{color: #ff0000!important}
.cbk{background-color: #5ba0d0!important}
.bbk{background-color: #000000!important}
.gbk{background-color: #363638!important}
.rbk{background-color: #5ba0d0!important}
.nbk{background-color: #5fba7d!important;color: #ffffff!important;}
.sbk{background-color: #f9f9f9!important;color: #555555!important;}
.fmn{font-size: 12px!important}
.fmd{font-size: 18px!important}
.flg{font-size: 22px!important}
.non{width: 0;height: 0}a, a:hover, a:focus, .btn, btn:hover, button, button:hover{text-decoration: none;color: #343434}ul{list-style: none outside none;margin-bottom: 0;margin-top: 0;padding: 0}p{margin: 0;padding: 0}img{display: block}div{content: " "}
.space{content: ".";display: block;clear: both;visibility: hidden;height: 8px;overflow: hidden}
.disable-select{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.fixed{position: fixed;top: 0px;border-bottom: 0;box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);z-index: 999}#form-reg{display: inline-block;width: 100%}
.aft:after{content: ".";display: block;clear: both;visibility: hidden;height: 0;overflow: hidden}
.bef:before{content: ".";display: block;clear: both;visibility: hidden;height: 0;overflow: hidden}
.disabled{pointer-events: none;opacity: 0.5;background: #CCC}
.btl{-webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-left-radius: 5px}
.btr{-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;border-top-right-radius: 5px}
.z:nth-child(odd){background-color:#fafafa;}
.all-button{background:#efefef;color:#333;padding:6px 12px;font-family:'Montserrat',Helvetica,Arial,sans-serif;font-size:13px;font-weight:600;border-radius:50px;cursor:pointer;}
.all-button:hover{background:#333;color:#efefef;}
.all-button.all-button-right{border:0;float:right;margin-top:10px;}
.all-button.all-button-left{border:0;float:left;margin-top:10px;}
.fancybox-overlay{background-color:rgb(255,255,255,0.95)!important;background-image:none!important;}
.fancybox-overlay .fancybox-wrap{overflow:hidden!important;border-radius:10px;}
.disable-select{
	user-select: none; /* supported by Chrome and Opera */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
}
.fade {
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}

/*
 * Alertas
 */
.e_box{padding:15px;background-color:#fff;border:solid 3px #f5f5f5;border-radius:0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 1em !important;}
.e_icon{font-size:55px;color:#999999;text-align:center;}
.e_title{font-size:25px;font-family:'Open Sans Condensed',sans-serif;font-weight:600;color:#BA1F27;text-transform:uppercase;text-align:center;}
.e_message{font-size: 13px;margin-top: 15px}
.e_form{margin:0;}
.e_course{background-color:#ffffff;padding:15px;border:solid 1px #efefef;border-radius:6px;margin:10px 0 0 0;cursor:pointer;font-family:'Montserrat',sans-serif;text-align:left;width:100%;}
.e_course:hover{background-color:#efefef;}
.e_course .e_course_t{font-size:14px;font-weight:600;}
.e_course .e_course_m{font-size:12px;}
.e_course .e_course_d{font-size:.8em;display:block;font-weight:400;}

/*
 * Scrollbar
 */
.scc {overflow-y: scroll;}
.scc::-webkit-scrollbar{background-color: rgba(0,0,0,0.01);width: 7px}
.scc::-webkit-scrollbar-track-piece{background-color: rgba(0,0,0,0.05);border-left: 0;}
.scc::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background-color: rgba(0,0,0,.2);border-radius: 10px;}
.scc::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{background-color: rgba(0,0,0,.4)}

/*
 * Topo
 */
.page .header{max-height: 65px;min-height: 65px;// min-height: inherit;position: relative;z-index: 5; background-color: #fefefe !important; box-shadow: 0 5px 8px -2px #999999 !important;}
.page .header .header-left{float: left;display: flex}
.page .header .header-left .main-control{width: 53px;line-height: 65px;text-align: center;font-size: 21px}
.page .header .header-left .main-control .icon{width:38px;height:38px;margin:14px auto 0 auto;font-size:21px;cursor:pointer;border-radius:50px;background: rgba(255,255,255,0.5)}
.page .header .header-left .main-control .icon:hover{background:#333;color:#fff;}
.page .header .header-left .main-control .icon i{line-height:38px;}
.page .header .header-left li .logo{height: 55px;margin: 5px 0 0 10px}
.page .header .header-center{margin: 0 0 0 60px;float: left;display: flex;-webkit-text-shadow: 2px 2px rgba(0,0,0,.4);}
.page .header .header-center li{font-size: 21px;font-weight: 700;color: rgb(251, 252, 253);line-height: 65px;text-transform: uppercase}
.page .header .header-right{background-color: #fff;float: right;display: flex;padding: 14px 12px 13px 0;}
.page .header .header-right .id{font-size: 15px;font-weight: 600;color: #ffffff;line-height:38px;}
.page .header .header-right .user-more{width:38px;height:38px;margin:0 0 0 10px;cursor: pointer;font-size: 21px;text-align: center;color: #202124;border-radius: 50px;background-color:rgba(0, 0, 0, 0.05); padding:.35em;}
.page .header .header-right .user-more:hover{background: #333;color: #fff}
.page .header .header-right .user-more i{line-height:38px}
.page .header .header-right .cs{font-size: 12px;font-weight: 400;color: #ffffff;}


/*
 * Bubble
 */

.bubble{
	display:none;
	position: absolute;
    min-width: 200px;
    min-height: 100px;
    padding: 6px;
    background: #ffffff;
    border: #efefef solid 1px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 3px;
    right: 60px;
    top: 0;
}

.bubble:after{
	content: "";
    position: absolute;
    top: 11px;
    right: -6px;
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: #ffffff transparent;
    display: block;
    width: 0;
    z-index: 1;
    transform: rotate(225deg);
}

.bubble:before {
	content: "";
    position: absolute;
    top: 11px;
    right: -8px;
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: #efefef transparent;
    display: block;
    width: 0;
    z-index: 0;
    transform: rotate(225deg);
}


.bubble ul{text-align:left;padding:10px;}
.bubble ul .title{font-weight:600;font-size:15px;margin-bottom:10px;}
.bubble ul .item{background-color:#ffffff;font-weight:300;font-size:12px;padding:5px;border:solid 1px #efefef;cursor:pointer;font-family:'Montserrat',sans-serif;text-align:left;width:100%;}
.bubble ul .item:hover{background-color:#efefef;}
.bubble ul .item:last-child{margin-bottom:10px;}


dl, ol, ul {margin-bottom: 0rem !important;}
ol, ul {padding-left: 0rem !important;}

/*
 * Topo
 */
.page .content{height: 100%;width: 100%;display: flex;position: relative}
.page .content .left{width: 55px;overflow: hidden;background: #fff}
.page .content .left.active{width: 225px}
.page .content .left ul{position:relative;display:table;padding-top:5px;padding-bottom:7px;min-height:100%}
.page .content .left ul li{margin: 5px 9px 0 9px;padding: 0;font-size: 15px;cursor: pointer;display: flex}
.page .content .left ul li:hover{background: #efefef;color: #333;border-radius: 50px}
.page .content .left ul li.active{background: #efefef;color: #333;border-radius:50px}
.page .content .left ul li .icon{width: 32px;height: 32px;line-height: 26px;text-align: center;float: left}
.page .content .left ul li .icon i{line-height: 31px}
.page .content .left ul li span{line-height: 31px;float: left;font-weight: 600}
.page .content .center{width: inherit;background-color:#efefef;}
.page .content .center .wrap{margin: 0;padding: 0;min-height: 100%}
.page .content .center .wrap .wrap-footer{display:none!important;text-align: center;padding: 10px;font-size: 13px;font-weight: 400;bottom:0;position:absolute;width:100%;}
.page .content .right{width: 60px;background: rgb(255, 255, 255);z-index:5;}
.page .content .right .right-icon{width: 38px;height: 38px;position: relative;margin: 10px auto 20px;font-size: 21px;text-align: center;cursor: pointer;border-radius: 50px;background-color: rgba(0, 0, 0, 0.05);padding: .35em;}
.page .content .right .right-icon:hover{background: #333;color: #fff}
.page .content .right .right-icon i{line-height:39px;}
.page .content .right-user{position:absolute;top:0;right:-250px;width:250px;height:100%;background:#fff;padding-left: 10px;box-shadow:-5px 0 5px -5px #ccc;z-index:10;list-style:none;text-align:center;}
.page .content .right-user div .avatar{width:100px;height:100px;position:relative;cursor:pointer;overflow:hidden;border-radius:50%;margin:15px auto 15px auto;border:solid 8px #efefef;background-image:url('https://www.infovirtus.com.br/dev/p/i/i/icone-aluno.png');background-repeat:no-repeat;background-size:cover;}
.page .content .right-user div .avatar .avatar-change{display:none;width:84px;height:84px;position:absolute;background-color:rgba(0,0,0,0.6);line-height:84px;color:#ffffff;font-size:11px;}
.page .content .right-user .right-user-data{padding:10px;text-align:left;}
.page .content .right-user .right-user-data li{display:block;font-size:13px;color:#333333;margin:0 0 10px 0;}
.page .content .right-user .right-user-data li span{display:block;font-size:11px;color:#cccccc;}

.page-data{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 10px}
.page-data-disciplines {display: grid;grid-gap: 10px}
.page-data-full{background-color: #fafafa;border-radius: 0;border: 0;display: table;width: 100%;height: 100%;grid-template-columns: repeat(2, 1fr);grid-gap: 10px}

.grid-col{padding: 10px;margin: 0;background-color: #ffffff;border-radius: 5px;border: solid 4px rgba(0,0,0,0.1);min-height: 156px}
.grid-col-control{padding: 10px;margin: 0;background-color: #ffffff;border-radius: 5px;min-height: 156px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.grid-col-clean{padding: 10px;margin: 0 0 10px 0;background-color: #ffffff;border-radius: 5px;border: solid 4px rgba(0,0,0,0.1);min-height: 156px}
.grid-col .grid-cel-titles{font-size: 19px;font-weight: 600;font-family:'Montserrat';}
.grid-col .grid-cel-history{font-size: 13px;display: table;width: 100%;margin: 0}//.grid-col .grid-cel-history > :first-child{margin-right: 2%}//.grid-col .grid-cel-history > :last-child{margin-left: 2%}
.grid-col .grid-cel-history #playthis{padding: 0;margin: 0 0 10px 0;display: flex;color: #777;font-weight: 500;border-radius: 5px;position: relative;overflow: hidden}
.grid-col .grid-cel-history #playthis:hover{color: #999}
.grid-col .grid-cel-history #playthis ul{padding-left:2rem !important;padding: .8em 0;background-color: #efefef;
    font-size: 1.2em;
    font-family: 'Montserrat';
    color: #000000;
    font-weight: 600;}
.grid-col .grid-cel-history #playthis ul:hover{background-color: #cccccc;}
.grid-col .grid-cel-history .playthis-box{background-color: #0000000a;}
.grid-col .grid-cel-history .playthis-box:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.grid-col .grid-cel-history .playthis-message{margin-top: 12px}
.grid-col .grid-cel-history .playthis-title{text-align:left;font-size:17px;margin:0;padding:0;color:#fff;text-shadow:0 0 3px #000;line-height:29px;}
.grid-col .grid-cel-history .playthis-title i{float: right}
.grid-col .grid-cel-history .playthis-lesson{text-align:left;margin:0;padding:.7em;font-family:'Open Sans',Helvetica, Arial;font-size:1.2em;font-weight:600;}
.grid-col .grid-cel-history .playthis-tool{text-align:center;margin:0;padding:.7em;}
.grid-col .grid-cel-history .playthis-tool .playthis-bar{width:200px;height:14px;background-color:#ececec;margin:11px auto 0 auto;border-radius:50px;border:solid 1px #ffffff;overflow:hidden;}
.grid-col .grid-cel-history .playthis-tool .playthis-bar{-moz-box-shadow:    inset 0 0 5px #999;-webkit-box-shadow: inset 0 0 5px #999;box-shadow:         inset 0 0 5px #999;}
.grid-col .grid-cel-history .playthis-tool .playthis-bar div{width:0;height:100%;

background-image: linear-gradient(0deg, rgba(54,129,45,1) 0%, rgba(179,245,123,1) 100%);
}
.grid-col .grid-cel-history .playthis-tags{text-align:right;margin:0;padding:.7em;}
.grid-col .grid-cel-history .playthis-tags i{background: rgba(0,0,0,.2);color:#ffffff;border:solid 1px #fff;font-size:12px;width:27px;height:27px;line-height:26px;border-radius:50px;margin-top:3px;margin-left:6px;padding:0;text-align:center;}
.grid-col .grid-cel-history .playthis-tags i:hover{background: #393e46;color:#fff;border:solid 1px #fff;}
.grid-col .grid-cel-history .playthis-tags div i{margin:5px 10px 0 12px;}
.grid-col .grid-cel-history .playthis-background{display: block;width: 100%;height: 100%;position: absolute;z-index: 0;margin: 0;top: 0;opacity: 0.5}
.grid-col .grid-cel-history .playthis-background{transition: opacity 1s ease}
.grid-col .grid-cel-history #playthis:hover .playthis-background{opacity: 1}
.grid-col .grid-cel-disabled{text-align: center;font-weight: 700;color: #fff;line-height: 130px}
.grid-col .grid-cel-disabled span{padding: 10px;border-radius: 5px;background: #BA1F27}

.content .page-data-full .grid-top{display:flex;padding:10px;}
.content .page-data-full .grid-top .grid-main{width:100%;padding:0;margin:0;border-bottom: solid 1px #efefef;}
.content .page-data-full .grid-top .grid-main li{width:auto;float:left;padding:12px 12px;font-family:'Open Sans',sans-serif;font-size:15px;font-weight:600;cursor:pointer;color:#ccc;position:relative;border-bottom: solid 3px #efefef}
.content .page-data-full .grid-top .grid-main li:hover{background-color:#efefef;color:#999;border-bottom:solid 3px #CCCCCC;}
.content .page-data-full .grid-top .grid-main li.active{border-bottom:solid 3px #999;color:#999;overflow:hidden;}
.content .page-data-full .grid-title-full span {font-size:.7em;color:#999999;}
.content .page-data-full .grid-title-full{font-family: 'Montserrat',sans-serif;font-size: 21px;font-weight: 400;margin-top: 10px;margin-left: 10px;margin-bottom: 20px;color: #333333;}
.content .page-data-lessons .grid-title-full {font-family: 'Open Sans Condensed',sans-serif;font-size: 29px;font-weight: 600;margin-top: 10px;margin-left: 10px;margin-bottom: 20px;color: #c0c0c0}
.content .page-data-full .grid-title-full i{color: #555555;font-size: 24px}
.content .page-data-full .grid-center{display:table;padding:10px;width:100%;}
.content .page-data-full .grid-center .grid-title{font-family: 'Open Sans Condensed',sans-serif;font-size: 29px;font-weight: 600;margin-bottom: 20px;color: #c0c0c0}
.content .page-data-full .grid-center .grid-title i{color: #555555;font-size: 24px}
.content .page-data-full .grid-left{float: left;width: 20%;height: 100%;min-height: 100%;border-right: solid 2px #fafafa}
.content .page-data-full .grid-left .grid-main{width: 100%;padding: 6px}
.content .page-data-full .grid-left .grid-main li{width: 100%;padding: 5px 0 7px 12px;margin-bottom: 6px;font-family: 'Open Sans',sans-serif;font-size: 15px;font-weight: 600;cursor: pointer;color: #999999;position: relative}
.content .page-data-full .grid-left .grid-main li:hover{color: #333333}
.content .page-data-full .grid-left .grid-main li.active{background-color: #333;color: #fff;overflow: hidden;border-radius: 50px}//.content .page-data-full .grid-left .grid-main li.active:after{content: "";position: absolute;height: 0;width: 0;right: -20px;top: 0;border: 20px solid #F2F2F2;border-left: 20px solid #ffffff}
.content .page-data-full .grid-right{float: left;width: 80%;height: 100%;min-height: 100%;padding: 10px}
.content .page-data-full .grid-right .grid-title{font-family: 'Open Sans Condensed',sans-serif;font-size: 29px;font-weight: 600;margin-bottom: 20px;color: #c0c0c0}
.content .page-data-full .grid-right .grid-title i{color: #555555;font-size: 24px}
.content .page-data-full .grid-left-midia{float: left;width: auto; max-width:960px;height: 100%;min-height: 100%;padding: 10px}
.content .page-data-full .grid-right-midia{float: right;width: auto;height: 100%;min-height: 100%;border-right: solid 2px #fafafa;margin-right:10px;}
.content .page-data-full .grid-right-midia .midia-list{width:100%;margin-top:10px;padding:10px;display:table;border:solid 3px #efefef;border-radius:5px;background-color:#fff!important;cursor:pointer;}
.content .page-data-full .grid-right-midia .midia-list:hover{border-color:#ccc;}
.content .page-data-full .grid-right-midia .midia-list li{}
.content .page-data-full .grid-right-midia .midia-list .midia-list-imagem{width:196px;float:left;}
.content .page-data-full .grid-right-midia .midia-list .midia-list-imagem img{width:100%;}
.content .page-data-full .grid-right-midia .midia-list .midia-list-data{width:auto;min-width:110px;float:left;padding-left:10px;}
.content .page-data-full .grid-right-midia .midia-list .midia-list-data .title{font-size:13px;font-weight:600;}
.content .page-data-full .grid-right-midia .midia-list .midia-list-data .data{font-size:11px;font-weight:300;margin-top:12px;}
.content .page-data-full .grid-right-midia .midia-list .midia-list-data .data div{font-weight:600;}

.page-data-full .grid-col .grid-left-midia{float:left;width:68%;height:100%;min-height:100%;}
.page-data-full .grid-col .grid-left-midia .midia-player{width:100%;height:525px;background-color: #000!important;position:relative;}
.page-data-full .grid-col .grid-left-midia .midia-player .jwplayer{width:100%!important;position:absolute;}
.page-data-full .grid-col .grid-left-midia .midia-title{display:table;width:100%;font-size:19px;font-weight:700;font-family:'Montserrat',Helvetica,Arial,sans-serif;padding-top:10px;}
.page-data-full .grid-col .grid-left-midia .midia-title .midia-data-book{float:right;font-size:15px;font-weight:600;color:#fff;background-color:#333;border-radius:50px;padding:3px 15px;cursor:pointer;text-transform:uppercase;}
.page-data-full .grid-col .grid-left-midia .midia-title .midia-data-book i{margin:0 12px 0 0;}
.page-data-full .grid-col .grid-left-midia .midia-data{display:table;width:100%;font-size:13px;font-weight:300;font-family:'Open Sans',sans-serif;padding-top:10px;}
.page-data-full .grid-col .grid-left-midia .midia-data .midia-data-teacher{float:left;}
.page-data-full .grid-col .grid-left-midia .midia-data #midia-data-total{float:right;}
.page-data-full .grid-col .grid-right-midia{float:right;width:30%;height:100%;min-height:100%;border-right:solid 2px #fafafa;margin:0 0 0 auto;overflow:auto;}
.page-data-full .grid-col .grid-right-midia .midia-comments{display:table;width:100%;font-size:13px;font-weight:300;font-family:'Open Sans',sans-serif;padding:10px 10px 0 0;}
.page-data-full .grid-col .grid-right-midia .midia-comments li{width:100%;}
.page-data-full .grid-col .grid-right-midia .midia-comments li textarea{width:100%;outline:none;border-radius:5px;height:150px;}

.grid-tutor{display: table;width: 100%;font-size: 13px;cursor: pointer}
.grid-tutor li{display: table;width: 100%;padding: 5px;border-bottom: solid 1px #efefef}
.grid-tutor li:hover{background-color: #efefef}
.grid-tutor li .l{float: left;width: 10%}
.grid-tutor li .c{float: left;width: 75%;font-size: 15px;font-weight: 600}
.grid-tutor li .c p{padding: 0;margin: 0;font-size: 13px;font-weight: 300}
.grid-tutor li .r{float: right;width: 15%;text-align: right}
.grid-tutor li .r p{padding: 0;margin: 0}

.grid-ticket{display:table;width:100%;font-size:13px;}
.grid-ticket li{display:table;width:100%;padding:0;}
.grid-ticket li .t{display:flex;width:100%;margin-bottom:15px;padding:6px;border-top:solid 1px #efefef;border-bottom:solid 1px #efefef;background-color:#fafafa;}
.grid-ticket li .t .l{float: left;width: 50%}
.grid-ticket li .t .l .u{font-size:15px;font-weight:600;color:#555555;}
.grid-ticket li .t .l .s{font-size:12px;}
.grid-ticket li .t .l .s span{font-weight:600;}
.grid-ticket li .t .r{font-size:12px;float: right;width: 50%}
.grid-ticket li .c{float:left;width:100%;font-size:15px;}
.grid-ticket li .c .s span{font-size:15px;font-weight:600}
.grid-ticket li .c .m{padding:0;margin:10px 0;font-size:15px;font-weight:300}v
.grid-ticket li .r{float: right;width: 15%;text-align: right}
.grid-ticket li .r p{padding: 0;margin: 0}


.form-data{display: table;width: 100%}
.form-data label{font-size: 12px;color: #666666}
.form-data .input{width: 100%;padding: 7px;font-size: 15px;font-family: 'Open Sans',sans-serif;outline: none;border: solid 1px #cccccc;border-radius: 0;margin-bottom: 16px}
.form-data .input-linear{width: 34%;padding: 7px;font-size: 15px;font-family: 'Open Sans',sans-serif;border: solid 1px #cccccc;border-radius: 0;margin-bottom: 16px;margin-right: 7%}
.form-data .input-half{width: 76%;padding: 7px;font-size: 15px;font-family: 'Open Sans',sans-serif;border: solid 1px #cccccc;border-radius: 0;margin-bottom: 16px}
.form-data .input-small{width: 17%;padding: 7px;font-size: 15px;font-family: 'Open Sans',sans-serif;border: solid 1px #cccccc;border-radius: 0;margin-bottom: 16px}
.form-data textarea{resize: none;outline: none!important;min-height: 150px}
.form-data .input-button{padding: 7px;font-size: 13px;font-family: 'Open Sans',sans-serif;border: 0;border-radius: 0;margin-top: 16px;background-color: #999999;color: #ffffff;font-weight: 700;text-transform: uppercase;cursor: pointer;}
.form-data .input-button:hover{background-color: #222222}
.form-data #response{float: left;display: none}
.form-data .alert-success{color: #16a765;font-size: 13px}
.form-data .alert-error{color: #EA141F;font-size: 13px}//input:focus{//outline: none;//border-color: #9ecaed;//box-shadow: 0 0 10px #9ecaed;//}
.celular{width: 100%;float: left;font-size: 12px;padding: 15px;background: #13FCD8;margin: 15px 0 0;display: none;box-sizing: border-box;-webkit-box-sizing: border-box}
.footer{margin: 30px 0 0;width: 100%;background: #363638;float: left;text-align: center}
.footer-mobile{margin: 30px 0 0;width: 100%;background: #363638;float: left;text-align: center;display: none}
.rodape{width: 1170px;line-height: 65px;margin: 0 auto 0;text-align: center}
.rodape ul li .nav-l{float: left;width: auto;margin: 0;min-height: 5px;padding-left: 0;margin-bottom: 0;list-style: none}
.rodape ul li .nav-l li{position: relative;display: block;float: left}
.rodape ul li .nav-l li span i{margin-right: 6px;margin-left: 6px;position: relative;top: 1px}
.rodape ul li .nav-l li span{color: #969696;padding: 6px 10px;display: block;line-height: 14px;margin-bottom: 2px;margin-right: 0;margin-top: 0px;padding: 0px 2px 14px 0px;cursor: pointer}
.rodape ul li .nav-l li span:hover{color: #f0f0f0}
.tamanho{width: 100%;margin: 22px 0 0;font-size: 11px;float: left;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box}
.tamanho span{color: #999}
.info2, .info3, .info4{display: none}
.ft-more{width: 100%;min-height: 250px}
.ft-more li{text-align: left;background: #222222}
.ft-more li .ft-header{width: 100%;line-height: 25px;padding: 6px;color: #999999;font-weight: 600;font-family: 'Open Sans',Helvetica,Arial;border-bottom: solid 1px #292929;cursor: pointer}
.ft-more li .ft-options{width: 100%;line-height: 25px;padding: 6px;color: #999999;font-weight: 600;font-family: 'Open Sans',Helvetica,Arial;border-bottom: solid 1px #292929;cursor: pointer}
.ft-more li .ft-header i{margin: 6px 5px 0 0;float: right}
.ft-more li .ft-content{display: none;width: 100%;height: 160px;overflow-y: scroll;overflow-x: hidden}#ft-custom::-webkit-scrollbar-track{border-radius: 10px;background-color: #444}#ft-custom::-webkit-scrollbar{width: 8px;background-color: #444}#ft-custom::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #666}
.ft-more li .ft-content a li{color: #efefef;line-height: 19px;font-size: 15px;border: 0;font-family: 'PT Sans',Helvetica,Arial;cursor: pointer;padding: 5px 0 5px 31px}//.ft-more li .ft-content a{padding: 5px 6px 3px 5px}
.ft-more li .ft-content a li:hover,.ft-more li .ft-content a li:focus{background: #555555!important}
.ft-more li:focus .ft-header,.ft-more li:hover .ft-header,.ft-more li:focus .ft-header i,.ft-more li:hover .ft-header i{background-color: #BA1F27!important;color: #ffffff!important}
.ft-more li:focus .ft-options,.ft-more li:hover .ft-options,.ft-more li:focus .ft-options i,.ft-more li:hover .ft-options i{background-color: #BA1F27!important;color: #ffffff!important}
.ft-more li .search-legend{text-align: center;color: #efefef;margin: 15px 0 0 0;font-family: 'Open Sans Condensed',sans-serif;text-transform: uppercase}
.ft-more li .search-form{display: block;width: 80%;margin: 0 auto 0 auto;position: relative}
.ft-more li .search-input{display: block;width: 100%;padding: 4px;border-radius: 3px;border: solid 1px #777777}
.ft-more li .search-button{position: absolute;top: 4px;right: 4px;background: none}
.btn-menu{display: none}
.sticky-img a>img{width: 87px!important;height: 47px!important}
.sticky-nav ul>li a{padding-bottom: 19px!important;padding-top: 18px!important}
.sticky-nav ul>li .more{top: 55px!important}
.sticky-btn{padding: 3px 16px!important}
.medal{width: 100px;height: 120px;margin: 0 auto}
.ribbon{width: 80px;height: 70px;margin: 0 auto;position: relative}
.ribbon:before,.ribbon:after{content: '';position: absolute;width: 35px;height: 100%;top: 0}
.ribbon:before{right: 0;background: #0e0e3f;transform: skew(-28deg)}
.ribbon:after{background: #171769;transform: skew(28deg)}
.coin{border-radius: 50%;width: 70px;height: 70px;position: relative;margin: -15px auto 0 auto;box-shadow: 0px 0px 3px 0px #989898}
.coin:after{content: '';position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;width: 35px;height: 35px;border-radius: inherit}
.gold{background: #F0CD73;border: 1px solid #ecbd46}
.gold:after{box-shadow: 0 0 0 9px #ecbd46}
.silver{background: #C0C0C0;border: 1px solid #b3b3b3}
.silver:after{box-shadow: 0 0 0 9px #b3b3b3}
.bronze{background: #DAA520;border: 1px solid #c8981e}
.bronze:after{box-shadow: 0 0 0 9px #c8981e}
.medal-mode-gold{width: 100%;color: #F0CD73;font-size: 30px;font-weight: 700;text-align: center}
.medal-mode-silver{width: 100%;color: #C0C0C0;font-size: 30px;font-weight: 700;text-align: center}
.medal-mode-bronze{width: 100%;color: #DAA520;font-size: 30px;font-weight: 700;text-align: center}
.medal-data{font-family: 'PT Sans',Helvetica,Arial;font-size: 13px;padding: 10px;border-radius: 5px;background-color: #fafafa}
.medal-data label{display: block}
.medal-data label.title{font-weight: 600;font-size: 15px;margin: 10px 0 10px 0}
.medal-data label .igold{color: #F0CD73}
.medal-data label .isilver{color: #C0C0C0}
.medal-data label .ibronze{color: #DAA520}
.rodape .row-head .cel-right ul li{}
.rodape .row-head .cel-right ul li input::-webkit-input-placeholder{color: #cccccc}
.rodape .row-head .cel-right ul li input:-moz-placeholder{color: #cccccc}
.main-mobile{width: 100%;float: left;margin: 0;text-align: center;background: #BA1F27;position: fixed;top: 0px;border-bottom: 0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.30);z-index: 999}
.main-mobile .main-conteudo .logo{float: left;padding: 4px 10px 4px 10px;vertical-align: top;margin: 0 0 0 15px;background: #ffffff}
.main-mobile .main-conteudo .logo img{width: 87px!important;height: 47px!important}
.main-mobile .main-conteudo .btn-menu{padding: 3px 16px;background-color: #CC1E24;color: #ffffff;top: 12px;position: absolute;right: 12px;margin-bottom: 0;font-size: 17px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid #ffffff;outline: none;border-radius: 4px}
.sidenav{z-index: 12;margin-right: auto;margin-left: 0;background-color: rgba(0, 0, 0, 0.98);padding-top: 20px;padding-bottom: 0;padding-left: 0;display: block;width: 100%;height: auto;position: fixed;right: 100%;top: 55px;overflow: hidden;height: 150%}
.sidenav a{font-family: 'PT Sans',Helvetica,Arial;text-decoration: none;font-size: 17px;color: white;display: block;transition: 0.3s;background-color: #222222}
.sidenav a .icon{text-align: center;float: right}
.sidenav a:hover, .offcanvas a:focus{background-color: #BA1F27;color: #ffffff}@media screen and (max-height: 450px){.sidenav{padding-top: 15px}
.sidenav a{font-size: 18px}}@media screen and (max-width: 1024px){.container{width: 100%;}
.topo .topo-conteudo{width: 100%;}
.main .main-conteudo{width: 100%;font-size: 11px}
.rodape{width: 100%;min-height: inherit}
.btn-menu{display: none;}
.conteudo{width: 62%}
.direita{width: 35%;margin: 0 0 0 3%}
.info1{display: none}
.info2{display: inline-block}
.topo .topo-conteudo .nav-r{margin-right: 6px}
.main .main-conteudo .menu .itens > li.prt{display: none}
.main .main-conteudo .menu .itens > li a.item{font-size: 13px;padding-bottom: 27px;padding-top: 33px}
.sticky-nav ul>li a{padding-bottom: 20px!important;padding-top: 20px!important}}@media screen and (max-width: 900px){.container{width: 100%;}
.topo{display: none;}
.main .main-conteudo{width: 100%;}
.rodape{width: 100%;min-height: inherit}
.menu{display: none;}
.btn-menu{display: block;}
.conteudo{width: 62%}
.direita{width: 35%;margin: 0 0 0 3%}
.info1{display: none}
.info2{display: inline-block}
.page-values ul li{display: block!important}}@media screen and (max-width:640px){body{font-family: 'Open Sans',Helvetica,Arial!important}
.direita{display: none}
.destaque{margin-top: 55px}
.rodape{width: 100%;min-height: inherit}
.info3{display: none}
.info4{display: inline-block}//.celular{display: block}
.conteudo,.conteudo-unico{width: 100%;padding: 0 6px 0 6px}
.hide-mobile{display: none!important};.page-values ul li{display: block!important;font-family: 'PT Sans',Helvetica,Arial!important;font-size: 11px!important}
.page-sector{font-family: 'PT Sans',Helvetica,Arial!important;font-size: 9px!important;color: #999999!important;padding-top: 8px}
.page-title,.page-data .text-title{font-family: 'PT Sans',Helvetica,Arial!important;font-size: 19px!important}
.page-subtitle,.page-data .text-subtitle{font-family: 'PT Sans',Helvetica,Arial!important;font-size: 14px!important}
.page-data,.page-data .text-content{font-family: 'PT Sans',Helvetica,Arial!important;font-size: 14px!important}
.page-legend,.page-data .text-legend{font-family: 'PT Sans',Helvetica,Arial!important;font-size: 11px!important}
.page-label{font-family: 'PT Sans',Helvetica,Arial!important;font-size: 11px!important}
.conteudo .page-list .page-list-item{display: table}
.conteudo .page-list .page-list-item label{font-size: 14px}
.conteudo .page-list .page-list-item label span{float: left;max-width: 90%;margin-bottom: 12px}
.conteudo .page-list .page-list-item i{display: block;float: right}
.form-title{font-family: 'PT Sans',Helvetica,Arial!important;font-size: 14px!important;color: #666666}
.form-data{font-family: 'PT Sans',Helvetica,Arial!important;font-size: 12px!important}
.input-mobile{width: 100%;float: none:}
.conteudo-unico .page-store .page-store-list li .label-crs{disply: block;width: 100%;padding: 0 0 6px 0;margin: 0 0 6px 0;border-bottom: 2px dotted #ffffff}
.conteudo-unico .page-store .page-store-list li .label-qtd{float: left;width: 30%;text-align: left}
.conteudo-unico .page-store .page-store-list li .label-val{float: left;width: 30%;text-align: center}
.conteudo-unico .page-store .page-store-list li .label-tot{float: right;width: 30%;text-align: center}
.conteudo-unico .page-store .page-store-list li .label-trh{float: right;width: 6%;text-align: right;padding-right: 4px}
.conteudo-unico .page-store .page-store-list li .label-trh i.trash{margin: 11px 0 0 0}
.conteudo .page-login .page-login-form{width: 100%;margin: 0 0 15px 0;float: none!important}
.conteudo .page-login .page-login-form .page-login-form-title{font-size: 13px}
.conteudo-unico .page-store .page-store-total li{width: 100%!important}
.conteudo .form-data .fa-eye{font-size: 19px}
.conteudo-unico .page-home .page-home-data .educamais{background-image: none;padding-bottom: 5px;display: inline-table;height: auto}
.conteudo-unico .page-home .page-home-data .educamais li{font-size: 17px}
.conteudo-unico .page-home .page-home-data .educamais li .educamais-title{font-size: 22px}
.conteudo-unico .page-home .page-home-data .educamais li{width: 100%;text-align: justify}
.conteudo-unico .page-home .page-home-data .educamais .educamais-options{display: none}
.conteudo-unico .page-home .page-home-data .hotspots{display: none}
.conteudo-unico .page-home .page-home-data .news{display: table}
.conteudo-unico .page-home .page-home-data .news{padding: 30px 10px 0 10px}
.conteudo-unico .page-home .page-home-data .news .news-box{float: none;display: table;width: auto;margin: 17px auto 47px}
.conteudo-unico .page-home .page-home-data .news .news-box .news-footer{display: block}
.conteudo-unico .page-home .page-home-data .courses{display: table}
.conteudo-unico .page-home .page-home-data .courses .courses-box{float: none;display: table;width: auto;margin: 17px auto 47px}
.conteudo-unico .page-home .page-home-data .courses .courses-box-blue{float: none;display: table;width: auto;margin: 17px auto 47px}
.conteudo-unico .page-home .page-home-data .search li .home-search-legend{font-size: 14px;text-align: center;float: none;width: 100%}
.conteudo-unico .page-home .page-home-data .search li .home-search-form{font-size: 17px;text-align: center;float: none;width: 100%}
.conteudo-unico .page-home .page-home-data .stats{display: none}
.conteudo-unico .page-home .page-home-data #home_player{width: 100%!important;margin: 0!important;border: 0!important}
.conteudo .page-list .page-list-item .page-list-item-label{font-size: 15px}
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs{position: relative!important}
.partner-logo{width: 100%!important}
.partner-label{display: none!important}#box-modal{width: 100%!important;float: none!important}#box-educamais{padding-top: 10px!important}#box-educamais .box-educamais-texto{width: 100%!important;float: none!important;background: #0192D3!important}#box-educamais .box-educamais-video{width: 100%!important;height: auto!important;float: none!important;padding: 0px!important;margin: 0px!important;background: #f2f2f2}#box-educamais .box-educamais-video iframe{width: 100%!important;height: auto!important;margin: 10px 0 8px 0!important}
.box-03{margin: 17px auto 10px!important}
.blue-mobile{margin-top: 35px;margin-bottom: 0px!important;font-size: 21px;padding: 6px;background-color: #d1daf1;color: #1a2b57!important;border-radius: 5px}
.red-mobile{margin-top: 0;margin-bottom: 0px!important;font-size: 21px;padding: 35px 0 0 11px!important}}
.btn-mobile{padding: 0 0 50px 0!important}

.card-discipline{box-shadow: 7px 6px 12px #8888887d; width: 30%;margin-top: 2%;margin-bottom: 2%;background: #fff;border-radius: 0%;min-height: 545px;display: flex;flex-direction: column;justify-content: flex-start;padding-bottom:1%;}
.full-card-disciplina{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;}
.font-title-card{font-weight: 500;font-size: 19px; margin-left: 7%; margin-right: 4%;margin-top: 3%; margin-bottom: 2%;}
.title-aula-card{font-weight: 500;font-size: 14px;width: 85%;background: #eaeaea;display: flex;height: 32px;display: flex;flex-direction: row;justify-content: space-between; align-items: center;border-radius: 3px;padding-left: 3%;padding-right: 3%;}
.body-disc-card{ display: flex;justify-content: space-around;margin-top: 3%;;}
.icon-card-aula{ display: flex; justify-content: space-between;}
.border-icon{    border: solid 1px #000;font-size: 11px; width: 23px;height: 23px;line-height: 22px !important; border-radius: 50px; margin-top: 2px;margin-left: 6px;padding: 0;text-align: center;}
.bar-progress-new{width: 60%;height: 20px;border-radius: 15px;border: 1.3px solid black;background: whitesmoke;}
/* Font Awesome Styles */
.verify-tcc:before {
  content: "\f12a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: relative;
  top: 1.7rem;
  left: 0.5rem;
  color: rgb(21, 87, 36);
}
.error-tcc:before {
  content: "\f0e2";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: relative;
  top: 1.7rem;
  left: 0.5rem;
  color: #721c24;
}
.check-tcc:before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: relative;
  top: 1.7rem;
  left: 0.5rem;
  color: rgb(21, 87, 36);
}




.page-data-lessons { grid-template-columns: repeat(1, 1fr); }

.playthis-tags button {padding: .5em .8em;border-radius: 1em;font-family: 'Montserrat',Helvetica,Arial,sans-serif;font-weight: 600;margin-right: .5em;cursor: pointer;}
.playthis-tags button:hover {background-color: #333;color: #fff;}

.grid-col-button:hover {box-shadow: 0px 4px 6px #00000050;}
.grid-col .grid-cel-discipline-title {display: flex;font-size: 19px;font-weight: 600; min-height: 10em;}
.grid-col .grid-cel-discipline-title div {display: flex; justify-content: center; flex-direction: column;align-items: center;text-align: center;text-shadow: 0px 2px 2px #00000050;}
.grid-col .grid-cel-discipline-data {display: flex;font-size: 13px;font-weight: 300;position: relative;}
.grid-col .grid-cel-discipline-data div {}


.playthis-tags button.book::before{
content:"\f02e";
font-family:"fontawesome";
font-weight:300;
}

.playthis-tags button.movie::before{
content:"\f03d";
font-family:"fontawesome";
font-weight:300;
}

.playthis-tags button.exam::before{
content:"\f040";
font-family:"fontawesome";
font-weight:300;
}


.flag-top {background-color: #ffffff;position: absolute;top: -4px;left: 1em;box-shadow: 0px 2px 2px #00000050;padding: 1em .6em;text-align: center;}
.flag-top::after {
    content: ".";
    position: absolute;
    left: 1px;
    top: 100%;
    background-color: #ffffff;
    color: #ffffff;
    padding-bottom: 0px;
    width: 55%;
    z-index: 1;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-30deg) skewX(30deg);
    -ms-transform: rotate(-30deg) skewX(30deg);
    transform: rotate(-30deg) skewX(30deg);
    box-shadow: -2px 2px 2px #00000050;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.page-data-disciplines { grid-template-columns: repeat(1, 1fr); }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.page-data-disciplines { grid-template-columns: repeat(2, 1fr); }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.page-data-disciplines { grid-template-columns: repeat(3, 1fr); }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.page-data-disciplines { grid-template-columns: repeat(4, 1fr); }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.page-data-disciplines { grid-template-columns: repeat(5, 1fr); }
}