/* roboto-regular - cyrillic_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-cyrillic_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

@media screen and (orientation:portrait) {
	.on-portrait{
		display:block;
	}
	.on-landscape{
		display:none;
	}
	.switch-to-landscape{
		display:block;
		background: url('../img/rotate-l.svg') center no-repeat;
		width:100%;
		height:100%;
	}
}
@media screen and (orientation:landscape) {
	.on-portrait{
		display:none;
	}
	.on-landscape{
		display:block;
	}
	.switch-to-portait{
		display:block;
		background: url('../img/rotate-p.svg') center no-repeat;
		width:100%;
		height:100%;
	}
}

.dashed-border{
    padding: 10px;
    border-color: #15827c;
    border-width: 2px;
    border-style: dashed;
    border-radius: 10px;
}

.btn:hover{
	border-color:white;
}
.dc-rec-button, .dc-rec-button:hover, .dc-rec-button:active, .dc-rec-button:focus{
	border-radius:30px !important;
	border-width:1px;
	border-color:#15827c !important;
}

.dc-remove-audio-btn, .dc-remove-audio-btn:hover, .dc-remove-audio-btn:active, .dc-remove-audio-btn:focus{

    border-width: 0px !important;
    width: 8px !important;
    --height: 16px !important;
    border-color: #15827c !important;
    background-color:#ffffff !important;
    font-size: 1em;
    font-weight: bold;
    float:right !important;
    --margin-top: -8px !important;
    --margin-left: 8px !important;
/*
	border-radius:20px;
	border-width:1px;
	width:16px;
	height:16px;
	border-color:#15827c ! important;
*/
}


.partners-btn{
	color:#15827c;
}
.fa-thin1{
    -webkit-text-stroke: 1px white !important;
}
.fa-thin2{
    -webkit-text-stroke: 2px white !important;
}
.fa-thin3{
    -webkit-text-stroke: 3px white !important;
}
.fa-thin4{
    -webkit-text-stroke: 4px white !important;
}

.fa-thin1:hover{
    -webkit-text-stroke: 1px #e6e6e6 !important;
}
.fa-thin2:hover{
    -webkit-text-stroke: 2px #e6e6e6 !important;
}
.fa-thin3:hover{
    -webkit-text-stroke: 3px #e6e6e6 !important;
}
.fa-thin4:hover{
    -webkit-text-stroke: 4px #e6e6e6 !important;
}

.btn:hover > .fa-thin1{
    -webkit-text-stroke: 1px #e6e6e6 !important;
}
.btn:hover > .fa-thin2{
    -webkit-text-stroke: 2px #e6e6e6 !important;
}
.btn:hover > .fa-thin3{
    -webkit-text-stroke: 3px #e6e6e6 !important;
}
.btn:hover > .fa-thin4{
    -webkit-text-stroke: 4px #e6e6e6 !important;
}

.btn.active > .fa-thin1{
    -webkit-text-stroke: 1px #e6e6e6 !important;
}
.btn.active > .fa-thin2{
    -webkit-text-stroke: 2px #e6e6e6 !important;
}
.btn.active > .fa-thin3{
    -webkit-text-stroke: 3px #e6e6e6 !important;
}
.btn.active > .fa-thin4{
    -webkit-text-stroke: 4px #e6e6e6 !important;
}


li:hover .fa-thin1{
    -webkit-text-stroke: 1px #eeeeee !important;
}
li:hover .fa-thin2{
    -webkit-text-stroke: 2px #eeeeee !important;
}
li:hover .fa-thin3{
    -webkit-text-stroke: 3px #eeeeee !important;
}
li:hover .fa-thin4{
    -webkit-text-stroke: 4px #eeeeee !important;
}

li.disabled:hover .fa-thin1{
    -webkit-text-stroke: 1px white !important;
}
li.disabled:hover .fa-thin2{
    -webkit-text-stroke: 2px white !important;
}
li.disabled:hover .fa-thin3{
    -webkit-text-stroke: 3px white !important;
}
li.disabled:hover .fa-thin4{
    -webkit-text-stroke: 4px white !important;
}


li.active .fa-thin1{
    -webkit-text-stroke: 1px #15827c !important;
}
li.active .fa-thin2{
    -webkit-text-stroke: 2px #15827c !important;
}
li.active .fa-thin3{
    -webkit-text-stroke: 3px #15827c !important;
}
li.active .fa-thin4{
    -webkit-text-stroke: 4px #15827c !important;
}

input {outline: none;}
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */
    -webkit-text-fill-color: #000 !important; /* цвет текста */
    color: #999 !important; /* цвет текста */
}     
html{
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.42857;
}


.normal-text, table td, .editable-click, .wysiwyg_toolbar, [contenteditable="true"] {
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    line-height: 1.42857;
}

.no-text-transform{
    text-transform: none;
}



body {
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    position: relative;
    -background: #ffffff;
    -background: url("../img/biolink-bg.png") repeat center top;
    background-size: auto auto;
  -background: url('../img/header.png') repeat center top;
  background-color: white;
  -background-size:  auto 90px ;
  -height:90px;
  width:100%;
  overflow:hidden;

    top: 0;
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.42857;
}

.editable-click, 
a.editable-click, 
a.editable-click:hover {
    text-decoration: none;
    border-bottom: none;
}
/*
.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
}
*/
#mnu {
    width: 85px;
}

.table.table-hover thead, 
.table.table-hover tr, 
.table.table-hover th, 
.table.table-hover td, 
.table.table-hover tfoot, 
.table.table-hover tbody { 
    border: 1px solid #000;
//    border-color: #15827c !important;
    border-color: #e4e4e4 !important;
}

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{
    color: white;
    background-color: #15827c;
    border-color: #15827c;
}

.btn:active, .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}             
.dc-buttons .btn:focus{
    background-color: white !important;
    outline: none;
}
.btn:focus{
    border-color: white;
    outline: none;
}

.btn-group .btn, .btn-group-vertical .btn{
	width:47px;
	height:45px;
    	padding: 0px 0px;
/*
    	border-top-right-radius: 0px;
    	border-top-left-radius: 0px;
    	border-bottom-right-radius: 0px;
    	border-bottom-left-radius: 0px;
*/
}

.btn-default:hover {
    color: #15827c !important;
    background-color: white !important;
    #border-color: white !important;
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: white !important;
    background-color: #15827c !important;
    border-color: #15827c !important;
    outline: none;
}

.bootstrap-table .table thead > tr > th {
    background-color: #15827c;
}

.bootstrap-table .table tfoot > tr > th {
    background-color: #15827c;
    text-align: center;
}

.bootstrap-table  th {
    font-weight: normal;                                                
}

.bootstrap-table  td a, td a:hover, td a:focus {
    color: black;
}

.bootstrap-table  .editable-empty, .editable-empty:hover, .editable-empty:focus {
    color: #e4e4e4;
}


/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.bootstrap-table input[type="checkbox"] + label, .dc-checkbox input[type="checkbox"] + label{
  cursor: pointer;
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.bootstrap-table input[type="checkbox"]:not(checked), .dc-checkbox input[type="checkbox"]:not(checked){
    position: absolute;                                  
    opacity: 0;
    margin: 0px;
    z-index: 1;
    width: 21px;
    height: 21px;
}

.bootstrap-table input[type="checkbox"]:not(checked) + label, .dc-checkbox input[type="checkbox"]:not(checked) + label{
  position: relative; /* будем позиционировать псевдочекбокс относительно label */
  padding: 0 0 0 21px; /* оставляем слева от label место под псевдочекбокс  21 - размер dc-drop-down-min*/
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
/*.bootstrap-table td.bs-checkbox input[type="checkbox"]:not(checked) + label:before {*/
.bootstrap-table input[type="checkbox"]:not(checked) + label:before, .dc-checkbox input[type="checkbox"]:not(checked) + label:before{
  content: '';
  position: absolute;
  background: url('../img/dc-icons.png') no-repeat;
  background-position: 0 -1865px; width: 21px; height: 24px;
  top: -13px;
  left: 0;
}


/* Меняем фон чекбокса, когда он включен. */
.bootstrap-table input[type="checkbox"]:checked + label:before, .dc-checkbox input[type="checkbox"]:checked + label:before{
  background: url('../img/dc-icons.png') no-repeat;
  background-position: 0 -1834px; width: 21px; height: 24px;
  top: -13px;
  left: 0;
}



.bootstrap-table input.check-undefined[type="checkbox"]:not(checked) + label:before, .dc-checkbox.check-undefined input[type="checkbox"]:not(checked) + label:before{
  content: '';
  position: absolute;
  background: url('../img/dc-check-q.png') no-repeat;
  background-position: 0 0; width: 22px; height: 22px;
  background-size: contain;
  top: -12px;
  left: 0;
}




.bootstrap-table input.disabled[type="checkbox"]:not(checked) + label:before, .dc-checkbox input.disabled[type="checkbox"]:not(checked) + label:before{
  content: '';
  position: absolute;
  background: url('../img/dc-icons.png') no-repeat;
  background-position: 0 -1865px; width: 21px; height: 24px;
  top: -13px;
  left: 0;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}


/* Меняем фон чекбокса, когда он включен. */
.bootstrap-table input.disabled[type="checkbox"]:checked + label:before, .dc-checkbox input.disabled[type="checkbox"]:checked + label:before{
  background: url('../img/dc-icons.png') no-repeat;
  background-position: 0 -1834px; width: 21px; height: 24px;
  top: -13px;
  left: 0;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}





.bootstrap-table .pagination-detail{
  position: absolute;
  opacity: 0;
}

.bootstrap-table .pull-right.pagination{
  display: table;
  float: none !important;
  margin-left: auto;
  margin-right: auto;
}

.fixed-table-pagination ul > li > a{
    border-width:0px;
    border-radius: 50%;
    margin-left:0px;
}

.fixed-table-pagination ul > li > a:hover{
    background-color:white;
}

.fixed-table-pagination ul > li.page-next > a, .fixed-table-pagination ul > li.page-pre > a{
    margin-right: 1px;
    margin-top: 6px;
    width: 22px;
    height: 22px;
    padding: 0px;
    text-align: center;
    color: white;
    background: #15827c;
}

.fixed-table-pagination .pagination > .active > a, .fixed-table-pagination .pagination > .active > span, .fixed-table-pagination .pagination > .active > a:hover, .fixed-table-pagination .pagination > .active > span:hover, .fixed-table-pagination .pagination > .active > a:focus, .fixed-table-pagination .pagination > .active > span:focus {
    z-index: 3;
    color: #15827c;
    background-color: white;
    border-color: white;
    cursor: default;
    font-weight: bold;    
}
.fixed-table-pagination .pagination .page-first, .fixed-table-pagination .pagination .page-last {
    display:none;
}

.close {
   opacity:1 !important;
}

#Measurements .btn.btn-default.dropdown-toggle, #Measurements .btn.btn-default.dropdown-toggle:hover{
	width:140px;
        height: 45px !important;	
	border-color:#15827c !important;
    	border-width:2px;
    	border-radius:4px !important;
	color: black !important;
	padding-left: 16px;
	padding-right: 16px;
}

#Measurements .btn.btn-default.dropdown-toggle[aria-expanded='true'], #Measurements .btn.btn-default.dropdown-toggle[aria-expanded='true']:hover{
	color: white !important;
}

input[data-mid]{
    width: 47px !important;
    height: 45px !important;	
    border-width:2px;
    border-radius:4px !important;
    padding-left: 12px;
    padding-right: 8px;
}

button.btn-calc{
    width: 40px !important;
    height: 40px !important;	
	margin-bottom:7px;
	margin-left:7px;
	margin-right:7px;
	color:black;
	background-color:#efefef;
}
.dc-caret{
	float:right;
	margin-top:4px;
}
.dc-meas-row{
	margin-bottom:16px;
	margin-top:16px;
}

.dc-meas-calc-row-up{
	margin-top:46px;
}

.dc-meas-row-down{
	margin-bottom:16px;
}

.dc-calc-panel{
	margin-top:36px;
}
.modal-content{
    border-width:2px;
    border-radius:0px !important;
    border-color:#15827c !important;
}
.modal-header,.modal-footer{
    border:none;
}
.dc-left-12{
	margin-left:12px;
}
button:not(.dropdown-toggle){
	text-transform: uppercase;
}

.modal-footer button[data-dismiss='modal']{
	background-color:#a5a3a4;
	color:white;
	width:120px;
	height:45px;
	text-transform: uppercase;
	display:block;
	margin: 0 auto;
}
.modal-footer button[data-dismiss='modal']:hover{
	background-color:#15827c !important;
	color:white !important;
	text-transform: uppercase;
}
.input-group{
	-width:60px;
}
.input-group60{
	width:60px;
}
.dc-blood, .dc-pus{
	margin-top:-3px !important;
}

.rec:hover, .rec:active:hover, .rec:not(:hover) , .rec:active:not(:hover), .rec.active:hover, .rec.active:not(:hover), .rec:active, .rec.active{
	background-color:#15827c !important;
        border-radius: 50%  !important;
}

.rec, .rec:focus, .rec:active, .rec.active, .dc-rec-button:active {
	background-color:#15827c !important;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
        border-radius: 50% !important;
        border-width:0px;
}

@keyframes pulse{
	0%{
		box-shadow: 0px 0px 5px 0px #15827c;
	}
	65%{
		box-shadow: 0px 0px 5px 3px #15827c;
	}                                                    
	90%{
		box-shadow: 0px 0px 5px 3px rgba(#92,#c7,#3c,0);
	}
}
.dc-icon-wrapper{
    padding-top: 55px;
    height: 150px;
    margin: 0 auto;
    border-style:solid;
    border-color:#e4e4e4;
    border-width:1px;
}
.dc-icon-wrapper+span{
    -color:#e4e4e4
}

#rs-carousel .rs-carousel-item, #rs-carousel .rs-carousel-item.hovered {
    padding: 0px;
    margin: 0px auto 80px auto;
    width:100%
}
.rs-carousel-runner {
    width:100%;
    padding-top: 10px;
}

#rs-carousel.rs-carousel-vertical .rs-carousel-mask {
    width: 100%;
    --height: 70vh;
}


.rs-carousel-action.rs-carousel-action-prev, .rs-carousel-action.rs-carousel-action-next{
    -margin-right: 1px;
    font-size: 15px;
    display:inline-block;
    width: 22px;
    height: 22px;
    padding: 0px;
    text-align: center;
    color: #e4e4e4;
    text-decoration:none !important; 
    background: #15827c;
    border-width: 0px;
    border-radius: 50%;
    margin-left: 0px;
}
.rs-carousel-action.rs-carousel-action-prev.active, .rs-carousel-action.rs-carousel-action-next.active{
    color: white;
}

#rs-carousel .rs-carousel-action-active {
    color: white !important;
    cursor: pointer;
}

#commentEditor {

    border-radius: 0px;
    border-style:solid;
    border-color:#e4e4e4;
    border-width:1px;
}

.noscrollbar::-webkit-scrollbar{ width: 0; }
.thinscrollbar::-webkit-scrollbar{ width: 8px;}
.thinscrollbar::-webkit-scrollbar-track{background:#15827c}


/* ie 10+ */
.noscrollbar { -ms-overflow-style: none; }

/* фф (свойство больше не работает, других способов тоже нет)*/
.noscrollbar{ overflow: -moz-scrollbars-none; }


/* хром, сафари */
#commentEditor::-webkit-scrollbar, #leftMainMenu::-webkit-scrollbar{ width: 0; }

/* ie 10+ */
#commentEditor,#leftMainMenu { -ms-overflow-style: none; }

/* фф (свойство больше не работает, других способов тоже нет)*/
#commentEditor, #leftMainMenu{ overflow: -moz-scrollbars-none; }

/* хром, сафари */
.wysiwyg_toolbar::-webkit-scrollbar { width: 0; }

/* ie 10+ */
.wysiwyg_toolbar { -ms-overflow-style: none; }

/* фф (свойство больше не работает, других способов тоже нет)*/
.wysiwyg_toolbar { overflow: -moz-scrollbars-none; }

.panel, .panel-default{
    box-shadow: inherit;
}
/*
.dc-header{
  background: url('../img/header.png') repeat-x center top;
  background-color: white;
  background-size:  contain ;
  height:90px;
  width:100%;
  display: table-caption;
}
*/
h1 * {
	text-transform: uppercase;
}

input[type="password"], input[type="email"]{
	height:48px;
}

#frmLogin .btn.btn-lg.btn-primary.btn-block{
	margin-top:15px;
}
legend {
	border:none;
	font-weight: bold;
}
.bs-checkbox{
	width:36px;
}
/*
.editable-container.editable-inline,
.editable-container.editable-inline .control-group.form-group,
.editable-container.editable-inline .control-group.form-group .editable-input,
.editable-container.editable-inline .control-group.form-group .editable-input textarea,
.editable-container.editable-inline .control-group.form-group .editable-input select,
.editable-container.editable-inline .control-group.form-group .editable-input input:not([type=radio]):not([type=checkbox]):not([type=submit])
{
    width: 100%!important;
}
*/
#frmPatOpts .editable-container.editable-inline,
#frmPatOpts .editable-container.editable-inline .control-group.form-group,
#frmPatOpts .editable-container.editable-inline .control-group.form-group .editable-input,
#frmPatOpts .editable-container.editable-inline .control-group.form-group .editable-input textarea,
#frmPatOpts .editable-container.editable-inline .control-group.form-group .editable-input select,
#frmPatOpts .editable-container.editable-inline .control-group.form-group .editable-input input:not([type=radio]):not([type=checkbox]):not([type=submit])
{
    width: 100%;
}

.visit-info[data-visitid].selected a[data-type=combodate]{
	color:red;
}

.front-view-2d{
	position: relative;
	display: block !important;
	margin-top:-56px !important;
	z-index: 20;
}

.vidal-title{
	color:#ff0000;
}
.vidal-body{
	color:#000000;
}

.bio-link-color, .bio-link-color a{
	color:#15827c !important;
}
.red-color, .red-color a{
	color:#ff0000 !important;
}
.black-color, .black-color a{
	color:#000000 !important;
}

.dc-black-circle-min {
	background: url('../img/dc-icon-black-circle-min.png') no-repeat;
    	width: 16px;
    	height: 16px;
	margin-top: 1px;
}
.dc-black-hexagon-min {
	background: url('../img/dc-icon-black-hexagon-min.png') no-repeat;
    	width: 16px;
    	height: 16px;
	margin-top: 1px;
}
.dc-icon-treatment-min {
	background: url('../img/dc-icon-treatment-min.png') no-repeat;
    	width: 16px;
    	height: 16px;
	margin-top: 1px;
}
.dc-yellow-circle-min {
	background: url('../img/dc-icon-yellow-circle-min.png') no-repeat;
    	width: 16px;
    	height: 16px;
	margin-top: 1px;
}

.dc-orange-circle-min {
	background: url('../img/dc-icon-orange-circle-min.png') no-repeat;
    	width: 16px;
    	height: 16px;
	margin-top: 1px;
}

.dc-time-circle-min {
	background: url('../img/dc-icon-time-circle-min.png') no-repeat;
    	width: 16px;
    	height: 16px;
	margin-top: 1px;
}


.dc-xray-circle-min {
	background: url('../img/dc-icon-xray-circle-min.png') no-repeat;
    	width: 16px;
    	height: 16px;
	margin-top: 1px;
}

.dc-black-root-min {
	background: url('../img/dc-icon-black-root-min.png') no-repeat;
	background-size: contain;
    	width: 30px;
    	height: 60px;
	margin-top: -35px;
}


.bootbox{
	z-index: 2041 !important;
}

.gaugage {
	width:240px;
}
.gaugage h4{
	text-align:center;
}

.gaugage-canvas {
	width:240px;
}
.gaugage-value{
    left: 0; 
    right: 0;
    font-family: 'Amaranth', sans-serif;
    margin: 0 auto;
    display: table;
}

.jaw-up-panel{
	margin:0 auto;
	display:block;
}

.jaw-down-panel{
	margin:0 auto;
	display:block;
}

.left-hand {
    display: block;
    margin: 0 auto;
    --width: 44px;
    height: 150px;
    background: url('../img/hand-l.svg') no-repeat;
    background-size: contain;	
}

.right-hand {
    display: block;
    margin: 0 auto;
    --width: 44px;
    height: 150px;
    background: url('../img/hand-r.svg') no-repeat;
    background-size: contain;	
}


.missingTooth-icon {
    display: block;
    margin: 0 auto;
    width: 28px;
    height: 28px;
    background: url('../img/pano-icon/missingTooth.png') no-repeat;
    background-size: contain;	
}

.molar-up-icon {
    display: block;
    margin: 0 auto;
    margin-top: 6px;
    width: 32px;
    height: 32px;
    background: url('../img/pano-icon/upper/molar.png') no-repeat;
    background-size: contain;	
}
.premolar-up-icon {
    display: block;
    margin: 0 auto;
    width: 32px;
    height: 32px;
    background: url('../img/pano-icon/upper/premolar.png') no-repeat;
    background-size: contain;	
}
.canine-up-icon {
    display: block;
    margin: 0 auto;
    width: 32px;
    height: 32px;
    background: url('../img/pano-icon/upper/canine.png') no-repeat;
    background-size: contain;	
}
.cutter-up-icon {
    display: block;
    margin: 0 auto;
    width: 32px;
    height: 32px;
    background: url('../img/pano-icon/upper/cutter.png') no-repeat;
    background-size: contain;	
}

button.active .cutter-up-icon {
    display: block;
    margin: 0 auto;
    width: 32px;
    height: 32px;
    background: url('../img/pano/upper/cutter.png') no-repeat;
    background-size: contain;	
}

.implant-up-icon {
    display: block;
    margin: 0 25%;
    margin-top: 6px;
    width: 32px;
    height: 32px;
    background: url('../img/pano-icon/upper/implant.png') no-repeat;
    background-size: contain;	
}


.molar-down-icon {
    display: block;
    margin-top: 6px;
    width: 32px;
    height: 32px;
    background: url('../img/pano-icon/lower/molar.png') no-repeat;
    background-size: contain;	
}
.premolar-down-icon {
    display: block;
    margin: 0 auto;
    width: 32px;
    height: 32px;
    background: url('../img/pano-icon/lower/premolar.png') no-repeat;
    background-size: contain;	
}
.canine-down-icon {
    display: block;
    margin: 0 auto;
    width: 32px;
    height: 32px;
    background: url('../img/pano-icon/lower/canine.png') no-repeat;
    background-size: contain;	
}
.cutter-down-icon {
    display: block;
    margin: 0 auto;
    width: 32px;
    height: 32px;
    background: url('../img/pano-icon/lower/cutter.png') no-repeat;
    background-size: contain;	
}

.implant-down-icon {
    display: block;
    margin: 0 25%;
    width: 32px;
    height: 32px;
    background: url('../img/pano-icon/lower/implant.png') no-repeat;
    background-size: contain;	
}


.x-ray-icon {
    display: block;
    margin: 0 auto;
    width: 44px;
    height: 44px;
    background: url('../img/x-ray.svg') no-repeat;
    background-size: contain;	
}
.disabled .x-ray-icon{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}


.dna-icon {
    display: block;
    margin: 0 auto;
    width: 65px;
    height: 65px;
    background: url('../img/dna-icon.png') no-repeat;
    background-size: contain;	
}
.hyg-icon {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    background: url('../img/hyg-icon.png') no-repeat;
    background-size: contain;	
}

.brush-icon {
    display: block;
    width: 100%;
    height: 80%;
    background: url('../img/brush-icon.png') no-repeat;
    background-size: contain;	
}

.floss-icon {
    display: block;
    width: 100%;
    height: 80%;
    background: url('../img/floss-icon.png') no-repeat;
    background-size: contain;	
}



.photo-icon {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background: url('../img/photo-icon.png') no-repeat;
    background-size: contain;	
}

.lock3-icon {
    display: block;
    margin: 0 auto;
    height: 2em;
    width: 2em;
    background: url('../img/lock3.svg') no-repeat;
    background-size: contain !important;	
}

.users-icon-svg {
    display: block;
    margin: 0 auto;
    height: 2em;
    width: 2em;
    background: url('../img/users-icon.svg') no-repeat;
    background-size: contain !important;	
}

.disabled .users-icon-svg{
    --webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: brightness(0.7);
}
/*
#btnGA{
    margin-bottom: 8px;
    margin-top: 8px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 4px;
    padding-right: 4px;
}
*/
/*
.users-icon-svg {
    display: block;
    margin: 0 auto;
    height: 2em;
    width: 2em;
    background: url('../img/users-icon.svg') no-repeat;
    background-size: contain !important;	
}



.btn:not(.active) .up3d-icon {
    display: block;
    margin-top:1px;
    margin-left:-2px;
    height: 40px;
    width: 40px;
    background: url('../img/up3d.svg') no-repeat;
    background-size: contain !important;	
}

.btn.active .up3d-icon {
    display: block;
    margin-top:1px;
    margin-left:-2px;
    height: 40px;
    width: 40px;
    background: url('../img/up3ds.svg') no-repeat;
    background-size: contain !important;	
}

*/
.btn:not(.active) .up3d-icon {
    display: block;
    margin:0 auto;
    --margin-top:4px;
    height: 30px;
    --width: 40px;
    background: url('../img/up3d.svg') no-repeat;
    background-size: contain !important;	
}

.btn.active .up3d-icon {
    display: block;
    margin:0 auto;
    --margin-top:4px;
    height: 30px;
    --width: 40px;
    background: url('../img/up3ds.svg') no-repeat;
    background-size: contain !important;	
}


.btn:not(.active) .down3d-icon {
    display: block;
    margin:0 auto;
    --margin-top:4px;
    height: 30px;
    --width: 40px;
    background: url('../img/down3d.svg') no-repeat;
    background-size: contain !important;	
}

.btn.active .down3d-icon {
    display: block;
    margin:0 auto;
    --margin-top:4px;
    height: 30px;
    --width: 40px;
    background: url('../img/down3ds.svg') no-repeat;
    background-size: contain !important;	
}


.btn:not(.active) .tooth-meas-icon {
    display: block;
    margin-top:-4px;
    margin-left:-2px;
    height: 40px;
    width: 40px;
    background: url('../img/tooth-meas.svg') no-repeat;
    background-size: contain !important;	
}

.btn.active .tooth-meas-icon {
    display: block;
    margin-top:-4px;
    margin-left:-2px;
    height: 40px;
    width: 40px;
    background: url('../img/tooth-meas-s.svg') no-repeat;
    background-size: contain !important;	
}

.btn:not(.active) .gum-meas-icon {
    display: block;
    margin-top:-5px;
    margin-left:-2px;
    height: 40px;
    width: 40px;
    background: url('../img/gum-meas.svg') no-repeat;
    background-size: contain !important;	
}

.btn.active .gum-meas-icon {
    display: block;
    margin-top:-5px;
    margin-left:-2px;
    height: 40px;
    width: 40px;
    background: url('../img/gum-meas-s.svg') no-repeat;
    background-size: contain !important;	
}




.disabled .dna-icon, .disabled .photo-icon,  .disabled .hyg-icon,  .disabled .lock3-icon,  .disabled .up3d-icon,  .disabled .down3d-icon{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

li.active .x-ray-icon, button.active .x-ray-icon{
    background: url('../img/x-ray-white.svg') no-repeat;
    background-size: contain;	
}

li.active .hyg-icon, button.active .hyg-icon{
    background: url('../img/hyg-icon-white.png') no-repeat;
    background-size: contain;	
}

li.active .dna-icon, button.active .dna-icon{
    background: url('../img/dna-icon-white.png') no-repeat;
    background-size: contain;	
}


.standart-icon{
	width:30px;
	height:30px;
}



.fixed-table-container thead th .th-inner {
    white-space: normal;
}

.menu-to-top{
    position: fixed; /* фиксированная позиция */ 
/*
    width:120px;
    height:60px;
*/
    top: 0px; /* отступ сверху */ 
    z-index: 100; /* высокий стек */ 
    /* отступ слева left: 1%;
       или 
       отступ справа right: 1%; */
    margin-left:4px; /* внешний отступ */
    animation: blinker 3s linear infinite;
}

.flex-navigator {
    z-index: 100; /* высокий стек */ 
    display: flex;
    margin: 0 auto !important;
    animation: blinker 3s linear infinite;
}

.meas-to-top {
    z-index: 100; /* высокий стек */ 
    display: flex;
    margin: 0 auto !important;
    animation: blinker 3s linear infinite;
}
.meas-to-down {
    z-index: 100; /* высокий стек */ 
    display: flex;
    margin: 0 auto !important;
    animation: blinker 3s linear infinite;
}



@keyframes blinker {  
  50% { opacity: 0; }
}

.menu-to-down {
    position: fixed; /* фиксированная позиция */ 
    bottom: 3%; /* отступ снизу */ 
/*    width:120px;      */
    z-index: 100; /* высокий стек */ 
    /* отступ слева left: 1%;
       или 
       отступ справа right: 1%; */
    margin-left:4px; /* внешний отступ */
    animation: blinker 3s linear infinite;
}

.menu-to-top:hover, .menu-to-down:hover,.a2d-to-top:hover,.a2d-to-down:hover,.meas-to-top:hover,.meas-to-down:hover{
  animation: none;
  cursor:pointer;
}

.css3dfiles a[download] {
	display:table;
	margin: 0 auto;
}

.disabled canvas, .disabled object{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.bottom-aligned{
	vertical-align:bottom; /* вот она */
	display:inline-block;
	float: none !important;
}
.info-header{
	display:table; 
	margin: 0 auto; 
	text-align: center;
}
.line-1w{
	min-height: 22.4px;
	max-height: 22.4px;
	width:100%;
}
.line-2w{
	min-height: 44.8px;
	max-height: 44.8px;
	width:100%;
}

.line-3w{
	min-height: 67.2px;
	max-height: 67.2px;
	width:100%;
}


.line-1{
	min-height: 22.4px;
	max-height: 22.4px;
}
.line-2{
	min-height: 44.8px;
	max-height: 44.8px;
}

.line-3{
	min-height: 67.2px;
	max-height: 67.2px;
}


.info-text{
    margin: 0 auto;
    display: table;
    font-size: 14px;
}

#hselector option:nth-child(1) {
	background-color:rgb(132,225,100);
}
#hselector option:nth-child(2) {
	background-color:rgb(250,202,58);
}
#hselector option:nth-child(3) {
	background-color:rgb(241,84,66);
}
#hselector option:nth-child(4) {
	background-color:rgb(197,76,58);
}

.info-popover, .info-popover:hover, .info-popover:visited{
	color:blue;
	float:right;
	margin-top:-4px;
	margin-left:6px;
	font-size:1.4em;
	cursor:pointer;
}

body > .popover *{
	font-size:1.2em;
}

a[data-toggle="collapse"]:not([aria-expanded="true"]):before{
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 1.2em;
        text-rendering: auto;
	color:#15827c;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
//	content:"\f054";
  	content: "\f0da";
}
a[data-toggle="collapse"]:before{
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 1.2em;
        text-rendering: auto;
	color:#15827c;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
//	content:"\f078";
	content: "\f0d7";
}

#frmInfoAdv .popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

#frmInfoAdvVideo .popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}


#chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: white;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.chartjs-tooltip-key {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
}

.hygiene-btn:active, .hygiene-btn.active{
    background:white !important;
    border-radius: 5px !important;
	
}

.hygiene-btn.active:focus, .hygiene-btn:focus,.hygiene-btn.active:hover, .hygiene-btn:hover{
    background:white !important;
	
}

.alarm-clock {
	width:108px;
	cursor: pointer;
    	margin: auto;
    	display: block;
}

.green-to-red{
    -webkit-filter: hue-rotate(-154deg); /* Safari 6.0 - 9.0 */
    filter: hue-rotate(-154deg);
}

.header-menu, .header-menu .btn,.header-menu a, .header-menu .btn.active, .header-menu .btn.active:hover, .header-menu .btn:hover, .header-menu .btn:active{
    background: #15827c !important;
    color:white;
}
.header-menu .btn.active *, .header-menu .btn:active *, .header-menu .btn:focus *{
    animation: blinker 3s linear infinite;
}

.header-menu .btn, .header-menu span:not(.editable-container), .header-menu .btn:hover{
    color:white !important;
    border-left:white 2px solid !important;
    border-top:none;
    border-bottom:none;
    border-right:none;
    border-radius:0px;
}

.header-menu .btn.disabled{
    opacity:1;
}


.header-menu .btn:hover *{
    animation:none !important;
}

/*
@keyframes blinker {  
  50% { opacity: 0; }
}
*/

.navbar-header button{
	margin-top:8px;
	margin-bottom:8px; 
}
.bordered{
    margin-top:4px;
    border:#15827c 1px solid !important;
    border-radius:40px;
    padding:4px 12px 4px 12px;
}


.bordered-toolbar{
    border:#9f9f9f 1px solid !important;
    border-radius:40px;
    padding:4px 12px 4px 12px;
    display: inline-block;
}
.non-bordered-toolbar{
    border:#9f9f9f 0px solid !important;
    border-radius:40px;
    padding:5px 12px 5px 12px;
    display: inline-block;
}

.visit-info{
    margin-bottom:4px;
}
.visit-info .dc-rec-button{
    margin-bottom:20px !important;
}

.visit-info .btn, .visit-info:hover{
    background-color:transparent !important;
}
.visit-info .btn.confirm-visit-comment{
    background-color:#15827c !important;
}


.visit-info .wysiwyg_toolbar{

    background: #f8f8f8;
/*
    border-color: #e4e4e4;
    border-radius:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-top-width:0px;
    border-bottom-width:0px;
*/
    border-style:none;
    margin-left: 4px;
    margin-right: 1px;
	
}
.visit-info .wysiwyg_toolbar blockquote{
	border-style:none !important;
}

/*.visit-info > .row .row.info-area{*/

.visit-info > .row > .col-lg-3, .visit-info > .row > .col-lg-2{
    border-left-width: 2px;
    border-left-color: #e4e4e4;
    border-left-style: solid;
    --margin-top: 4px;
    --margin-bottom: 4px;
    --margin-right: 1px;
}
.visit-info  .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.visit-info >*, .visit-info .comment-player{
    background: #f8f8f8;
}

.visit-info .btn:not([data-visitid]), .visit-info .btn:hover:not([data-visitid]),  .visit-info .btn:active, .visit-info .playa input[type=range], .visit-info .playa input[type=range]:active, .visit-info .playa input[type=range]:focus, .visit-info .playa div.btn.btn-default:active{
    background: #f8f8f8 !important;
}

.visit-info .btn:not(.dc-rec-button), .visit-info .btn:hover:not(.dc-rec-button){
    border-width: 0px;
}

.visit-info .fixed-table-container{
    background: #f8f8f8;
    border-width:0px;
}
.visit-info .bootstrap-table  li a, .visit-info .bootstrap-table  li.active a{
    background: #f8f8f8;
}

.visit-info .bootstrap-table  tbody *{
    border-width: 0px;
}


.arSelector .editable-input{
    margin-top: 8px;
    padding-top: 6px;
}

.bootstrap-table input.form-control{
	height:100%;
}

/*
#info- button{
	color:#0000ff !important;
}
*/

.fixed-table-container thead {
	color: white;
}

// bootstrap patches
.modal {
    overflow: hidden;
    position:absolute !important; 
}

.modal-body {
    overflow: auto;
}

.row-flex {
    display: flex;
    flex-flow: row wrap;
}

#tab-pat-files a{
  cursor: pointer;
}

.vertical-body-100 .editable-container.editable-inline{
	margin-top:0px !important;
	padding-top:0px !important;
}


.dashed-info tr{
	margin-top:8px;
}

.center-text{
	text-align: center
}

.gum-inflammation{
	display:block;
	background: url('../img/meas_info1.png') center no-repeat;
	background-size: contain; 
	background-position: center center;  
	height: 0;
    	padding-top: 20%;
}
.sub-gingival-tartar{
	display:block;
	background: url('../img/meas_info2.png') center no-repeat;
	background-size: contain; 
	background-position: center center;  
	height: 0;
    	padding-top: 20%;
}
.shallow-pockets{
	display:block;
	background: url('../img/meas_info3.png') center no-repeat;
	background-size: contain; 
	background-position: center center;  
	height: 0;
    	padding-top: 20%;
}
.deep-pockets{
	display:block;
	background: url('../img/meas_info4.png') center no-repeat;
	background-size: contain; 
	background-position: center center;  
	height: 0;
    	padding-top: 20%;
}