File: /home/barbeatleanalyti/public_html/barisnew.beatleanalytics.com/theme/black/dist/css/Custom.css
/*!
* AdminLTE v2.4.5
* Author: Almsaeed Studio
* Website: Almsaeed Studio <https://adminlte.io>
* License: Open source - MIT
* Please visit http://opensource.org/licenses/MIT for more information
*/
/*
* Core: General Layout Style
* -------------------------
*/
/****TABLE START****/
/************************************PRINT************************************************/
@page {
font-weight: 100 !important;
font-size: 8px !important;
color:#000 !important;
margin:20px !important;
text-align:center;
}
td.qua_list { width: 250px !important;}
td { border: 1px solid #000;color:#000;}
table { page-break-after:auto }
tr { page-break-inside:avoid; page-break-after:auto }
td { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }
h1, h2, h3, h4 , h5 , h6 , span , ul , li , b , p , table , tr , td ,th , select , option , input , body {font-family: 'Roboto' !IMPORTANT; font-weight: 100;}
table th, table td, table th, table tr td small, .messageBottom p , tr th span { font-weight: 100 !important; font-size: 8px;}
.messageBottom p b { font-weight: 100;}
table td { padding: 4px 0px !important;}
.new_print_display table tr td { border:1px solid #000!important; color:#000 !important; font-size:8px !important; font-weight: 100 !important; }
.printTable .messageBottom,.messageTop {display: block !important;}
td.qua_list {width: 270px !important;}
@media print {
p.text_center {
font-size: 19px !important;
text-align: center !important;
margin: 0px !important;
margin-top: 0px !important;
}
img.img-responsive.photo_img{
width: auto !important;
margin:0 auto !important;
height: auto !important;
max-height:70vh !important;
max-height:80vh !important;
}
.item.col-md-3 {
width: 25%; float:left;
}
tr.signature {
height: 50PX !IMPORTANT;
}
span.c_num {
float: LEFT !important;
display: contents !important;
FONT-SIZE: 7PX !important;
MARGIN: 0PX !important;
PADDING: 0PX !important;
}
.new_print_display tr td {
margin: 3px !important;
padding: 0px !important;
height: auto !important;
line-height: normal !important;
}
.new_print_display {
color: #000 !important;
}
tr.no_br.bt_sig.table_divider_tr {
display:none;
}
td.qua_list { width: 250px !important;}
td { border: 1px solid #000;color:#000;}
table { page-break-after:auto }
tr { page-break-inside:avoid; page-break-after:auto }
td { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }
h1, h2, h3, h4, h5, h6, span, ul, li,b, p {font-family: 'Roboto' !IMPORTANT; font-weight: 200;}
table th, table td, table th, table tr td small, .messageBottom p , tr th span { font-weight: 100 !important; font-size: 12px;}
.messageBottom p b { font-weight: 600;}
table td { padding: 4px 0px !important;}
.new_print_display table tr td { border:1px solid #000!important; color:#000 !important; font-size:10px !important; font-weight: 100 !important; }
.printTable .messageBottom,.messageTop {display: block !important;}
td.qua_list {width: 270px !important;}
.new_print_display tr td { margin: 0px !important; padding: 3px !important; height: auto !important;}
}
/*******************************END***PRINT*****************************************************/
/* width */
::-webkit-scrollbar {
width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
background: #ddd;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #000;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #3c8dbc;
}
h3.box-title{
font-family: 'Varela Round' !important;
}
td.qua_list {
width: 250px !important;
}
.new_print_display tr td {
border: 1px solid #000;
text-align: center;
}
tfoot tr td {
padding: 10px 0 5px 0px !IMPORTANT;
}
th.blank_avg {
text-align: center;
}
.sig {
width: 80%;
margin: 0 auto;
padding: 68px 0;
}
.sig span {
border-bottom: 1px solid #656565dd;
height: 49px;
padding: 0 84px 0 84px;
}
.avg,
.per_avg {
width: 100% !IMPORTANT;
display: table;
}
.avg {
line-height: 2;
}
.avg .label,
.per_avg .label {
line-height: 2.5 !IMPORTANT;
border: 1px solid #028c4d !IMPORTANT;
}
tfoot tr td {
padding: 0px !IMPORTANT;
margin: 0px !IMPORTANT;
}
label.control-label.station_select {
float: left;
}
table#question_report {
margin: 0px;
width: 100% !IMPORTANT;
}
tfoot {
background: #cacaca;
}
.dt-buttons button {
background: #e8e8e8;
border: 1px solid #d2d2d2;
}
td,
th {
text-align: center;
}
input[type="search"] {
border: 1px solid #DDD;
padding: 5px 0;
border-radius: 5px;
}
thead {
background: #3c8dbc;
color: #FFF;
}
.date_pikars {
height: 35px;
border: 1px solid #d2d6de;
font-size: 15px;
padding: 5px 0;
}
span.date_info {
font-size: 18px;
margin-right: 10px;
}
.date_s_frome,
.date_s_to {
float: left;
margin-right: 19px;
}
tfoot tr th {
text-align: center;
}
small.label.bg-gold {
background-color: #d0a110 !IMPORTANT;
border: none !IMPORTANT;
}
.sheet_header {
width: 76%;
margin: 0 auto;
margin-bottom: 28px !IMPORTANT;
display: flow-root;
line-height: 2;
}
span.inspection_daye {
width: 80%;
border-bottom: 1px solid #4c4c4c;
}
.sheet_header span {
min-width: 28% !IMPORTANT;
max-width: 100% !IMPORTANT;
/* display: block; */
display: inline-block;
font-weight: 900 !IMPORTANT;
color: #a7a7a7;
}
.sheet_header span {
border-bottom: 1px solid;
padding: 0 10px 0 4px;
}
.main {
margin: 0 auto;
width: 740px;
color: #AAA;
}
#dmhd tr:hover {
color: #EEEEEE;
background: #3c4448;
}
#vWrapper {
margin-top: 80px;
padding: 6px;
width: 140px;
opacity: 0.5;
filter: alpha(opacity=50);
background: #666;
}
#vWrapper tr:hover {
color: #FFF;
text-decoration: underline;
background: #333;
}
.column_box {
float: left;
padding: 0 20px;
}
tbody#dmhd td.text-center.sorting_1 {
background: none;
}
#dmhd tr:hover td label a,
#dmhd tr:hover td label {
color: #fff !important;
}
.column_box p {
margin: 0px;
}
.cust_review {
float: left;
width: 100%;
}
.cust_review h4.box-title {
margin: 10px 0 0 0;
}
.cust_review p {
font-size: 19px !IMPORTANT;
font-weight: 100;
margin: 0px !IMPORTANT;
padding: 0px !IMPORTANT;
}
div#mcTooltip {
margin-bottom: 0px !IMPORTANT;
padding-bottom: 10px;
}
table {
text-align: center !IMPORTANT;
}
/****TABLE END****/
/*******top clock***************/
ul.text-gray li {
color: #FFF !IMPORTANT;
font-size: 27px !IMPORTANT;
}
div#Date_Clock , div#Date_Clock2 {
font-size: 14px !IMPORTANT;
font-weight: 100 !IMPORTANT;
color: #FFF !IMPORTANT;
}
#Date_Clock , #Date_Clock2 { font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; font-size:14px; text-align:center;}
.ClockDesign>ul { margin:0 auto; padding:0px; list-style:none; text-align:center; }
.ClockDesign>ul li {font-weight:bold; display:inline; font-size:22px; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;
}
.clock.clock_bg {
float: left;
margin: 0 auto;
width: 100%;
padding: 0px !IMPORTANT;
height:93px;
}
.clock_bg {
background-size: cover !important;
background-repeat: no-repeat !important;
}
.clock.ClockDesign {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
}
/*********//*top clock***********/
tr:hover {
box-shadow: 0 0px 0px rgba(0,0,0,0.3);
}
tr {
transition: box-shadow 0.3s ease-in-out;
}
#question_report tbody tr td {
font-weight: 100 !IMPORTANT;
}
table#example tr span.label.label-success {
line-height: 2;
}
.station_scr {
border-radius: 4px !IMPORTANT;
border: 1px solid #cccccc;
padding: 3px 0px 1px 8px;
font-size: 13px;
font-weight: 100;
}
section.content-header {
margin-top: 0px;
padding-top: 0px;
}
h3.bx_title {
font-size:24px;
}
.direct-chat-img {
background: linear-gradient(darkgrey, #d6d6d6);
}
span.first.word {
width: 40px !IMPORTANT;
height: 40px !IMPORTANT;
float: left;
text-align: center;
line-height: 2;
font-size: 20px;
color: #fff;
}
.round_logo {
background:linear-gradient(#31da8d, #00a65a);
}
.round_logo_2 {
background: linear-gradient(#41d3f7, #059bbf);
}
.round_logo_3 {
background: linear-gradient(#ffbe57, #da8c10);
}
.round_logo_4 {
background: linear-gradient(#e43f9d, #79053b);
}
.round_logo_5 {
background:linear-gradient(#e43f9d, #79053b);
}
.round_logo_6 {
background:linear-gradient(#ffbe57, #da8c10);
}
.round_logo_7 {
background:linear-gradient(#41d3f7, #059bbf);
}
.round_logo_8 {
background:linear-gradient(#31da8d, #00a65a);
}
.round_logo_9 {
background:#d18539;
}
.round_logo_10 {
background:#d18539;
}
.round_lg {
width: 65px;
height: 65px;
padding: 3px 0;
border-radius: 63px;
font-size: 40px;
color: #FFF;
}
.round_lg {
width: 65px;
height: 65px;
padding: 3px 0;
border-radius: 63px;
font-size: 40px;
color: #FFF;
margin: 0 auto;
}
.users-list>li {
width: 33.33%;
float: left;
padding: 10px;
text-align: center;
}
img.coming-soon3 {
POSITION: ABSOLUTE;
TOP: 31px;
LEFT: -21px;
WIDTH: 14%;
}
img.coming-soon {
width: 42%;
position: absolute;
top: 0;
left: -6%;
}
img.coming-soon2 {
width: 19%;
position: absolute;
top: 0;
left: -2.7%;
}
td.lo_location {
text-align: left !IMPORTANT;
}
/****/
.box-header {
padding: 6px 11px !IMPORTANT;
}
.breadcrumb>li {
font-weight: 100;
}
.small-box>.inner {
border-radius: 9px ;
/***padding: 10px;***/
padding: 17px 0 0px 15px;
background: #FFF;
box-shadow: 0 1px 1px #d0c9c9 ;
color:#222d32 !IMPORTANT;
border: #d1caca solid 1px ;
}
.small-box {
border-radius: 16px 16px 16px 16px;
}
img.view_icon {
width:45px !important;
}
.small-box h3 {
font-size: 29px;
font-weight: 500;
}
h3.bx_title {
font-size:20px !IMPORTANT;
}
.inner {
height: 94px;
}
ul.news {
padding-left: 20px;
}
.box-header.with-border {
background: #e0e0e0;
}
.box.box-primary , .box.box-info{
border-top-color: #cccccc;
}
ul.news span.pull-right {
background: #222d32;
padding:5px 9px 3px 11px;
border-radius: 25px;
color: #FFF;
font-size: 10px;
}
.box-header.with-border .box-tools.pull-right {
font-weight: 100;
}
img.view_icon {
width: 79px;
margin-top: 28px;
}
.summery_info {}
table.table.no-margin th, table.table.no-margin td {
text-align: center;
}
.box-body.summery_info table tr td a, .box-body.summery_info table tr td {
color: #000000;
font-weight: 100;
}
ul.news li {
font-weight: 100;
color: black;
}
table#example tr th {
text-transform: uppercase !important;
font-size:13px !important;
}
.small-box.bg-aqua .inner {
color: #00a3cb;
}
.small-box.bg-green .inner {
color: #008d4c;
}
.small-box.bg-red .inner {
color: #bc3f30;
}
.small-box.bg-yellow .inner {
color: #cf8818;
}
.inner.week_score {
width: 14.28%;
float: left;
text-align: center;
height: 57px !IMPORTANT;
color: #000 !IMPORTANT;
}
.inner.week_inner {
padding-top: 5px;
padding-bottom: 5px;
}
.inner.week_inner p {
text-align:right;
border-bottom: 1px solid #cccccc;
font-weight: 100;
}
.inner.week_score h3.bx_title {
font-size: 15px;
font-weight: 100;
}
.inner.week_score h3 {
font-size: 18px;
font-weight: 100;
}
.inner.week_score.active {
color: #00a65a !IMPORTANT;
}
.inner.week_score.active h3 {
font-weight: 600;
}
td.lo_location {
/* font-size: 16px; */
white-space: nowrap;
/* width: 210px; */
overflow: hidden;
text-overflow: ellipsis;
/* color: #616060; */
/* font-weight: 900; */
}
tr td.lo_location {
max-width: 170px !IMPORTANT;
}
.inner.week_score h3.bx_title {
font-size: 17px !IMPORTANT;
font-weight: 100 !IMPORTANT;
}
.summer_report{
min-height: 557px;
}
.box-tools.pull-right.total_station {
top: 10px;
}
.box-tools.pull-right.total_station span {
font-weight: 100;
padding: 4px 7px 3px 7px;
}
@media only screen and (min-width: 120px) and (max-width: 1433px) {
}
/****PRINT START****/
.printTable .label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.printTable table#DataTables_Table_0,
.printTable .dataTables_scrollFootInner {
width: 100% !important;
}
.printTable .dataTables_scrollHeadInner,
.printTable table.display.dataTable,
.printTable thead,
.printTable table.display.dataTable,
.printTable .dataTables_scrollFootInner,
.printTable .dataTables_scrollFoot {
width: 100% !important;
}
.messageBottom {
padding: 19px 0 27px 0;
border-bottom: 1px solid #cacaca;
margin-bottom: 33px;
}
.printTable table {
text-align: center;
}
center.print_title span {
font-size: 13px;
}
.messageBottom {
float: left;
width: 100%;
}
.messageBottom p {
width: 80%;
margin: 0 auto;
font-size: 13px;
}
.messageBottom span {
border-bottom: 1px solid #656565dd;
height: 36px;
padding: 0 84px 0 84px;
float: left !IMPORTANT;
}
span.pull-right.sig-contractor {
float: right !important;
}
button.print.print_btn {
float: left;
margin-right: 13px;
}
form.print_cheked input[type="checkbox"] {
width: 21px;
height: 21px;
float: left;
}
form.print_cheked span {
margin-top: 5px !important;
float: left;
margin-left: 6px;
}
.table_print {
float: left;
width: 100%;
}
button.print.print_btn {
color: #FFF;
background: #3c8dbc;
border: none;
padding: 5px 13px;
border-radius: 6px;
}
.dt-buttons button {
padding: 3px 14px;
}
@page {
margin: 10px;
}
.page {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}
@media print {
.printTable .messageBottom,.messageTop {display: block !important;}
* , .printTable { font-size:10px !important;}
div#printTable table tr td, div#printTable table tr th {
padding: 3px 0px !important;
}
}
.page {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);}
/****PRINT END****/
span.cn_reason {
width:23%;padding: 0px;margin: 0 16px 0 0;border: 1px solid #ddd;height: 70px;text-align: left;
}
span.c_num {
border: none;
}
span.c_num {
float: left;
text-align: left;
width: 85px;
MARGIN: 0PZ;
margin: 0px;
padding: 5px 3px 4px 5px;
height: 23px;
}
span.c_reason {
float: left;
width: 76px;
padding: 0px;
margin: 0px;
height: 20px;
}
p.reason_w100 {
width: 80%;
margin: 0 auto;
display: table;
}
@media print
{
table { page-break-after:auto }
tr { page-break-inside:avoid; page-break-after:auto }
td { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }
}
h1, h2, h3, h4, h5, h6, span, ul, li, b, p {
font-family: 'Roboto' !IMPORTANT;
font-weight: 200;
}
table th, table td, table th, table tr td small, .messageBottom p , tr th span{
font-weight: 100 !important;
font-size: 12px;
}
.messageBottom p b {
font-weight: 600;
}
table td {
padding: 4px 0px !important;
}
/***********************************************************/
.box-body.bg_black {
background: #32373a;
}
span.w30.second {
color: #00a65a;
}
.box.box-primary h3.box-title {
color: black;
font-size: 13px;
}
.cust_hight {
height: 186px !IMPORTANT;
}
p.mar_title {
float: left;
width: 100%;
color: black;
font-size: 12px;
font-weight: 900 !important;
}
span.w30.align_center {
text-align: center;
}
p.cust_filed {
width: 50%;
float: left;
font-size: 16px;
}
p.cust_filed span.ans {
color: #3aa504;
font-size: 16px;
}
p.cust_filed {
text-align: center;
background: #d2d2d2;
border: 1px solid #fff;
padding: 3px 0;
}
.profile_card {
width: 100%;
}
ul.news.sty_none {
border-bottom: 1px solid #e0e0e0;
padding: 7px 0px 5px 0 !important;
}
.box.box-primary .box-body marquee{
height: 137px !IMPORTANT;
}
.progress {
margin: 0px 0px 13px 0px;
}
.progress {
background: #e0e0e0;
}
p.mar_0 {
margin: 0px;
padding: 0px;
}
span.w30.align_right {
text-align: right;
}
span.w30.second {
text-align: center;
}
ul.news.sty_none {
padding: 0px;
margin: 0px;
width: 100% !important;
float: inherit;
display: grid;
}
ul.news.sty_none li {
list-style: none;
}
span.w30 {
width: 33.33% !important;
float: left;
}
ul.news.sty_none {
width: 100%;
}
.box-header.with-border {
background: #d0c9c9;
}
.box-header.with-border {
border-top-right-radius: 8px;
background: #d0c9c9;
border-top-left-radius: 8px;
}
ul.news.sty_none li {
font-size: 12px;
}
.box.box-primary {
border-top-right-radius: 12px;
border-top-left-radius: 12px;
border: 2px solid #d0c9c9;
}
.progress-bar {
text-align: right;
padding-right: 13px;
}
.progress-bar{
/* padding: 0px; */
/* margin: 0px; */
height: 16px !important;
line-height: 1.5;
}
.progress {
height: 16px;
}
.box-body p.mar_0 {
font-size: 12px;
}
.progress {
margin: 0px 0px 11px 0px;
}
.box-header.with-border {
padding: 3px 13px !important;
margin: 0px !important;
}
button#profile-show {
background: #00d0ff;
border: 1px solid #ddd;
padding: 7px 18px;
color: #fff;
}
.auditor_list table i {
font-size: 20px !important;
text-align: center;
margin: 0 auto;
}
.RGraph_tooltip {
font-size: 13px !important;
font-weight: 100 !important;
}
.wrapper {
overflow-x: hidden !important;
overflow-y: hidden;
}
.box.box-primary .box-body.height-115 {
height: 114px !important;
}
.small-box .inner {
border: 1px solid #d0c9c9;
box-shadow: 0 0 black;
border-radius: 9px !important;
}
.clock.clock_bg.noonday {
border-radius: 7px;
}
.small-box .inner {
border-radius: 9px !important;
}
.round_border.bg_yellow {
background: #f4aa35;
}
.bg_green {
background: green;
}
h3.f10 {
font-size: 12px;
margin: 0px;
padding: 0px;
text-align: center;
background: #e29926;
padding: 4px 0;
}
.box-body.cust_hight.padding_4_8 {
PADDING: 5px 8px;
}
.box-body.chart-responsive.padd_0px_11px {
padding: 0 11px;
}
.round_border.bg_green h3.f10 {
background: #006b00;
color: #fff;
}
.round_border.bg_yellow h3.f10 {
color: #fff;
}
h3.f20 {
FONT-SIZE: 20PX;
MARGIN: 0PX;
}
.col-md-12.btn_blu .btn{
background: #3c8dbc;
color: #FFF;
padding: 11px 23px;
font-size: 15px;
}
.radio.float_le {
display: inline-block;
margin: 0 12px 0 12px;
}
/*********/
.new_print_display tr td {
border: 1px solid #000;
text-align: center;
margin: 0px !important;
padding: 3px !important;
height: auto !important;
}
tr.no_br td {
border: 0px solid;
}
hr.table-divider {
color: red;
background: red;
border: 1px solid #000;
}
.new_print_display {
color: #000 !important;
}
tr.no_br.bt_sig.table-divider td {
border-bottom: 2px solid !important;
padding: 0px 0 10px 0 !important;
/* margin-bottom: 14px !important; */
}
ul.sidebar-menu li span {
font-size: 12px !important;
}
tr.no_br td span.t_nas {
border-bottom: 1px solid #000;
padding: 0px 19px 0 2px;
margin: 0 07px 0 0;
font-weight: 500;
}
tr.no_br.report_header2 td {
font-size: 12px;
padding: 2px 0 !important;
}
span.c_num {
float: LEFT;
display: contents;
FONT-SIZE: 9PX;
MARGIN: 0PX;
PADDING: 0PX;
}
.new_print_display tr td {
margin: 0px !important;
padding: 0px 2px !important;
height: auto !important;
line-height: normal !important;
}
tr.no_br.report_header2 td b, tr.no_br.report_header2 td b span {
font-weight: 600;
}
span.report_name {
border: 1px solid #000;
padding: 5px 22px;
margin: 4px 0 !important;
display: inline-flex;
}
span.report_name {
border: 1px solid #000;
padding: 3px 22px;
margin: 4px 0 !important;
display: inline-flex;
}
span.coach_review {
float: left;
border: 1px solid;
padding: 3px 126px 26px 3px;
margin: 0 22px 0 0;
}
/* Preloader */
body {
overflow: hidden;
}
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 99;
}
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
}
/* end Preloader */
.select_report {
float: left;
}
.date-selection .form-group {
margin: 0px;
height: auto !important;
}
.date-selection input {
padding: 1px 0 0px 10px !important;
margin: 0px !important;
height: auto !important;
}
.datepicker-days table.table-condensed tr th {
background: #fff;
color: #000;
}
.datepicker-days table.table-condensed thead {
background: white;
}
.monthly-report-sub {
padding: 2px 12px 0px 12px;
font-size: 12px;
font-weight: 100 !important;
}
.RGraph_tooltip {
font-size: 11px !important;
text-align: left !important;
float: left !important;
width: 130px !important;
}
img.beatle-ads {
width: 100%;
}
.ads {
background-size: 100%;
margin: 0 auto;
}
a.report_btn .inner {
background-image: linear-gradient(#222d32, #a5b3bb, #222d32);
/* background-image: linear-gradient(#000000, #888888); */
color: #fff !important;
text-align: center;
padding-top: 34px;
}
button.btn a {
color: #fff;
}
#stationslist tr td, #stationslist tr th ,
#auditslist tr td, #auditslist tr th ,
#trainslist tr td, #trainslist tr th ,
#coacheslist tr td, #coacheslist tr th
{
text-align: center !important;
}
a.btn.summary-btn {
background: #3c8dbc;
color: #fff;
border: none;
padding: 5px 13px;
border-radius: 6px;
float: left;
margin-right: 6px;
}
/******** Subscription / Weekly Performance Chart************/
.cust_chart .main-summery-page .subscription-chart .progess-chart .pie-title-center {
display : inline-block;
position : relative;
text-align : center;
}
.cust_chart .main-summery-page .subscription-chart .progess-chart .pie-value {
display : block;
position : absolute;
font-size : 22px;
height : 40px;
top : 50%;
left : 0;
right : 0;
margin-top : -20px;
line-height : 40px;
font-weight : 700;
}
.cust_chart .main-summery-page .subscription-chart .progess-chart .container {
margin : 150px auto;
max-width : 400px;
}
.cust_chart .main-summery-page .subscription-chart .left-round-chart {
background : #ffc40d;
color : #fff;
}
.cust_chart .main-summery-page .subscription-chart .right-round-chart {
background : #00a300;
color : #fff;
}
.cust_chart .main-summery-page .subscription-chart .heder-title {
background : #ffd03d;
padding : 4px 4px;
margin : 0;
}
.cust_chart .main-summery-page .subscription-chart .heder-title h3 {
margin: 0;
font-size: 12px;
font-weight: 100 !important;
text-align: center;
}
.cust_chart .main-summery-page .subscription-chart .footer-per p {
margin: 0;
padding: 0;
font-size: 12px;
text-align: center;
font-weight: 100 !important;
}
.cust_chart .main-summery-page .subscription-chart .footer-per {
background : #ffd03d;
padding : 4px 4px;
}
.cust_chart .main-summery-page .subscription-chart .round-chart {
height : 250px;
}
.cust_chart .main-summery-page .subscription-chart .progess-chart canvas {
width : 130px;
padding : 0px 0;
}
.cust_chart .main-summery-page .subscription-chart .subscription-chart .box-body {
padding-left : 0;
padding-right : 0;
}
.cust_chart .main-summery-page .subscription-chart div#demo-pie-3 {
width : 100% !important ;
}
.cust_chart .main-summery-page .subscription-chart div#demo-pie-2 {
width : 100% !important ;
}
.cust_chart .main-summery-page .subscription-chart .right-round-chart .heder-title {
background : #33b633;
}
.cust_chart .main-summery-page .subscription-chart .right-round-chart .footer-per {
background : #33b633 !important ;
}
.cust_chart .main-summery-page .subscription-chart .left-round-chart, .main-summery-page .subscription-chart .right-round-chart {
margin-top : 0;
}
.cust_chart .pie-title-center {
margin: 15px 0;
}
.cust_chart .pa0{
padding: 0px;
}
.cust_chart .border1 {
border: 1px solid #fff !important;
}
.cust_chart .main-summery-page .subscription-chart .progess-chart canvas {
width: 100px;
}
.cust_chart img.w16 {
width: 16px;
}
.cust_chart img.w20 {
width: 20px;
}
.cust_chart .pa-4-6 {
padding: 4px 6px !important;
}
/********end Subscription / Weekly Performance Chart************/
.fixed-btn {
position: absolute;
top: 53px;
float: left;
left: 0px;
width: 100%;
background: #fff;
height: 35px;
padding-left: 36px;
}
.NEWCTS {
overflow-y: scroll !important;
height: 100vh;
overflow-x: hidden;
}
tr.reason-attending-coach td {
padding: 6px 0px !important;
text-align: left !important;
}
td.text-center.bold.f13 {
text-align: center !important;
font-size: 13px;
}
tr.comments td {
padding: 4px 0 !important;
font-size: 15px;
}
.page-name {
text-transform: uppercase;
}
p.tsheets {
font-size: 16px;
margin-top: 5px;
}
p.tsheets span {
color: #00a65a;
}
.dashboardpmc .progress {
margin: 0 0 5px 0;
height: 14px;
}
.dashboardpmc .monthly-performance-report .box-body.cust_hight {
padding-top: 4px;
}
.dashboardpmc .monthly-performance-report .progress-bar {
line-height: 1.4;
}
.progress-bar-black {
background: black;
}
.coming-soon img {
width: 500px;
margin: 0 auto;
text-align: center !important;
margin-top: 67px;
}
.coming-soon {
text-align: center;
}
div#printTable {
position: inherit;
padding: 0 5px 0 5px;
}
a.btn.btn-success.btn-sm.dailytarget {
background: #f7da41;
border: 1px solid #eccf36;
font-size: 13px;
color: #000;
border-radius: 27px;
}
a.btn.btn-success.btn-sm {
border-radius: 63px;
}
td.consumablemonthlytarget-input input , td.manpowertarget-input input , .machinedailytarget-textarea input{
margin: 4px 0;
width: 105px;
border: 1px solid #3c8dbc;
border-radius: 3px;
padding: 3px 0;
text-align: center;
}
a.btn.btn-success.btn-sm.trg-submit {
border-radius: 19px;
font-size: 15px;
padding: 5px 31px;
box-shadow: 2px 2px 20px 0px #ffffff;
}
tr.header_bg {
background: #eee;
color: #fff !important;
}
tr.header_bg td {
color: #000;
padding: 8px 0 !important;
}
td.machinedailytarget-textarea textarea {
resize: none;
height: 38px;
margin: 5px 0px;
width: 254px;
}
td.machinedailytarget-textarea textarea , [contenteditable] {
text-align: center;
padding-top: 9px;
}
td.manpowertarget-input input, [contenteditable] , td.consumablemonthlytarget-input input {
text-align: center;
}
a.btn.btn-info.btn-sm , button.print.print_btn {
border-radius: 50PX;
}
.padd-0 {
padding: 0px;
}
div#summary-report-select {
width: 200px;
background: #eee;
border: 1px solid #c5c5c5;
margin-top: 33px !important;
padding: 12px 0;
margin-left: 4px;
text-align: center;
display: block;
position: absolute;
}
tr.signature td {
padding: 15px 0 !important;
}
@keyframes cssAnimation {
0% {opacity: 1;}
90% {opacity: 1;}
100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
0% {opacity: 1;}
90% {opacity: 1;}
100% {opacity: 0;}
}
.alert.alert-danger.alert-dismissible , .alert.alert-success.alert-dismissible{
-webkit-animation: cssAnimation 5s forwards;
animation: cssAnimation 5s forwards;
position: fixed;
top: 43%;
left: 50%;
transform: translate(-50%,-50%);
width: 500px;
text-align: center;
}
.alert.alert-danger.alert-dismissible {
font-size: 21px;
background: #f0e1df !important;
border: 2px solid #d61700;
/* box-shadow: 2px 2px 20px #b3b3b3; */
color: #d61700 !important;
padding: 36px 0;
}
.alert.alert-success.alert-dismissible{
font-size: 21px;
background: #ecf0df !important;
border: 2px solid #00542e;
/* box-shadow: 2px 2px 20px #b3b3b3; */
color: #00542e !important;
padding: 36px 0;
}
span.chi_name {
color: green;
}
ul#lightgallery li a img {
width: 100%;
height: 245px;
object-fit: cover;
}
ul#lightgallery li a {
color: #000;
}
ul#lightgallery li hr {
padding: 0px;
margin: 0px;
}
ul#lightgallery li a p {
margin: 0px;
}
ul#lightgallery li a {
background: #e8e8e8;
margin: 9px 2px;
display: block;
padding: 9px;
border: 1px solid #c7c7c7;
}
.photo_report .modal-content {
background: #060606;
border: none;
}
.photo_report .modal-header {
padding: 0px;
border-bottom: 0px solid #e5e5e5;
}
.photo_report .modal-body {
color: #fff;
}
.photo_report .modal-body img {
/* width: 100%; */
height: 75vh;
margin: 0 auto;
}
button.print.modal_print_btn {
background: no-repeat;
color: #fff;
border: navajowhite;
font-size: 41px;
}
form.print_cheked.text_center {
text-align: center;
}
.photo_report .modal-dialog {
width: 100%;
}
.photo_report .modal-header .close {
color: #fff;
margin-top: -43px;
opacity: 1;
font-size: 39px;
margin-right: 14px;
}
.photo_report p {
text-align: center;
margin: 0px;
}
ul#lightgallery .modal-dialog .modal-content .modal-header form.print_cheked.text_center button.print{
background: none !important;
color: #fff !important;
border: none !important;
font-size: 46px !important;
}
/**********************tabing***************/
.about_station_tabbing div.bhoechie-tab-container{
z-index: 10;
background-color: #ffffff;
padding: 0 !important;
border-radius: 4px;
-moz-border-radius: 4px;
border:1px solid #ddd;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box;
opacity: 0.97;
filter: alpha(opacity=97);
}
.about_station_tabbing div.bhoechie-tab-menu{
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
}
.about_station_tabbing div.bhoechie-tab-menu div.list-group{
margin-bottom: 0;
}
.about_station_tabbing div.bhoechie-tab-menu div.list-group>a {
padding: 40px 0;
margin-bottom: 0;
font-size: 21px;
}
.about_station_tabbing div.bhoechie-tab-menu div.list-group>a .glyphicon,
.about_station_tabbing div.bhoechie-tab-menu div.list-group>a .fa {
color: #2e3092;
}
.about_station_tabbing div.bhoechie-tab-menu div.list-group>a:first-child{
border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
}
.about_station_tabbing div.bhoechie-tab-menu div.list-group>a:last-child{
border-bottom-right-radius: 0;
-moz-border-bottom-right-radius: 0;
}
.about_station_tabbing div.bhoechie-tab-menu div.list-group>a.active,
.about_station_tabbing div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
.about_station_tabbing div.bhoechie-tab-menu div.list-group>a.active .fa{
background-color: #2e3092;
background-image: #2e3092;
color: #ffffff;
}
.about_station_tabbing div.bhoechie-tab-menu div.list-group>a.active:after{
content: '';
position: absolute;
left: 100%;
top: 50%;
margin-top: -13px;
border-left: 0;
border-bottom: 13px solid transparent;
border-top: 13px solid transparent;
border-left: 10px solid #2e3092;
}
.about_station_tabbing div.bhoechie-tab-content{
background-color: #ffffff;
padding-left: 20px;
padding-top: 10px;
}
.about_station_tabbing div.bhoechie-tab div.bhoechie-tab-content:not(.active){
display: none;
}
.penaltyview p {
font-size: 15px;
margin-bottom: 30px;
color: #000;
}
span.set_live {
color: green;
}
.penaltyview button {
background: green;
padding: 4px 32px;
font-size: 19px;
color: #fff;
border: navajowhite;
border-radius: 43px;
font-weight: 100 !important;
border: #004f00;
}
.matipal_condition input {
float: left;
width: 99px;
margin-bottom: 7px;
}
span.per_icon {
margin-left: 8px;
margin-top: 6px !important;
float: left;
}
span.condition {
width: 99px;
float: left;
margin-top: 8px;
}
.penaltyview p {
float: left;
width: 100%;
}
.form-control.w125 {
float: left;
width: 125px;
margin-bottom: 6px;
}
span.col-sm-2.mar_top_10 {
LINE-HEIGHT: 1;
MARGIN: 0PX;
PADDING: 0PX;
margin-top: 7px;
}
h1.w3_center {
text-align: center;
text-transform: capitalize;
}
h1.w3_center {
margin-top: 177px;
text-align: center;
text-transform: capitalize;
}
.penaltyview p {
float: left;
width: 100%;
border-bottom: 1px solid #ddd;
}
h2.tab_title {
text-align: center;
color: blue;
font-size: 19px;
margin-bottom: 22px;
}
p.mar_bottom_10 {
margin-bottom: 10px !important;
}
.form-group.mar_bottom_7 {
margin-bottom: 7px !important;
}