/* custom style */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,600');
/* Header */
.app-header-fixed {padding-top: 70px;}
.navbar-header.bg-white {  border-bottom: solid 1px #ddd;}
.navbar-header.bg-white .navbar-brand{line-height: 70px ; color: #31708f;     font-size: 28px;width:100%;}
.minheight{min-height:925px;}
.min-height{min-height: 490px;}
@media screen and (max-width: 400px){
.navbar-header.bg-white .navbar-brand{font-size: 22px;}
}
.navbar-header.bg-white .navbar-brand span{font-weight: 300;}
.navbar-brand img {max-height: 65px;}
.navbar .navbar-btn { margin-top: 16px; margin-bottom: 16px;}

.navbar-collapse.collapse{border-left: solid 1px #ddd;border-bottom: solid 1px #ddd; box-shadow: none;}

.navi ul.nav{ border-right: solid 1px #ddd;}
.navi ul.nav li{}
.navi ul.nav li a{font-size: 18px; padding-bottom: 20px; padding-top: 20px; line-height: 18px; border-bottom: solid 1px #ddd; color: #333;}
.navi ul.nav li a i{ font-size: 26px; }

/*ANNOUCEMENT DASHBORD*/
.annoce{ margin-bottom: 0px;}
.txt-centr{text-align:center;}
span.usr-below-avg { color: orange; }
span.usr-above-avg { color: green; }
span.cmn-txt { font-weight: 700; }
.reason{ width:100%;}

.btn-row {
    max-width: 440px;
    padding: 0px;
    float: none;
    margin: 0 auto;
}

/*chart js for square above and below avgs*/
.abvavg { width: 15px; height: 15px; background: #27c24c; line-height:20px;}
.blwavg { width: 15px; height: 15px; background: #f05050; line-height:20px;}
.onsameavg 	{ width: 15px; height: 15px; background: #fad733; line-height:20px;}
.yourperm{width: 15px;height: 15px;line-height:20px;border: 2px solid;border-radius: 27px;box-shadow: rgba(0,0,0,0.8) 0 0 5px;}
.perfm .abvavg, .perfm .block.align-left,.perfm .blwavg, .perfm .onsameavg, .perfm .yourperm { display: inline-block; }
.abvavg, .blwavg, .onsameavg, .yourperm{ margin-right :6px}

.txt-rot p { color: #333; transform: rotate(-90deg); writing-mode: lr-tb !important; position: absolute; top: 50% !important; left: -20px; }
.txt-rot.Performance p { left: -45px; }
.txt-rot.Seconds p { left: -30px; }
.txt-rot.Number.of.Steps p, .txt-rot.Repetitions p { width: 150px; left: -70px; top: 39% !important; }


span.usr-below-avg { color: #f05050; }
span.usr-above-avg { color: #27c24c; }
span.usr-on-avg {color: #fad733; }

/*assessment details and my asmt page css*/
.jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal{overflow: visible !important;}		
.jqx-bulletchart-title-description-ltr,		
.jqx-bulletchart-title-container-horizontal{color: transparent;}		
.jqx-bulletchart-target-horizontal{ background: url('../img/circle.png') no-repeat;margin-left: -12px !important; z-index: 999 !important; }		
.jqx-bulletchart-ticks{height:30px !important;top: 25px !important;}
.jqx-bulletchart-pointer{top: -52.5% !important;height: 25% !important;background-color: transparent !important; width: 36px !important; right: -24px !important; content: ''; position: absolute; width: 0; height: 0; border-top: 32px solid transparent; border-bottom: 32px solid transparent; border-left: 32px solid #a2de8d;	clear: both;}
.xlabel { left: 50% !important; }
h2.m-t-none.wrapper-lg, .col-sm-5.wrapper-lg { text-align: left; }
h3.ng-binding, h2.m-t-none.wrapper-lg, blog-post.panel.wrapper-lg { padding: 0px; margin: 0px; }
.pdf-panel{ margin-bottom: 20px; background-color: #fff; padding: 20px; }
.panel, .pdf-panel{ box-shadow: none; border:0px; border-radius: 0px; -webkit-box-shadow: none; }
.table-right ul { list-style: none; }
/* .table-right ul li:before { content:"\e089"; font-family: 'Glyphicons Halflings'; position: absolute; left: 3%; color: #444; } */
/* css for image tag */
.before-cirle { height: 20px; width: 20px; display: inline-block; position: absolute; left: 3%; margin-top: 7px; }

/* START STAFF RESPONSIVE */
.stf-img img { display: block; width: 100%; height: auto; }
.stf-info .stf-email p { display: inline; word-wrap: break-word;}

.usr-pic {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    width: 150px;
    margin: auto;
    height: 150px;
    border-radius: 50%;
    vertical-align: middle;
}
.usr-pic:before {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    display: block;
    top: 0px;
    margin: 0px;
    background: rgba(240, 243, 244, 0.61);
    border-radius: 50%;
}

.usr-pic p span {
    color: #48265a;
    opacity: 1;
    line-height: 150px;
    position: relative;
    font-size: 40px;
    font-weight: bold;
}
p.usr-nam-ag {
    text-transform: capitalize;
    margin-top: 15px;
}
.usrlist.natavg span.usr-natavg.ng-binding {
    color: #48265a;
    opacity: 1;
    line-height: 150px;
    position: relative;
    font-size: 35px;
    font-weight: bold;
}

/* Running report Table */
.running-report table.table { margin-top: 40px; }
.running-report table.table thead th { background-color: #004a83; color: #fff; border: 0px; }
.running-report table.table tbody td { border: 0px; }
.running-report table.table tbody td:nth-child(1) { background-color: #0074bf; color: #fff; }

.tab-resp { overflow-x: auto; }
.tab-resp > table { width: 1300px; }

/*.tab-resp,
.tab-resp > table { 
    transform:rotateX(180deg); 
    -ms-transform:rotateX(180deg); 
    -webkit-transform:rotateX(180deg);
}*/

/* Documents Page */
.doc_table {margin-top: 5px;}
.doc_table thead { background: #31709d; color: #fff; font-size: 16px; }
.doc_table tbody tr { background: #fff; }
.doc_table tbody tr:nth-child(even) { background: #f5f5f5; }
.doc_table thead tr th,
.doc_table tbody tr td { border-color: #ccc; }
.doc_table tbody tr td:nth-child(2) i { color: red; }

.doc-list #newBtn { display: block !important; background: #fff; padding: 20px; border: 1px solid #ccc;  }
.doc-list #newBtn li {margin-right: 20px !important;display: inline-block;border: 1px solid #ccc;height: auto;padding: 35px 0px;}

.doc_upload_form { width: 100%; padding: 0px 15px; }
.doc_upload_form .form-group { display: inline-block; width: 49%; vertical-align: top; background: #fff; padding: 30px 0px; border: 1px solid #ccc; }

.doc_upload_form .form-group:nth-child(1) { margin-right: 1.8%; }
.doc_upload_form .form-group .control-label { font-size: 18px; line-height: 28px; }
.doc_upload_form .form-group p, 
.doc_upload_form .form-group p i { margin-bottom: 0px !important; line-height: 40px; }

.doc_upload_form .form-group .col-sm-12 { text-align: center; }
.doc_upload_form .form-group .col-sm-12 button:nth-child(1) { margin-right: 20px; }
.doc_upload_form .form-group .col-sm-12 button:nth-child(2) { background-color: #f0f0f0; }
/** DASHBOARD IMAGE UPLOAD */
.img-dashboard .btn {position: absolute;top: 0%;left: 0%;}
/** concent modal css **/
#concent .modal-dialog{}
/** BLOGS CSS FOR MODAL PREVIEW **/
#blogpreview .modal-body{max-height:1000px;overflow-y: auto !important;}
@media screen and (max-width: 1550px) and (min-width: 1101px) {
    .col-xs-4.col-md-4.no-padding.stf-img,
    .col-xs-8.col-md-8.stf-info { width: 100% }
    .stf-img img { display: block; width: 180px; height: auto; margin: 0 auto; } 
    .stf-info { text-align: center; }
}

@media screen and (max-width: 1100px) {
    .row.ng-scope .col-md-8:nth-child(1),
    .row.ng-scope .col-md-4:nth-child(2) { width: 100%; }    

    .stf-info { text-align: left; }
    .col-xs-4.col-md-4.no-padding.stf-img { width: 25%; }
    .col-xs-8.col-md-8.stf-info { width: 75% }
}

@media screen and (max-width: 900px) and (min-width: 768px) {
    .app-content.ng-scope { max-width: 580px; width: 100%; }
}

@media screen and (max-width: 767px) {  
  a.text-lt { display: inline; }
  .app-content.ng-scope { padding: 20px; }

  .wrapper-md .col-sm-4.col-xs-12 .row,
  .wrapper-md .col-sm-8.col-xs-12 .row {margin: 0px;}
  .wrapper-md .col-sm-4.col-xs-12 .row small {margin-bottom: 20px;display: block;}

  .app-content-body { padding-bottom: 30px; }
}

@media screen and (max-width: 991px) {  
    .stf-info { text-align: left; }
    .col-xs-4.col-md-4.no-padding.stf-img { width: 160px; }
    .col-xs-8.col-md-8.stf-info {width: 250px;}
}

@media screen and (max-width: 414px) {
    .col-xs-4.col-md-4.no-padding.stf-img,
    .col-xs-8.col-md-8.stf-info { width: 100% }
    .stf-img img { display: block; width: 180px; height: auto; margin: 0 auto; } 
    .row.panel.padder h2.meet-heading,
    .stf-info { text-align: center; }
}

/*END STAFF RESPONSIVE*/

/* RUNNING REPORT */
.no-rowmargin{ margin-right: 0px; margin-left: 0px; }
/*.rpt-general.no-rowmargin p { margin: 20px 0px; font-size: 35px; background: #ddd; padding-left: 20px;}*/
/*.asmt-pref {font-size: 25px; }*/
.general-ttl, .rpt-adv {font-size: 35px; background: #ddd; padding-left: 20px; display: inline-block; width: 100%; }
.general-ttl p, .rpt-adv p {display: inline-block;}
.general-ttl span.pull-right, .rpt-adv span.pull-right { display: inline-block; padding-right:20px; color:green}
.general-ttl .fa, .rpt-adv .fa {font-size: 60px;}
.panel.pad-lr {padding: 10px 40px;}
.main-general .form-group label, .advance-dv .form-group label, .asmt-pref {font-weigth;font-size: 20px;font-weight: 500;}
.advance-dv, .main-general {margin-bottom: 20px;}


/* Page Content */
.app-content{ }
#newBtn{padding: 0;
    list-style: none;
    display: table;}
#newBtn li{display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 110px;
    height: 100px;
    border-radius: 13px;
    padding: 13px;
    background-color: #48265a;
    border: solid 5px #fff;}
#newBtn li a{ color: #fff;}
#newBtn li a i{display: block;
    font-size: 24px;}
#newBtn li a span{font-size: 15px;}


/*
.app-aside:before{border-right: solid 1px #ddd; }
*/


/* common classes */
.text-primary-dker{ color: #31709d; }
.txt-cntr {text-align:center}


/*list assessment page hilight first name*/
.cust-css td:nth-child(1) {
	background-color: #27c24c !important;
    color: #ffffff;
    font-weight: bold;
}
a.navbar-brand
{
	cursor:default !important;
}
.ng-table-counts{display:none;}

.dsh-txt h2{display: inline;}
.hhwweather.ng-scope {float: right;}
.awe-weather-top {
   width: unset;
   padding: 3px;
   margin-left: 0;
   margin-top: 2px;
   font-size: 30px !important;
   font-weight: bold;
}
.toptime {font-size: 20px !important;font-weight: bold;}
.tw1 {display: inline-block;vertical-align: middle;}
.top-date-time.tw1 {font-size: 15px !important;}
.top-date-time.tw1 {border-left: solid 1px #ccc;padding-left: 9px;}
div#awesomeweatherwidget-2 {padding: 0 10px;}
.awe-weather-top {font-size: 15px;font-weight: bold;}
.toptime,.awe-weather-top{color:#31709d;}
.top-date-time{color: #867878;}
@media screen and (max-width:767px){
.thumb-sm img{max-width: unset;}
}
@media (min-width: 768px){

.app-aside, .navbar-header {width: 320px;}
.navbar-collapse, .app-content, .app-footer {margin-left: 320px;}
.navbar-nav > li > a { padding-top: 25px; padding-bottom: 25px;}


} /* End : min-width:768 */