* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}


strong {font-weight:bold;}
/*body { font-family: Arial; font-size: 12px; color: #fff; background: url(images/bg.jpg) no-repeat center center #cfdacf; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }*/

input:focus, button:focus {outline:none;}
input:-webkit-autofill, input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px white inset;}

.no-transition, .login-failed *, .login-failed, .overlay {-webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none;}

.l {float:left;}
.r {float:right;}
.fw {float:left; width:100%; position: relative;}

.set {width:960px; margin:0 auto;}

.row-1 {background:#305466; padding:20px 30px 30px 132px; line-height:15px;}

.row-2 { background: #b1bcbf; background: -moz-linear-gradient(top, #b1bcbf 0%, #cfd7d5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b1bcbf), color-stop(100%, #cfd7d5)); background: -webkit-linear-gradient(top, #b1bcbf 0%, #cfd7d5 100%); background: -o-linear-gradient(top, #b1bcbf 0%, #cfd7d5 100%); background: -ms-linear-gradient(top, #b1bcbf 0%, #cfd7d5 100%); background: linear-gradient(to bottom, #b1bcbf 0%, #cfd7d5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1bcbf', endColorstr='#cfd7d5', GradientType=0 );padding: 28px 35px 35px 58px; box-shadow: 0 1px 0 #798884; -webkit-box-shadow: 0 1px 0 #798884; border-bottom: solid 1px #b4bcba }
.row-2 label {color:#231f20; margin-right:12px; display: block; width:60px; text-align:right; display:inline-block; width:20%;}
.row-2 input {background:#fff; border:solid 1px #d1d3d4; padding:12px 8px; display:inline-block; width:75%;}
.row-2 li {margin:0 0 18px 0; width:100%;}
.row-2 li:last-child {margin:0; text-align:right;}

.row-2 a {color:#305566;}

.row-2 .btn { font-size: 15px; font-weight: bold; width: 95px; padding: 15px 12px; cursor: pointer; margin:0 3.5px 0 8px; color: #fff; text-align: center; border: none; border-bottom: solid 1px #546c7b; background: #305466; }
.row-2 .btn:hover,
.row-2 .btn:active { -webkit-box-shadow: inset 0 0 30px #4C6C74; -moz-box-shadow: inset 0 0 30px #4C6C74; box-shadow: inset 0 0 30px #4C6C74; }

.footer {
  background:#414142;
  position: fixed;
  bottom:1;
  height: 70px;
}
.footer ul li {float:left; border-right:solid 1px #fff; margin:0 10px 0 0; padding:0 10px 0 0;}
.footer ul li:last-child {border:none;}
.header{
  background:#303030;
  width:100%;
}

.logo{
  height: 40px;
  margin-left: 20px;
  margin-top: 10px;
}
.sidebar{
  height: 94%;
  background:#404040;
  width: 320px;
  float: left;
  position:relative;
}

.startProject{
  position: absolute;
  bottom: 0px;
  right: 0;
  float:right;
}

.testSurvey{
  position: absolute;
  bottom: 0px;
  left: 0;
  float:left;
  font-family: Arial;
  color: #acacac;
  font-weight: bold;
  font-size: 16px;
  background: #404040;
  padding: 10px 20px 15px 20px;
  text-decoration: none;
}

.startButton {
  border: none;
  outline:none;
  font-family: Arial;
  color: #acacac;
  font-weight: bold;
  font-size: 22px;
  background: #404040;
  padding: 10px 20px 10px 20px;
  text-decoration: none;

}

.startButton:hover {
  border: none;
  outline:none;
  background: #000000;
  text-decoration: none;
}

.logoutButton {
  border: none;
  outline:none;
  padding-top: 10px;
  font-family: Arial;
  color: #acacac;
  font-weight: bold;
  font-size: 22px;
  background: #303030;
  padding: 10px 20px 10px 20px;
  text-decoration: none;

}

.editMeeting{
  background-image: url(images/edit-meeting64.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 50px;
  background-position: center;
}

.editMeeting:hover{
    background-image: url(images/edit-meeting64.png);
    background-repeat: no-repeat;
    background-color: #404040;
    width: 100%;
    height: 50px;
    background-position: center;
}
.listTelIndex{
  background-image: url(images/telephone.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 50px;
  background-position: center;
}

.listTelIndex:hover{
    background-image: url(images/telephone.png);
    background-repeat: no-repeat;
    background-color: #404040;
    width: 100%;
    height: 50px;
    background-position: center;
}

.logoutButton:hover {
  border: none;
  outline:none;
  background: #404040;
  text-decoration: none;
}

.toolbar{
  padding: 0px 0px 0px 0px;
  background:#ebebeb;
  float:left;
  width:50px;
  height:94%;
}

.projectsList
{
  postion:relative;
  float:left;
  width:100%;
  margin-top: 20px;
}
.project{
  width: 100%;
  padding: 15px 0px 15px 5px;
}

a {
  font-size: 16px;
  color: #acacac;
  font-family: Tahoma;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #ebebeb
}

#content{
  float:left;
  width:70%;
  height: 93%;
  padding:50px,0px, 10px 10px;
  margin: 10px 10px 0px 10px;
}

.dataTables_wrapper {
    width: 100%;
}

#dialog{
  width:500px;
}

#apointmentsList_length, #apointmentsList_paginate, #apointmentsList_info{
  display: none;
}

th{
  text-align: left;
}

#editForm input{
  width: 100%;
}

#editForm textarea{
  width: 100%;
}
