#plus-button, #alert-button, #help-button, #import-button, #report-button, #search-button, #print-button, #request-button, #calc-button, #plusmulti-button, #directory-button, #file-button, #list-button, #stock-button {width:25px;height:25px;margin:6px 6px 0 0;background-position:-25px 0;display:block}
#plus-button {background:transparent url('img/plus-button.png') 0 0 no-repeat}
#alert-button {background:transparent url('img/alert-button.png') 0 0 no-repeat}
#help-button {background:transparent url('img/help-button.png') 0 0 no-repeat}
#import-button {background:transparent url('img/import-button.png') 0 0 no-repeat}
#report-button {background:transparent url('img/report-button.png') 0 0 no-repeat}
#search-button {background:transparent url('img/search-button.png') 0 0 no-repeat}
#print-button {background:transparent url('img/print-button.png') 0 0 no-repeat}
#request-button {background:transparent url('img/request-button.png') 0 0 no-repeat}
#calc-button {background:transparent url('img/calc-button.png') 0 0 no-repeat}
#plusmulti-button {background:transparent url('img/plusmulti-button.png') 0 0 no-repeat}
#directory-button {background:transparent url('img/directory-button.png') 0 0 no-repeat}
#file-button {background:transparent url('img/file-button.png') 0 0 no-repeat}
#list-button {background:transparent url('img/list-button.png') 0 0 no-repeat}
#stock-button {background:transparent url('img/stock-button.png') 0 0 no-repeat}
#plus-button:hover, #alert-button:hover, #help-button:hover, #import-button:hover, #report-button:hover, #search-button:hover, #print-button:hover, #request-button:hover, #calc-button:hover, #plusmulti-button:hover, #directory-button:hover, #file-button:hover, #list-button:hover, #stock-button:hover {background-position:-25px 0}

#control {
  width: 100%;
  float: left;
  margin: 0;
  padding: 5px;
  background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(238,238,238,1) 100%);
  border: 1px solid #ddd;
  border-bottom: none;
}
.def_button,
#control .button {
  float: left;
  padding: 6px 12px 6px 12px;
  font-weight: bold;
  text-decoration: none;
  margin: 0 5px 0 0;
  background-color: #012270;
  color: #fff;
  font-size: 12px;
}
.def_button:hover,
#control .button:hover {
  background-color:#db2828;
  color: #FFF;
}
#tabwrap {background-color:#fff;border:1px solid #CCC;-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);display: block;float: left;margin: 0 auto 25px;overflow: hidden;width: 100%;}
.tabs_bg {
  background: #E8EDFD;
  width: 100%;
  height: 40px;
}
#tabs li {
  list-style: none;
}
#tabs li a {
  float: left;
  display: block;
  padding: 10px;
  color: #000;
  text-decoration: none;
  text-align: center;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color: #E8EDFD;
}
#tabs li a:hover {
  background: #012270;
  color: #fff;
}
#tabs li:first-child a {border-left:0}
#tabs li:last-child a {border-right:0}
#tabs li.current a {
  color: #fff;
  font-weight: bold;
  background: #012270;
}
#tabs #right {
  float: right;
  color: #000;
}
#tabcontent #loader {width:100%;float:left;text-align:center;margin:25px 0 0 0;font-size:15px;color:#201394}

#notification_area {background-color:#FFF;border:1px solid #ddd;padding:7px;margin:0;float:left;width:98%;display:block;line-height:1.3;word-wrap:break-word}
#notification_area ul, #notification_area li {margin:4px 0 4px 20px}
#notification_area p {margin:0 0 2px 0}
#notification_area a:hover {text-decoration:none}

#paging {
  width: 100%;
  background-color: #012270;
  padding: 4px 0 4px 0;
  text-align: right;
  font-size: 12px;
  float: left;
  border-top: #CCC 1px solid;
}
#arrow_left,
#arrow_right,
select#page {
  float: right;
}
#arrow_left,
#arrow_right {
  margin: 0 0 -4px 0;
  padding: 0;
  cursor: pointer;
  color: #fff;
  font-size: 24px;
  margin: 0 !important;
  padding: 5px;
}
select#page {
  padding: 7px;
}

#noifications_info, #tasks_info {font-size:12px;font-weight:normal}

#wrapper {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.5;z-index:9997}
#dialog {background-color:#FFF;width:350px;height:350px;border-radius:5px;z-index:9998;display:block;position:absolute;left:50%;margin:0 0 0 -175px;box-shadow: 0 0 10px #000}
#dialogcontent {float:left;width:100%;height:100%;margin:-20px 0 0 0}
#dialogcontent #title {color:#201394;font:bold 17px Arial,sans-serif;float:left;margin:5px 0 0 15px;width:95%;padding:0 0 4px 0;border-bottom:#CCC 1px dotted}
#dialogcontent #cont {float:left;width:98%;margin:5px 0 0 5px;overflow-x:hidden;overflow-y:auto;}
#close-button {position:relative;float:right;right:-15px;top:-20px;color:#EEE;font:bold 18px Verdana;z-index:9999}
#close-button:hover {color:#FFF}

#homehead {width:95%;padding:0 0 5px 5px;font-size:16px;float:left;text-align:left;font-weight:bold;color:#201394}

#left {float:left}
#right {float:right}

#tasks_status {
  float: left;
  width: 100%;
  border: #DDD 1px dotted;
  border-bottom: none;
  padding: 3px 0 6px 0;
  background-color: #fff;
}

#rooms {width:100%;border:#333 1px solid;border-collapse:collapse;float:left;background-color:#fff;border:1px solid #CCC;-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);}
#rooms tr {width:100%;display:table-row;border:#333 1px solid}
#rooms td {border:#DDD 1px solid}
#rooms td.dayroom {height:100%}
#rooms td.set {cursor:pointer;font-size:11px}
#rooms td.set:hover {background-color:#EEE}
.rfree, .rplan {float:left;min-height:20px;display:flex;vertical-align:middle;padding:2px 0 4px 0;justify-content:center;align-items:center;font-size:11px;position:relative;height:100%}
.rfree {}
.rplan {cursor:pointer;border-right:#DDD 1px solid;border-left:#DDD 1px solid}
.rfree_hover {background-color:#DDD}

#meetings {width:100%;border:#444 1px solid;border-collapse:collapse;float:left}
#meetings tr {width:100%;display:table-row;border:#444 1px solid}
#meetings tr th {background-color:#444;color:#FFF;font-size:14px;border:#CCC 1px solid;height:30px;font-weight:normal}
#meetings td {border:#DDD 1px solid}
#meetings .times {background-color:#444;color:#FFF;}
#meetings .times div {float:left;width:100%;border-bottom:#999 1px dotted;height:17px}
#meetings .times div:last-of-type {border:none}
#meetings .times div span {float:left;margin:0;width:100%;text-align:center}
#meetings .plan {cursor:pointer;border-right:#444 1px solid;padding:1px 0 0 0;border-bottom:#444 1px solid}
#meetings .plan div:last-of-type {border:none}
#meetings .mfree, .mplan {cursor:pointer;float:left;min-height:19px;display:inline-block;vertical-align:middle;font-size:12px;width:100%;background-color:#FFF;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border-bottom:#444 1px dotted}
#meetings .mfree:hover {background-color:#EEE;transition:background-color 0.25s}
#meetings .mfree_hover {background-color:#DDD}
#meetings .mplan table {width:100%;height:100%;border:none;border-collapse:collapse;padding:2px;border-radius:0}
#meetings .mplan table tr, #meetings .mplan table td {border:none}
#meetings .priority1 {background: #eeeeee;background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );}
#meetings .priority2 {background: #e4efc0;background: -moz-linear-gradient(top,  #e4efc0 0%, #abbd73 100%);background: -webkit-linear-gradient(top,  #e4efc0 0%,#abbd73 100%);background: linear-gradient(to bottom,  #e4efc0 0%,#abbd73 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=0 );}
#meetings .priority3 {background: #fccccc;background: -moz-linear-gradient(top,  #fccccc 0%, #ffa3a3 100%);background: -webkit-linear-gradient(top,  #fccccc 0%,#ffa3a3 100%);background: linear-gradient(to bottom,  #fccccc 0%,#ffa3a3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccccc', endColorstr='#ffa3a3',GradientType=0 );}

#doc_categories {padding:0;}
#doc_categories div {float:left;padding:5px 0 5px 0;display:block;width:100%}
#doc_categories div.active {background-color:#E8EDFD}
#doc_categories div a {float:left;margin:0 0 0 5px}
#doc_categories:hover,#doc_files:hover,#doc:hover {background-color:#FAFAFA}

.ft {float:left;display:block;width:100%;margin:0 0 0 -10px}
.ft a {color:#000;padding:3px 0 3px 20px;margin:0;float:left}
.ft a:hover {color:#666}
.ft-file {float:left;display:block;width:100%;margin:0 0 0 10px;background:transparent url(img/filetree/file.png) 0 0 no-repeat;}
.ft-directory {float:left;display:block;width:100%;margin:0 0 0 10px}
.ft-dir {background:transparent url(img/filetree/directory.png) 0 0 no-repeat}
.ft-items {float:left;display:block;width:100%}
.ext-gif, .ext-jpg, .ext-png { background:transparent url(img/filetree/picture.png) 0 0 no-repeat; }
.ext-xml { background:transparent url(img/filetree/code.png) 0 0 no-repeat; }
.ext-doc, .ext-docx, .ext-odt, .ext-wps, .ext-rtf { background:transparent url(img/filetree/doc.png) 0 0 no-repeat; }
.ext-exe, .ext-bat, .ext-com { background:transparent url(img/filetree/application.png) 0 0 no-repeat; }
.ext-txt, .ext-log { background:transparent url(img/filetree/txt.png) 0 0 no-repeat; }
.ext-htm, .ext-html { background:transparent url(img/filetree/html.png) 0 0 no-repeat; }
.ext-jar { background:transparent url(img/filetree/java.png) 0 0 no-repeat; }
.ext-js { background:transparent url(img/filetree/script.png) 0 0 no-repeat; }
.ext-pdf { background:transparent url(img/filetree/pdf.png) 0 0 no-repeat; }
.ext-ppt, .ext-pptx { background:transparent url(img/filetree/ppt.png) 0 0 no-repeat; }
.ext-xls, .ext-xlsx, .ext-csv { background:transparent url(img/filetree/xls.png) 0 0 no-repeat; }
.ext-php { background:transparent url(img/filetree/php.png) 0 0 no-repeat; }
.ext-css { background:transparent url(img/filetree/css.png) 0 0 no-repeat; }
.ext-zip, .ext-rar { background:transparent url(img/filetree/zip.png) 0 0 no-repeat; }
.ext-sql { background:transparent url(img/filetree/db.png) 0 0 no-repeat; }

.baloons{ 
	position:fixed;
	right: 0; 
	bottom: 0;
	animation: animationFrames linear 10s; 
	animation-iteration-count: infinite; 
	transform-origin: 50% 50%;
	width: 100%;
	min-height: 100vh;
	z-index: -1;
}
.baloons img{ 
	max-width: 230px; 
	opacity:0.5;
	position: absolute;
	bottom: 0;
	right: 0;
	transition: all 0.3s linear;
}
.baloons img:hover{
	transform: scale(0.8);
	opacity: 0.9;
}
@keyframes animationFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  15% {
    transform:  translate(0px,-15%)  ;
  }
  30% {
    transform:  translate(0px,-30%)  ;
  }
  45% {
    transform:  translate(0px,-45%)  ;
  }
  60% {
    transform:  translate(0px,-60%)  ;
  }
  75% {
    transform:  translate(0px,-75%)  ;
  }
  100% {
    transform:  translate(0px,-100%)  ;
  }
}