/* CSS Document */
input[type="text"],select{-webkit-appearance:none;}
/************fonts***************/
@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto.eot'); src: url('../fonts/Roboto.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto.woff2') format('woff2'), url('../fonts/Roboto.woff') format('woff'), url('../fonts/Roboto.svg#Roboto') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044;}
@font-face { font-family: 'Roboto Black'; src: url('../fonts/Roboto Black.eot'); src: url('../fonts/Roboto Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto Black.woff2') format('woff2'), url('../fonts/Roboto Black.woff') format('woff'), url('../fonts/Roboto Black.svg#Roboto Black') format('svg'); font-weight: 900; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044;}
@font-face { font-family: 'Roboto Light'; src: url('../fonts/Roboto Light.eot'); src: url('../fonts/Roboto Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto Light.woff2') format('woff2'), url('../fonts/Roboto Light.woff') format('woff'), url('../fonts/Roboto Light.svg#Roboto Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044;}
@font-face { font-family: 'Roboto Medium'; src: url('../fonts/Roboto Medium.eot'); src: url('../fonts/Roboto Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto Medium.woff2') format('woff2'), url('../fonts/Roboto Medium.woff') format('woff'), url('../fonts/Roboto Medium.svg#Roboto Medium') format('svg'); font-weight: 500; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044;}
/************fonts***************/
/****************rating star*****************/
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v7/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/materialicons/v7/2fcrYFNaTjcS6g4U3t-Y5RV6cRhDpPC5P4GCEJpqGoc.woff) format('woff'); }
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; }
i { cursor : pointer; }
.main-navbar { background-color: #680F0F; }
.grouped { border: 2px solid #ED9720; border-radius: 5px; margin-bottom: 15px; }
/****************rating star*****************/
body { font-family: 'Roboto' }
section.compare { transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; -webkit-transition: all 0.7s; transform-origin: bottom center; -moz-transform-origin: bottom center; -ms-transform-origin: bottom center; -o-transform-origin: bottom center; -webkit-transform-origin: bottom center; transform: rotateX(150deg); -moz-transform: rotateX(150deg); -ms-transform: rotateX(150deg); -o-transform: rotateX(150deg); -webkit-transform: rotateX(150deg); }
.blue-btn { background-color: #680F0F !important; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #680F0F !important;}
#main_holder_ { -webkit-perspective: 501px; -moz-perspective: 501px; -o-perspective: 501px; -ms-perspective: 501px; perspective: 501px; }
section.compare.open { transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; -webkit-transition: all 0.7s; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); }
.info-t { background-color: #ED9720; margin: 0px !important; color: #fff!important; padding: 9px!important; }
.input-group-addon { border-radius: 0px; }
.m-t-10 { margin-top: 10px !important; }
.p-t8 { padding-top: 8px; }
.p-t-20 { padding-top: 20px; }
.p-r-0 { padding-right: 0px; }
.p-l-0 { padding-left: 0px; }
label { color: #5b5a5a !important }
.place{ color:#ddd;}
.relative{ position:relative;}
.report-row .watermark_image.right{ right:0; left:auto; }
.report-row .watermark_image.top{ -webkit-transform: rotate(270deg) translate(-100%,-50%);
	transform: rotate(270deg) translate(-100%,-50%); -webkit-transform-origin: top left;
	transform-origin: top left; color: black; bottom: auto; top: 42px; left: 50%;}



.report-row .watermark_image.center{ -webkit-transform: rotate(270deg) translate(-100%,-50%);
	transform: rotate(270deg) translate(-100%,-50%); -webkit-transform-origin: top left;
	transform-origin: top left; color: black; bottom: auto; top: 25%; left: 50%;}

	.report-row .watermark_image.low_center{ -webkit-transform: rotate(270deg) translate(-100%,-50%);
	transform: rotate(270deg) translate(-100%,-50%); -webkit-transform-origin: top left;
	transform-origin: top left; color: black; bottom: auto; top: 50%; left: 50%;}




.report-row .watermark_image.top_left{ -webkit-transform: rotate(270deg) translate(-100%,0%);
	transform: rotate(270deg) translate(-100%,0%); -webkit-transform-origin: top left;
	transform-origin: top left; color: black; bottom: auto; top: 42px; left: 0;}
.report-row .watermark_image.top_right{ -webkit-transform: rotate(270deg) translate(0%,-100%);
	transform: rotate(270deg) translate(0%,-100%); -webkit-transform-origin: top right;
	transform-origin: top right; color: black; bottom: auto; top: 42px; left: auto; right: 0;}
.report-row .watermark_image.bottom{
	-webkit-transform: rotate(270deg) translate(50%,50%); transform: rotate(270deg) translate(50%,50%); -webkit-transform-origin: bottom center; transform-origin: bottom center; color: black; bottom: 38px; top: auto;
	left:50%;}
.report-row .watermark_image.bottom_left{
	-webkit-transform: rotate(270deg) translate(0%,100%); transform: rotate(270deg) translate(0%,100%); -webkit-transform-origin: bottom left; transform-origin: bottom left; color: black; bottom: 38px; top: auto;
	left:0;}
.report-row .watermark_image.bottom_right{
	-webkit-transform: rotate(-90deg) translate(100%,0%); transform: rotate(-90deg) translate(100%,0%); -webkit-transform-origin: bottom right; transform-origin: bottom right; color: black; bottom: 38px; top: auto; left:auto; right: 0;}
.color-span { position: absolute; width: 25px; height: 29px; right: 0; top: 0;}
.extraspace.open{ height:150px;}
.text-center { text-align: center; }
.p-l-0 { padding-left: 0 }
.p-r-0 { padding-right: 0 }
.rob_med { font-family: Roboto Medium; }
.main-navbar { margin-bottom: 0; }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a { background-image: none;     /* background-image: -webkit-gradient(linear,left top,left bottom,from(#080808),to(#0f0f0f)); */     /* background-image: linear-gradient(to bottom,#080808 0,#0f0f0f 100%); */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0); background-repeat: repeat-x; -webkit-box-shadow: none; box-shadow: none; }
.main-navbar { background-color: #680F0F; border-radius: 0; border: 0; }
.main-navbar .navbar-brand { color: #fff; }
.main-navbar .navbar-nav>li.active>a, .main-navbar .navbar-nav>a, .main-navbar .navbar-nav>.active>a:focus, .main-navbar .navbar-nav>.active>a:hover { color: #fff; background-color: #ED9720 !important; padding: 20px 30px; }
.main-navbar .navbar-nav>li>a:focus, .main-navbar .navbar-nav>li>a:hover { color: #fff; background-color: transparent; }
.main-navbar .navbar-nav>li>a { color: #fff; }
.main-navbart .navbar-brand:focus, .main-navbar .navbar-brand:hover { color: #fff; background-color: transparent; }
img.admin { width: 20px; margin-top: 2px; }
a.navbar-brand.admin-text { padding: 20px 40px 10px 10px; }
.form-control:focus { border-color: #ED9720; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.box_close img { width: 12px !important; height: 12px !important; }
.secndry_btn:hover { background-color: #3d5571 !important; }
.main-navbar .navbar-nav>li>a { padding: 20px 30px; font-size: 17px; }
/* CodePen demo */
.big { font-size: 1.2em; }
.square { width: .7em; height: .7em; margin: .5em; display: inline-block; }
/* Custom dropdown */
.custom-dropdown { position: relative; display: inline-block; vertical-align: middle; width: 100%; border: 1px solid #ddd; /* demo only */ }
.custom-dropdown select { background-color: #fff; color: #767676; font-size: 14px; padding: .65em; padding-right: 2.5em; border: 0; margin: 0; border-radius: 3px; text-indent: 0.01px; text-overflow: ''; -webkit-appearance: button; width: 100%; /* hide default arrow in chrome OSX */ }
.custom-dropdown::before, .custom-dropdown::after { content: ""; position: absolute; pointer-events: none; }
.custom-dropdown::after { /*  Custom dropdown arrow */ content: "\25BC"; height: 1em; font-size: .625em; line-height: 1; right: 15px; top: 52%; margin-top: -.5em; }
.custom-dropdown::before { /*  Custom dropdown arrow cover */ width: 40px; right: 0; top: 0; bottom: 0; }
.custom-dropdown select[disabled] { color: rgba(0,0,0,.3); }
.custom-dropdown select[disabled]::after { color: rgba(0,0,0,.1); }
.custom-dropdown::before { background-color: #ED9720 }
.custom-dropdown::after { color: #fff; }
.template-sidebar { padding: 0px 0; }
.form-control { height: 40px; font-size: 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; color: #767676 }
.template-sidebar .img_upload .form-control { pointer-events: none; }
label { font-size: 13px; color: #767676; letter-spacing: 0.5px; }
h3 { color: #5a5a5a; }
.secndry_btn { background-color: #34495e !important; border-radius: 0; border: 0; padding: 10px 40px; margin-top: 10px; color: #fff; }
.search_bottom_updt .secndry_btn { margin-top: 0; }
input#btnSave { position: absolute; left: 20px; top: 10px; z-index: 11; }
.prim-btn { background-color: #ED9720 !important; border-radius: 0; border: 0; padding: 10px 40px; margin: 10px 0 20px; transition: all .15s linear; color: #fff }
.select_btn, .unselect_btn, .view_cmpr, .display_all { padding: 10px 20px }
.prim-btn:hover { background-color: #ED9720!important; }
.btn-success { color: #fff; background-color: #ED9720!important; border-color: #ED9720!important; }
.img_upl, .export_dir { position: relative }
.export_dir .browse { padding: 10px 40px; }
.browse { position: absolute; right: 0; top: 0; background-color: #ED9720; color: #fff; padding: 10px 40px; }
.img_file { width: 100%; position: absolute; top: 0; height: 100%; opacity: 0; right: 0; cursor: pointer; }
.main-table { width: 100%; }
/*.main-table-row { display: table-row; }
.main-table-cell { display: table-cell; }*/
.green { background-color: #ED9720; color: #fff }
.main-table-cell { text-align: center; padding: 10px 20px; font-size: 16px; }
.pose_img { width: auto; height: auto; max-width: 100px; max-height: 100px; }
.watermrk_copyrgt .pose_img { width: 100%; height: 100%; }
.main-table-cell.data-row:nth-child(1) { border-left: 1px solid #ddd; }
.template-table { padding: 20px 50px 0 0; color: #5b5a5a; }
.watermrk_copyrgt { color: #5b5a5a; font-size: 14px; border: 3px dotted #ddd; height: 60px }
.main-table-cell.data-row { padding: 10px 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.main-table-row.odd { background-color: #fafafa; }
.main-table-row.even { background-color: #e4eef7; }
.save_btn { margin-top: 30px; }
.watermark_form .save_btn, .camera_form_div .save_btn { margin-top: 10px; }
.tbl-del { margin-top: 0 }
button.btn.btn-primary.pull-left.prim-btn.create_new { margin-bottom: 25px; }
.prfl_name { font-size: 16px; padding: 20px 0 15px; color: #767676; }
.camera_form_div { padding: 0px 65px 0 65px; }
.watermark_div { padding: 0 0; }
.box-shadw { box-shadow: 0px 0px 4px #ddd; margin: 22px 0 0; }
.watermark_head_title { padding: 0px 0 15px; }
.watermark_center { float: none; padding: 0px 0 0 0; }
.sort_by label, .lst_name, .sess_date { display: inline-block }
.lst_name, .sess_date { padding: 10px 20px; cursor: pointer; }
.sort_by img { width: 16px; cursor: pointer; }
.sort_by span {/* padding-right: 30px; */ font-family: Roboto Medium; }
/*.sort_by label { margin-right: 20px; }*/
/*.srch_right { padding: 0 38px; }*/
.srch_right.zoom_right { padding: 0 40px; }
.sess_date.secndry_btn { margin-left: 20px; }
.img_size label { margin-top: 20px; }
.image-resizer { display: inline-block; width: 25%; margin: 24px 0 0 20px; }
.text-resizer .image-resizer { display: inline-block; width: 100%; margin: 14px 0 0 0; }
.seacrh_bottom_two { background-color: #680F0F; margin-top: 6px; padding: 15px 15px 0; }
.seacrh_bottom_one { background-color: #680F0F; margin-top: 20px; padding: 0px 15px 0; }
.exprt_browse { background-color: #ED9720; color: #fff; padding: 10px 40px; }
/**************slider*************/
*, :after, :before { box-sizing: border-box }
.rangeslider, .rangeslider__fill { display: block; }
.rangeslider { position: relative; }
.rangeslider:after { top: 50%; left: 0; right: 0; content: ''; width: 100%; height: 6px; margin-top: -2.5px; position: absolute; background: #dcdcdc; }
.rangeslider--horizontal { width: 100%; height: 28px; }
.rangeslider--vertical { width: 5px; min-height: 150px; max-height: 100%; }
.rangeslider--disabled {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }
.rangeslider__fill { position: absolute; background: #aade92; }
.rangeslider--horizontal .rangeslider__fill { top: 0; height: 100%; }
.rangeslider--vertical .rangeslider__fill { bottom: 0; width: 100%; }
.rangeslider__handle { top: 52%; width: 18px; height: 18px; cursor: pointer; margin-top: -10px; background: white; position: absolute; background: #7ccf56; border-radius: 50%; display: inline-block; }
.rangeslider__fill, .rangeslider__handle { z-index: 1; }
.rangeslider--horizontal .rangeslider__fill { top: 50%; height: 6px; margin-top: -2.5px; }
/* Budget */
.budget-wrap { padding: 40px; background: #292942; box-shadow: 0 25px 55px 0 rgba(0,0,0,.21), 0 16px 28px 0 rgba(0,0,0,.22); }
.budget-wrap .header .title { color: #fff; font-size: 18px; margin-bottom: 30px; }
.budget-wrap .header .title .pull-right { color: #ff5a84; font-size: 24px; font-weight: 400; }
.budget-wrap .footer { margin-top: 30px; }
.budget-wrap .footer .btn { color: inherit; padding: 12px 24px; border-radius: 50px; display: inline-block; text-decoration: none; }
.budget-wrap .footer .btn.btn-def { color: #525263; }
.budget-wrap .footer .btn.btn-pri { color: #eee; background: #ff5a84; }
.search_hr_top { margin: 20px 38px; border-top: 1px solid #eee; }
.search_hr_bottom { margin: 12px 30px 4px; border-top: 1px solid #f5f5f5; }
span.patient_name, span.patient_date { font-family: Roboto Medium; color: #fff; font-size: 15px; margin: 0 8px; }
.search_right_middle { padding: 0px 0px 0px 0px; }
.sess_text, .tmplt_text { display: inline-block; font-family: Roboto Medium; color: #fff; padding: 7px 13px 5px; vertical-align: middle; }
.patient_images { box-shadow: 1px 1px 5px #fbf0f0; margin-bottom: 15px; }
.patient_images img { max-width: 100%; max-height: 100%; height: 'auto'; width: auto; }
span.info_title { font-family: Roboto Medium; color: #767676; font-size: 16px; margin: 10px 0 10px; display: block; }
.patient_images_text { font-family: Roboto Medium; color: #767676; font-size: 12px; padding: 8px 10px; }
.search_table table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; }
.search_table td:first-child { min-width: 60px; }
tr.table_head { background-color: #ED9720; color: #fff; }
.search_table { height: calc(100% - 110px); overflow-x: hidden; overflow-y: auto; }
form.patient_list_form { height: 100%; }
tr.table_head th { border: 1px solid transparent; width: 22px; /*padding: 16px 0;*/ }
.search_table tr.table_head th { border: 0px solid transparent; }
.search_table td, .search_table th { border: 1px solid #dddddd; text-align: center; padding: 8px; }
.search_table tr:nth-child(even) { background-color: #ececec; }
span.table_text { margin: 20px 0 10px; display: block; padding: 0 40px; }

.seacrh_bottom_two .secndry_btn, .seacrh_bottom_two .prim-btn { margin-top: 0px; }
.seacrh_bottom_two .del_btn, .seacrh_bottom_two .exprt-btn { width: 100%; }
.seacrh_bottom_one .updt_btn { margin: 0px; }
.seacrh_bottom_one label { margin-top: 12px; float: left; color: #fff !important; }
.check { width: 60px; height: 60px; position: absolute; bottom: 50px; right: 0; /*margin: auto; */ }
.drag_image .check { width: 60px; height: 60px; position: absolute; bottom: 44px; right: 0; margin: auto; }
.check input { display: none; }
.check input:checked + .box { background-color: #fff; }
.check input:checked + .box:after { top: 0; }
.check .box { width: 30%; height: 30%; transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1); border: 2px solid transparent; background-color: white; position: relative; overflow: hidden; cursor: pointer; }
.check .box:after { width: 70%; height: 40%; content: ''; position: absolute; border-left: 0.5px solid; border-bottom: 0.5px solid; border-color: #000; transform: rotate(-45deg) translate3d(0, 0, 0); transform-origin: center center; transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1); left: 0; right: 0; top: 200%; bottom: 5%; margin: auto; }
.search_bottom { padding: 0 30px; }
.main-table tbody { display: table; width: 100%; }
.seacrh_bottom_one .rating { margin-top: 10px; }
.no_result { font-size: 30px; color: #ddd; top: 30%; left: 50%; text-align: center; }
.right_content { position: relative; }
.no_result { display: none; padding: 250px 0; }
.rating, .rating1 { color: #fff; }
.session_info span.info_title, .rating_info span.info_title { margin: 10px 0 9px; }
.rating i.material-icons, .rating1 i.material-icons { margin-right: 8px; }
.rating_info { padding: 0 0 10px; }
/*.template-sidebar.search_iamge_sidebar { padding: 0 20px; }*/
.template-sidebar.search_iamge_sidebar h3 { padding: 0 0 0 15px; color:#fff;}
.patient_info .info_title, .session_info .info_title { padding: 0 0 0 14px; }
.rating_info .info_title { padding: 0 0 0 4px; }
.template-sidebar.search_iamge_sidebar hr { margin-top: 20px; margin-bottom: 20px; }
.patient_box_title, .date_name { padding: 0 6px; font-size: 16px; background: #680F0F; color: #fff !important; }
.date_name { background-color: #ED9720; padding: 9px; }
.compare_btn { width: 180px; margin: 9px 0 6px; }
.compare_text { font-family: Roboto; color: #5b5a5a; /* text-align: center; */ font-size: 15px; }
.template-sidebar.compare_sidebar { text-align: center; padding-bottom: 80px; }
/*.patient_box { margin-bottom: 30px;}*/
.patient_box { border: 1px solid #ddd; padding: 2px 0px; border-radius: 3px; margin-top: 9px; margin-left: 9px; margin-right: 10px; margin-bottom: 18px; }
.search_right_middle .patient_box { padding: 0px 0px; }
.image_box { height: 240px; }
.drag_image .image_box {  height: 170px; width: 100%; text-align: center; line-height: 170px; background-color: #eee;
 }
.search_right_middle .image_box { height: 200px; width: auto; line-height: 200px; text-align: center; background-color: #eee;}
.image_resize_div { display: inline; }
.zoom_in { float: left; margin: 5px 20px; }
.zoom_resizer { float: left; }
.zoom_out { float: left; margin: 5px 20px; }
.zoom_in_out { margin-top: 20px; }
.compare_image img { width: 100%; height: 100% }
.zoom_resizer { margin: 0; }
.image_strip { position: absolute; font-size: 11px; background-color: black; color: #fff; text-align: center; padding: 10px 9px; font-family: Roboto Medium; top: 0; width: 100%; font-size: 12px; opacity: 1; }
.report_main .image_strip{padding: 4px 9px}
.report_content .image_strip { position: relative; }
.compare_image .image_strip { position: absolute; font-size: 11px; background-color: #34495e; color: #fff; text-align: center; padding: 10px 9px; font-family: Roboto Medium; top: 0; width: 100%; font-size: 12px; opacity: .9; /*top: 10px; right: -10px; */ }
.image_strip1 { background-color: #34495e; color: #fff; text-align: center; padding: 10px 9px; font-family: Roboto Medium; width: 100%;/* border: 1px solid #fff;*/ font-size: 12px;/* right: 0; */ opacity: .9; }
.box_close { position: absolute; z-index: 111; width: 32px; height: 34px; right: 0px; top: -6px; /*background-color: #fff;*/ text-align: center; line-height: 50px; font-size: 22px; display: none; color: #fff; cursor: pointer; }
.compare_image_box { position: relative; margin-left: 0px; }
.compare_image_drop img { border: 1px dashed #ddd; }
.num_txt { border: 0; border-radius: 0; background-color: #ED9720 !important; outline: none; margin-bottom: 5px; }
.btn-primary:focus { outline: none; }
.image_tab { margin: 32px 0 7px 0; }
.compare_image { /*width: 371.61px; height: auto; height: 480px;*/ overflow: hidden; }
.print_foot { padding: 20px 20px 0px; box-shadow: 0px 0px 4px #808080; }
.drag_image_box { padding: 20px 30px 0px; box-shadow: 0px 0px 4px #808080;}
.print_foot_main { background-color: #f9f9f9; border: 1px solid #ddd; padding: 14px 38px 5px 0px; }
.hide_btn { margin-bottom: 20px; background-color: #ED9720 !important; color: #fff; padding: 10px 40px; cursor: pointer; position: fixed; right: 20px; bottom: 20px; box-shadow: 0 0 5px rgba(50,50,50,0.6); z-index:11111; font-size: 2.5vh; }
.hide_btn1 { margin: 0px 17px 11px 0px; float: right; background-color: #ED9720 !important; color: #fff; padding: 10px 40px; cursor: pointer; }
.drag_images .patient_images { margin-bottom: 10px; }
.draggable { filter: alpha(opacity=60); opacity: 0.6; }
.dropped { position: static !important; }
.compare_sidebar { border-right: 1px solid #eee; }

.indicator .close {
padding: 0 3px 0 4px;
position: absolute;
bottom: 1px;
right:2px;
border:2px solid #000;
font-size: 15px;
color:#000;
font-size: 15px;

}
/* .right_content { padding-top: 20px; } */
#Imagedata .right_content { padding-top: 0; }
.report_image_main { padding-left: 0px !important; padding-right: 0px !important; float:none;display:inline-block; }
.report_main {
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    position: relative;
}
.report_main .row { font-size: 0; }
.report_content { border: 1px dashed #ddd; margin: 50px 0 6px; }
.print { float: right; }
.print_btn { margin: 20px 0 0; }
.logo img { width: 160px;height:40px; }
.report_title { 
	font-family: Roboto Medium;
	margin-top: 10px; 
	color: #767676; 
	text-align: center; 
	margin-bottom: 10px; 
	margin: 0 auto; 
	padding: 10px 0;
	
	width: 100%;
    max-width: 100%;
    margin: 0px auto;
    z-index: 10;
    left: 0px;
    right: 0px;
    position: absolute;
    padding: 10px 0px;
	background: rgba(0, 0, 0, 0.5);
    color: rgb(255, 255, 255);
}
.logo { PADDING: 13px 0 15px 0; }
span.pat_name, span.my_title { display: block; font-size: 18px; }
.main_search_table { font-size: 12px; padding: 15px 0 0; }
.overlay_slider { width: 180px; margin: 0 auto; }
.main_content { overflow: hidden; }
.condition_drp, .proced_drp { width: 285px; margin-right: 10px; display: inline-block; }
.rate { margin-right: 10px; display: inline-block; }
.export_input { margin-right: 22px; width: 590px; display: inline-block; }
.exprt1_browse .exprt_browse { padding: 10px 60px; ; }
.expr_directry .exprt-btn.prim-btn { padding: 10px 40px; ; margin-right: 20px; }
.search_bottom { padding: 10px 60px 10px 34px; }
.exprt1_browse { margin-right: 20px; display: inline-block; }
.exprt_btn { float: left; margin-right: 20px; }
.exprt_del_btn .del_btn { padding: 10px 40px; }
.exprt_del_btn { float: right; display: inline-block; }
button.btn.btn-primary.exprt-btn.prim-btn { margin-bottom: 0; }
.search_bottom_updt { float: right; margin-top: 32px; display: inline-block; }
.view_cmpr.prim-btn { margin-bottom: 14px }
.search_bottom_updt .del_btn { margin-top: 0; }
.search_bottom_updt .updt_btn { padding: 10px 37px; }
.template-sidebar h3 { padding-left: 13px; }
.custom-container { width: 1190px; }
.report_content .image_strip1 { left: 20%; }
/* .template-sidebar.search_iamge_sidebar { padding-bottom: 50px; } */
.overlay_resizer { width: 180px; margin: 0 auto; }
.overlay_resizer .image-resizer { width: 100%; margin: 0px 0 0 0px; }
.overlay_resizer { margin-top: 20px; }
.search_image { width: 170px; float: left; padding: 10px; transition: all .30s linear; }
.compare_image_main { float: left; padding: 10px 10px 40px 10px; transition: all .30s linear; position: relative; }
.sort_by .last_name, .sort_by .session_date { display: inline-block; width: 200px; margin: 0 10px; }
.sort_by .last_name { margin: 0 10px 0 0; }
.sort_by { padding-top: 10px; }
.sort_by label { margin-right: 10px; vertical-align: middle; }
.image-resizer .ui-widget-content, .overlay_slider .ui-widget-content { border: 0px solid #dddddd; background: #efefef; }
.image-resizer .ui-widget.ui-widget-content, .overlay_slider .ui-widget.ui-widget-content { border: 0px solid #c5c5c5; }
.image-resizer .ui-slider-horizontal, .overlay_slider .ui-slider-horizontal { height: 0.6em; }
.overlay_slider .ui-state-default, .overlay_slider .ui-widget-content .ui-state-default, .overlay_slider .ui-widget-header .ui-state-default, .overlay_slider .ui-button, html .overlay_slider .ui-button.ui-state-disabled:hover, html .overlay_slider .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #ED9720; font-weight: normal; color: #454545; border-radius: 50%; outline: none; }
.image-resizer .ui-state-default, .image-resizer .ui-widget-content .ui-state-default, .image-resizer .ui-widget-header .ui-state-default, .image-resizer .ui-button, html .image-resizer .ui-button.ui-state-disabled:hover, html .image-resizer .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #ED9720; font-weight: normal; color: #454545; border-radius: 50%; outline: none; }
.num_txt.active { background-color: #fff !important; color: #ED9720 !important; }
.compare_image img { opacity: .7; }
.compare_image_main.active img { opacity: 1; }
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { outline: none; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 0px auto -webkit-focus-ring-color; ; }
/*.image_no { overflow-x: auto;
	    white-space: nowrap;}*/
select:focus { outline: none; }
/*.compare_box { width: 1330px; overflow-x: scroll; }*/
.report_image img { width: 100%; }
.imgae_no_tab { width: 138px; display: block; margin: 0 auto; }
textarea.form-control { resize: none; }
.compare_box { overflow-y: hidden; overflow-x: auto; /* margin-bottom: 20px; */ }
.bg_custom { margin-bottom: 16px; box-shadow: 0px 0px 4px #808080; }
.search_iamge_sidebar .bg_custom { padding-bottom: 0; box-shadow: 0px 0px 4px #808080; margin-bottom: 0; }
.display_all { width: 100%; }
.drag_image_box .image_box { position: relative; display: inline-block; }
.dvSource { display: inline-block; width: 130px; margin-right: 6px; }
.report_image { position: relative; }
.report-row .watermark_image { position: absolute; top: 50%; left: 0; transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%); opacity: .8; z-index:1; height: calc(100% - 83px); width: auto;}
.report-row { display: inline-block; position: relative; font-size:0; vertical-align: top;}
.category .without-bg { background: none !important; border: 2px dashed #bbb; }
.category { background-image: url(../img/tmp/tmp-12.jpg); border-radius: 3px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0 0 20px; height: 200px; overflow: hidden; position: relative; text-align: center; }
.without-bg a { background: none !important; }
.without-bg { background: none !important; border: 1px solid #ddd; }
.category a { background-color: rgba(0, 0, 0, 0.35); border-radius: 3px; bottom: 0; left: 0; right: 0; top: 0; transition: background-color .15s linear; }
.uploader-img .category-content { height: 100%; width: 100%; display: block; left: 50%; position: absolute; top: 35%; }
.pose-img-upload { height: 200px; border: 1px solid #ddd; cursor: pointer; }
.category-content { -webkit-transform: translatex(-50%) translatey(-35%); -moz-transform: translatex(-50%) translatey(-35%); -ms-transform: translatex(-50%) translatey(-35%); -o-transform: translatex(-50%) translatey(-35%); transform: translatex(-50%) translatey(-35%); }
.uploader-img .category-title { top: 50px; text-align: center; }
.category-title { font-family: Roboto; overflow: hidden; position: relative; text-overflow: ellipsis; /* top: 70px; */ white-space: nowrap; width: 100%; }
input[type="file"] { position: absolute; height: 100% !important; width: 100% !important; opacity: 0; top: 0; }
input[type=file] { display: block; }
.category-title { color: #ddd; display: block; font-size: 1.6em;/* font-weight: bold; */ }
.upload-img { height: 200px; width: 100%; border: 1px dashed #999; }
.watrmark_browse { float: left; position: relative; padding: 10px 30px !important; margin-bottom: 10px; }
.patient_box_images.clearfix { overflow-x: auto; transition: all 0.2s; overflow-y: hidden; }
.check { width: 40px; height: 40px; position: absolute; /*margin: auto; */ }
.drag_image .check { width: 60px; height: 60px; position: absolute; bottom: 35px; right: -30px; margin: auto; }
.check input { display: none; }
.check input:checked + .box { background-color: #fff; }
.check input:checked + .box:after { top: 0; }
.check .box { width: 15px; height: 15px; transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1); border: 2px solid transparent; background-color: white; position: relative; overflow: hidden; cursor: pointer; border: 1px solid #cccccc; }
.check .box:after { width: 70%; height: 40%; content: ''; position: absolute; border-left: 0.5px solid; border-bottom: 0.5px solid; border-color: #000; transform: rotate(-45deg) translate3d(0, 0, 0); transform-origin: center center; transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1); left: 0; right: 0; top: 200%; bottom: 5%; margin: auto; }
.patient_images { box-shadow: 1px 1px 5px #9c9c9c; margin-bottom: 15px; position: relative; }
.watermrk_copyrgt.temp_pose { position: relative; height: 200px; text-align: center; }
.templ_img_upl.img_upl { position: absolute; top: 0; width: 100%; height: 100%; }
.templ_img_upl.watrmark_browse { float: none; position: relative; height: 100%; opacity: 0; }
.watermrk_copyrgt.temp_pose img { height: auto; max-width: 100%; max-height: 100%; width: auto; }
.select_img_txt { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; font-size: 20px; color: #ddd; }
search_image .check input { display: block; position: absolute; width: 100%; height: 100%; opacity: 0;}
.search_image .check {width: 100%;height: 100%;}

.search_image .check .box { right: 0; bottom: 0; left: initial; top: initial; position: absolute; right: 10px; bottom: 8px;}
::-webkit-scrollbar-thumb { background-color:#333;}
.data-holder { overflow: auto; }
.ui-icon, .ui-widget-content .ui-icon { background-image: url(../img/up-arrow.png) !important; }
.p-l-r-0 { padding-left: 0; padding-right: 0 }
.p-l-r-0 .main_search_table { padding: 0; }
input#l_name, input#datepicker-t { border-left: 0; }
.watermark_form_div { box-shadow: 0px 0px 4px #808080; ; margin-top: 22px; }
.bg_custom.compare_prfl { padding: 16px 0px 4px; }
.comapre_section { padding-right: 50px; }
._HP0_ { padding-left: 0; padding-right: 0; }
.add-on { background: #ED9720 !important; color: #fff !important; border: 1px solid #00ADFF !important; }
.loader-holder { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(255,255,255,.9); z-index: 111; }
.loader-img { height: initial; width: 50px; text-align: center; padding: 0; display: inline-block; vertical-align: top; left: 50%; top: 50%; position: absolute; margin: -25px 0 0 -25px; }
span.loader-text { position: absolute; left: 50%; top: 50%; height: 50px; width: 50px; text-align: center; line-height: 50px; transform: translate(-50%,-50%); font-size: 11px;}
#Imagedata { min-height: 500px; }
.filter-holder { border: 1px solid #ED9720; padding: 0 13px 0 8px; border-radius: 3px; margin: 20px 0px 9px 0; }
/*.template-sidebar.watermark_sidebar { padding-top: 30px;}*/
.template-sidebar.search_iamge_sidebar {border-right:none; }
.sidebar_image_logo img { height: 90px; }
.empty-holder { color: #ddd; position: absolute; top: 31%; left: 34%; }
.icn { text-align: center; font-size: 95px; }
/*.temp_pose { margin-top: 10px; }*/
.navbar-nav { float: right !important; margin: 0; }
.cursor_sign { cursor: pointer; }
.search_table th, .search_table td { position: relative; }

.search_table .check .box { width: 15px; height: 15px; }
.search_table .check { width: 15px; height: 15px; position: absolute; margin-left: -7.5px; margin-top: -7.5px;
	top:50%;
	left:50%;}
.search_image .check { right:0; bottom:0;}
.sidebar_div .display_all { padding: 15px; margin: 0px; }
.input-group { margin-bottom: 10px; }
.icon-bar { background-color: #fff; }
.bg_custom.animate-show-hide label { margin-top: 10px; }
/***********radio checked**************/
.radio-holder { width: 20px; height: 20px; line-height: 20px; position: relative; display: inline-block; text-align: center; vertical-align: middle; }
.radio-holder input[type="radio"] { width: 100%; opacity: 0; height: 100%; position: absolute; }
.radio-holder input[type="radio"]:checked ~ .radio-checked:after { opacity: 1; }
.radio-checked { width: 20px; height: 20px; background-color: #fff; line-height: 20px; text-align: center; display: inline-block; border-radius: 50%; pointer-events: none; }
.radio-checked:after { content: ''; width: 12px; height: 12px; background-color: #ED9720; position: absolute; border-radius: 50%; opacity: 0; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; }
.radio-holder input[type="radio"]:checked ~ radio-checked:after { display: block; }
#report-description{  padding: 16px 0px 0 0; text-align: center; max-width: 100%; width: 100%; word-break: break-word; margin: 0 auto;}
.template-sidebar.compare_sidebar { padding: 0 0;}

.template-sidebar.compare_sidebar .compare_btn { width: 100%; margin: 0; border-top: 1px solid #00A1EF; padding: 20px 20px; text-align: left;}
.sidebar-menu { background-color:#ED9720;}
.col-lg-2.col-md-3.div-hide { padding: 0;}
.template-sidebar.search_iamge_sidebar .compare_text,.template-sidebar.search_iamge_sidebar label { color: #fff !important;}
.template-sidebar.search_iamge_sidebar .compare_btn i { margin-right: 10px;}
.sidebar-menu { position: absolute; width: 250px;
	left:0;
	top:0;
	bottom:0;
	z-index:1;
	transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	ms-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;}
	.sidebar-menu.open {
	width:55px;}
.sidebar-menu.open h3,.sidebar-menu.open .compare_text,.sidebar-menu.open label,.sidebar-menu.open .imgae_no_tab{
		display:none; }
.sidebar-menu.open .compare_btn{ font-size:0;}
.sidebar-menu.open .compare_btn i{ font-size:15px;}
.add_css.canvas-area.open {padding-left:70px;}
.add_css.canvas-area { width: 100%; padding-left: 265px;
	transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	ms-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;}
button.hide-left-panel { position: absolute;
	top:90px; left: 7px; background-color: #ED9720; border: none; color: #fff; font-size: 25px; padding: 6px 8px;
	z-index:111;
	outline:none;}
.compare .sidebar_image_logo { background-color: #FFF; overflow: hidden;}

.compare .sidebar_image_logo img { height: 80px;}
.compare .btn-block { padding: 0 15px; margin-top: 15px;}

.compare .btn-block:after { clear: both; display: block; content: '';}
.compare_image_main.expand .compare_image, .compare_image_main.expand .imgCanvas { /* height: 780px; background-size: cover; width: 640px; */}






/* @media only screen and (max-width: 1799px) {
.data-holder { max-height: 500px; }} */

@media only screen and (max-width: 1599px) {
/* .template-sidebar { padding: 0px 20px; } */
.exprt1_browse .exprt_browse, .expr_directry .exprt-btn.prim-btn { padding: 10px 40px; }
.condition_drp, .proced_drp { width: 224px; }
.export_input { width: 480px; }
.camera_form_div { padding: 0 90px 0 90px; }
.main-table-cell { font-size: 14px; }
label { font-size: 12px; }
.template-sidebar.camera_sidebar, .template-sidebar.watermark_sidebar { padding: 21px 20px; }
}

@media only screen and (max-width: 1399px) {
/* .template-sidebar { padding: 10px 10px; } */
.browse { padding: 10px 10px; }
.del_btn { padding: 10px 20px; }
.prim-btn { padding: 10px 20px; }
.lst_name, .sess_date { padding: 10px 16px; }
.search_right_middle { padding: 0px 0px 0px 0px; }
/*.srch_right { padding: 0 20px; }*/
.search_hr_top { margin: 20px 20px; }
.watermark_center { padding-right: 0px; }
.compare_content { /*padding: 30px 8px 20px;*/ }
.report_content { padding: 30px 40px 24px; }
.zoom_in { margin: 5px 20px 5px 0; }
.srch_right.zoom_right { padding: 10px; }
.no_result { padding: 190px 0; }
.form-control { height: 32px; }
.custom-dropdown select { height: 32px; font-size: 12px; padding: 6px; }
.patient_box { border: 1px solid #ddd; padding: 0px 0px; border-radius: 3px; margin-top: 9px; margin-left: 10px; margin-right: 10px; margin-bottom: 18px; }
.camera_sidebar { padding: 20px 10px; }
.template-table { padding: 10px 30px 0 0; }
.watermark_form_div { margin-top: 10px; }
.template-sidebar.camera_sidebar, .template-sidebar.watermark_sidebar { padding: 10px 10px; }
.comapre_section .p-t-20 { padding-top: 9px; }
.template-sidebar.search_iamge_sidebar.clearfix { }
.filter-holder { margin: 10px 0px 9px 0; }
.search_table { font-size: 14px;}
.compare_btn { width: 150px;}
.compare_image_main.expand .compare_image, .compare_image_main.expand .imgCanvas { /* height: 580px; background-size: cover; width: 440px; */}}

@media only screen and (max-width: 1299px) {
.camera_form_div { padding: 0 60px 0 40px; }
.exprt_del_btn .del_btn { padding: 10px 20px; }
.search_bottom { padding: 10px 20px 10px 18px; }
.search_bottom_updt .updt_btn { padding: 10px 17px; }
.main_search_table { font-size: 12px; }
.main-table-cell { padding: 10px 12px; font-size: 13px; }}

@media only screen and (max-width: 1199px) {
.patient_images_text { font-size: 11px; }
.check { width: 50px; height: 50px; bottom: 40px;/* margin: auto; */ }
.sort_by { font-size: 12px; }
.exprt1_browse .exprt_browse, .expr_directry .exprt-btn.prim-btn { padding: 10px 20px; }
.export_input { width: 270px; }
.condition_drp, .proced_drp { width: 154px; }
.template-sidebar { padding: 10px 10px; }
.lst_name, .sess_date { padding: 10px 10px; }
.sort_by label { margin-right: 12px; }
.sort_by span { padding-right: 14px; }
.sort_by { font-size: 12px; }
label { font-size: 12px; }
.patient_images_text { padding: 8px 6px; }
.rating i.material-icons { margin-right: 3px; }
.search_bottom_updt { margin-top: 34px; }
.exprt_btn { margin-right: 16px; }
.export_input { margin-right: 15px; width: 348px;}
.export_dir .browse { padding: 10px 30px; }
.template-table { width: 100%; }
.main-table { display: block; overflow: scroll; }
.custom-container { width: 980px; }
.compare_content { padding: 0px 15px 15px; }
.report_content { padding: 10px 25px 25px; }
.image_strip { padding: 10px 6px; }
/*.report_content .image_strip1 { left: 40px;}*/
.notes { padding: 0 30px; }
.print_foot_main { padding: 14px 0px 5px 0px; }
.compare_image_box { margin-bottom: 0px; }
.main-navbar .navbar-nav>li>a { padding: 20px 20px; }
.check { bottom: 0px; right: -26px;/* margin: auto; */ }
.sort_by .last_name, .sort_by .session_date { width: 120px; }}

@media only screen and (max-width: 991px) {
.watermark_div { padding: 0 0px; }
.camera_form_div { padding: 0 10px 0 10px; }
.watermark_center { padding: 0 10px 0 10px; }
.report_title { text-align: right; }
.search_iamge_sidebar { border-right: 0px solid #eee; }
.template-sidebar.search_iamge_sidebar hr { margin-top: 10px; margin-bottom: 10px; }
.export_input { width: 350px; }
.compare_content { padding: 10px 20px 20px; }
.template-table { padding-right: 0; width: 100%; color: #5b5a5a; }
.main-table-cell { font-size: 12px; }
.template-table { padding: 0 10px; }
.image_strip { padding: 10px 5px; }
/*.image_strip1 { left: 40px;}*/
.custom-container { width: 730px; }
.report_content .compare_image_box { margin-bottom: 0px; }
.compare_sidebar, .search_iamge_sidebar { border-right: 0px solid #eee; }
a.navbar-brand.admin-text { padding: 20px 20px 10px 10px; font-size: 14px; }
.main-navbar .navbar-nav>li>a { padding: 16px 8px; font-size: 14px; }
.main-navbar .navbar-nav>li.active>a, .main-navbar .navbar-nav>a, .main-navbar .navbar-nav>.active>a:focus, .main-navbar .navbar-nav>.active>a:hover { padding: 16px 11px; }
.template-sidebar.watermark_sidebar { padding: 10px 10px; }
.template-sidebar.camera_sidebar { padding: 10px 0; }
.comapre_section { padding: 0 10px 0 10px; }
.template-sidebar { padding: 10px 10px; }
/*.report_content .image_strip1 { left: 60px; }*/
.condtion { margin-top: 8px;}}

@media only screen and (max-width: 767px) {
.temp_pose { margin-top: 10px; }
.main-navbar .navbar-nav { margin: -1px -15px; }
.lst_name, .sess_date { padding: 10px 15px; font-size: 12px; }
.sess_date.secndry_btn { margin-left: 4px; }
.lst_name, .sess_date { padding: 10px 11px; font-size: 10px; }
.sort_by span { padding-right: 0px; }
.sort_by .last_name { margin: 0 0px 0 0;}
.sort_by label { margin-right: 6px; }
.sort_by img { width: 10px; }
.rate { width: 100%; text-align: center; }
.condition_drp, .proced_drp { width: 164px; }
.condition_drp, .proced_drp { margin-right: 16px; }
.search_bottom_updt, .exprt_del_btn { float: right; }
.seacrh_bottom_one { padding: 0px 15px 14px; }
.seacrh_bottom_two { padding: 15px 15px 15px; }
.search_bottom_updt { margin-top: 35px; }
.export_dir .browse { padding: 10px 20px; }
.expr_directry .exprt-btn.prim-btn { padding: 10px 10px; }
.export_input { width: 246px; }
.srch_right { padding: 0 10px; }
.template-table td { display: block; font-size: 14px; text-align: right; }
.template-table th { display: none; }
.template-table td:before { float: left; display: block; content: attr(data-name); font-weight: 600; font-size: 14px; }
.main-table-cell.data-row { border: 1px solid #ddd; border-bottom: 0px solid #ddd; }
.main-table-row { display: block; }
.main-table tbody { display: block; }
.custom-container { width: 100%; }
/*.report_content .image_strip { font-size: 10px; }*/
.main-table { overflow: hidden; }
.navbar-nav { float: none !important; text-align: center !important; }
.patient_list_form .btn { padding: 6px 8px; font-size: 12px;}
.sort_by .last_name, .sort_by .session_date { width: 100px;}}

@media only screen and (max-width: 544px) {
.condition_drp, .proced_drp { width: 100%; }
.export_input { width: 100%; }
.search_bottom_updt { margin-top: 5px; }
.lst_name, .sess_date { padding: 10px 7px; }
label { font-size: 11px; }
.image-resizer { margin: 14px 0 0 8px; }
.compare_content.report_content { padding: 10px 6px 20px; }
.content.image-resizer.zoom_resizer { margin: 0px 0 0 8px; }
.sorting { float: none !important;}}

@media only screen and (max-width: 480px) {
.srch_right { padding: 0 0; }
.sorting { float: none !important; }
.watermark_head_title h3 { font-size: 18px; }
.search_table th { display: none; }
.search_table td { display: block; font-size: 14px; text-align: right; }
.search_table td:before { float: left; display: block; content: attr(data-name); font-weight: 600; font-size: 14px; }
.logo img { width: 100px; }
span.pat_name, span.my_title { font-size: 13px; }
.report_image, .compare_image, .search_image { width: 100%; }
.compare_content.report_content { padding: 10px 26px 20px; }
.template-table td:before { font-size: 12px; }
.template-table td { font-size: 13px; }
}

@media only screen and (max-width: 360px) {
.patient_images_text { padding: 8px 4px; font-size: 10px; }}
.create_btn { width: 100% }
.prfl_name_txt { display: inline-block; }
form#templates-form { padding: 10px 0 0; }
.errormsg { color: red; }
.ng-hide { height: 10px; width: 0; background-color: transparent; top: -200px; left: 200px; }
/*.ng-show { height: 10px; }
.animate-show-hide.ng-hide { opacity: 0; }
.animate-show-hide.ng-hide-add, .animate-show-hide.ng-hide-remove { transition: all linear 0.5s; }*/
.example-animate-container { background: white; border: 1px solid black; list-style: none; margin: 0; padding: 0 10px; }
.animate-enter, .animate-leave { -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; position: relative; display: block; }
.animate-enter.animate-enter-active, .animate-leave { opacity: 1; top: 0; height: 30px; }
.animate-leave.animate-leave-active, .animate-enter { opacity: 0; top: -50px; height: 0px; }
.item {
 border:1px solid #999;
 margin-top:15px;
 padding:15px;
 border-radius:4px;
 background:#4278B3;
 color:#fff;}
.item.ng-move, .item.ng-enter, .item.ng-leave { -webkit-transition: all linear 0.5s; transition: all linear 0.5s; }
.item.ng-leave.ng-leave-active, .item.ng-move, .item.ng-enter { opacity: 0; }
.item.ng-leave, .item.ng-move.ng-move-active, .item.ng-enter.ng-enter-active { opacity: 1; }
/*loader css*/
.loader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #7cd254; border-bottom: 16px solid #7cd254; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
 @-webkit-keyframes spin {
 0% {
-webkit-transform: rotate(0deg);}
 100% {
-webkit-transform: rotate(360deg);}}
 @keyframes spin {
 0% {
transform: rotate(0deg);}
 100% {
transform: rotate(360deg);}}
.imgCanvas { /*width: 371.61px; height: 480px;*/ background-image: url(../../jscss/img/white.jpg); background-size: cover; border: 1px dashed #ddd; background-repeat: no-repeat;}

#textareabox { position: absolute; border: 1px dashed black; outline: 0; display: none; font: 14px Arial; background-color: #FFF; }
#text_tool { outline: 0; font: 14px Arial; white-space: nowrap; position: absolute; width: 100%; height: calc(100% - 30px); }
#textareabox .btn-container { position: absolute; bottom: 2px; left: 2px; right: 2px; }
.btn-container .btn { width: 50%; height: 26px; line-height: 12px; }
.compare_image_main.active-canvas { opacity: 1; box-shadow: 0px 0px 0px 3px #ED9720 inset; position: relative; }
.compare_image_scale { position:  absolute; bottom: -30px; left: 10px; right: 10px; }
.image_edit_tools.disabled { opacity: 0.5; cursor: not-allowed; }
.image_edit_tools.disabled * { cursor: not-allowed; }
.num_txt.disable-num { opacity: 0.5; cursor: not-allowed; }
.indicator { position: absolute; background-color: #FFF; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); padding: 8px; border-radius: 0px 4px 4px 0px; font-size: 11px; right: -100px; top: 1px; z-index: 11; width: 100px; }
.indicator.text_options { min-width: 175px; right: -175px; }
.compare_image_main.active-canvas:last-child:not(:first-child) .indicator { right: auto; left: -100px; border-radius: 5px 0px 0 5px; }
.compare_image_main.active-canvas:last-child:not(:first-child) .indicator.text_options { left: -175px; }
.saveDrawOptions,.saveTextOptions { margin-right: 10px;}
:not(.touchable) .compare_btn:hover,:not(.touchable)  .compare_btn.active-button ,:not(.touchable)  .num_txt:hover { background-color:#204d74 !important; }
/* Menu options */
.editor_options { border-top: 1px solid #DDD; margin-top: 7px; margin-bottom: 10px; }
.editor_options h3 { font-size: 16px; margin: 5px 0; }
.editor_options .form-control.input-xs { height: 30px; padding: 0px 7px; min-width: 100%; }
.editor_options .form-group { margin-bottom: 3px; }
.editor_options .form-group label { font-size: 11px; margin: 3px 0 0 0; }

/* Full Screen css */
.compare_box:-moz-full-screen { width: 100%;}
.compare_box:-ms-full-screen { width: 100%;}
.compare_box:-webkit-full-screen { width: 100%; height: 100%; }

.compare_box:-moz-full-screen #mCSB_2_scrollbar_horizontal { display: block !important;}
.compare_box:-ms-full-screen #mCSB_2_scrollbar_horizontal { display: block !important;}
.compare_box:-webkit-full-screen #mCSB_2_scrollbar_horizontal { display: block !important;}


.compare_box:-moz-full-screen .compare_image_main {
 opacity: 1;
 box-shadow: none;}
.compare_box:-ms-fullscreen .compare_image_main {
 opacity: 1;
 box-shadow: none;}
.compare_box:-webkit-full-screen .compare_image_main {
 opacity: 1;
 box-shadow: none;}
 .compare_box:-moz-full-screen .indicator {
 display: none;}
 .compare_box:--ms-fullscreen.indicator {
 display: none;}
 .compare_box:-webkit-full-screen .indicator {
 display: none;}

.dInfo { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,0.5); color: #000; z-index: 11111; }

.form-signin
{ max-width: 330px; padding: 0; margin: 0 auto;}
.form-signin .form-signin-heading, .form-signin .checkbox
{ margin-bottom: 10px;}
.form-signin .checkbox
{ font-weight: normal;}
.form-signin .form-control
{ position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.form-signin .form-control:focus
{ z-index: 2;}
.form-signin input[type="text"],.form-signin select
{ margin-bottom: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
	-webkit-appearance:none;}
.login-holder .errormsg { position: absolute; bottom: 6px; font-size: 10px;}

.clearfix {}
.form-signin input[type="password"]
{ margin-bottom: 20px; border-top-left-radius: 0; border-top-right-radius: 0;
	-webkit-appearance:none;}
.login-holder { border: 1px solid #ddd; width: 350px; max-width: 100%; padding: 35px 20px 40px 20px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);
}
.login-holder .prim-btn{margin-bottom:0;}
.account-wall
{ margin-top: 20px; padding: 0px; }
.check-holder { position: relative;
	vertical-align:top;}

span.check-holder input[type="checkbox"] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; opacity: 0;}

span.chk-box { width: 20px; height: 20px; border: 1px solid #ccc; display: inline-block;
	pointer-events: none;}

span.check-holder input[type="checkbox"]:checked ~ .chk-box { background-color: #ED9720;
	border-color:#ED9720;}
label[for="LoginForm_rememberMe"]{vertical-align:top; margin-left:5px; font-size:14px;}
span.chk-box:after { content: "\f00c"; font-family: fontAwesome; position: absolute; width: 100%; height: 100%; font-size: 11px; line-height: 18px; text-align: center; color:#fff;}
.login-title
{ color: #555; font-size: 18px; font-weight: 400; display: block;
	margin:0 0 20px 0;}
.profile-img
{ width: 96px; height: 96px; margin: 0 auto 10px; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.need-help
{ margin-top: 10px;}
.new-account
{ display: block; margin-top: 10px;}

.changeDiv{
	height:700px;
	width:500px;}

.changeCanvas{
	height:100%;
	width:100%;}
.hidescrool{
	overflow:hidden;}
.watermrk_copyrgt1 { color: #5b5a5a; font-size: 14px; border: 3px dotted #ddd; width: 600px; height: 1180px; transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg); transform-origin: left top;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	-moz-transform-origin: left top; left: 1289px; position: absolute; text-align: left;right:0; top:0;}
.water_parent{height:610px; position:relative;}
.pose_img1 { height:100%;}
.animate.ng-enter, 
.animate.ng-leave
{  -webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; position: absolute;} 
 
.animate.ng-enter { left: 100%;}
.animate.ng-enter.animate.ng-enter-active { left: 0;}
 
.animate.ng-leave { left: 0;}
.animate.ng-leave.animate.ng-leave-active{ left: -100%;}
a.dev-link { margin: 2vh 0 0 0.8vw; display: block;}
@media only screen and (max-width: 480px) {
	.login-holder{ width:290px; padding-top:15px; padding-bottom:20px; }}
@media only screen and (max-height: 400px) {
	.login-holder{ position:relative; margin:20px auto; transform:none; -webkit-transform:none; -ms-transform:none; -o-transform:none; -moz-transform:none;left:auto; right:auto;}}

@media only screen and (min-width: 19210px) {

/**{zoom:1.09}
.main-navbar *{ zoom:1.2}*/
.patient_box_title, .date_name { font-size: 2.0vh;}
.btn { border-radius: 0.4vh;}
.search_image { width: 20vw !important; }
body { font-size: 2vh;}
.patient_box_title, .date_name{ font-size:1.5vh}
span.patient_name   { font-size: 2.0vh;}
.image_resize_div label, .sorting label { font-size: 1vw;}	
.search_table .check .box {width: 2vh;height: 2vh;line-height: 2vh;}
.search_right_middle  {
 height: auto; }
.search_right_middle .image_box { height: 56vh; width: auto; line-height: 56vh;}
.patient_images_text, .span.patient_name, span.patient_date { font-size: 2.0vh; line-height: normal;}
form.patient_list_form button span { font-size: 2.0vh;}
.patient_box_title, .date_name { padding: 1.5vh;
}
.date_name {
  padding: 1.5vh;}
.sort_by .last_name, .sort_by .session_date { width: initial;}

i.fa.fa-long-arrow-down { vertical-align: middle; font-size: 2vh;}
/*nav.navbar.main-navbar { padding: 1.5vh;}*/
.navbar-brand, .main-navbar .navbar-nav>li>a { padding: 2.5vh !important; font-size: 2.3vh; line-height: normal;}
span.info_title { font-size: 1.7vh;}

.patient_info label { font-size: 1.5vh;}

.form-control { font-size: 1.6vh;}
.bg_custom { margin-bottom: 2.6vh;}
.sidebar_div .input-group-addon { font-size: 1.5vh;}
.search_section .col-lg-3,.search_section .col-lg-9{ padding:0 1.5vh;}
.search_section a { font-size: 1.4vh;}
.sidebar_div .form-control { height: 4.1vh; font-size: 1.4vh; padding: 0.8vh 1vh;}

.sidebar_div .input-group-addon { padding: 1.2vh 0.65vw; font-size: 1.5vh;}

.sidebar_div .p-t8 { padding-top: 1vh !important;}
label { font-size: 2.3vh; margin-bottom: 0.8vh;}
.sidebar_div .info-t { padding: 1.2vh 0.8vw !important;}

.sidebar_div .col-md-12 { padding-left: 2.5vh; padding-right: 2.5vh;}

.sidebar_div .btn { font-size: 2.0vh;}
.sidebar_div table { font-size: 2.2vh;}

.search_table td, .search_table th {  padding:1.5vh 1vh;  font-size: 1.5vh;}

button#ExportImage, button.btn.btn-primary.prim-btn.btn-delete, button.btn.btn-primary.pull-right.view_cmpr.prim-btn { font-size: 2.5vh;}
.seacrh_bottom_two { padding: 1.2vh;}
.data-holder { max-height: 100%; }
.check .box { width: 60px; height: 60px; }
.patient_images .check .box { width: 50px; height: 50px; }
.search_table .check .box { width: 2vh; height: 2vh;}
.search_table .check { width: 2vh; height: 2vh; margin-left: -1vh; margin-top: -1vh;}
.patient_images .check { bottom: 40px; right: 40px; /* margin: auto; */}
.image-resizer .ui-slider-horizontal, .overlay_slider .ui-slider-horizontal { height: 1.6em;}
.table_text button.btn.btn-primary.pull-right.display_all.prim-btn { width: 100%;}
.drag_image .image_box { height: 45vh; width: 40vh;}
.dvSource { width: 40vh; }

.template-sidebar h3 { font-size: 2.5vh; margin-top: 2.1vh; margin-bottom: 1vh;}

.compare_text { font-size: 1.5vh;}

.compare_sidebar label { font-size: 1.3vh;}

.compare_sidebar .image_tab { margin-top: 3.2vh; margin-bottom: 0.7vh;}

.compare_sidebar .btn { padding: 0.6vh 1.2vh; font-size: 1.5vh;}

.compare_btn,.imgae_no_tab { width: 10vw;}
.compare_image,.imgCanvas { /* width: 18.45vw; height: 49.4vh;
	background-size: 18.45vw 49.4vh; */}
.compare .btn { font-size: 1.4vh;}
.search_section i.fa.fa-stethoscope { font-size: 10.3vh;}

p { margin: 0 0 1vh;}

#Imagedata h2 { margin-top: 3vh; margin-bottom: 1vh; font-size: 3.2vh;}

.empty-holder { top: 17vh; left: 25vw;}

.display_all { padding: 1vh 2vh;}
.sidebar-menu { width: 13vw;}

button.hide-left-panel { font-size: 2.6vh; padding: 0.6vh 0.9vh;}

.template-sidebar.compare_sidebar .compare_btn { padding: 2.10vh;}

.sidebar-menu.open .compare_btn { font-size: 0vh;}

.sidebar-menu.open .compare_btn i { font-size: 1.55vh;}
.add_css.canvas-area { padding-left: 14vw !important;}

.add_css.canvas-area.open { padding-left: 3.7vw;}
.indicator { font-size: 1.2vh;}
.indicator {     width: 10vh; font-size: 1.1vh;}
.hide_btn { font-size: 1.4vh; padding: 0.8vh 1.5vh;}
.hide_btn { font-size: 1.4vh; padding: 0.8vh 1.5vh;}

.compare_image_main.active-canvas:last-child .indicator { left: -10vh;}
.compare_image_main.expand .compare_image,.compare_image_main.expand .imgCanvas { /* width: 30vw; height: 80vh;
	background-size: 30vw 80vh; */}
.editor_options .form-control.input-xs { height: 3vh;}

.indicator.text_options { width: 8vw; right: -8vw;}
section.compare.open{ padding-bottom:100px;}
span.info_title { font-size: 2.4vh;}

.form-control { font-size: 2.1vh; height:4.2vh;}

label { font-size: 1.9vh; margin-bottom: 0.8vh;}

.input-group-addon { padding: 0.6vh 0.65vw;}

#templates-form:after {}


form#templates-form [class*="col-"] { padding: 0 0.8vw;}

.info-t {padding: 1.35vh 0.8vw !important;}

.input-group-addon { padding: 1.2vh 2.1vh; font-size: 2.1vh;}
.prim-btn { padding: 1.65vh 2.1vw; font-size: 2.2vh;
	margin: 1.7vh 0 3.5vh 0;}
form#templates-form { padding: 1.5vh 0 0 0;}

.input-group { margin-bottom: 1vh;}

.main-table-cell { padding: 1.7vh 1.1vw; font-size: 2.56vh;}.main-table-cell.data-row { padding: 1.7vh 1.7vh;}
.pose_img { width: 5.2vw; height: 17.3vh;}
.secndry_btn { padding: 1.6vh 2.1vw; font-size: 2.1vh;}
#templates-pose-form [class*="col-"],.template-sidebar [class*="col-"]{
	padding:0 0.8vw;	}
.bg_custom.animate-show-hide label { margin-top: 1.8vh;}.watermrk_copyrgt.temp_pose { height: 32vh;}.camera_form_div { padding: 0 3.40vw;}.bg_custom.compare_prfl { padding: 2.5vh 0 0.4vw;}.prfl_name { padding: 3.2vh 0 2.4vh;}
span.rob_med { font-size: 2.5vh;}
.right_content,.p-t-20,.template-table { padding-top: 3.2vh  !important;}

section.template[ng-controller="watermarkCtrl"] [class*="col-"],section.template [class*="col-"]{ padding: 0 0.8vw;}
section.template[ng-controller="watermarkCtrl"] [class*="col-"]._HP0_, section.template [class*="col-"]._HP0_{
	padding:0; }
.p-t8 { padding-top: 1.4vh; }
h4.info-t { padding: 2vh 0.8vw !important;}

.watermark_head_title { padding: 0 0 2.5vh;}
h4.info-t {  padding: 1.6vh 0.8vw !important; font-size: 2.90vh;}
.watrmark_browse { padding: 1.6vh 1.5vw !important; font-size: 2.4vh;}

.water_parent { height: 82.3vh;}
.watermrk_copyrgt1{ width:84vh;}
.watermark_form .save_btn, .camera_form_div .save_btn { margin-top: 1.6vh;
	margin-top: 3.2vh;}
.filter-holder { margin: 2.9vh 0 1.5vh 0; border-radius: 0.6vh;}

.sort_by .last_name, .sort_by .session_date { width: 10.4vw;}

.btn { padding: 0.9vh 0.6vw;}
.sidebar-menu { width: 13vw;}
.add_css.canvas-area { padding-left: 13.5vw;}
.add_css.canvas-area.open { padding-left: 3.4vw !important;}
.image-resizer .ui-slider-horizontal, .overlay_slider .ui-slider-horizontal { height: 0.8vh;}
.ui-slider .ui-slider-handle { width: 1.8vh !important; height: 1.8vh !important;}
.sidebar-menu.open { width: 2.88vw;}
.img_size label { margin-bottom: 0.8vh; margin-top: 2.1vh; font-size: 1.4vh;}
.image-resizer { margin: 1vh 0 0 2vh; }
.image-resizer { margin: 1vh 0 0 2vh;}
.form-group { margin-bottom: 1.5vh;}
.sort_by { padding-top: 1vh;}
.sort_by .last_name { margin: 0 1vh 0 0;}
.srch_right_top  .btn { padding: 0.6vh 1.2vh; font-size: 1.45vh;}
.sorting label { font-size: 1.3vh;}
.patient_images_text { padding: 0.8vh 1vh;}
.filter-holder { margin: 2.1vh 0 0.9vh 0;}
.right_content  .row { margin-left: -0.8vw; margin-right: -0.8vw;}
.search_right_middle .patient_box { margin: 0.9vh 0.9vh 2vh 0.9vh;}
.print_foot_main { padding: 4vh 0 0 0;}
.report [class*="col-"] { padding: 0 0.8vw;}
.custom-container { width: 62vw;}
.custom-dropdown::before { width: 2.1vw;}
.custom-dropdown select { font-size: 1.4vh; padding: 0.9vh 1vh;}
.custom-dropdown::after { right: 0.65vw;}
.print_foot_main { padding: 4vh 0 0 0;}

.report [class*="col-"] { padding: 0 0.8vw;}

.custom-container { width: 62vw;}

.custom-dropdown::before { width: 2.1vw;}

.custom-dropdown select { font-size: 1.4vh; padding: 0.9vh 1vh;}

.custom-dropdown::after { right: 0.65vw;}

.report_main .image_strip { padding: 0.8vh 1vw; font-size: 1.25vh;}

.report_content .image_strip1 { padding: 0.8vh 1vw; font-size: 1.2vh;}

.login-holder { width: 18.25vw; padding: 3.6vh 2vh 3.9vh 2vh;}

.form-signin { max-width: 17vw;}

.login-title { font-size: 1.85vh; margin-bottom: 2vh;}

.profile-img { margin-bottom: 1vh;
	width: 9.8vh; height: 9.8vh;}

.form-signin input[type="text"] { margin-bottom: 2.15vh; padding: 1vh;}

.form-signin .form-control { font-size: 1.6vh;}
span.chk-box { width: 2vh; height: 2vh;}

span.chk-box:after { line-height: 2vh; font-size: 1.2vh;}

label[for="LoginForm_rememberMe"] { font-size: 1.4vh;}
.form-signin input[type="password"]{ margin-bottom:2vh;}}
.compare_image_box .date_holder { display: inline-block;}

.compare_image_drop .patient_images_text { text-align: center; color: #000; background-color: #EEE;}
.user-logout { position: fixed; bottom: 0px; left: -10px; background-color: #FFF; box-shadow: 3px -1px 7px 4px rgba(0,0,0,0.4); padding: 10px 30px; }
.clear_marks_action { margin: 4px 0; padding: 1px 1px;
}
@media print {
	body { -webkit-print-color-adjust: exact; color-adjust: exact;  -webkit-print-color-adjust: exact; print-color-adjust: exact; }
	/*@page { size: ; margin: 10px; size: landscape }*/
	.report_content .col-md-12 { width: 100%; }
	.report_content .col-lg-3 { width: 25%; }
	.report_content .col-md-4 { width: 33.33333333%; }
	/* .custom-container { width: 1000px; } */
	.report_content { border: 1px dashed #ddd; margin: 50px 0 6px; }
	.visible-print { display: block !important; }
	.hidden-print { display: none !important; }
	.printhidediv, .print_btn { display: none !important; }
	.report_content { border: 0px dashed #ddd; }
	.image_strip1, .image_strip { opacity:0.5; background-color: #34495e !important; color: #fff !important; }
	.report_content { margin: 0; }
	.image_strip > div { color: #fff !important }
	.report_title > span { color: #767676 !important; }
	span.pat_name, span.my_title { font-size: 18px !important; }
	.compare_content { padding: 0;}
	.report_image_main {
    padding-left: 0px !important;
    padding-right: 0px !important;
    float: none;
    display: inline-block;
}
	.custom-container { width: 100%;-webkit-print-color-adjust: exact; color-adjust: exact;  -webkit-print-color-adjust: exact; print-color-adjust: exact;
	}
	.above-original-text {
		background: rgba(0, 0, 0, 0.5);
	
    }
	.report-row {
    display: flex;
    flex-wrap: wrap;
	}
	/*.above-original-text.overlap {left:-1px;}*/
	.user-logout { display: none; }
	}
	.edit-attribute-modal-title.modal {
    
		top: 20%;
	}
	
	.seacrh_bottom_one {
		margin-top: -90px;
		position: relative;
		z-index: 1000;
		
	}
	.patient_box:last-child {
		margin-bottom: 80px;
	}