@import url("https://fonts.googleapis.com/css?family=Poppins");

html{
    background-color: #EEE;
    font-family: Poppins, Arial, sans-serif;
    font-weight: 300;
    color: #222222;
    margin:0;
    padding:0;
}

html > body {
    font-size:13px;
    background-color: #EEE;
    font-family: Poppins, Arial, sans-serif;
    font-weight: 300;
    color: #222222;
    margin: 0;
    padding: 0;
}

p, span, div {	font-family: Poppins, helvetica, arial, sans-serif;}

#page-container {
    width: 85%;
    min-width: 1040px;
    margin: 20px auto;
    padding:  0;
    background: #fff;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.1);
}

td.mastmenu_l, td.mastmenu_r, td.mastbody_l, td.mastbody_r, td.masthead_l, td.masthead_r, td.mastfoot_l, td.mastfoot_c, td.mastfoot_r {
    display: none;
}

table td[colspan="50"] {
    display: block;
    color:red;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    margin-top: 15px;
}

table td[colspan="50"]:after {
    content: "[Certificate ID or Exporter Document No is not valid.]";
}

.MCCI table td[colspan="50"]:after {
    display:none;
}

#PageDiv input[name*="FIL"] {
    width: 200px;
}


.mastmenu_c{
background: #1771c9;
}

#menu_bar{
background-image:url(../img/nav_bg_green.jpg);
background-repeat:no-repeat;
}

#footer{
width:713px;
height:20px;
background-image:url(../img/footer_green.jpg);
background-repeat:no-repeat;
margin-bottom:3px;
}

#copyright {
    position: relative;
    top: 50px;
    padding-bottom: 10px;
}


.login_1{
font-family:Poppins arial, sans-serif;
font-size:13px;
color:#000000;
font-weight:bold;
}

.login_2{
font-family:Poppins arial, sans-serif;
font-size:12px;
color:#0000CC;
}

.agree_1{
font-family:Poppins arial, sans-serif;
font-size:12px;
color:#CC0033;
}

.side_1{
font-family:Poppins arial, sans-serif;
font-size:12px;
color:#000000;
}

.login_error{
font-family:Poppins arial, sans-serif;
font-size:12px;
color: #F00000;
}

/* MNS 2 */

.welcome{
font-family:Poppins arial, sans-serif;
font-size:24px;
color:#009933;
font-weight:bold;
}

.nav_1{
font-family:Arial;
font-size:11px;
color:#ffffff;
font-weight:bold;
}

/* MNS 4 */

#content-2{
width:713px;
background-image:url(../img/middle_bg.jpg);
background-repeat:repeat-y;
}

.form_1{
font-family:Poppins arial, sans-serif;
font-size:14px;
color:#0c9cf2;
font-weight:bold;
}

.form_2{
font-family:Poppins arial, sans-serif;
font-size:14px;
color:#000;
text-decoration:none;
}

a.form_2:hover{
font-family:Poppins arial, sans-serif;
font-size:14px;
color:#00CC00;
text-decoration:none;
}

a.form_2:visited{
font-family:Poppins arial, sans-serif;
font-size:14px;
color:#000;
text-decoration:none;
}

/* MNS 5 */

.dropdown_1{
font-family:Poppins arial, sans-serif;
font-size:14px;
color:#fff;
font-weight:bold;
text-decoration:none;
}

a.dropdown_1:hover{
font-family:Poppins arial, sans-serif;
font-size:14px;
color:#fff;
font-weight:bold;
text-decoration:none;
}

a.dropdown_1:visited{
font-family:Poppins arial, sans-serif;
font-size:14px;
color:#fff;
font-weight:bold;
text-decoration:none;
}

/* Nav - MNS 3 */

#sddm{
margin: 0;
padding: 0;
z-index: 30
}

#sddm li{
margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px Poppins;
line-height:11px;
}

#sddm li a{
display: block;
width: 150px;
margin-bottom:4px;
height: 19px;
background: #b0bec5;
color: #FFF;
text-align: center;
text-decoration: none;
}

#sddm div{
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #b0bec5;
border: 1px solid #0c9cf2;
}

#sddm div a{
position: relative;
display: block;
margin: 0;
padding: 3px 10px;
width:inherit;
text-align: left;
text-decoration: none;
background: #b0bec5;
color: #fff;
font: 12px Poppins;
}

#sddm div a:hover{
background: #d2f0ca;
color: #0c9cf2;
}

/* Nav - MNS 4 onwards */

#sddm_2{
margin: 0;
padding: 0;
z-index: 30;
width: 100%;
}

#sddm_2 li{
margin: 0;
padding: 0px 5px 0px 10px;
list-style: none;
float: left;
font: bold 12px Poppins;
line-height:11px;
}

#sddm_2 li a{
display: block;
width: auto;
margin-bottom:4px;
height: 18px;
/*background: #b0bec5;*/
color: #FFF;
text-align: center;
text-decoration: none;
font-size: 12px;
}

#sddm_2 div{
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #1771c9;
}

#sddm_2 div a{
position: relative;
display: block;
margin: 0;
padding: 3px 10px;
width: inherit;
text-align: left;
text-decoration: none;
background: #1771c9;
color: #fff;
font: 12px Poppins;
}

#sddm_2 div a:hover{
background: #4a9ef2;
color: #fff;
}

.textred{
font-family:Poppins arial, sans-serif;
font-size:12px;
color:black;
}

.tablesetting
{
   BORDER-BOTTOM: 3px solid none;
   /*BORDER-LEFT: 3px solid #FFF;
   BORDER-RIGHT: 3px solid #FFF;*/
   padding-top : 10px;
   WIDTH: 100%;
   background-color: #ebebeb;
	background: url(../img/table-bg.png) no-repeat;
}

body:not(.yui-skin-sam) .cellcolor1 > table:last-child{
    display: none;
}


body.yui-skin-sam form {
    border: 0;
    padding: 0;
    margin: 0;
}

body.yui-skin-sam form input, body.yui-skin-sam form select {
    margin: 0;
    line-height: 1;
    color: #454545;
    border: 0 solid transparent;
    padding: 5px;
    font-weight: 300;
    font-family: Poppins, Arial, sans-serif;
}

body.yui-skin-sam p {
    margin: 0;
    line-height: 1;
    color: #555;
    border: 0 solid transparent;
    padding: 5px;
    font-weight: 300;
    font-family: Poppins, Arial, sans-serif;
}

body.yui-skin-sam table td {
    vertical-align: top;
}

body.yui-skin-sam td.mastbody_c > table {
    width: calc(100% - 40px) !important; margin: 20px !important;
    text-align: left;
}


.logoutbutt {
    background-image : url(../img/logout_green.jpg) !important;
    background-repeat : no-repeat  !important;
    background-position : center left !important;
    padding-left : 19px;

}

.tabContainer {
    background-color : #b0bec5;

}

.tabOutline {
    border : 1px solid #b0bec5;
    width : auto;
    overflow : auto;
}

.tabBody {
    background-color : #cfd8dc;
}

.tabCell {
    background-color: rgb(106, 196, 108);
    color : rgb(255, 255, 255);
}

.UnhighlightedTab {
    background-color : #b0bec5;
    color : #FFFFFF;
    padding: 3px 8px;
    border-top: 1px solid #b0bec5;
    border-left: 1px solid #b0bec5;
    border-right: 1px solid #b0bec5;
    cursor: auto;


}

.HighlightedTab {
    background-color : #cfd8dc;
    color : #000000;
    padding: 3px 8px;
    border-top: 1px solid #b0bec5;
    border-left: 1px solid #b0bec5;
    border-right: 1px solid #b0bec5;
    cursor: pointer;
}


.button {
    padding: 8px 20px;
    background: #f0f0f0;
    border-radius: 5px;
    color: #454545;
    text-align: center;
    line-height: 1.5;
    border: 0;
    margin: 5px 10px;
    cursor: pointer;
}
#button_1 {
    background: #1771c9;
    color: #fff;
    float: right;
}
#button_1:hover {
    background: #0f547b;
}
#button_2{
    float: left;
}

#button_2:hover {
    background: #ccc;
}

#butt_1 {
    background: #1771c9;
    color: #fff;
    float: right;
}
#butt_1:hover {
    background: #0f547b;
}

.MASTInputTextArea {
    font-family:Poppins arial, sans-serif;
    font-size:14px;
}

.MASTInputText {
    font-family:Poppins arial, sans-serif;
    font-size:14px;
}

.MASTInputNumeric {
    font-family:Poppins arial, sans-serif;
    font-size:14px;
    text-align:right;
}

.MASTListBox {
    font-family:Poppins arial, sans-serif;
    font-size:14px;
}

.MASTDownloadLink {
    text-decoration : none;
}

.readonly {
    background-color: #eeeeee;
    border : 2px solid #dddddd;
}

.GridDataCell,.GridCaptionTH {
    /*border: 1px solid #0c9cf2;*/
}

table td[style*="#5ba15b"], #PageDiv table td.detail_1 {
    border: 1px solid #f0f0f0 !important;
    }

.HighLiteViewFormSearch {
    color : white;
    background-color: #009900;
    cursor : pointer;
}

.UnHighLiteViewFormSearch {
    color : black;
    background-color: #ebebeb;
    cursor : pointer;
}

#ViewFormSearchList {
    border: 3px solid #FFFFFF;

}
.errmsg {
    color: rgb(240, 0, 0);
    font-family: 'Times New Roman', Times, serif;
    font-size: 10px;
}
.mandatory {
    background-image: url(../img/asterisk.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.detail_1 {
    padding:2px 5px;
}


tr.even td    { background-color:#f7f7f7; }
tr.even th	  { background-color:#e8e8e8; }
tfoot         { font-style:italic; }

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, .title_1, .title_2, .title_3, .title_4 {
  font-weight: normal;
  color: #222;
  font-family: Poppins, helvetica, arial, sans-serif;
}

/*h1 {font-size: 2.2em;line-height:1; margin-bottom:.5em;}*/
/*h2 {font-size: 1.8em;line-height:1.3;margin-bottom:0.3em;line-height:1.2em;}*/
/*h3 {font-size: 1.5em;line-height:1;margin-bottom:0.5em;}*/

h1 {font-size:3em; line-height:1; margin-bottom:0.1em;}
h2, .title_1 {font-size:2em; line-height:1.3; margin-bottom:0.3em;}
h3, .title_2 {font-size:1.5em; line-height:1; margin-bottom:0.7em;}
h4 {font-size:1.2em; line-height:1.25; margin-bottom:0.3em;}
h5, .title_3 {font-size:1.1em; margin-bottom:0.5em;}
h6, .title_4  {font-size:1em; font-style:italic;}

h4 + h5 {margin-top:-0.6em;}


a:focus,
a:hover       { color:#09c; }
a             { color:#039; text-decoration:underline; }

h4 a {color:inherit;}

input {
  font-family: Poppins,  helvetica, arial, sans-serif;
  font-size:1.2em;
  font-weight: normal;
}


.headerBannerLogo {
	height:100px;
	background: url(../../img/MRA-LOGO-COL-2.gif) 25px 50%;
	background-repeat:no-repeat;
	margin-right: 20px;
	background-size: auto, 180px;
}

.headerBannerLogo.mcciLogo {
	height:100px;
	background:url("https://cdn.jsdelivr.net/gh/mnsltd/mns-public@develop/logo.png")  center left/auto 40px no-repeat;
	background-repeat:no-repeat;
	margin-right: 20px;
}

.dashed-line {
	height:1px;
	border-top:1px dashed black;
	width:100%;
}

table td.title_3 {
    
}

#PageDiv {
    width: 98% !important;
    margin: 1% !important;
}
#PageDiv td.detail_1{
    padding: 6px 12px;
    vertical-align: middle;
    font-size: 13px;
    text-align: left !important;
}

#PageDiv a[href*="GoPage"] {
    background: #F1F8E9;
    padding: 6px 12px;
    border-radius:3px;
    transition: all 0.3s ease;
    color: #1d86ef;
}

#PageDiv table a[href*="GoPage"]:hover {
    color: #666;
}

#PageDiv div[style*='80px'] {
    min-width: 92px;
}