* { -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:10px; 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;  color: #acacac; font-weight: bold; font-size: 16px; background: #404040; padding: 10px 20px 15px 20px; text-decoration: none; }
.startButton { border: none; outline: none;  color: #acacac; font-weight: bold; font-size: 22px; background: #404040; padding: 10px 20px 10px 20px; text-decoration: none; }
.logoutButton { border: none; outline: none; padding-top: 10px;  color: #acacac; font-weight: bold; font-size: 22px; background: #303030; padding: 10px 20px 10px 20px; text-decoration: none; }

.toolbar { padding: 0px 0px 0px 0px; background: #ebebeb; float: left; width: 50px; height: 94%; }
.projectsList {float: left; width: 100%; }
.project { width: 100%; padding: 15px 0px 15px 5px; }
a { font-size: 16px; color: #acacac; 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%; }

/* 27.11.2015 */

*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.no-transition, table, table * {-webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none;}


h1,h2,h3,h4,h5,strong {font-weight:normal; font-family: 'Avenir Next LT Pro Demi', sans-serif;}

body {background: url(images/cover-img.jpg) no-repeat center center fixed; background-size: cover; font-family: 'Avenir Next LT Pro Regular', sans-serif;}
.header {background: #122f3a; background: rgba(18,47,58,.7); padding: 12px 0;}
.sidebar, .toolbar, #content { height: 92%; height:calc(100% - 78px);}
.sidebar {background: #2e7889; padding:10px 0; border-right: solid 7px #2f5466;}

.projectsList h1 {font-weight:bold; color:#fff; font-size:20px; padding:10px 10px 15px; border-bottom: solid 1px #2f5466;}
.projectsList .project {padding:10px 10px 10px 23px; background:none!important; color:#fff; border-bottom: solid 1px #2f5466; position: relative;}
.projectsList .project:before {content:""; position: absolute; left:10px; top:15px; width:5px; height:5px; background:#fff; display: block;}
.projectsList .project a {display: block; width:100%; color:#fff; line-height:20px;}

.projectsList .project:hover, .projectsList .project.active{background: #2f5466!important;}

.toolbar {
    padding: 0px 0px 0px 0px;
    background: #939598;}

#content {background:#fff; margin:0; width:calc(100% - 370px)!important; padding:30px;}

.startProject {
    position: absolute;
    bottom: 10px;
    right: 10px;}
.testSurvey {left:10px; bottom:10px;}


/* Toolbar */
.editMeeting {background-image: url(images/edit-meeting64_2.png);}
.listTelIndex {background-image: url(images/telephone_2.png);}
.toolbar > div {height:50px; background-repeat: no-repeat; background-position: center;     border-bottom: solid 1px rgba(255,255,255,0.8);}
.toolbar > div:hover, .toolbar > div.active {background-color:#2e7889; cursor: pointer;}

.startButton, .logoutButton {    background: #2f5466;
    font-size: 20px;
    color: #fff;
    border: solid 2px #204658; cursor: pointer; font-family: 'Avenir Next LT Pro Demi', sans-serif; font-weight:normal;}
.startButton:hover, .logoutButton:hover {background:#204658;}

.testSurvey {color:#fff; background:none; font-family: 'Avenir Next LT Pro Demi', sans-serif; font-weight:normal; padding:4px 20px 15px 27px}
.testSurvey input {display: none;}
.testSurvey label {cursor: pointer!important;}
.testSurvey label:before {content:""; display: block; position: absolute; left:0; top:0; width:24px; height:24px; background:url(images/checkbox_2.png) no-repeat left top;}
.testSurvey input[type=checkbox]:checked + label:before {background-position:left bottom;}

.logoutButton {}

/* Tables */
input[type="search"], select {padding:5px; position: relative; top:-2px;}
select {margin:0 5px;}
table {float:left; margin:20px 0!important; border-bottom:solid 1px #2f5466!important;}
table th{ color:#fff; background-color: #2f5466!important; outline:none;}
table td { padding: 3px 10px 10px!important;}
table td.dataTables_empty {padding:10px!important;}
table th {border-bottom:solid 1px #2f5466!important; padding:10px!important}

.edit_app, .callRespondent {display: block; width:24px; height:24px; position: relative; top:6px; float:right;}


#content .dataTables_wrapper .dataTables_paginate .paginate_button {border:solid 2px transparent!important; color:#000!important}
#content .dataTables_wrapper .dataTables_length,
#content .dataTables_wrapper .dataTables_filter,
#content .dataTables_wrapper .dataTables_info,
#content .dataTables_wrapper .dataTables_processing,
#content .dataTables_wrapper .dataTables_paginate {color:#000!important;}
#content .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#content .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
#content .dataTables_wrapper .dataTables_paginate .paginate_button:hover {background: #2f5466; border: solid 2px #204658; color:#fff!important;}
#content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {background:none!important; color:#000!important}

.ui-widget, .ui-widget * {font-family: 'Avenir Next LT Pro Regular', sans-serif!important;}
.ui-widget .ui-widget-header {color:#fff!important; background: #2f5466!important; font-family: 'Avenir Next LT Pro Demi', sans-serif; font-weight:normal;}

.ui-widget #dialog label{font-size: 15px; margin:10px 0 5px 0; display: block; font-family: 'Avenir Next LT Pro Demi', sans-serif;}
.ui-widget #editForm input, .ui-widget #editForm textarea {
    width: 100%;
    padding: 10px;
    font-size: 14px;
}
.ui-widget #editForm textarea {height:150px; resize:none;}
.ui-widget #editForm select {margin:0!important;  padding: 10px;
    font-size: 14px;}

.ui-widget .ui-state-default,
.ui-widget .ui-widget-content .ui-state-default,
.ui-widget .ui-widget-header .ui-state-default { background: #2f5466;
    font-size: 16px;
    color: #fff;
    border: solid 2px #204658;}
.ui-widget .ui-state-default:hover,
.ui-widget .ui-widget-content .ui-state-default:hover,
.ui-widget .ui-widget-header .ui-state-default:hover {background:#204658;}

.ui-button-icon-primary.ui-icon.ui-icon-closethick {background:none; text-indent: 0;}
.ui-button-icon-primary.ui-icon.ui-icon-closethick:before {content:"X"; display: block; color:#fff;    font-size: 13px;
    padding: 1px;}
