/*add specific fonts*/
@font-face {
    font-family: PromtImperialNormal;
    src: url('fonts/PromtImperial.ttf');
    src: url('fonts/PromtImperial.eot');
    src: url('fonts/PromtImperial.eot?#iefix') format('embedded-opentype'),
         url('fonts/PromtImperial.woff') format('woff'),
         url('fonts/PromtImperial.svg#PomtImperial') format('svg');
}
@font-face {
    font-family: PromtImperialLight;
    src: url('fonts/PromtImperialBoldLight.ttf');
    src: url('fonts/PromtImperialBoldLight.eot');
    src: url('fonts/PromtImperialBoldLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/PromtImperialBoldLight.woff') format('woff'),
         url('fonts/PromtImperialBoldLight.svg#PomtImperial') format('svg');
}
@font-face {
    font-family: PomtImperial;
    src: url('fonts/Pi.ttf');
	src: url('fonts/PromtImperial-Bold.eot');
    src: url('fonts/PromtImperial-Bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/PromtImperial-Bold.woff') format('woff'),
         url('fonts/PromtImperial-Bold.svg#PomtImperial') format('svg');
}

html,
body {
    /*height: 100%;*/
    font-size: 14px;
}
h1{color:#337ab7;font-size:26px;line-height: 26px;}
.table > thead > tr > th{vertical-align:middle;color: #337ab7 !important;}
#mainMenu {
    min-height: calc(100vh - 127px);
    height: auto;
    margin: 0 auto 0;
    padding: 0 0 0;
}

.wrap > .container {
    padding: 0;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
/*    padding: 15px;*/
    padding:8px 0px 6px 0px;
    border: none;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 1em;
    color:white;
}

.nav li > form > button.logout:hover {
    /*    padding: 15px;*/
    color: #d4d4d4;
}


@media(max-width:767px) {
    .nav li > form > button.logout {
        /*display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;*/
        padding:8px 0px 0px 0px;
        font-size: 1em;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}


.contacts input[type='text']
{
    width: 300px;
}
.contacts select
{
    width: 150px;
}

.contacts
{
    margin-left:200px;
}
.bolder
{
    font-weight: bolder;
}
/* #1587d9*/
.navbar-inverse {
    background-color: #33a3f2;
    border-color:  #33a3f2;
    border-bottom:#1587d9 4px solid;
}

.mainmenu
{
    padding-top: 29px;
    padding-left: 1px;
}

.mainmenu > li
{
    background-color: #1587d9;
    border-color:  #1587d9;
    margin-left:2px;
    padding-left: 1px;
    padding-right: 1px;
    border-radius: 4px 4px 0px 0px;
    min-width: 90px;
}
.mainmenu > li.active
{
    background-color: #fff;
}
.navbar-inverse .navbar-nav > li > a
{
    color: white;
    text-align: center;
    padding:8px 0px 6px 0px;
    font-size: 0.9em;

}
.navbar-inverse .navbar-nav > li > a:hover
{
    color: #d4d4d4;
}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #1587d9;
    background-color: white;
    border-radius: 4px 4px 0px 0px;
    padding:8px 0px 6px 0px;
    font-weight: bolder;
}


/*remove property of container of main menu:*/
#mainMenu nav > .container
{
    width: 100%;
}

/*menu for forms*/
.navbar-form
{
    background: linear-gradient(to bottom, #ffffff, #E8E8E8);
    border-top: #bbbbbb 1px solid;
    border-bottom: #bbbbbb 4px solid;

    padding-left: 1px;
    margin-bottom: 0;
}

.nav > li > a.btnAction, .btnAction {
    height: 35px;
    padding: 27px 10px 20px 10px;
   /* border-image: linear-gradient(to top, #ffffff, #d4d4d4);*/
    /*border-color: transparent #e2e2e2;
    border-width: 2px;
    border-style: solid;*/
    font-size: 0.8em;
    text-align:center;
    border:0;
    line-height:unset;
}
.btn-create{background: url(/images/create.png) no-repeat center 8px;}
.btn-save{background: url(/images/save.png) no-repeat center 8px;}
.btn-saveas {background: url(/images/saveAs.png) no-repeat center 8px;}
.btn-load{background: url(/images/load.png) no-repeat center 8px;}
.btn-create-customer{background: url(/images/create_customer.png) no-repeat center 8px;}
.btn-create-specification{background: url(/images/create_specification.png) no-repeat center 8px;}
.btn-create-machine{background: url(/images/create_machine.png) no-repeat center 8px;}
.btn-busy-machine{background: url(/images/busy_machine.png) no-repeat center 8px;}
.btn-create-income{background: url(/images/create_income.png) no-repeat center 8px;}
.btn-create-type{background: url(/images/create_type.png) no-repeat center 8px;}

/*top menu header*/
/*nav#w2{font-family: PromtImperialNormal;}*/
.navbar-brand {
    float: left;
    height: auto !important;
    padding: 19px;
    font-size: 18px;
    line-height: 25px !important;
}
.navbar-inverse .navbar-brand{color:#fff;}
.actions{
    display: block;
    float: none;
    margin-top: 67px;    
}
.actions .nav > li > a:hover, .actions .nav > li > a:focus{background-color: transparent;}
.actions .navbar-collapse, .actions .container{padding:0;}
.actions .navbar {
    border-radius: 0;
}

.orders-list{}
.orders-list h1{margin-top:0;}

.orders-form td{width:50%;}

.hasDatepicker{padding:0 5px;}

.bootstrap-select.btn-group .dropdown-toggle .filter-option{padding:0 5px;}
.form-horizontal .control-label{padding-top: 2px;}

.breadcrumb{background-color:unset;text-align:right;padding:15px;margin-bottom:0;}

.attach-container {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    display: none;
    height: 100%;
    min-height: 100%;
    min-width: 308px;
    max-width: 308px;
    width: 100%;
    position: fixed;
    right: -308px;
    top: 0;
    z-index: 0;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    z-index: 9999;
    outline: 1px solid transparent;
    padding:20px;
    color:#fff;
}

.open-attach-form > .attach-container {
    right: 0;
}

.data-list{
    border-radius: 5px;
    background-color: #e8e8e8;
    padding: 10px;
    margin-bottom: 30px;   
}

.data-list table tr td:last-child{text-align:center;}
.data-list .glyphicon{margin:0 5px;}
.data-list table{
    margin-bottom:0;   
}

.table-striped > thead > tr, .table-striped > tbody > tr:nth-of-type(2n){
    background-color: #fff;
}

.customers-index table thead th:nth-child(2){width:100px;}

.site-login, .site-index{margin-top:100px;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #33A3F2;
}
.action-column{width:170px;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #1587D9;
    border-color: #337ab7;
}

.jumbotron h1, .jumbotron .h1 {
    font-size: 40px;
    color:#1587D9;
}
.jumbotron .btn {
    font-size: 16px;
    padding: 5px 30px;
    background-color:#1587D9;
}

.orders-view, .wrapper, .OrderTable{margin-top: 70px;}
.orders-view table{font-size:12px;}

.orders-update{margin:70px 20px 20px 20px;width:90%;display:block;}
.orders-update td{width:auto;}
#login-form{width:25%;margin:auto;margin-top:50px;}
#login-form label{color:#7A7E7B;}
#login-form .form-group {
    margin-bottom: 0px;
}

.row-bg{border-radius: 5px;background-color: #e8e8e8;padding: 10px;margin-bottom:10px;}
.row-bg h3{margin-top:0;}
.row-bg .form-group{margin:0;background-color:#fff;padding:10px 30px;border:1px solid #C8C8C8;}
.base-table{background-color:#fff;}
.base-table tr td{padding:5px}
.base-table td:nth-child(2n+1){text-align:right;}
.base-table td:nth-child(2n){text-align:left;}
.base-table .form-group .form-group{margin:0;padding:0;}
.base-table .help-block{display:inline;}
.base-table textarea, .base-table input, .base-table .bootstrap-select{width:100% !important;}
.base-table .bootstrap-select button{border-radius:unset;}
.base-table .form-control{border-radius:unset;}
.base-table th{font-size:12px;text-align:center;}
.base-table tr.odd{background-color:#F0F0F0;}
.SidesTable .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .ColoursTable .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:auto;min-width:70px;}
.SidesTable .btn, .ColoursTable .btn, .SlipTable .btn, .input-data .btn, .input-data .form-control{padding: 1px 12px;}
.input-data .form-control{height:auto;}
.table-striped > tbody > tr:nth-of-type(2n+1){background-color:#F0F0F0;}
td > .bootstrap-select:last-child, .help-block + .bootstrap-select, .help-block + input{margin-top:5px;}
.borderless td, .borderless th{border:0 none !important;}
.select2-container--default .select2-selection--single{background-color:unset;}
/*.input-data*/

.income-index .kv-grid-table{margin-top:20px;}
.recept-form .base-table + .base-table{margin-top:20px;}
.except{display:none;}
.formmenu{position:fixed;}
.panel-title{position:relative;}
.panel-title a:first-child{display:block;height:100%;text-decoration:none;width:95%;}
.panel-title a + a{display:none;position:absolute;top:0;right:0;}
.panel-title:hover a + a{display:block;}
.virtual-index li.active a{background-color: #212529 !important;color:#fff;border-color: #32383e;border: 1px solid #212529;}
.virtual-index li.active a:focus{color:#fff;}
.table .thead-dark th {
  color: #fff !important;
  background-color: #212529;
  border-color: #32383e;
}
.virtual-index table tr{cursor:pointer;}
.virtualicnome-table td{margin:0;padding:3px !important;}
.virtual-index .container-fluid{width:80%;max-width:1600px;}
.virtual-loader{text-align: center;}
.virtual-index .income-items{background:#9999;}
.virtual-income-total{font-style:italic;font-family:Georgia;}
/*.virtual-income-total .total{background: #F8AB75;}*/
.virtual-income-items,.virtual-block-info .virtual-block{background: #FEE3D0;}
/*.warehouse-income-items, */.virtual-block-info .warehouse-block{background: #98FFB8;}
.virtual-block-info div{float:right;width:150px;margin-top:20px;}
.virtual-block-info span{width:30px;height: 30px;display: inline-block;vertical-align: middle;}
.virtualicnome-table tr td,.virtualicnome-table tr th{width:50px;}
input + a,button + a{margin-left:20px;}
div#attach input + a,div#attach button + a{margin-left:0;}
.reserved > td{background:#F8AB75}

#material-info{position:fixed;left:50px;right:50px;height:85%;opacity:0;z-index:-1;top:50px;background:#E4E6E9;border:1px solid #4F7F77;overflow-y:scroll;}
.block-animation {
          background-color: #2196F3;
          opacity:1 !important;
          transition: opacity 0.5s linear;
          z-index:99999 !important;
        }
.close,.close:hover{color:#fff;border:1px solid #fff;padding:2px 6px;border-radius: 50%;margin-right:10px;margin-top:10px;text-shadow: unset;opacity:1;font-weight:400;}
.income-items.difference{background: #A349A4;}
.wh input{color:#000;font-weight:normal;}
.glyphicon-sort{margin-right:5px;}


.revision{float:right;}
.side-description{position:relative;}
.recept-side-scissors{position:absolute;right:-25px;top:10px;}
.order-options input{vertical-align: middle;margin: 0;}

.search-block{position:relative;}
#search-result{position:absolute;background:#d4edda;z-index:100;right: 0;width: 300px;overflow-y: scroll;height: 300px;padding-left: 20px;}
.specification-search{display:block;cursor:pointer;}
.specification-search:hover{background:#a8fbbc;}


.setup h1{text-align:center; margin-top:20px;}
.shedule-container{display:block;width:80%;margin:auto;position:relative;}
.month-item{border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.schedule-day{width:14.28%;display:inline-block;text-align:center;padding:20px;border-left: 1px solid #ccc;border-top: 1px solid #ccc;font-size:26px;position: relative;}
.schedule-day:hover{background:#C8EBFA;cursor:pointer;}
.inactive{background:#eee;color:#bbb;}
.active{background:#1AF45A;}
.month-title{font-size:20px;}
.arrow{width:50px;height:50px;position:absolute;top:50%;cursor:pointer;}
.schedule-prev{background:url(../images/left.png) no-repeat;left: -100px;}
.schedule-next{background:url(../images/right.png) no-repeat;right:-100px;}
.schedule-time{position: absolute;right: 5px;top: 0;color: #326580;font-size: 22px;}
.schedule-time-setup{position:absolute;width: 300px;display: none;z-index: 1000;background: #ccc;padding: 20px;}
.kv-datetime-picker{padding:1px 4px;}
.time-text{font-size:12px;position:absolute;bottom:0;left: 0;right: 0;}
.loader{background: url(/web/images/ajax-loader.gif) no-repeat center center !important;}




@media(max-width:1366px) {
    .mainmenu > li
    {
        min-width: 75px;
    }

}

@media(max-width:1340px) {
    .navbar-brand{display:none;}
    .recept-list h1{margin-top: 50px;}
    .mainmenu{padding-top:0;}
    .actions {margin-top: 80px;}  
}
@media(max-width:1079px) {

    .navbar-brand{display:none;}
    .recept-list h1{margin-top: 60px;}
      
}