.bg01{background-image:url(images/bg/01.png);}
.bg02{background-image:url(images/bg/02.png);}
.bg03{background-image:url(images/bg/03.png);}
.bg04{background-image:url(images/bg/04.png);}
.bg05{background-image:url(images/bg/05.png);}
.bg06{background-image:url(images/bg/06.png);}
.bg07{background-image:url(images/bg/07.png);}
.bg08{background-image:url(images/bg/08.png);}
.bg09{background-image:url(images/bg/09.png);}
.bg10{background-image:url(images/bg/10.png);}
.bg11{background-image:url(images/bg/11.png);}
.bg12{background-image:url(images/bg/12.png);}
.bg13{background-image:url(images/bg/13.png);}
.bg14{background-image:url(images/bg/14.png);}



/*----------------------------------------------------------------------*/
/* Reset
/*----------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,input,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-weight:;
  font-style:inherit;
  font-size:%;
  font-family:inherit;
  vertical-align:top;
}
*{
   -webkit-text-size-adjust:none;
   -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/*----------------------------------------------------------------------*/
/* Font Declaration
/*----------------------------------------------------------------------*/

html, textarea, input, input[type=submit], button, a.btn, span, div.alert p, header{
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
code, pre{
  font-family:"Courier New", Courier, monospace;
}
blockquote{
  font-family:Georgia, "Times New Roman", Times, serif;
}

/*----------------------------------------------------------------------*/
/* General Section
/*----------------------------------------------------------------------*/

html, body, textarea, input {
  font-size:12px;
  -webkit-text-size-adjust:none;
}
html{
  background-attachment:fixed;
  overflow-y:auto;
}
a{ text-decoration:none; cursor:pointer;}
a:hover { text-decoration:underline; }
a, a:hover, a:visited, a:link {color:#000;}

::-moz-selection{ text-shadow:none;  background: lightblue;}
::selection { text-shadow:none;  background: lightblue;}

@media screen {
    header, footer, nav, section{
      display:block;
    }
}
@media print {
    header, nav {
      display:none;
    }
    footer, section{
      display:block;
    }
}

h1, h2, h3, h4, h5, h6{
  font-weight:;
}
h1 {
  font-size:24px;
  line-height:32px;
  margin-top:8px;
}
h2 {
  font-size: 22px;
  line-height: 26px;
}
h3 {
  font-size:20px;
  line-height:24px;
}
h4 {
  font-size:18px;
  line-height:22px;
}
h5 {
  font-size:16px;
  line-height:22px;
}
h6 {
  font-size:14px;
  line-height:20px;
}
h1 span{
  font-size:14px;
  line-height:14px;
}
h2 span{
  font-size:12px;
  line-height:12px;
}
h3 span{
  font-size:10px;
  line-height:10px;
}

p, ul, ol, pre{
  margin-bottom:18px;
  line-height:18px;
  font-size:12px;
}

blockquote{
  font-size:16px;
  font-style:italic;
  border-left:5px solid;
  padding:0 18px;
  margin:36px;
}
li{
  /* margin-left:18px; */
  list-style-type : none;
}

hr {
  display:block;
  height:0px;
  line-height:0px;
  border:0;
  border-top:1px solid;
  border-bottom:1px solid;
  margin:16px 0;
  float:none;
  clear:both;
  padding:0;
}
strong{
  font-weight:700;
}
em{
  font-style:italic;
}
img{
  border:0;
}

.small{
  font-size:10px;
}
/*----------------------------------------------------------------------*/
/* Pageoptions
/*----------------------------------------------------------------------*/
#pageoptions{
  position:relative;
  overflow:hidden;
  width:auto;
  padding:0;
  min-height:20px;
}
#pageoptions h1, #pageoptions h2,#pageoptions h3, #pageoptions h4, #pageoptions h5, #pageoptions h6{
}
#pageoptions ul{
  overflow:hidden;
  margin:0;
  padding:1px 6px;
}
#pageoptions ul li{
  float:right;
  list-style:none;
  padding:0;
  margin:0;
  margin-left:1px;
}
#pageoptions ul li a{
  text-decoration:none;
  padding:0 8px 6px;
  -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
#pageoptions ul li a:hover, #pageoptions ul li a.active{
}
#pageoptions > div{
  position:absolute;
  left:15px;
  right:15px;
  padding:15px;
  overflow:hidden;
  min-height:400px;
  -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}

#pageoptions div li{
  float:none;
}
/*----------------------------------------------------------------------*/
/* Tables
/*----------------------------------------------------------------------*/

table{
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 18px;
}
table td, table th{
  border: 1px solid;
  padding: 6px 3px;
  text-align: left;
}
table th{
  font-weight:700;
}
div.chart .legend table{
  border:0;
  width:auto;
}
div.chart{
  max-width:%;
  margin-bottom:18px;
}
div.chart .legend table td{
  vertical-align:middle;
  text-align:center;
}
div.chart .legend table td.legendColorBox{
  opacity:0.6;
  filter:Alpha(opacity=60);
}

table.documentation{
}

table.documentation th, table.documentation td{
  text-align:left;
}



/*----------------------------------------------------------------------*/
/* Header
/*----------------------------------------------------------------------*/


header{
  position:relative;
  border-top:1px solid;
  z-index:10;
  -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
#logo{
  height: 40px;
  padding:10px 0 10px 10px;
  width:180px;
  border:0;
  -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
  background:url(images/logo.png) left center no-repeat;

}
#logo, #logo a{
  font-weight:700;
  font-size:20px;
  text-decoration:none;
  text-indent:-99999px;
}
#logo a{
}
#header{
  height:60px;
  position:absolute;
  top:0;
  left:200px;
  right:0;
  border:0;
  -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
#header ul{
  width:100%;
  height:46px;
  float:left;
  margin:0;
}
#header ul li{
  list-style:none;
  margin:0;
}
#header ul li ul{
  width:%;
  height:auto;
  float:none;
  padding:18px 0;
  margin:0;
}
#header ul li ul li{
  border:1px solid;
  position:relative;
  float:left;
  margin:0 10px 0 0;
  display:block;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
#header ul li ul li a{
  padding:2px 20px 4px 20px;
  font-size:14px;
  display:block;
  border-top:1px solid;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
#header ul li ul li a:hover{
  text-decoration:none;
}
#header ul li ul li a:active, #header ul li ul li a.active{
  border:0;
  padding:4px 20px 3px 20px;
}
#header ul li ul li:active, #header ul li ul li.active{
}
#header ul li ul li ul{
  display:none;
  padding:0;
  -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}
#header ul li ul li ul.shown{
  display:block;
}
#header ul li ul li ul li{
  margin:0;
  max-width:180px;
  border-left:0;
  border-right:0;
  border:0;
  border-top:1px solid;
  float:none;
  -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
#header ul li ul li ul li a{
  -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
#header ul li ul li ul li:last-child, #header ul li ul li ul li:last-child a{
  -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}

#header ul li ul li span{
  font-family:sans-serif;
  display:block;
  position:absolute;
  right:-12px;
  top:-12px;
  font-size:10px;
  line-height:10px;
  font-weight:700;
  padding:4px 4px 5px;
  text-align:center;
  min-width:10px;
  z-index:;
  border:1px solid;
  cursor:pointer;
  -webkit-border-radius:36px;
  -moz-border-radius:36px;
  border-radius:36px;
}
#searchbox{
  float:right;
  margin:17px 10px 17px 0;
  padding:0;
  border:1px solid;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
form#searchform{
  width:90px;
  padding:0;
  border:0;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
form#searchform input#search{
  -webkit-appearance:none !important;
  padding:3px 0;
  font-size:14px;
  width:%;
  text-align:center;
  border:0;
  border-top:1px solid;
  margin:0;
  font-style:normal;
}
form#searchform input#search.load{
  background-repeat:no-repeat !important;
  background-position:% 50% !important;
}
form#searchform input::-webkit-search-decoration,
form#searchform input::-webkit-search-cancel-button,
form#searchform input::-webkit-search-results-button,
form#searchform input::-webkit-search-results-decoration {
  display:none;
}

/*  */
header .navbar li:after {
  display: none !important;
}
header .navbar-default .navbar-nav,
header .navbar-brand,
header .navbar-brand span {
  font-family: Georgia, "Times New Roman", serif;
}
header .navbar-default .navbar-nav,
header .navbar-default .navbar-nav > li > a {
  background: transparent;
  font-family: Georgia, "Times New Roman", serif;
}
body .navbar-right.header-list,
body .navbar-nav.top-menu-style {
  border-top: none;
}
body .navbar-nav.top-menu-style li {
  border-right: none;
  /*min-width: 29px;*/
  /*margin-top: 6px;*/
}
/*#navbar .nav li a:hover {
  padding-right: 15px;
}*/
.navbar-header .navbar-toggle {
  height: 34px;
  width: 44px !important;
  white-space: normal;
}
.navbar-header .navbar-toggle .icon-bar {
  display: inline-block;
  width: 100%;
  min-height: 0;
  float: left;
}
@media (max-width: 767px) {
  nav.navbar {
    display: inline-block;
  }

}
 /* Live Search
 /*---------------------------------------------------------------------*/

form#searchform input#search:focus{
  border:0;
  padding:4px 0 3px;
}

ul#searchboxresult{
  margin:0;
  position:absolute;
  overflow:hidden;
  height:auto;
  right:10px;
  top:50px;
  width:250px;
  border-top:1px solid;
  margin:0;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
  display:none;
  z-index:250;
}
ul#searchboxresult li{
}
ul#searchboxresult li a{
  padding:8px;
  font-size:12px;
  display:block;
  border:1px solid;
  border-left:0;
  border-right:0;
  background-repeat:no-repeat;
  background-position:12px 10px;
  display:block;
  overflow:hidden;
  height:50px;
  line-height:17px;
}
ul#searchboxresult li a:hover{
  text-decoration:none;
}
ul#searchboxresult li a.noresult{
  padding:12px;
  height:auto;
  text-align:center;
  font-size:14px;
}
ul#searchboxresult li a img{
  float:left;
  margin-right:6px;
}



/*----------------------------------------------------------------------*/
/* Navigation
/*----------------------------------------------------------------------*/

nav{
  border-right:0px solid;
  border-left:1px solid;
  -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}

nav ul{
  border-top:1px solid;
  margin:0;
  -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}
@media(max-width: 767px) {
   border-top:none;
}
nav ul li{
  list-style:none;
  padding:0;
  margin:0;
  background-repeat:no-repeat;
  background-position:-9999px;
}
nav ul li a{
  display:block;
  padding-right:0;
}
nav ul li a span{
  padding:12px 20px 11px;
  font-size:14px;
  display:block;
  border:1px solid;
  border-left:0;
  border-right:0;
  background-repeat:no-repeat;
  background-position:12px 10px;
  white-space:nowrap;
}
nav ul li.i_under a span{
  padding:5px 30px 5px;
  font-size:12px;
  display:block;
  border:1px solid;
  border-left:0;
  border-right:0;
  background-repeat:no-repeat;
  background-position:15px 3px;
  white-space:nowrap;
}
/*nav ul li a:hover{
  text-decoration:none;
  cursor:pointer;
  padding-right:0px;
}*/
nav ul li a:active, nav ul li a.active{
  /*padding-right:0px;
  padding-bottom:0px;*/
  background-repeat:repeat-x;
  background-position:left center;
  filter:none;
}
/*nav ul li a:active span, nav ul li a.active span{
  border-bottom:0;
  padding:12px 40px 12px;
}*/

nav ul li ul{
  border:0;
  margin-right:10px;
  margin-left:10px;
  display:none;
  margin-bottom:10px;
}
nav ul li ul li:first-child a{
}
nav ul li ul li:last-child, nav ul li ul li:last-child a, nav ul li ul li:last-child a span{
  -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}
nav ul li ul li{
  -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
nav ul li ul li a{
  padding-right:0;
  -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
nav ul li ul li a span{
  border:0;
  font-size:12px;
  line-height:12px;
  border-top:1px solid #ddd;
  padding-top:6px;
  padding-bottom:6px;
  padding-left:15px;
  background-position:-9999px;
  -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
nav ul li ul li:first-child a span{
}
nav ul li ul li a:active, nav ul li ul li a.active{
}
nav ul li ul li a:active span, nav ul li ul li a.active span{
  background-position:-9999px;
  padding-top:6px;
  padding-bottom:6px;
  padding-left:15px;
}
/*----------------------------------------------------------------------*/
/* Content
/*----------------------------------------------------------------------*/


#content{
  border:0;
  padding:15px 5px 15px 130px;
  margin:0;
  min-height:400px;
  overflow:visible;
  -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}
#contentwebprototype{
  border: 0;
  margin: 0;
  min-height: 400px;
  overflow: visible;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 15px;
  padding-left: 15px;
}



.bgsample{
  border:1px solid;
  float:left;
  margin:8px;
  padding:27px 30px;
}

/*----------------------------------------------------------------------*/
/* Gallery
/*----------------------------------------------------------------------*/

.gallery{
  border:1px solid;
  padding:3px;
  overflow:auto;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.widget .gallery{
  padding:0;
  border:0;
}

.gallery .sortable_placeholder{
  margin:4px;
}

.gallery li{
  margin:4px;
  position:relative;
  list-style:none;
  float:left;
  padding:8px;
  border:1px solid;
  overflow:hidden;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.gallery li > a{
  display:block;
  margin:0;
  padding:0;
  height:116px;
  width:116px;
  background-position:center center;
  background-repeat:no-repeat;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.gallery li img{
  position:relative;
}
.gallery li span{
  position:absolute;
  top:140px;
  left:0;
  display:block;
  height:132px;
  width:132px;
  padding-top:4px;
  border-top:1px solid;
}
.gallery li > a span a{
  /* position:relative; */
  display:block;
  padding-left:24px;
  margin:2px 16px;
  background-position:center left;
  background-repeat:no-repeat;
  height:20px;
}
.gallery li a span a.edit{
}
.gallery li a span a.delete{
}

/*----------------------------------------------------------------------*/
/* Breadcrumb
/*----------------------------------------------------------------------*/


.breadcrumb{
  margin-bottom:20px;
  display:block;
  overflow:hidden;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.breadcrumb.disabled{
  opacity:0.8;
  filter:Alpha(opacity=80);
}
.breadcrumb li{
  float:left;
  margin:0;
  list-style:none;
  max-width:280px;
}
.breadcrumb li:first-child{
  margin-left:0px;
}
.breadcrumb li a{
  padding:10px 35px 5px 30px;
  font-size:14px;
  display:block;
  font-weight:700;
  margin-left:-20px;
  border:1px solid;
  border-left:0;
  background-repeat:no-repeat;
  background-position:0px 0px;
  height:25px;
  text-decoration:none;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.breadcrumb li a span{
  padding:4px 9px;
  height:20px;
  background-repeat:no-repeat;
  background-position:-2px -2px;
  display:block;
  text-indent:-9999px;
}
.breadcrumb li a.previous span{
  opacity:0.6;
  filter:Alpha(opacity=60);
}
.breadcrumb li a.previous:hover span{
  opacity:1;
  filter:none;
}
.breadcrumb li:first-child a{
  border-left:1px solid;
  background-position:-20px 0px;
  margin-left:0px;
  padding-left:20px;
}
.breadcrumb li:last-child a{
  padding-right:20px;
}
.breadcrumb li a.previous{
  background-position:0px -129px;
}
.breadcrumb.disabled li a.previous:hover{
  background-position:0px -129px;
}
.breadcrumb li:first-child a.previous{
  background-position:-20px -129px;
}
.breadcrumb.disabled li:first-child a.previous:hover{
  background-position:-20px -129px;
}
.breadcrumb li a:hover{
  background-position:0px -43px;
}
.breadcrumb.disabled li a:hover{
  background-position:0px 0px;
}
.breadcrumb li:first-child a:hover{
  background-position:-20px -43px;
}
.breadcrumb.disabled li:first-child a:hover{
  background-position:-20px 0px;
}
.breadcrumb li a:active, .breadcrumb li a.active, .breadcrumb.disabled li a.active:hover{
  background-position:0px -86px;
}
.breadcrumb li:first-child a:active, .breadcrumb li:first-child a.active, .breadcrumb.disabled li:first-child a.active:hover{
  background-position:-20px -86px;
}
/*----------------------------------------------------------------------*/
/* Message Box
/*----------------------------------------------------------------------*/

#wl_msg{
  position:absolute;
  top:90px;
  right:25px;
  z-index:15;
  width:300px;
}
#wl_msg .msg-box:first-child{
  -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
#wl_msg .msg-box:last-child{
  -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}

#wl_msg .msg-box, #wl_msg .msg-box-close{
  border:1px solid;
  margin-bottom:4px;
  display:none;
}
#wl_msg .msg-box-close{
  text-align:center;
  cursor:pointer;
  -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}
#wl_msg .msg-box-close:hover{
}
#wl_msg .msg-box h3, #wl_msg .msg-close{
  height:28px;
}
#wl_msg .msg-box h3{
  border-bottom:1px solid;
  font-size:14px;
  width:264px;
  line-height:30px;
  padding-left:8px;
  margin:0;
  float:left;
}
#wl_msg .msg-close{
  border-left:1px solid;
  border-bottom:1px solid;
  display:block;
  float:right;
  width:25px;
  line-height:1px;
  padding:0;
  text-indent:-9999px;
  background-position:50% 50%;
  background-repeat:no-repeat;
}
#wl_msg .msg-close:hover{
}
#wl_msg .msg-content{
  clear:both;
  padding:10px;
}


/*----------------------------------------------------------------------*/
/* Alert Boxes
/*----------------------------------------------------------------------*/

div.alert{
  border:1px solid;
  margin-bottom:15px;
  cursor:pointer;
  background-repeat:no-repeat;
  background-position:7px 8px;
  padding:10px 10px 10px 35px;
  font-size:14px;
  font-weight:700;
  margin:0;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
div.alert code{
  background:none;
  border:0;
}
.legacy-forms form div.alert{
  margin:15px 4px;
}
div.alert:hover{
  border:1px solid;
}
div.alert a{
  font-size:14px;
  font-weight:700;
}

/*----------------------------------------------------------------------*/
/* Buttons
/*----------------------------------------------------------------------*/


button, a.btn, .button,
.dataTables_paginate span.paginate_button,
.dataTables_paginate span.paginate_active{
  border:1px solid;
  position:relative;
  padding:9px 12px;
  display:inline-block;
  cursor:pointer;
  background-repeat:no-repeat;
  background-position:4px 5px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  text-decoration:none;
  font-size:11px;
  font-weight:700;
  outline:0 none;
  text-align:center;
  text-transform:uppercase;
  margin:2px;
  min-height:22px;
  min-width:8px;
  white-space:pre-line;
  vertical-align:baseline;
}
button.small, a.btn.small, .button.small{
  min-height:14px;
  line-height:14px;
  font-size:10px;
  padding:4px 7px;
}
button.big, a.btn.big, .button.big{
  font-size:14px;
  padding:12px 16px;
}
button.icon, a.btn.icon, .button.icon{
  padding-left:27px;
}
button.small.icon, a.btn.small.icon, .button.small.icon{
  padding-left:23px;
  background-position:0 -2px;
}
button.big.icon, a.btn.big.icon, .button.big.icon{
  padding-left:27px;
  background-position:-0 8px;
}
a.btn.nt, button.nt, .button.nt{
  background-position:50% 50%;
  text-indent:-9999px;
}
a.btn.small.nt, button.small.nt, .button.small.nt{
  padding-left:12px;
  padding-right:12px;
}
button{
}
a.btn{
  line-height:18px;
  min-height:18px;
}
button:hover, a.btn:hover, .button:hover{
}
button:active, a.btn:active, .button:active,
.dataTables_paginate span.paginate_active{
  top:1px;
}


/*----------------------------------------------------------------------*/
/* Form Elements
/*----------------------------------------------------------------------*/

fieldset{
  padding:15px;
}
pre{
  white-space:pre-wrap;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
  padding:12px 15px;
  line-height:18px;
}
pre, code{
  font-size:11px;
  padding:1px 2px;
  border:1px solid;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
pre code{
  display:block;
  border:0;
}

input,textarea, select{
  width:99%;
  border:1px solid;
  padding:4px 2px;
  margin:0 1px;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
input.g1,input.g2,input.g3,input.g4,input.g5,input.g6,input.g7,input.g8,input.g9,input.g10,input.g11,input.g12,
textarea.g1,textarea.g2,textarea.g3,textarea.g4,textarea.g5,textarea.g6,textarea.g7,textarea.g8,textarea.g9,textarea.g10,textarea.g11,textarea.g12 {
  margin-left:0;
  padding:6px 2px;
  min-height:auto;
}
input.placeholder,textarea.placeholder{
  font-style:italic;
}
input:focus,textarea:focus{
  outline:none;
}
select optgroup, select option{
  font-style:normal;
  border:0;
}
select option{
  border:1px solid;
  padding:3px;
}
input[type=submit], input[type=checkbox], input[type=radio], input[type=button], button{
  width:auto !important;
}

input[type=submit]{
  min-height:33px;
}

.legacy-forms form{
  border:1px solid;
  padding:4px;
  margin-bottom:18px;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.legacy-forms form:last-child{
  margin-bottom:0;
}
.widget form{
  border:0;
}
.legacy-forms form .wl_formstatus{
  padding-left:18px;
}
.legacy-forms form fieldset{
  padding:0;
  margin:4px;
  border:1px solid;
  border-bottom:0;
  margin-top:18px;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.legacy-forms form fieldset:first-child{
  margin-top:4px;
}
.legacy-forms form label{
  border-top:1px solid;
  display:block;
  font-size:16px;
  margin:0;
  padding:15px 10px;
  font-weight:700;
  -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
.legacy-forms form label span{
  font-size:12px;
}
.legacy-forms form span.required{
  padding:0 4px;
  font-size:10px;
  background-repeat:no-repeat;
  background-position:left bottom;
}
.legacy-forms form input, .legacy-forms form textarea, .legacy-forms select{
  padding:6px 2px;
  font-size:13px;
  width: 500px;
  max-width: 100%;
}
.legacy-forms form fieldset > section{
  width:%;
  border-top:1px solid;
  border-bottom:1px solid;
  float:left;
  padding:0;
  margin:0;
}
.legacy-forms form fieldset > section:first-child{
  -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
.legacy-forms form fieldset > section:last-child{
  -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}

.legacy-forms form fieldset > section > div{
  padding:15px 1%;
  width:78%;
  float:right;
  border-left:1px solid;
  height:%;
  min-height:%;
}

.legacy-forms form fieldset > section > div > div{
  float:none;
  clear:both;
  width:auto;
}
.legacy-forms form fieldset > section > div div.date{
  max-width:230px;
}
.legacy-forms form fieldset > section.error > label{
  text-shadow:none;
  font-weight:700;
}
.legacy-forms form fieldset > section > div span{
  font-size:11px;
}
.legacy-forms form fieldset > section.error{
  border-bottom:1px solid;
}
.legacy-forms form fieldset > section.error > label{
  text-shadow:none;
  font-weight:700;
}
.legacy-forms form fieldset > section label{
  border:0;
  cursor:pointer;
  font-size:13px;
  font-weight:;
  float:left;
  background:none;
  filter:none;
  margin:0;
  width:16%;
  padding-left:2px;
  margin-left:8px;
  text-align:left;
}
.legacy-forms form fieldset > section > div > div.selector{
}
.legacy-forms form fieldset > section > div > div.selector span{
  height:32px;
}
.legacy-forms form fieldset > section > div > div.selector select{
  height:32px;
  cursor:pointer;
}
.legacy-forms form fieldset > section > div > div.checker, .legacy-forms form fieldset > section > div > div.radio{
  display:inline-block;
  margin:0;
  line-height:1;
  float:none;
}
.legacy-forms form fieldset > section > div > div.checker span, .legacy-forms form fieldset > section > div > div.radio span{
  display:inline-block;
  height:22px;
  width:22px;
  float:none;
}
.legacy-forms form fieldset > section > div > div.checker span input, .legacy-forms form fieldset > section > div > div.radio span input{
  display:inline;
  width:22px;
  height:22px;
  min-width:22px;
  min-height:22px;
  margin:0;
  padding:0;
  cursor:pointer;
}
.legacy-forms form fieldset > section > div label{
  position:relative;
  width:auto;
  margin:0;
  padding:0;
  display:inline-block;
  float:none;
  top:-5px;
  font-size:11px;
  line-height:1.5;
  -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
.legacy-forms form fieldset > section label span{
  font-size:10px;
}
.legacy-forms form div input{
}
textarea{
  min-height:70px;
  resize:none;
  overflow:auto;
}
input.date{
  width:80px;
}
/*input[type=password], input.password{
  width:150px;
}*/
div.passwordstrength{
  font-size:12px;
  padding:5px 3px;
  text-align:center;
  width:150px;
  margin:3px 1px;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
div.passwordstrength.s_1{}
div.passwordstrength.s_2{}
div.passwordstrength.s_3{}
div.passwordstrength.s_4{}
div.passwordstrength.s_5{}

input.time{
  width:35px;
  text-align:center;
}
span.timeformat{
  font-size:11px;
  padding-left:1px;
}
input.integer, input.decimal{
  width:60px;
  text-align:right;
}
input.color{
  width:60px;
}


/*----------------------------------------------------------------------*/
/* jQuery Checkbox
/*----------------------------------------------------------------------*/

.jquery-checkbox, .jquery-checkbox span  { display: inline; font-size: 16px; line-height: 16px; cursor: pointer;}

.jquery-checkbox span.checkboxplaceholder {
  vertical-align:baseline;
  padding:2px 12px 0px;
  line-height:8px;
  background-repeat:no-repeat;
}
.jquery-checkbox span.checkboxplaceholder {
  background-image:url(dark/images/checkbox.png);
}
.jquery-checkbox.checkbox span.checkboxplaceholder{
  background-position: 0px 0px;
}
.jquery-checkbox.checkbox .hover span.checkboxplaceholder{
  background-position: 0px -26px;
}
.jquery-checkbox.checkbox .hover.pressed span.checkboxplaceholder{
  background-position: 0px -51px;
}
.jquery-checkbox.checkbox.checked span.checkboxplaceholder{
  background-position: 0px -77px;
}
.jquery-checkbox.checkbox.checked .hover span.checkboxplaceholder {
  background-position: 0px -102px;
}
.jquery-checkbox.checkbox.checked .hover.pressed span.checkboxplaceholder {
  background-position: 0px -128px;
}

.jquery-checkbox.checkbox .disabled span.checkboxplaceholder{
  background-position: 0px -153px !important;
  cursor:auto;
}
.jquery-checkbox.checkbox.checked .disabled span.checkboxplaceholder{
  background-position: 0px -179px !important;
  cursor:auto;
}


.jquery-checkbox.radio span.checkboxplaceholder{
  background-position: -26px 0px;
}
.jquery-checkbox.radio .hover span.checkboxplaceholder{
  background-position: -26px -26px;
}
.jquery-checkbox.radio .hover.pressed span.checkboxplaceholder{
  background-position: -26px -51px;
}
.jquery-checkbox.radio.checked span.checkboxplaceholder{
  background-position: -26px -77px;
}
.jquery-checkbox.radio.checked .hover span.checkboxplaceholder {
  background-position: -26px -102px;
}
.jquery-checkbox.radio.checked .hover.pressed span.checkboxplaceholder {
  background-position: -26px -128px;
}

.jquery-checkbox.radio .disabled span.checkboxplaceholder{
  background-position: -26px -153px !important;
  cursor:auto;
}
.jquery-checkbox.radio.checked .disabled span.checkboxplaceholder{
  background-position: -26px -179px !important;
  cursor:auto;
}

/*----------------------------------------------------------------------*/
/* File Upload
/*----------------------------------------------------------------------*/

div.fileuploadui{
  padding:0 5px;
  margin-bottom:5px;
}
div.fileuploadui a{
  margin-right:10px;
  font-size:11px;
  display:inline !important;
}
ul.fileuploadpool{
  display:block;
  clear:both;
  margin-bottom:5px;
  border:1px solid;
  z-index:1;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
  min-height:68px;
  min-width:138px;
  overflow:hidden;
  padding:4px;
}
ul.fileuploadpool.drop{
}
ul.fileuploadpool.single{
  width:138px;
}
ul.fileuploadpool li{
  font-size:11px;
  list-style-type:none;
  float:left;
  border:1px solid;
  margin:4px;
  padding:4px;
  height:50px;
  width:120px;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
  -webkit-animation-name: showfile;-moz-animation-name: showfile;animation-name: showfile;
  -webkit-animation-duration: 0.2s;-moz-animation-duration: 0.2s;animation-duration: 0.2s;
  -webkit-animation-direction: alternate;-moz-animation-direction: alternate;animation-direction: alternate;
  -webkit-animation-timing-function: ease-out;-moz-animation-timing-function: ease-out;animation-timing-function: ease-out;
}
@-webkit-keyframes showfile {
 from { -webkit-transform: scale(0);}
 to {-webkit-transform: scale(1.0); }
}
@-moz-keyframes showfile {
 from { -webkit-transform: scale(0);}
 to {-webkit-transform: scale(1.0); }
}
@keyframes showfile {
 from { -webkit-transform: scale(0);}
 to {-webkit-transform: scale(1.0); }
}

ul.fileuploadpool li.error{
  text-shadow:none;
}
ul.fileuploadpool li .name{
  display:block;
  height:20px;
  overflow:hidden;
  white-space:nowrap;
  line-height:22px;
}
ul.fileuploadpool li a{
  display:block;
  height:24px;
  width:24px;
  text-indent:-9999px;
  float:right;
}
ul.fileuploadpool li a:hover{
  text-decoration:none;
}
ul.fileuploadpool li a.cancel{
}
ul.fileuploadpool li a.remove{
}
ul.fileuploadpool li .progress{
  display:block;
  line-height:1px;
  height:3px;
  width:0%;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
ul.fileuploadpool li.success .progress{
}

/*----------------------------------------------------------------------*/
/* Comboselect
/*----------------------------------------------------------------------*/

div.comboselectbox{
  display:block;
  clear:both;
  min-height:px;
}
div.comboselectbox div.combowrap{
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
  float:left;
  border:1px solid;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
  max-width:42%;
  width:200px;
  height:99%;
  padding:1% 1% 0 0;
}
div.comboselectbox ul.comboselect{
  overflow:auto;
  height:99%;
}
div.comboselectbox.searchable div.combowrap:first-child ul.comboselect{
  height:79%;
}
div.comboselectbox.searchable div.combowrap:first-child input{
  margin:1% 2% 2% 2%;
  width:96%;
}
div.comboselectbox ul.comboselect li{
  display:block;
  margin:0;
  list-style-type:none;
  float:left;
  border:1px solid;
  margin:1px 6% 1px 2%;
  width:92%;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
div.comboselectbox ul.comboselect li.hidden{
  display:none;
}
div.comboselectbox ul.comboselect li a{
  font-size:11px;
  padding:3px;
  float:left;
  width:75%;
  cursor:pointer;
  text-decoration:none;
  cursor:pointer;
}
div.comboselectbox ul.comboselect.ui-sortable li.selected a{
  cursor:n-resize;
}
div.comboselectbox ul.comboselect li a.add, div.comboselectbox ul.comboselect li a.remove{
  float:right;
  display:block;
  width:18px;
  height:18px;
  text-indent:-9999px;
  background-position:center center;
  background-repeat:no-repeat;
  cursor:pointer;
}
div.comboselectbox ul.comboselect li.used a{
  text-decoration:line-through;
}
div.comboselectbox ul.comboselect li.selected{
}
div.comboselectbox div.comboselectbuttons{
  max-width:9%;
  height:99%;
  width:30px;
  float:left;
  padding:0 3px;
}
div.comboselectbox div.comboselectbuttons a{
  padding:3px;
  line-height:20px;
  font-size:20px;
  width:18px;
  height:18px;
  margin:0 2px;
  background-position:center center;
  background-repeat:no-repeat;
  display:inline-block;
}
div.comboselectbox div.comboselectbuttons a.add{
}
div.comboselectbox div.comboselectbuttons a.remove{
}
div.comboselectbox div.comboselectbuttons a.addall{
}
div.comboselectbox div.comboselectbuttons a.removeall{
}

@media screen and (max-width:700px){
  div.comboselectbox div.combowrap{
    max-width:98%;
    width:98%;
    height:40%;
    float:none;
  }
  div.comboselectbox.searchable div.combowrap:first-child ul.comboselect{
    height:40%;
  }
  div.comboselectbox div.comboselectbuttons{
    text-align:center;
    max-width:98%;
    width:98%;
    float:none;
    height:30px;
  }
}
/*----------------------------------------------------------------------*/
/* Widgets
/*----------------------------------------------------------------------*/

.widget{
  margin-bottom:15px;
  border:1px solid;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.widget > div{
  margin:2px;
  padding:15px 6px 2px;
  border:1px solid;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.widget > div > img{
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.widget > div.ui-widget{
  width:99%;
  padding:0;
}
.widget .ui-widget-header{
  overflow:hidden;
}
.widget h3{
  margin:0;
}
.widget:hover{
  border:1px solid;
}
.widget.ui-sortable-helper{
}
.widget h3.handle{
  position:relative;
  font-size:14px !important;
  border-top:1px solid;
  border-bottom:1px solid;
  padding:8px 10px;
  margin:0;
  line-height:18px;
  margin-bottom:1px;
  cursor:pointer;
  -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px;
}
.widget.sortable h3.handle{
  cursor:move;
}
.widget h3.handle:hover{
}
.widget h3.handle.red{
}
.widget h3.handle.green{
}
.widget h3.handle.blue{
}
.widget h3.handle.yellow{
}
.widget h3.handle .collapse, .widget h3.handle .reload{
  position:absolute;
  right:8px;
  top:5px;
  display:block;
  height:24px;
  width:24px;
  background-repeat:no-repeat;
  background-position:center center;
  display:none;
}
.widget h3.handle .reload{
  right:30px;
}
.widget h3.handle a:first-child{
  right:8px;
}
.widget:hover h3.handle .collapse, .widget.loading h3.handle .reload, .widget:hover h3.handle .reload{
  display:block;
}
.widget h3.handle .collapse{
}
.widget h3.handle .icon{
  margin-top:-3px;
  margin-left:-4px;
  height:24px;
  width:24px;
  display:inline-block;
  float:left;
  background-position:center;
}
.widget.collapsed{
  border-bottom:1px solid;
}
.widget.collapsed h3.handle{
  border-bottom:0;
  -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;
}
.widget.collapsed h3.handle .collapse{
}

.widget.number-widget > div ul{
  overflow:auto;
}
.widget.number-widget > div ul li{
  display:block;
  margin:0;
  list-style:none;
  border-top:1px dotted;
  padding:14px 10px 4px;
  margin:0;
}
.widget.number-widget > div ul li:first-child{
  border-top:0;
}
.widget.number-widget > div ul li a{
  font-size:12px;
  display:block;
}
.widget.number-widget > div ul li a:hover{
  text-decoration:none;
}
.widget.number-widget ul li a span{
  text-align:right;
  display:inline-block;
  width:80px;
  font-size:32px;
  font-weight:700;
  letter-spacing:-0.05em;
  padding:2px 6px 2px 0;
}

.sortable_placeholder{
  margin-bottom:15px;
  border:1px solid;
  z-index:1;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}


/*----------------------------------------------------------------------*/
/* Footer
/*----------------------------------------------------------------------*/

footer{

}
/*----------------------------------------------------------------------*/
/* width
/*----------------------------------------------------------------------*/

.w_5{  width:5%  !important; }
.w_10{ width:10% !important; }
.w_15{ width:15% !important; }
.w_20{ width:20% !important; }
.w_25{ width:25% !important; }
.w_30{ width:30% !important; }
.w_33{ width:33% !important; }
.w_35{ width:35% !important; }
.w_40{ width:40% !important; }
.w_45{ width:45% !important; }
.w_50{ width:50% !important; }
.w_55{ width:55% !important; }
.w_60{ width:60% !important; }
.w_65{ width:65% !important; }
.w_66{ width:66% !important; }
.w_70{ width:70% !important; }
.w_75{ width:75% !important; }
.w_80{ width:80% !important; }
.w_85{ width:85% !important; }
.w_90{ width:90% !important; }
.w_95{ width:95% !important; }

.w_5p{  width:5px  !important; }
.w_10p{ width:10px !important; }
.w_15p{ width:15px !important; }
.w_20p{ width:20px !important; }
.w_25p{ width:25px !important; }
.w_30p{ width:30px !important; }
.w_35p{ width:35px !important; }
.w_40p{ width:40px !important; }
.w_45p{ width:45px !important; }
.w_50p{ width:50px !important; }
.w_55p{ width:55px !important; }
.w_60p{ width:60px !important; }
.w_65p{ width:65px !important; }
.w_70p{ width:70px !important; }
.w_75p{ width:75px !important; }
.w_80p{ width:80px !important; }
.w_85p{ width:85px !important; }
.w_90p{ width:90px !important; }
.w_95p{ width:95px !important; }
.w_p{ width:px !important; }

.w_105p{ width:105px !important; }
.w_110p{ width:110px !important; }
.w_115p{ width:115px !important; }
.w_120p{ width:120px !important; }
.w_125p{ width:125px !important; }
.w_130p{ width:130px !important; }
.w_135p{ width:135px !important; }
.w_140p{ width:140px !important; }
.w_145p{ width:145px !important; }
.w_150p{ width:150px !important; }
.w_155p{ width:155px !important; }
.w_160p{ width:160px !important; }
.w_165p{ width:165px !important; }
.w_170p{ width:170px !important; }
.w_175p{ width:175px !important; }
.w_180p{ width:180px !important; }
.w_185p{ width:185px !important; }
.w_190p{ width:190px !important; }
.w_195p{ width:195px !important; }
.w_200p{ width:200px !important; }

.fl{ float:left !important; }
.fr{ float:right !important; }

.l{ text-align:left; }
.c{ text-align:center; }
.j{ text-align:justify; }
.r{ text-align:right; }

/*----------------------------------------------------------------------*/
/* Clear Floats
/*----------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear:both;
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
  clear:both;
  content:' ';
  display:block;
  font-size:0;
  line-height:0;
  visibility:hidden;
  width:0;
  height:0;
}
.clearfix {
  display:inline-block;
}
* html .clearfix {
  height:1%;
}
.clearfix {
  display:block;
}
/*----------------------------------------------------------------------*/
/* Grid System (based on the 960 Grid System (http://960.gs)
/*----------------------------------------------------------------------*/

.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {
  display:inline;
  float:left;
  margin-left:1%;
  margin-right:1%;
  padding:9px 0;
  min-height:10px;
}
.alpha{margin-left:0;}
.omega{margin-right:0;}

.g1{width:6.333%;}
.g2{width:14.667%;}
.g3{width:23.0%;}
.g4{width:31.333%;}
.g5{width:39.667%;}
.g6{width:48.0%;}
.g7{width:56.333%;}
.g8{width:64.667%;}
.g9{width:73.0%;}
.g10{width:81.333%;}
.g11{width:89.667%;}
.g12{width:98.0%;}

.p1{padding-left:8.333%;}
.p2{padding-left:16.667%;}
.p3{padding-left:25.0%;}
.p4{padding-left:33.333%;}
.p5{padding-left:41.667%;}
.p6{padding-left:50.0%;}
.p7{padding-left:58.333%;}
.p8{padding-left:66.667%;}
.p9{padding-left:75.0%;}
.p10{padding-left:83.333%;}
.p11{padding-left:91.667%;}

.s1{padding-right:8.333%;}
.s2{padding-right:16.667%;}
.s3{padding-right:25.0%;}
.s4{padding-right:33.333%;}
.s5{padding-right:41.667%;}
.s6{padding-right:50.0%;}
.s7{padding-right:58.333%;}
.s8{padding-right:66.667%;}
.s9{padding-right:75.0%;}
.s10{padding-right:83.333%;}
.s11{padding-right:91.667%;}

.ps1{left:8.333%;}
.ps2{left:16.667%;}
.ps3{left:25.0%;}
.ps4{left:33.333%;}
.ps5{left:41.667%;}
.ps6{left:50.0%;}
.ps7{left:58.333%;}
.ps8{left:66.667%;}
.ps9{left:75.0%;}
.ps10{left:83.333%;}
.ps11{left:91.667%;}

.pl1{left:-8.333%;}
.pl2{left:-16.667%;}
.pl3{left:-25.0%;}
.pl4{left:-33.333%;}
.pl5{left:-41.667%;}
.pl6{left:-50.0%;}
.pl7{left:-58.333%;}
.pl8{left:-66.667%;}
.pl9{left:-75.0%;}
.pl10{left:-83.333%;}
.pl11{left:-91.667%;}

/*----------------------------------------------------------------------*/
/* Layout
/*----------------------------------------------------------------------*/

body{
  margin:0 15px;
}

header{
  height:60px;
  z-index:2;
}
nav{
  position:absolute;
  width:216px;
  z-index:2;
}
#content{
  overflow:hidden;
  left:0px;
  right:0px;
  top:0px;
  z-index:1;
}
footer{
  padding:5px;
  text-align:right;
}

/*----------------------------------------------------------------------*/
/* Login
/*----------------------------------------------------------------------*/

body#login{
  position:static;
  left:auto;
  right:auto;
  width:350px;
  margin:120px auto;
  padding:2%;
}
body#login #content{
  min-height:50px;
  padding:8px;
}
body#login form label{
  padding:0;
  margin:0;
  width:%;
}
body#login form section{
  width:%;
}
body#login form section div{
  width:90%;
  float:none;
  padding:0 4% 6px 4%;
  border:0;
}
body#login form section > div{
  width:90% !important;
}
body#login form section div input{
  width:% !important;
}
body#login form section div input#remember{
  width:auto !important;
}
body#login form section div.checker{
  width:auto !important;
  padding:0;
  margin:0;
}
body#login form section label{
  padding:3% 2% 1%;
  width:90% !important;
  float:none;
}
body#login form section label.checkbox div{
  width:10px;
  padding:0;
  margin:0;
}
body#login form section div label{
  width:80% !important;
}
body#login form section a{
  float:right;
}

/*----------------------------------------------------------------------*/
/* Wizard
/*----------------------------------------------------------------------*/

body#wizard{
  position:static;
  left:auto;
  right:auto;
  width:500px;
  margin:120px auto;
  padding:0;
}
body#wizard #content{
  min-height:50px;
  padding:8px;
}


/*----------------------------------------------------------------------*/
/* Error Page
/*----------------------------------------------------------------------*/

body#error{
  position:static;
  left:auto;
  right:auto;
  width:400px;
  margin:120px auto;
  padding:0;
}
body#error #content{
  min-height:50px;
  padding:8px;
}
body#error #content h1{
  font-size:116px;
  font-weight:700;
  line-height:0.7em;
  letter-spacing:-9px;
}
body#error #content h2{
  float:right;
}


/*----------------------------------------------------------------------*/
/* Media Queries
/*----------------------------------------------------------------------*/

/* For very large screens increes the margins*/
@media screen and (min-width:1281px) {
  body{
    margin-left:10%;
    margin-right:10%;
  }
}

/* Move the Headernav to a drop down menu to the right */
@media screen and (max-width:960px) {
  #header ul#headernav li ul, #header ul#headernav li ul.collapsed{
    display:none;
  }
  #header ul#headernav li ul.shown{
    display:block !important;
  }
  #header ul#headernav{
    border-left:1px solid;
    position:relative;
    float:right;
    height:60px;
    width:60px;
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:center center;
  }

  #header ul#headernav li ul{
    position:absolute;
    right:0;
    width:170px;
    padding:0;
    margin:0;
    top:60px;
  }
  #header ul#headernav li ul li{
    float:none;
    margin:0;
    border-bottom:0;
    border-top:0;

  }
  #header ul#headernav li ul li a{
    padding:10px;
  }
  #header ul#headernav li ul li:last-child{
    border-bottom:1px solid;

  }
  #header ul#headernav li ul span{
    right:5px;
    top:10px;
  }
  #header ul#headernav li ul li ul{
    position:relative;
    top:0;
    padding:0;
    display:none;
    padding-bottom:6%;
    z-index:20;
    width:99%;
  }
  #header ul#headernav li ul li ul.shown{
    display:block;
  }
  #header ul#headernav li ul li ul li{
    margin:0 6%;
  }
  #header ul#headernav li ul li ul li a{
    font-size:12px;
    padding:5px;
  }

  .g1,.g2,.g3,.g4,.g5,.g6 {
    padding:0;
    width:48.0%;
  }
  .g7,.g8,.g9,.g10,.g11,.g12 {
    padding:0;
    width:98%;
  }
  #header ul li ul li,#header ul li ul li a, #header ul#headernav li ul li ul{
    -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
  }

  #header ul li ul li:last-child,#header ul li ul li:last-child a{
    -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;
  }
}
@media screen and (max-width:900px) and (min-width:701px) {
  .legacy-forms form fieldset > section > div{
    width:69%;
  }
  .legacy-forms form fieldset > section label{
    width:24%;
  }
}

/* For more smaller Screens (iPad) */
@media screen and (max-width:700px) {
  header #search,header #searchbox{
    max-width:px;
  }
  .legacy-forms form label{
    padding:10px 1%;
  }
  .legacy-forms form fieldset > section{
    padding-bottom:8px;
  }
  .legacy-forms form fieldset > section > label{
    left:0;
    right:0;
    width:98%;
    margin:0;
    float:none;
    padding:1%;
    padding-bottom:8px;
  }
  .legacy-forms form fieldset > section > div{
    float:none;
    width:98%;
    padding:4px;
    border:0;
  }
  .g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {
    width:98%;
  }

}
@media screen and (max-width:800px) and (min-width:481px) {
  nav{
    width:150px;
  }
  nav ul li a span{
    font-size:12px;
  }
  nav ul li ul{
    margin-left:10px;
    margin-right:10px;
  }
  nav ul li ul li a span{
    padding-right:4px;
  }
  #content{
    padding:15px 0 15px 160px;
  }

}

/* iPhone and real small devicces */
@media screen and (max-width:480px) {
  body#login{
    position:static;
    left:auto;
    right:auto;
    width:96%;
    margin:10px auto;
    padding:0;
  }
  body#login #content{
    padding:0;
    padding-top:20px;
    width:99%;
  }
  body#login form{
    border:0;
  }
  body#login form section label{
    border:0;
  }
  body#login fieldset{
    margin:0px;
  }
  body#login form > section a{
    margin:10px 4%;
    float:left;
  }
  #pageoptions > div{
    left:2px;
    right:2px;
    padding:15px;
  }
  header #searchbox{
    display:none;
    max-width:40px;
  }
  header #searchbox input{
    max-width:40px;
  }
  header ul#searchboxresult{
    display:none !important;
  }
  body{
    width:96%;
    margin:1%;
  }
  body, header, nav, #content{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
  }
  #header{
  }
  #logo{
    width:%;
  }
  #logo, header, #content{
    width:%;
  }
  nav, nav ul, nav ul li, nav ul li a, nav ul li a span, nav ul li a:active span, nav ul li a.active span{
    margin:0;
    padding:0;
  }
 /* nav ul li a:active span, nav ul li a.active span{
    border-top:1px solid;
    background-position:center center;
  }*/
  nav{
    border-top:1px solid;
    position:static;
    width:98%;
    margin:0 1%;
  }
  nav ul li{
    width:44px;
    display:inline-block;
    margin-left:-2px;
    margin-right:-2px;
  }
  nav ul li a span{
    border-left:1px solid;
    border-bottom:0;
    height:40px;
    text-indent:-9999px;
    background-position:center center;
  }
  /*nav ul li:first-child a span{
    border-left:0;
  }*/
  nav ul li ul{
    position:absolute;
    left:0;
    margin:0;
    z-index:15;
    background:none;
    width:98%;
    margin:0 1%;
  }
  nav ul li ul li{
    display:block;
    width:%;
  }
  nav ul li ul li a span{
    height:20px;
    text-indent:0;
  }

  #content{
    padding:0;
  }
  .legacy-forms form{
    padding:0;
    margin:0;
  }
  .legacy-forms form input, .legacy-forms form textarea{
    font-size:14px;
    max-width:96%;
  }
  #wl_msg{
    right:5px;
    left:5px;
    width:auto;
  }
  .g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {
    width:%;
    margin:0;
    min-height:0;
  }
}

/*----------------------------------------------------------------------*/
/* jQuery UI mods
/*----------------------------------------------------------------------*/

.ui-tabs .ui-tabs-nav li{
  margin:0 2px 0 0 !important;
}
.ui-tabs .ui-tabs-nav, .ui-tabs{
  padding:0 !important;
}
.ui-widget{
  padding:0 !important;
}
.ui-widget-header{
  border:0 !important;
  border-top:1px solid !important;
  border-bottom:1px solid !important;
  background-repeat:repeat !important;
  margin:0 !important;
}
.ui-widget-header a, .ui-accordion-header a, .ui-datepicker-title .ui-datepicker-month, .ui-datepicker-title .ui-datepicker-year{
  font-size:14px !important;
}
.ui-state-default a{
  border-top:1px solid !important;
  -webkit-border-radius:4px !important;
  -moz-border-radius:4px !important;
  border-radius:4px !important;
}
.ui-tabs .ui-tabs-panel {
  padding:0 !important;
}
.ui-tabs .ui-tabs-panel p {
  margin:1em 1.3em !important;
}
.ui-tabs .ui-tabs-selected{
  border-bottom:0;
}
.ui-accordion-content p{
  margin:0 !important;
}
.ui-accordion .ui-accordion-header{
  margin-top:0 !important;
}
.ui-datepicker .ui-widget-header{
  padding:4px !important;
}
.ui-widget-overlay{
  background-repeat:repeat !important;
}
.ui-slider-range.ui-widget-header{
  background-position:center !important;
  border:0 !important;
}
.ui-slider-horizontal .ui-slider-handle{
  top:-5px !important;
  min-height:22px;
  min-width:18px;
  margin-left:-10px !important;
  cursor:pointer !important;
}
.ui-slider-vertical{
  float:left;
}
.ui-slider-vertical .ui-slider-handle{
  left:-5px !important;
  min-height:18px;
  min-width:22px;
  margin-bottom:-10px !important;
  cursor:pointer !important;
}
.ui-slider{
  min-height:14px;
  min-width:14px;
  border:1px solid;
  background-repeat:repeat !important;
  margin:10px;
}
.ui-slider .ui-slider-handle{
  background-repeat:no-repeat !important;
  z-index:1 !important;
  position:relative;
}
.ui-slider-horizontal .ui-slider-handle{
  background-position:right center !important;
}
.ui-slider-vertical .ui-slider-handle{
  background-position:left center !important;
}
.ui-slider-range{
  -webkit-border-radius:4px !important;
  -moz-border-radius:4px !important;
  border-radius:4px !important;
}



/* Header section design */
#logo {
  float: left;
}
#header {
  position: unset;
  display: inline-block;
  float: left;
  width: calc(100% - 200px);
}
.navbar-toggler {
  display: none;
  float: right;
  border: none;
  background: transparent;
  box-shadow: none;
  white-space: unset;

}
.navbar-toggler .nav-icon {
  float: left;
  clear: left;
  height: 3px;
  width: 25px;
  margin: 2px 0;
  background-color: #000;
}
.navbar {
  float: left;
  width: calc(100% - 120px);
  padding-top: 13px;
}
.navbar li {
  /*display: inline-block;*/
}
.navbar li:after {
  display: inline-block;
  padding: 0 5px;
  content: '-';
}
.navbar li:last-child:after {
  content: '';
}
#pageoptions.lang-selection {
  float: right;
  display: inline-block;
  padding-top: 20px;
}
#pageoptions.lang-selection ul li a:hover,
#pageoptions.lang-selection ul li a:focus {
  background-color: transparent;
}

@media (min-width: 768px) {
  .navbar {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .navbar-toggler {
    display: inline-block;
    margin-top: 8px;
  }
  .navbar {
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    padding-top: 0;
    background-color: #E6E6E6;
  }
  #header .menu {
    height: auto;
  }
  .navbar li:after {
    display: none;
  }
  .navbar li {
    display: inline-block;
    width: 100%;
    padding: 5px 0;
  }
  .navbar li a {
    display: inline-block;
    width: 100%;
  }
}

/* Object detail page */
.OPENCR_flex_box-object-detail-right {
  position: relative;
  height: 100%;
  margin-bottom: 70px;
  background-color: transparent;
}
.OPENCR_flex_box-object-detail-right .content-wrap {
  overflow: hidden;
}
.OPENCR_flex_box-object-detail-right .read-more-wrap {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  height: 100px;
  width: 100%;
  /*background-color: rgba(0, 0, 0, .2);*/
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #CCC));
  background: gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #CCC));
  text-align: center;
  -webkit-align-items: center;
     -moz-align-items: center;
      -ms-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-justify-content: center;
      -ms-justify-content: center;
          justify-content: center;
}
.OPENCR_flex_box-object-detail-right .read-more-collapse {
  padding: 6px 10px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
      -ms-border-radius: 4px;
          border-radius: 4px;
  background-color: #FFF;
  border: 1px solid #BBB;
}
.OPENCR_flex_box-object-detail-right .read-more-collapse:hover {
  text-decoration: none;
}
/*SLider design*/
.OPENCR_flex_box-object-detail-left.slider-parent {

  -webkit-justify-content: left;
  justify-content: left;
  margin-left: 0;
  margin-right: 15px;
}
.slick-slider .slick-prev,
.slick-slider .slick-next {
  position: absolute;
  top: auto;
  bottom: -65px;
  border-radius: 100%;
  z-index: 9999999;
}
.slick-slider .slick-prev {
  left: 0;
}
.slick-slider .slick-next {
  right: 0;
}
.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
  color: #000;
}
.slick-slider .slick-slide {
  width: 100%;
}
.OPENCR_image_container a {
  display: block;
  text-align: center;
}
.OPENCR_image_container a img {
  margin: 0 auto;
}
@media (max-width: 992px) {
  .slider {
    max-width: 300px !important;
  }
}

/* End */

/* Custom select design */
.object-status-form {
  display: inline-block;
  margin: 0;
  padding: 0;
  min-width: 420px;
  border: none;
}
@media (max-width: 640px) {
  .object-status-form {
    min-width: 100%;
  }
}
.object-status-form .selectric-wrapper {
  display: inline-block;
  width: 100%;
  max-width: 185px;
  margin: 0 5px;
}
.object-status-form .selectric-wrapper .selectric {

}
.object-status-form .selectric-wrapper .button {
  top: 50%;
  height: 15px;
  width: 15px;
  line-height: normal;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
         transition: translateY(-50%);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.object-status-form .selectric-wrapper ul li {
  /*color: #FFF;*/
  padding: 5px;
  line-height: normal;
  min-height: auto;
}
.object-status-form .selectric-wrapper ul li:first-child {
  background-color: #FF0000;
}
.object-status-form .selectric-wrapper ul li:nth-child(2) {
  background-color: #00FF00;
}
.object-status-form .selectric-wrapper ul li:nth-child(3) {
  background-color: #FFFF00;
}
.object-status-form .selectric-wrapper ul li:nth-child(4) {
  background-color: #FF6600;
}

.object-status-form .selectric-wrapper ul li:nth-child(5) {
  background-color: #3333CC;
}

.object-status-form .selectric-wrapper .label {
  height: auto;
  margin: 0;
  padding: 0 15px 0 5px;
  line-height: normal;
}
/* End  */



.slider-parent .flexslider {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.slider-parent .flexslider .slides {
  margin-bottom: 0;
  display: flex;
}
.slider-parent .flexslider .slides li {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px;
  border: 1px solid #B5A6A6;
  margin: 0 0;
  box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
  min-height: 88px;
}
.slider-parent .flexslider .flex-control-nav {
  display: none;
}
.flex-direction-nav {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.flex-direction-nav li {
  display: inline-block;
  list-style: none;
}
.flex-direction-nav li a {
  display: inline-block;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  font-size: 0;
}
.flex-direction-nav li .flex-prev {
  background-image: url(../images/prev.gif);
}
.flex-direction-nav li .flex-next {
  background-image: url(../images/next.gif);
}


.object-detail-slider .small-centered .slider {
  padding: 0 15px;
}
.object-detail-slider .small-centered .slider-single  {
  min-height: 340px;
}
.object-detail-slider .small-centered .slider-nav .slick-track {
  width: 100% !important;
  text-align: center;
}
.object-detail-slider .small-centered .slider-nav .slick-slide {
  display: inline-block;
  width: 30% !important;
  padding: 0 3px;
  float: none;
}

/* Grid */
#thumbs2 ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
#thumbs2 ul li {
  display: inline-block;
  width: -webkit-calc(33.33% - 10px);
  width: -moz-calc(33.33% - 10px);
  width: -ms-calc(33.33% - 10px);
  width: calc(33.33% - 10px);
  border: 1px solid #EFEFEF;
  padding: 2px;
  margin: 0 5px 5px 0;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  /*-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  -ms-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);*/
  box-sizing: -webkit-border-box;
  box-sizing: -moz-border-box;
  box-sizing: -ms-border-box;
  box-sizing: border-box;

}
#thumbs2 ul li:nth-child(3n) {
  margin-right: 0;
}
.OPENCR_flex_box-object-detail-left.slider-parent {
  display: inline-block;
}
.OPENCR_flex_box-object-detail-left.slider-parent .column {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .OPENCR_flex_box-object-detail-left.slider-parent {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .object-detail-slider .OPENCR_flex_box-object-detail-right {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .object-detail-slider .small-centered .slider {
    padding: 0;
    margin: 0 auto;
  }
  .object-detail-slider .small-centered .slider-single {
    min-height: 0;
  }
}
.text-left {
  text-align: left;
}
.image-title {
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  #thumbs2 ul li {
    width: calc(50% - 5px);
  }
  #thumbs2 ul li:nth-child(3n) {
  margin-right: 5px;
  }
  #thumbs2 ul li:nth-child(2n) {
    margin-right: 0;
  }
}
.create-btn {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  text-align: right;
}
.status-form  input[type="radio"] {
  vertical-align: middle;
  background: none;
  border: none;
  box-shadow: none;
}
.status-form label {
  display: inline-block;
  padding: 0;
  background: none;
  vertical-align: middle;
}
.explore-pagination {
  float: right;
  display: inline-block;
  width: 100%;
}
.explore-pagination .pagination {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.explore-pagination .pagination li {
  display: inline-block;
  padding: 5px;
  font-size: 16px;
}
.table-btn-wrap {
  text-align: center;
}
.table-btn-wrap .btn {
  padding: 5px;
}
.input li{
  list-style-type : none;
}


/* Upload page */
.upload-image .label {
  color: #000;
  font-size: 14px;
}
.upload-image input[type=checkbox] {
  display: block;
}


/* tooltip and slick slider */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}
.tooltip .tooltiptext a {
    color: #fff;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
.slider {
  display: block;
  max-width: 450px;
  width: 100%;
  margin: 0 auto;
}
/*.slider-single.slick-initialized>div:nth-child(1n+2) {
  display: block;
}
.slider-single>div:nth-child(1n+2) {
  display: none;
}*/
.slider-nav .slick-slide { cursor: pointer; }

.search-main h2 {
  border: 1px solid black;
  cursor: pointer;
  padding: 10px;
}
.search-main h2:hover{
  box-shadow: rgba(0,0,0,0.247059) 0px 3px 15px -3px;
}
.search-main .search-data {
  display: none;
}

.result-list .plus-sign {
  float: left;
  font-size: 2rem;
  color: #777777;
  margin: auto 5px;
  display: flex;
  padding: 2px 10px 0 0;
}

.result-list > h2 .fa-minus {
  display: none;
}
.show-result.result-list > h2 .fa-minus {
  display: block;
}
.show-result.result-list > h2 .fa-plus {
  display: none;
}

.result-list .inner-list {
  margin-top: 30px;
  padding-left: 50px;
}

/*** Form Button Hover Effect ***/
.form-data .btn-success:hover{
  background-color: #4dae4d !important;
}
.form-data .btn-danger:hover{
  background-color: #c3433f !important;
}