/* App Styles */
@import url("roboto.css");
html{
    height:100%;
}
body{
   height: auto;
   min-height: 100%;
}
body{
    font-family: 'Roboto', sans-serif;
}
a {
    color: #4285f4;
}
a:focus{
  outline:none;
}
#page-wrapper,#wrapper{
   height: 100%;
   min-height: 100vh;
}
@media (min-width: 768px){
    body{
        overflow-y: scroll;
    }
}
@media (min-width: 768px){
.navbar-inverse{
    background-color: #FFF;
    border-color: #FFF;
    }}
.navbar-brand-logo{
    width:225px;
    height:52px;
    display: inline-block;
    background-color: #222;
    position: relative;
}
.navbar-brand-logo:after{
  content: "";
   background-image: url("../images/logo/amb-prime-logo.svg");
   background-position: 0px 0px;
   background-repeat: no-repeat;
   width:133px;
   height: 27px;
   display: inline-block;
   margin-top: 15px;
   margin-left: 12px;
}

[data-role="doctor"] .navbar-brand-logo:after{
   background-image: url("../images/logo/amb-prime-dr-logo.svg");
}
[data-role="seller"] .navbar-brand-logo:after{
   background-image: url("../images/logo/amb-prime-seller-logo.svg");
}
[data-role="support"] .navbar-brand-logo:after{
   background-image: url("../images/logo/amb-prime-support-logo.svg");
}
[data-role="patient"] .navbar-brand-logo:after{
   background-image: url("../images/logo/amb-prime-patient-logo.svg");
}
.navbar-inverse .navbar-nav>.active>a{
    border-left:4px solid #1698e3;
}
.navbar-fixed-top.hasScrolled{
    box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.35);
}
.navbar-header{

}
.navbar{
    position:fixed;
    display:block;
    padding:0px;
}
.navbar .dropdown-toggle::after{
    display:none;
}
.navbar .dropdown-toggle{
    margin-right:10px;
}
.navbar-nav .dropdown-menu{
    position:absolute;
    right:20px;
}
.navbar .dropdown.show .dropdown-toggle{
    color:#1698e3;
    background: #f5f5f5;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
    color:#999;
}
@media (min-width: 768px){
.navbar-nav>li>a {
    padding-top:12px;
    padding-bottom:12px;
    }
}
.home-icon:before,.devices-icon:before,.users-icon:before,
.backup-icon:before,.admin-icon:before,.doctor-icon:before,
.credits-icon:before,.hospitals-icon:before{
    content:"";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    opacity:0.6;
}
.devices-icon:before{
    background-image:url("../images/devices.svg");
    width: 17px;
    height: 17px;
}
.home-icon:before{
    background-image:url("../images/home.svg");
    width: 17px;
    height: 17px;
}
.users-icon:before{
    background-image:url("../images/users.svg");
    width: 17px;
    height: 17px;
}
.doctor-icon:before{
    background-image:url("../images/doctor.svg");
    width: 17px;
    height: 17px;
}
.backup-icon:before{
    background-image:url("../images/database.svg");
    width: 17px;
    height: 17px;
}
.admin-icon:before{
    background-image:url("../images/admin.svg");
    width: 17px;
    height: 17px;
}
.credits-icon:before{
   background-image:url("../images/credits.svg");
   width: 17px;
   height: 17px;
}
.hospitals-icon:before{
  background-image:url("../images/hospitals.svg");
  width: 17px;
  height: 17px;
}
.side-nav li:hover .lt-icon:before,
.side-nav li.active .lt-icon:before{
    opacity: 1;
}
.top-nav>li>a:hover, .top-nav>li>a:focus, .top-nav>.open>a, .top-nav>.open>a:hover, .top-nav>.open>a:focus{
    background-color:#FAFAFA;
    color:#333;
}
.h1, h1{
    font-size:28px;
}
.state-active{
    color:#70a200;
}
.state-inactive{
  color:#FF0000;
}
.state-pactive{
	color:#c804ea;
}
.state-nextschedule{
	color: #ff4c05;
}
.state-active:before,.state-inactive:before,.state-pactive:before,.state-nextschedule:before{
    content: "";
    display: inline-block;
    width:12px;
    height: 12px;
    margin-right:5px;
    border-radius: 12px;
}
.state-pactive:before{
    background-color:#c804ea;
}
.state-active:before{
    background-color:#70a200;
}
.state-inactive:before{
    background-color: #FF0000;
}
.state-nextschedule:before{
    background-color: #ff9600;
}
.form-group .state-inactive,
.form-group .state-active{
    vertical-align: middle;
    margin-top:2px;
    display: inline-block;
}
label[data-mandatory="1"]:after{
  content:"*";
  color:#FF0000;
  display:inline-block;
  margin-left:5px;
  font-weight: normal;
}
font-size:18px;
.table-actions{
    width:60px;
}
.page-header:after,.page-sub-header:after{
    content: "";
    display: block;
    clear: both;
}
.page-header .page-title,
.page-sub-header .page-sub-title{
    float:left;
}
.page-sub-header .page-sub-title{
    font-size: 22px;
}
.page-sub-header{
    border-bottom:1px solid #eee;
    margin-top:0px;
    padding-top: 0px;
}
.op-btn.btn{
    float:right;
    font-size: 14px;
    padding: 6px 14px;
    border-radius: 3px;
    background-color: #1698e3;
    border-color: #1187cc;
    margin-top: 3px;
    margin-right: 17px;
}
.op-btn-warn.btn{
    float:right;
    font-size: 14px;
    padding: 6px 14px;
    border-radius: 3px;
    background-color: #ffc107;
    border-color: #ffc107;
    margin-top: 3px;
    margin-right: 17px;
}
.table-actions .glyphicon{
    margin-right: 6px;
    visibility: hidden;
    cursor: pointer;
}
.table-hover>tbody>tr:hover .table-actions .glyphicon,
.mdl-data-table tbody tr:hover .table-actions .glyphicon{
    visibility: visible;
}
.mdl-data-table td.table-actions:first-of-type, .mdl-data-table th.table-actions:first-of-type{
    padding-left:10px;
}
.mdl-button--raised.mdl-button--colored:active, .mdl-button--raised.mdl-button--colored:hover {
    background-color: #1681bf;
}

.table-comment,.help-block{
    color:#888;
    font-size:12px;
    margin:0px;
}
@media screen and (max-width: 767px){
    .table-actions .glyphicon{
         visibility: visible;
    }
}
@media screen and (max-width: 767px){
.page-header{
    margin-top:110px;
    }
    div.dataTables_wrapper div.dataTables_paginate{
        text-align: center;
    }
    .dataTables_length{
        display: none;
    }
    .dataTables_info{
        text-align: center;
    }
    .dataTables_filter label{
        display: block;
    }
    .dataTables_filter label:after{
        right:1px;
    }
    #chartDialog.acuity-trend.show{
      top:0px;
      left:0px;
      width: calc(100% - 10px);
      min-height:calc(100% - 10px);
      margin: 5px;
    }
}
@media screen and (min-width: 768px){
.side-nav li a:hover{
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background-color;
    }
}
.mdl-button--raised.mdl-button--colored{
    background-color: #1698e3;
}
@media(min-width: 768px) {
.side-nav li a:hover, .side-nav li a:focus{
    background-color:#171717 !important;
}
   .navbar-inverse .navbar-nav>.active>a:hover{
        background-color:#080808 !important;
    }
    .msg-holder{
        padding-left:200px;
    }
}
label.error{
    color:#FF0000;
    margin:5px 0px;
    font-size:12px;
    font-weight: normal;
}
.form-control.error{
    border:1px solid #FF0000;
    background-color:#fff7f7;
}
.msg-holder{
    position: fixed;
    z-index: 1040;
    top:10px;
    width: 100%;
    height:0px;
    text-align: center;

}
.msg-holder .alert{
    display: inline-block;
    padding: 2px 10px;
    font-size: 12px;
}
.msg-holder .close{
    margin-left: 8px;
    font-size: 20px;
}
.msg-holder .alert.alert-success{
    color: #ffffff;
    background-color: #64b10f;
    border-color: #5ca50b;
}
.msg-holder .alert.alert-danger{
    color: #ffffff;
    background-color: #d0021b;
    border-color: #b02939;
}
.btn-primary{
    border-radius: 3px;
    background-color: #1698e3;
    border-color: #1187cc;
}
.mdl-data-table td.dataTables_empty{
    text-align: center;
    font-size: 22px;
    padding:80px 0px;
    color:#999;
}
.dt-table a.backup-file{
    color:#2a85d6;
}
.dt-table a.backup-file i{
    margin-right:5px;
    color:#8091ef;
}
.dataTables_filter label .input-sm{
    min-width: 250px;
}
.dataTables_filter label{
    position: relative;
}
.dataTables_filter label:after{
    content:"\f002";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 7px;
    width: 20px;
    background-color: #FFF;
    right: 6px;

}
.panel-heading .lt-icon:before{
    opacity: 1;
    width: 64px;
    height: 64px;
    margin-bottom: 4px;
}
.fa-15x{
    transform: scale(1.2);
}
/*---------------------Toggle Start ---------------------*/
/* The switch - the box around the slider */
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  transform: scale(0.7);
  margin-left:-10px;
  margin-bottom: 0px;
}

/* Hide default HTML checkbox */
.toggle-switch input {display:none;}

/* The slider */
.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .toggle-slider {
  background-color: #2196F3;
}

input:focus + .toggle-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .toggle-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.toggle-slider.round {
  border-radius: 34px;
}

.toggle-slider.round:before {
  border-radius: 50%;
}
/*---------------------Toggle Ends ---------------------*/
.slider-numeric .slider-selection{
    background:#BABABA;
}
.slider-numeric-value{
    margin-left:20px;
}
.slider-item{
    padding-left: 15px;
    margin-top: 5px;
    margin-bottom: 25px;
}
.slider-numeric{
    padding-left:15px;
}
/*------------------Games View Start --------------------*/
.game-panel{
    border:0px solid #efefef;
    box-shadow: 0 1px 1px rgba(0,0,0,0);
    cursor: pointer;
}
.game-detail-panel{
    box-shadow: 0 1px 1px rgba(0,0,0,0);
    margin-top: 48px;
}
.game-panel:hover{
    background-color:#FAFAFA;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
.game-panel .col-xs-9 .huge,
.game-detail-panel .col-xs-9 .huge{
    font-size: 18px;
    margin-top: 8px;
    margin-bottom: 8px;
    color:#444;
}
.game-detail-panel .col-xs-9 .huge{
    font-weight: bold;
}
.game-panel .col-xs-3 i,
.game-detail-panel .col-xs-3 i{
    display: inline-block;
    background-image: url('../images/game-sprite.png');
    background-repeat: no-repeat;
    width: 96px;
    height: 96px;
}
.game-detail-panel .col-xs-3{
    max-width:120px;
}
.game-detail-panel .panel-heading{
    padding: 0px;
}
.game-detail-panel.panel{
    margin-bottom:0px;
}
.game-panel .col-xs-3{
    padding-left:5px;
    padding-right:5px;
}
.game-panel .col-xs-9 div,
.game-detail-panel .col-xs-9 .desc-info{
    color:#888;
    font-size: 12px;
}
.forest-run { background-position: -0px -0px; }
.fusion { background-position: -96px -0px;}
.arrow-shoot { background-position: -192px -0px;}
.bowling { background-position: -0px -96px;}
.brock-string { background-position: -96px -96px;}
.desert-run { background-position: -192px -96px;}
.masden-ball { background-position: -0px -192px;}
.ninja { background-position: -96px -192px;}
.stereopsis { background-position: -192px -192px;}
.navbar-static-top{
    display:none;
}
div.dataTables_wrapper div.dataTables_processing{
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    text-indent: -9999px;
	position:fixed;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*------------------ Games View Ends --------------------*/
/*---------------------Container Start ---------------------*/
.cont-display{
	display:block;
}
/*---------------------Container Ends ---------------------*/

/*--------------------Record Information ----------------*/
.record-row{
    border-bottom:1px solid #eeeeee;
    height: 24px;
    margin-bottom: 15px;
    padding-left: 10px;
}
.record-title{
	background-color: #ffffff;
    color: #5c5c5c;
    font-size: 16px;
    display: inline-block;
    font-variant: small-caps;
    padding: 2px 14px;
}
.view-record p:before{
    content: "";
    clear:both;
    display: block;
}
.view-record p{
    font-size: 13px;
    margin:0px;
}
.view-record .btn-sm{
    margin-right:10px;
    margin-top:4px;
}
.view-record .btn-sm.btn-default{
    border:1px solid #CCC;
}
.view-record .btn-lg,.view-record .btn-sm{
    float:right;
}
.view-record .close-x.btn-lg{
    background:#FFF;
    padding:3px 8px;
    color:#9f9f9f;
    font-family: "Arial";
}
.page-header.view-record{
    border-bottom: 0px;
    margin-bottom: 5px;
}
.patient-eye{
    background-image:url("../images/patient-eye.png");
    width:100%;
    height:120px;
    display:inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
/*background-image:url("../images/patient-chart.png");*/
.patient-chart{

    width:100%;
    height:218px;
    display:inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
.patient-info:after{
    content: "";
    clear:both;
    display:block;
    border-bottom: 1px solid #eeeeee;
}
ul.secondary-tab{
  list-style: none;
  margin:0px;
  margin-top:15px;
  padding:0px;
  display:block;
  border-bottom: 1px solid #eeeeee;
}
ul.secondary-tab li{
   float:left;
}
ul.secondary-tab li a{
    font-size: 13px;
    padding:1px 13px;
    line-height: 30px;
    display: block;
    color:#888;
    text-decoration: none;
}
ul.secondary-tab li a:hover{
    text-decoration: none;
}
ul.secondary-tab li.active a{
    border-bottom:4px solid #1698e3;
    color:#333;
    text-decoration: none;
}
ul.secondary-tab:after{
    content:"";
    display:block;
    clear: both;
}
.left-eye-info h4,
.right-eye-info h4{
    color: #333;
    font-size: 14px;
    margin: 3px 0px;
    text-align: center;
}
.left-eye-info > h4,
.right-eye-info > h4{
	font-weight: bold
}
.left-eye-info .eye-power h4,
.right-eye-info .eye-power h4,
.patient-session .eye-power h4{
    font-size:16px;
    color:#000;
    margin-bottom: 0px;
    margin-top:0px;
}
.eye-power,.eye-axis{
    display: block;
    width:50%;
    float: none;
    text-align: center;
    margin: auto;
}
.eye-power b,.eye-axis b{
    font-size: 25px;
}
.eye-power em,.eye-axis em{
    font-variant: small-caps;
    font-size: 13px;
    color:#484848;
    margin-bottom: 10px;
}
.eye-power b,.eye-power em,
.eye-axis b,.eye-axis em{
    display:block;
    font-style: normal;
    font-weight: normal;
}
.eye-axis b:after{
    content: "o";
    display:inline-block;
    position: relative;
    font-size: 13px;
    color: #a2a2a2;
    top: -16px;
    right: -1px;
    width: 0px;
    height: 0px;
}
.left-eye-info{
    border-right:1px solid #ececec;
    float: left;
    width:50%;
    margin-bottom:10px;
}
.right-eye-info{
    float:left;
    width:50%;
    margin-bottom:10px;
}
.clear{
    clear:both;
    display:block;
}
.p-label,.p-value{
    font-size: 15px;
    line-height: 34px;
}
.p-label{
    color:#333;
    display:inline-block;
	font-weight: bold;
}
.col-lg-4.patient-details{
    padding-top: 15px;
}
.sub-row{
    margin-bottom: 12px;
}
.gender-offset{
    margin-left:35px;
}
.page-sub-header{
    border-bottom: 1px solid #ececec;
    line-height: 38px;
    margin-bottom: 5px;
    margin-top: 8px;
}
.page-sub-header .page-sub-title{
    float:left;
    font-size:18px;
}
.page-sub-header:after{
    clear: both;
    content: "";
    display:block;
}
.yet-to-review{
    color:#a2a2a2;
}
.state-schedule:before{
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 12px;
}
.state-schedule{
    color: #ff8400;
}
.state-live:before{
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 12px;
}
.state-live{
    color: #64FE2E;
}
.state-expired:before{
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 12px;
}
.state-expired{
    color: #FE2E2E;
}
.state-schedule:before{
   background-color: #ff8400;
}
.star-default.fa-lg{
    color:#dadada;
}
.star-true.fa-lg{
   color:#1698e3;
}
.star-false.fa-lg{
   color:#b9b7b7;
}

// Madan
.chart-container {
  position: relative;
  margin: auto;
  height: 80vh;
  width: 80vw;
}
#clip {
  position: absolute;
  clip: rect(0, 100px, 200px, 0);
  /* clip: shape(top, right, bottom, left); NB 'rect' is the only available option */
}
/*--------------------- New PIE Chart -------------------*/
.patient-session{
    border-left:1px solid #ececec;
}
.patient-session h4{
    font-size: 15px;
    margin:auto;
    color: #333;
	font-weight: bold
}
#svg-pro circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s linear;
  stroke: #d0d0d0;
  stroke-width: 0.8em;
}
#svg-pro #bar {
  stroke: #19a15f;
  stroke-width: 1.4em;
}
body[data-role="doctor"] #svg-pro #bar {
  stroke: #19a15f;
}
#cont {
  display: block;
  height: 150px;
  width: 150px;
  margin: auto;
  border-radius: 100%;
  position: absolute;
  transform: scale(0.5);
  top: -28px;
  left: calc(50% - 40px);
}
#cont:after {
  position: absolute;
  display: block;
  height: 120px;
  width: 135px;
  left: 50%;
  top: 65%;
  content: attr(data-pct)"%";
  margin-top: -80px;
  margin-left: -35px;
  border-radius: 100%;
  line-height: 160px;
  font-size: 3em;
  text-align: center;
}
.prescription.card.table{
    display:table;
}
.card.add-therapy{
	border:0px;
}
.add-therapy .card-body{
	padding:0px;
}
.add-therapy .p-label{
	font-size:18px;
	margin-bottom:8px;
}
.credit-score{
	line-height: 38px;
	text-align: center;
}
.credit-score b{
	color:#19a15f;
	font-size: 35px;
    line-height: 45px;
}
.add-sessions{
  font-size: 13px;
  display: inline-block;
  border: 1px solid #19a15f;
  padding: 2px 10px;
  border-radius: 15px;
  background-color: #0059fb;
  color: #ffffff;
  margin-top: 9px;
}
.add-sessions:hover{
  text-decoration: none;
  color:#258a58;
  background-color: #eefff7;
}
.modal-body p.modal-para{
	font-size: 18px;
}
.modal-body .selected-value{
	color:#1395e0;
    font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
}
.table-responsive{
	/*min-height: calc(100vh - 137px); */
}
/*--------------Doctor Theme Starts ----------*/
body[data-role="doctor"] .navbar-inverse .navbar-nav>.active>a{
	border-left: 4px solid #18D87B;
}
body[data-role="doctor"] .btn-primary,
body[data-role="doctor"] .op-btn.btn{
	background-color: #19a15f;
    border-color: #19a15f;
}
body[data-role="doctor"] ul.secondary-tab li.active a{
	border-bottom: 4px solid #18d87b;
}
body[data-role="doctor"] .btn-primary:not(:disabled):not(.disabled).active,
body[data-role="doctor"] .btn-primary:not(:disabled):not(.disabled):active,
body[data-role="doctor"] .show>.btn-primary.dropdown-toggle{
	background-color: #157e45;
    border-color: #157e45;
}
body[data-role="doctor"] div.dataTables_wrapper div.dataTables_processing{
    border-top: 8px solid #19a15f;
}
/*--------------Doctor Theme Ends ----------*/

/*--------------Seller Theme Starts ----------*/
body[data-role="seller"] .navbar-inverse .navbar-nav>.active>a{
    border-left: 4px solid #F90;
}
body[data-role="seller"] .btn-primary,
body[data-role="seller"] .op-btn.btn{
    background-color: #ff4f00;
    border-color: #ff4f00;
}
body[data-role="seller"] ul.secondary-tab li.active a{
    border-bottom: 4px solid #d8620c;
}
body[data-role="seller"] .btn-primary:not(:disabled):not(.disabled).active,
body[data-role="seller"] .btn-primary:not(:disabled):not(.disabled):active,
body[data-role="seller"] .show>.btn-primary.dropdown-toggle{
    background-color: #d8620c;
    border-color: #d8620c;
}
body[data-role="seller"] div.dataTables_wrapper div.dataTables_processing{
    border-top: 16px solid #ff4f00;
}
/*--------------Seller Theme Ends ----------*/

/*--------------state for Patients ----------*/
.page-header.view-record .record-title[data-pat-status]:before,
.pres-value.on:before,.pres-value.off:before{
	content:"";
	display:inline-block;
	width: 12px;
  height: 12px;
  margin-right: 5px;
  border-radius: 12px;
}
.page-header.view-record .record-title[data-pat-status="90"]:before{
	background-color: #c804ea;
}
.page-header.view-record .record-title[data-pat-status="100"]:before{
	background-color: #70a200;
}
.page-header.view-record .record-title[data-pat-status="200"]:before{
	background-color: #FF0000;
}
.page-header .page-title{
	text-transform: capitalize;
}

/*------------------Login related ---------------*/
@media (min-width: 992px) {
.container.login-page{
	min-height: 100vh;
	justify-content: center;
    align-content: center;
    display: flex;
}
.card-login {
    max-width: 450px;
    min-width: 450px;
    max-height: 450px;
	min-height: 450px;
    margin: auto !important;

}
.card-login	.card-body,.card-register .card-body{
		padding: 50px;
	    box-shadow: 0 2px 3px rgba(0,0,0,.55);
	}
}
.card-login .form-horizontal .form-group,
.card-register .form-horizontal .form-group{
	margin-left:0px;
	margin-right:0px;
}
.card-login .form-check-input{
    margin-left: -1.25rem;
}
body.login-page{
	background-image:url("../images/login-background.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.card-header.login-logo{
	font-size:24px;
	border: 0px;
    background: #FFF;
    padding: 50px;
    padding-bottom: 0px;
    font-weight: bold
}
.card-header.login-logo:before{
	content:"";
	display:block;
	width:133px;
	height:27px;
	background-image:url("../images/logo/login-logo.svg");
	background-repeat: no-repeat;
	background-position:0px 0px;
	margin-bottom: 20px;
}
.login-page .card-body .form-group label{
	font-size: 16px;
    font-weight: normal;

}
.login-page .card-body .form-group .form-control{
	border: 0px;
    border-bottom: 1px solid #cecece;
    border-radius: 0px;
    background-color: #FFF !important;
    box-shadow: none;
	margin-bottom: 15px;
}
.login-page .card-body .form-group input.form-control:focus{
	border-bottom:2px solid #0e81c3;
}

.login-page .card-body .form-group input:-webkit-autofill {
    -webkit-text-fill-color: #0e81c3  !important;
	-webkit-box-shadow: 0 0 0 1000px #FFF inset !important;
}
.login-page .help-block strong{
	color: #e00e0a;
    font-weight: normal;
	top: -10px;
    position: relative;
}
.login-page .card-body .form-group.has-error .form-control,
.login-page .card-body .form-group.has-error .form-control:focus{
	border-bottom:2px solid #e00e0a;
}
@media (min-width: 992px) {
.card-register{
   width:650px;
}
}
.row.small-cards{
	padding-bottom: 30px;
}
.row.small-cards .card{
	height: 100%;
}
.card-img-layout{
	width:100%;
	height:220px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.card-img-layout.general-info{
	background-image: url("../images/ap-general-info.svg");
}
.card-img-layout.credits-info{
	background-image: url("../images/ap-credit-info.svg");
}
.card-img-layout.existing-patients{
	background-image: url("../images/ap-patient-list.svg");
}
.card-img-layout.add-patient{
	background-image: url("../images/ap-patient-add.svg");
}
.card-img-layout.credits-transcation{
	background-image: url("../images/ap-credit-transcation.svg");
}
.card-img-layout.general-info.patient{
	background-image: url("../images/ap-pt-general-info.svg");
}
.card-img-layout.credits-info.patient{
	background-image: url("../images/ap-pt-credit-info.svg");
}
.card-img-layout.patient-info.patient{
	background-image: url("../images/ap-patient-info.svg");
}
.card-img-layout.patients-info.patient{
	background-image: url("../images/ap-patient-info.svg");
}
.card-img-layout.download-now.patient{
	background-image: url("../images/ap-download-now.svg");
}
.card-img-layout.seller-general-info{
	background-image: url("../images/ap-office-info.svg");
  opacity: 0.8;
}
.card-img-layout.seller-credits-info{
  background-image: url("../images/ap-sell-credit-info.svg");
  opacity: 0.8;
}
.card-img-layout.seller-credits-info{
  background-image: url("../images/ap-sell-credit-info.svg");
  opacity: 0.8;
}
.card-img-layout.seller-hospital-info{
  background-image: url("../images/ap-hospital-info.svg");
  opacity: 0.8;
}
.card-img-layout.seller-hospital-add{
  background-image: url("../images/ap-hospital-add.svg");
  opacity: 0.8;
}
.doc-card .card,.pat-card .card,.sell-card .card{
    border-color:#e6e6e6;
}
.doc-card .card-title{
    font-weight: bold;
    color:#19a15f;
}
.sell-card .card-title{
    font-weight: bold;
    color:#ff7900;
}
.credit-score{
    font-size: 30px;
    display: inline-block;
}
.credit-desc{
    margin:0px;
    margin-top:-14px;
    padding: 0px;
    font-weight: bold;
}
.doc-card .help-card .card-title{
    margin-top:7px;
    padding-top:0px;
}
.doc-card .help-card ul,
.patient.help-card ul{
    list-style: none;
    margin-left: 10px;
    padding-left: 10px;
}
.doc-card .help-card ul li:before,
.patient.help-card ul li:before{
    content: "";
    display: inline-block;
    width:8px;
    height:8px;
    border-radius: 50%;
    margin-right: 6px;
}
.doc-card .help-card ul li:before{
	background-color: #19a15f;
}
.patient.help-card ul li:before{
	background-color: #1698e3;
}
@media (min-width: 900px){
     .help-card{
        min-height:calc(100% - 30px);
    }
}
@media (min-width:420px){
    .doc-card .row .col-sm-6:first-child .card{
        margin-bottom: 30px;
    }
}
.help-card{
    background: rgba(250,250,250,1);
    background: -moz-linear-gradient(-45deg, rgba(250,250,250,1) 0%, rgba(191,242,232,1) 77%, rgba(39,230,160,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(77%, rgba(191,242,232,1)), color-stop(100%, rgba(39,230,160,1)));
    background: -webkit-linear-gradient(-45deg, rgba(250,250,250,1) 0%, rgba(191,242,232,1) 77%, rgba(39,230,160,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(250,250,250,1) 0%, rgba(191,242,232,1) 77%, rgba(39,230,160,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(250,250,250,1) 0%, rgba(191,242,232,1) 77%, rgba(39,230,160,1) 100%);
    background: linear-gradient(135deg, rgba(250,250,250,1) 0%, rgba(191,242,232,1) 77%, rgba(39,230,160,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#27e6a0', GradientType=1 );
    position: relative;
}
.help-card.patient{
	background: rgba(250,250,250,1);
    background: -moz-linear-gradient(-45deg, rgba(250,250,250,1) 0%, rgba(209, 238, 255,1) 77%, rgba(22, 152, 227,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(209, 238, 255,1)), color-stop(77%, rgba(191,242,232,1)), color-stop(100%, rgba(22, 152, 227,1)));
    background: -webkit-linear-gradient(-45deg, rgba(250,250,250,1) 0%, rgba(209, 238, 255,1) 77%, rgba(22, 152, 227,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(250,250,250,1) 0%, rgba(209, 238, 255,1) 77%, rgba(22, 152, 227,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(250,250,250,1) 0%, rgba(209, 238, 255,1) 77%, rgba(22, 152, 227,1) 100%);
    background: linear-gradient(135deg, rgba(250,250,250,1) 0%, rgb(209, 238, 255,1) 77% 77%, rgba(22, 152, 227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#27e6a0', GradientType=1 );
}
.help-card.seller{
    background: rgba(250,250,250,1);
    background: -moz-linear-gradient(-45deg, rgba(250,250,250,1) 0%, rgba(248, 220, 195,1) 77%, rgba(255, 121, 0,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(248, 220, 195,1)), color-stop(77%, rgba(191,242,232,1)), color-stop(100%, rgba(22, 152, 227,1)));
    background: -webkit-linear-gradient(-45deg, rgba(250,250,250,1) 0%, rgba(248, 220, 195,1) 77%, rgba(255, 121, 0,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(250,250,250,1) 0%, rgba(248, 220, 195,1) 77%, rgba(255, 121, 0,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(250,250,250,1) 0%, rgba(248, 220, 195,1) 77%, rgba(255, 121, 0,1) 100%);
    background: linear-gradient(135deg, rgba(250,250,250,1) 0%, rgb(248, 220, 195,1) 77% 77%, rgba(255, 121, 0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#27e6a0', GradientType=1 );
}
.help-card.patient .card-title {
    font-weight: bold;
    color: #1698e3;
}
.doc-card .btn,.pat-card .btn,.sell-card .btn{
    border-radius: 20px;
    padding: 5px 25px;
}
.help-card .fa{
    color:#FFF;
    transform: scale(8);
    opacity: 0.8;
}
.help-card .pos-abs{
    position: absolute;
    bottom:60px;
    right:60px;
}
.report-view .card-title{
    font-size: 16px;
    font-weight: bold;
    padding-left: 25px;
    margin: 20px 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.modal-overflow .card-body{
	overflow: auto;
	height: calc(100vh - 250px);
}
.modal-overflow  .card-body .add-therapy .card-body{
	height:auto;
}
.row.therapy-action{
	padding:10px;
	background-color:#f3f3f3;
    width: 100%;
    margin: 0px;
    border-top: 2px solid #ECECEC;
}
.card.acuity-trend .card-body{
}
.add-therapy .card-body .row {
    margin: 0px;
	margin-bottom: 20px;
}
.add-therapy .card-body .row:nth-child(odd){
	background-color:#F5F5F5;
}
.navbar-inverse .navbar-right.navbar-nav>li>a{
	color:#666;
}
.fa-question-circle.fa-2x.help{
	color:#19a15f;
	transform: scale(0.8);
}
.modal-overflow .modal-header{
	position:relative;
}
.modal-overflow .fa-question-circle.fa-2x.help{
	position:absolute;
	right: 35px;
    top: 12px;
    cursor: help;
}
.fa-stop.prestop{
	border-radius: 50%;
    width: 20px;
    height: 20px;
	border:1px solid #000;
}
.fa-stop.prestop:before{
	position: relative;
	top: 2px;
    left:5px;
    font-size: 0.8em;
}
.hasDatepicker{
    background-image:url("../images/calendar-alt.svg");
    background-repeat:no-repeat;
    background-position: 98% 8px;
    background-size: 18px 18px;
}
/*---------------------Needs to be removed --------------------*/
.text-center.card.freeze-layer{
  position: relative;
}
.text-center.card.freeze-layer:before{
  position: absolute;
  z-index:10000;
  width:100%;
  height:100%;
  content:"";
  background-color:#FFF;
  opacity:0.4;
}
/*--------------------- Prescription Starts Card -----------------*/
.prescription-card .card-title{
  border-bottom:1px solid #ececec;
  padding-left:10px;
  padding-bottom: 8px;
  margin-top: 0px;
  background-color: #fafafa;
  border-top-right-radius: .25rem;
  border-top-left-radius: .25rem;
}
.prescription-card .card-data-title{
  float:left;
  line-height: 30px;
  margin-top: 8px
}
.prescription-card .card-status{
  float:right;
  margin-right:10px;
  border-radius: 25px;
  font-size: 11px;
  padding: 4px 12px;
  margin-top: 12px;
  line-height: normal;
}
.prescription-card .card-status:before{
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin-right: 5px;
}
.prescription-card .card-status.running:before{
    background-image:url("../images/success.png");
}
.prescription-card .card-status.stopped:before{
    background-image:url("../images/error.png");
}
.prescription-card .card-status.running{
  border: 1px solid #abe64e;
  background-color: #e7f9ca;
  color: #55820f;
}
.prescription-card .card-status.stopped{
  border: 1px solid #f3afaf;
  background-color: #ffe1e1;
  color: #a90000;
}
.prescription-card .therapy-count{
  font-size:48px;
  display:inline-block;
  margin-top: 28px;
  margin-right: 12px;
}
.prescription-card .therapy-text{
  font-size:16px;
  display:inline-block;
  line-height: 24px;
  text-align: left;
}
.prescription-card .calendar-data,
.patient-session .calendar-data{
  width:80px;
  border:1px solid #ececec;
  background-color: #efefef;
  border-radius: 3px;
}
.patient-session .calendar-data{
  float: none;
  margin: auto;
  transform: scale(0.85);
}
.patient-session .calendar-data .calendar-month{
  background-color:#848484;
}
.patient-session .calendar-data .calendar-year{
    color:#848484;
}
.pres-label{
  font-variant: all-petite-caps;
  color:#888;
}
.pres-value{
  margin-bottom:18px;
  font-size: 16px;
  margin-top: 4px;
}
.pres-value.on:before{
  background-color:#70a200;
}
.pres-value.off:before{
  background-color:#8e8e8e;
}
.calendar-data{
  float:right;
}
.calendar-data .calendar-year{
  color: #0a8c4d;
  font-weight:bold;
  margin-bottom: 5px;
}
.calendar-data .calendar-date{
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.calendar-data .calendar-month{
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color:#19a15f;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  color:#FFF;
}
.pres-actions ul{
  list-style:none;
  display:block;
  margin: 0px;
  padding: 0px;
  margin-top:10px;
}
.pres-actions ul:after{
  content:"";
  clear:both;
  display:block;
}
.pres-actions ul li{
  float:left;
  font-size:13px;
  width:25%;
  text-align: center;
}
.pres-actions ul li a{
  padding-top:5px;
  color:#0f8c4f;
  display:block;
  opacity:0.8;
}
.pres-actions ul li a:hover{
  background-color:#eefff7;
  text-decoration: none;
  border-radius: 8px;
  opacity:1;
}
.pres-actions ul li a:before,.n-add:before{
  content:"";
  background-image:url("../images/svg-sprite.svg");
  background-repeat:no-repeat;
  width:24px;
  height:24px;
  display:block;
  margin: 4px auto;
}
.n-add:before{
  display:inline-block;
  vertical-align: middle;
  margin-right: 5px;
  transform: scale(0.8);
}
.pres-actions ul li.p-add a:before,.n-add:before{
  background-position: -12px -7px;
}
.pres-actions ul li.p-stop a:before{
  background-position: -48px -7px;
}
.pres-actions ul li.p-activity a:before{
  background-position: -85px -7px;
}
.pres-actions ul li.p-reports a:before{
  background-position: -122px -7px;
}
.prescription-card hr{
  border-top:1px solid #e8e8e8;
}
.prescription-card .small-cards > [data-therapy-card],
.prescription-card .small-cards > .col-sm-3 {
    margin-bottom: 30px;
}
.prescription-card .small-cards > .col-sm-3 .card-body{
  background-color:
}
.n-add{
  opacity:0.8;
  border:1px solid #0f8c4f;
  border-radius: 25px;
  color:#0f8c4f;
  display: inline-block;
  padding: 0px 14px 0px 10px;
  font-weight: bold;
}
.n-add:hover{
  background-color:#eefff7;
  opacity: 1;
  color:#0f8c4f;
  text-decoration: none;
}
/*--------------------- Prescription Ends Card -----------------*/

.acuity-trend{
  position:fixed;
  width:0px;
  height:0px;
  transition: all;
  overflow:hidden;
}
.acuity-trend.show{
  position:fixed;
  top: calc(50% - 225px);
  left: calc(50% - 400px);
  width:800px;
  max-height:600px;
  background-color:#FFF;
  border-radius: .3rem;
  z-index:100000;
  border:1px solid rgba(0,0,0,.2);
  box-shadow:0 5px 15px rgba(0,0,0,.5);
  transition: all;
  min-height: 525px;
  overflow: visible;
}
.acuity-trend-modal.show{
  content:"";
  width:100vw;
  height:100vh;
  background-color:#000;
  opacity:0.3;
  position:fixed;
  top:0px;
  left:0px;
  z-index:10000;
}
.acuity-trend:after{
  content:"";
  clear:both;
  display:block;
}
@media (min-width: 992px){
  .modal-dialog.daily-activity{
    max-width: 900px;
  }
}
.fc-header-toolbar .fc-left h2{
    font-size:38px;
    color:#19a15f;
    padding-left: 15px;
}
.fc-header-toolbar .fc-right{
    margin-top:10px;
}
.daily-activity .fc-event{
  padding-bottom: 2px;
  background-color: #f7fbff;
  border: 1px solid transparent;
  margin-bottom: 2px;
  padding-top: 2px;
}
.fc-unthemed td.fc-today{
  background-color:#e3fff1;
}
.daily-activity .fc-event div div[data-therapytype],
.daily-activity .user-rating{
  font-size:13px;
  font-weight: bold;
  white-space: nowrap;
}
.daily-activity .fc-event div div[data-therapytype]{
    float:left;
}
.daily-activity .user-rating{
  float:right;
  color:#009bff;
}
.daily-activity .row-therapy:after{
  content:"";
  display:block;
  clear: both;
}
.daily-activity .row-therapy .fa.fa-star{
  margin-left:2px;
}
.page-no-data{
  color:#999;
  text-align: center;
  font-size: 21px;
  padding-top: 30px;
}
.prequisite-status ul{
  list-style:none;
  display: block;
  margin:0px;
  margin-bottom: 20px;
  padding:0px;
  border-bottom:1px solid #ececec;
  border-top: 1px solid #ececec;
}
.prequisite-status ul:after{
  content: "";
  clear:both;
  display: block;
}
.prequisite-status ul li{
  float:left;
  font-size:13px;
  font-weight: bold;
  color:#079852;
  padding: 10px;
  min-width: 33%;
  text-align: center;
}
.prequisite-status .fa{
  font-size: 18px;
  margin-right: 4px;
  vertical-align: middle;
}
.prequisite-status .error .fa-check-circle:before{
  content:"\f06a";
}
.prequisite-status .error{
  color:#c70909;
}
.prequisite-status .warn{
  color:#d84906;
}

body[data-subrole="theraphist"] .patient-session .add-sessions,
body[data-subrole="theraphist"] .dropdown-menu #CretiTransfer{
  display:none;
}
#addtherapist .select2-container{
  width:auto !important;
  display:block !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 34px;
}
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single{
  border: 1px solid #ced4da;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  min-height: 32px;
  height: 36px;
}
#langCategory .select2-container{
  width:400px !important;
  display:block !important;
}
.switch-app a{
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: bold;
  color: #3810d1;

}
.switch-app a em{
  display: block;
  font-size: 9px;
  font-style: normal;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal;
}
body[data-role="patient"] .switch-app{
  display: none;
}
.leftmonodurcss{}
.leftmfbfdurcss{}
.antidurcss{}
.stedurcss{}
.accodurcss{}
.brdurcss{}
.oscdurcss{}
.rotdurcss{}

.leftmonoaccucss{}
.leftmfbfaccucss{}


.momoleftpur{}
.momoleftsac{}
.momoleftcrowd{}
.momorightpur{}
.momorightsac{}
.momorightcrowd{}

.mfbfleftpur{}
.mfbfleftsac{}
.mfbfleftcrowd{}
.mfbfrightpur{}
.mfbfrightsac{}
.mfbfrightcrowd{}



.prescLoading{
  margin-top: 100px;
  font-size: 16px;
}