a.knopkagruppa1 {
	margin:10px;
  display: inline-block;
  font-weight: bold;
  color: #fff !important;
  text-decoration: none;

  padding: .7em 1.5em;
  border: 1px solid #0093bf;
  border-radius: 5px;
  outline: none;
  background: #00acdf;
  box-shadow:
   0 6px #0093bf,
   0 3px 15px rgba(0,0,0,.4),
   inset 0 1px rgba(255,255,255,.3),
   inset 0 0 3px rgba(255,255,255,.5);
  transition: .2s;
  cursor:pointer;
} 
.knopkagruppa1:hover {
  /*background: rgb(167,91,41) linear-gradient(rgb(126,69,31), rgb(167,91,41) 80%);*/
}
.knopkagruppa1:active {
  background: #00acdf;
  box-shadow:
   0 2px #0093bf,
   0 1px 6px rgba(0,0,0,.4),
   inset 0 1px rgba(255,255,255,.3),
   inset 0 0 3px rgba(255,255,255,.5);
  -webkit-transform: translate(0, 4px);
  transform: translate(0, 4px);
}

/*кнопки. цвет распинание на сегодня или нет*/
/* CSS */
.raspisanie {
	margin:10px;
  align-items: center;
  appearance: none;
  background-color: #FCFCFD;
  border-radius: 4px;
  border-width: 0;
  box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset;
  box-sizing: border-box;
  color: #36395A;
  cursor: pointer;
  display: inline-flex;
  /*font-family: "JetBrains Mono",monospace;*/
  height: 48px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow,transform;
  font-size: 18px;
  
    font-weight: bold;
  color: #000 !important;
}

.raspisanie:focus {
  box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

.raspisanie:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
  transform: translateY(-2px);
}

.raspisanie:active {
  box-shadow: #D6D6E7 0 3px 7px inset;
  transform: translateY(2px);
}

/* CSS */
.raspisanie_now {
	margin:10px;
  align-items: center;
  appearance: none;
  background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
  border: 0;
  border-radius: 6px;
  box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  /*font-family: "JetBrains Mono",monospace;*/
  height: 48px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow,transform;
  font-size: 18px;
  
    font-weight: bold;
  color: #fff !important;
}

.raspisanie_now:focus {
  box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}

.raspisanie_now:hover {
  box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
  transform: translateY(-2px);
}

.raspisanie_now:active {
  box-shadow: #3c4fe0 0 3px 7px inset;
  transform: translateY(2px);
}





/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    text-align: center;

}

table.timecard {
	margin: auto;
	margin-top:30px;
	border: 1px solid  black/*#f79646; for older IE*/
	max-width: 800px;
}



table.timecard thead th {
	padding: 8px;
	background-color: white;

}
table.timecard thead tr:first-child{
	  border-bottom: 2px solid red;
}

table.timecard thead th#thDay {
	width: 40%;	
}

table.timecard thead th#thRegular, table.timecard thead th#thOvertime, table.timecard thead th#thTotal {
	width: 20%;
}

table.timecard th, table.timecard td {
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	/*border-color: #f79646 #ccc;*/
}

table.timecard td {

}

table.timecard tbody th {
	text-align: center;
	font-weight: normal;
}


table.timecard tr.even {
	background-color: #fde9d9;
}
	


	
.lekciya{
	background:SkyBlue;
}	
.seminar{
	background:Khaki;
}
.praktika{
	background:BurlyWood;
}


.num{
  color: white;
  background: #00acdf;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  
  line-height: 40px;
  width: 40px;
  height: 40px;
  border: 1px solid white;
  border-radius:5px;
        cursor: pointer;

}

.culturologia
{
	background:#ffda6a;
}

.zakupki
{
	background:#75b798;
}

.hatching-grey {
  /*
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 49.9%, gray 49.9%, gray 60%, rgba(0, 0, 0, 0) 60%) 
              fixed,
              linear-gradient(45deg, gray 10%, rgba(0, 0, 0, 0) 10%) 
              fixed !important;
  background-size: 0.5em 0.5em !important;
  */

    height: 30px;
  background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDQgNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0FCQUJBQiIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjAiIHkxPSIwIiB4Mj0iNCIgeTI9IjQiLz4NCjwvc3ZnPg0K")!important;
  background-repeat:repeat!important;
  background-position:0 0!important;
  background-size:6px 6px!important;
}


#clock {	
			
position: absolute;
			margin: 0px;
			width: 200px;
			height: 200px;
			padding: 0;
			/*margin: 10px auto 0 auto;*/
			background: url(/timetable/image/clock/clockface3.png);
			background-size: cover;
			list-style: none;
        	}
        
        #sec, #min, #hour {
        	position: absolute;
        	width: 13px;
        	height: 200px;        	
        	left: 94px;
        	}
        
        #sec {
        	background: url(/timetable/image/clock/sechand3.png);
			background-size: cover;
        	z-index: 3;
           	}
           
        #min {
        	background: url(/timetable/image/clock/minhand3.png);
        	background-size: cover;
        	z-index: 2;
           	}
           
        #hour {
        	background: url(/timetable/image/clock/hourhand3.png);
        	background-size: cover;
        	z-index: 1;
           	}
			
#region-main { 
    min-height: 100%;
    height: 100%;
	background-color:transparent;
}

.clock {
	height: 200px;
}			

#table_para1{
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  font-family: sans-serif;

  line-height: 1;
 -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);

  padding: 20px 40px;
}


.time_01
{
/* Location of the image */
background-image: url(/timetable/image/bg/01.png);

/* Background image is centered vertically and horizontally at all times */
background-position: center center;

/* Background image doesn't tile */
background-repeat: no-repeat;

/* Background image is fixed in the viewport so that it doesn't move when
the content's height is greater than the image's height */
background-attachment: fixed;

/* This is what makes the background image rescale based
on the container's size */
background-size: cover;

/* Set a background color that will be displayed
while the background image is loading */
background-color: #464646;
}

.time_02
{
/* Location of the image */
background-image: url(/timetable/image/bg/02.png);

/* Background image is centered vertically and horizontally at all times */
background-position: center center;

/* Background image doesn't tile */
background-repeat: no-repeat;

/* Background image is fixed in the viewport so that it doesn't move when
the content's height is greater than the image's height */
background-attachment: fixed;

/* This is what makes the background image rescale based
on the container's size */
background-size: cover;

/* Set a background color that will be displayed
while the background image is loading */
background-color: #464646;
}

.time_11
{
/* Location of the image */
background-image: url(/timetable/image/bg/11.png);

/* Background image is centered vertically and horizontally at all times */
background-position: center center;

/* Background image doesn't tile */
background-repeat: no-repeat;

/* Background image is fixed in the viewport so that it doesn't move when
the content's height is greater than the image's height */
background-attachment: fixed;

/* This is what makes the background image rescale based
on the container's size */
background-size: cover;

/* Set a background color that will be displayed
while the background image is loading */
background-color: #464646;
}