/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014-06-03, 10.56.56
    Author     : Darbas
*/

.card{
    background: #fff;
    border-radius: 2px;
    display: block;
    width: 100%;
    position: relative;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding: 20px 20px 20px 25px;
}

.card-mini{
    padding: 5px;
}

.card-danger{
    background: #ffcccc;
}

.avatar, .sidebar-module>h3 {
    border-radius: 2px;
}

.toolbar{
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.common-header{
    background-color: #91B84B; 
    color: white; 
    padding: 5px; 
    margin-bottom: 10px; 
    border-radius: 2px; 
    border-bottom: 2px solid #000;
}
.h3_header{
    font-size: 20px;
}

#cboxClose{
    background-color: #CCC;
    border: #CCC 1px solid;
    border-top-left-radius: 2em;
    padding-left: 10px;
}

#cboxClose:hover{
    color: white;
}

.td-highlight{
    font-weight: bolder;
}

.widget .pull-left h2{
    font-weight: bolder;
}

.dragli {padding: 0 0 0 0;}
.dragli li {background-color: #CCC; margin: 10px 10px; padding: 10px; list-style-type: none; }

#myGrid {
    background: white;
    outline: 0;
    border: 1px solid gray;
}

.grid-header {
    border: 1px solid gray;
    border-bottom: 0;
    border-top: 0;
    background: url('../images/header-bg.gif') repeat-x center top;
    color: black;
    height: 24px;
    line-height: 24px;
}

.has-error{
    background-color : #f2dede; 
}
.grid-header label {
    display: inline-block;
    font-weight: bold;
    margin: auto auto auto 6px;
}

.grid-header .ui-icon {
    margin: 4px 4px auto 6px;
    background-color: transparent;
    border-color: transparent;
}

.grid-header .ui-icon.ui-state-hover {
    background-color: white;
}

.grid-header #txtSearch {
    margin: 0 4px 0 4px;
    padding: 2px 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid silver;
}

.options-panel {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid silver;
    background: #f0f0f0;
    padding: 4px;
    margin-bottom: 20px;
    width: 320px;
    position: absolute;
    top: 0px;
    left: 650px;
}

/* Individual cell styles */
.slick-cell.task-name {
    font-weight: bold;
    text-align: right;
}

.slick-cell.task-percent {
    text-align: right;
}

.slick-cell.cell-move-handle {
    font-weight: bold;
    text-align: right;
    border-right: solid gray;

    background: #efefef;
    cursor: move;
}

.cell-move-handle:hover {
    background: #b6b9bd;
}

.slick-row.selected .cell-move-handle {
    background: #D5DC8D;
}

.slick-row .cell-actions {
    text-align: left;
}

.slick-row.complete {
    background-color: #DFD;
    color: #555;
}

.percent-complete-bar {
    display: inline-block;
    height: 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* Slick.Editors.Text, Slick.Editors.Date */
input.editor-text {
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    background: transparent;
    outline: 0;
    padding: 0;

}

.ui-datepicker-trigger {
    margin-top: 2px;
    padding: 0;
    vertical-align: top;
}

/* Slick.Editors.PercentComplete */
input.editor-percentcomplete {
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    background: transparent;
    outline: 0;
    padding: 0;

    float: left;
}

.editor-percentcomplete-picker {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 100%;
    background: url("../images/pencil.gif") no-repeat center center;
    overflow: visible;
    z-index: 1000;
    float: right;
}

.editor-percentcomplete-helper {
    border: 0 solid gray;
    position: absolute;
    top: -2px;
    left: -9px;
    background: url("../images/editor-helper-bg.gif") no-repeat top left;
    padding-left: 9px;

    width: 120px;
    height: 140px;
    display: none;
    overflow: visible;
}

.editor-percentcomplete-wrapper {
    background: beige;
    padding: 20px 8px;

    width: 100%;
    height: 98px;
    border: 1px solid gray;
    border-left: 0;
}

.editor-percentcomplete-buttons {
    float: right;
}

.editor-percentcomplete-buttons button {
    width: 80px;
}

.editor-percentcomplete-slider {
    float: left;
}

.editor-percentcomplete-picker:hover .editor-percentcomplete-helper {
    display: block;
}

.editor-percentcomplete-helper:hover {
    display: block;
}

/* Slick.Editors.YesNoSelect */
select.editor-yesno {
    width: 100%;
    margin: 0;
    vertical-align: middle;
}

/* Slick.Editors.Checkbox */
input.editor-checkbox {
    margin: 0;
    height: 100%;
    padding: 0;
    border: 0;
}

.listtable-header {
    align : left;
    background: lightgray;
    border-color: gray;
}
.listtable-row {
    align : left;
    border-color: gray;
    border: thin gray;
}
.centering {
    text-align: center;
    vertical-align: middle;
}

.lnk-icon {
    width: 35px;
}

.lnk-select {
    width: 75px;
}

.row-num {
    width: 75px;
}

.list-popup {
    display: none; 
    width: 200px;
    position: absolute; 
    background-color: #FFF; 
    border: 1px solid #000; 
    z-index: 5; 
    background-position: initial initial; 
    background-repeat: initial initial;
}

.list-popup .data-row:hover{
    background-color: #E8E8E8;
    cursor: pointer;
    cursor: hand;
}

.thumbnail {
    margin-bottom:7px;
}
/* SEARCHRESULTS */
#searchresults { 
    border-width:1px; 
    border-color:#919191; 
    border-style:solid; 
    width:500px; 
    background-color:#a0a0a0; 
    font-size:10px; 
    line-height:14px; 
    position: absolute; 
    //right: 0; 
    top: 14px; 
}
.searchresults a { display:block; background-color:#e4e4e4; clear:left; height:12px; text-decoration:none; border-bottom: 1px solid #000; }
#searchresults a:hover { background-color:#b7b7b7; color:#ffffff; }
#searchresults a span.searchheading { display:block; font-weight:bold; color:#191919; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a>span { color:#555555; padding: 6px; border: 1px solid FFF; border-bottom: 1px solid #F6F6F6; }
#searchresults a:hover span { border: 1px solid #FFB652; background: #FFFAF6; }
#searchresults span.category { font-size:11px; margin:5px; display:block; color:#ffffff; }
#searchresults span.seperator { float:right; padding-right:15px; margin-right:5px;
                                background-image:url(../images/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; }
#searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; }
#searchresults table th {
    font-weight: bold;
    background: #91B84B;
    color: #FFF;
    padding: 5px 10px;
    border: 1px solid #cecece; 
    vertical-align: top;
    width: 100px;
}

.ui-accordion-header {
    border: 1px solid #000;
}


.slick-headerrow-column {
    //background: #87ceeb;
    margin: 0;
    padding: 0;
    text-overflow: clip;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slick-headerrow-column input {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 80%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* additional css */
#content, .window, #header-sec{
    background-color: #eee;
    border-bottom: 0;

}

.toolbar {
    background: rgb(134,165,71); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(134,165,71,1) 0%, rgba(93,124,48,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,165,71,1)), color-stop(100%,rgba(93,124,48,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(134,165,71,1) 0%,rgba(93,124,48,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(134,165,71,1) 0%,rgba(93,124,48,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(134,165,71,1) 0%,rgba(93,124,48,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(134,165,71,1) 0%,rgba(93,124,48,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86a547', endColorstr='#5d7c30',GradientType=0 ); /* IE6-9 */
    color: #FFF;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>thead>tr, .table>tfoot, .widget>header {
    background: rgb(71,71,71); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(71,71,71,1) 0%, rgba(55,55,55,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,1)), color-stop(100%,rgba(55,55,55,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(55,55,55,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(55,55,55,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(55,55,55,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(71,71,71,1) 0%,rgba(55,55,55,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#373737',GradientType=0 ); /* IE6-9 */
    color: #FFF;
    text-align: center;
}
.table > tbody, .tab-content, .widget, .attention-box {
    background-color: #FFF;
}
.table-striped {
    border-collapse: collapse;
}
.table-striped td, .table-striped th {
    border: 1px solid #C6C9CE;
}
.table-striped tr:first-child th {
    border-top: 0;
}
.table-striped tr:last-child td {
    border-bottom: 0;
}
.table-striped tr td:first-child,
.table-striped tr th:first-child {
    border-left: 1px solid #EEE;
}
.table-striped tr td:last-child,
.table-striped tr th:last-child {
    border-right: 1px solid #EEE;
}


.tab-pane{
    padding-left: 10px;
    padding-right: 10px;
}
.table-striped > tbody > tr > td {
    border-bottom: 0;
    border-top: 1px solid #E9E9E7;
}

.table-striped > tbody > tr:nth-child(odd) > td {
    background-color: #eee;
}

.table-striped tbody tr:hover, .table-striped tbody tr:hover td {
    border: 1px solid #FCA62D;
    background-color: #FFC;
}
.sb-search{
    border-right: 1px solid #FFF;
}


.activity-stream-item{
    background-color: #FFF;
    padding: 10px;
    margin-bottom: 20px;
}

#header-sec{
    -webkit-box-shadow : none;  
    -moz-box-shadow    : none; 
    box-shadow         : none;  
}

.sidebar-nav-highlight{
    background-color: #91B84B;
    color: #FFFFFF;
    padding: 5px !important;
    margin: 0 0 7px;
    font-size: 14px;
    color: rgb( 255, 255, 255 );
    line-height: 1.286;
    z-index: 57;
}

.sidebar-module>h3{
    background-color: #91B84B;
    color: #FFFFFF;
    padding: 5px;
    margin: 0 0 7px;
    font-size: 14px;
    color: rgb( 255, 255, 255 );
    line-height: 1.286;
    z-index: 57;
}
.sidebar-nav-v2>ul>li>a{
    background-color: #5e5e5e;
    margin: 1px 0;
    color: #ffffff;
}
.sidebar-nav-v2>ul>li>a:hover{
    background-color: #ffffff;
    margin: 1px 0;
    border-left: 6px solid #9e9e9d;
    color: #5d5e5d;
}
.sidebar-nav-v2 a>i {
    float: right;
    color: #ffffff;
}
.sidebar-nav-v2 a:hover>i {
    float: right;
    color: #5d5e5d;
}

.header-main-bottom {
    background-color: #91B84B;
}

.breadcrumb>li>a, li>.active, .breadcrumb>li>a>i, .active-crumb {
    color: #FFF !important;
}
/*
.sidebar-nav-v2{
    background-color: #F9FAF5;
    //color: #000;
}
*/

.popup-header{
    background-color: #91B84B !important;
    color: #FFF;
    height: 70px;
}

.popup-header-pink{
    background-color: pink !important;
    color: #FFF;
    height: 70px;
}

h2, h3 {
    font-size: 20px;
}



.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 1px solid #FFF;
    color: #A1C36A;
}

.ext-tabs-vertical{
    border: 1px;
}
.ext-tabs-vertical>.active>a{
    width: 160px;
}

.green-text{
    color: #91B84B;
}

.nav-tabs{
    border-bottom: 1px solid #FFF;
}

.nav-tabs>li>a:hover{
    border-bottom: 1px solid #FFF;
}

.search-breadcrumbs {
    display: block;
    height: 40px;
    background-color: #91B84B;
}
.sb-search{
    display: inline-block;
    width: 240px;
    float: left;
    margin: 5px auto;
    padding: 0px 20px;
}
.sb-search>input{
    width: 100%;
    height: 30px;
    padding: 8px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 1px;
}
.sb-breadcrumbs {
    display: inline-block;
    float: left;
    margin: 5px auto;
}
.action-buttons{
    display: inline-block;
    float: right;
    margin: 5px auto;
}
#header-sec {
    //height: 50px;
}
.title-padding {
    padding: 0 20px 20px;
}

.show-sidemenu {
    display: block!important;
    position: absolute;
    background-color: white;
    background-image: none;
    z-index: 999;
}
.sidemenu-toggle{
    float: left;
    border: 1px #000000 solid;
    padding: 3px 11px;
    position: absolute;
    top: 15px;
    left: 20px;
    z-index: 1000;
    background-color: #ffffff;
}
@media (min-width: 1100px) {
    .sidemenu-toggle{
        display: none;
    }
}
@media (max-width: 1100px) {
    .sidemenu-toggle{
        display: block;
    }
}

.photos {
    /* Prevent vertical gaps */
    line-height: 0;

    -webkit-column-count: 5;
    -webkit-column-gap:   0px;
    -moz-column-count:    5;
    -moz-column-gap:      0px;
    column-count:         5;
    column-gap:           0px;  
}

.photos img {
    /* Just in case there are inline attributes */
    width: 100% !important;
    height: auto !important;
}
@media (max-width: 1200px) {
    .photos {
        -moz-column-count:    4;
        -webkit-column-count: 4;
        column-count:         4;
    }
}
@media (max-width: 1000px) {
    .photos {
        -moz-column-count:    3;
        -webkit-column-count: 3;
        column-count:         3;
    }
}
@media (max-width: 800px) {
    .photos {
        -moz-column-count:    2;
        -webkit-column-count: 2;
        column-count:         2;
    }
}
@media (max-width: 400px) {
    .photos {
        -moz-column-count:    1;
        -webkit-column-count: 1;
        column-count:         1;
    }
}
.form-green {
    border-color: green;
}
#screenshot{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
}

input[type="text"], .form-control {
    border-color: #91B84B;
}

.btn-primary{
    background-color: #91B84B;
    background-image: none;
    border-color: #6E9729;

}
.btn-primary:hover, .btn-primary:active,  .btn-primary.active{
    background-color: #6E9729;
    background-image: none;
    border-color: #6E9729;
}

.label-danger{
    background-color: #FC5432;
}
.label-success{
    background-color: #91B84B;
}

.white-box{
    background-color: #FFF;
    padding: 20px;
    position: relative;
}
.dark-tabs{
    border-bottom-color: #DDD;
}
.dark-tabs>li.active>a, .dark-tabs>li.active>a:hover, .dark-tabs>li.active>a:focus{
    border: 1px solid #DDD;
    border-bottom-color: transparent;
}

.hover-orange:hover{
    color: #FEA62B;
}
.hover-green:hover{
    color: #6dcf71;
}

.blurText {
    color: transparent;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.tab-content-btm-border {
    background: none;
    border-top: #999 solid 2px;
}

.bookkeeping_warning > td{
    background-color: #ffcccc;
}