@import url(nunito.css);
.list-special .list-group-item { border-right:none; border-left:none; } /*Removed Border Left and Right*/

.table-header-rotated th.row-header{
  width: auto;
}

	@media only screen and (max-width: 760px), 
	(min-device-width: 768px) and (max-device-width: 1024px) {
    table:not(.fc-view > table) {
        overflow-x: auto;
		}
		
	td {
		white-space: normal;
	}
	td {
		overflow-wrap: break-word;
		word-wrap: break-word;
	}
}

body {
  font-family: 'Roboto', sans-serif !important;
}

.page-body.skin-aero .sidebar-menu {
    background: #558c89 !important;
}

.table-header-rotated td{
  width: 40px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  vertical-align: middle;
  text-align: center;
}

.table-header-rotated th.rotate-45{
  height: 80px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  position: relative;
  vertical-align: bottom;
  padding: 0;
  font-size: 12px;
  line-height: 0.8;
}

.table-header-rotated th.rotate-45 > div{
  position: relative;
  top: 0px;
  left: 40px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
  height: 100%;
  -ms-transform:skew(-45deg,0deg);
  -moz-transform:skew(-45deg,0deg);
  -webkit-transform:skew(-45deg,0deg);
  -o-transform:skew(-45deg,0deg);
  transform:skew(-45deg,0deg);
  overflow: hidden;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.table-header-rotated th.rotate-45 span {
  -ms-transform:skew(45deg,0deg) rotate(315deg);
  -moz-transform:skew(45deg,0deg) rotate(315deg);
  -webkit-transform:skew(45deg,0deg) rotate(315deg);
  -o-transform:skew(45deg,0deg) rotate(315deg);
  transform:skew(45deg,0deg) rotate(315deg);
  position: absolute;
  bottom: 30px; /* 40 cos(45) = 28 with an additional 2px margin*/
  left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/
  display: inline-block;
 width: 100%;
  width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
  text-align: left;
   white-space: nowrap; /*whether to display in one line or not*/
}


.form-control {
  border-radius: 5px !important;
}

.page-body.skin-aero .sidebar-menu {
    background: #558c89;
}

#pageHead{
	background:#3a186f;
	width:100%;
	height:50px;
	position:fixed;
	margin:0px;
	margin-bottom:40px !important;
	box-shadow: 1px 1px 2px 0px #666; 
	-web-kit-shadow: 1px 2px 2px 0px #666;
	-moz-box-shadow:1px 2px 2px 0px #666;
	z-index:100;
}

#headerContent{
	margin:0px auto;
	width:100%;
	height:50px;
	position:static;
	z-index:1;
}
/* Credits to AZMIND themes for logins css */

.form-top-left {
    float: left;
    width: 75%;
    padding-top: 25px;
}

.inner-bg {
    padding: 60px 0 80px 0;
}

.form-bottom form button.btn {
    width: 100%;
}

.middle-border {
    border-right: 1px solid #eee;
    margin-left: 0px;
}

@media (max-width: 767px){
.middle-border {
    min-height: auto;
    margin: 45px 30px 45px 30px;
    border-right: 0;
    border-top: 1px solid #eee;
	}
    
    #headerText {
        font-size: unset !important;
    }
}

.form-top {
    overflow: hidden;
    padding: 0 25px 15px 25px;
    background: #fff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    text-align: left;
}

.form-top-right {
    float: left;
    width: 25%;
    padding-top: 5px;
    font-size: 66px;
    color: #ddd;
    line-height: 100px;
    text-align: right;
}

.form-bottom {
    padding: 25px 25px 30px 25px;
    background: #eee;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    text-align: left;
}

/* end form css */

#headerText{
	text-shadow: 0px -1px 0px rgba(0,0,0,0.8);
	font-size:18px; 
	font-weight:bold;
	color:#FFF;
	margin:0 5vw;
	padding:15px 10px 15px 0px;
	float:left;
}

button.btn{overflow: hidden; position: relative;}

button.btn:active:after{
    transform: scale(0,0);
    opacity: .2;
    transition: 0s;}
 a.forgot:after,   
button.btn:after
 {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
       background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: transform .5s, opacity 2s;

    transform-origin: 50%;

    pointer-events: none;

}