body {font-family: Arial !important;
max-width: 100%;
overflow-x: hidden;
}
.form-control:focus {
outline: 0;
box-shadow: none !important;
}
.btn.focus, .btn:focus {
outline: 0;
box-shadow: none;
}
input[type=text], select, textarea:focus {
outline:none;
}
a{
color:white;
}
a:hover{
color:white;
cursor:pointer;
}
.fonts{
font-size:13px!important;
}
.fonts-1{
font-size:16px!important;
}
.fonts-2{
font-size:11px!important;
}
.fonts-3{
font-size:14px!important;
}
.font-style{
font-style:italic;
}
.font-weight{
font-weight:normal!important;
}
.font-weight1{
font-weight:bold!important;
}
.top-heads{
margin-top:2px!important;
}
.hr-line-3{
border-bottom: 1px solid #eeeeee;
padding-top: 5px;
padding-bottom: 15px;
}
.btn-dark{
font-size:13px!important;
/*border-radius: 5px !important;*/
font-weight: bold;
padding: 4px 9px;
background: #27292B;
border: none;
margin-right:10px;
}
.btn-mark-w{
padding: 6px 10px!important;
margin-bottom: 10px;
}
.spans-color{
color:#444!important;
}
.spans-color1{
color:#ab0000!important;
}
.spans-color2{
color: #999999;
}
.spans-color3{
color: #666666;
}
.spans-color4{
color: gray!important;
}
.spans-color6{
color: #999!important;
}
.spans-color7{
color: #000!important;
}
.spans-color8{
color: #444!important;
}
.select-span{
color:#9d9d9d;;
}
.search1{
padding-top: 13px;
}
button:focus{
outline:none!important;
}
.nav-tab-1 {
border-bottom: 1px solid #dee2e6;
}
input:focus {
outline:none;
}
ul {
padding: 0;
list-style-type: none;
margin-bottom:0px;
}
ul li{
display:inline-block;
}
a:hover{
text-decoration:none !important;
}
.dropdown-menu,.dropdown,td,th,button:focus{
outline:none !important;
}
li{
list-style-type: none;
}
input[type=text], select, textarea:focus {
outline:none;
}
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.card-password{
background:#FFFF !important;
}
.tab-contents-w{
margin-bottom:40px;
}
#table-wrapper{
margin-bottom:40px;
}
.hiddenItem{
border-radius: 5px;
border: 1px solid #ccc;
cursor:pointer;
width: 210px;
}
.form-bg{
margin: 0 auto;
max-width: 980px;
}
.form-bg-top{
margin-top: 40px;
margin-bottom: 30px;
}
.nv-list li{
margin: 15px 0px 0px 0px;
margin-top: 20px;
text-align: center;
margin-left: 10px;
line-height: 30px;
}
.nv-list1 li{
margin: 15px 0px 0px 0px;
text-align: center;
line-height: 30px;
}
.nv-list1 .nav-left-pd {
margin-left: 10px;
}
.tab-bg{
background: #c3d9ff;
padding: 20px 20px 40px;
border-radius:10px;
max-width:90%;
margin:20px auto;
}
#form-section{
max-width: 950px;
margin:0 auto;
padding-bottom:20px;
}
.form-margins{
margin-left:20px;
margin-right:20px;
}
.form-pd{
padding-top:20px;
}
.admin-form-center{
margin-top:45px;
margin-bottom:30px;
}
#admit-form {
margin-left: auto;
margin-right: auto;
max-width: 1000px;
margin-top:15px;
margin-bottom:30px;
}
#admit-form h3{
font-weight: 400;
padding-top:15px;
margin-bottom: 0px !important;
}
#lable-w{
padding-top: 0px!important;
}
/*****************btns*****************/
#pdf-btn{
margin:20px 0px 20px 20px;
}
#teacher-btn{
cursor: pointer;
float: right;
}
.btn-t{
background-color: #ab0000;
color:#FFFF;
border-radius: 3px 3px 3px 3px;
font-size:13px;
margin: 0 0 0 10px;
}
.btn-t:hover{
background-color: #770000;
color:#FFFF;
}
.btn-upload{
background-color:#ab0000 !important;
/*border-radius: 5px 5px 5px 5px;*/
color: #FFFFFF;
font-size: 13px;
padding: 2px 10px;
cursor:pointer;
}
.btn-upload:hover{
background-color:#770000 !important;
}
.button-outer{
border-radius: 3px 3px 3px 3px!important;
margin-right:7px;
}
.cancel-btn{
background-color:#BABABA !important;
color: #000;
}
.btn-upload:hover{
color: #FFFFFF;
background-color:#770000;
}
.sub-align{
color: #fff;
cursor: pointer;
display: block;
margin: 0 210px;
position: relative;
top: 10px;
width:200px;
}
.student-btn{
margin-bottom:20px;
}
.sub-align .sub-btns{
float:left;
}
.btn-txt{
font-size:14px;
font-weight:bold;
border-radius:10px;
}
.sub-align.sub-btns{
display: flex;
flex-direction: column;
align-items: flex-end;
}
.check-box1{
margin: 0 215px;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
width:200px;
}
.weeks-head{
width:100px;
margin-left: 15px;
}
/***************** form calendar*****************/
.col-date{
margin-left: 15px;
float: right;
cursor:pointer;
}
.bot-btn{
float:left;
}
/***************** form cols*****************/
.col-15{
float:right;
padding-left:10%;
cursor:pointer;
margin-top: 6px;
}
.col-80 {
float: left;
margin: 5px 0 0 10px;
}
.col-25 {
float: left;
width: 200px;
margin: 5px 0 0 15px;
}
.col-75 {
float: left;
margin: 5px 0 0 10px;
width: 220px
}
/***************** Category reports table*****************/
.tab-center-content{
margin-top:25px;
}
.form-bottom-1{
padding-top: 5px;
padding-bottom: 5px;
}
.form-width{
padding: 10px 20px 40px;
border-radius: 10px;
margin: 20px auto;
}
.col-report-res{
width:220px;
}
/*****************Daily Attendance*****************/
.tab-bg1 {
background: #c3d9ff;
padding: 15px 15px 40px 15px;
border-radius: 10px;
margin: 20px auto;
}
#customers2 td, th {
border: 1px solid #C3D9FF;
text-decoration: none;
color: #27292b;
font-weight: 500;
font-size: 13px;
text-align: left;
padding: 5px;
padding-left: 10px;
}
#customers2 th {
padding: 2px;
padding-left: 10px;
text-align: left;
background: #fff;
font-weight: bold;}
#customers2 tr:nth-child(odd){background-color: #F1F6FF;}
#customers2 tr:nth-child(even){background-color: #ffff;}
.tab-table-1{
width: 980px !important;
}
.tab-bg-width-1{
max-width: 990px!important;
}
.date-t th {
padding: 2px;
padding-left: 10px;
text-align: left;
background: #fff;
font-size: 15px;
color: #000000;
font-weight: bold;
}
#customers2 {
border-collapse: collapse;
width: 100%;
}
#date th{
color: #ab0000;
font-size: 11px;
font-weight: bold;
}
.date-th {
width: 47px;
}
#numbers td{
background: #fff;
padding: 2px;
text-align: center;
color: #2D2D2D;
font-size: 11px;
font-weight: bold;
}
/***************** gray colors table*****************/
#table-head-color{
max-width:100%;
}
.table-back-width{
margin-top:40px;
margin-bottom:40px;
border-collapse: collapse;
width: 100%;
}
#table-head-color td, #table-head-color th {
padding: 10px;
border: 1px solid #bfbfbf!important;
}
.tab-w-h{
width:900px;
}
.tab-width{
padding: 20px 20px 40px;
border-radius:10px;
}
#table-head-color td{
text-decoration: none;
color: #27292b;
font-weight: 300;
font-size: 13px;
text-align: left;
padding: 6px;
padding-left: 10px;
}
#table-head-color tr:nth-child(even){background-color: #FFFF;}
#table-head-color tr:nth-child(odd){background-color: #FFFF;}
#table-head-color th {
font-weight: bold;
background-color: #f0f0f0;
color: #000;
font-size: 13px;
}
.nav-tabs .nav-link {
border-top-left-radius: 0px!important;
border-top-right-radius: 0px !important;
}
.nav-bg-colors {
border: 1px solid #989898;
background-color:#E6E6E6;
}
.nav-bg-colors a.active {
background-color: #fff;
border-left: 1px solid#989898 !important;
border-right: 1px solid#989898 !important;
border-top: 1px solid#989898 !important;
}
.nav-bg-colors a:hover{
border-left: 1px solid#989898 !important;
border-right: 1px solid#989898 !important;
border-top: 1px solid#989898 !important;
}
.tab2-border-color{
border-top: none;
border-left: 1px solid#989898 ;
border-right: 1px solid#989898 ;
border-bottom: 1px solid#989898 ;}
/*****************blue colors table*****************/
.top-nav-bg {
border: 1px solid#88abe5;
background-color: #f4f9ff;
}
.top-nav-bg a.active {
background-color: #fff;
border-left: 1px solid#88abe5 !important;
border-right: 1px solid#88abe5 !important;
border-top: 1px solid#88abe5 !important;
}
.top-nav-bg a:hover{
border-left: 1px solid#88abe5 !important;
border-right: 1px solid#88abe5 !important;
border-top: 1px solid#88abe5 !important;
}
/*****************red color table*****************/
/*****************start nav-colors*****************/
.nav-colors {
border-bottom: 1px solid#989898 !important;
}
.nav-colors a.active {
background-color: #fff;
border-left: 1px solid#989898 !important;
border-right: 1px solid#989898 !important;
border-top: 1px solid#989898 !important;
}
.nav-colors a:hover{
border-left: 1px solid#989898 !important;
border-right: 1px solid#989898 !important;
border-top: 1px solid#989898 !important;
}
/*****************end nav-colors*****************/
#customers {
border-collapse: collapse;
width: 100%;
margin-right: 10px;
}
#customers td, #customers th {
border: 1px solid #ddd!important;
padding:0px;
}
#customers td{
text-decoration: none;
color: #27292b;
font-weight: 700;
font-size: 13px;
text-align: left;
padding: 5px;
padding-left: 10px;
word-break: break-word;
}
#customers tr:nth-child(even){background-color: #f2f2f2;}
#customers th {
padding: 5px;
padding-left: 10px;
font-weight: bold;
text-align: left;
font-size: 15px;
background: #ab0000;
color: white;
}
#customers th:hover
{background: #770000;
}
/******************* icons font size*******************/
.fa-right{
font-size:17px;
}
/*****************Start category Report*****************/
#customers1 {
width: 100%;
}
#customers1 td, #customers1 th {
padding: 10px;
border: 1px solid #bfbfbf;
}
#customers1 td{
text-decoration: none;
color: #27292b;
font-weight: 300;
font-size: 13px;
text-align: left;
padding: 6px;
padding-left: 10px;
}
#customers1 tr:nth-child(even){background-color: #FFFF;}
#customers1 tr:nth-child(odd){background-color: #FFFF;}
#customers1 th {
font-weight: bold;
background-color: #f0f0f0;
color: #000;
font-size: 13px;
}
/*****************end category Report*****************/
/******************* start index page*******************/
/*start top-header*/
.topnav {
position: fixed;
top: 0;
z-index: 10000;
width: 100%;
border-bottom-width: 1px;
border-bottom-style: solid;
background-color: #ab0000;
/* overflow: hidden;
background-color: #ab0000;
border-bottom-width: 1px;
border-bottom-style: solid;*/
/*z-index: 9999;
position: fixed;
left: 0;
top: 0;
width: 100%;*/
}
.top-md{
padding:0px !important;
max-width: 980px;
margin: 0 auto;
overflow: hidden;
}
.topnav ul li {
float: left;
display: block;
text-align: center;
}
.menuleftsection{
max-width:200px;
float:left;
}
.menuleftsection ul{line-height:36px;}
.topnav a:hover {
color:#FFFF;
text-decoration: none;
}
#top-head{
font-size:13px;
color:#FFFF;
cursor:pointer;
padding:1px 10px;
}
#top-head:hover{
background-color:#7E0000;
color:#FFFF;
}
.top-btn{
background-color: #ab0000;
font-size:14px;
border-left:1px solid #770000;
border-right:1px solid #770000;
border-bottom:none;
border-top:none;
cursor:pointer;
float:left;
}
.top-btn:hover{
background-color:#7E0000;
color:#FFFF;
}
.menurightsection{
float:rigth;
}
.tab-table-main{
max-width: 980px;
min-height: 350px;
margin: 0 auto !important;
background-color: #f1f1f1;
border: 1px solid#bfbfbf;
box-shadow: 0 0 4px 0 #333333;
top:56px !important;
z-index:99999;
}
.head-icons{
cursor:pointer;
float:right;
}
.head-icons ul li{
display:inline-block;
color:#FFFF;
text-align: center;
}
.head-icons ul li:hover{
background-color:#7E0000;
}
.dropdown-first a:hover{
background-color:#FFFF;
}
.drp-first{
text-align: center;
padding: 16px 20px;
color: #666;
}
.search-container{
padding: .375rem .75rem;
}
#custom-search-input{
border: 1px solid #C6C6C6;
border-radius: 1px 1px 1px 1px;
background-color: #fff !important;
height:25px;
width:270px;
}
.input-lg{
width: 100%;
border-radius: 0px!important;
resize: vertical;
background: #fff !important;
border: 1px solid #c6c6c6;
margin: 0px!important;
padding: 0!important;
}
.heighttext{
height:20px;
border:none;
}
#custom-search-input input{
border: 0;
box-shadow: none;
}
#custom-search-input button{
background: none;
box-shadow: none;
border: 0 !important;
color: #666666;
padding:0px !important;
}
/*.input-lg{
font-size: 13px;
}*/
#custom-search-input button:hover{
border: 0;
box-shadow: none;
border-left: solid 1px #ccc;
}
#input_img i{
float:right;
color:#C3C3C3;
}
#input_img{
width:20px;
}
.fa{
font-size:15px;
}
.btn-set{
background-image: linear-gradient(#F7F7F7, #D1D1D1);
border: 1px solid #b3b3b3;
border-radius: 3px;
font-size: 13px;
font-weight: normal;
margin-right: 10px;
margin-top: 13px;
padding: 2px 15px !important;
color: #666666;
cursor: pointer;
margin-left:10px;
}
.btn-set:hover{
color:#B1004A;
}
.user-dropdowns a{
color: #504A4B;
background: #f0f0f0;
padding: 0px 3px 5px 2px;
}
.drp-first3{
padding:0px;
text-align:center;
}
.user-dropdowns a:hover{
color: #504A4B!important;
background: #D9D9D9!important;
}
#dropdown-first1{
width: 300px!important;
box-shadow: 0 0 4px 1px #999999;
color: #000;
padding: 0;
text-align :center!important;
}
#dropdown-first1 :hover{
color: #000!important;
background: #ffff!important;
}
/*end top-header*/
.tab-inner{
height: 240px;
}
.tab-contents-top {
margin:20px 10px 20px 10px;
}
.tab-contents-top li{
margin: 10px 0;
}
.tab-contents-top ul .list-anchor .hover-drp{
display:inline-block;
cursor:pointer;
width: 195px;
padding:10px 5px;
border:1px solid transparent;
}
.tab-contents-top ul .list-anchor .hover-drp:hover {
background-color:#E6E6E6;
border:1px solid #CCCCCC;
}
.tab-contents-top img{
color:#868F98;
margin-right: 20px;
font-weight:300;
}
.tab-contents-top a{
color:#333333;
font-size:13px;
font-weight:bold;
}
.tab-contents-top li:hover{
color:#AB0000;
}
#table-wrapper-center{
position: fixed;
z-index:20;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
top:39px;
}
.nav-link:hover{
color: #ab0000 !important;
}
.nav-tab-1 {
border: 1px solid#cccccc;
background-color: #E6E6E6;
}
.nav-tab-1 li{
text-align: center;
font-weight: 500;
line-height: 30px;
}
.nav-tab-1 a.active {
background-color: #f1f1f1!important;
border: 1px solid#cccccc !important;
border-bottom: 3px solid #f1f1f1!important;
border-radius:0px !important;
}
.dropdown:hover>.dropdown-menu {
display: block;
}
.dropdown-menu {
padding: 0px !important;
}
.dropdown>.dropdown-toggle:active {
pointer-events: none;
}
.nav-tabs>li.active>a{
background-color: #ddd!important;
}
.dropdown-menu a:hover{
background-color:#AB0000;
color: #FFFF;
}
.nav-p {
margin:10px 0px 0px 5px;
padding:2px 10px;
}
/*end tabs*/
/*start center-content*/
.center-content{
max-width: 995px;
margin: 0 auto !important;
top: 56px !important;
}
.table-bg-set {
border-collapse: collapse;
margin-top:3px;
}
.table-bg-set td{
float: left;
margin: 0 20px 20px 0;
padding: 8px 0 8px 10px;
width: 220px;
background-color: #e7e7e7;
}
.in-text{
display: -webkit-flex; /* Safari */
display: flex;
line-height: 20px;
}
.in-text span{
font-size: 13px;
color: #333333;
}
.in-text input[type="checkbox"] {
margin: 3px 9px;
}
#hr-lines{
width: 100%;
background-color: #999999;
margin-top: 20px;
margin-bottom: 20px;
height: 1px;
}
#hide-buttons{
float:right;
}
#save-btn{
background-color:#AB0000;
border:none!important;
color:#FFF;
border-radius:3px;
padding:2px 10px;
font-size:13px;
cursor:pointer;
margin-right:10px;
}
.slide-up{
background-image: linear-gradient(#F7F7F7, #D1D1D1);
border: 1px solid #999999;
color:#000;
border-radius:3px;
padding:2px 10px;
font-size:13px;
cursor:pointer;
}
.panels{
margin-top:20px;
}
#panel-content{
max-width: 980px;
margin: 0 auto;
}
.col-panel{
width: 306px;
float: left;
margin: 0 20px 20px 0;
}
.clickable{
cursor: pointer;
}
.panel{
border: 1px solid #CCCCCC !important;
box-shadow: 3px 3px #CCCCCC !important;
background-color: #F5F5F5 !important;
border-radius:0px!important;
}
.panel-heading {
border-bottom: 1px solid #CCCCCC ;
color: #666666;
padding-top: 12px;
padding-left: 7px;
padding-right: 5px;
height: 38px;
}
.panel-heading h3{
float: left;
}
.topnav-right {
float: right;
}
.panel-icons {
margin-left: 12px;
font-size: 15px;
}
.panel-title {
color: #666666 !important;
font-size: 13px;
font-weight:bold;
display:flex;
}
.form-control1 {
background-color: transparent;
border: 0px solid;
height: 20px;
width: 160px;
color: #CCC;
}
/*start split images*/
.panel-img{
height: 20px;
width: 20px;
float: left;
margin-right: 5px;
margin-top: -2px;
background: url('../images/split-img.png') ;
}
.st-img{
background-position:1px -200px !important;
}
.book-img{
background-position:1px -260px !important;
}
.adm-img{
background-position:-60px -300px !important;
}
.prev-img{
background-position: 2px -32px;
margin-left: 40px;
}
.next-img{
background-position: -14px -32px;
margin-right: 3px;
}
.fees-img{
background-position: 0px -279px;
}
.Tasks-img{
background-position: 0px -300px;
}
.alarm-img{
background-position: -80px -220px;
}
.bday-img{
background-position: -80px -300px;
}
.panel-icon{
font-size:12px;
color:#aaaaaa;
font-weight:normal !important;
margin-right: 5px;
cursor:pointer;
}
.panel-icon:hover{
color:#333333;
}
.refresh-img{
background-position: -80px 1px;
}
.chevron-img{
background-position: -48px 3px;
}
.remove-img{
background-position: -31px 3px;
}
.panel-dates{
width:120px;
text-align:center;
color: #999999;
font-size: 13px;
}
#txtDate{
border:none;
background:#F5F5F5
}
.panel-body{
padding: 10px;
}
.date-form1{
height: 33px;
margin-left:10px !important;
}
.ui-datepicker-trigger{
padding-left: 10px;
width: 26px;
height: 27px;
padding-top: 5px;
}
.ui-datepicker-month,.ui-datepicker-year{
padding:3px !important;
}
.ui-datepicker { width: 216px;
height: auto;
font: 9pt Arial, sans-serif;
}
.panel-body-center{
width: 100%;
float: left;
}
.student-data{
margin-top: 10px;
background-color: #fdfdfd;
width: 90%;
float: left;
margin-left:15px!important;
}
.student-data span{
color: #999999;
font-weight: normal !important;
padding: 10px;
float: left;
width: 93%;
font-size:13px;
}
/*end split images*/
/***************** end index page*****************/
.top-user-icons{
border-bottom: 1px solid #cccccc;
padding:20px 10px 5px 0px;
}
/*.top-user-icons-h{
height:30px;
}*/
.top-user-icons img{
height: 22px;
width:22px;
}
.top-user-icons h1{
margin: 0px;
padding-left:10px;
color: #666666;
font-weight:600;
font-size: 17px;
float: left;
}
.header-section{
margin-top: 10px;
margin-bottom: 20px;
}
.header-section span{
color: #000;
font-size: 13px;
}
.header-section a {
color: #000;
font-size: 13px;
}
#header-section{
margin-top:40px;
}
#header-section a{
color: #000;
font-size: 13px;
margin-bottom: 35px;
margin-left: 0px !important;
margin-top: -15px;
}
#header-section span{
color: #000;
font-size: 13px;
margin-bottom: 35px;
margin-left: 0px !important;
margin-top: -15px;
}
/***************** Noticeboard*****************/
.edit-bg1 i{
color:#ffff;
}
#meassage-text{
background-color:#EEEEEE;
margin-top:20px;
border-radius:13px;
}
#meassage-text h6{
padding-top:5px;
padding-bottom:5px;
font-size:13px;
text-align:center;
}
.tab-table{
max-width:105%;
margin-left:auto;
margin-right:auto;
}
.nav-link{
color: #333333;
font-size: 13px;
}
.nav-link:hover{
color: #ab0000 !important;
}
.tab-content-center{
border-top:none;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
/*.nav-tabs {
border-bottom: 1px solid#989898!important;
}*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
border-color: #cccccc #cccccc #fff;
}
.btn-md{
background: #27292B;
border: none;
color: #fff;
font-size: 13px;
font-weight: 300;
cursor: pointer;
}
.btn-md:hover{
color: #fff;
}
.dropdown-menu {
text-align: left;
background-color: #fff;
}
.dropdown-menu a{
border-top: 1px solid #CCCCCC;
font-size: 13px;
color: #666666;
font-weight: normal !important;
}
.dropdown-messages {
border-top: none!important;
}
.edit-bg{
background-color:#ab0000;
padding-left:7px;
padding-top:5px;
padding-bottom:7px;
padding-right:10px;
padding-left:10px;
text-align:center;
border-radius:3px;
cursor:pointer;
}
.edit-bg i{
color:#ffff;
}
/* start form-section*/
.form-bottom{
border-bottom:1px solid #eeeeee;
padding-top:5px;
padding-bottom:15px;
}
input[type=text], select, textarea {
width: 220px;
border-radius: 10px;
resize: vertical;
background: #eee;
border: 1px solid #c6c6c6;
padding: 6px;
font-size:13px;
color:#000000;
}
textarea:focus {
background: #ffffff ;
border: 1px solid #ab0000 ;
}
input[type=text]:focus {
background: #ffffff ;
border: 1px solid #ab0000 ;
}
input[type=password]:focus {
background: #ffffff ;
border: 1px solid #ab0000 ;
}
label {
display: inline-block;
color: #444;
display: block;
font-size: 15px;
margin: 0 0 0px 0;
float: left;
padding-top: 10px;
font-weight: 600;
}
.form-top{
border-top:1px solid #9E0F15;
}
.Roll-number{
width:120px;
float: left;
margin-top: 6px;
}
.hiddenItem{
border-radius: 5px;
border: 1px solid #ccc;
cursor:pointer;
width: 210px;
}
.ph-style:focus{
outline:none;
}
/* end form-section*/
/*****************start Daily Dormitory*****************/
.tab-border-color{
border-top:none;
border-left: 1px solid#88abe5;
border-right: 1px solid#88abe5;
border-bottom: 1px solid#88abe5;
}
#customers3 {
width: 100%;
}
#customers3 td, #customers3 th {
border: 1px solid #C3D9FF;
padding: 0px;
}
#customers3 td{
text-decoration: none;
color: #27292b;
font-weight: 300;
font-size: 13px;
text-align: left;
padding: 5px;
padding-left: 10px;
}
#customers3 tr:nth-child(even){background-color: #FFFF;}
#customers3 tr:nth-child(odd){background-color: #FFFF;}
#customers3 th {
padding: 5px;
padding-left: 10px;
font-weight: bold;
text-align: left;
font-size: 15px;
background: #FFFF;
color: #000000;
}
tr.empty-row{
height:10px;
}
.flexbox-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.flexbox-container img{
margin-left: 5px !important;
}
/*****************end Exams List*****************/
/*****************start General settings*****************/
.bottom-img{
padding-top:30px;
}
.sub{
padding-top:10px;
font-size: 13px;
}
.sub .btn-dark{
border: none;
font-size: 13px;
padding: 5px 9px;
border-radius: 8px;
background: #27292B;
font-weight: bold;
}
.col-85{
max-width: 500px;
margin: 0px 10px;
}
#file-left{
width:250px;
}
#blah {
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
width: 150px;
}
/*start techer time table*/
.fixed_headers td{
padding: 0px!important;}
.fixed_headers TBODY TR TD:first-child {
height: 117px;
width: 48px !important;
}
.fixed_headers TD {
margin-top: 5px;
margin-left: 5px;
}
.fixed_headers {
display: block;
overflow-x: auto;
white-space: nowrap;
}
.fixed_headers tr:nth-child(odd) {
background-color: #FFFF!important;
}
.td-centers{
cursor: pointer;
}
.td-top-head{
height:25px;
}
.s-subject{
width: 172px;
height: 85px;
padding-left: 7px;
}
.subject-left{
padding-left: 15px;
}
.td-text-inner:hover{
background-color:#FFFF!important;
}
.right-b-colors{
border-right: 1px solid #ccc;
}
.h-lines{
background-color: #cccccc;
height: 1px;
}
.s-subject-in{
padding: 8px;
padding-top: 6px;
padding-bottom: 7px;
padding-right: 8px;
}
.bottom-text{
color: black!important;
font-size: 12px!important;
}
.b-colors-top{
border-top: 1px solid #ccc;
}
.top-t-center{
padding-top: 6px;
padding-bottom: 6px;
border-bottom: 1px solid #ccc;
}
.fa-exclamation-triangle{
color:#EF3337;
font-size: 10px;
margin-right: 5px;
}
#left-table{
float: left;
border: 1px solid #c3d9ff;
}
.left-h-border{
border-top: 1px solid #c3d9ff;
}
.special-t{
padding-left: 10px;
}
.teacher-t-list ul li{
margin-left: 10px;
}
.timetable-td-color{
background: #c3d9ff;
padding:0px !important;
}
.timetable-td-w{
width: 75%;
}
#timetable-td-bcolor{
border: 5px solid #c3d9ff;
min-height: 621px;
}
.studet-list{
font-size: 14px;
font-weight: bold;
color: #000;
padding: 10px 10px 0px;
}
.left-head h1{
font-size: 14px;
font-weight: bold;
color: #000;
padding-top: 7px;
}
.timetable-list ul{
text-align:left;
margin:0px !important;
padding:0px !important;
}
.timetable-list ul li {
padding: 5px 10px;
line-height: 20px;
}
.timetable-list ul li a{
font-size: 14px;
color: #000;
}
.timetable-list ul li:hover{
background-color:#F1F6FF;
}
.timetable-list ul li a:hover{
text-decoration:none;
color: #AB0000;
}
.Timetable-btns1{
float:left;
width: 225px;
margin:30px 23px auto;
}
.left-table-h{
max-height:650px;
margin: 0px 30px 10px 0px;
}
.t-table-h{
margin:20px 10px 0px 10px;
text-align:center;
}
/*****************start Manage Class Timing*****************/
tr.empty-row{
height:10px;
}
#spcial-text{
width: 650px;
}
td #edit-text{
color:#AB0000;
font-size:12px;
}
#edit-text a{
color:#AB0000;
font-size:12px;
font-weight:bold;
}
#edit-text a:hover{
text-decoration:none !important;
}
#manage-time td{
text-decoration: none;
color: #27292b;
font-weight: 300;
font-size: 13px;
text-align: left;
padding: 5px;
padding-left: 10px;
}
#manage-time th {
font-weight: bold;
text-align: left;
font-size: 15px;
background: #FFFF;
color: #000000;
}
#manage-time td, #manage-time th {
border: 1px solid #C3D9FF;
padding: 3px;
padding-left: 10px;
}
#manage-time tr:nth-child(even){background-color: #FFFF;}
#manage-time tr:nth-child(odd){background-color: #FFFF;}
/*****************end Manage Class Timing*****************/
/*****************start login page*****************/
#body-bg-colors {
background: #EEEEEE;
}
form:focus {outline:none}
.place-h input:focus {outline:none}
.auto {cursor: auto;}
.card-body-login{
padding: 30px;
}
.card-signin .card-title {
font-weight: bold;
font-size: 15px;
text-align: center;
color: #333333;
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;
margin-bottom:0px !important;
}
.login-fm{
width:50%;
}
.form-signin .btn {
font-size: 80%;
border-radius: 5rem;
letter-spacing: .1rem;
font-weight: bold;
padding: 1rem;
transition: all 0.2s;
}
.card-signin {
border: 1px solid #CCCCCC;
background-color:white;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
height:260px;
margin-left:auto;
margin-right:auto;
margin-top:150px!important;
}
.place-h input{
width: 235px;
height: 27px;
margin: 0 0 20px 0px;
float: left;
background-color: #f9f9f9;
border: 1px solid #d9d9d9;
border-radius: 0px!important;
font-size:13px;
padding-left: 5px;
padding-right: 5px;
}
#form-img {
float: left;
width: 165px;
padding-right: 30px;
border-right: 1px solid #CCCCCC;
height: 140px;
}
.form-inner{
width: 255px;
float: left;
padding-left: 30px;
}
.cancelbtn:hover {
opacity: 0.8;
}
.login-btn {
color: white;
font-size: 15px;
font-weight: bold;
margin: 8px 0;
border: none;
cursor: pointer;
padding: 3px 10px;
background-color: #ab0000 !important;
border-radius: 5px 5px 5px 5px;
}
.login-btn:hover{
background-color: #770000 !important;
}
span.psw a{
float: right;
padding-top: 16px;
color: #666666;
font-size:11px;
}
span.psw a:hover {
color: #ab0000 !important;
text-decoration:none;
}
/*****************end login page*****************/
/*****************start For got password*****************/
.u-names{
font-weight: bold;
color: #333333;
margin-bottom: 10px;
font-size: 13px;
}
/*****************end For got password*****************/
/*****************start Manage Quick Links*****************/
.table-quicklinks{
margin-top:30px;
}
.quick-link-text{
margin-top:50px;
}
.manage-head{
color: #666666;
}
.table-panels{
margin-top: 30px;
margin-bottom: 30px;
}
.col-first{
width: 247px;
float: left;
margin-right: 0px;
}
.col-p{
margin: 10px 10px 0px 0;
height: auto;
padding-left: 10px;
padding-top: 12px;
padding-bottom: 12px;
background-color: #e8e8e8;
}
#manage-h{
font-weight: bold;
font-size: 17px;
margin-top: 2px;
}
#manage-h1{
margin-left: 15px;
font-size: 11px;
margin-top: 7px;
font-weight:normal !important;
}
#manage-h2{
color: #333333;
font-weight: bold;
font-size: 14px;
margin-bottom: 10px;
}
.in-text1 span{
font-size:14px!important;
margin-left: 10px;
float:left;
}
.in-text1{
overflow: hidden;
}
.panel-id {
width: 230px;
display: none;
font-size:12px;
color: #666666;
padding-top: 1px;
}
.panel-id li{
padding-top:2px;
line-height: 20px;
margin: 3px 9px;
}
.panel-id li span{
margin-left: 10px;
}
.rotate{
float: right;
color: #666666;
margin-right: 15px;
font-size: 11px;
}
#flip{
float:right;
}
#hr-lines1{
background-color: #cccccc;
margin-top: 20px;
height: 1px;
margin-bottom:30px;
}
/*****************end Manage Quick Links*****************/
/*****************start Time table*****************/
/* start link-section*/
section.header-section{
margin:30px 0px;
text-align:center;
}
/*.link-top-section{
clear: both;
max-width: 69%;
margin: auto;
}*/
.col-left{
margin-top: 10px;
margin-bottom: 10px;
/* width: 38%;*/
height: 80px;
cursor:pointer;
}
.head-text a{
font-weight: bold;
color: #900;
text-decoration:underline;
font-size:17px;
margin-bottom:0px !important;
}
.para-text{
color: #666;
}
.flot-btn{
padding-top:0px !important;
}
/*****************end Time table*****************/
/*****************start Set Weekdays & Class Timing Sets**************/
.set-weeks-content{
max-width:750px !important;
margin: 12px auto !important;
}
.form-sets{
border-bottom: none;
display: flex;
/*margin-left:2px!important;*/
}
.first-td{
width: 60%;
}
.second-td{
width: 10%;
}
.td-f{
background: #f1f6ff !important;
}
.head-td{
font-size:17px!important;
}
.weeks-head label{
margin-right: 30px;
font-size: 14px;
font-weight: normal;
padding-top: 5px!important;
}
.grades-normal {
width: 215px;
height: 27px;
padding: 3px 6px;
}
.set-input-f{
height: 25px;
padding: 3px 6px;
width: 150px;
margin-left: 10px;
}
.left-d{
float: left;
}
.form-h{
height:35px!important;
}
.cancel-td{
margin-right: 10px;
cursor: pointer;
float: right;
}
.cancel-td span{
font-size: 13px;
font-weight: normal;
color: #990a10;
}
.batch-change label{
float: left;
margin-left: 10px;
padding-top: 0px!important;
cursor:pointer;
}
/*****************end Set Weekdays & Class Timing Sets**************/
#comment-w{
width:800px;
}
.comment-messages{
background-color:#FFFFF!important;
}
.message-btns{
margin-top:10px;
margin-bottom: 10px;
}
.btns-md1{
margin-bottom: 30px;
margin-right: 10px!important;
}
/*****************start Class Timing Sets**************/
.form-class-timing{
border-bottom: none;
}
.hide-forms{
padding-top:7px;
}
.search{
padding-top:10px;
}
.default-form{
font-size: 14px;
font-weight: bold;
cursor: pointer;
float: left;
color: #23272B;
}
.Edit-form{
font-size: 14px;
font-weight: normal;
cursor: pointer;
float: left;
color: #ab0000;
}
#remove-form{
font-size: 14px;
font-weight: normal;
cursor: pointer;
color: #ab0000;
}
.btn-l{
padding: 2px 10px;
font-size: 14px;
font-weight: bold;
cursor: pointer;
border-radius:10px;
}
.btn-l:focus {
outline:none !important;
}
/*****************end Class Timing Sets**************/
/*****************start Work Allotment**************/
[data-toggle="collapse"]:after {
display: inline-block;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f054";
transform: rotate(90deg) ;
transition: all linear 0.25s;
float: right;
}
[data-toggle="collapse"].collapsed:after {
transform: rotate(0deg) ;
}
.card{
margin-top: 5px;
margin-bottom: 5px;
background: transparent !important;
border: 1px solid #D4D4D4 !important;
border-radius:0px!important;
}
.mb-0{
height:15px;
}
.card-header{
background: #f4f4f4 !important;
padding: 20px;
cursor: pointer;
box-shadow:none!important;
}
.left-c-head {
font-size:14px;
font-weight: bold;
color: #000;
width:40%;
margin-left:20px;
}
.right-c-head{
font-weight:normal!important;
width:35%;
font-size:13px;
color: #666!important;
}
.right-c-icon{
width:15%!important;
float:right;
}
.right-c-icon a{
color: #666!important;
font-weight:normal!important;
float:right;
font-size:15px;
}
.clearfix{
line-height: 30px;
padding: 20px 30px 10px 20px;
}
.collapse-h{
max-width: 750px;
}
.clearfix span{
color: #999;
font-size: 15px;}
.text-c{
font-size: 14px;
color: #999;
line-height:40px;
padding-left:30px;
}
.text-p{
font-size: 13px;
color: #333;
line-height:40px;
}
.f-6{
width:400px;
}
.s-2{
width:165px;
border-left: 1px solid #eee;
}
.p-text{
padding-left: 10px;
}
.t-7{
width:125px;
}
.t-1{
width:200px;
border-left: 1px solid #eee;
}
.card-body {
padding:0px 0px 0px 0px;
}
.second-row{
border-top: 1px solid #eee;
}
.hr-lines1{
background-color:#CCCCCC !important;
}
.text-left{
padding-left:30px;
}
/*****************end Work Allotment**************/
.send-form{
margin-top: 22px!important;
}
/*****************start SMS EXPORT**************/
.head-sms {
text-align: center;
margin-top: 50px;
}
#manage-bg{
background-color:transparent !important;
}
.customer-p{
margin-top:10px;
margin-bottom:20px;
}
/*****************start Manage timetable**************/
#spcial-text1{
width:450px;
}
.edit-text1 a{
color: #000 !important;
font-weight:normal!important;
font-size: 13px!important;
}
.edit-text1 a:hover{
color: #990a10!important;
text-decoration: underline!important;
}
.form-manage-table{
height: 30px;
margin-bottom: 20px;
}
.in-forms{
height: 27px!important;
padding: 3px 6px!important;
}
.manage-label{
padding-top: 5px!important;
font-size: 16px!important;
}
/*****************start settings**************/
.settings-head h4{
text-align: left;
font-size: 17px;
color: #444;
font-weight:bold;}
.settings-para p{
margin: 15px 0px 30px;
}
.settings-para p{
color: #666;
font-size: 13px;
}
.radio-text{
color: grey !important;
font-size: 13px!important;
font-weight:normal!important;
}
.sub-btn2{
margin-left: 0px;
margin-top: 30px;
}
/*.input-leftt{
font-weight:normal!important;
}
#t-color{
font-weight:bold;
} */
.form-settings{
margin-left: 20px;
}
/*****************start Allocate**************/
.form-check-label{
margin-left: 20px;
width:75px;
}
.opt-h{
color: black !important;
}
.rodio-text{
margin-left: 20px;
}
.allocat-h{
margin-top: 2px!important;
}
.sub-margin{
padding-top: 20px;
}
.table-f-w{
width: 200px !important;
}
.allocat-d{
padding-top: 5px!important;
margin-left: 35px !important;
}
.label-t{
font-weight:normal!important;
margin-left:20px;
}
.label-t1{
margin-right:8px;
}
/*****************start View Timetable**************/
.myTimetable-top{
margin: 0px auto;
width: 100%;
margin-bottom:40px;
}
.myTimetable {
width:100%;
border-collapse: collapse;
margin-top:10px;
}
.Timetable-btns{
padding-bottom: 30px;
}
.myTimetable TBODY {
border: 1px solid #999999;
background-color: #e5e5e5;
}
.myTimetable TD {
height: 118px;
padding: 6px;
text-align: center;
margin-top: 5px;
margin-left: 5px;
}
.myTimetable TR{
margin-top:5px;
}
.myTimetable TBODY TR TD:first-child {
height: 117px;
width: 48px;
font-weight: bold;
font-size: 13px;
color:#000;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #999999;
}
.mySpan{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
}
.lunch {
background-color: #FF0066 !important;
font-style: italic;
}
.td-space{
margin-left: 10px;
}
.center-myspan{
margin-bottom:4px;
border: 1px solid #999;
height:100px;
text-align: center!important;
font-size: 13px;
font-weight: normal;
width:60px;
margin-top: auto;
}
.center-inners{
margin: 0 auto;
}
.center-inners1{
margin-top: 20px!important;
margin-bottom: 20px!important;
}
.td-center-inner{
width:70px;
margin-right:20px;
}
.td-bg-c {
width: 100%;
margin-bottom:4px;
background: #fff;
height: 100px;
cursor: pointer;
}
.td-bg-c:hover{
background: #FFFFCC;
}
.Time{
font-size: 11px;
font-weight: normal;
color: #999999;
padding-bottom:5px;
text-align: center;
}
.subject {
font-size: 13px;
color: #333333;
margin:15px 10px 0px 7px;
text-align:left;
margin-top: 5px;
}
.Names{
font-size: 13px;
color: #999999;
margin:20px 0px 0px 7px;
height:15px;
text-align:left;
}
.selectedoption {
width: 100px;
height: 14px;
padding: 5px;
}
.the_dropdown li ul {
margin-top: 5px;
}
.the_dropdown li a {
color:#000;
text-decoration:none;
background-color: yellow;
padding:1px;
width:100px;
display:block;
}
.the_dropdown li ul {
display: none;
}
.the_dropdown li:hover ul{ /* Display the dropdown on hover */
display:block;
position:absolute;
}
/*****************start Swap Timetable**************/
.swap-text{
font-size:16px !important;
}
.swap-form{
width:130px!important;
}
.manage-content{
margin-top: 40px;
padding-bottom: 20px;
/*border-bottom: 1px solid #d4d4d4; */
}
.swap-f-width{
width: 250px;
margin-right:40px;
margin-left:10px;
}
.swap-forms{
margin-top: 40px;
}
.input-head{
margin-bottom: 15px;
}
.form-style{
border-radius:0px!important;
border: 1px solid #c6c6c6!important;
height: 33px!important;
padding: 3px 6px;
background-color:#fff !important;
}
.from-left-w{
margin-left:40px;
}
.from-left-w1{
margin-left:10px;
}
.from-left-w2{
margin-left:20px;
}
.from-lable{
width:40px;
}
.lable-left-p{
padding-top:0px !important;
}
.form-to-hr{
width: 100%;
height: 1px;
background-color: #333333;
margin-bottom: 5px;
margin-top: 15px;
}
.no-subject-color{
background-color:#FFF1AB;
}
/*****************start Subjects Center**************/
.col-top{
margin-top:30px;
}
.course-head{
font-weight:bold!important;
}
.left-f{
width: 200px;
}
.left-text{
color: #898989!important;
}
.h-25{
height:20px!important;
}
.left-links ul li a{
margin-right: 20px;
border-bottom: 1px solid #999;
font-weight:normal;
}
.left-links a:hover{
color:#B30000!important;
}
.empty-subjects{
border: 1px solid #EFDC86;
padding: 5px;
margin-top: 28px;
font-size: 13px;
}
@-webkit-keyframes Gradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-moz-keyframes Gradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes Gradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
.text-center{text-align:center;}
.modal-content{
display: block;
/*width: 130%;
height: auto;*/
overflow: auto; /* Enable scroll if needed */
margin: auto ;
border-radius:0px;
}
.modal-header {
padding:20px 20px 20px 20px;
border-bottom: 1px solid #c6c6c6;
}
.modal-title{
font-weight:bold;
font-size:17px;
color:#444;
}
.col-w{
width: 250px;
margin-top: 10px;
}
.modal-body{
background-image:url('http://snippetimg.meditialabs.com/bgs/bg1.jpg');
background-position:top left;
background-size:cover;
width:100%;
padding:0px 40px 0px 40px;
}
.modal-open .supreme-container{
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-o-filter: blur(1px);
-ms-filter: blur(1px);
filter: blur(1px);
}
.text-intro{
text-align:left;
font-weight:bold;
margin-top: 10px;
}
.list-group-item{
padding: 0px 10px 0px 5px;
border: 1px solid #bfbfbf;
border-radius:0px !important;
}
.list-i-text{
margin-left: 10px;
margin-top: 3px;
}
.list-group-item-action{
color:#444!important;
}
.s-left{
padding-left: 40px;
}
.clearfix-padding{
padding: 15px 30px 0px 20px;
}
.col-w1{
margin: 10px 0 0 5px;
}
.col-w1-inputs{
width: 80% !important;
border-radius:0px!important;
height: 28px;
}
.model1-top{
padding: 20px 40px;
}
.modelsecond-top{
margin-bottom: 20px;
margin-top: 20px;
}
.col-w2-inputs{
width: 250px !important;
}
.col-w1-left{
margin-left: 15px;
}
.radio-left-text{
width: 140px;
}
.r-top{
margin-top:5px;
}
.popup-form{
background: #FFFF;
border-color: rgb(169, 169, 169);
border-radius:0px;
padding:0px;
width:140px;
}
.btns-border{
border-top: 1px solid #c6c6c6;
padding: 20px 0px 20px 0px;
}
.center-fr{
margin-top:20px;
margin-bottom: 25px;
}
.form-last-s{
margin-top: 25px;
}
.calculate-section{
background: #efefef;
width: 100%;
padding: 15px;
border: 1px solid #ccc;
margin-top: 25px;
}
.list-group-item-1{
padding: 10px 5px 10px 5px !important;
}
.clearfix1{
line-height: 30px;
padding: 8px 30px 5px 20px!important;
}
.dropdown {
position: relative;
display:block;
padding:0;
}
.dropdown::after {
content: "";
position: absolute;
width: 9px;
height: 8px;
top: 50%;
right: 1em;
margin-top:-4px;
z-index: 2;
}
/* Firefox >= 2 -- Older versions of FF (v2 - 6) won't let us hide the native select arrow, so we'll just hide the custom icon and go with native styling */
/* Show only the native arrow */
body:last-child .dropdown::after, x:-moz-any-link {
display: none;
}
/* reduce padding */
body:last-child .dropdown select, x:-moz-any-link {
padding-right: .8em;
}
_::-moz-progress-bar, body:last-child .dropdown {
overflow: hidden;
}
/* Show only the custom icon */
_::-moz-progress-bar, body:last-child .dropdown:after {
display: block;
}
_::-moz-progress-bar, body:last-child .dropdown select {
/* increase padding to make room for menu icon */
padding-right: 1.9em;
/* `window` appearance with these text-indent and text-overflow values will hide the arrow FF up to v30 */
-moz-appearance: window;
text-indent: 0.01px;
text-overflow: "";
/* for FF 30+ on Windows 8, we need to make the select a bit longer to hide the native arrow */
width: 110%;
}
_::-moz-progress-bar, body:last-child .dropdown select:focus {
outline: 2px solid rgba(180,222,250, .7);
}
/* Opera - Pre-Blink nix the custom arrow, go with a native select button */
x:-o-prefocus, .dropdown::after {
display:none;
}
/* Firefox focus has odd artifacts around the text, this kills that */
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.colors {
display: none;
}
.no-list{
margin-top:20px;
}
.form-delete{
padding: 20px 40px;
border-bottom: 1px solid #c6c6c6;
}
.delete-head{
margin-left:20px;
}
.reorder-text{
margin-bottom: 25px;
text-decoration:underline;
font-size:16px;
}
.btns-border1{
margin-top: 30px;
border-top:0px;
}
.connect-width{
width:30%;
}
.subject-h-p{
margin-top:20px;
margin-bottom:20px;
}
.table-bg-p{
padding:10px !important;
}
.form-w-set{
margin-left:20px;
margin-right:20px;
}
.btns-left{
margin-left:40px;
}
.tab-bg-width{
max-width: 100%!important;
}
.col-left-content{
padding-left: 6%!important;
}
.form-bottoms{
padding-bottom: 15px;
}
.col-left-width{
width:120px !important;
}
.center-subject-text{
margin-top: 55px;
margin-bottom: 5px !important;
}
.col-left-width1{
padding-left:80px;
}
.col-right-width2{
width:100px!important;
}
.removes-icon{
width:170px;
}
.remove-color{
color:#FF7755;
}
.add-forms{
border-bottom: 1px solid #cccccc;
height: 75px;
}
.add-field-rows{
border-bottom: 1px solid #cccccc;
height: 75px;
padding-top: 15px;
}
.add-left-text{
color: #080 !important;
height: 12px;
width: 100px;
margin-left:15px;
}
.form-last{
margin-top: 20px;
cursor:pointer;
}
.add-second{
overflow: hidden;
padding-top: 15px;
padding-bottom: 15px;
width: auto;
}
.table-paddings{
padding: 20px 20px 20px!important;
}
.first-clerfix-h{
width:360px;
}.second-clerfix-h{
width:162px;
}
.third-clerfix-h{
width:307px;
}
.tab-bg-p{
margin: 20px auto!important;
}
#form-sections{
max-width: 970px;
margin: 0 auto;
}
.return-books-w{
margin: 0 auto;
max-width: 700px;
text-align: center;
}
.return-books-w1{
text-align: center;
max-width: 500px!important;
}
.sub-align2{
margin: 0 216px!important;
width:150px;
}
.btn-2{
padding: 5px 10px!important;
border-radius: 10px!important;
font-size: 14px;
}
/*****************start Manage Barcode**************/
.col-left-sections{
padding-left: 17px;
}
.col-center-margin{
margin-left:30px;
padding-top: 10px;
width: 200px;
}
/*****************start Book Movement Log**************/
.calender-form{
padding: 20px 0px;
}
.from-lable1{
width: 130px;
}
.table-f-w1{
width: 175px!important;
}
.sub-align3{
margin-bottom: 20px;
width: 200px;
padding: 7px 10px;
margin: 0 170px;
}
}
/*****************start Manage Book Additional Details**************/
.form-row{
height: 40px;
width: 600px;
margin-bottom: 10px;
}
.check-box-h{
width: 205px;
height: 17px;
}
.check-box-cols{
margin-left:20px;
}
.btn-w{
padding-top: 30px;
}
#customers7 td, #customers7 th {
color: #27292b;
font-weight: 300;
font-size: 13px;
padding: 5px;
padding-left: 10px;
}
#customers7{
margin-top: 30px;
}
.form-centers1{
max-width: 70%!important;
margin:0 auto;
}
.td-w{
width: 250px;
text-align:center;
}
.link-bottom :hover{
text-decoration: underline;
color:#AB0000;
}
.link-bottom ul li{
margin-right:10px;
font-size:15px;
}
/*****************start Manage Tags**************/
.manage-time1 th{
padding:5px !important;
font-size:17px!important;
}
.manage-time1 td{
padding:10px !important;
}
.admin-top{
margin-top:30px !important;
}
.cols-2{
width: 116px!important;
}
.sub-align4{
margin: 15px 125px!important;
width:200px;
}
.book-w{
width:200px;
margin-left: 15px;
}
.cols-3{
width:100px;
}
.date-left-content{
margin-left:30px;
width:100px;
}
.row-colors th{
color:#AB0000!important;
font-size:17px!important;
}
.font-weight1 td{
font-weight:bold!important;
font-weight: 600!important;
font-size:14px!important;
}
.link-img{
background: url(../images/split-img.png) no-repeat ;
width: 15px;
height: 15px;
float: left;
}
.pdf-content ul li{
padding-left:10px;
}
.pdf-img{
background-position:-162px -82px;
}
.print-img{
background-position:-162px -64px;
}
.load-img{
background-position:-164px -103px;
}
.edit-texts ul li{
margin-right: 0px!important;
font-size:13px!important;
}
.edit-texts :hover{
text-decoration: underline;
color:#AB0000;
}
.search-btns{
margin:10px 30px 30px 20px;
}
.tab-bg-p{
padding: 20px 20px 90px!important;
}
.modal-content-w{
width: 500px!important;
height: 314px!important;
border-radius: 12px!important;
}
.modal-bodys{
padding:0px!important;
}
.book-ws{
margin-left: 20px!important;
}
.close-i-color{
background-color:#AB0000!important;
border-radius:50px;
height: 30px;
width: 30px;
}
.close-size{
font-size: 20px!important;
color:#FFFF!important;
opacity: 10!important;
margin-right:20px;
text-shadow: 0 0px 0 #fff!important;
text-align:center;
}
.modal-header .close-size{
padding: 1.40rem!important;
}
.Select-batch-list{
margin-bottom: 15px;
}
/*****************start Geneated Reports**************/
.left-list-content{
width: 200px;
max-height: 400px;
float: left;
}
.right-table-contents{
margin-left: 25px;
}
.table-inner-contents{
padding: 20px 20px!important;
width:750px!important;
}
.table-list-text ul li {
padding: 2px 0 2px 0!important;
}
.table-list-text ul li a{
font-size: 13px!important;
}
.fonts-text td{
padding: 10px!important;
font-weight:600!important;
}
.table-colors td{
color:#AB0000!important;
}
.table-colors {
background-color:#fff!important;
}
#left-t {
padding-top:30px;
padding-bottom:20px;
}
.down-btn{
padding-top: 20px;
padding-bottom: 20px;
}
.add-mg{
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #e5e5e5;
}
#comment-w1{
width:750px!important;
}
.cancel-btns{
margin-left: 12px;
}
.canel-btn-t{
padding-right: 0px!important;
}
.span-text-spaces{
margin-left: 10px;
margin-right: 10px;
}
#span-first-t{
margin-right: 30px;}
/*****************start Consolidate Report**************/
.table-width{
width: 960px!important;
overflow: auto;
}
.table-td-f td{
font-weight:600!important;
font-size :14px !important;
}
.last-td td{
color: #ab0000!important;
font-size: 16px!important;
font-weight: bold!important;
}
.col-left-width2{
width: 190px ;
}
/*.table-b-c td,.table-b-c,th{
border: 2px solid #C3D9FF!important;
}*/
.fonts-text1 td{
font-weight: 600!important;
}
#add-remarks{
cursor:pointer;
}
/*****************start Institutional Timetable**************/
.table-inner-contents1{
max-width: 120%!important;
border-collapse: collapse;
}
#table-caledner{
background: #a6c7ff;
margin-bottom: 20px;
}
.pre-next-c{
width: 600px;
margin: 0 auto;
text-align: center;
}
.td-f-row{
width:9%;
height:100%;
}
.head-bg-colors{
background: #a6c7ff;
}
.para-bg-colors{
background: #FFFF;
height:83px;
}
.td-height{
font-size: 12px!important;
}
.td-head{
padding-bottom: 5px;
padding-top: 5px;
}
.td-para-inner1{
padding-top: 5px;
padding-bottom: 5px;
height: 53px;
background:#FFFF;
}
.td-para-inner2{
color: #898989;
border-top: 2px solid #b2cfff;
border-bottom: 2px solid #b2cfff;
height: 30px;
background: #eaf2ff;
}
.td-para-inner{
padding: 4px 5px 5px 5px;
}
.table-caledner tr:nth-child(odd){
background: #c3d9ff!important;
}
.table-caledner tr:nth-child(even){
background: #c3d9ff!important;
}
td.empty-td{
width: 10px;
}
td.td-f-row1{
width: 200px;
}
.td-left-color{
border-right: 2px solid #b2cfff;
}
.empty-rows{
height:20px;
}
.table-top-head{
background-color: #C3D9FF;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 8px;
}
.center-dates{
padding: 4px 0 1px;
height:50px;
}
.pre-btn{
border-radius:15px;
width: 36px;
height: 36px;
background: #fff;
}
.pre-btn-left{
margin-left:20px;
}
.next-btn-left{
margin-right:15px;
}
.pre-btn span.pre-inner{
font-size:30px!important;
color:#000;
}
.table-top-head1{
width: 80%;
background: #fff;
padding: 6px 0;
color: #121212;
margin: 0 5px;
border-radius: 8px;
}
.label-text{
padding-top: 0px !important;
}
/*****************start Notification-content**************/
#Notification-content{
padding: 15px 0px;
border-bottom: 1px solid #ccc;
max-width:750px;
margin-top:70px;}
.not-para{
margin-top: 30px;}
.notific-icons{
background-position: -59px -239px !important;
}
#not-i{
margin-left: 10px!important;
}
.link-texts{
text-decoration: underline;
}
.link-texts :hover {
color:#AB0000!important;
text-decoration: underline;
}
/*****************start Conversations**************/
#conver-table{
height: 600px;
border: 1px solid #ccc;
border-radius: 5px 0px 0px 5px;
}
#conver-table th{
background: #f4f4f4!important;
border-bottom: 1px solid #ccc!important;
border-right: none!important;
border-left: none!important;
border-top: none!important;
height: 62px;
}
#conver-table th:first-child {
border-right: 1px solid #ccc!important;
width:400px;
}
#conver-table td:first-child {
border-right: 1px solid #ccc!important;
}
.received_msg {
display: inline-block;
padding: 0 0 0 10px;
vertical-align: top;
width: 92%;
margin-top: 20px;
margin-bottom: 5px;
}
.received_withd_msg p {
background: #f4f4f4 none repeat scroll 0 0;
border-radius: 10px;
font-size: 13px;
margin: 0;
padding: 15px;
width: 100%;
}
.time_date {
color: #747474;
display: block;
font-size: 12px;
margin: 8px 0 0;
}
.mesgs {
float: left;
padding: 30px 15px 0 25px;
width: 75%;
}
.sent_msg p {
background: #FFFF none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 10px;
font-size: 14px;
margin: 0;
color:#000;
padding: 15px;
width:100%;
}
.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.sent_msg {
float: right;
width: 50%;
margin-right: 20px;
}
#send-chat{
border-top: 1px solid #ccc;
padding: 20px;
}
.send-textarea{
border: none!important;
background: #FFFF!important;
width:100%!important;
border-radius: 0px!important;
height:50px!important;
}
.message-w{
padding:10px;
height:114px;
border: 1px solid rgba(0, 0, 0, 0.15)!important;
}
.file-list ul li{
height: 28px !important;
margin: 5px 0px 0px 0px !important;
padding: 0px 10px 0px 10px !important;
}
.chat-btn{
border: 1px solid rgba(0, 0, 0, 0.15)!important;
background: #FFFF!important;
}
.chat-left{
background: #ebf2fc;
border-bottom: 1px solid #cccccc;
}
.chat-left1{
background:#FFF!important;
}
.chat-left-inner{
padding: 15px;
padding-left: 20px;
}
.chat-img{
float: left;
width:40px;
margin-right: 10px;
margin-left: 10px;
}
.chat-img img{
width:35px;
}
.chat-text1{
margin-bottom: 10px;
line-height: 17px;
}
.chat-text{
margin-left: 10px;
}
/*****************start Create Broadcast Message**************/
.brod-forms{
margin-bottom: 100px;
}
.brod-input-w{
margin:0px !important;
}
.brod-input{
width:258px !important;
}
.brod-hr{
background-color: #ccc;
height: 1px;
height:1px;
}
.brod-head{
padding-top: 20px;
padding-bottom: 30px;
}
.bet-text{
margin-left: 10px;
}
.comment-w2{
width: 70%!important;
}
.Message-t{
padding-top: 10px;
padding-bottom: 20px;
}
.message-bottom-t{
width: 70%!important;
margin-top: 20px;
margin-bottom: 30px;
}
.existing-table{
width: 120%!important;
}
.tab-b-w{
padding: 20px 20px 0px!important;
}
.collapse-span-w{
width:30%;
}
.collapse-span-w1{
max-width:600px;
}
/*****************start Admin User**************/
#table2{
width:70%;
margin:auto;
}
.first-r{background-color: #eff3fe;border-top: 1px solid #bdcfff;
border-bottom: 1px solid #bdcfff;
}
.second-r{background-color: #DAE6FF;}
#table2 tr td{
padding-top: 10px;
padding-bottom: 10px;
}
#table2 td:first-child { color: #548ab2;
font-weight: bold;
width: 145px;
text-align: right;
padding-right: 20px;
}
.seprat-t { color: #548ab2;
font-weight: bold;
color: black;
padding-left: 20px;
font-weight: bold;
}
#table1 {
border-collapse: separate;
border-spacing: 2px 0.1px;
}
.seprat-btn{
margin: 10px auto;
margin-left: 320px;
}
.col-w1-inputs1{
width:100% !important;
background-color: #FFFF!important;
}
.file-w{
width:200px;
}
.file-h{
height:40px;
}
/*****************start profile**************/
#profile-w{
width:70%;
margin:0px auto;
}
.profile-img{
margin-bottom: 30px;
}
#profile-image1 {
cursor: pointer;
width: 130px;
height: 130px;
border:8px solid #EFEFD1 ;
margin-left: 28px;}
.prfile-right{
margin-left: 35px;
margin-top: 20px;
}
.table3{
width:100% !important}
.table3 td:first-child {
width:0px!important;
border-spacing: 3px;
}
.seprat-btn1{
margin-left: 223px!important;
margin-top: 25px!important;
}
.tital{ font-size:16px; font-weight:500;}
.bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}
#change-text{
color:#0000FE;
text-decoration: underline;
}
/*****************start Edit employee information**************/
.col-105{
float: left;
width: 200px;
padding-right: 10px;
}
.in-forms2 {
height: 30px!important;
padding: 3px 6px!important;
margin-top: 5px;
}
.employee-f-h{
padding: 10px 0 30px 0;
}
.profile-drop-menu{
background-color: #AB0000!important;
width:60px;
}
.profile-drop-menu a{
color: #FFFF!important;
border-top: none!important;
padding: 10px 15px !important;
}
.profile-drop-menu a:hover{
background-color: #880900!important;
}
/*****************start Employee leave balance**************/
.save-form-w{
max-width:350px;
}
/*****************start My leaves**************/
.leave-head{
margin-bottom: 10px;
}
.brod-forms1{
margin-bottom: 35px;
}
.col-s{
width:50%;
}
.cancel-td1:hover{
text-decoration: underline;
}
.set-input-f1{
width: 125px!important;
height: 30px!important;
}
.Employee-btn{
margin-left: 25px;
}
.books-btn{margin-top: 10px;}
.em-btn{
margin-top: 6px;
text-decoration: underline;
}
/*****************start My leaves applications**************/
.settings-head{
margin-bottom: 20px;
}
.settings-head1{
margin-bottom: 30px;
}
.flex-fill-w{
width: 250px!important;
}
.flex-fill-w2{
width:100px;
margin-top: 10px;
margin-left: 30px;
text-decoration: underline;
}
.leave-form{
margin-left: 20px;
}
.leave-hr-line{
margin-top: 0px !important;
}
.p-left{
padding-left: 0px !important;
}
.p-left1{
margin-left: 4px !important;
}
.add-link{
color:#5f2b6d;
}
.add-link:hover{
color:#0000FF;
text-decoration: underline!important;
}
.payroll-btn{
margin-left: 35px;
}
.col-90{
max-width: 100%!important;
float:right;
}
#report-f{
max-width: 100%!important;
}
#col-90-btn{
margin-left: 60px;
}
.btn-radious{
border-radius: 10px!important;
}
.form-bottom1{
border-bottom: 3px solid #eeeeee;
margin-top: 10px;
}
.col-90-1{
margin:25px 0px 25px 0px;
}
.month-form{
width: 70px !important;
min-width: 70px;
max-width: 70px;
}.Employee-btn1{
margin-left: 20px;
}
.repording-drp{
width: 150px!important;
}
.report-table{
max-width: 100%!important;
}
#hr-3{
border-bottom: 1px solid #880900;
margin-top: 10px;
margin-bottom: 20px;
}
#date-d-w{
max-width: 800px;
margin: auto;
}
/*****************start Full Calender**************/
#Calender-h{
margin-top: 60px;
}
td.fc-day {
background:#FFF !important;
font-family: 'Roboto', sans-serif;
}
td.fc-today {
background:#FFF !important;
position: relative;
}
.fc-first th{
font-family: 'Roboto', sans-serif;
background:#9675ce !important;
color:#FFF;
font-size:14px !important;
font-weight:500 !important;
}
.fc-event-inner {
font-family: 'Roboto', sans-serif;
background: #03a9f3!important;
color: #FFF!important;
font-size: 12px!important;
font-weight: 500!important;
padding: 5px 0px!important;
}
.fc {
direction: ltr;
text-align: left;
}
.fc table {
border-collapse: collapse;
border-spacing: 0;
}
html .fc,
.fc table {
font-size: 1em;
font-family: "Helvetica Neue",Helvetica;
}
.fc td,
.fc th {
padding: 0;
vertical-align: top;
}
/* Header
------------------------------------------------------------------------*/
.fc-header td {
white-space: nowrap;
padding: 15px 10px 0px;
}
.fc-header-left {
width: 25%;
text-align: left;
}
.fc-header-center {
text-align: center;
}
.fc-header-right {
width: 25%;
text-align: right;
}
.fc-header-title {
display: inline-block;
vertical-align: top;
margin-top: -5px;
}
.fc-header-title h2 {
margin-top: 0;
white-space: nowrap;
font-size: 32px;
font-weight: 100;
margin-bottom: 10px;
font-family: 'Roboto', sans-serif;
}
span.fc-button {
font-family: 'Roboto', sans-serif;
border-color: #9675ce;
color: #9675ce;
}
.fc-state-down, .fc-state-active {
background-color: #9675ce !important;
color: #FFF !important;
}
.fc .fc-header-space {
padding-left: 10px;
}
.fc-header .fc-button {
margin-bottom: 1em;
vertical-align: top;
}
/* buttons edges butting together */
.fc-header .fc-button {
margin-right: -1px;
}
.fc-header .fc-corner-right, /* non-theme */
.fc-header .ui-corner-right { /* theme */
margin-right: 0; /* back to normal */
}
/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
z-index: 2;
}
.fc-header .fc-state-down {
z-index: 3;
}
.fc-header .fc-state-active,
.fc-header .ui-state-active {
z-index: 4;
}
/* Content
------------------------------------------------------------------------*/
.fc-content {
clear: both;
zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}
.fc-view {
width: 100%;
overflow: hidden;
}
/* Cell Styles
------------------------------------------------------------------------*/
/* | , usually */
.fc-widget-content { /* | , usually */
border: 1px solid #e5e5e5;
}
.fc-widget-header{
border-bottom: 1px solid #EEE;
}
.fc-state-highlight { /* | today cell */ /* TODO: add .fc-today to | */
/* background: #fcf8e3; */
}
.fc-state-highlight > div > div.fc-day-number{
background-color: #ff3b30;
color: #FFFFFF;
border-radius: 50%;
margin: 4px;
}
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
background: #bce8f1;
opacity: .3;
filter: alpha(opacity=30); /* for IE */
}
/* Buttons
------------------------------------------------------------------------*/
.fc-button {
position: relative;
display: inline-block;
padding: 0 .6em;
overflow: hidden;
height: 1.9em;
line-height: 1.9em;
white-space: nowrap;
cursor: pointer;
}
.fc-state-default { /* non-theme */
border: 1px solid;
}
.fc-state-default.fc-corner-left { /* non-theme */
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right { /* non-theme */
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/*
Our default prev/next buttons use HTML entities like ‹ › « »
and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {
margin: 0 .4em;
font-size: 2em;
line-height: 23px;
vertical-align: baseline; /* for IE7 */
}
.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for ‹ › */
font-weight: bold;
}
/* icon (for jquery ui) */
.fc-button .fc-icon-wrap {
position: relative;
float: left;
top: 50%;
}
.fc-button .ui-icon {
position: relative;
float: left;
margin-top: -50%;
*margin-top: 0;
*top: -50%;
}
.fc-state-default {
border-color: #ff3b30;
color: #ff3b30;
}
.fc-button-month.fc-state-default, .fc-button-agendaWeek.fc-state-default, .fc-button-agendaDay.fc-state-default{
min-width: 67px;
text-align: center;
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
color: #333333;
background-color: #FFE3E3;
}
.fc-state-hover {
color: #ff3b30;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
background-color: #ff3b30;
background-image: none;
outline: 0;
color: #FFFFFF;
}
.fc-state-disabled {
cursor: default;
background-image: none;
background-color: #FFE3E3;
filter: alpha(opacity=65);
box-shadow: none;
border:1px solid #FFE3E3;
color: #ff3b30;
}
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container > * {
z-index: 8;
}
.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
z-index: 9;
}
.fc-event {
border: 1px solid #FFF; /* default BORDER color */
background-color: #FFF; /* default BACKGROUND color */
color: #919191; /* default TEXT color */
font-size: 12px;
cursor: default;
}
.fc-event.chill{
background-color: #f3dcf8;
}
.fc-event.info{
background-color: #c6ebfe;
}
.fc-event.important{
background-color: #FFBEBE;
}
.fc-event.success{
background-color: #BEFFBF;
}
.fc-event:hover{
opacity: 0.7;
}
a.fc-event {
text-decoration: none;
}
a.fc-event,
.fc-event-draggable {
cursor: pointer;
}
.fc-rtl .fc-event {
text-align: right;
}
.fc-event-inner {
width: 100%;
height: 100%;
overflow: hidden;
line-height: 15px;
}
.fc-event-time,
.fc-event-title {
padding: 0 1px;
}
.fc .ui-resizable-handle {
display: block;
position: absolute;
z-index: 99999;
overflow: hidden; /* hacky spaces (IE6/7) */
font-size: 300%; /* */
line-height: 50%; /* */
}
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
border-width: 1px 0;
margin-bottom: 1px;
}
.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
border-left-width: 1px;
/*
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
*/
}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
border-right-width: 1px;
/*
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
*/
}
/* resizable */
.fc-event-hori .ui-resizable-e {
top: 0 !important; /* importants override pre jquery ui 1.7 styles */
right: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: e-resize;
}
.fc-event-hori .ui-resizable-w {
top: 0 !important;
left: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: w-resize;
}
.fc-event-hori .ui-resizable-handle {
_padding-bottom: 14px; /* IE6 had 0 height */
}
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
border-collapse: separate;
}
.fc-border-separate th,
.fc-border-separate td {
border-width: 1px 0 0 1px;
}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
border-right-width: 1px;
}
.fc-border-separate tr.fc-last td {
}
.fc-border-separate .fc-week .fc-first{
border-left: 0;
}
.fc-border-separate .fc-week .fc-last{
border-right: 0;
}
.fc-border-separate tr.fc-last th{
border-bottom-width: 1px;
border-color: #cdcdcd;
font-size: 16px;
font-weight: 300;
line-height: 30px;
}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
border-top-width: 0;
}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
text-align: center;
}
.fc .fc-week-number {
width: 22px;
text-align: center;
}
.fc .fc-week-number div {
padding: 0 2px;
}
.fc-grid .fc-day-number {
float: right;
padding: 0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
opacity: 0.3;
filter: alpha(opacity=30); /* for IE */
/* opacity with small font can sometimes look too faded
might want to set the 'color' property instead
making day-numbers bold also fixes the problem */
}
.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 1px; /* distance between events and day edges */
}
/* event styles */
.fc-grid .fc-event-time {
font-weight: bold;
}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
float: left;
}
.fc-rtl .fc-grid .fc-event-time {
float: right;
}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
border-collapse: separate;
}
.fc-agenda-days th {
text-align: center;
}
.fc-agenda .fc-agenda-axis {
width: 50px;
padding: 0 4px;
vertical-align: middle;
text-align: right;
white-space: nowrap;
font-weight: normal;
}
.fc-agenda .fc-week-number {
font-weight: bold;
}
.fc-agenda .fc-day-content {
padding: 2px 2px 1px;
}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
border-right-width: 1px;
}
.fc-agenda-days .fc-col0 {
border-left-width: 0;
}
/* all-day area */
.fc-agenda-allday th {
border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
min-height: 34px; /* TODO: doesnt work well in quirksmode */
_height: 34px;
}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
height: 2px;
overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
background: #eee;
}
/* slot rows */
.fc-agenda-slots th {
border-width: 1px 1px 0;
}
.fc-agenda-slots td {
border-width: 1px 0 0;
background: none;
}
.fc-agenda-slots td div {
height: 20px;
}
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
border-top-width: 0;
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
*border-top-style: solid; /* doesn't work with background in IE6/7 */
}
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
border-width: 0 1px;
}
.fc-event-vert.fc-event-start {
border-top-width: 1px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.fc-event-vert.fc-event-end {
border-bottom-width: 1px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc-event-vert .fc-event-time {
white-space: nowrap;
font-size: 10px;
}
.fc-event-vert .fc-event-inner {
position: relative;
z-index: 2;
}
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .25;
filter: alpha(opacity=25);
}
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}
/* resizable */
.fc-event-vert .ui-resizable-s {
bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
width: 100% !important;
height: 8px !important;
overflow: hidden !important;
line-height: 8px !important;
font-size: 11px !important;
font-family: monospace;
text-align: center;
cursor: s-resize;
}
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
_overflow: hidden;
}
thead tr.fc-first{
background-color: #f7f7f7;
}
table.fc-header{
background-color: #FFFFFF;
border-radius: 6px 6px 0 0;
}
.fc-week .fc-day > div .fc-day-number{
font-size: 15px;
margin: 2px;
min-width: 19px;
padding: 6px;
text-align: center;
width: 30px;
height: 30px;
}
.fc-sun, .fc-sat{
color: #b8b8b8;
}
.fc-week .fc-day:hover .fc-day-number{
background-color: #B8B8B8;
border-radius: 50%;
color: #FFFFFF;
transition: background-color 0.2s;
}
.fc-week .fc-day.fc-state-highlight:hover .fc-day-number{
background-color: #ff3b30;
}
.fc-button-today{
border: 1px solid rgba(255,255,255,.0);
}
.fc-view-agendaDay thead tr.fc-first .fc-widget-header{
text-align: right;
padding-right: 10px;
}
/*!
* FullCalendar v1.6.4 Print Stylesheet
* Docs & License: http://arshaw.com/fullcalendar/
* (c) 2013 Adam Shaw
*/
/*
* Include this stylesheet on your page to get a more printer-friendly calendar.
* When including this stylesheet, use the media='print' attribute of the tag.
* Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
*/
/* Events
-----------------------------------------------------*/
.fc-event {
background: #fff !important;
color: #000 !important;
}
/* for vertical events */
.fc-event-bg {
display: none !important;
}
.fc-event .ui-resizable-handle {
display: none !important;
}
#wrap {
width: 760px;
margin: 0 auto;
}
#external-events {
float: left;
width: 150px;
padding: 0 10px;
text-align: left;
}
#external-events h4 {
font-size: 16px;
margin-top: 0;
padding-top: 1em;
}
.external-event { /* try to mimick the look of a real event */
margin: 10px 0;
padding: 2px 4px;
background: #3366CC;
color: #fff;
font-size: .85em;
cursor: pointer;
}
#external-events p {
margin: 1.5em 0;
font-size: 11px;
color: #666;
}
#external-events p input {
margin: 0;
vertical-align: middle;
}
#calendar {
/* float: right; */
margin: 0 auto;
background: #C3D9FF;
border-radius: 6px;
}
|