body {
    padding-top: 60px;
    padding-bottom: 40px;
}
/* fix promlem - when load pop-up window - rides layout */
.modal-open{
    overflow: auto;
}

.container {
    width:90% !important;
}

/* the footer pressed against the bottom part of a page*/
.main-content{
    min-height: 485px;
}

.highlight{
    background-color: white !important;
    color: #2b542c;
}

.btn-success {
    background-color: #57a900;
    background-image: -moz-linear-gradient(top, #70d900, #57a900);
    background-image: -ms-linear-gradient(top, #70d900, #57a900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
    background-image: -webkit-linear-gradient(top, #70d900, #57a900);
    background-image: -o-linear-gradient(top, #70d900, #57a900);
    background-image: linear-gradient(top, #70d900, #57a900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #57a900;
}

.btn-success:active, .btn-success.active {
    background-color: #57a900;
}

.zf-green {
    color: #68b604;
}

.ed-fixed-size {
    resize: none;
}
.ovrhd {
    overflow: hidden;
}
.remove, .edit, .del-file, .delete-file, .add {
    cursor: pointer;
    /*cursor: hand;*/
}
.show-user-roles {
    text-decoration: underline;
    color:#2aabd2;
    cursor: pointer;
    /*cursor: hand;*/
}

.cursor-pointer{
    cursor: pointer;
}

#file-task {
    display:none;
}

.recivers {
    display: none;
}

div.container a.brand {
    background: url("../img/zf2-logo.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}

.ed-user-list {
    border-radius: 5px;
}
.employes-list li{
    cursor:default;
    margin:5px 5px 5px 15px;
}
.show-profile {
    cursor: pointer;
}
.worker-name {
    padding:3px;
    border-radius: 4px;
}
.cl{
    cursor: pointer ;
    color: red;
}

.sub{
    margin-top: 10px;
}

/* red color for error's message into form  look at sting #187*/
.error-valid{
    color: red;
}

.restore-error{
    border-bottom: 2px solid #BEBEBE;
    padding: 0 30px;
}

.numdate{
    margin-bottom: 10px;
}

.bordered{
    border: 1px solid;
}
.job-data, .show-my-jobs, #show-more-date, .show-date, .show-customer, #show-subteams, #show-team-users{
    cursor: pointer;
}

hr{
    border: 1px solid #c3c0c0;
}

/* delete yelow color after autocomplite Chrome*/
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px white;
    -webkit-text-fill-color: black;
}
input:-webkit-autofill{
    background-color: white !important;
}

/* width buttons which use btn-block classes*/
.div-button-left{
    padding: 0 40px 20px 15px;
}
.div-button-right{
    padding: 0 15px 20px 40px;
}
.div-button{
    padding: 0 30px 20px;
}
/* end */

/* decorate login,forgot,new-password pages */
.permission{
    border-left: 2px solid #ce4844;
    padding: 10px 0 10px 15px;
    background-color: #DCDCDC;
    margin-left: 0;
    font-size: 14px;
    color: #ce4844;
    display: inline-block;
}
.login-message{
    margin-top: 20%;
    min-height: 30px;
    margin-bottom: 20px;
    font-size: 14px;
}
.login-message span.error{
    border-left: 2px solid #ce4844;
    padding: 10px 223px 10px 15px;
    background-color: #DCDCDC;
    margin-left: 0;
    font-size: 14px;
}
.login-message span#not-activate{
    border-left: 2px solid #ce4844;
    padding: 10px 170px 10px 15px;
    background-color: #DCDCDC;
    margin-left: 0;
    font-size: 14px;
}
.login-message span.success{
    padding: 5px 60px;
    border-radius: 7px;
    margin-left: 15px;
    background-color: #D1EEEE;
    font-size: 14px;
    display: inline-block;
}
.error{
    color: #9c3328;
}
.success{
    color: #2b542c;
}
.common-error-msg ul{
    margin-left: 0;
    padding-left: 0;
}
.common-error-msg ul li {
    list-style-type: none;
    color: #9c3328;
    padding-left: 30px;
}
.input-sm{
    border-radius: 5px;
    margin: 5px 0 5px 15px;
    width: 200px;
}
.input-sm{
    border-radius: 5px;
    margin: 5px 0 5px 15px;
    width: 200px;
}
.input-sm{
    border-radius: 5px;
    margin: 5px 0 5px 15px;
    width: 200px;
}
#login-submit{
    margin-left: 40px;
    width: 150px;
}
.forgot{
    margin-left: 60px;
    font-size: 13px;
    color: #4c4c4c;
}
/* end */

/* decorate forgot password form*/
#forgot-message{
    color: #9c3328;
}
.div-forgot-password{
    margin: 13% 0;
}
#forgot-email{
    border-radius: 5px;
    margin: 5px 0  20px;
    width: 250px;
    text-align: center;
}
.div-forgot-submit{
    margin: 10px 0;
}
.div-forgot-email{
    margin-top: 10px;
}
.forgot{
    width: 150px;
}
.back-login{
    font-size: 13px;
    color: #4c4c4c;
}
/* end */

/* decorate clock from punch clock page*/
.clock{
    margin:2em;
}

/* decorate search table on punch report page */
.table-striped tbody > tr:nth-child(odd) > td{
    background-color: #CDC5BF;
}

/* decorate icon delete punch from punch view page*/
a.glyphicon-trash:hover, a.glyphicon-trash:link, a.glyphicon-trash:visited{
    color: red;
}

/* decorate icon * on add/edit users pages*/
.glyphicon-asterisk.add{
    color: #cd0a0a;
    font-size: 8px;
    position: absolute;
    top: 3px;
    left: 15px;
}
.glyphicon-asterisk.add + label{
    padding-left: 10px;
}
/* for add new production on Production/summary-prod page*/
.glyphicon-asterisk.sum{
    color: #cd0a0a;
    margin-left: -10px;
}

/* the gap between the buttons filter and export on punch report page*/
.filter-punch-report{
    margin-right: 5px;
}

/* decorate show admin's pages */
td .btn{
    width:105px;
    padding: 6px;
}
.th-left{
    padding-left: 75px !important;
}
.td-left{
    padding-left: 70px !important;
}
.th-right{
    text-align: right;
    padding-right: 160px !important;
}
.td-right{
    text-align: right !important;
    padding-right: 70px !important;
}
.th-right-permission{
    width: 230px !important;
    padding-right: 0 !important;;
}
.save-ip{
    width:120px;
    margin-top: 20px;
}
.main-admin-menu{
    margin-bottom: 40px;
}
.admin-menu{
    padding: 0 2px;
}
.div-padding{
    padding: 0 9px;
}
#select-notification{
    padding: 0;
}
.div-del-padding{
    padding: 0;
}
.footer-down{
    margin-bottom: 200px;
    display: inline-block;
}
.top-add-new{
    padding-top: 100px;
}
.role-edit{
    padding: 10px 0  0 15px;
}
.page-description{
    position: relative;
    left: 5px;
    top: -35px;
}
.show-perm-desc.pull-right{/* rewrite bootstrap for info about permission description (role's edit) */
    color: #428bca;
    margin-right: 10px;
}

/* end */

/* decor for administration/users page */
.main-user-menu{
    margin-bottom: 40px;
}
.user-menu{
    width:12%;
    display: inline-block;
}
/* end */

/* ip restrictions page*/
.ip-top{
    margin-top: 50px;
}

/* for th in the tables*/
.background{
    background: #ccc;
}

/* decor for manage-teams/avaible-users */
.team-teamlead{
    margin-bottom: 20px;
}
.list-box {
    border:2px solid #ccc;
    width:480px;
    height: 380px;
    overflow-y: scroll;
}
.list-box.team-lead {
    border:2px solid #ccc;
    width:400px;
    height: 260px;
    overflow-y: scroll;
    padding: 10px 0 0 20px;
}
.list-box-team {
    border:2px solid #ccc;
    width:436px;
    height: 200px;
    overflow-y: scroll;
}
.list-box.subteams{
     border:2px solid #ccc;
     width:240px;
     height: 100px;
     overflow-y: scroll;
 }
.add-to-team{
    margin: 90px 0 20px 18px;
}
.remove-from-team{
    margin-left: 18px;
}
.subteams{
    padding-top: 10px;
    padding-left: 10px;
}
.team-teamlead{
    margin-top: 20px;
}
.team-emp{
    margin-top: 5px ;
}
.ed-from-top{
    padding: 20px 0;
}
.add-sub-teams{
    margin-left: 15px;
    margin-top: 20px;
}
/* end */

/* decorate for Announce page*/
#add-ann{
    width:150px;
    margin-bottom: 20px;
}

/* the best show string for change role from profile page */
.submit-change-role{
    width:150px;
    margin-top: 5px;
    margin-left: 20px;
}
.name-change-role{
    width: 220px
}
.change-role{
    max-width: 120px;
    padding: 10px 0 0;
}
.text-change-role {
    position: absolute;
    bottom: 7px;
    left: 17px;
}
.div-profile{
    padding-top: 30px;
}
.label-change{
    margin-top: 30px;
}
.form-change-role{
    padding: 10px 0 0;
}
.after-form{
    margin-bottom: 60px;
}
.label-left{
    padding-left: 100px;
}
.span-right{
    padding-right: 100px;
}
/* end */

/* Date range from summary production */
.date-summ{
    font-size: 0.9em !important;
    padding:6px 4px;
    text-align: center;
}

/* for summary production page */
.summary-production{
    margin: 60px 0 30px;
}
.thead-tr, .thead-tr-last{
    background: #F5F5F5;
}
.thead-tr th{
text-align: center;
}
th.employee{
    padding-left: 40px !important;
}
.tr-user-date{
    text-align: center;
}
.show-customer-id td{
text-align: center;
}
.show-customer-id th{
    text-align: center;
}
.getcust td{
text-align: center;
}
#customer-show{
    text-align: left;
}
.span-customer-show{
    padding-left: 50px;
}
.td-plus-minus{
    text-align: left;
    white-space: nowrap;
}
.plus-minus {
    display:inline-block;
    color: blue;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    width: 25px;
}
.value-plus-minus{
    display:inline-block;
    margin-top: 6px;
}
.for_comment{
    word-wrap: break-word;
}
.btn-editprod{
    width:130px;
}
.hide{
    visibility: hidden;
}
/* end */

/* replace select with am/pm into input for enter hh:mm on add/edit punch pages*/
.am_pm{
    position:absolute;
    left: 90px;
    top: 32px;
}

/* for allotment company's or employee's days from schedule calendar */
.select-calendar{
    background-color: #ADD8E6 !important;
}
.select-day-calendar{
    color:red;
}

#month-emp-filter{
    margin-left: 37%;
}

/* decorate worker's answer after send requests new-file.phtml */
.answer-requests{
    font-size: 36px;
    margin-right: -50px;
    color: #458B00
}
.answer-requests-color{
    color: #458B00
}


@media (max-width: 1235px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

}