@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@font-face {

	font-family: 'Palatino Linotype';

	src: url('../font/PalatinoLinotype-Bold.eot');

	src: url('../font/PalatinoLinotype-Bold.eot?#iefix') format('embedded-opentype'),

		url('../font/PalatinoLinotype-Bold.woff2') format('woff2'),

		url('../font/PalatinoLinotype-Bold.woff') format('woff'),

		url('../font/PalatinoLinotype-Bold.ttf') format('truetype'),

		url('../font/PalatinoLinotype-Bold.svg#PalatinoLinotype-Bold') format('svg');

	font-weight: bold;

	font-style: normal;

}
.yellow {background: #e79200 !important;}
.green {background: #40C900 !important;}
.grey {background: rgba(131,131,131,1.00) !important; cursor: not-allowed;}
select option[disabled] , select option:disabled, select option[disabled]:selected {color: red !important;}

.radio-inline input[type=radio]:checked { font-weight: bold !important;}

*{margin: 0;

padding: 0;}

 html {width: 100%;

height: 100%;}



body.custom-bg { background: #e8eaeb;}

.no-padding {

    padding: 0 !important;

}

.no-margin {

    margin: 0 !important;

}

.no-l-padding { padding-left: 0 !important;}

.no-r-padding { padding-right: 0 !important;}

.small-screen { background: #fff; z-index: 99999; font-size:18px; padding:10% 20px; text-align:center;}

.top-bar {

    width: 100%;

    margin: 0 auto;

    height: 54px;

   background: #509355;

}

.container {

    max-width: 1200px;

    width: 100%;

}

.header  {

    position: relative;

    background: #fff;

}

.header .banner-img { position: absolute; top: 0; right: 0 ;

    max-width: 900px; z-index: 9; 

}

.header p {

    font-size: 25px;

    font-family: 'Palatino Linotype';

    font-weight: bold;

    color: #000;;

}

.head-line {

    width: 100%;

    height: 45px;

	    background: linear-gradient(to right, rgb(80, 147, 85) 0%,rgb(241, 241, 251) 100%);

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb7614+0,fbbe01+100 */



}

.samline {

    width: 100%;

    height: 2px;

    z-index: 99;

    background-color: #509355; 

	display: none;

	

}

.note {

    font-size: 20px;

    display: inline-block;

    padding-bottom: 5px;

    font-family: 'Roboto', sans-serif;

    color: #03335f;

}

.notice-content {

    border-top:solid 1px #03335f;

}

.new-line {

    width: 100%;

    height: 2px;

    background-color: #03335f;

}

.notice p {

    font-family: 'Lato', sans-serif;

    font-weight: 400;

}

.containt li {

    margin-left: 20px; 

}

.footer {

    height: auto;

    min-height: 70px;

    text-align: center;

    background-color: #509355;

    color: #fff;

}

.loginwrap {

    max-width: 258px;

    width: 100%;;

    float: none;

    text-align: center;

    margin : 0 auto;

    padding-top: 42%;

}

.rt-content {width: 100%; height: auto; padding-top: 40px;}

.button-image {max-width: 438px; width: 100%; height: 460px; background: url(../images/right-image.png) no-repeat;

margin: 0 auto; background-size: contain; }



.loginwrap a {

    color: #fff;

    font-family: 'Roboto', sans-serif;

    font-size: 20px;

    text-decoration: none;

    position: relative;

}

.loginwrap p {

    font-size: 25px;

    font-family: 'Roboto', sans-serif;

    color: #03335f;

    font-weight: 700;

    text-align: center;

}

.anchortag {

    max-width: 260px;

    width: 100%;

    height: 52px;

    color: #fff;

    line-height: 45px;

    display: block;

    text-align: center;

    background: #03335f;

    border-radius: 26px;

    outline: none;

    border: 1px solid #03335f;

}

.containt ul { list-style: none; background: #fff; padding: 20px; padding-left: 50px;}

.containt ul li { position: relative; font-size: 16px; line-height: 25px;}

.containt ul li:before  {

    content: "\f054";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

/*--adjust as necessary--*/

    color: #03335f;

    font-size: 14px;

    padding-right: 30px;

    position: absolute;

    top: 2px;

    left: -30px;

    font-weight: bold;

}

.exiting-user {

    margin-top: -65px;

}

.exiting-user p {

    color: #fff;

}

.new-color a {

    background-color: #ffc21b;

    color: #03335f;

    font-weight: 400;

    font-size: 20px;

    font-family: 'Roboto', sans-serif;

    font-weight: 600;

}

.call-logo {

    border: 1px solid #a2a4a4;

    background: #fff;

} 

.image-log {

    margin-left: 10px;

    padding: 20px;

	color:#337ab7;

}

.image-log img {

    margin-left: 20px;

}

.image-log p {

    margin-top: 10px;

    font-size: 24px;

    font-family: 'Roboto', sans-serif;

    

}

.image-log p a {

    text-decoration: none;

    color: inherit;

	padding: 14px 10px;

}

.footer p {

    font-family: 'Open Sans', sans-serif;

    font-size: 16px;

    margin-bottom: 1px;

}

/* ==========================New User page====================== */

.new-userline {

    width: 100%;

    height: 2px;

    background-color: #e78c00;

}

.contact-image {

    margin: 30px 5px 0 0;

    border-bottom: 2px solid #e78c00;

} 

.contact-image p {

    display: inline-block;

    margin-left: 15px;

    font-family: "Roboto" sans-serif;

    font-size: 20px;

    color: #03335f;

}

.new-wrapper {

    display: inline-block;

}

.new-wrapper p {

    font-size: 25px;

    font-family: 'Palatino Linotype';

    font-weight: bold;

    color: #000;;

    display: inline-block;

    margin:0;

    line-height: 31px;

    vertical-align: middle;

}

.new-wrapper p span { font-size: 16px;}

.new-wrapper img {

    padding: 10px 10px 10px 0;

}

.main-form { margin: 50px 10%; min-height: 370px;}

.main-form label { font-weight: normal; font-size: 16px; color: #000; text-align: left !important;}

.main-form input, .main-form select, .main-form textarea { border-radius: 0; outline-color: #89a0b4; border-color: #89a0b4;}

.main-form .submit-form , .main-form .submit-form:hover { background: #bd5617; border-radius: 10px; padding: 8px 40px; border: none; outline: none

; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 16px; -webkit-box-shadow: 0px 2px 5px 0px  rgba(3,51,95,1); margin-top: 20px;

-moz-box-shadow: 0px 2px 5px 0px rgba(3,51,95,1);

box-shadow: 0px 2px 5px 0px rgba(3,51,95,1);}

.enquiry  {

    position: relative;

    display: inline-block;

    margin-top: 7%;

    float: right;

}

.enquiry span {

    font-size: 16px;

    text-transform: uppercase;

    color: #509355;

    font-family: 'Roboto', sans-serif;

    font-weight: 700;

}

.enquiry p {

    font-size: 20px;

    color: #509355;

    font-weight: 700;

    line-height: 18px;

    

}

.enquiry p:before {

    content: "\f095";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

/*--adjust as necessary--*/

    color: #509355;

    font-size: 40px;

    padding-right: 0.5em;

    position: absolute;

    top: 12px;

    left: -40px;

}

.log-out { text-align: right; margin-top: 40px;}

.log-out input { background: #f7bc06; border-radius: 0; border: none; padding:5px 10px; font-weight: 700; text-transform: uppercase; font-size: 12px; color: #03335f; font-family: 'Roboto', sans-serif; }

.bg-color  {background-color: #f1f1f1;width: 100%; padding: 0; }

.bg-color p {font-size: 18px; font-family: 'Roboto', sans-serif; text-align: center; padding: 0; line-height: 3;font-weight: 700; }

.student-info {

    max-width: 1200px;

    width: 100%;

    margin-bottom: 15px;

/*    border-left: 1px solid #cdd6df;*/

}

.student-info .box { position: relative; display: inline-block; width: 100%; height: 160px;margin: 0; border-right: 1px solid #cdd6df; }

.student-info .box.active, .student-info .box:hover { background-color: #509355;  }

.student-info .col-sm-2:last-child .box { border: none;}





.student-info .box.active:after,.student-info .box :hover:after {

	top: 100%;

	left: 50%;

	border: solid transparent;

	content: "";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

    border-color: rgba(136, 183, 213, 0);

	border-top-color: #509355;

	border-width: 30px;

	margin-left: -30px;

    

}

.student-info .box .icon-h{width: 100%; height: 112px; background: url(../images/ico.png) -20px -100px no-repeat;display: block;}

.student-info .box .icon-h p{text-align: center;color: #509355;padding: 112px 0 35px 0;font-family: 'Roboto', sans-serif;font-size: 16px; }

.student-info .box .icon-h:hover,

.student-info .box.active .icon-h { width: 100%; height: 112px; background: url(../images/ico.png) -20px 0;display: block;background-repeat: no-repeat;}	

.student-info .box .icon-h:hover p,

.student-info .box.active .icon-h p {color:#fff; }

.student-info .box .icon-h a:hover{ text-decoration: none;}



.student-info .box .icon{width: 100%; height: 112px; background: url(../images/ico2.png) -20px -100px no-repeat;display: block;}

.student-info .box .icon p{text-align: center;color: #509355;padding: 112px 0 35px 0;font-family: 'Roboto', sans-serif;font-size: 16px; }

.student-info .box.active .icon,

.student-info .box .icon:hover { width: 100%; height: 112px; background: url(../images/ico2.png) -20px 0;display: block;background-repeat: no-repeat;}	

.student-info .box .icon:hover p,

.student-info .box.active .icon p{color:#fff; }

.student-info .box .icon  a:hover{ text-decoration: none;}



.student-info .box .icon-2{width: 100%; height: 112px; background: url(../images/ico3.png) -20px -100px no-repeat;display: block;}

.student-info .box .icon-2 p{text-align: center;color: #509355;padding: 112px 0 35px 0;font-family: 'Roboto', sans-serif;font-size: 16px; }

.student-info .box.active .icon-2,

.student-info .box .icon-2:hover { width: 100%; height: 112px; background: url(../images/ico3.png) -20px 0;display: block;background-repeat: no-repeat;}	

.student-info .box .icon-3:hover p,

.student-info .box.active .icon-3 p{color:#fff; }

.student-info .box .icon-2 a:hover{ text-decoration: none;}



.student-info .box .icon-3{width: 100%; height: 112px; background: url(../images/ico4.png) -20px -100px no-repeat;display: block;}

.student-info .box .icon-3 p{text-align: center;color: #509355;padding: 112px 0 35px 0;font-family: 'Roboto', sans-serif;font-size: 16px; }



.student-info .box .icon-3:hover,

.student-info .box.active .icon-3 { width: 100%; height: 112px; background: url(../images/ico4.png) -20px 0;display: block;background-repeat: no-repeat;}	

.student-info .box .icon-3:hover p,

.student-info .box.active .icon-3 p{color:#fff; }

.student-info .box .icon-3 a:hover,

.student-info .box.active .icon-3 a { text-decoration: none;}



.student-info .box .icon-4{width: 100%; height: 112px; background: url(../images/ico5.png) -20px -100px no-repeat;display: block;}

.student-info .box .icon-4 p{text-align: center;color: #509355;padding: 112px 0 35px 0;font-family: 'Roboto', sans-serif;font-size: 16px; }

.student-info .box .icon-4:hover,

.student-info .box.active .icon-4 { width: 100%; height: 112px; background: url(../images/ico5.png) -20px 0;display: block;background-repeat: no-repeat;}	

.student-info .box .icon-4:hover p,

.student-info .box.active .icon-4 p {color:#fff; }

.student-info .box .icon-4 a:hover,

.student-info .box.active .icon-4 a{ text-decoration: none;}



.student-info .box .icon-5{width: 100%; height: 112px; background: url(../images/ico6.png) -20px -100px no-repeat;display: block;}

.student-info .box .icon-5 p{text-align: center;color: #509355;padding: 112px 0 35px 0;font-family: 'Roboto', sans-serif;font-size: 16px; }

.student-info .box .icon-5:hover,

.student-info .box.active .icon-5 { width: 100%; height: 112px; background: url(../images/ico6.png) -20px 0;display: block;background-repeat: no-repeat;}	

.student-info .box .icon-5:hover p,

.student-info .box.active .icon-5 p {color:#fff; }

.student-info .box .icon-5 a:hover,

.student-info .box.active .icon-5 a{ text-decoration: none;}



.student-info .box .icon-6{width: 100%; height: 112px; background: url(../images/ico7.png) -20px -100px no-repeat;display: block;}

.student-info .box .icon-6 p{text-align: center;color: #509355;padding: 112px 0 35px 0;font-family: 'Roboto', sans-serif;font-size: 16px; }

.student-info .box .icon-6:hover,

.student-info .box.active .icon-6 { width: 100%; height: 112px; background: url(../images/ico7.png) -20px 0;display: block;background-repeat: no-repeat;}	

.student-info .box .icon-6:hover p,

.student-info .box.active .icon-6 p {color:#fff; }

.student-info .box .icon-6 a:hover,

.student-info .box.active .icon-6 a { text-decoration: none;}

.resistation-logo {padding-top: 0;border-bottom: solid 2px #509355}

.resistation-logo img {display: inline-block;}

/*.resistation-logo p {font-size: 24px;display: inline-block; margin-left:20px;font-family: 'Roboto',sans-serif;color: #509355;}*/

.resistation-logo p {font-size: 16px;display: inline-block; margin-left:0;font-family: 'Roboto',sans-serif;color: #509355; margin-bottom: 0; font-weight: bold;}

.candidate { padding: 0; border: solid 1px #cccccc;}

.candidate span{color:#03335f;font-size: 20px; font-family: sans-serif;}

.notes-logo { width: 100%; display: inline-block;margin-top: 0; border-bottom: solid 2px #509355 }

/*.notes-logo p {font-size: 24px;display: inline-block; margin-left:20px;font-family: 'Roboto',sans-serif;color: #509355;}*/

.notes-logo p {font-size: 16px;display: inline-block; margin-left:0;font-family: 'Roboto',sans-serif;color: #509355; margin-bottom: 0; font-weight: bold;}

/*.icon-1{background: url(../images/icon.png) no-repeat;width:180px;height: 180px; background-size: cover: }*/

/*.icon-1:hover{background: url(../images/icon.png) no-repeat;width:180px;height: 180px;}*/

.reg-summary tr td table tr td:last-child { color: #509355; font-size: 24px; display: inline-block; }

.reg-summary tr td table tr td{font-size: 18px;font-family: 'Open Sans', sans-serif; padding:0 28px; }

@media screen and (max-width: 1920px) and (min-width: 500px) {

    .header .banner-img { max-width: 900px; width:100%; }

}

@media screen and (max-width: 1366px) {

    .header .banner-img { max-width: 800px; width:100%; }

}

@media screen and (max-width: 1200px) {

    .header .banner-img { max-width: 700px; width:100%; }

}

@media screen and (max-width: 1150px) {

    .header .banner-img { max-width: 55%; width:100%; }

}

@media screen and (max-width: 499px) {

    .header .banner-img { max-width: 300px;}

}

@media screen and (max-width: 640px) {

    .logo {text-align: center}

    .logo img {

        margin: 0 auto;

        display: block;

        float: none;

		padding: 8px;

    }

}

@media screen and (min-width: 1000px) and (max-width: 1024px)  {

  .button-image {max-width: 438px; width: 100%; height: 454px; background: url(../images/right-image.png) no-repeat;

     background-size: contain; }

    



}

.exam-ins {padding: 20px 0;border-bottom: 2px #000 dotted;}

.exam-ins h1{text-align: center;}

.important-notice {padding: 20px 0;}

.important-notice p {font-size: 20px;color: #01143A;}

.application-detail tr td {padding: 16px 0; font-size: 16px;}



@media (min-width: 768px){

  .seven-cols .col-md-1,

  .seven-cols .col-sm-1,

  .seven-cols .col-lg-1  {

    width: 100%;

    *width: 100%;

  }

}



@media  (min-width: 992px) {

  .seven-cols .col-md-1,

  .seven-cols .col-sm-1,

  .seven-cols .col-lg-1 {

/*

    width: 12.285714285714285714285714285714%;

    *width: 12.285714285714285714285714285714%;

*/

        width: 12.5%;

    *width: 12.5%;

  }

}



/**

 *  The following is not really needed in this case

 *  Only to demonstrate the usage of @media for large screens

 */    

@media (min-width: 1200px) {

  .seven-cols .col-md-1,

  .seven-cols .col-sm-1,

  .seven-cols .col-lg-1 {

/*

    width: 12.285714285714285714285714285714%;

    *width: 12.285714285714285714285714285714%;

*/

       width: 12.5%;

    *width: 12.5%;

  }

  

}

.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {

    margin-top: 0;

    margin-left: 0 !important;

}

.radio-inline { width: 150px;

}

@media screen and (max-width: 1024px){

	.student-info .box .icon-6{width: 100%; height: 112px; background: url(../images/icon-6.png) -32px -100px no-repeat;display: block;}

	.student-info .box .icon-6:hover,

.student-info .box.active .icon-6 { width: 100%; height: 112px; background: url(../images/icon-6.png) -32px 0;display: block;background-repeat: no-repeat;}

	.student-info .box .icon-h{width: 100%; height: 112px; background: url(../images/home.png) -32px -100px no-repeat;display: block;}

.student-info .box .icon-h p{text-align: center;color: #03335f;padding: 112px 0 35px 0;font-family: 'Roboto', sans-serif;font-size: 16px; }

.student-info .box .icon-h:hover,

.student-info .box.active .icon-h { width: 100%; height: 112px; background: url(../images/home.png) -32px 0;display: block;background-repeat: no-repeat;}	

.student-info .box .icon-h:hover p,

.student-info .box.active .icon-h p {color:#fff; }

.student-info .box .icon-h a:hover{ text-decoration: none;}



.student-info .box .icon{width: 100%; height: 112px; background: url(../images/icon-1.png) -32px -100px no-repeat;display: block;}

.student-info .box .icon p{text-align: center;color: #03335f;padding: 112px 0 35px 0;font-family: 'Roboto', sans-serif;font-size: 16px; }

.student-info .box.active .icon,

.student-info .box .icon:hover { width: 100%; height: 112px; background: url(../images/icon-1.png) -32px 0;display: block;background-repeat: no-repeat;}	

.student-info .box .icon:hover p,

.student-info .box.active .icon p{color:#fff; }

.student-info .box .icon  a:hover{ text-decoration: none;}



.student-info .box .icon-2{width: 100%; height: 112px; background: url(../images/icon-2.png) -32px -100px no-repeat;display: block;}

.student-info .box .icon-2 p{text-align: center;color: #03335f;padding: 112px 0 35px 0;font-family: 'Roboto', sans-serif;font-size: 16px; }

.student-info .box.active .icon-2,

.student-info .box .icon-2:hover { width: 100%; height: 112px; background: url(../images/icon-2.png) -32px 0;display: block;background-repeat: no-repeat;}	

.student-info .box .icon-3:hover p,

.student-info .box.active .icon-3 p{color:#fff; }

.student-info .box .icon-2 a:hover{ text-decoration: none;}



.student-info .box .icon-3{width: 100%; height: 112px; background: url(../images/icon-3.png) -32px -100px no-repeat;display: block;}

.student-info .box .icon-3 p{text-align: center;color: #03335f;padding: 112px 0 35px 0;font-family: 'Roboto', sans-serif;font-size: 16px; }



.student-info .box .icon-3:hover,

.student-info .box.active .icon-3 { width: 100%; height: 112px; background: url(../images/icon-3.png) -32px 0;display: block;background-repeat: no-repeat;}	

.student-info .box .icon-3:hover p,

.student-info .box.active .icon-3 p{color:#fff; }

.student-info .box .icon-3 a:hover,

.student-info .box.active .icon-3 a { text-decoration: none;}



.student-info .box .icon-4{width: 100%; height: 112px; background: url(../images/icon-4.png) -32px -100px no-repeat;display: block;}

.student-info .box .icon-4 p{text-align: center;color: #03335f;padding: 112px 0 35px 0;font-family: 'Roboto', sans-serif;font-size: 16px; }

.student-info .box .icon-4:hover,

.student-info .box.active .icon-4 { width: 100%; height: 112px; background: url(../images/icon-4.png) -32px 0;display: block;background-repeat: no-repeat;}	

.student-info .box .icon-4:hover p,

.student-info .box.active .icon-4 p {color:#fff; }

.student-info .box .icon-4 a:hover,

.student-info .box.active .icon-4 a{ text-decoration: none;}



.student-info .box .icon-5{width: 100%; height: 112px; background: url(../images/icon-5.png) -32px -100px no-repeat;display: block;}

.student-info .box .icon-5 p{text-align: center;color: #03335f;padding: 112px 0 35px 0;font-family: 'Roboto', sans-serif;font-size: 16px; }

.student-info .box .icon-5:hover,

.student-info .box.active .icon-5 { width: 100%; height: 112px; background: url(../images/icon-5.png) -32px 0;display: block;background-repeat: no-repeat;}	

    /*.student-info a {

        display: block;

        padding: 10px;

        text-align: center;

        background: #509355;

        color: #fff;

    }*/

	.new-wrapper p span {

		font-size: 14px;}

	.new-wrapper img {

    padding: 10px 10px 10px 0;

    width: 100px;

}

	.new-wrapper p {

    width: 522px;

    font-size: 22px;

    font-family: 'Palatino Linotype';

    font-weight: bold;

    color: #03335f;

    display: inline-block;

    margin: 0;

    line-height: 31px;

    vertical-align: middle;

}

	.enquiry  {

    position: relative;

    display: inline-block;

    margin-top: 10%;

    float: right;

}

.enquiry span {

    font-size: 14px;

    text-transform: uppercase;

    color: #03335f;

    font-family: 'Roboto', sans-serif;

    font-weight: 700;

}

.enquiry p {

    font-size: 15px;

    color: #03335f;

    font-weight: 700;

    line-height: 18px;

    

}

.enquiry p:before {

    content: "\f095";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

/*--adjust as necessary--*/

    color: #03335f;

    font-size: 32px;

    padding-right: 0.5em;

    position: absolute;

    top: 12px;

    left: -30px;

}



}





.verified-badge {

    position: absolute;

    display: block;

    top: 10%;

    right: 20px;

}



.red-star {

    color: #f00;

    font-size: 35px !important;

    margin: 0;

    margin-top: 16px;

    position: relative;

    display: inline-block;

    top: -4px;

    left: -3px;

    vertical-align: bottom;

    line-height: 0;

    margin-top: 0;

}

.containt ul li {

	margin-bottom: 15px;

}

.contact-table tr td, .contact-table tr th { padding: 10px; font-size: 18px;}

		.contact-table tr td:first-child { text-align: center;}

		.contact-table tr:nth-child(even) { background: #ccc;}

.modal {

  text-align: center;

  padding: 0!important;

}



.modal:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

  margin-right: -4px;

}



.modal-dialog {

  display: inline-block;

  text-align: left;

  vertical-align: middle;

}

.contact-table table tr td,th { font-size: 18px; text-align: left;}

.contact-table tr td{margin-left: 5px;}

#btn-next {

/*	background-color: #bd5617;*/
	    background: #e79200 !important;
/*    float: right;*/
    margin-right: 1%;

}

.btn-primary[disabled], .btn-primary[disabled]:hover {

    background: #bd5617 !important;

    color: #fff !important;

}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {

    color: #fff;

    background-color: #bd5617;

    border-color: #bd5617;

}

.btn-primary.focus, .btn-primary:focus {

    color: #fff;

    background-color: #bd5617 !important;

    border-color: #bd5617 !important;

}

.btn-info {

    color: #fff;

    background-color: #bd5617 !important;

    border-color: #bd5617 !important;

}



.alert-info {

    color: #000 !important;

    background: #f7d39b !important;

    border-color: #f7d39b !important;

}