@charset "utf-8";
/* CSS Document */

 input[type="text"]
        {
            /*background-color: #E8F8FF;*/
            margin-bottom: 0;
        }
        .blink
        {
            font-size: 13px;
        }
        .right_box
        {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaf8ff+1,ffffff+100&1+0,0+100 */
            background: -moz-linear-gradient(top, rgba(234,248,255,1) 0%, rgba(234,248,255,0.99) 1%, rgba(255,255,255,0) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,248,255,1)), color-stop(1%,rgba(234,248,255,0.99)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(234,248,255,1) 0%,rgba(234,248,255,0.99) 1%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(234,248,255,1) 0%,rgba(234,248,255,0.99) 1%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(234,248,255,1) 0%,rgba(234,248,255,0.99) 1%,rgba(255,255,255,0) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgba(234,248,255,1) 0%,rgba(234,248,255,0.99) 1%,rgba(255,255,255,0) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf8ff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
        }
        .rihgt_hdr
        {
            margin-top: 0px;
            margin-bottom: 0;
            background-color: #ECF8FF;
            /* border-bottom: solid 1px #DBDBDB; */
            padding: 10px;
        }
        .right_list
        {
            margin-bottom: 20px;
        }
        .right_list li
        {
            border-bottom: solid 1px #E9F0F2;
        }
        .right_list li:last-child
        {
            border-bottom: none;
        }
        .topLink .rightBg {width:466px;}
    </style>
    <!--[if IE]>
  <script src="scripts/html5.js"></script>
<![endif]-->
    <style type="text/css">
        *
        {
            margin: 0;
            padding: 0;
        }
        body
        {
            padding-right: 5px;
        }
        .btn-info
        {
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
            background-color: #49afcd;
            background-repeat: repeat-x;
            background-image: linear-gradient(to bottom,#2c529d,#254589);
    border-left-color: #254589;
    border-right-color: #254589;
    border-top-color: #254589;
    border-bottom-color: #1f6377;
}
        .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled]
        {
            background-color: #38589c;
        }
        .mtop20
        {
            margin-top: 20px;
        }
        /*button.close {
	padding-right:5px;
}
.modal {
	width:800px;
	margin-left:-380px;
}
.modal-body {
	max-height:500px;
	font-family: 'Roboto', sans-serif;
	padding-top:0;
	padding-bottom:0;
}
.modal-backdrop, .modal-backdrop.fade.in {
	opacity: .5;
	filter: alpha(opacity=80);
}
.nameTxt {
	font-size:15px;
	font-weight:bold;
}
.modal-header h3 {
	color:#00709b;
	font-size:20px;
	line-height:20px;
	margin-left:3px;
	font-weight:normal;
}
.modal-header h3 span {
	font-size:14px;
	font-weight:normal;
	color:#000;
}
.accordion-group, .accordion-inner {
	border:none;
	padding:0;
}
.accordion-inner {
	border:none;
	padding:0;
	padding-top:8px;
}
.accordion {
	margin-bottom:0;
	margin-top:5px;
}*/h3#myModalLabel
        {
            color: #00709b;
            font-size: 20px;
            line-height: 12px;
            margin-left: 3px;
            font-weight: normal;
        }
        h3#myModalLabel span
        {
            font-size: 14px;
            font-weight: normal;
            color: #000;
        }
        .table-condensed td
        {
            font-size: 15px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .table td
        {
            font-size: 15px;
        }
        
        .numbr
        {
            font-size: 25px;
            font-weight: bold;
        }
        .grayBg
        {
            border-left: solid 5px #b9b9b9;
        }
        .redBg
        {
            border-left: solid 5px #ff0000;
        }
        .greenBox {background-color: #0fa704;padding: 10px;margin-bottom: 10px;clear: both;min-height: 135px;    border-left: 5px solid #11f500;}
        .ltblueBox
        {
            background-color: #fafeff;
            padding: 10px;
            margin-bottom: 10px;
            border-top: solid 1px #e1e1e1;
            border-bottom: solid 1px #e1e1e1;
            border-right: solid 1px #e1e1e1;
            min-height: 135px;
        }
        .grayBox
        {
            background-color: #ffffff;
            padding: 10px;
            margin-bottom: 10px;
            border-top: solid 1px #e1e1e1;
            border-bottom: solid 1px #e1e1e1;
            border-right: solid 1px #e1e1e1;
        }
        .optnBox
        {
            width: 10%; float:left;
        }
        .details{width: 70%;float: left;}
        .result{width: 14%;float: right;}
        .optnNumOth span{ display:block;font-size: 15px;}
        .remarks{ width:100%;}
        .remarks .remarks-lft{ width:120px; float:left;}
        .remarks .remarks-right{ width:88%; float:left;}
        .remark-txt{ font-size:16px;color:#ff6000;font-weight:600;}
        .remarks ul{ margin:0; padding:0;}
        .remarks ul li{ list-style-type:none; display:inline-block;padding-right: 10px;}
        .remarks .remark-txt-result{ font-size:14px;  }
        
        .optn
        {
            background: #efefef;
            border: solid 1px #d8d8d8;
            font-size: 15px;
            text-align: center;
            margin-top: 0px;
            margin-bottom: 8px;
            padding: 5px;
        }
        .optnNum
        {
            background: #297d00;
            border: solid 1px #55ce19;
            padding: 5px;
            text-align: center;
            font-size: 15px;
            color: #ffffff;
            padding: 5px;
            line-height: 20px;
            border-radius: 50%;
            width: 90px;
            height: 90px;
            padding-top: 18px;
            margin-top: 18px;
            
        }
         .optnNumOth
        {
            /* border: solid 1px #a1d5ea; */
            font-size: 20px;
            color: #ffffff;
            padding: 5px;
            line-height: 20px;
            text-align: center;
            border-radius: 50%;
            background: #39abff;
            width: 90px;
            height: 90px;
            padding-top: 18px;
                margin-top: 18px;
        }
        
        .greenBox ul.modalList li span{ font-weight:600; color:#fff !important;}
        .greenBox .modalList li:before { color: #fff;}
        
        .lblSelect
        {
            background: #efefef;
            border: solid 1px #d8d8d8;
            font-size: 15px;
            text-align: center;
            padding: 4px 10px;
            display: block;
            line-height: normal;
            font-weight: bold;
        }
        .contgra {
    color: #fff94e;
    font-style: italic;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    padding-top: 6px;
    display: block;
}
        .selection
        {
            text-align: right;
            margin-bottom: 15px;
        }
        .selection span
        {
            font-size: 16px;
            font-weight: bold;
        }
        .whiteTxt, .whiteTxt li
        {
            color: #FFF;
        }
        .grayTxt, .grayTxt li
        {
            color: #707070;
        }
        .blackTxt, .blackTxt li, .grayTxt span
        {
            color: #3F3F3F;
        }
        .orangeTxt
        {
            color: #e15a1d;
        }
        .blueTxt
        {
            color: #2a4f98;
        }
        .whiteTxt li
        {
            border-right: solid 1px #7bc358;
        }
        .grayTxt li
        {
            border-right: solid 1px #d7d9da;
        }
        .blackTxt li span
        {
            color: #000;
        }
        .subHd
        {
            font-size: 17px;
            padding-left: 14px;
            margin-top: 15px;
            margin-bottom: 10px;
        }
        .modalList
        {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .modalList li
        {
            display: inline-block;
            padding: 5px 15px;
            font-size: 13px;
        }
        .modalList li span
        {
            font-size: 16px;
        }
        .modalList li:last-child
        {
            border: none;
        }
        .profImg
        {
            margin-right: 10px;
            width: 30px;
            height: 25px;
        }
        .table th, .table td
        {
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .table-striped td
        {
            background-color: #eeedee;
            border-top: solid 1px #FFF;
        }
        .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th
        {
            background-color: #f7f7f7;
        }
        .collArrow
        {
            background: url(images/colArrow.png) center no-repeat;
            width: 35px;
            height: 34px;
            display: block;
            margin-top: 15px;
            margin-right: 20px;
        }
        .green
        {
            background-color: #0fa704;
        }
        .pos0
        {
            background-color: #F4F4F4; /*background-image: url(../images/apps_bg.jpg);*/
            background-repeat: repeat-x;
            background-position: left top;
            padding: 10px;
            padding-top: 10px;
            padding-bottom: 10px;
            margin: 10px;
        }
        .msg
        {
            font-size: 17px;
            /*width: 800px;*/
            margin: auto;
            line-height: 23px;
            text-align: center;
        }
        .msg .cont p
        {
            text-align: center;
            line-height: 30px;
        }
        .msg strong
        {
            color: #F30;
        }
        .invalidImg
        {
            display: block;
            margin: 0 auto 15px auto;
        }
		.right_box {
			background:#f4f4f4;
			/* border:#dedede 1px solid; */
}
.rihgt_hdr {
    margin-top: 0px;
    margin-bottom: 0;
    background-color: #fcfcfc;
    /* border-bottom: solid 1px #DBDBDB; */
    padding: 10px;
    color: #ff8400;
    }
.right_list {margin-bottom:20px;}
.right_list li{border-bottom: solid 1px #e0e2e2}
.right_list li:last-child {border-bottom:none;}


/* Start :: New css added by yasmin on 10th june 2016*/

.in_listitem {
    margin:0px;
}

.in_listitem li {
    padding: 10px 15px;
    list-style: none;
    /* background: url(../imgSams/bullet-gray.png) left 12px no-repeat; */
	background:none;
}

.in_listitem li a {
    color: #000000;
    text-decoration: none;
    border-left: #2580b9 3px solid;
    padding: 0px 10px;
	font-size: 14px;
	display:block;
}

.in_listitem li:hover{background:#d2e8f9;}
.in_listitem li:hover a{text-decoration:none;color:#000;}

.right-app{float:right;
           width:28%;}

.left-app{float:left;
           width:70%;}
           
           
  ul.refUL{ margin:0px; padding:0px;}         
   ul.refUL li{ list-style-type:none;}  
  .boldtxt{ font-size:20px !important; font-weight:600;display: inline-block;
    width: 165px; position:relative;} 
  .boldtxt span{ position:absolute;right: 0;} 
        
		   
#mobileApp-box{
	background:url(../images/mobile-section-bg.jpg) no-repeat left top;
	background-size:100% 100%;
	float:left;
	width:100%;
	margin-top: 20px;
	}	
	
.mobile-brand{background:rgba(0,0,0,.6);float:left;width:94%;color:#fff;font-size:16px;padding:10px;display:block;}

.mobile-brand:hover, .mobile-brand:focus{background:rgba(6, 90, 144, .8);color:#fff;text-decoration:none;}


.android-icon{background:#fff;padding:3px;border-radius:50%;float:right;}		   

#mobileApp-box .mobileimg{float:left;padding:15px;}

#mobileApp-box ul{color:#fff;margin:15px 0 0 10px;font-size:16px;float:left;}
#mobileApp-box ul li{padding:3px  0 3px 20px;background:url(../images/bullet-tick.png) no-repeat left center;}

.twitter-box{margin-top:20px;border:#ededed 1px solid;float:left;width:100%;}

.app-head{font-size: 20px;
    color: #fff;
    font-weight: normal;
    background: #53a3df;
    padding: 6px 10px;
	margin:0px;
	}
	
.app-head-right{font-size: 20px;
    color: #fff;
    font-weight: normal;
    background: #e08c32;
    padding: 6px 10px;
	margin:0px;
	}	
	
.appfilter-box{float:left;width:95%;border:#ededed 1px solid;padding:15px;}	
.appfilter-box input{border-radius:0px;}
.appfilter-box input#txtMRIndexNo{width:30%;}
.appfilter-box input#TextindexNo{width:30%;}
.appfilter-box input[type="submit"]{    margin-left: 5px;
    background: #ff8400;
    border: #cc6c05 1px solid;
    text-shadow: none;
    font-style: normal;
    font-size: 16px;}

.appfilter-box input[type="submit"]:hover{background:#dc780c;color:#fff;}
.sm-mint li:first-child{border-left:0px;}
.message {margin:20% 2% 0 2%; }
.message h3{font-size:18px; text-align:center; color:#5A5A5A;}
@media screen and (min-width: 768px) and (max-width: 900px) {
	
	.portletCont {
    margin-top: 110px;
}
.header .logo {
    width: 42% !important;
}

.appfilter-box{width:96%;padding:2%;}	
#mobileApp-box ul{font-size: 14px;margin: 15px 0 0 0px;}
.mobile-brand{font-size:13px;}
}

@media only screen and (max-width: 767px) {
	
	.left-app{width:100%;margin:10px 0 20px;}
	.portletCont{margin-top:10px;}
	
	.right-app{width:100%;}
	.mobile-brand{width:96%;padding:2%;font-size:16px;}
	.app-head{font-size:18px;}
	
}

@media screen and (min-width: 481px) and (max-width: 767px) {
	.portletCont {
    margin-top: 60px;
}
}

@media only screen and (max-width: 360px) {
	
	.appfilter-box input[type="submit"]{margin-top:10px;margin-left:0px;}
	.appfilter-box input#txtMRIndexNo{width:50%;}
	.app-head{font-size:14px;}
	
}

/* End :: New css added by yasmin on 10th june 2016*/