*{ 
    margin: 0; padding: 0;
    box-sizing: border-box; 
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; }
    
    html, body {
      font-family: verdana, sans-serif !important; 
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
       font-size: 13px !important;
       color:#000 !important;
       line-height:20px !important;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    search,
    links,
    breadcrum,
    summary ,heading, heading1, heading2, paragraph, box,
    utility, container, dateTime,contrast, textSize, logo, banner, imageContainer, highlight, language, copyright
    {   display: block; }
    
    
    body {
      margin: 0px;
      padding: 0px;
    }
    
    
    p {
        line-height: 20px;
    }
    a{ text-decoration: none; color:inherit; text-transform: capitalize; }
    ul,ol{ list-style:none; padding:0px; margin:0;}
    
    img[src=""]{
        width: 20vh;
        height: 5vh;
        display: block;
        background-color: #02263c;
    }
    ::selection { background: skyblue; }
    ::-moz-selection { background: skyblue;}
    
    
    .text-center{ text-align: center; }
    .text-left{ text-align: left; }
    .text-right{ text-align: right; }
    
    
    .uppercase{ text-transform: uppercase; }
    
    .responsive{ max-width: 100%; height: auto; }
    
    .relative{ position: relative; }
    
    /* flex */
    
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 {
        display: inline-block;
    }
    .col-1 {
        width: 8.33333333%;
    }
    .col-2 {
        width: 16.66666667%;
    }
    .col-3 {
        width: 25%;
    }
    .col-4 {
        width: 33.33333333%;
    }
    .col-5 {
        width: 41.66666667%;
    }
    .col-6 {
        width: 50%;
    }
    .col-7 {
        width: 58.33333333%;
    }
    .col-8 {
        width: 66.66666667%;
    }
    .col-9 {
        width: 75%;
    }
    .col-10 {
        width: 83.33333333%;
    }
    .col-11 {
        width: 91.66666667%;
    }
    .col-12 {
        width: 100%;
    }
    
    
    .flex {
        -ms-box-orient: horizontal;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
    }
    .inline-flex {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .flex-0 {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0;
        -ms-flex: 0;
        flex: 0;
    }
    .flex-1 {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .flex-auto {
        -webkit-box-flex: auto;
        -moz-box-flex: auto;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
    }
    .wrap {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .nowrap {
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -moz-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
    .justify-left {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
    }
    .justify-right {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
    }
    .justify-center {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
    .justify-between {
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
    }
    .justify-around {
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: space-around;
    }
    /*flex-start | flex-end | center | baseline | stretch*/
    
    .align-center {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
    .align-start {
        -webkit-align-items: flex-start !important;
        -moz-align-items: flex-start !important;
        -ms-align-items: flex-start !important;
        align-items: flex-start !important;
    }
    .align-end {
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end;
    }
    .align-baseline {
        -webkit-align-items: baseline;
        -moz-align-items: baseline;
        -ms-align-items: baseline;
        align-items: baseline;
    }
    .align-stretch {
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
    }
    
    .align-self-center {
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-align-self: center;
        align-self: center;
    }
    .align-self-start {
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -ms-align-self: flex-start;
        align-self: flex-start;
    }
    .align-self-end {
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        -ms-align-self: flex-end;
        align-self: flex-end;
    }
    .align-self-baseline {
        -webkit-align-self: baseline;
        -moz-align-self: baseline;
        -ms-align-self: baseline;
        align-self: baseline;
    }
    .align-self-stretch {
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-align-self: stretch;
        align-self: stretch;
    }
    
    /* flex */
    
    
        .flexP{-webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    
    -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
    
    -ms-box-orient: horizontal;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex; }
    
    /* margin */ 
    .margin-12 {
      margin-left: 100%;
    }
    .margin-11 {
      margin-left: 91.66666667%;
    }
    .margin-10 {
      margin-left: 83.33333333%;
    }
    .margin-9 {
      margin-left: 75%;
    }
    .margin-8 {
      margin-left: 66.66666667%;
    }
    .margin-7 {
      margin-left: 58.33333333%;
    }
    .margin-6 {
      margin-left: 50%;
    }
    .margin-5 {
      margin-left: 41.66666667%;
    }
    .margin-4 {
      margin-left: 33.33333333%;
    }
    .margin-3 {
      margin-left: 25%;
    }
    .margin-2 {
      margin-left: 16.66666667%;
    }
    .margin-1 {
      margin-left: 8.33333333%;
    }
    
    /* margin */ 
    .marginT-12 {
      margin-top: 100%;
    }
    .marginT-11 {
      margin-top: 91.66666667%;
    }
    .marginT-10 {
      margin-top: 83.33333333%;
    }
    .marginT-9 {
      margin-top: 75%;
    }
    .marginT-8 {
      margin-top: 66.66666667%;
    }
    .marginT-7 {
      margin-top: 58.33333333%;
    }
    .marginT-6 {
      margin-top: 5%;
    }
    .marginT-5 {
      margin-top: 4%;
    }
    .marginT-4 {
      margin-top: 4%;
    }
    .marginT-3 {
      margin-top: 3%;
    }
    .marginT-2 {
      margin-top: 2%;
    }
    .marginT-1 {
      margin-top: 1%;
    }
    
    
    a.skpcnt.href {
        color: #fff;
        margin-right: 15px;
    }
    
    .justify-content-center {
        justify-content: center;
    }
    .align-items-center {
        align-items: center;
    }
    label.col-4.form-control-label.text-right {
        padding-right: 6rem;
    }
    .form-group.d-flex.justify-content-center.align-items-center {
        padding-right: 8rem;
    }
    div.form-actions {
        text-align: center;
        padding-right: 8rem;
        margin-top: 1rem;
    }
    
    /*update on 4 feb 2021*/