/*======================style to adjust the DOM style==========================*/
html,body,div,span,applet,object,iframe,h1,h2,
  h3,h4,h5,h6,p,blockquote,a,abbr,acronym,address,
  big,cite,del,dfn,em,img,ins,kbd,q,s,samp,small,
  strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,
  dd,ol,ul,li,fieldset,form,label,legend,table,caption,
  tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
  embed,figure,figcaption,footer,header,hgroup,input,menu,
  nav,output,ruby,section,summary,time,mark,audio,video {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
  }
body{ font-family:Verdana, Geneva, sans-serif; color:#333; font-size:11px;}  
h1{ font:normal 17px verdana; text-align:center; color:#fff;}
.clr{ clear:both;}
.fl{ float:left;}
.fr{float:right;}
.mtopnone{ margin-top:0!important;}
a{ color:#1974b4; text-decoration:none;}
.pos_relative{ position:relative;}
.pos_absolute{ position:absolute;}
.show{display:block;}
.hide{display:none;}
.dotted_border{ border-bottom:1px dotted #cbe1ec; padding-bottom:5px;}
/*======================style for the forms elements==========================*/
.navigation, .navigation ul li.sel, .navigation ul li a, .btn, .red_btn, .green_btn{background:url('../Images/dashboardImages.png')}
.required{ color:red; margin-top:-2px;}
.required_para{ color:Red;}
input[type="text"],input[type="password"],input[type="file"], textarea{ border:1px solid #c2c2c2; padding:3px; width:180px;}
input[type="checkbox"]{ display:inline; vertical-align:middle; margin:5px; }
.btn1{
border:1px solid #3c85ba!important; padding:5px 15px; 
  margin-left:10px;
background-position:0px -158px; background-repeat:repeat-x;
 color:#fff; cursor:pointer; font-size:12px;
}
.red_btn{background-color:#bf0f0f; background-position:0px -262px; background-repeat:no-repeat; border:1px solid #7a0e0c; padding:3px 0; color:#fff; font-size:11px;margin:2px 4px; text-align:center; width:70px!important;}
.green_btn{ background-color:#15b00e;  background-position:0px -242px; background-repeat:no-repeat; border:1px solid #188e13; padding:3px 0; color:#fff; font-size:11px; margin:2px 4px; text-align:center; width:70px!important;}
.reset_password{ font-size:11px; color:#3b8ccd!important;}
label{ color:#000; font-size:12px;}

/*======================style for the Navigation==========================*/


 .navigation{	background-position:0px 0px; background-repeat:repeat-x; height:45px; 	}

.navigation ul{}
.navigation ul li{display:block; float:left}
.navigation ul li a{ color:#fff; font-size:12px; font-weight:bold; padding:13px 16px; display:block;
-webkit-text-shadow:1px 1px 1px #333; /* for chrome */
-text-shadow:1px 1px 1px #333; /* for all browser*/
text-shadow:1px 1px 1px #333; /* same as above*/
-moz-text-shadow:1px 1px 1px #333; /* for firefox */
-o-text-shadow:1px 1px 1px #333; /* for opera */
-ms-text-shadow:1px 1px 1px #333; /* for ie 9+ */
background-position:0px -45px; background-repeat:no-repeat;
}
.navigation ul li:first-child a{background:none;}

.navigation ul li.sel a{background:none;}
.navigation ul li.sel { background-position:right -102px; background-repeat:no-repeat;} 
.navigation ul ul{width:150px; position:absolute; left:15px; top:24px; display:none; background-color:#3789c2; z-index:999;}
.navigation ul ul li a{ display:block; font-weight:normal; padding:7px 10px; border-bottom:1px solid #5EAEDA;}

/*================css for the practice configuration Menus=========*/
.Practice_menu{ margin: 10px auto 0 auto;
    width: 980px;}
.Practice_menu ul{ background-color: #ecf4f7;
		 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfffe), color-stop(100%, #ecf4f7));
		 background-image: -webkit-linear-gradient(top, #fdfffe, #ecf4f7);
		 background-image: -moz-linear-gradient(top, #fdfffe, #ecf4f7);
		 background-image: -ms-linear-gradient(top, #fdfffe, #ecf4f7);
		 background-image: -o-linear-gradient(top, #fdfffe, #ecf4f7);
		 background-image: linear-gradient(top, #fdfffe, #ecf4f7);
		 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fdfffe, endColorstr=#ecf4f7);		
		 border:1px solid #cbe1ec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.Practice_menu ul li{display:block; position:relative; list-style:none; float:left; }
.Practice_menu ul li a{float:left; padding:10px 15px; border-right:1px dotted #cbe1ec;}
.Practice_menu ul li a:hover, .Practice_menu ul li a.sel{background:#388fcf; color:#fff;}

.RatesMaster_arrow_box { position: relative; background: #EEF6F9; border: 1px solid #CBE1EC; background-color: #388cc6;}
.RatesMaster_arrow_box:after, .RatesMaster_arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.RatesMaster_arrow_box:after { border-color: rgba(238, 246, 249, 0); border-bottom-color: #EEF6F9; border-width: 12px; left: 70px; margin-left: -15px; } 
.RatesMaster_arrow_box:before { border-color: rgba(203, 225, 236, 0); border-bottom-color: #CBE1EC; border-width: 13px; left: 70px; margin-left: -16px; }
.RatesMaster_childmenu_popup{background-color: #388cc6; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.9);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.9);  border:1px solid #cbe1ec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
padding:15px 0 15px 10px;  margin-top:-5px; display:none; width:260px;/* margin:0 auto;*/ position:absolute;  left:210px; top:112px; z-index:10;}

.Users_arrow_box { position: relative; background: #EEF6F9; border: 1px solid #CBE1EC; background-color: #388cc6;}
.Users_arrow_box:after, .Users_arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.Users_arrow_box:after { border-color: rgba(238, 246, 249, 0); border-bottom-color: #EEF6F9; border-width: 12px; left: 40px; margin-left: -15px; } 
.Users_arrow_box:before { border-color: rgba(203, 225, 236, 0); border-bottom-color: #CBE1EC; border-width: 13px; left: 40px; margin-left: -16px; }
.Users_childmenu_popup{background-color: #388cc6; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.9);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.9);  border:1px solid #cbe1ec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
padding:15px 0 15px 10px;  margin-top:-5px; display:none; width:260px;/* margin:0 auto;*/ position:absolute;  left:135px; top:112px; z-index:10;}

.Masters_arrow_box { position: relative; background: #EEF6F9; border: 1px solid #CBE1EC; background-color: #388cc6;}
.Masters_arrow_box:after, .Masters_arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.Masters_arrow_box:after { border-color: rgba(238, 246, 249, 0); border-bottom-color: #EEF6F9; border-width: 12px; left: 40px; margin-left: -15px; } 
.Masters_arrow_box:before { border-color: rgba(203, 225, 236, 0); border-bottom-color: #CBE1EC; border-width: 13px; left: 40px; margin-left: -16px; }
.Masters_childmenu_popup{background-color: #388cc6; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.9);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.9);  border:1px solid #cbe1ec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
padding:15px 0 15px 10px;  margin-top:-5px; display:none; width:260px;/* margin:0 auto;*/ position:absolute;  left:5px; top:115px; z-index:10;}

.Consignment_arrow_box { position: relative; background: #EEF6F9; border: 1px solid #CBE1EC; background-color: #388cc6;}
.Consignment_arrow_box:after, .Consignment_arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.Consignment_arrow_box:after { border-color: rgba(238, 246, 249, 0); border-bottom-color: #EEF6F9; border-width: 12px; left: 110px; margin-left: -15px; } 
.Consignment_arrow_box:before { border-color: rgba(203, 225, 236, 0); border-bottom-color: #CBE1EC; border-width: 13px; left: 110px; margin-left: -16px; }
.Consignment_childmenu_popup{background-color: #388cc6; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.9);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.9);  border:1px solid #cbe1ec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
padding:15px 0 15px 10px;  margin-top:-5px; display:none; width:260px;/* margin:0 auto;*/ position:absolute;  left:324px; top:115px; z-index:10;}

.Reports_arrow_box { position: relative; background: #EEF6F9; border: 1px solid #CBE1EC; background-color: #388cc6;}
.Reports_arrow_box:after, .Reports_arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.Reports_arrow_box:after { border-color: rgba(238, 246, 249, 0); border-bottom-color: #EEF6F9; border-width: 12px; left: 50px; margin-left: -15px; } 
.Reports_arrow_box:before { border-color: rgba(203, 225, 236, 0); border-bottom-color: #CBE1EC; border-width: 13px; left: 50px; margin-left: -16px; }

.Reports_childmenu_popup{background-color: #388cc6; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.9);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.9);  border:1px solid #cbe1ec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
padding:15px 0 15px 10px;  margin-top:-5px; display:none; width:255px;/* margin:0 auto;*/ position:absolute;  left:492px; top:115px; z-index:10;}

.Mail_arrow_box { position: relative; background: #EEF6F9; border: 1px solid #CBE1EC; background-color: #388cc6;}
.Mail_arrow_box:after, .Reports_arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.Mail_arrow_box:after { border-color: rgba(238, 246, 249, 0); border-bottom-color: #EEF6F9; border-width: 12px; left: 50px; margin-left: -15px; } 
.Mail_arrow_box:before { border-color: rgba(203, 225, 236, 0); border-bottom-color: #CBE1EC; border-width: 13px; left: 50px; margin-left: -16px; }

.Mail_childmenu_popup{background-color: #388cc6; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.9);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.9);  border:1px solid #cbe1ec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
padding:15px 0 15px 10px;  margin-top:-5px; display:none; width:255px;/* margin:0 auto;*/ position:absolute;  left:560px; top:115px; z-index:10;}

.Cno_Status_arrow_box { position: relative; background: #EEF6F9; border: 1px solid #CBE1EC; background-color: #388cc6;}
.Cno_Status_arrow_box:after, .Reports_arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.Cno_Status_arrow_box:after { border-color: rgba(238, 246, 249, 0); border-bottom-color: #EEF6F9; border-width: 12px; left: 50px; margin-left: -15px; } 
.Cno_Status_arrow_box:before { border-color: rgba(203, 225, 236, 0); border-bottom-color: #CBE1EC; border-width: 13px; left: 50px; margin-left: -16px; }

.Cno_Status_childmenu_popup{background-color: #388cc6; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.9);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.9);  border:1px solid #cbe1ec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
padding:15px 0 15px 10px;  margin-top:-5px; display:none; width:255px;/* margin:0 auto;*/ position:absolute;  left:635px; top:115px; z-index:10;}

.OtherTools_childmenu_popup{background-color: #388cc6; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.9);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.9);  border:1px solid #cbe1ec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
padding:15px 0 15px 10px;  margin-top:-5px; display:none; width:255px;/* margin:0 auto;*/ position:absolute;  left:635px; top:115px; z-index:10;}


.arrow_box { position: relative; background: #EEF6F9; border: 1px solid #CBE1EC; }
.arrow_box:after, .arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.arrow_box:after { border-color: rgba(238, 246, 249, 0); border-bottom-color: #EEF6F9; border-width: 12px; left: 50%; margin-left: -15px; } 
.arrow_box:before { border-color: rgba(203, 225, 236, 0); border-bottom-color: #CBE1EC; border-width: 13px; left: 50%; margin-left: -16px; }
.practice_childmenu_popup{background-color: #eef6f9; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.9);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.9);  border:1px solid #cbe1ec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
padding:15px 0 15px 10px;  margin-top:-5px; display:none; width:968px;/* margin:0 auto;*/ position:absolute; left:10px; top:210px; z-index:10;}
.menu_group{width:181px; margin-bottom:10px; background:#e4f3f8; border:1px solid transparent; float:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right:10px;}
.menu_group>.header{background:#d1edf8; color:#368ac6; font-weight:bold; padding:6px 10px;}
.menu_group ul{background:none; border:none; margin-top:0;}
.menu_group ul li{ list-style:none;  cursor:pointer;}
.menu_group ul li a{color:#333; font-size:11px; display:block; width:85%; padding:5px 10px; border:none; cursor:pointer;}
.menu_group ul li a:hover{background:none; color:#333; cursor:pointer;}
 
/*=================css for toggle panel=====================*/
.toggle_container{ width:980px; margin:0 auto;}
.toggle_container_lesswidth{ padding:10px; border:1px solid #cce2ec; margin-top:-1px;}
.toggle_content{ background:#fafcfd; border:1px solid #cce2ec;  margin-top:-2px;}
.toggle_header{
		background-color: #e2f3fa;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eef6f9), color-stop(100%, #e2f3fa));
		background-image: -webkit-linear-gradient(top, #eef6f9, #e2f3fa);
		background-image: -moz-linear-gradient(top, #eef6f9, #e2f3fa);
		background-image: -ms-linear-gradient(top, #eef6f9, #e2f3fa);
		background-image: -o-linear-gradient(top, #eef6f9, #e2f3fa);
		background-image: linear-gradient(top, #eef6f9, #e2f3fa);
		filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#eef6f9, endColorstr=#e2f3fa);		
		border:1px solid #cce2ec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
		padding:10px; margin-top:10px; font-weight:bold; color:#3b8fcf; line-height:18px;
	}
.full_block{ width:98%; padding:5px 0;}
.full_block label{ width:125px; margin:0 10px; float:left; text-align:right;}	
.full_block p{ float:left; padding:5px; line-height:18px; width:100%;}
	
.half_block{ width:49%; padding:5px 0;}
.half_block label{ width:130px; margin:0 10px; float:left; text-align:right;}	
.half_block p{ float:left; padding:5px; line-height:18px; width:100%; text-align:left;}

.toggle_footer{ background:#eef6f9; border:1px solid #cce2ec; border-top:none; font-style:italic; color:#3b8fcf; padding:12px 8px; }	
.toggle_icon{ background:url(../images/toggle_icon.png) -8px top no-repeat; height:15px; width:15px; float:right; cursor:pointer;}

.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,
.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}

 /* it will used to make clear elements after use float 
  .parent-selector:after {
  content: "";
  display: table;
  clear: both;
}*/

/* To avoid padding calculation with width of the element like 10px and 100px width it will to be =120px, it fix to 100px width */
/* * { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  /*  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   /* box-sizing: border-box;  }/*