/* File Created: November 15, 2012 */
#Mycolors
{
    color: #ffffff;
    color: #808080;
    color: #C0C0C0;
    color: #E6E6E6;
    color: #EBEBEB;
    color: #f5f5eb;
    color: #C0C0C0;

     color: #427AA8;
     color: #59A3E0;
     color: #59A3E0;
     color: #59A3E0;
     color: #59A3E0;
    
}
/*
.hoverImage:hover {
        cursor:pointer;
    }

*/
.k-toolbar-exportimage {
    display: inline-block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	background-repeat: no-repeat;
	font-size: 0;
	line-height: 0;
	text-indent: -3333px;
	text-align: center;
	vertical-align: middle;
    background-color:white;
    opacity:0.9; 
    background-image:url("../Images/icon_export.gif")
}

.k-toolbar-importimage {
    display: inline-block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	background-repeat: no-repeat;
	font-size: 0;
	line-height: 0;
	text-indent: -3333px;
	text-align: center;
	vertical-align: middle;
	background-color:white;
    opacity:0.9;   
    background-image:url("../Images/icon_import.gif")
}
.k-toolbar-exportimage{
    display: inline-block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	background-repeat: no-repeat;
	font-size: 0;
	line-height: 0;
	text-indent: -3333px;
	text-align: center;
	vertical-align: middle;
	background-color:white;
    opacity:0.9;
    background-image:url("../Images/icon_export.gif")
}

.calculatorimage{
   display: inline-block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	background-repeat: no-repeat;
	font-size: 0;
	line-height: 0;
	text-indent: -3333px;
	text-align: center;
	vertical-align: middle;
	background-color:white;
    opacity:0.9;
    background-image:url("../Images/copy.png")
}
    
.hoverImage {
    cursor:pointer;
}

.readonlyTextBox {
    background-color: #e6e6e6;
}

.ui-datepicker { z-index: 2000 !important;}
 #ui-datepicker-div
    {
        z-index: 9999999 !important;
    }
    
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modalLoading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url(../images/loader.gif) 
                50% 50% 
                no-repeat;
}

.modalDivLoading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url(../images/loader.gif) 
                50% 50% 
                no-repeat;
}

.btn-disabled,
.btn-disabled[disabled] {
    opacity: .5;
    cursor: default !important;
    pointer-events: none;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalLoading {
    display: block;
}

body.loading .modalDivLoading {
    display: block;
}

#Mycolors
{
    color: #f5f5eb;
}



#maindivshadow
{
    background-color: White;
    border-radius: 12px; /* shadow */
    -moz-box-shadow: 15px 15px 10px #313131;
    -webkit-box-shadow: 15px 15px 10px #313131;
    box-shadow: 10px 10px 10px #313131; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#313131')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#313131');
}

#maindivx
{
    margin: 5px;
    padding: 5px;
    background-color: #313131;
    border: thin none black;
    border-radius: 12px;
}

#centercontainer
{
    background-color: rgba(255,255,255,0.5);
    border: thin solid black; /*position: absolute;*/
    border-radius: 12px; /*padding: 20px;*/
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px; /*top: 4px; 	left: 3px; 	*/ /*padding-right: 5px; 	padding-bottom: 5px;*/
}

#centercontainer2
{
    top: 4px;
    left: 3px;
    background-color: #EAEAEA;
    border: thin solid #666699;
    position: absolute;
    border-radius: 8px;
    visibility: collapse;
}


#TabStrip
{
    border-style: none;
    background-color: transparent;
    border-collapse: collapse;
}


.toolbar {
	text-align: right;
}
.imageicon{
    display: inline-block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	background-repeat: no-repeat;
	font-size: 0;
	line-height: 0;
	text-indent: -3333px;
	text-align: center;
	vertical-align: middle;
	background-color:white;
    opacity:0.9;
    margin-left:-3px;
    padding-right: 2px;
    padding-left:0px;
    background-image:url("../Images/icon_export.gif");

   
    
}

#xxx table
{
    font-size: .90em; /*margin: 45px;*/
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    table-layout: fixed;
}

#xxx th
{
    padding: 4px;
    font-weight: normal;
    color: #039;
    background: #b9c9fe;
}

#xxx th:first-child
{
    border-radius: 8px 0px 0px 0px;
    border-left: 0px solid #fff;
}

#xxx th
{
    border-left: 1px solid #fff;
}

#xxx th:last-child
{
    border-radius: 0px 8px 0px 0px;
    border-left: 1px solid #fff;
}

#xxx tfoot td
{
    background: #D8E0FE;
}

#xxx tfoot td:first-child
{
    border-radius: 0px 0px 0px 8px;
}

#xxx tfoot td:last-child
{
    border-radius: 0px 0px 8px 0px;
}

#xxx tbody tr:hover td
{
    background: #d0dafd;
}

#xxx td
{
    padding: 4px;
    background: #e8edff;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

div.BasicAnswerProviderChecked {
   width:30px; /*width of your image*/
   height:30px; /*height of your image*/
   background-image:url('../Images/Policydetails/Complete.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
}
div#loading {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.45);
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 999;
    top: 0;
    display: table;
    overflow: hidden;
    text-align: center;
}
div#loading div#loadingcontent {
	display:table-cell;
	display: table-cell;
    vertical-align: middle;
}
p#loadingspinner {
    color: #fbfbfb;
    font-size: 16px;
}
p#loadingspinner .fa-pulse {
	top: 6px;
    position: relative;
    font-size: 33px;
}
.k-grid-header .k-header{
    overflow:visible !important;
}