@CHARSET "UTF-8";
@font-face {
    font-family: 'Fjalla One';
    src: url('fjallaonehun-webfont.eot');
    src: url('fjallaonehun-webfont.eot?#iefix') format('embedded-opentype'),
         url('fjallaonehun-webfont.woff') format('woff'),
         url('fjallaonehun-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
body{margin: 5px;padding: 5px;background:#fff;color:#444;font: normal 14px Arial;}
a{color:#31940f}
hr{border:0px;background:rgba(0,0,0,0.1);display:block;height:1px}
span.block{display:block}
.logo{text-decoration: none; font-size: 30px; font-weight: bolder;text-transform:uppercase;font-family: 'Fjalla One', sans-serif;display:block;background:#31940f;color:#fff;padding:5px}
.half_title{font-size:21px;float:left;color:#31940f}
.half_title_inline{position:relative;top:3px;display:inline-block;padding-right:10px}


table{border-collapse:collapse;border-spacing:0px}

fieldset {font-family: sans-serif;border: 5px solid #444094;background: #ddd;padding: 15px;margin-bottom:35px;border-left:0px;border-right:0px}
fieldset legend {background: #444094;color: #fff;padding: 5px 10px ;font-size: 23px;margin-left: 20px;font-family: 'Fjalla One', sans-serif;}

.menu{margin:0px; display: block;margin-top: 10px;margin-bottom: 20px;}
.menu a{display:inline-block;margin-right:10px;background:#8cd268;color:#fff;padding:7px;text-decoration:none;text-transform:uppercase}
.menu a:last-child{margin-right: 0px;}
.menu a.active_menu_point{-webkit-box-shadow: 0 5px 0 0 #31940f;box-shadow: 0 5px 0 0 #31940f;}
.authentication_button{display:inline-block;margin-right:10px;background:#625f8f;color:#fff;padding:7px;text-decoration:none}
.homepagelink{max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}

textarea{padding:4px;font-family:arial}
input[type="text"],input[type="password"]{height:25px;padding:0px;padding-left:4px;padding-right:4px;display:inline-block;border:1px solid #999;background:#fff;margin-right:10px;margin-bottom:10px}
input[type="button"]{margin-right: 5px;width: inherit;height:27px;border:0px;background:#625f8f;color:#fff;font-size:14px;font-family:arial;padding-left:7px;padding-right:7px;cursor:pointer}
input[type="button"]:hover{background:#6589b4}

select{height:29px;border:1px solid #999;}
input[type="checkbox"]{margin:5px 0px;}
input[type="checkbox"] + label{display:inline-block;padding:5px;position:relative;top:-1px}

input[type="radio"]{margin:5px 0px}
input[type="radio"] + label{display:inline-block;padding:5px;position:relative;top:-1px}


input.searchField{width:450px;border:2px solid #aaa8bd}
input.searchField.admin{width:375px}
table.searchTable td:first-child{padding-right:20px}


.pager{height:27px;line-height:27px;border:0px;background:#625f8f;color:#fff;font-size:14px;font-family:arial;padding-left:7px;padding-right:7px;display:inline-block;cursor:pointer}
.pager:hover{background:#6589b4}
.active_pager{text-decoration: underline !important;}

.searchResultItemTable{margin-top:10px;background:#eee;width:350px}
.searchResultItemTable tr td{padding:5px;color:#444}
.searchResultItemTable tr td:first-child{width:135px}
.searchResultItemTable tr:last-child td{padding-bottom:0px}

.calendar table{border-collapse:separate;border-spacing:0px}
#date_from,#date_to{background-image:url("/images/calendar_icon.png");background-repeat:no-repeat;background-position:right center}


/* ORIGINAL FROM HERE */

.edit_form td{padding:10px}
.edit_form tr:nth-child(odd) td{background:#e4e4e4}
.edit_form input, .edit_form textarea{width:-webkit-calc(100% - 10px);width:calc(100% - 10px)}
.edit_form select{width: 100%;}
.edit_form textarea{height:50px;}

.edit_form > tbody > tr > td:nth-child(1){padding-right: 10px}
.edit_form > tbody > tr > td:nth-child(2){width: 800px;}
.edit_keyword{width: 250px!important;padding-left: 10px;display: block;float: left;}
.edit_keyword input{width: auto!important;}
.error{display: block;color: red;}

.filter_table{background:#d0d0d0;margin-left:-16px;margin-top:10px;margin-right:15px}
.filter_table input{width:200px}
.filter_table select{width:210px;}
.filter_table tbody td{padding:5px 5px 0px 15px} 
.filter_table_label{border: 0px solid #EEA435;color: #444;font: bold 14px Arial;width:168px;vertical-align:top}
.filter_table tr:last-child td{padding-bottom:10px}

.black{color: black;}
#action_container a{margin-right: 10px;}
.result_table tr td:nth-child(1){font-weight: bolder;}
.result_table tr td:nth-child(2){padding-left: 10px;}
#all_result_container{font-weight: bolder;}
#filtered_result_container{font-size: smaller;}

#result_container > table{width:100%}
#result_container > table:nth-child(odd){background:#d0d0d0}
#result_container > table:first-child{margin-top:10px}
#result_container table tr td{padding:7px}
#result_container table tr:first-child td {padding-top:10px}
/*#result_container > table > tbody > tr:first-child > td:last-child{font-size:17px}*/

.messageError,.messageSuccess{color: #31940f;padding: 5px 10px;font-size: 24px;margin-bottom: 20px;font-family: 'Fjalla One', sans-serif;text-align: center;}
.messageError{color:red}

.profile_user_access  tr td:nth-child(2){padding-left:75px;}
.profile_user_access  tr td:nth-child(2) input{width:250px;}
.profile_report tr td:nth-child(2){padding-left:15px;}
.profile_report  tr td:nth-child(2) select{width:250px; margin-left:5px;}
.profile_access tr td:nth-child(2){padding-left:55px;}
.profile_access  tr td:nth-child(2) select, .profile_access  tr td:nth-child(2) input{width:250px;}
.profile_access  tr td:nth-child(2) textarea{width:240px;font-size:12px}
.profile_user_type_checkbox{width: 20px!important;}
.profile_report tr.line td div{background:#ccc;height:5px;width:100%;margin:20px 0px}
.level_1{}
.level_2{margin-left: 20px;}
.level_3{margin-left: 40px;}
.level_4{margin-left: 60px;}
.level_5{margin-left: 80px;}

.fileUploader{position:relative;width:300px;height:20px;background:#eee;display:inline-block;padding:3px;border:1px solid #aaa;border-radius:3px;white-space:nowrap;text-overflow:ellipsis}
.fileUploader .uploadInput{position:absolute;top:0px;left:0px;width:500px;height:27px;opacity:0}
.fileUploader .uploadButton {font-family: verdana;font-size: 12px;line-height: 20px;-ms-text-overflow: ellipsis;text-overflow: ellipsis;width: 301px;display: block;overflow: hidden;}

/* LOAD ANIM */
.spinner {
  margin: 100px auto;
  width: 90px;
  height: 90px;
  position: relative;
}

.container1 > div, .container2 > div, .container3 > div {
  width: 20px;
  height: 20px;
  background-color: #31940f;

  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.filter_table td.rule input.date{width:88px;text-align:left;margin-right:0px}

td.cjfw_simple_label{
    font-size: 16px;
    font-family: sans-serif;
    font-weight: bolder;
    padding-bottom: 10px;
    padding-right: 10px;
}

input[type="button"] {
width: inherit;
}


.result_table_informations > tbody > tr > td:first-child{width:160px}
.result_table_informations > tbody > tr > td{padding:10px 0px}
textarea[name="changes"]{height:100px}