/*
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 : 19/05/2016, 01:09:35 PM
    Author     : marcelino
*/
@import url(https://fonts.googleapis.com/css?family=Questrial);

.logo {
    margin-left: 10px;
    margin-top: 20px;
}

.logo-img {
    font-size: 26px;
    color:#318d96;
}

.panel{
    background-color: #fff;
    width: 350px;
    display: block;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    /*box-shadow: 3px 3px 3px #5a5a5a;*/
}

.icon-user {
    background-color: #ccc;
    width: 40px;
    height: 30px;
    padding: 2px;
    margin-top: 37px;
}

.panel-header {
    background-color: #d9edf7;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border:1px solid #d9edf7;
    border-bottom: none;
    height: 80px;
}

.panel-body {
    border: 2px solid #d9edf7;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; 
}

.formulario {
    margin-top: 20px;
}

.page{
    background-color: #3498DB;
    position: relative;
    top: 125px;
}

.textfield{
    background-color: #F2F2F2;
    text-align: center;
    font-size: 15px;
    border: 1px solid #F2F2F2;
}
.btn-largo{
    width: 100%;
    float: none !important;
    color: #fff;
    background-color: #3498DB;
}
.btn-largo:hover{
    background-color: #3498DB;
}
.panelCiclo{
    width: 200px;
    text-align: center;
    float: right;
}

.panelHora{
    width: 140px;
    text-align: center;
    float: right;
}

.ocul{
    display: none;
}

.grupo {
    position: relative;
    display: table;
    border-collapse: separate;
}
.grupo-div{
    position: relative;
    white-space: nowrap;
}
.alinea {
    display: table-cell;   
    width: 1%;
    white-space: nowrap;
    vertical-align: initial;
}
.texto{
    border: 2px solid #ccc;    
}

.user{
    background-color: #ffea00;
}
.titulos{
    font-family: 'Questrial', sans-serif;
}
.panels {
    border: none;
    box-shadow: none;
}
.panels {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 10px 15px;

}
.panel-heading{
    border-top: 1px solid #ddd;
    padding: 2px;
}


/*
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;    
}
::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}
*/



.datas{
    font-size: 15px;
}


#namanyay-search-btn {
    background:#0099ff;
    color:white;
    font: 'trebuchet ms', trebuchet;
    padding:5px 0px;
    border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    -webkit-border-radius:0 5px 5px 0;
    -o-border-radius:0 5px 5px 0;
    border:0 none;
    font-weight:bold;
}

#namanyay-search-box {
    background: #eee;
    padding:10px;
    border-radius:5px 0 0 5px;
    -moz-border-radius:5px 0 0 5px;
    -webkit-border-radius:5px 0 0 5px;
    -o-border-radius:5px 0 0 5px;
    border:0 none;
    width:200px;
}

.myboton{
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 33px;
    height: 33px;
    line-height: 33px;
    padding: 0;
    background-color: #26a69a;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
}

@media (min-width: 700px){
    #namanyay-search-box {   
        width:400px;
    }
}

.pane {
    border: none;
    box-shadow: none;
}
.pane {
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px;
    width: 8%;
    text-align: center;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.portada{
    margin-top: -7px;
}

.mifoto {
    box-shadow: none;
    margin-top: 0;
    margin-left: 10px;
    top: 140px;
}
.mifoto {
    background: rgba(0, 0, 0, .3);
    border-radius: 100px;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, .07);*/
    display: block;
    z-index: 2;
    padding: 3px;
    position: absolute;
}

.minombre {
    box-shadow: none;
    /*margin-top: 0;*/
    margin-left: 170px;
    top: 195px;
}
.minombre {
    /*background: rgba(0, 0, 0, .3);*/
    border-radius: 100px;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, .07);*/
    display: block;
    /*margin-top: 1px;*/
    padding: 1px;
    color: #fafafa;
    position: absolute;
}



.pnl {
    clear: right;
    padding-left: 201px;
    padding-right: 230px;
    margin-top: -5px;
    margin-bottom: -5px;
    background-color: #fff;
    
}







.windows-loader {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
}

.table-info-colegiatura td span {
    font-size: 11px;
}





/******************************/
/***** TARGETA DE USUARIO *****/
.target_user {
    position: fixed;
    width: 300px;
    right: 0px;
    margin-top: 55px;
    margin-right: 5px;
}

.target_user .card {
    padding: 15px 0;
}

.target_user .card .img {
    width: 100px;
}

.target_user .card .img img{
    width: 100%;
}

/* css para chats en otras paginas */


.chat_box{
    position:fixed;
    right:26px;
    bottom:-13px;
    width:240px;
    z-index: 100;
}
.chat_body {
    background:white;
    height:350px;
    padding:5px 0px;
    overflow: scroll; 
    display: none;
}

.chat_head,.msg_head {
    background:#0097a7;
    color:white;
    padding:12px 25px;
    font-weight:bold;
    cursor:pointer;
}

.msg_box{
    position:fixed;
    bottom:-13px;
    width:250px;
    background:white;
    border-radius:5px 5px 0px 0px;
    z-index: 9999;
}

.msg_head{
    background:#4bb9d1;
}

.msg_body{
    background:white;
    height:200px;
    font-size:12px;
    padding:15px;
    overflow:auto;
    overflow-x: hidden;
}
.msg_input{
    width:100%;
    border: 1px solid white;
    border-top:1px solid #DDDDDD;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;  
}

.close{
    float:right;
    cursor:pointer;
}
.minimize{
    float:right;
    cursor:pointer;
    padding-right:5px;
    
}

.user2{
    position:relative;
    padding:10px 30px;
}
.user2:hover{
    background:#f8f8f8;
    cursor:pointer;

}
.user2:before{
    content:'';
    position:absolute;
    height:10px;
    width:10px;
    left:10px;
    top:15px;
    border-radius:6px;
}

.msg_a{
    position:relative;
    background:#FDE4CE;
    padding:10px;
    min-height:10px;
    margin-bottom:5px;
    margin-right:10px;
    border-radius:5px;
}
.msg_a:before{
    content:"";
    position:absolute;
    width:0px;
    height:0px;
    border: 10px solid;
    border-color: transparent #FDE4CE transparent transparent;
    left:-20px;
    top:7px;
}


.msg_b{
    background:#EEF2E7;
    padding:10px;
    min-height:15px;
    margin-bottom:5px;
    position:relative;
    margin-left:10px;
    border-radius:5px;
    word-wrap: break-word;
}
.msg_b:after{
    content:"";
    position:absolute;
    width:0px;
    height:0px;
    border: 10px solid;
    border-color: transparent transparent transparent #EEF2E7;
    right:-20px;
    top:7px;
}
.chat-active-color{
  background-color: #bdbdbd !important;
}

.hora-msg-alternativo{
    font-size: 8px;
    font-weight: bold;
    color: #71706f;
}

.nombre-user-chat-alternativo{
    font-size: 8px;
    font-weight: bold;
    color: #71706f;

}

/* fin de estilos de chats en otras paginas */