﻿
    .AddWrapp ul.Addview li > div{ width:100% !important;}
    div.ModalPopup{position: relative; top:20px !important; margin: 30px auto; width:70% !important; z-index:9999;}
    #ModalPopupDiv{ left:15px !important; right:15px !important; padding:10px;}
    .popupbg{ position:fixed;}


        .modalBackground
        {
            background-color: Black;
            filter: alpha(opacity=90);
            opacity: 0.8;
        }
        .modalPopup
        {
            background-color: #FFFFFF;
            border-width: 3px;
            border-style: solid;
            border-color: black;
            padding-top: 15% !important;
            padding-left: 10px;
            width: 300px;
            height: 140px;
        }
        #contentLogin_contentMain_SearchWBSPopUp_pnlSearchPopup
        {
            width: 100% !important;
        }
 
        .modal-backdrop
        {
            background-color: rgba(0, 0, 0, 0.61);
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            display: none;
        }
        .modal
        {
            width: 500px;
            position: absolute;
            top: 25%;
            z-index: 1020;
            background-color: #FFF;
            border-radius: 6px;
            display: none;
        }
        .modal-header
        {
            background-color: #333;
            color: #FFF;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
        }
        .modal-header h3
        {
            margin: 0;
            padding: 0 10px 0 10px;
            line-height: 40px;
        }
        .modal-header h3 .close-modal
        {
            float: right;
            text-decoration: none;
            color: #FFF;
        }
        .modal-footer
        {
            background-color: #F1F1F1;
            padding: 0 10px 0 10px;
            line-height: 40px;
            text-align: right;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            border-top: solid 1px #CCC;
        }
        .modal-body
        {
            padding: 0 10px 0 10px;
        }
          .Selectnew{border:1px solid #d7d5d5; padding:2px 3px 3px; font-size:12px; color:#1d1d1d; height:24px; margin:0;vertical-align:1px}
        .search_popup {
            height: auto!important;
            border: none!important;
            overflow: inherit!important;
            z-index:99;
            position: relative;
        }
        div.ModalPopup {padding:10px;
        }
        #ModalPopupDiv3
        {
            top:2%;
		    left:1%;
		    width:98%;
		    height:100%;
		    bottom:0px;
		    position:fixed;
		    z-index:10001;
		    padding:20px;
		    font-size:14px;  		       
         }
         .closebtn{
		    width:20%;float:right;
	        }
	        .closebtn span{
		        float:right;		
		        margin:1px;
		        margin-top:5px;
	        }
	        .closebtn span:hover{
		        cursor:pointer; ;
	        }
	           #mask
        {
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: #000;
            opacity: 0.7;
            position: fixed;
            z-index: 99;
        }


        .graphContainerDiv
        {
            float: left;
            width: 90%;
            margin-left: 5px !important; /* border: 1px solid lightGray; */
            border-radius: 5px;
            margin-top: 10px !important;
            padding: 20px;
        }
        .gridContainerDiv
        {
            float: left;
            width: 97%; /* margin-left: 5px !important; */ /* border: 1px solid lightGray; */
            border-radius: 5px; /* margin-top: 10px !important; */
            padding: 10px;
        }
        #container
        {
            width: 100%;
            margin: 0 auto;
        }
        #container1
        {
            width: 80%;
            margin: 0 auto;
        }
        #container2
        {
            width: 80%;
            margin: 0 auto;
        }
        #container3
        {
            width: 80%;
            margin: 0 auto;
        }
        #container4
        {
            width: 80%;
            margin: 0 auto;
        }
       
        @media screen and (max-width: 1100px)
        {
            .innerform ul.Addview li label
            {
                width: 35%;
                font-size: 10px;
            }
        }


        div.MaskedDiv 
{
	visibility: hidden;
	position:absolute;
	left:20%;
	top:20%;
	font-family:verdana;
	font-weight:bold;
	padding:40px;
    z-index:100;
	background-image:url(Mask.png);
	/* ieWin only stuff */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='Mask.png');
}


div.ModalPopup 
{
    
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;*/
	font-style: normal;
	background-color: #fff;
	position:absolute;
	/* set z-index higher than possible */
	z-index:1000;
	visibility: hidden;
    color: Black;
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
    /*width: auto!important;*/
    height :auto;
}
   