/*@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,700&subset=latin-ext);
@import url(http://fonts.googleapis.com/css?family=Oxygen:400,300,700&subset=latin,latin-ext);*/
@import url(//fonts.googleapis.com/css?family=Titillium+Web:400,700&subset=latin-ext);

body {cursor:default;background:url('../img/dust.png') #FDF7EE;font-family:'Titillium Web';font-size:14px;}
header {margin-bottom:36px;min-height:134px;-webkit-box-shadow: 0 1px 5px 1px #BBBBBB;box-shadow: 0 1px 5px 1px #CCC;border-bottom:1px #CCC solid;background:url('../img/top-imagee.png') no-repeat right top #FFF;padding-top:6px;}
header > #top-area {margin-left:0px;margin-right:0px;}
#menu-area {border-bottom:3px #0085B2 solid;}
#menu-area ul.nav {;}
#menu-area ul.nav > li {margin-right:8px;b}
#menu-area ul.nav > li:last-child {margin-right:0;}
#menu-area ul.nav > li > a {font-weight:bold;background:#FFF;-webkit-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;border:1px #D2E7FF solid;border-bottom:none;padding-bottom:10px;padding-top:10px;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2VhZmFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOWVhZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #eafaff 95%, #b9eae8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(95%,#eafaff), color-stop(100%,#b9eae8));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eafaff 95%,#b9eae8 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#eafaff 95%,#b9eae8 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eafaff 95%,#b9eae8 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eafaff 95%,#b9eae8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9eae8',GradientType=0 );
background: linear-gradient(to bottom,  #ffffff 0%,#eafaff 93%,#b9eae8 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9eae8',GradientType=0 );

}
#menu-area ul.nav > li > a:hover {color:#FF8000;}


@media (max-width:970px){
  header {background-image:none;}
}

.dropdown-menu {background-color:#F0F8FF;border:1px #B9D9FF solid;}
.dropdown-menu .divider {background-color:#B9D9FF;}
.dropdown-menu > li > a {color:#0085B2;padding-top:8px;padding-bottom:8px;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {color:#D93600;background-color:#FFF;background-image:linear-gradient(to bottom, #eafaff 0px, #DDEEFF 100%)}
label {color:#005F7D;}

a:focus {outline:none;}

.form-control {padding:4px 8px;}

.nav-tabs > li {margin-right:4px;}
.nav-tabs > li > a:hover {background:#FFF;}

#main {background:#FFF;padding:24px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;border:1px #CCC solid;border-top:0;-webkit-box-shadow:0 1px 3px 1px #CCC;box-shadow:0 1px 3px 1px #CCC;}

#all-area {min-height:350px;}

#home .container {max-width:700px;}
#home-desc {clear:both;margin:24px 0 0 0;background:url('../img/cevresis-home-description.png') no-repeat;width:277px;min-height:67px;text-align:center;padding:10px;color:#555;letter-spacing:1px;float:right;}

#home-container {background:#FFF;padding:24px;border:1px #CCC solid;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;border-top:none;}
#login-container {background:url('../img/cevresis-home-descriptionn.png') no-repeat;max-width:400px;margin:24px auto 12px auto;border:1px #D3D3D3 solid;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
#login-container > h3 {background:url('../img/login-area-top.png') repeat-x;line-height:36px;margin:0;padding-left:12px;border-bottom:1px #CCC solid;font-size:16px;font-weight:bold;}
#login-container > #login-container-area {padding:24px 24px 6px 24px;background:url('../img/login-bg.png') top repeat-x;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
#login-container > #login-container-area > .row {margin-bottom:20px;}
#login-container > #login-container-area label {color:#EB5B05;}
#login-container > #login-container-area input[type="submit"] {float:right;background:url('../img/login-button.png') repeat-x;border:1px #FF7C00 solid;color:#FFF;font-weight:bold;text-shadow:1px 1px 3px #000;letter-spacing:1px;padding-left:12px;padding-right:12px;}

footer {margin-top:24px;}
footer > .container {background:url('../img/footer-bg.png') no-repeat left center #FFF;font-size:16px;padding:12px;border:1px #E8E6E1 solid;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;min-height:160px;}
footer > .container img.logo {width:160px;}
footer > .container .copyright {color:#999;font-size:13px;font-weight:bold;letter-spacing:1px;}

#logo {margin:32px 0px 0px 0px;display:inline-block;}



/* Defaults */

.mtop100 {margin-top:100px;}
.mtop50 {margin-top:50px;}
.mtop25 {margin-top:25px;}
.mtop6 {margin-top:6px;}
.mtop5 {margin-top:5px;}
.mtop10 {margin-top:10px;}
.mtop {margin-top:15px;}
.mleft {margin-left:15px;}
.mleft5 {margin-left:5px;}
.mleft8 {margin-left:8px;}
.mleft25 {margin-left:25px;}
.mleft50 {margin-left:50px;}
.mright {margin-right:15px;}
.mright5 {margin-right:5px;}
.mbottom {margin-bottom:15px;}
.pad {padding:3%;}
.pad2 {padding:2%;}
.pad1 {padding:1%;}
.mar {margin:3%;}
.mar5 {margin:5px;}
.mar25 {margin:25px;}

.tright {text-align:right !important;}
.tleft {text-align:left !important;}
.tcenter {text-align:center !important;}
.tjust {text-align:justify !important;}
.fleft {float:left !important;}
.fright {float:right !important;}
.vmiddle {vertical-align:middle !important;}
.dcenter {margin-left:auto;margin-right:auto;}
.normal {font-weight:normal !important;}
.bold {font-weight:bold !important;}
.normal {font-weight:normal !important;}
.ls {letter-spacing:1px !important;}
.fsmall {font-size:60% !important;}
.fmedium {font-size:80% !important;}
.fnormal {font-size:100% !important;}
.fbig {font-size:130% !important;}
.lh1 {line-height:1 !important;}
.lh2 {line-height:2 !important;}
.lh3 {line-height:3 !important;}
.lh5 {line-height:5 !important;}
.inlineb {display:inline-block !important;}
.block {display:block !important;}

.red {color:#C00 !important;}
.gray {color:#CCC !important;}
.dgray {color:#999 !important;}
.ddgray {color:#666 !important;}
.green {color:#030 !important;}
.greens {color:#80FF00 !important;}
.blue1 {color:#004080 !important;}
.tr1 {color:#FF9900 !important;}
.tr2 {color:#5D9AE7 !important;}

.h80 {height:80px !important;}
.h100 {height:100px !important;}
.h120 {height:120px !important;}

.f70, .f70 * {font-size:70% !important;}
.f75, .f75 * {font-size:70% !important;}
.f80, .f80 * {font-size:80% !important;}
.f85, .f85 * {font-size:80% !important;}
.f90, .f90 * {font-size:90% !important;}
.f95, .f95 * {font-size:90% !important;}
.f100, .f100 * {font-size:100% !important;}
.f105, .f105 * {font-size:105% !important;}
.f110, .f110 * {font-size:110% !important;}
.f120, .f120 * {font-size:120% !important;}

.nom {margin:0 !important;}
.nop {padding:0 !important;}
.yMargin {margin-top:2%;margin-bottom:5%;}

.dinline {display:inline !important;}
.absolute {position:absolute !important;}
.relat {position:relative !important;}
.pointer {cursor:pointer !important;}
.help {cursor:help;}
.helper {cursor:help;border-bottom:1px #D6D6D6 dotted;font-size:11px;color:#777;font-style:normal;padding-bottom:1px;font-family:Tahoma;}

.ntextarea {-webkit-transition:height 0.2s;-moz-transition:height 0.2s;transition:height 0.2s;padding-bottom:6px !important;max-height:200px;}

/* --- -- - - */

h2.reminder {font-size:16px;font-weight:bold;border-bottom:1px #CCC dotted;padding-bottom:12px;}
h2.reminder .count {font-size:14px;}
#page-overview-index h4 {color:#8A4500;font-weight:bold;border-bottom:1px #CCC dotted;line-height:2;}
#page-overview-index .well2 > .row {margin-top:12px;}
#page-overview-index .well2 label {display:block;font-weight:bold;}

ul.reminder-list {margin-top:16px;}
ul.reminder-list > li.level-1 {background:url('../img/reminder-1.png') no-repeat left top;}
ul.reminder-list > li.level-2 {background:url('../img/reminder-2.png') no-repeat left top;}
ul.reminder-list > li.level-3 {background:url('../img/reminder-3.png') no-repeat left top;}
ul.reminder-list > li > span.reminder-date {display:inline-block;width:114px;font-size:14px;border-right:1px #CCC dotted;margin-right:10px;}
ul.reminder-list > li.level-1 > span.reminder-date {color:#FF2626;}
ul.reminder-list > li.level-2 > span.reminder-date {color:#FF7326;}
ul.reminder-list > li.level-3 > span.reminder-date {color:#666;}
ul.reminder-list > li {margin-bottom:12px;color:#333;padding:0px 0 8px 36px;min-height:36px;font-size:14px;border-bottom:1px #EDEDED dotted;}
ul.reminder-list > li > span.datee {color:#DF7000;}
ul.reminder-list > li > strong {font-weight:bold;}
p.congratulations {font-size:24px;color:#60BF00;font-weight:bold;}

/* --- -- - - */


form .row {margin-bottom:16px !important;}
form input[type="submit"] {float:right;}

.x-window-header-text {font-size:14px !important;line-height:19px !important;padding-left:4px;}
.x-window-body {background:#F8F8F8;}
.x-window-body .container {width:96%;margin:24px auto;}


.x-grid-cell-inner {font-size:14px;height:36px;line-height:30px !important;}
.tab-content {background:#FFF;padding:16px;border:1px #ddd solid;border-top:none;}

.x-grid-cell .cev-icon-view, .x-grid-cell .cev-icon-edit, .x-grid-cell .cev-icon-delete, .x-grid-cell .cev-icon-download, .x-grid-cell .cev-icon-noedit, .x-grid-cell .cev-icon-nodelete , .x-grid-cell .cev-icon-nodownload {width:30px;height:30px;}
.x-grid-cell .cev-icon-view {background:url('../img/view.png') no-repeat center;}
.x-grid-cell .cev-icon-edit {background:url('../img/edit.png') no-repeat center;}
.x-grid-cell .cev-icon-delete {background:url('../img/delete.png') no-repeat center;}
.x-grid-cell .cev-icon-download {background:url('../img/download.png') no-repeat center;}
.x-grid-cell .cev-icon-noedit {background:url('../img/no-edit.png') no-repeat center;}
.x-grid-cell .cev-icon-nodelete {background:url('../img/no-delete.png') no-repeat center;}
.x-grid-cell .cev-icon-nodownload {background:url('../img/no-download.png') no-repeat center;}

.x-mask {
 position:fixed;
 height:100%;
 width:100%;
}

.x-btn-default-small .x-btn-inner {color:#000;font-size:12px;padding:0 6px;font-family:"Helvetica Neue",'Verdana';}


.well2 {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color:#FFF;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}


  #calendar-area {}

  #calendar-area #employee-list {list-style:none;}
  #calendar-area #employee-list > li {width:132%;padding-right:50px;z-index:10;margin-bottom:10px;border-right:none}
  #calendar-area #employee-list > li.active {z-index:6;position:relative;}
  /*#calendar-area #employee-list > li.all a {background:#FED047;color:#333;border:1px #DDDDDD solid;border-right:none;}*/
  #calendar-area #employee-list > li > a {display:block;line-height:40px;padding:0 0 0 16px;background:#FDE395;color:#9D0404;-webkit-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;border:1px #D7D7D6 solid;border-right:none;}
  #calendar-area #employee-list > li > a:hover, #calendar-area #employee-list > li.active > a {background:#E6E5E3;text-decoration:none;}
  #calendar-area #employee-list > li > a > span.total {margin-right:16px;display:inline-block;color:red;-webkit-border-radius:6px;border-radius:6px;background-color:#FFF;height:24px;margin-top:8px;line-height:18px;padding:4px 8px;}

  #calendar-area #calendar-table {background-color:#FFF;margin-bottom:0;}
  #calendar-area #calendar-table > thead > tr.calendar-subject > td {width:14.28571428571429%;font-weight:bold;color:#BA0909;background:#FFF;text-align:center;}
  #calendar-area #calendar-table > tbody > tr > td {position:relative;text-align:left;padding:2px;border-bottom-color:#CCC;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  }
  #calendar-area #calendar-table > tbody > tr > td:hover {background:#F6F5F5;}
  #calendar-area #calendar-table > tbody > tr > td > span.calendar-day {position:absolute;bottom:-1px;right:1px;font-size:13px;}
  #calendar-area #calendar-table > tbody > tr > td > span.calendar-day.disabled {background-color:#EDEDED;color:#666;}
  #calendar-area #calendar-table > tbody > tr > td.clickable > span.calendar-day {cursor:pointer;}
  div.calendar-entry {border-bottom:1px #CCC solid;padding-left:4px;position:relative;cursor:pointer;}
  div.calendar-entry > div {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:25px;width:106px;font-size:12px;line-height:2.08;}
  div.calendar-entry > .delete-calendar-entry {color:#F43C3C;display:none;position:absolute;}
  div.calendar-entry:hover > .delete-calendar-entry {display:inline-block;visibility:inherit;width:16px;line-height:24px;right:2px;}
  div.calendar-entry:hover > .delete-calendar-entry:hover {color:#B01313;}
  div.calendar-ek1 {background-color:#FFF38E;color:#666;}
  div.calendar-ek1:hover {background-color:#F7E764;}
  div.calendar-ek2 {background-color:#DDFF9A;color:#666;}
  div.calendar-ek2:hover {background-color:#BCE768;}
  #calendar-area #calendar-table > tbody > tr > td div.calendar-plus {cursor:pointer;background-color:#CFE9FB;position:absolute;bottom:0px;left:-1px;width:98%;color:#3E80B8;font-weight:bold;font-size:12px;letter-spacing:1px;}
  #calendar-area #calendar-table > tbody > tr > td > div.calendar-plus > span.glyphicon {margin:2px 3px 0 8px;font-size:11px;}