body{
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
}
*{
    border-radius: 0 !important;
}
*:focus{
    outline: none;
    border-radius: 0 !important;
}
a, a:focus, a:hover, a:active{
    outline: none;
    text-decoration: none;
}
img{
    max-width: 100%;
}
input, select, textarea{
    border: 1px solid #8ef346;
    padding: 3px;
    background-color: #f3ffeb;
    font-size: 14px;
    font-family: Arial,Helvetica,sans-serif;
}
input{
    line-height: inherit;
    padding: 1px;
}
input:focus, select:focus, textarea:focus {
    background-color: #fff;
    color: #555;
}
input:required:invalid, input:focus:invalid, input:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right center;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #feacac;
    color: #fd5454;
}
input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right center;
    background-repeat: no-repeat;
}
table{
    border-collapse: separate;
    border-spacing: 1px;
}
/* /------------------select image------------------------/ */
img[name="selectImg"]{
    cursor: pointer;
    width: 100%;
}
div#panelImg {
    display: inline-block;
    width: 100%;
}
div#panelImg div#selectImg{
    display: table-caption;
    float: left;
    padding: 5px;
}
div#selectImg div#footerImg{
    background: #FFF none repeat scroll 0 0;
    cursor: pointer;
    padding: 3px 0;
    text-align: center;
    width: 100%;
    display: inline-block;
}
div#footerImg div#clearImg{
    float: left;
    margin-left: 7px;
    width: 16px;
    height: 16px;
}
div#footerImg div#viewImg{
    float: right;
    margin-right: 7px;
    width: 16px;
    height: 16px;
}
/* /------------------select image------------------------/ */
select{
    border: 1px solid #8ef346;
    padding: 2px;
}
a{
    cursor: pointer;
    text-decoration: none;
}
div#main{
    margin: 5px;
    border: 1px solid #8ef346;
    min-width: 368px;
}
div#adm-header{
    background: none repeat scroll 0 0 #5AD500;
    height: 57px;
}
div#adm-header a{
    position: absolute;
}
div#adm-header div{
    font-size: 17px;
    padding: 17px;
    color: #fff;
    margin-left: 50px;
    text-align: center;
    text-transform: uppercase;
}
div#top-menu{
    background: #8ef346 none repeat scroll 0 0;
    border-color: #5ad500;
    border-style: solid;
    border-width: 1px 0;
    height: 28px;
    width: 100%;
}
/* -- BASIC MENU STYLES ----------------------------- */

#menu,
#menu ul,
#menu li {
    margin: 0;
    padding: 0;
    border: 0 none;
}

#menu {
    position: relative;
}

#menu li {
    float: left;
    position: relative;
    list-style: none;
    display: inline;
}

#menu li a {
    display: block;
    white-space: nowrap;
}

#menu li ul {
    visibility: hidden;
    position: absolute;
}

#menu li li ul {
    top: 0;
    left: 0;
}

#menu li:hover ul {
    visibility: visible;
}

#menu li:hover ul li ul {
    visibility: hidden;
}

#menu li:hover li:hover ul {
    visibility: visible;
    left: 100%;
}
/* -- BASIC MENU STYLES ----------------------------- */
/* ---- Menu layout -------------------------- */
#menu li {
    border-left: 1px solid #c8ffa1;
    border-right: 1px solid #5ad500;
}

#menu li li {
    border: 0;
    display: block;
    float: none;
}

#menu ul {
    border: 0.1em solid #5ad500;
    background: #d9ffbe url(../images/bg-menu.gif) repeat-y left;
    z-index: 1;
}

#menu ul li.node {
}

#menu ul li.separator {
    background-color: #5ad500;
    height: 1px ;
}

#menu a,
#menu div {
    padding: 0.3em 1em 0.3em;
    color: #333333;
    line-height: 1.6em;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
    background-repeat: no-repeat;
    background-position: left 50%;
}

#menu li.disabled a,
#menu li.disabled:hover a {
    color: gray;
    background-color: transparent;
    margin: 0 1px;
    border-left-width: 0;
    border-right-width: 0;
}

#menu ul a {
    font-size: 13px;
    font-weight: normal;
    padding: 6px 20px 6px 25px;
    line-height: 1.2em;
}

/* 1 level - hover */
#menu li:hover a {
    background-color: #5ad500;
    margin: 0;
    cursor: pointer;
}

/* 2 level - normal */
#menu li:hover li a {
    background-color: transparent;
}

/* 2 level - hover */
#menu li:hover li:hover a {
    background-color: #5ad500;
    cursor: pointer;
}

/* 3 level - normal */
#menu li:hover li:hover li a {
    background-color: transparent;
    border-color: transparent;
}

/* 3 level - hover */
#menu li:hover li:hover li a:hover {
    background-color: #5ad500;
    cursor: pointer;
}

a.icon-16-menu span img {
    vertical-align: bottom;
}

/* ---- Menu layout -------------------------- */
/* ---- Submenu styles -------------------------- */
#submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 115%;
}

#submenu li {
    float: left;
    padding: 0;
    margin: 0;
}

#submenu li a,
#submenu span.nolink {
    cursor: pointer;
    padding: 0 15px;
    border-right: 1px solid #8ef346;
    font-size: 12px;
    font-weight: bold;
    color: #808080;
    line-height: 14px;
    height: 12px;
}

#submenu span.nolink {
    color: #999;
}

#submenu a:hover,
#submenu a.active,
#submenu span.nolink.active {
    color: #419a00;
    background: #eaffdb;
    text-decoration: none;
}
div#top-menu div#user{
    float: right;
    display: table;
    padding: 4px;
}
#top-menu div#user span{
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline;
    height: 15px;
    padding: 0 9px;
    width: 20px;
}
/* ---- Submenu styles -------------------------- */
div#content{
    width: 100%;
}
div#ctroler{
    float: left;
    width: 20%;
}
div#gridcontrol, div#gridsearch, div#gridmain, div#footer{
    margin: 5px;
    background-color: #d9ffbe;
    border: 1px solid #8ef346;
}
div#footer div#copyright{
    text-align: center;
}
div.pagetitle {
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-top: 7px;
    padding-left: 60px;
    float: left;
}

div.pagetitle h2{
    color: #419a00;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 48px;
    margin: 0;
    padding: 0;
}
div#gridcontrol{
    min-height: 61px;
}
div#gridcontrol div#btnctrl{
    float: right;
    padding: 0;
    text-align: right;
    float: right;
    position: inherit;
    margin-top: 3px;
}
div.btn{
    border: 1px solid #d9ffbe;
    cursor: pointer;
    display: block;
    float: left;
    padding: 1px 5px;
    white-space: nowrap;
    font-size: 12px;
    min-width: 60px;
    color: #419a00;
    border-radius: 0;
}
div.divider{
    border-right: 1px solid #8CCEFD;
    float: left;
    height: 48px;
    padding: 1px 1px 3px 4px;
}
div.btn{
    border-color: #eaffdb #8ef346 #8ef346 #eaffdb;
    border-style: solid;
    border-width: 1px;
    color: #419a00;
    margin-right: 3px;
    position: relative;
    text-align: center;
    text-decoration: none;
}
div.btn:hover{
    background-color: #ffe9e9;
}
div.btn span{
    display: block;
    float: none;
    height: 32px;
    margin: 0 auto;
    width: 32px;
}
div#gridsearch input{
    margin-top: 1px;
    width: 200px;
}
div#gridview{
    padding: 0 5px;
}
table#gridview{
    background-color: #8ef346;
    border-spacing: 1px;
    color: #666666;
    width: 100%;
    font-size: 14px;
}
table#gridview tr{
    background-color: #9CD6FF;
    cursor: pointer;
}
table#gridview tr:nth-child(2n+1){
    background-color: #d9ffbe;
}
table#gridview tr:nth-child(2n){
    background-color: #fff; 
}
table#gridview tr:hover{
    color: #419a00;
    background-color: #fcf6ef;
}
table#gridview tr:hover td{
    color: #FF0000;
}
table#gridview tr td,th{
    padding: 4px;
}
table#gridview tr td:first-child{
    text-align: center;
}
table#gridview tr th{
    color: #419a00;
    text-align: center;
}
table#gridview tr td#center{
    text-align: center;
}
table#gridview tr td#right{
    text-align: right;
}
table#gridview tr td#center{
    text-align: center;
}
table#gridview tr td.editrow{
    color: #419a00;
}
table#gridview tr:hover td.editrow{
    color: #FF0000;
}
table#gridview span.gi {
    color: #d7d7d7;
    font-weight: bold;
    margin-right: 5px;
    font-size: 10px;
}
table#gridview p.smallsub {
    margin: 3px 0 0;
    font-size: 12px;
}
table#gridview p.smallsub{
    color: #666;
}
table#gridview p.smallsub span {
    color: #a0a0a0;
}
table#gridview span.gtr {
    margin-right: 5px;
    visibility: hidden;
}
table#gridview input.text-area-order {
    text-align: center;
}
table#gridview a.saveRank {
    background: rgba(0, 0, 0, 0) url("../images/menu/icon-16-save-order.png") no-repeat scroll 0 0;
    display: block;
    float: right;
    height: 16px;
    margin-right: 8px;
    overflow: hidden;
    width: 16px;
}
div#gridfooter, div#gridsearch{
    margin: 5px;
    padding: 5px 10px;
    background-color: #d9ffbe;
    border: 1px solid #8ef346;
    font-size: 12px;
}
div#gridfooter select{
    text-align: center;
    margin-right: 3px;
}
div#gridfooter select option{
    text-align: center;
}
div#gridfooter span{
    background: -moz-linear-gradient(top,  #ffffff 0%, #8ef346 100%);
    border: 1px solid #8ef346;
    margin-right: 3px;
    padding: 4px 5px 3px;
}
.modal-body{
    padding: 0;
}
#imgModal .modal-body{
    text-align: center;
}
.modal-dialog.modal-lg button.close{
    margin: 1px;
}
.modal-dialog h4.modal-title{
    text-transform: uppercase;
    font-size: 16px;
}
.modal-header{
    margin: 5px;
    padding: 9px;
    background-color: #d9ffbe;
    border: 1px solid #8ef346;
    color: #419a00;
    padding: 9px 9px 5px;
}
.modal-content{
    border-radius: 0;
    padding: 6px;
    margin: 0;
}
#imgModal .modal-content{

}
div#frmctrl{
    background-color: #d9ffbe;
    border: 1px solid #8ef346;
    margin: 5px;
    min-height: 62px;
    padding: 3px 3px 5px;
    text-align: right;
}
div#frmctrl div#btnctrl{
    display: inline-table;
    padding: 0;
    position: relative;
    text-align: right;
    margin-top: 3px;
}
div#frmbody{
    background-color: #d9ffbe;
    border: 1px solid #8ef346;
    margin: 5px;
    min-height: 51px;
    padding: 3px 3px 5px;
}
div#frmbody div{
    padding: 0 5px;
}
div#frmbody div.chosen-container{
    padding: 0;
    width: 100% !important;
    margin: 2px 0;
}
div#frmbody div.chosen-container .chosen-single{
    border: 1px solid #8ef346;
    box-shadow: none;
    height: 32px;
    padding: 3px 0 3px 8px;
    background: #f3ffeb;
}
div#frmbody .chosen-container-single .chosen-drop{
    border-color: #8ef346;
    box-shadow: none;
    background: #f3ffeb;
}
div#frmbody .chosen-results li.highlighted{
    background: #5AD500;
}
div#frmbody .chosen-container-single .chosen-single div{
    width: 26px;
}
div#frmbody .chosen-container-single .chosen-single div b{
    background-position: 0 6px;
}
div#frmbody div.chosen-search input[type=text]{
    height: 24px;
}
div.container div.row{
    margin: 5px -15px;
}
div#frmbody div.row{
    padding: 0;
    margin: 0;
}
div.container label, div#frmbody label{
    margin-top: 9px;
}
div#frmbody input[type=text],
div#frmbody input[type=password],
div#frmbody select,
div.container input[type=text],
div.container input[type=password],
div.container select{
    width: 100%;
    margin: 2px 0;
    height: 32px;
    resize: none;
}
div#frmbody textarea,
div.container textarea{
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    margin: 2px 0;
}
div#frmbody input[type=text]{
    padding: 5px 20px 5px 5px;
}
div#frmbody select[multiple], div.container select[multiple]{
    height: 104px;
}
div#frmbody select#extrafield[multiple], div.container select#extrafield[multiple]{
    height: 69px;
}
div#wfmessage{
    background-color: #d9ffbe;
    border: 1px solid #8ef346;
    margin: 5px;
    padding: 10px;
    display: none;
}
div#wfeditmessage{
    margin: 0 5px 5px;
    background-color: #d9ffbe;
    border: 1px solid #8ef346;
    padding: 10px;
    display: none;
}
span#wfeditmessage, span#wfmessage{
    font-weight: bold;
    padding-left: 20px;
}
div#iconmess{
    height: 32px;
    width: 34px;
    position: relative;
    top: -8px;
    float: left;
}
.featured, .unfeatured, .publish, .unpublish, .protected, .trash{
    display: inline-block;
    height: 16px;
    width: 16px;
}
/* /-------------------Cpanel--------------------/ */
div#cpanel-left, div#cpanel-right, #home-report{
    padding: 3px;
}
div#cpanel-left div{
    padding: 3px;
}
div#cpanel-left a, #home-report #report-border{
    border-radius: 5px;
    color: #565656;
    vertical-align: middle;
    text-align: center;
    padding: 15px 5px;
    background-color: #fefefe;
    border: 1px solid #e5e5e5;
}
#home-report #report-border{
    padding: 3px;
    display: flex;
}
#home-report .chart{
    width: 48px;
    float: left;
}
#home-report .chart-title{
    float: right;
    width: 100%;
}
#home-report .chart-title p{
    margin-top: 14px;
}
div#cpanel-left a {
    /*    background-color: #BBFF88;
        border: 1px solid #8ef346;*/
    display: block;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 118px;
}
div#cpanel-left a:hover{
    background-color: #BBFF88;
    border: 1px solid #8ef346;
    text-decoration: none;
    display: block;
}
/*div#cpanel-left a::before{
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, 300%, 0px);
    transition: transform 0.9s ease 0s;
    width: 100%;
}
div#cpanel-left a:hover::before {
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, -300%, 0px);
}*/
div#cpanel-left span#icon{
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto;
}
/* /-------------------Cpanel--------------------/ */
/* /-------------------Login--------------------/ */
div#bodyLogin{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fafafa;
}
div#login{
    border: 1px solid #8ef346;
    padding: 20px;
    display: inline-block;
    background: #fff;
    position: relative;
}
div#login div#text{
    display: table-caption;
}
div#login div#text div#wfmessage{
    margin: 10px 0;
}
div#login div#text p#title{
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
    color: #1dbc52;
    text-transform: uppercase;
}
div#login a#img{
    width: 170px;
    background: url('../images/home.png');
    background-position: center left;
    background-repeat: no-repeat;
    display: table-cell;
    cursor: pointer;
}
div#login div#form{
    display: table-cell;
    margin-left: 39px;
    background-color: #d9ffbe;
    border: 1px solid #8ef346;
    padding: 10px;
}
div#login div#row{
    display: table;
    padding: 7px 0;
}
div#login div#row label{
    width: 110px;
    display: table-cell;
    padding-top: 6px;
}
div#login div#row input[type=text], div#login div#row input[type=password]{
    padding: 6px;
}
div#login div#row label#captcha{
    color: red;
}
.button1 {
    background: rgba(0, 0, 0, 0) url("../images/j_button1_left.png") no-repeat scroll 0 0;
    margin-left: 5px;
    padding-left: 10px;
    white-space: nowrap;
}
.button1, .button1 div {
    float: right;
    height: 1%;
}
.button1 .next {
    background: rgba(0, 0, 0, 0) url("../images/j_button1_next.png") no-repeat scroll 100% 0;
}
.button1 a {
    color: #333;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    padding: 0 35px 0 6px;
}
div#logining{
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: 0.79;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
}
div#logining img{
    position: relative;
    top: 99px;
    width: 79px;
}
/* /-------------------Login--------------------/ */
/* /-------------------jquery tabs--------------------/ */
.container{
    width: 100%;
    font-size: 14px;
    margin: 0;
    padding: 5px;
}
ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-bottom: 1px solid #8ef346;
    width: 100%;
    display: inline-table;
}
ul.tabs li{
    background: none;
    color: #222;
    display: inline-block;
    padding: 6px 8px;
    cursor: pointer;
    top: 1px;
}

ul.tabs li.current{
    background: #d9ffbe;
    color: #222;
    border-color: #8ef346;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    position: relative;
}
.tab-content{
    display: none;
    background: #d9ffbe;
    padding: 5px;
    border-bottom: 1px solid #8ef346;
}

.tab-content.current{
    display: inherit;
    border-left: 1px solid #8ef346;
    border-right: 1px solid #8ef346;
}
/* /-------------------jquery tabs--------------------/ */
/* /-------------------jquery accordion--------------------/ */
.ui-accordion-content[aria-hidden=false]{
    height: auto !important;
    display: block !important;
    background-color: #fff;
    background-image: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    border: 1px solid #8ef346;
}
.ui-accordion .ui-accordion-content{
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #8ef346;
}
/* /-------------------jquery accordion--------------------/ */
@media screen and (max-width: 630px){
    div#login a#img{
        display: none;
    }
    #gridsearch #txtsearch{
        width: 100%;
    }
    #gridsearch select#parent, #gridsearch select#status, #gridsearch select#order{
        margin: 3px -1px;
        width: 50%;
    }
}
@media screen and (max-width: 350px){
    div#login div#row label{
        display: block;
        padding: 0 0 6px 0;
    }
}