body {
    padding-top: 60px;
    padding-bottom: 40px;
}

#new_mask{
    display: none;
    height: 100%; width: 100%;
    position: fixed; top: 0;
    background-image: url('/img/loading2.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20%;
    background-color: rgba(255, 255, 255, 0.32); z-index: 1120;
}

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

.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;
}

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


.mainButton {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #575657), color-stop(1, #010101));
    background:-moz-linear-gradient(top, #575657 5%, #010101 100%);
    background:-webkit-linear-gradient(top, #575657 5%, #010101 100%);
    background:-o-linear-gradient(top, #575657 5%, #010101 100%);
    background:-ms-linear-gradient(top, #575657 5%, #010101 100%);
    background:linear-gradient(to bottom, #575657 5%, #010101 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575657', endColorstr='#010101',GradientType=0);
    background-color:#575657;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #36423e;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:16px;
    text-decoration:none;
    margin: 10px;
    width: 250px;
    text-align: center;
    padding: 25px;
}
.mainButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #010101), color-stop(1, #575657));
    background:-moz-linear-gradient(top, #010101 5%, #575657 100%);
    background:-webkit-linear-gradient(top, #010101 5%, #575657 100%);
    background:-o-linear-gradient(top, #010101 5%, #575657 100%);
    background:-ms-linear-gradient(top, #010101 5%, #575657 100%);
    background:linear-gradient(to bottom, #010101 5%, #575657 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#010101', endColorstr='#575657',GradientType=0);
    background-color:#010101;
    text-decoration:none;
    color:#ffffff;
}
.mainButton:active {
    position:relative;
    top:1px;
    text-decoration:none;
}

#container{
    display: table;
    margin: 0 auto;
    margin-top: 50px;
}

.myContainer{
    display: table;
    margin: 50px auto;
}


#logoutDiv{
    float: right;
    margin-top: 30px;
    font-size: 15px;
}
#logoutDiv a{
    color: white;
}


#loginTable td{
    padding: 3px;
}



.mainContainer{
    display: table;
    margin-top: 50px;
    width:100%;
    /*margin: 50px auto;*/
}
.left-menu{
    float: left;
    width: 25%;
    font-family:arial;
}
.right-section{
    float: left;
    width: 75%;
    padding-left: 40px;
    font-family:arial;
}
.right-section .header{
    font-size: 28px;
    text-align: center;
    margin-bottom: 10px;
}
.menuBtn2{
    display: inline-block;
    width: 100%;
    padding: 5px;
    margin-bottom: 5px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #575657), color-stop(1, #010101));
    background:-moz-linear-gradient(top, #575657 5%, #010101 100%);
    background:-webkit-linear-gradient(top, #575657 5%, #010101 100%);
    background:-o-linear-gradient(top, #575657 5%, #010101 100%);
    background:-ms-linear-gradient(top, #575657 5%, #010101 100%);
    background:linear-gradient(to bottom, #575657 5%, #010101 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575657', endColorstr='#010101',GradientType=0);
    background-color:#575657;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #36423e;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    text-decoration:none;
}
.menuBtn2:hover{
    text-decoration:none;
    cursor: default;
}
.menuBtn2:active{
    text-decoration:none;
    cursor: default;
}
.menuBtn{
    display: inline-block;
    width: 100%;
    padding: 5px;
    margin-bottom: 5px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #575657), color-stop(1, #010101));
    background:-moz-linear-gradient(top, #575657 5%, #010101 100%);
    background:-webkit-linear-gradient(top, #575657 5%, #010101 100%);
    background:-o-linear-gradient(top, #575657 5%, #010101 100%);
    background:-ms-linear-gradient(top, #575657 5%, #010101 100%);
    background:linear-gradient(to bottom, #575657 5%, #010101 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575657', endColorstr='#010101',GradientType=0);
    background-color:#575657;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #36423e;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    text-decoration:none;
}
.menuBtn:hover{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #010101), color-stop(1, #575657));
    background:-moz-linear-gradient(top, #010101 5%, #575657 100%);
    background:-webkit-linear-gradient(top, #010101 5%, #575657 100%);
    background:-o-linear-gradient(top, #010101 5%, #575657 100%);
    background:-ms-linear-gradient(top, #010101 5%, #575657 100%);
    background:linear-gradient(to bottom, #010101 5%, #575657 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#010101', endColorstr='#575657',GradientType=0);
    background-color:#010101;
    text-decoration:none;
    color:#ffffff;
    border:1px solid #36423e;
}
.menuBtn:active{
    text-decoration: none;
    color:#ffffff;
}
a.header{
    font-size:16px;
    /*font-weight: bold;*/
}
a.child{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d9d9d9));
    background:-moz-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #d9d9d9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0);
    background-color:#ffffff;
    color: #000000;
    width: 90%;
    padding: 3px;
    padding-left: 5px;
    border:1px solid #787878;
}


#welcomeText{
    margin-right: 30px;
    color: white;
}


.navBtn{
    display: inline-block;
    width: 30%;
    padding: 10px;
    margin: 10px;
    margin-bottom: 0px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d9d9d9));
    background:-moz-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #d9d9d9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0);
    background-color:#575657;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    /*border-top-right-radius: 15px;*/
    border:1px solid #787878;
    cursor:pointer;
    color:#000000;
    font-family:arial;
    text-decoration:none;
}
.navBtn:hover{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #010101), color-stop(1, #575657));
    background:-moz-linear-gradient(top, #010101 5%, #575657 100%);
    background:-webkit-linear-gradient(top, #010101 5%, #575657 100%);
    background:-o-linear-gradient(top, #010101 5%, #575657 100%);
    background:-ms-linear-gradient(top, #010101 5%, #575657 100%);
    background:linear-gradient(to bottom, #010101 5%, #575657 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#010101', endColorstr='#575657',GradientType=0);
    background-color:#010101;
    text-decoration:none;
    color:#ffffff;
    border:1px solid #36423e;
}
.navBtn:active{
    text-decoration: none;
    color:#ffffff;
    border:1px solid #36423e;
}

a.active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #575657), color-stop(1, #010101));
    background: -moz-linear-gradient(top, #575657 5%, #010101 100%);
    background: -webkit-linear-gradient(top, #575657 5%, #010101 100%);
    background: -o-linear-gradient(top, #575657 5%, #010101 100%);
    background: -ms-linear-gradient(top, #575657 5%, #010101 100%);
    background: linear-gradient(to bottom, #575657 5%, #010101 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575657', endColorstr='#010101', GradientType=0);
    color:#ffffff;
    border:1px solid #36423e;
}

.cancel-btn{
    margin-right: 20px;
}
.form-group{
    text-align: left;
}
.my-modal .modal-content{
    width: 50%;
    margin: 0 auto;
    margin-top: 30%;
}


#myModal .modal-dialog  {width:1000px;}

#myModal {
    top:2px;
}

.circleBtn{
    margin-top: 0px;
    margin-bottom: 8px;
    border-radius:40px;
}

#choosedContent{
    margin-bottom: 15px;
}
.clientChosen{
    display: none;
    margin: 15px;
}
#chosenClient{
    font-weight: bold;
    margin: 15px;
}
#clothMeasureDiv{
    display: none;
}

#hideBtn{
    margin-bottom: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}
#showBtn{
    margin-bottom: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.enterCodes, .checkCodes, .compareCodes, .IrinaTook, .MayaTook, .ClientTook, .denyCloth, .setFittingDate, .presubmit, .inOffice {
    margin-bottom: 5px;
}

.myTable td{
    padding-right: 20px;
    padding-bottom: 3px;
}
.myNewTable{
    margin-top: 10px;
    margin-bottom: 10px;
}
.myNewTable td, th{
    padding: 10px;
}
.measureTable td{
    padding-right: 20px;
    padding-bottom: 3px;
}

.redactorColumnBtn{
    text-align: center;
    width: 110px !important;
}
.redactorColumnBtn2{
    text-align: center;
    width: 80px !important;
}
.redactorColumnBtn3{
    text-align: center;
    width: 95px !important;
}
.redactorColumnBtn4{
    text-align: center;
    width: 120px !important;
}
.redactorNumColumns2{
    text-align: left;
    width: 70px !important;
}
.redactorNumColumns4{
    text-align: left;
    width: 130px !important;
}
.redactorNumColumns3{
    text-align: left;
    width: 60px !important;
}
.redactorClothColumn{
    text-align: left;
    width: 87px !important;
}
.redactorClothColumn1{
    text-align: left;
    width: 105px !important;
}
.redactorClothColumn2{
    text-align: left;
    width: 107px !important;
}
.sellerColumnBtn{
    text-align: center;
    font-weight: bold;
    width: 80px !important;
}
.sellerColumnBtn2{
    text-align: center;
    font-weight: bold;
    width: 105px !important;
}
.sellerColumnBtn3{
    text-align: center;
    font-weight: bold;
    width: 135px !important;
}
.sellerColumnBtn4{
    text-align: center;
    font-weight: bold;
    width: 138px !important;
}
.sellerColumnBtn5{
    text-align: center;
    font-weight: bold;
    width: 115px !important;
}
.sellerColumnBtn6{
    text-align: center;
    font-weight: bold;
    width: 130px !important;
}
.sellerColumnBtn7{
    text-align: center;
    font-weight: bold;
    width: 130px !important;
}
.sellerColumnBtn8{
    text-align: center;
    font-weight: bold;
    width: 110px !important;
}
.financeBtn1{
    text-align: center;
    font-weight: bold;
    width: 815px !important;
}
.cycleCol{
    width: 63px !important;
}
.cycleCol2{
    width: 47px !important;
}
.clothCol{
    width: 87px !important;
}
.clothCol35{
    width: 50px !important;
}
.fabricCol{
    width: 97px !important;
}
.codeStatusCol{
    width: 105px !important;
    font-size: 13px !important;
}
.dateCol{
    width: 125px !important;
}
.wishDateCol{
    width: 95px !important;
}
.wishDateCol2{
    width: 95px !important;
    font-size: 13px !important;
}
.wishDateCol3{
    width: 115px !important;
}
.mycol140{
    width: 140px !important;
    font-size: 11px !important;
}
.mycol120{
    width: 120px !important;
    font-size: 11px !important;
}
.mycol100{
    width: 100px !important;
    font-size: 11px !important;
}
.mycol80{
    width: 80px !important;
    font-size: 11px !important;
}
.mycol60{
    width: 60px !important;
    font-size: 11px !important;
}
.mycol40{
    width: 40px !important;
    font-size: 11px !important;
}
.fabricCol{
    width: 95px !important;
}
.subHeader{
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 16px;
    text-decoration: underline;
}
.subHeaderNew{
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
}
.subSubHeader{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

.ui-dialog-titlebar {
    background-color: #333;
    background-image: none;
    color: #000;
}
.submit_deadline{
    color: red;
}
.reminderColumn{
    width: 750px;
}







/*html, body { background:#ebebeb; font-size:10px; font-family:Verdana; margin:0; padding:0; }*/
/*#container { min-width:320px; margin:0px auto 0 auto; background:white; border-radius:0px; padding:0px; overflow:hidden; }*/
/*#tree { float:left; min-width:319px; border-right:1px solid silver; overflow:auto; padding:0px 0; }*/
#data { margin-left:320px; }
#data textarea { margin:0; padding:0; height:100%; width:100%; border:0; background:white; display:block; line-height:18px; resize:none; }
#data, #code { font: normal normal normal 12px/18px 'Consolas', monospace !important; }

#tree .folder { background:url('../js/js_tree/themes/file_sprite.png') right bottom no-repeat; }
#tree .file { background:url('../js/js_tree/themes/file_sprite.png') 0 0 no-repeat; }
#tree .file-pdf { background-position: -32px 0 }
#tree .file-as { background-position: -36px 0 }
#tree .file-c { background-position: -72px -0px }
#tree .file-iso { background-position: -108px -0px }
#tree .file-htm, #tree .file-html, #tree .file-xml, #tree .file-xsl { background-position: -126px -0px }
#tree .file-cf { background-position: -162px -0px }
#tree .file-cpp { background-position: -216px -0px }
#tree .file-cs { background-position: -236px -0px }
#tree .file-sql { background-position: -272px -0px }
#tree .file-xls, #tree .file-xlsx { background-position: -362px -0px }
#tree .file-h { background-position: -488px -0px }
#tree .file-crt, #tree .file-pem, #tree .file-cer { background-position: -452px -18px }
#tree .file-php { background-position: -108px -18px }
#tree .file-jpg, #tree .file-jpeg, #tree .file-png, #tree .file-gif, #tree .file-bmp { background-position: -126px -18px }
#tree .file-ppt, #tree .file-pptx { background-position: -144px -18px }
#tree .file-rb { background-position: -180px -18px }
#tree .file-text, #tree .file-txt, #tree .file-md, #tree .file-log, #tree .file-htaccess { background-position: -254px -18px }
#tree .file-doc, #tree .file-docx { background-position: -362px -18px }
#tree .file-zip, #tree .file-gz, #tree .file-tar, #tree .file-rar { background-position: -416px -18px }
#tree .file-js { background-position: -434px -18px }
#tree .file-css { background-position: -144px -0px }
#tree .file-fla { background-position: -398px -0px }