body, html {
 margin: 0;
 border: 0;
 font-family: 'Open Sans', sans-serif;
 background-color: hsl(0, 0%, 95%);
}

#ContLogin {
 position: absolute;
 width: 100%;
 height: 100%;
 background-color: rgb(242, 242, 242);
 perspective: 1000px;
}

#Login {
 width: 320px;
 margin: 60px auto 0;
 background-color: white;
 padding: 15px;
 border-radius: 5px;
 box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.3);
 height: 360px;
 /*+transition: 0.4s all ease-out;*/
 -webkit-transition: 0.4s all ease-out;
 -moz-transition: 0.4s all ease-out;
 -o-transition: 0.4s all ease-out;
 transition: 0.4s all ease-out;
}

#Login.Anim {
 transform: rotateY(360deg);
}

#FLgn {
 font-size: 14px;
}

#FLgn label {
 color: rgb(90, 90, 90);
 font-size: 17px;
}

#FLgn input {
 width: 100%;
 display: block;
 /*+box-sizing: border-box;*/
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 padding: 5px;
 margin-bottom: 15px;
 margin-top: 0px;
 border: 1px none black;
 /*+box-shadow: inset 0px -1px #E9E9E9;*/
 -moz-box-shadow: inset 0px -1px #E9E9E9;
 -webkit-box-shadow: inset 0px -1px #E9E9E9;
 box-shadow: inset 0px -1px #E9E9E9;
 /*+transition: 0.2s all;*/
 -webkit-transition: 0.2s all;
 -moz-transition: 0.2s all;
 -o-transition: 0.2s all;
 transition: 0.2s all;
 font-size: 16px;
}

#FLgn input:focus {
 outline: none;
 /*+box-shadow: inset 0px -2px #57A843;*/
 -moz-box-shadow: inset 0px -2px #57A843;
 -webkit-box-shadow: inset 0px -2px #57A843;
 box-shadow: inset 0px -2px #57A843;
 color: #32891D;
}

#Login.Profe #FLgn input:focus {
 outline: none;
 /*+box-shadow: inset 0px -2px #3EB4EF;*/
 -moz-box-shadow: inset 0px -2px #3EB4EF;
 -webkit-box-shadow: inset 0px -2px #3EB4EF;
 box-shadow: inset 0px -2px #3EB4EF;
 color: #1182BB;
}

#LgnSubmit {
 background-color: #4CB338;
 color: white;
 text-align: center;
 padding: 8px;
 margin-top: 20px;
 border-radius: 2px;
 font-size: 18px;
 /*+transition: 0.4s all;*/
 -webkit-transition: 0.4s all;
 -moz-transition: 0.4s all;
 -o-transition: 0.4s all;
 transition: 0.4s all;
 text-transform: uppercase;
}

#LgnSubmit:hover {
 cursor: pointer;
 background-color: rgb(126, 203, 105);
 box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}

#LgnSubmit:active {
 background-color: rgb(105, 184, 85);
 box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1) inset;
}

#Login.Profe #LgnSubmit {
 background-color: #3EB4EF;
}

#Login.Profe #LgnSubmit:hover {
 cursor: pointer;
 background-color: #63C1F1;
 box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}

#Login.Profe #LgnSubmit:active {
 background-color: #63C1F1;
 box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1) inset;
}

#FLgnHeader {
 background: url("../Img/LogoGreenland.png") 50% 45% / auto 85% no-repeat #4C9A3D;
 height: 140px;
 padding: 15px;
 margin: -15px -15px 25px -15px;
 border-radius: 5px 5px 0 0;
 box-shadow: 0 -8px 5px -5px rgba(0, 0, 0, 0.1) inset;
 position: relative;
 /*+transition: 0.4s all;*/
 -webkit-transition: 0.4s all;
 -moz-transition: 0.4s all;
 -o-transition: 0.4s all;
 transition: 0.4s all;
}

#FLgnHeader:before {
 content: 'Login SIE';
 position: absolute;
 left: 0;
 top: 7px;
 padding: 2px 5px;
 background-color: #FFFFFF;
 color: #4C9A3D;
 font-size: 12px;
 text-transform: uppercase;
 font-weight: bold;
 border-bottom-right-radius: 4px;
 border-top-right-radius: 4px;
 /*+box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.248);*/
 -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.248);
 -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.248);
 box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.248);
}

#Login.Profe #FLgnHeader {
 background: url("../Img/LogoGreenland.png") 50% 45% / auto 85% no-repeat #33A8E2;
}

#Login.Profe #FLgnHeader:before {
 content: 'Login Profesor';
 position: absolute;
 left: 0;
 top: 7px;
 padding: 2px 5px;
 background-color: #FFFFFF;
 color: #33A8E2;
 font-size: 12px;
 text-transform: uppercase;
 font-weight: bold;
 border-bottom-right-radius: 4px;
 border-top-right-radius: 4px;
 /*+box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.248);*/
 -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.248);
 -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.248);
 box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.248);
}

#FLgnHeader .Candado {
 content: '';
 position: absolute;
 right: 15px;
 bottom: -30px;
 background: rgb(110, 190, 90) url("../Img/icoLock.png") no-repeat 50% 50%;
 border: 2px solid #57A843;
 background-size: auto 60%;
 height: 60px;
 width: 60px;
 border-radius: 40px;
 box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
 /*+box-sizing: border-box;*/
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 /*+transition: 0.4s all;*/
 -webkit-transition: 0.4s all;
 -moz-transition: 0.4s all;
 -o-transition: 0.4s all;
 transition: 0.4s all;
}

#Login.Profe #FLgnHeader .Candado {
 border: 2px solid #1182BB;
 background: url("../Img/icoLock.png") 50% 50% no-repeat #3EB4EF;
 background-size: auto 60%;
}

/**** MsjTop ****/
.MsjHTop {
 display: none;
 position: fixed;
 top: -1px;
 left: 0px;
 right: 0px;
 z-index: 999;
 padding-left: 45px;
 padding-right: 30px;
 padding-top: 7px;
 padding-bottom: 10px;
 font-size: 14px;
 border: 1px solid #C9C9C9;
 /*+box-shadow: 0px -7px 10px 3px #000000;*/
 -moz-box-shadow: 0px -7px 10px 3px #000000;
 -webkit-box-shadow: 0px -7px 10px 3px #000000;
 box-shadow: 0px -7px 10px 3px #000000;
 background: 5px 10px / 30px 30px no-repeat #FFFFFF;
 /*border-bottom-left-radius: 2px;*/
 /*border-bottom-right-radius: 2px;*/
 cursor: pointer;
}

.MsjHTop .Titulo {
 font-weight: bold;
}

.MsjHTop .Msj {
 font-size: 12px;
}

.MsjHTop.OK {
 background-color: #ECF6E5;
 color: #2D8212;
 border-color: #CEE6BC;
 background-image: url('../Img/MsjHTopOK.png');
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
}

.MsjHTop.Error {
 background-color: #FFEEEE;
 color: #CA1919;
 border-color: #FFB5B5;
 background-image: url('../Img/MsjHTopError.png');
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
}

.MsjHTop.Info {
 background-color: #E1F8FA;
 color: #0B6B74;
 border-color: #B2EBF0;
 background-image: url('../Img/MsjHTopInfo.png');
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
}

#Apps {
 position: absolute;
 bottom: 0;
 right: 5px;
 z-index: 1;
}

#Apps .Badge {
 display: inline-block;
}

#Apps .Badge img {
 height: 60px;
}

/*Ticket*/
#CheckTicket {
 margin-bottom: 50px;
 margin-top: 50px;
}

#CheckTicket .Msj {
 width: 70%;
 display: block;
 margin: 0 auto 10px;
 padding-top: 15px;
 padding-bottom: 15px;
 text-align: center;
 background-color: #FFFFFF;
 font-size: 18px;
 text-transform: uppercase;
 padding-left: 40px;
 /*+box-sizing: border-box;*/
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}

#CheckTicket .Msj.M_Ok {
 background: url("../Img/MsjHTopOK.png") 1% 50% / 40px no-repeat #FFFFFF;
 color: #0DB682;
 font-weight: bold;
 border: 2px solid #0DB783;
 border-top-left-radius: 30px;
 border-bottom-left-radius: 30px;
 font-size: 33px;
 line-height: 0.6;
 /*+box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.2);*/
 -moz-box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.2);
 -webkit-box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.2);
 box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

#CheckTicket .Msj.M_Error {
 background: url("../Img/MsjHTopError.png") 1% 50% / 40px no-repeat #FFFFFF;
 color: #DD3535;
 font-weight: bold;
 border: 2px solid #DD3535;
 border-top-left-radius: 30px;
 border-bottom-left-radius: 30px;
 font-size: 26px;
 line-height: 0.6;
 /*+box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.2);*/
 -moz-box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.2);
 -webkit-box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.2);
 box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

#CheckTicket .Main {
 width: 70%;
 display: block;
 margin: 0 auto;
 background-color: #FFFFFF;
 /*+box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);*/
 -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
 -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
 box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

#CheckTicket .Top i {
 color: #FFFFFF;
}

#CheckTicket .Top .Titulo {
 padding-left: 14px;
 padding-top: 6px;
 padding-bottom: 6px;
 text-transform: uppercase;
 font-size: 16px;
 font-weight: bold;
 color: #FFFFFF;
 background-color: #9D3FFF;
 margin-bottom: 5px;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 z-index: -1;
 text-align: left;
}

/**/
#CheckTicket .Contenido {
 border: 1px solid #DEDEDE;
 /*+box-sizing: border-box;*/
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 padding: 10px;
 height: 270px;
 position: relative;
 background: url("../Profesor/Img/LogoGreenlandC.png") center right / 45% no-repeat;
}

#CheckTicket .Contenido:before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 300px;
 /*+box-sizing: border-box;*/
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 z-index: 0;
 background: url("../Profesor/CSS/bokeh.jpg") bottom left / cover;
}

#CheckTicket .Contenido .dvLt {
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 300px;
 padding: 15px;
 /*+box-sizing: border-box;*/
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 z-index: 1;
 background-color: rgba(158, 63, 255, 0.700);
 color: #FFFFFF;
 overflow: hidden;
}

#CheckTicket .Contenido .dvLt:before {
 content: '';
 position: absolute;
 left: 10px;
 top: 10px;
 background: url("../Img/LogoGreenland.png") 50% 50% / cover no-repeat;
 padding: 50px;
 /*(*+transform: translateX(-50%) translateY(-50%);*)
 -webkit-transform: translateX(-50%) translateY(-50%);
 -moz-transform: translateX(-50%) translateY(-50%);
 -o-transform: translateX(-50%) translateY(-50%);
 -ms-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);*/
}

#CheckTicket .Contenido .dvLt .CTItm {
 position: absolute;
 left: 10px;
 bottom: 10px;
 width: 140px;
}

#CheckTicket .Contenido .dvLt .TItm.Cant {
 position: absolute;
 right: 0;
 top: 0;
 font-size: 52px;
 line-height: 1;
 margin-top: 0;
 font-weight: bold;
 /*border-left: 3px solid #FFFFFF;*/
 padding: 10px 10px 5px 10px;
}

#CheckTicket .Contenido .dvLt .TItm.Cant {
 position: absolute;
 right: 15px;
 top: 0;
 font-size: 52px;
 line-height: 1;
 margin-top: 0;
 font-weight: bold;
 /*border-left: 3px solid #FFFFFF;*/
 padding: 10px 10px 5px 10px;
}

#CheckTicket .Contenido .dvLt .TItm.Cant:before {
 content: 'GC';
 position: absolute;
 right: -8px;
 bottom: 10px;
 font-size: 12px;
}

#CheckTicket .Contenido .dvLt .TItm .Nom {
 text-transform: uppercase;
 font-size: 11px;
 font-weight: bold;
 margin-top: 24px;
}

#CheckTicket .Contenido .dvLt .TItm .Inpt {
 font-size: 14px;
 line-height: 1;
}

#CheckTicket .Contenido .dvLt #TicketQR {
 position: absolute;
 width: 110px;
 height: 110px;
 right: 10px;
 bottom: 10px;
 background-color: #FFFFFF;
 padding: 5px;
 /*+box-sizing: border-box;*/
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}

#CheckTicket .Contenido .dvLt #TicketQR img {
 width: 100%;
 height: 100%;
}

#CheckTicket .Contenido .dvMd {
 position: absolute;
 left: 300px;
 top: 0;
 bottom: 0px;
 right: 0;
 padding: 15px;
 /*+box-sizing: border-box;*/
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 font-size: 0px;
 /*border-left: 2px dashed #DEDEDE;*/
 color: #232323;
 background-color: rgba(255, 255, 255, 0.95);
}

#CheckTicket .Contenido .dvMd .T_Top {
 font-size: 28px;
 text-align: center;
 font-weight: 100;
 text-transform: uppercase;
 margin-bottom: 10px;
 border-top: 1px solid #8E53CD;
 border-bottom: 1px solid #8E53CD;
 padding-top: 5px;
 padding-bottom: 5px;
}

#CheckTicket .Contenido .dvMd .TItm.nTicket {
 display: inline-block;
 width: 50%;
 font-size: 14px;
 color: #8E53CD;
 font-weight: bold;
}

#CheckTicket .Contenido .dvMd .TItm.Fecha {
 display: inline-block;
 width: 50%;
 font-size: 14px;
 text-align: right;
 color: #8E53CD;
 font-weight: bold;
}

#CheckTicket .Contenido .dvMd .TItm.Razon {
 text-align: justify;
 font-size: 21px;
 position: absolute;
 left: 10px;
 right: 10px;
 bottom: 5px;
 border-left: 5px solid #8E53CD;
 padding-left: 15px;
 color: #363636;
 padding-bottom: 10px;
 padding-top: 5px;
}

#CheckTicket .Contenido .dvMd .TItm.Razon .Nom {
 text-transform: uppercase;
 font-weight: bold;
 font-size: 11px;
 color: #8E53CD;
}

#CheckTicket .Contenido .dvMd .TItm.Razon .Inpt {
 line-height: 1.2;
}

#CheckTicket .Contenido .dvRt {
}

#CheckTicket.T_Remove .Contenido .dvMd .T_Top {
 border-top: 1px solid #C43030;
 border-bottom: 1px solid #C43030;
}

#CheckTicket.T_Remove .Contenido .dvMd .TItm.nTicket {
 display: inline-block;
 width: 50%;
 font-size: 14px;
 color: #C43030;
 font-weight: bold;
}

#CheckTicket.T_Remove .Contenido .dvMd .TItm.Fecha {
 display: inline-block;
 width: 50%;
 font-size: 14px;
 text-align: right;
 color: #C33030;
 font-weight: bold;
}

#CheckTicket.T_Remove .Contenido .dvMd .TItm.Razon {
 border-left: 5px solid #C33030;
}

#CheckTicket.T_Remove .Contenido .dvMd .TItm.Razon .Nom {
 text-transform: uppercase;
 font-weight: bold;
 font-size: 11px;
 color: #C33030;
}

#CheckTicket.T_Remove .Contenido .dvLt {
 background-color: rgba(194, 48, 48, 0.7);
}

@media screen and (max-width: 1020px) {
 #CheckTicket {
  margin-top: 0px;
 }
 
 #CheckTicket .Msj {
  width: 100%;
  /*+border-radius: 0px !important;*/
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -khtml-border-radius: 0px !important;
  border-radius: 0px !important;
  margin-bottom: 0px;
 }
 
 #CheckTicket .Main {
  width: 100%;
 }
}

@media screen and (max-width: 830px) {
 #CheckTicket {
  margin-top: 0px;
 }
 
 #CheckTicket .Contenido {
  height: 460px;
  background: url("../Profesor/Img/LogoGreenlandC.png") bottom right / 45% no-repeat;
 }
 
 #CheckTicket .Contenido:before {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: 200px;
 }
 
 #CheckTicket .Contenido .dvLt {
  right: 0;
  width: auto;
  height: 200px;
 }
 
 #CheckTicket .Contenido .dvLt .CTItm {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 80%;
 }
 
 #CheckTicket .Contenido .dvLt .CTItm .TItm {
  display: inline-block;
  margin-right: 20px;
 }
 
 #CheckTicket .Contenido .dvMd {
  left: 0;
  top: 200px;
 }
}

@media screen and (max-width: 520px) {
 #CheckTicket .Msj.M_Error {
  line-height: 1;
 }
 
 #CheckTicket .Contenido {
  height: 530px;
  background: url("../Profesor/Img/LogoGreenlandC.png") bottom right / 45% no-repeat;
 }
 
 #CheckTicket .Contenido:before {
  height: 260px;
 }
 
 #CheckTicket .Contenido .dvLt {
  height: 260px;
 }
 
 #CheckTicket .Contenido .dvLt .CTItm .TItm {
  display: block;
  margin-right: auto;
 }
 
 #CheckTicket .Contenido .dvMd {
  top: 260px;
 }
}