@font-face {	
    /* 	font-family: 'Roboto Light'; */
    src: url('../font/OpenSans-Regular.ttf');
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}
audio, canvas, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html {
    height:100%;
}
body {
    margin: 0;
}
a:active, a:hover {
    outline: 0 none;
}
h1 {
    font-size: 2em;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
mark {
    background: none repeat scroll 0 0 #FFFF00;
    color: #000000;
}
code, kbd, pre, samp {
    font-family: monospace,serif;
    font-size: 1em;
}
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: "�" "�" "�" "�";
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0 none;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
fieldset {
    border: 1px solid #C0C0C0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0 none;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

a{
    text-decoration:none;
    color:#000;
}
[class*="span"] {
    float: left;
    min-height: 1px;
}
ul{
    list-style: none outside none;
    padding:0px;
    margin:0px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
*, *:after, *:before {
    box-sizing: border-box;
}
.clear {
    clear: both;
}
body{
    font: 400 16px/1.667 'Open Sans', sans-serif;
    font-weight: 200;
    height: 100%;
}
.main{
    background: none repeat scroll 0 0 #fff;
    display: block;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 5;
    min-height:100vh;
}
.bg1{
    background-image:  url('../images/bg1.jpg');
    background-size:   cover;                      /* <------ */
    background-repeat: no-repeat;
    background-position: center center; 
    display: inline-block;
}
.bg3{
    background: none repeat scroll 0 0 #cccccc;
}
.bg2{
    background: none repeat scroll 0 0 #f0eef0;
}
.header{	
    /* display: inline-block; */
    width:100%;
}
.nav__bar{
    float: left;
    font-size: 0.9375rem;
    line-height: 1.25;
    margin-left: 5em;
    margin-top: 63px;
    overflow: hidden;
    /* width: 594px; */
    z-index: 100;
}
.col__1{
    background-color: #043555;
    float: left;
    margin-right: 50px;
    max-width: 25%;
    min-height: 100vh;
    min-width: 25%;
    padding-bottom: 75px;
    padding-top: 69px;
    position: relative;
}
.col__2{
    float: left;
    max-width: 71%;
    min-width: 71%;
    padding-bottom: 75px;
    position:relative;
}
.gutter__right {
    padding-right:1%;
}
.gutter__left {
    padding-left:4.16667%;
}
.header-nav {
    font-size: 0.9375rem;
    line-height: 1.25;
    text-align: center;
}
.header-nav .header-logo {
    display: inline-block;
    float: left;
    margin: 0;
    vertical-align: middle;
}
.header-nav .header-logo a{
    display: block;
    margin: 20.5px 0;
}
.dblink__wrp span{
    float: left;
    margin-top: 10px;
}
.dblinner__1:hover{
    background-color:#065687;
}
.dblinner__2{
    background-color:#065687;
}
.dblinner__2:hover{
    background-color:#2171a4;
}
.dblinner__3{
    background-color:#2171a4;
}
.dbl__active{
    background-color:#2171a4;
}
.header-logo{
    padding: 0 13%;
}
.menu{
    margin-bottom: 20px;
    margin-top: 25px;
}
a {
    font-weight: 400;
    text-decoration: none;
}
.md-logo {
    background-image: url("../images/icon.png");
    /*background-position: -10px -9px;*/
    background-repeat: no-repeat;
    display: inline-block;
    height: 105px;
    overflow: hidden;
    width: 270px;
}
.dblink__wrp{
    color: #fff;
    display: block;
    padding: 5px 13%;
}
.dblink__wrp i{
    background-image: url("../images/icon.png");
    display: block;
    /*height: 43px;*/
    float:left;
    margin-right:16px;
    width: 45px;
} 
.dblink__wrp em{
    background-image: url("../images/icon.png");
    background-position: -220px -127px;
    display: block;
    float: right;
    height: 43px;
    margin-left: 15px;
    width: 19px;
}
.admin i{
    background-position: -58px -127px;
}
.branches i{
    background-position: -61px -192px;
}
.user i{
    background-position: -67px -247px;
}
.surplus i{
    background-position: -67px -305px;
}
.product i{
    background-position: -67px -305px;
}

.general i{
    background-position: -67px -368px;
}

.new_proposal i{
    background-position: -67px -419px;
}
.approve_proposal i{
    height: 46px;
    background-position: -67px -470px;
}
.collect_payment i{
    background-position: -69px -586px;
    height: 46px;
    width: 49px;
}
.credit_request i{
    background-position: -69px -1420px;
    height: 46px;
    width: 49px;
}
.view_proposal i{
    height: 48px;
    background-position: -67px -526px;
}
.manage_certificate i{
    background-position: -71px -771px;
    height: 46px;
}
.claims i{
    background-position: -67px -1116px;
}
.reinsurance i{
    background-position: -67px -1176px;
}
.intimation i{
    background-position: -67px -1364px;
}
.acknow i{
    background-position: -67px -1417px;
}
.documentation i{
    background-position: -67px -1465px;
}
.regitser i{
    background-position: -67px -1518px;
}
.claim_settellment i{
    background-position: -67px -1572px;
}
.dashboard__menusecrow{
    margin-top:30px;
}
.nav__bar ul li{
    float: left;
    margin-right: 15px;
}
.lastlink{
    margin-right:0px;
}

/*-------- by imrul -----------*/
.active{
    display:block;
    background-color: #065687;
}
/*-------------- End ---------------*/

.dblink__wrp a{
    background: none repeat scroll 0 0 #15689c;
    color: #fff;
    float: left;
    min-width: 171px;
    padding: 8px 36px;
    text-align: center;
}
.logout__button{
    background: none repeat scroll 0 0 #15689c;
    color: #fff;
    padding: 8px 36px;
}
.header-hotlink{
    display: inline-block;
    float: right;
    margin: 0;
    padding: 45.5px 0 25.5px;
    vertical-align: middle;
}
.header-hotlink ul li{
    float: left;
    line-height: 28px;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}
.wrapper{	    
    width: 100%;	
    position:relative;
}
.admin__profile{
    margin: auto;
    text-align: center;
    width: 225px;
}
.login__bx{	
    margin: 355px auto auto;
    max-width: 572px;
    position: initial;
}
.lgbtn{
    border-radius:0px !important;
    width: 287px;
    float:none !important;
    background-color:#12b9ff !important;
    text-transform:uppercase;
    font-weight:bold;
}
.form hr{
    border:1px solid #1F99D5;
}
.lb__left{
    float:left;
}
.lb__right{
    float:left;
}
.hm__logo{
    background-image: url("../images/home_icon.png");
    background-position: -3px -12px;
    /*height: 100px;*/
    height: 100px;
    margin-right: 15px;
    margin-top: 25px;
    width: 270px;
}
.lgbin{
    border-radius:0px !important;	
}
.submit__btn {
    background: none repeat scroll 0 0 #3596c9;
    border: 1px solid #3596c9;
    color: #fff;
    float: right;
    font-weight: bold;
    border-radius: 4px;
    padding: 10px 35px;
}
.form .field {
    padding: 10px 0;
}
.form label {
    display: block;
    float: left;
    margin-right: 10px;
    padding: 8px 0;
    width: 140px;
}
.input__area{
    float:left;
}
.input {
    background: none repeat scroll 0 0 #fefcfa;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 200;
    padding: 8px;
    width: 287px;
}
.inputselect {
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 200;
    padding: 8px;
    width: 287px;
}
.admindet__box{
    text-align: center;
    width: 224px;
    margin:auto;
}
.adminpro__top{	
    height: 224px;
    overflow: hidden;
    width: 225px;
}
.admin_profilepic{
    border-radius: 50%;
    height: 100%;
    width: 100%;
}
.adminpro__bottom{
    margin-top: 8px;
}
.admin__name{
    color: #fff;
    text-transform: uppercase;
}
.editpro__btn{
    background: none repeat scroll 0 0 #5abefc;
    color: #fff;
    display: block;
    margin-top: 8px;
    padding: 8px 36px;
    text-align: center;
}
.dashborad__menulinks{
    margin: 40px auto auto;
    width: 840px;
}
.linkcol__1{
    float: left;
    width: 295px;	
}
.linkcol__2{
    float: left;
    width: 295px;
}
.linkcol__3{
    float: left;
    width: 250px;
}
.submit__button{
    background: none repeat scroll 0 0 #15689c;
    border: 1px solid #15689c;
    color: #fff;
    cursor: pointer;
    padding: 8px 25px;
}


/* POP UP */
.popup-widget-overlay{
    background: none repeat scroll 0 0 #5e5a58;
    height: 100%;
    left: 0;
    opacity: 0.68;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}
.popup-popup-content,.popup-more-content{
    /* border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; */
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #C5C5C5;
    color: #222222;
    display:none;	
}
.popup__input{
    border: 1px solid #999999;
    color: #626262;
    font-family: Verdana;
    margin: 0 0 8px;
    padding: 8px;
    width: 94%;
}
.popup__file{
    border: none;
    margin: 0 0 8px;
    width: 94%;
}
.popup__content,.more__content{
    padding: 25px 35px;
}
.popup__footer{
    display:block;
    margin:auto;
    text-align:center;
}
.pogin__popuphd{
    margin-bottom: 22px;
}
.pogin__popuphd h2{
    font-weight: bold;
    text-transform: uppercase;
}
.pop__loginsbtn{
    width: 97px;
    float:right;    
}
.form__ftr a{
    margin-left:154px;
}
.msg__box{
    color: #6424ac;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.msg__box .success{
    color:#01ac8e;
}
.failure__masgbox{
    color: red;    
}
.popup__comments{
    float:left;
}
.close__btn{
    background: url("../images/closebutton.png") no-repeat scroll -1px 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    float: right;
    height: 30px;
    margin-top: -27px;
    width: 30px;
}
/* Jquery Table */
#rtable_length{
    font-size: 18px;
    font-weight: bold;
    text-transform:uppercase;
}
.link__vmore {
    color: #0395f2;
    text-decoration: underline;
}
.link__vmore:hover {
    text-decoration: none;
}
.s__completed {
    color: green !important;
}
.s__pending{
    color: red !important;
}	
.nyp{
    color: #0395f2;
}
.rejected{
    color: #6424ac;
}
.approved{
    color: #01ac8e;
}
.val__msgbx {
    color: #8b0300;
    font-size: 14px;
    margin-left: 3px;
}
.admninn__pagecontent{
    margin-top: 25px;
}
.copyright {
    bottom: 0;
    color: #000;
    font-size: 13px;
    position: relative;
    text-align: center;
    width: 100%;
    height:42px;
    display:none;
}
.input__area ul{
    list-style: outside none none;
}
.input__area ul li{
    margin-right: 5px;
    float:left;
}
.general__mlinks{
    display:none;
}
.pg__mainform{
    background: none repeat scroll 0 0 #fff;
    margin: auto;
    padding: 25px 50px;
}
.form__heading{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.uw_stg__progessbar{
    margin: auto auto 15px;
    display:inline;
}
.stage{
    background-image: url("../images/step_icon.png");
    float: left;
    height: 140px;
    width: 141px;
}
.active_kyc{
    background-position: -12px -181px;
}
.inactive_kyc{
    background-position: -12px -12px;
}
.active_smi{
    background-position: -186px -181px;
}
.inactive_smi{
    background-position: -186px -12px;
}
.active_history{
    background-position: -359px -181px;
}
.inactive_history{
    background-position: -359px -12px;
}
.active_print{
    background-position: -533px -181px;
}
.inactive_print{
    background-position: -533px -12px;
}
.active_quotation{
    background-position: -706px -181px;
}
.inactive_quotation{
    background-position: -706px -12px;
}
.active_approval{
    background-position: -880px -181px;
}
.inactive_approval{
    background-position: -880px -12px;
}
.active_debitnote{
    background-position: -1049px -181px;
}

/* Claims */
.stage_claims{
    background-image: url("../images/claim_pageicons.png");
    float: left;
    height: 140px;
    width: 141px;

}
.inactive_claim_step1{
    background-position: -22px -172px;
}
.active_claim_step1{
    background-position: -22px -16px;
}
.inactive_claim_step2{
    background-position: -180px -172px;
}
.active_claim_step2{
    background-position: -180px -16px;
}
.inactive_claim_step3{
    background-position: -338px -172px;
}
.active_claim_step3{
    background-position: -338px -16px;
}
.inactive_claim_step4{
    background-position:  -496px -172px;
}
.active_claim_step4{
    background-position: -496px -16px;
}
.inactive_claim_step5{
    background-position: -1125px -172px;
}
.active_claim_step5{
    background-position: -1125px -16px;
}
.inactive_claim_step6{
    background-position: -812px -172px;
}
.active_claim_step6{
    background-position: -812px -16px;
}
.inactive_claim_step7{
    background-position: -970px -172px;
}
.active_claim_step7{
    background-position: -970px -16px;
}
.inactive_claim_step_courtprocess{
    background-position: -1280px -173px;
}
.active_claim_step_courtprocess{
    background-position: -1280px -17px;
}


.smallicon{
    background-image: url("../images/claim_pageicons_small.png");
    float: left;
    height: 88px;
    width: 88px;
}
.policy_detail_ico{
    background-position: 491px -309px;
}
.reservation_detail_ico{
    background-position: 693px -309px;
}
.reinsurance_detail_ico{
    background-position: 294px 94px
}
.approval_page_btn{	
    float: right;
    margin-top: -45px;
    position: absolute;
    right: 30px;	
}

.smallstage{
    background-image: url("../images/step_small_icon.png");
    float: left;
    height: 88px;
    width: 88px;
}
.sactive_kyc{
    background-position: -6px -326px;
}
.sinactive_kyc{
    background-position: -6px -220px;
}
.sactive_smi{
    background-position: -115px -326px;
}
.sinactive_smi{
    background-position: -115px -220px;
}
.sactive_history{
    background-position: -224px -326px;
}
.sinactive_history{
    background-position: -224px -220px;
}
.sactive_print{
    background-position: -334px -326px;
}
.sinactive_print{
    background-position: -334px -220px;
}
.sactive_quotation{
    background-position: -443px -326px;
}
.sinactive_quotation{
    background-position: -443px -220px;
}
.sactive_approval{
    background-position: -552px -326px;
}
.sinactive_approval{
    background-position: -552px -220px;
}
.sactive_invoice{
    background-position: -659px -326px;
}
.sinactive_invoice{
    background-position: -659px -221px;
}
.sactive_payment{
    background-position: -762px -326px;
}
.sinactive_payment{
    background-position: -762px -221px;
}
.sactive_certificate{
    background-position: -865px -328px;
}

.smallstage2{
    background-image: url("../images/conver_note.png");
    float: left;
    height: 88px;
    width: 88px;
}
.sactive_covernote{
    background-position: -1028px -315px;
}
.sactive_policydocument{
    background-position: -924px -314px;
}
.sactive_coversummary{
    background-position: -823px -316px;
}

.uppercase{
    text-transform:uppercase;
}
.print__proposal{
    margin-bottom:10px;
}
.print__proposal a{
    background: none repeat scroll 0 0 #15689c;
    color: #fff;
    display: block;
    float: right;
    padding: 8px 30px;
}
.popup__sub_heading{
    border-bottom: 1px solid #a8a8a8;
    font-weight: bold;
    margin-top: 20px;
}
.text__area {
    border: 1px solid #cccccc;
    border-radius: 3px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 200;
    height: 80px;
    padding: 8px;
    width: 287px;
}
.order_det_table{
    border-collapse: collapse;
    border-spacing: 0;
}
.order_det_table td,.order_det_table th{
    border: 1px solid;
    margin: 0;
    padding: 5px 15px;
}
.order_det_table th{
    font-weight:bold;
}
.optional__field{	
    font-size: 19px;
    padding: 20px 4px 10px;
    text-transform: uppercase;
}
.optional__field h3{
    border-bottom: 1px solid;
}	


/*Class for  - */
.minus{
    background-position: -220px -311px !important
}
/*Large Label*/
.large{
    width: 430px !important;
}

.sactive_claim_history{
    background-image: url("../images/claim_pageicons_small.png") !important; 
    background-position:-6px -511px
}
.sactive_claim_details{
    background-image: url("../images/claim_pageicons_small.png") !important;
    background-position: 393px -511px;
}

.sactive_reopen_history{
    background-image: url("../images/claim_pageicons_small.png") !important;
    background-position: 196px -511px;
}

/* D1 MNK */
.loadings,.discounts,.additional_benifit{
    margin-top:5px;
}

/*****ilyas add 27/07/2015*/
.active_smi_fire{
    background-position: -3000px -184px;
}
.inactive_smi_fire{
    background-position: -3000px -18px;
}
.active_smi_theft{
    background-position: -3150px -184px;
}
.inactive_smi_theft{
    background-position: -3150px -18px;
}
.active_smi_general_acci{
    background-position: -3760px -185px;
}
.inactive_smi_general_acci{
    background-position: -3760px -18px;
}
.active_smi_liabilty{
    background-position: -3610px -185px;
}
.inactive_smi_liability{
    background-position: -3610px -18px;
}
.active_smi_enginering{
    background-position: -3456px -185px;
}
.inactive_smi_enginering{
    background-position: -3456px -18px;
}
.active_smi_marine{
    background-position: -2849px -185px;
}
.inactive_smi_marine{
    background-position: -2849px -18px;
}
.active_smi_miscellan{
    background-position: -3304px -185px;
}
.inactive_smi_miscellan{
    background-position: -3304px -18px;
}
/*small smi icon*/
.sactive_smi_fire{
    background-position: -2701px -328px;
}
.sinactive_smi_fire{
    background-position: -2701px -9px;
}
.sactive_smi_theft{
    background-position: -2799px -328px;
}
.sinactive_smi_theft{
    background-position: -2799px -9px;
}
.sactive_smi_general_acci{
    background-position: -3184px -328px;
}
.sinactive_smi_general_acci{
    background-position: -3184px -9px;
}
.sactive_smi_liability{
    background-position: -3087px -328px;
}
.sinactive_smi_liability{
    background-position: -3087px -9px;
}
.sactive_smi_enginering{
    background-position: -2991px -328px;
}
.sinactive_smi_enginering{
    background-position: -2991px -9px;
}
.sactive_smi_marine{
    background-position: -2605px -328px;
}
.sinactive_smi_marine{
    background-position: -2605px -9px;
}
.sactive_smi_misc{
    background-position: -2895px -328px;
}
.sinactive_smi_misc{
    background-position: -2895px -9px;
}

/* 30/11/15  Athul */

.col1{
    float: left;
    margin-right: 50px;
}
.col2{
    float: left;
}
.edit_section
{
    margin: 40px auto 0;
    width: 925px;
}

.image_loader
{
    background: url("../images/ajax_loader.gif") no-repeat scroll -48px -47px rgba(0, 0, 0, 0) !important;
    height: 55px;
    margin: 0 auto;
    position: relative;
    top: 260px;
    width: 54px;
}

/** Athul 04.01.16 **/

.body_link
{
    background-color: #15689c;
    border-radius: 5px;
    /*min-height: 800px;*/
    /*padding: 10px 30px;*/
}
.report_single_body_link
{
    /*padding: 10px 0;*/
    /*    border-bottom: 1px solid #659abb;
        border-top: 1px solid #659abb;*/
}

.reports_link:hover
{
    background-color: #659abb;
}

.reports_link{
    border-bottom: 1px solid #659abb;
    border-radius: 5px;
    border-top: 0.5px solid #659abb;
    color: white;
    font-size: 18px;
    padding: 10px 0;
}
.system_report
{
    float: left;
}
.system_report_title_img_heading_alignment
{
    margin: 60px auto 0;
    float: left;
}
.form_body
{
    margin-top: 30px;
    float: left;
    width: 465px;
}
.system_conf
{
    background-color: #043555;
    border-radius: 5px !important;
    color: #ffffff;
    font-size: 20px !important;
    padding: 10px 30px !important;
    text-align: center;
    width: 465px;
}
.pro_report
{
    padding: 8px 50px;
    font-size: 20px;
}
.report_body
{
    margin: 0 auto;
    width: 465px;
}

/* 16/02/16 */
.delete_policy
{
    background: url("../images/dialog_close.gif") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
    height: 15px;
    width: 15px;
    float: right;
    height: 15px;
    margin-top: 3px;
    width: 15px;
}

.search_icon{
    background: rgba(0, 0, 0, 0) url("../images/chosen-sprite.png") no-repeat scroll -34px -23px;
    float: right;
    height: 15px;
    margin-top: 9px;
    width: 14px;
}
.bulk_upload_div
{
    float: right;
}
.bulk_upload
{
    font-size: 16px;
    text-decoration: underline;
}
.bulk_upload_list
{
    width: 175px;
}
.bulk_common_style
{
    color: #000000;
    font-size: 12px;
    font-family: message-box;
}

.claim_manage_link
{
    background-color: #1f99d5;
    color: #ffffff;
    font-family: Times New Roman;
    padding: 8px 10px;
    border: 0 none;
    cursor: pointer;
}

.form-style-2{
    padding: 20px 12px 10px 0;
    font: 13px Arial, Helvetica, sans-serif;
}
.form-style-2-heading{
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 15px;
    padding-bottom: 3px;
}
.form-style-2 label{
    display: block;
    margin: 0px 0px 15px 0px;
}
.form-style-2 label > span{
    width: 150px;
    font-weight: bold;
    float: left;
    padding-right: 5px;
}
.form-style-2 span.required{
    color:red;
}
.form-style-2 .tel-number-field{
    width: 40px;
    text-align: center;
}
.form-style-2 input.input-field{
    width: 48%;

}

.form-style-2 input.input-field,
.form-style-2 .tel-number-field,
.form-style-2 .textarea-field,
.form-style-2 .select-field{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.form-style-2 .input-field:focus,
.form-style-2 .tel-number-field:focus,
.form-style-2 .textarea-field:focus,
.form-style-2 .select-field:focus{
    border: 1px solid #0C0;
}
.form-style-2 .textarea-field{
    height:100px;
    width: 55%;
}
.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
    border: none;
    padding: 8px 15px 8px 15px;
    background: none repeat scroll 0 0 #15689c;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
    background: #EA7B00;
    color: #fff;
}

.btn-default{
    background: none repeat scroll 0 0 white;
    border: 1px solid grey;
    color: black;
    cursor: pointer;
    padding: 8px 25px;
    font-size: 9pt;
    font-weight: bold;
}

.btn-info {
    background: none repeat scroll 0 0 cornflowerblue;
    border: 1px solid dodgerblue;
    color: white;
    cursor: pointer;
    padding: 8px 25px;
    font-size: 9pt;
    font-weight: bold;
}

.required label:after {
    color:#ff0000;
    margin-left:10px;
    margin-top:7px;
    content: '*';
}

.surplus select {
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 14px;
    height: 50px;
    padding: 14px 20px;
}

.surplus input[type=text], .surplus select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.surplus button[type=submit] {
    width: 100%;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
}

.surplus .success {
    background-color: #4CAF50;
}

.surplus .success:hover {
    background-color: #45a049;
}

.surplus .secondary {
    background-color: #15689c;
}

.surplus .secondary:hover {
    background-color: #043555;
}

div.surplus {
    border-radius: 5px;
    background-color: #ffffff;
    padding: 20px;
}

.center {
    text-align: center;
    border: 1px solid green;
    font-size: 40px;
}


/*--------- start accodion menu ---------*/
.accordion-toggle {cursor: pointer; border:1px solid #ccc; padding:5px 5px;margin-top:2px;}
.accordion-toggle1 {cursor: pointer; border:1px solid #ccc; padding:5px 5px;margin-top:2px;}
.accordion-content {display: none;border:1px solid #ccc;border-top:none;padding:5px 10px;margin-bottom:2px;}
.accordion-content1 {display: none;border:1px solid #ccc;border-top:none;padding:5px 10px;margin-bottom:2px;}
.accordion-content.default {display: block;}
.accordion-content1.default {display: block;}
.accordion_selected{ background-color:#ccc; }



body {font-family: "Lato", sans-serif;}

/* Style the tab */
.tab1 {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab1 .tablinks {
    background-color: #15689c;
    float: left;
    border: 1px solid #17889c;
    outline: none;
    cursor: pointer;
    padding: 14px 0px ;
    width:140px;
    transition: 0.3s;
    font-size: 15px;
    color:#FFF;

}

/* Change background color of buttons on hover */
.tab1 .tablinks:hover {
    background-color: #065687;
}

/* Create an active/current tablink class */
.tab1 .active {
    background-color: #002233;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}