@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);


/*=====================================*/
/* Basic Setup */
/*=====================================*/

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    /*font-size: 20px;*/
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}


/*=====================================*/
/* Reusable Components   */
/*=====================================*/


/* Validations Classes  =====================================*/
.input-success::before,
.input-error::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    /*position: absolute;*/
    /*top: 38px;*/
    /*right: 10px;*/
}

.input-success::before {
    color: #3c763d;
    /*content: "\f058";*/
}

.input-error::before {
    color: #a94442;
    /*content: "\f057";*/
}

.video-mask{
    width: 150px;
    height: 150px;
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    -webkit-transform: rotate(0.000001deg);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 50%;
    overflow: hidden;
}

/* Image Upload filed  =====================================*/
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

#img-upload{
    padding: 5px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
}



/*=====================================*/
/* Admin */
/*=====================================*/

/* Index  =====================================*/

.institute,
.user {
    background-color: #f5f5f5;
    padding: 10px;
}
.institute-header,
.user-header {
    font-weight: bold;
    font-size: 16px;
    padding-top: 10px;
}

/* Table Head fixed  =====================================*/
/*tbody {*/
    /*display:block;*/
    /*height:490px;*/
    /*overflow: scroll;*/
/*}*/
/*thead, tbody tr {*/
    /*display:table;*/
    /*width:100%;*/
    /*!*table-layout:fixed;*!*/
/*}*/
/*thead {*/
    /*width: calc( 100% - 1em )*/
/*}*/

/* Create Hms Student  =====================================*/

.student-personal,
.student-academic,
.student-guardian,
.student-visitor,
.student-visitor-two,
.student-visitor-three,
.student-visitor-four {
    padding: 0 1.25rem;
}

.student-personal,
.student-guardian,
.student-visitor-two,
.student-visitor-four {
    background-color: #f2f2f2;
}

.student-personal-header,
.student-academic-header,
.student-guardian-header,
.student-visitor-header,
.student-visitor-header-two,
.student-visitor-header-three,
.student-visitor-header-four {
    margin: 15px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

/* Create Hms Rooms  =====================================*/
.sessions,
.departments,
.classes,
.rooms,
.beds {
    background-color: #e9e9e9;
    padding: 14px 16px;
    margin-bottom: 5px;
    position: relative;
}


.delete,
.update {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 35px;
    height: 100%;
    padding: 0 5px;
    border: none;
    background-color: transparent;
}
.update {
    position: absolute;
    top: 0;
    right: 35px;
    font-size: 15px;
}

.delete:hover,
.update:hover {
    cursor: pointer;
    background-color: darkgray;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border: 1px solid #dee2e6;
}