﻿.video_icon_01 {
    float: right;
    position: relative;
    right: -260px;top:5px;
    z-index: 2;
}
.defaultC{height: 220px; display: block; opacity: 1;}
.p5{padding:5px 0 5px 0;}
.p10{padding:10px 0 10px 0;}
.m5{margin:5px 0 5px 0;}
.m10{margin:10px 0 10px 0;}
.reset{float:right; color: #CE4848; font-size: 11px;}
.content_extend{height: 155px; padding: 0; float: left;border:solid 1px red;}
.inner_tab_extend
{height: 150px; margin: 5px 0 0 10px; padding:5px 0; float: left;}
.toolbar ul {
display: table-row;
}

.toolbar ul li {
display: table-cell;
list-style-type: none;
}

.toolbar ul li img {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
height: 140px;
margin:5px 4px;
position: relative; /**/
text-align: center;
float: left;
display: inline;
}

.div2 {
height: 148px;
overflow-x: scroll;
}

.div2 img {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
height: 140px;
margin:5px 4px;
position: relative; /**/
text-align: center;
float: left;
display: inline;
}

.div3 {
}

.div3 img {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
width: 390px;
margin: 4px;
position: relative;
text-align: center;
}


tree_div_con {
    border-right: 1px solid #BCBCBC;
    float: left;
    height: 420px;
    margin: 0;
    overflow-x: hidden;
    overflow-y:auto;
    width: 230px;
}

.textAlignBtn
{
    padding:1px 7px;min-width:60px;font-size:10px;border:none;
}

.selected
{
   background-color:#336633;color:#fff;border:none;
}
 table.myframes
{
    width:100%;
}
table.myframes tr th
{
    background-color:#f4f4f4;text-align:center;padding:5px 10px;
}
table.myframes tr td
{
    border-bottom:solid 1px #ddd;padding:5px 10px;text-align:center;vertical-align:middle;
}
table.myframes tr td img.medium
{
    border:none;height:50px;width:50px;
}
table.myframes tr td img.small
{
    border:none;height:24px;width:24px;
}

div.admin_form_bg {
    background-color: #e4f0f2;
    width: 897px;
    min-height: 200px;
    border: #94c0d2 solid 1px;
    float: left;
    margin-bottom:0 0 20px 0;padding:20px 0;
}
div.admin_label
{
    min-width:155px; float:left;padding:6px 5px;vertical-align:top;
}
div.admin_label label{
   text-align:right;float:right;
}
div.admin_text
{
    float:left;padding:5px;
}

.textbox
{
    background-color: #FFF;
    border: #b6b6b6 solid 1px;
    height: 21px;
    min-width: 258px;
    width:300px;
}

.textarea
{
    background-color: #FFF;
    border: #b6b6b6 solid 1px;
    height: 150px;
    min-width: 258px;
    width:300px;
}

.button_correction
{
    border:none;padding-top:-4px;
}
.loggedin_popup {
    background: none repeat 0 0 #FFFFFF;
    border: 1px solid #09415B;
    display: block;
    left: 22%;
    padding:0 0 20px 0;
    position: fixed;
    right: 0;
    top: 36%;
    width: 515px;
    z-index: 99999991;overflow:hidden;
}

.desc_popup {
    background: none repeat 0 0 #FFFFFF;
    border: 1px solid #09415B;
    display: block;
    left: 24%;
    padding: 0 0 10px;
    position: fixed;
    right: 0;
    top: 15%;
    width: 515px;height:400px;
    z-index: 99999991;overflow:hidden;
}

.desc_popup_header {
background: url(../images/popup_header_img.png) repeat-x;
margin: 0px;
padding: 0px;
width: 515px;
height: 30px;
}

.desc_popup_header h3 {
float: left;
margin: 0px;
padding: 7px 3px 0px 7px;
color: #fff;
}

.desc_popup_header a {
margin: 2px;
padding: 0px;
float: right;
}

/********* Text Pop Up */
.text_popup {
    background: none repeat 0 0 #FFFFFF;
    border: 1px solid #09415B;
    display: block;
    left: 30%;
    padding: 0 0 10px;
    position: fixed;
    right: 0;
    top: 25%;
    width: 400px;height:250px;
    z-index: 99999991;overflow:hidden;
}

.text_popup_header {
background: url(../images/popup_header_img.png) repeat-x;
margin: 0px;
padding: 0px;
width: 400px;
height: 30px;
}

.text_popup_header h3 {
float: left;
margin: 0px;
padding: 7px 3px 0px 7px;
color: #fff;
}

.text_popup_header a {
margin: 2px;
padding: 0px;
float: right;
}
/**********************/

.condition_popup_header a img {
    margin: 0px;
    padding: 0px;
    border: none;
}

.my_popup_header {
    background: url(../images/popup_header_img.png) repeat-x;
    margin: 0 0 20px 0;
    padding: 0px;
    width: 100%;
    height: 30px;
}

.my_popup_header h3 {
    float: left;
    margin: 0px;
    padding: 7px 3px 0px 7px;
    color: #fff;font-size:12px;
}

.my_popup_header a {
    margin: 2px;
    padding: 0px;
    float: right;
}

.my_popup_header a img {
    margin: 0px;
    padding: 0px;
    border: none;
}

.required
{
    color:#f21a1a;font-size:10px;vertical-align:middle;padding:0 5px 0 5px;
}

.main_wrapper {
	width: 100%;
	float: left;
}

.main_wrapper_New {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

/*********************** BREADCRUMB ***********************/
.breadcrumb
{
    font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#336633;
	margin-top:10px;
    display: none;
}
.breadcrumb a
{
    font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#336633;
     display: none;
}
.breadcrumb a:hover
{
	text-decoration:underline;
     display: none;
}

.css_btn_class {
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	padding:6px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #1570cd;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	-moz-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	box-shadow:inset 1px 1px 0px 0px #97c4fe;
}.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}.css_btn_class:active {
	position:relative;
	top:1px;
}
/* This css button was generated by css-button-generator.com */

button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding: 6px 20px;
	background: -moz-linear-gradient(
		top,
		#42aaff 0%,
		#003366);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#42aaff),
		to(#003366));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #003366;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}

.condition_title {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #4c4c4c;
    float: left;
    clear: both;
    margin: 7px;font-weight:500;
}

.demo-section {
    width: 200px;
}

.k-sprite {
    background-image: url("../web/treeview/coloricons-sprite.png");
}

.rootfolder { background-position: 0 0; }
.folder { background-position: 0 -16px; }
.pdf { background-position: 0 -32px; }
.html { background-position: 0 -48px; }
.image { background-position: 0 -64px; }

#checkAllDiv
{
    border-bottom:solid 1px #ccc;
}

.loginuserN
{
    
}
.loginuserN label
{
    width:80px;margin-top:7px
}
.txt_ar
{
    text-align:right;
}

.errorMsg
{
    color:#f21a1a;font-size:11px;font-family:'Segoe UI', Arial, Verdana;
}

/************* KENDO TABS *************/
#forecast1 {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding:0;border:none;
}

.sunny, .cloudy, .rainy {
    display: inline-block;
    margin: 20px 0 20px 10px;
    width: 128px;
    height: 128px;
}

.cloudy{
    background-position: -128px 0;
}

.rainy{
    background-position: -256px 0;
}

.weather {
    width: auto;
    padding: 0;
    float: left;
}

#forecast1 h2 {
    font-weight: lighter;
    font-size: 5em;
    padding: 0;
    margin: 0;
}

#forecast1 h2 span {
    background: none;
    padding-left: 5px;
    font-size: .5em;
    vertical-align: top;
}

#forecast1 p {
    margin: 0;
    padding: 0;
}


/************* CANVAS *************/
    
/*#canvasDiv
    {
        border: solid 1px #fff;
        cursor: crosshair;
        float: left;
        position: absolute;
        width: auto;
        height: auto;
        background-color: #fff;z-index:2000;
    }*/
#canvasSignature
{
           
}
.center
{
}
#colors
{
    margin: 0;
    padding: 0;
    float: left;
}
#colors li
{
    height: 20px;
    width: 20px;
    display: block;
    cursor: pointer;
}
#colors li.selected
{
    height: 18px;
    width: 18px;
    display: block;
    border: solid 1px #eee;
}

.gallery_one, .gallery_two
{
    min-height: 250px;
    margin: 0;
    overflow: auto;font-size:10px;
}

/************* DRAGGABLE STYLES ******

.test_container
{
    width: 1000px;
    height: 780px;
    background-color: #FFF;
    overflow: auto;
}

.box
{
    cursor: pointer;
}

.gallery_one
{
    margin: 0;
    background-color: #fff;
    max-width: 290px;
    overflow-x: hidden;
}

.gallery_two
{
    margin: 0; min-width: 270px;
    background-color: #fff;
   
}
.box_current
{
}
*/
label
{
    float: left;
}
div.cross {
    position: relative;
    top: -24px;
    right: -69px;
}
.overlaycontent-box{
    position:fixed;
    background-color:#fff;
    color:#7F7F7F;
    padding:20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    box-shadow: 0 1px 5px #000;
    -moz-box-shadow: 0 1px 5px #000;
    -webkit-box-shadow: 0 1px 5px #000;
    z-index:9000001;
    width:500px;
    padding:21px;
    left:50%;
    top:20%;
    margin-left:-271px
}

div.closeFrame
{
    float:right;position:relative;top:0;right:-1px;height:25px;width:25px;display:none;
}
div.closeFrame img
{
    width:22px;height:22px;cursor:pointer;
}

div.myfolder
{
    background-image:url('../images/dhtmlgoodies_folder.gif');
    background-repeat:no-repeat;
    height:17px;border:solid 1px red;padding-left:25px;
}
.margin7
{
    margin:7px;
}

/****************** CREATE PATIENT ************************/
.DatePickerKendo_custom
{
    padding:0 0 0 10px;margin-bottom:10px;
}

.add_new_patients_form_clm_2 {
float: right;
margin-right: 25px;
margin-top: 16px;
width: 472px;
}
 
.add_new_patients_form_input_box3 {
background-color: #FFFFFF;
border: 1px solid #B6B6B6;
float: left;
height: 21px;
margin-bottom: 9px;
margin-left: 0px;
}

.add_new_patients_form_input_box4 {
background-color: #FFFFFF;
border: 1px solid #B6B6B6;
float: left;
height: 21px;
margin-bottom: 9px;
margin-left: 10px;
width: 258px;
}

.add_new_patients_form_notes_box2 {
background-color: #FFFFFF;
border: 1px solid #B6B6B6;
float: left;
height: 130px;
margin-top: 5px;
margin-left: 10px;
width: 350px;
margin-bottom: 9px;
}

.add_new_patients_form_clm_1 {   
width: 400px;
}

.forValidationSummary {
    margin-top: 25px;
    margin-left: 200px;
    float:left;
}
    
.add_new_patients_form_input_box {
float: left;
}

.add_new_patients_form_bg {
height: auto;padding:20px;
}


/*********************** MANAGE PATIENTS ***********************/
.manage_patients_srch_hdng {
    
    margin-top: 20px;
}
.mp_table tr td {
    padding-left: 5px;
    text-align: left;
}
  
.manage_patients_add_btn {
    float: right;
    margin: 10px 0 0;
    padding-right: 15px;
    position: relative;
    width: 108px;
    cursor: pointer;
} 
.k-grid-content {
    margin-top: 8px;   
}
    .kgridEdit {
     background: url('@Url.Content("~/Content/images/edit_session.png")');
    background-repeat: no-repeat;
    margin:5px;
    }
    .imgKendoGrodColum{
     margin-left: 5px;
    cursor: pointer;
    }
     .imgSession{
     margin-left: 22px;
    cursor: pointer;
    }

  /****************** TOOLTIP **************/
.ui-tooltip, .arrow:after {
    background: black;
    border: 1px solid #fff;
  }
  .ui-tooltip {
    padding: 5px 15px;
    color: white;
    border-radius: 5px;
    font: bold 10px 'Segoe UI', "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;max-width:100px;
  }
  .arrow {
    width: 35px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 15px;
    height: 25px;
    box-shadow: 4px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }

