@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
/**/
.wrapper-v { width: 100%; background: #fff; margin: 17px auto; padding-right: 3%; box-sizing: border-box;}
.panel-head-v { background: #81b426; color: #fff; padding: 10px 15px;}
.panel-head-v h3 { font-family: "Roboto"; font-weight: 300; font-size: 15px; line-height: 1; margin: 0;}
.panel-body-v { padding: 15px; border: 1px solid #f4f4f4; background: #fff;}
/**/
.column-group-v { display: flex; justify-content: space-between;}
.column-v {  width: 50%;}
.column-v-1 {margin-right: 15px;}
.column-v-2 {margin-left: 15px;}
/**/
.inner-panel-head-v { background: #f6f6f6; border: 1px solid #f2f2f2; position: relative; margin-bottom: 6px; padding: 0 20px; display: flex; justify-content: space-between; height: 45px; align-items: center}
.inner-panel-head-v:after { content: ""; display: block; height: 1px; width: 100%; position: absolute; left: 0; bottom: -4px; border-top: 3px solid #7b8a6b;}
.inner-panel-head-v h4 { margin: 0; line-height: 1; color: #7a896c; font-weight: 900; font-family: "Roboto"; font-size: 12px; text-transform: uppercase;}
.inner-panel-head-v p { margin: 0; line-height: 1; font-size: 12px; font-family: "Roboto"; font-weight: 500; color: #616161; text-transform: uppercase;}
.inner-panel-head-v ul { margin: 0; line-height: 0; padding: 0; list-style: none;}
.inner-panel-head-v li { display: inline; font-weight: 500; font-family: "Roboto"; font-size: 12px; color: #616161; text-transform: uppercase; line-height: 1}
.inner-panel-head-v li input[type="checkbox"] { display: none;}
.inner-panel-head-v li input[type="checkbox"] + .checkbox-v { display: inline-block; width: 16px; height: 16px; cursor: pointer; background: url(images/checkbox.png) no-repeat -30px 0; vertical-align: middle; margin: -3px 6px 0 2px;}
.inner-panel-head-v li input[type="checkbox"]:checked + .checkbox-v {background: url(images/checkbox.png) no-repeat 0 0;}

.thead-v { display: flex; align-items: center; background: #cff19c; margin-bottom: 3px;}
.th-v {padding: 7px 20px; font-weight: 400; font-family: "Roboto"; font-size: 12px; line-height: 1; color: #6a6a6a; text-transform: uppercase; flex: 1;}
.trow-v { display: flex; align-items: center; background: #fdfdfd; border: 1px solid #f5f5f5; margin-bottom: 3px;}
.td-v {padding: 17px 20px; font-weight: 400; font-family: "Roboto"; font-size: 12px; line-height: 1; color: #616161; text-transform: uppercase; flex: 1;}
.td-v strong { font-weight: 700; font-size: 14px;}
.center-v { text-align: center;}
/**/
.column-v-1 .th-v { width: 25%;}
.column-v-1 .td-v { width: 25%;}
.column-v-1 .col-v-5 { display: none;}
.column-v-1 .col-v-6 { display: none;}
.column-v-1 .col-v-7 { display: none;}
/**/
.column-v-2 .col-v-1 { width: 20%;}
.column-v-2 .col-v-2 { width: 25%;}
.column-v-2 .col-v-3 { width: 15%;}
/*.column-v-2 .col-v-4 { display: none;}*/
.column-v-2 .col-v-5 { width: 15%;}
.column-v-2 .col-v-6 { width: 15%;}
.column-v-2 .col-v-7 { width: 10%;}
/*.column-v-2 .thead-v {display: none;}*/
.column-v-2 .trow-v { background: #f8fbf1}
/**/
.batch-group-v { margin-bottom: 6px;}
.batch-group-head-v { background: #6a6a6a; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 10px 24px;}
.batch-group-head-v h3 { margin: 0; line-height: 1; font-size: 16px; text-transform: uppercase; font-family: "Roboto"; font-weight: 900;}
.batch-data-v { display: flex; align-items: center;}
.batch-data-v label { font-family: "Roboto"; font-size: 12px; line-height: 1; text-transform: uppercase; font-weight: 900;}
.batch-data-v label span { font-size: 16px;}
.batch-data-v button { border: none; background: #fff; font-size: 12px; color: #6a6a6a; font-family: "Roboto"; font-weight: 900; width: 73px; height: 23px; border-radius: 5px; text-transform: uppercase; margin-left: 23px; line-height: 23px; cursor: pointer}
.ok-icon-v { display: inline-block; width: 15px; height: 15px; background: url(images/ok.svg) no-repeat; background-size: contain; margin-left: 8px; position: relative; top: 3px;}
.delete-icon-v { display: inline-block; width: 13px; height: 13px; background: url(images/delete2.png) no-repeat; background-size: contain; margin-left: 8px; position: relative; top: 3px;}
.batch-group-area-v { border: 1px solid #f5f5f5; padding: 8px;}
.batch-group-area-v p { margin: 0; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #a1a1a1; text-align: center; font-family: "Roboto"; padding: 35px 0;}
.batch-status-v-off .batch-data-v button { opacity: 0.3}
/**/
.overlay-v { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; background: rgba(0,0,0,.6); display: none;}
.modal-v { width: 514px; position: absolute; left: 50%; top: 50%; z-index: 1050; /*margin-left: -257px;*/ box-shadow: 1.5px 2.598px 7px 0px rgba(0, 0, 0, 0.35); margin-top: -92px; display: none; transform: translateX(-50%);}
.modal-v-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; background: #b8dc79; border-bottom: 5px solid #9ab069; color: #fff; border-radius: 4px 4px 0px 0px; }
.modal-v-header h4 {margin: 0; font-family: "Roboto"; font-weight: 500; font-size: 16px; line-height: 1;}
.modal-v-header .close-modal-v { display: block; width: 16px; height: 16px; background:  url(images/close-modal.png) no-repeat center center; cursor: pointer;}
.modal-v-body { background: #f6f6f6; color: #616161; padding: 20px 20px 15px 20px;}
.modal-v-body .msg { text-align: center; margin: 10px 0 20px 0; font-size: 15px; font-family: "Roboto"; line-height: 1.3; font-weight: 500;}
.actions-v { border-top: 1px solid #eeeeee; padding-top: 20px; text-align: right; margin-top: 10px;}
.actions-v .btn-v { display: inline-block; background: #ccc; color: #fff; font-size: 15px; font-family: "Roboto"; font-weight: 300; text-transform: uppercase; width: 105px; height: 38px; text-align: center; text-decoration: none; padding: 10px 0 0 0; box-sizing: border-box; margin-left: 10px; border-radius: 4px;}
.actions-v .btn-cancel { background: #aaaaaa;}
.actions-v .btn-submit { background: #99af68; font-weight: 700;}