/* CSS Document */

body, html {
    height: 100%;
    margin: 0;
}

body {
    background: #fafafa url(../Images/bg.jpg) no-repeat top center;
    background-size: cover;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    /*background-color: #fff;*/
    /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;*/
    font-size: 1.5rem;
    font-family: arial;
    color: #272727;
    font-weight: 400;
    line-height: 1.9;
    color: #000;
    padding-top: 0px;
    overflow-x: hidden;
    background-attachment: fixed;
    /*position:fixed;*/
}

.header-div {
    background: rgb(255, 255, 255);
    margin-top: 0px !important;
}

.page-header {
    border-bottom: none;
    margin: 3px 0px 0px;
    padding-bottom: 0px;
}
.pagtop-div {
    background-color: #2b0136;
    /*padding: 10px 0px;*/
    margin-top: 0px;
}
.pageback .col-md-8 {
    background-color: #fff;
}

.pageback-cont {
    /*background-image: url(../Images/arbcount-img.jpg);*/
    background-position: center;
    background-size: cover;
    padding: 5px;
    color: #ffffff;
    /*  background-color: #11385B;*/
}

.pageback {
    background-color: #11385B;
    color: #d7d7d7;
    padding-top: 20px;
    padding-bottom: 7px;
    margin-top: 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#11385b+1,0a5796+59,11385b+100 */
    background: #0a5504; /* Old browsers */
    background: -moz-linear-gradient(left, #129d51 1%,#009d42 59%,#139b58 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #129d51 1%,#009d42 59%,#139b58 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #129d51 1%,#009d42 59%,#139b58 100%);
    /*background: linear-gradient(to right, #11385b 1%,#0a5796 59%,#11385b 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129d51', endColorstr='#009d42',GradientType=1 ); /* IE6-9 */
}

.site-note {
    padding: 10px 9px 0px;
    font-size: 20px;
    text-align: center;
    color: #340202;
}
.rdbtn-btn {
    position: relative;
    top: 4px;
}


.dropdown-menu img {
    float: right;
}
.cont-head {
    padding-left: 0px;
    padding-right: 0px;
}

.col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}

#myCarousel {
    border: 2px solid #b9b5b5;
}

a {
    color: #0202bb;
    cursor: pointer;
}

h3 {
    margin-top: 0px;
}

.sub-btn {
    padding: 10px 37px;
    font-size: 23px;
}
.inftit-h3 {
    color: #024402;
    font-size: 28px;
    font-family: 'FjallaOne-Regular', sans-serif;
}

#slctstate {
    border: 1px solid #eee;
    padding-left: 15px;
    color: #000;
    height: 65px;
    font-size: 22px;
    background-color: #fefafa;
}

.facval-h3 {
    background-color: #00540c;
    color: #f4f4f4;
    padding: 13px 45px;
    border-radius: 3px;
    font-size: 27px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 1px 8px;
    vertical-align: middle;
}

.fee-table {
    width: 60%;
    margin: auto;
    margin-top: 5px;
}

div.panel-div {
    display: none;
}

hr {
    margin-top: 10px;
    margin-bottom: 15px;
}

ul li {
    list-style: square outside; /*color: #900;*/
}

    ul li span { /*color: #292828;*/
    }

.docum-h3 {
    font-size: 21px;
    margin-left: 40px;
}

.comptit-p {
    font-size: 20px;
    color: #044912;
    margin-bottom: 7px;
}

.lnk {
    position: relative;
    top: 12px;
    font-size: 19px;
}

.navbar-div {
    background-color: #2b0136;
    padding-left: 0px;
}

    .navbar-div .navbar-nav > li > a,.navbar-div .navbar-nav > li > a:hover,.navbar-div .navbar-nav > li > a:focus {
        color: #fff;
        padding: 15px 10px 7px;
        font-size: 16px;
    }

.pagnav-div {
    background-color: #2b0136;
    padding-bottom: 0px;
    margin: 0px;
}

.navbar-main {
    margin-bottom: 0px;
    background-color: transparent;
    min-height: 55px;
    box-shadow: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ffbc82 !important;
    border-bottom: 2px solid #ffbc82;
    /*font-size: 18px;*/
    background-color: transparent;
}

.navbar-div .navbar-nav > li > a:hover {
    color: #ffbc82;
}

.abcount-img {
    width: 90%;
    height: 290px;
    box-shadow: 2px 2px 2px 2px #8a8a8a;
    border: 2px solid #eee;
    border-bottom: 3px solid #8f8f90;
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('fonts/Lato-Regular.ttf') format('truetype');
}

.mainclr {
    color: #d6020a;
    font-family: 'Lato-Regular', sans-serif;
    font-size: 18px;
    text-decoration: underline;
    /* line-height: 25px; */
    /* margin-top: 5px; */
    /* margin-bottom: 15px; */
}
.acpdf-h6 {
    color: #06640e;
    font-family: 'Lato-Regular', sans-serif;
    font-size: 17px;
    line-height: 25px;
    margin-top: 0px;
    margin-bottom: 8px;
    text-decoration: underline;
}
.doctyp-spn{color:#016020;}
table.comm-tbl td, table.comm-tbl th {
    vertical-align: middle !important;
    padding: 3px !important;
}
.comm-tr {
    background-color: #ffffeb;
    text-align: center;
}

.arbcoun-btn {
    border: 1px solid #2b0136;
    background-color: #2b0136;
    color: #ffffff;
    height: 50px;
    box-shadow: none;
    font-size: 16px;
    margin-bottom: 15px;
}

/*.arbcoun-btn {
    border: 1px solid #2b0136;
    background-color: #2b0136;
    color: #ffffff;
    height: 70px;
    box-shadow: none;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 2px;
}*/
    .arbcoun-btn:hover {
        border: 1px solid #443a59;
        background-color: #370145;
        color: #fff;
        /*background-color: #940214;*/
    }

.countpos-img {
    float: left;
}
.typd-div .col-sm-4{
    padding-right:0px;
    padding-left:10px;
}

.typdc-tbl td {
    padding: 0px 5px !important;
    border-top: none !important;
    vertical-align: middle !important;
    text-align: left;
}
    .typdc-tbl td span{
        font-size:18px;
    }
    .typdc-tbl td:nth-child(2) {
        color: #c1fccf;
        text-transform: lowercase;
        text-align: center;
    }
        /*.typdc-tbl td:nth-child(2):after {
            position: absolute;
            content: '';
            width: 1px;
            height: 20px;
            background-color: #fff;
            right: 33%;
            top: 50%;
            transform: translateY(-50%);
        }*/
        .typdc-tbl td:nth-child(3) {
            color: #f6ffcc;
            text-transform: lowercase;
            text-align: center;
        }

    @font-face {
        font-family: 'FjallaOne-Regular';
        src: url('fonts/FjallaOne-Regular.otf') format('opentype');
    }

.maintit-h1 {
    /*font-family: 'FjallaOne-Regular', sans-serif;*/
    color: #f1f1f1;
    font-size: 3rem;
    margin-top: 0px;
}
h1 {
    font-size: 3.2rem;
    color: #000;
    margin-top: 5px;
}

h2 {
    color: #2b0136;
    line-height: 35px;
    text-transform: none;
    margin-bottom: 7px;
    margin-top: 0px;
    /* font-family: 'FjallaOne-Regular', sans-serif; */
    font-size: 2.5rem;
    /*border-top: 5px solid #ffbc82;
    padding: 10px 2px;
    border-bottom: 5px solid #ffbc82;*/
}

.maintit-h2 {
    color: #2b0136;
    line-height: 35px;
    text-transform: none;
    margin-bottom: 7px;
    margin-top: 5px;
    font-size: 2.4rem;
    border-top: 5px solid #ffbc82;
    padding: 10px 2px;
    border-bottom: 5px solid #ffbc82;
}
.maintit-txt {
    color: #2b0136;
    line-height: 35px;
    text-transform: none;
    margin-bottom: 7px;
    margin-top: 5px;
    font-size: 21px;
    border-top: 5px solid #ffbc82;
    padding: 10px 2px;
    border-bottom: 5px solid #ffbc82;
}
.subtit-h2 {
    text-transform: none;
    color: #0f3588;
    margin-bottom: 15px;
    margin-top: 0px;
    font-family: 'FjallaOne-Regular', sans-serif;
    font-size: 30px;
}
.pdf-txt {
    /*font-family: 'FjallaOne-Regular', sans-serif;*/
    font-size: 19px;
    text-align: center;
}
    .pdf-txt .pdf-fa {
        font-size: 106px;
        color: red;
    }

.paghead-sec {
    background: #0a5504; /* Old browsers */
    background: -moz-linear-gradient(left, #17703f 1%,#039d44 59%,#0a8448 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #17703f 1%,#039d44 59%,#0a8448 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #17703f 1%,#039d44 59%,#0a8448 100%);
    /*background: linear-gradient(to right, #11385b 1%,#0a5796 59%,#11385b 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17703f', endColorstr='#0a8448',GradientType=1 ); /* IE6-9 */
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 15px 0px;
}
    .paghead-sec a {
        color: #f7e2fd;
    }

    .tblcont-p {
        color: #08276c;
        font-size: 18px;
        font-family: 'Lato-Regular', sans-serif;
    }

.nothint-p {
    color: #6b5000;
}

.subtit-h3 {
    color: #e1e1e1;
    font-size: 2.8rem;
    /* font-family: 'FjallaOne-Regular', sans-serif; */
    margin-top: 10px;
     letter-spacing: 0px;
}

.mainclr-clr {
    color: #eff3bd;
    font-size: 2rem;
    line-height: 32px;
}
.titoff-spn {
    color: #f3f9a1;
    font-size: 20px;
    margin-bottom:8px;
}
.addres-p {
    margin-bottom: 8px;
}
/*.titoff-spn:before {
        content: "";
        width: 69px;
        height: 4px;
        position: absolute;
        background-color: #bc932d;
        top: 40px;
    }*/
    .phon-spn {
    color: #f3f998;
    font-size: 16px;
}
.linkedin {
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 5px
}

    .linkedin a {
        width: 30px;
        height: 30px;
        display: block;
        text-indent: -9999px;
        background-image: url(../images/linkedin.gif);
        background-repeat: no-repeat;
        background-position: center top
    }

        .linkedin a:hover {
            width: 30px;
            height: 32px;
            display: block;
            text-indent: -9999px;
            background-image: url(../images/linkedin.gif);
            background-repeat: no-repeat;
            background-position: center bottom
        }

.facebook {
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 5px
}

    .facebook a {
        width: 30px;
        height: 30px;
        display: block;
        text-indent: -9999px;
        background-image: url(../images/facebook.gif);
        background-repeat: no-repeat;
        background-position: center top
    }

        .facebook a:hover {
            width: 30px;
            height: 32px;
            display: block;
            text-indent: -9999px;
            background-image: url(../images/facebook.gif);
            background-repeat: no-repeat;
            background-position: center bottom
        }

.twitter {
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 5px
}

    .twitter a {
        width: 30px;
        height: 30px;
        display: block;
        text-indent: -9999px;
        background-image: url(../images/twitter.gif);
        background-repeat: no-repeat;
        background-position: center top
    }

        .twitter a:hover {
            width: 30px;
            height: 32px;
            display: block;
            text-indent: -9999px;
            background-image: url(../images/twitter.gif);
            background-repeat: no-repeat;
            background-position: center bottom
        }

.google {
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 5px
}

    .google a {
        width: 30px;
        height: 30px;
        display: block;
        text-indent: -9999px;
        background-image: url(../images/google_plus.gif);
        background-repeat: no-repeat;
        background-position: center top
    }

        .google a:hover {
            width: 30px;
            height: 31px;
            display: block;
            text-indent: -9999px;
            background-image: url(../images/google_plus.gif);
            background-repeat: no-repeat;
            background-position: center bottom
        }
.rss {
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 5px
}

    .rss a {
        width: 30px;
        height: 30px;
        display: block;
        text-indent: -9999px;
        background-image: url(../images/rss.gif);
        background-repeat: no-repeat;
        background-position: center top
    }

        .rss a:hover {
            width: 30px;
            height: 32px;
            display: block;
            text-indent: -9999px;
            background-image: url(../images/rss.gif);
            background-repeat: no-repeat;
            background-position: center bottom
        }

#datelbl {
    font-size: 18px;
    color: #e4f1f1;
}

.pagfooter-div {
    background-color: #2b0136;
    margin: 0px;
    padding-top: 15px;
    color: #e4f1f1;
    padding-bottom:15px;
}
    .pagfooter-div h5 {
        color: #d1eaea;
        margin-top: 0px;
        font-size: 18px;
    }
.txt {
    border-bottom: 1px solid #a09999;
    background-color: #fbfbfb;
}

#btnReq, #btnReq2 {
    background-color: #b6b6b6;
    color: #2b0136;
}

.reqno-lbl {
    color: #2b0136;
    /* font-weight: bold; */
    font-size: 1.9rem;
    line-height: 25px;
    padding-bottom: 8px;
}

.searchstamp {
    /*margin-top: 10px;*/
}
.exmp-lnk:hover {
  color: #F3B8B9;
}

.maincontain {
    background-color: rgb(255, 255, 255);
    box-shadow: 2px 2px 3px 2px #a6a4a4;
    padding: 15px 20px;
    min-height: 450px;
    height: auto;
}
.errcont-p{font-size:20px;}
.dropdown-menu li {
    list-style: none;
}
.dropdown-menu > li > a {
    padding: 3px 5px;
}
.doctyp-pan {
    margin-top: 10px;
}
.doctyp-tbl tr td {
    border-top: none !important;
    border-right: 1px solid #e8e8e8;
    padding: 0px 6px;
}
    .doctyp-tbl tr td:last-child {
        border-right: none;
    }
    p{margin-bottom:5px;}
.modhead-div {
    padding: 14px 14px 0px;
}
.text-clr {
    color: #ee0105;
}
#txtReq, #txtReq2 {
    border-bottom: 1px solid #313030;
    background-color: #fbfbfb;
    font-size: 13px;
    padding-left: 5px;
    height: 36px;
    width:164px;
}

.moon {
    width: 110%;
    /*float: right;*/
    /*shape-outside: inset(1% round 50%);*/

}
.stmptit-p {
    color: #012b1d;
    font-family: 'Lato-Regular', sans-serif;
    font-size: 19px;
    line-height: 25px;
    margin-top: 0px;
    margin-bottom: 7px;
    /*font-weight: bold;*/
}

.step-number {
    vertical-align: middle;
    -moz-box-sizing: content-box;
    width: 35px;
    text-align: center;
    font-size: 21px;
    height: 35px;
    font-weight: bold;
    background-color: #ccd0d5;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    color: #cc0000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border: 5px solid #ffffff;
    border-radius: 30px;
    box-shadow: 0px -2px 11px -2px #a59f9f;
    padding: 2px 7px;
}
    /*.step-number::before {
        content: "";
        display: block;
        border: 5px solid #ffffff;
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 3px;
        left: -8px;
        top: -8px;
        z-index: -1;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow: 0px -2px 11px -2px #a59f9f;
        border-radius: 50%;
    }*/


.usarb-tab th {
    color: #0f3588;
    border-bottom: 1px solid #000;
}

.usarb-tab {
    border-left: none;
    margin: auto;
    border-right: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 82%;
}

.usarbcom-tab {
    border-left: none;
    border-right: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: auto;
    width: 85%;
}

    .usarbcom-tab th {
        color: rgb(128, 9, 43);
        border-bottom: 1px solid #000;
    }

    .usarbcom-tab tr:nth-child(2n) {
        background-color: rgb(225, 217, 217);
    }

.tabl-sec {
    width: 65%;
    margin: auto;
}

    .tabl-sec tr td, .tabl-sec tr th {
        border-top: none !important;
    }
.usarb-tab tr:nth-child(2n) {
    background-color: rgb(225, 217, 217);
}
.verticalmenu li.active {
    color: #666;
    background-color: #e9e9e9;
}

.verticalmenu li {
    list-style: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #ccc;
    padding: 6px;
}
.verticalmenu img {
    float: right;
    margin-top: 5px;
}
.verticalmenu a {
    color: #312b2b !important;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 16px;
}
legend {
    margin-bottom: 10px !important;
    border-bottom: none !important;
}
.redclr {
    color: red;
}
.embfee-p {
    color: #900;
    margin-bottom: 15px;
}
.comm-div {
    width: 82%;
    margin: auto;
    margin-bottom: 30px;
}
.typclr {
    color: #b30202;
}
.cominv-p {
    /*font-weight: bold;*/
    color: #376092;
    font-size:16px;
}


.notorigin-div .typdoc-p {
    margin-left: 0px;
}

.inv-btn {
    padding: 0px 9px;
}

.inv-num {
    border: 1px solid #eee9e9 !important;
    height: 35px;
    padding-left: 10px !important;
}

.embfee-p {
    color: #b30202;
    margin-bottom: 15px;
    font-size: 17px;
}

/*SYRIA POP UP*/

#ac-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 10011;
    opacity: .9;
}

#popup {
    width: 38%;
    /*height: 280px;*/
    background: #FFFFFF;
    border: 5px solid #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: #64686e 0px 0px 3px 3px;
    -moz-box-shadow: #64686e 0px 0px 3px 3px;
    -webkit-box-shadow: #64686e 0px 0px 3px 3px;
    position: fixed;
    top: 20%;
    left: 30%;
    padding: 15px 20px;
    z-index: 100000;
}

    #popup p {
        font-size: 16px; /*font-family: tahoma;*/
        line-height: 23px;
        margin-bottom: 10px;
    }

    #popup h2 {
        color: #AF0003 !important;
        text-decoration: underline;
        font-size: 25px !important;
    }

.submitbtn {
    padding: 3px 25px;
    background-color: #078A3A;
    color: #fff;
    font-size: 15px;
    margin-left: 42%;
}

.agenagr-th {
    font-size: 20px;
    text-align: center;
    background-color: #fdfdfd;
    color: #000 !important;
}

.agenagr-h2 {
    font-size: 23px !important;
    color: #0f3588 !important;
    margin-top: 13px;
    margin-bottom: 15px;
}

.doctyp-h5 {
    color: #031640;
    font-size: 20px;
}
.doctyp-img {
    border: 1px solid #525659;
}
.equat-lbl {
    /*font-size: 17px;*/
}

.contus-h3 {
    font-size: 19px;
    color: #900;
    margin-bottom: 10px;
    margin-top: 10px;
}

.doctyp-pan {
    margin-top: 10px;
}

.morinfo-h5 {
    color: #b30202;
    /*margin-bottom: 28px;
    margin-left: 28px;*/
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #fff;
}
.stmp-img {
    border: 5px solid #dcdcdc;
}

.doctyp-ul li {
    list-style: square outside;
    color: #0f3588;
}

    .doctyp-ul li a, .doctyp-ul li span {
        color: #01112f !important;
    }

        .doctyp-ul li a:hover {
            color: #0f3588 !important;
        }

.main-hr {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    border-top: 1px solid #ececec !important;
}


a.dci {
    display: block;
    height: 60px;
    width: 270px;
    background-position: left top;
    text-decoration: none;
    text-indent: -9999px;
    background-image: url(../images/ci-button.png);
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #333;
    font-style: italic;
    float: left;
    margin: 10px
}

a:hover.dci {
    display: block;
    height: 60px;
    width: 270px;
    background-position: left bottom;
    text-decoration: none;
    color: #333
}

a.dco {
    display: block;
    height: 60px;
    width: 270px;
    background-position: left top;
    text-decoration: none;
    text-indent: -9999px;
    background-image: url(../images/co-button.png);
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #333;
    font-style: italic;
    float: left;
    margin: 10px
}

a:hover.dco {
    display: block;
    height: 60px;
    width: 270px;
    background-position: left bottom;
    text-decoration: none;
    color: #333
}

a.dcor {
    display: block;
    height: 60px;
    width: 270px;
    background-position: left top;
    text-decoration: none;
    text-indent: -9999px;
    background-image: url(../images/recog-button.png);
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #333;
    font-style: italic;
    float: left;
    margin: 10px
}

a:hover.dcor {
    display: block;
    height: 60px;
    width: 270px;
    background-position: left bottom;
    text-decoration: none;
    color: #333
}

a.dad {
    display: block;
    height: 60px;
    width: 270px;
    background-position: left top;
    text-decoration: none;
    text-indent: -9999px;
    background-image: url(../images/appended-button.png);
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #333;
    font-style: italic;
    float: left;
    margin: 10px
}

a:hover.dad {
    display: block;
    height: 60px;
    width: 270px;
    background-position: left bottom;
    text-decoration: none;
    color: #333
}

.hor-minimalist-b {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    background: #fff;
    margin: 20px auto;
    border-collapse: collapse;
    text-align: left;
    width: 80%;
}

.view-map {
    background-color: #FFF;
    border: 1px solid #ccc;
    padding: 10px;
}

.form-group label {
    /*font-style: italic;*/
    font-size: 17px;
    color: #2a2248;
}
.errnum-spn {
    color: #1E5535;
    font-size: 47px;
}
.rd-btn {
 
    top: 2px;
}
.subtit-h1 {
    text-transform: none;
    color: #333333;
    margin-bottom: 15px;
    margin-top: 0px;
    /* font-family: 'FjallaOne-Regular', sans-serif; */
    font-size: 2.9rem;
    /* font-weight: bold; */
    letter-spacing: 0px;
}
.doctyp-ul li p {
    color: #292828;
}


.exmp-lnk {
    color: #dfeadf;
    background-color: #0c4f0c;
    padding: 5px 9px;
}
   
/*.arbcount-tbl tr:nth-child(odd) td:nth-child(odd) {
    background-color: #eee
}

.arbcount-tbl tr:nth-child(even) td:nth-child(even) {
    background-color: rgb(225, 217, 217);
}*/
.arbcou-ul li:nth-child(even) {
    background-color: #ececec;
}

.typdoc-divs {
    /* background-color: #ececec; */
    padding: 50px 40px;
    margin: 30px auto;
    font-family: 'FjallaOne-Regular', sans-serif;
    font-size: 20px;
    /* box-shadow: 2px 2px 2px 2px #9e9b9b; */
    border: 1px solid #eee;
}
.docbtns-div {
    /*display: none;*/
    margin-bottom:20px;
}
.typdoc-divs input[type="radio"] {
    /*width: 25px;
    height: 25px;*/
    position: relative;
    top: 5px;
}
.arbcoun-lst{margin-bottom:10px;}
.allcoun-btn {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #064377;
    background-image: -moz-linear-gradient(top,#0b5592,#064377);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#0b5592),to(#064377));
    background-image: -webkit-linear-gradient(top,#0b5592,#064377);
    background-image: -o-linear-gradient(top,#0b5592,#064377);
    background-image: linear-gradient(to bottom,#0b5592,#064377);
    background-repeat: repeat-x;
    border-color: #064377 #064377 #002a80;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    height: 50px;
    font-size: 1.5em;
}
    .allcoun-btn:hover {
        color: #fff;
        background-color: #520e12;
        background-image: -moz-linear-gradient(top,#ce5a5a,#520e12);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#ce5a5a),to(#520e12));
        background-image: -webkit-linear-gradient(top,#ce5a5a,#520e12);
        background-image: -o-linear-gradient(top,#ce5a5a,#520e12);
        background-image: linear-gradient(to bottom,#ce5a5a,#520e12);
        background-repeat: repeat-x;
        border-color: #520e12 #520e12 #002a80;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    }
.subm-btn {
    color: #fff;
    background-color: #520e12;
    background-image: -moz-linear-gradient(top,#ce5a5a,#520e12);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ce5a5a),to(#520e12));
    background-image: -webkit-linear-gradient(top,#ce5a5a,#520e12);
    background-image: -o-linear-gradient(top,#ce5a5a,#520e12);
    background-image: linear-gradient(to bottom,#ce5a5a,#520e12);
    background-repeat: repeat-x;
    border-color: #520e12 #520e12 #002a80;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    font-size: 1.4em !important;
    height: 50px;
    text-transform: none;
}
.adddoc-btn {
    color: #fff;
    background-color: #b1000b;
    background-image: -moz-linear-gradient(top,#ce5a5a,#520e12);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ce5a5a),to(#520e12));
    background-image: -webkit-linear-gradient(top,#ce5a5a,#520e12);
    background-image: -o-linear-gradient(top,#ce5a5a,#520e12);
    background-image: linear-gradient(to bottom,#ce5a5a,#520e12);
    background-repeat: repeat-x;
    border-color: #520e12 #520e12 #002a80;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    font-size: 1.5em !important;
    height: 60px;
    text-transform: none;
}

    .stat-btn:hover, .stat-btn:active,.stat-btn:focus, .subm-btn:hover, .subm-btn:active, .subm-btn:focus, .procdoc-btn:hover, .procdoc-btn:active,.procdoc-btn:focus, .adddoc-btn:hover, .adddoc-btn:active, .adddoc-btn:focus {
        color: #fff !important;
    }
.cancl-btn {
    color: #11385B;
    background-color: #bfbdbd;
    background-image: -moz-linear-gradient(top,#f3f3f3,#bfbdbd);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f3f3f3),to(#bfbdbd));
    background-image: -webkit-linear-gradient(top,#f3f3f3,#bfbdbd);
    background-image: -o-linear-gradient(top,#f3f3f3,#bfbdbd);
    background-image: linear-gradient(to bottom,#f3f3f3,#bfbdbd);
    background-repeat: repeat-x;
    border-color: #f3f3f3 #f3f3f3 #002a80;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    font-size: 1.4em !important;
    height: 50px;
    text-transform: none;
}
.stat-btn {
    color: #fff;
    background-color: #77010d;
    background-image: -moz-linear-gradient(top,#ad0507,#77010d);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ad0507),to(#77010d));
    background-image: -webkit-linear-gradient(top,#ad0507,#77010d);
    background-image: -o-linear-gradient(top,#ad0507,#77010d);
    background-image: linear-gradient(to bottom,#ad0507,#77010d);
    background-repeat: repeat-x;
    border-color: #77010d #77010d #002a80;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    font-size: 1.5em !important;
    height: 50px;
    margin-top: 10px;
    /*
    border:none;
    background-color:transparent;*/
}
.margin-auto {
    margin: auto;
}

.stat-btn img {
   width: 300px;
}

.start-bg1 {
    /*background: url(../Images/start-bg1.png)*/
}
.docnum-inp {
    border: 1px solid #c2c2bf !important;
    padding-left: 10px !important;
    height: 45px;
    background-color: #f7f7f7 !important;
}
.filltxt-p{
    font-weight:bold;font-size:20px;
}
.edcond-spn {
    color: #057832;
    font-size: 21px;
}
.docnum-lbl {
    /*color: #0f3588;*/
    font-size: 18px;
}
.totnum-lbl {
    font-weight: bold;
    font-size: 21px !important;
    /*font-style: normal !important;*/
}

.totamount-lbl {
    font-weight: bold;
    color: #b70507;
    font-size: 18px !important;
    font-style: normal !important;
}
.totam-div {
    background-color: #f1f1f1;
    border: 1px solid #e8e4e4;
    padding: 10px 0px 3px;
    text-align: center;
}
.totam-num{font-weight:bold;font-size: 18px !important; font-style: normal !important;padding-left:40px;}
.del-fa{color:#ce0404;font-size:25px;}
.procdoc-btn {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #064377;
    background-image: -moz-linear-gradient(top,#0b5592,#064377);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#0b5592),to(#064377));
    background-image: -webkit-linear-gradient(top,#0b5592,#064377);
    background-image: -o-linear-gradient(top,#0b5592,#064377);
    background-image: linear-gradient(to bottom,#0b5592,#064377);
    background-repeat: repeat-x;
    border-color: #064377 #064377 #002a80;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    font-size: 1.4em !important;
    height: 50px;
    text-transform: none;
}
.crecard-frm{background-color:#eee;padding:20px;}
#divcredit{width:70%;}
.credtit-h3 {
    background-color: #2b0136;
    padding: 15px;
    color: #fff;
    font-size: 21px;
    /*font-family: 'FjallaOne-Regular', sans-serif;*/
}
.ddfrm-lst {
    font-size: 13px !important;
    background-color: #fff !important;
    padding-left: 5px !important;
}
.modtit-h4 {
    color: #fff;
    font-size: 22px;
}

.modhd-div {
    background-color: #139e58;
    padding: 2px 15px;
}

.btn-clkpay, .btn-paynow {
    background-color: #a73248;
}
.modcont-p {
    font-size: 20px;
}
#CreditTodayCheckerModalContent {
    padding:20px;
}
.paycharg-tabl {
    margin: 10px auto;
    background-color: #eee;
}
.crecard-frm input {
    background-color: #fff !important;
}
    .paycharg-tabl td {
        /*font-weight: bold;
        padding: 7px !important;
        border: rgb(180, 160, 185) 1px solid;*/
    }

.paychargdiv {
    font-weight: bold;
    font-size: 16px;
    color: #011784;
}

#todayRequestsDiv {
    /*margin: 18px 0px 0px 27px;*/
    /*color: #011784;
    font-weight: bold;*/
}

/*#todayRequestsTable {
    margin-left: 20px;
    margin-bottom: 20px;
    width: 92%;
    border: rgb(180, 160, 185) 1px solid;
}

    #todayRequestsTable td {
        padding: 6px 0px;
        text-align: center;
        border: rgb(180, 160, 185) 1px solid;
    }*/

    #todayRequestsTable tbody {
        /*background-color: antiquewhite;*/
    }
.verticalmenu, .vertmenu-ul {
    padding-left: 10px;
    margin-bottom: 0px;
}
    .vertmenu-ul a {
        color: #082c00 !important;
        margin: 0;
        padding: 8px 12px;
        text-decoration: none;
        font-size: 16px;
    }
.vertmenu-ul img {
    float: right;
    margin-top: 5px;
    display:none
}
    .vertmenu-ul li {
        /*list-style: none;*/
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #ccc;
        color: #bf0108;
    }
/*#todayRequestsTable th {
        background-color: #d7c9e1;
        padding: 8px;
        font-weight: bold;
    }*/
/*#CreditTodayCheckerModal h4.modal-title {
    font-weight: bold;
    font-size: 18px;
}*/
/*#todayContent {
    max-height: 300px;
    overflow: auto;
}*/
.CustomerName {
    color: red;
}
.repaid{padding:6px 10px;}

.tab_inv {
    background-color: #eee;
}
.invnum-td {
    background-color: #064377;
    color: #e4e4b7;
}
.tab_inv td {
    padding: 8px
}
.invdoc-lbl {
    color: #2b0136;
    font-size: 20px !important;
}
.coundoc-tr {
    background-color: #064377;
    color: #e4e4b7;
    text-align: center;
}
.tabinv-td {
    background-color: #064377;
    color: #fff;
}
.paytxt-td {
    color: #b70507;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.invpay-td {
    color: #b70507;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.avpay-td {
    color: blue;
    text-align: center;
}
.chbox-inp {
    border: 2px solid #e6e5a6;
}
.modialg-div {width: 60%;}
.visdoc-tbl {
    background-color: #f1f1f1;
}
.visdoc-tbl td:first-child {
    background-color: #0e4676;
    color: #eee;
    vertical-align: middle;
    font-size: 18px;
}
/*.visfee-tbl {
    background-color: #fbfbf1;
}
    .visfee-tbl th {
        background-color: #0e4676;
        color: #eee;
        font-size: 17px;
    }
    .visfee-tbl tr:nth-child(2) {

        color: #11385B;
        font-size: 18px;
    }
    .visfee-tbl tr td:first-child {
        color: #11385B;
        font-size: 18px;
    }
    .visfee-tbl tr:last-child td:last-child {
        color: #c3001e;
        font-size: 18px;
    }*/

.medata-div {
    padding-right: 5px;
}

.newscat-ul {
    padding-left: 5px;
}

    .newscat-ul li {
        padding: 2px 0px;
        /* list-style: none; */
        /* border-bottom: 1px solid #f8f8f8; */
        margin-left: 31px;
        color: #b10000;
    }
        .newscat-ul li span {
            color: #292828;
        }
.notnam-spn {
    color: #8e6f01;
}
.serno-spn {
    color: #7607a3;
   
}
.sgnnam-spn {
    color: #157503;
}
.docmtyp-spn{color:#520e12;}
.newscat-div {
    border: 1px solid #efeaea;
    /* border-radius: 5px; */
    margin-right: 0px;
    padding: 8px 14px;
    margin-top: 10px;
    background-color: #f7f7f7;
}

.newscat-ul li:last-child {
    border-bottom: none;
}

.newdat-spn {
    color: #6c6969;
}
.datetit-spn {
    color: #085004;

}
.ziptyp-lbl {
    margin-top: 8px;font-size:18px !important;
}
.totnum-ddown {
    background-color: #f1f1f1;
    padding: 1px 15px;
    height: 62px;
    border: 6px solid #fbfbfb !important;
    padding-left: 20px !important;
    color: #000;
    font-size: 19px !important;
    box-shadow: inset 8px 2px 4px #a99e9e !important;
    background-size: 25px !important;
}
.compnam-spn {
    color: #dc0303;
}
.docnam-spn{color:#0631a8;}

.catnews-h1 {
    margin-bottom: 15px;
    color: #085004;
    font-family: 'FjallaOne-Regular', sans-serif;
    font-size: 26px;
    margin-top: 0px;
    line-height: 29px;
}

.datspn-clr {
    color: #c90606;
}

.newsdet-img {
    margin: auto;
    margin-bottom: 25px;
    padding: 12px 30px;
}

.detnews-div {
    padding: 0px 20px;
    text-align: justify;
}

.detnews-h4 {
    margin-bottom: 8px;
    color: #124293;
    font-family: tahoma;
    font-size: 25px;
    margin-top: 0px;
    line-height: 33px;
}

.datnews-p span {
    font-size: 17px !important;
}

.pagnum-div {
    font-weight: bold;
    color: #bf0404;
    font-size: 18px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #064377;
    border-color: #eaeaea;
}
.pagcont-div li a{color:#064377;}
.compnews-div{/*overflow-x:hidden;*/}
.compnews-tbl {
    
}
.newsitems-div {
    background-color: #f9f9f9;
    padding: 10px 20px;
    border: 1px solid #ececec;
    margin-bottom: 10px;
}
.compnews-tbl tr td {
    padding: 20px !important;
}
    .im {
        color: #000 !important;
    }
.subtit-clr {
    color: #f1f1f1;
}

.headlogo-mini {
    display: none;
}

.rdchoose {
    position: relative;
    top: 7px;
}

.upfl-tbx {
    margin-top: 10px;
}

.upmal-lbl {
   
    font-size: 22px !important;
}
.apolgtxt-div {
    background-color: #f3f3f3;
    border: 1px solid #dcdada;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    /* font-size: 15px; */
    color: #c70303;
}

.valtyp-lbl{font-size:18px !important;}
.pdficn-div {
    background: #fff url(../Images/coci-bg.png) no-repeat center;
    /* border-radius: 126px; */
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    padding: 0px 47px 1px;
    font-family: 'FjallaOne-Regular', sans-serif;
    /* box-shadow: 0px 1px 0px 3px #e2e2e2; */
    /* border: 1px solid #e0e0e0; */
}

.rdmre-btn:hover {
    border: 1px solid #e5e3e9;
    background-color: #064377;
    color: #fff;
    /*background-color: #940214;*/
}

.rdmre-btn {
    border: 1px solid #e5e3e9;
    background-color: #11385b;
    color: #e8ebf1;
    /* height: 50px; */
    /* box-shadow: none; */
    font-size: 13px;
    padding: 2px 7px;
    /* text-transform: none; */
    font-family: arial;
}
.arrdwn-fa {
    font-size: 30px;
    color: #021235;
}
.alltyp-p {
    font-size: 21px;
    /* font-weight: bold; */
    color: #024402;
}

.err-spn {
    font-size: 37px;
    color: #d00505;
}
.extfee-clr{color:#014825;}
.note-p {
    color: #2b0136;
}
#figcap {
    text-align: center;
    /*font-weight: bold;*/
    font-family: 'FjallaOne-Regular', sans-serif;
    font-size: 18px;
    margin-top: 8px;
}
.infbul-p {
    color: #0f3588;
    line-height: 35px;
    text-transform: none;
    margin-bottom: 15px;
    font-family: 'FjallaOne-Regular', sans-serif;
    font-size: 25px;
}
.saudiemb-div {
    background-color: #fffae7;
    padding: 25px;
    margin-bottom: 30px;
    margin-top: 30px;
    border: 1px solid #efe8d0;
}


#myImg {
    /*border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;*/
    /*margin: auto;*/
    width: 350px;
}
a.black-clr{color:#000 !important;}
/*#myImg1 {
    margin-top: 10px;
    box-shadow: 0px 0px 30px 0px rgba(182, 182, 182, 0.73);
    height: 430px;
}*/
#myImg1 {
    margin-top: 25px;
    box-shadow: 0px 0px 30px 0px rgba(182, 182, 182, 0.73);
    height: 445px;
}
.ordstamp-btn {
    font-size: 18px;
    /*background-color: #b36019;*/
    /* margin: auto; */
    /*font-size: 18px;
    padding: 8px 32px;
    margin-top: 6px;
    text-transform: capitalize;
    box-shadow: 3px 2px 0px #e2e2e2;   
    border: 2px solid #2b0136;
    color: #fff;
    background-color: #520e12;
    background-image: -moz-linear-gradient(top,#e89b5f,#b36019);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#e89b5f),to(#b36019));
    background-image: -webkit-linear-gradient(top,#e89b5f,#b36019);
    background-image: -o-linear-gradient(top,#e89b5f,#b36019);
    background-image: linear-gradient(to bottom,#e89b5f,#b36019);
    background-repeat: repeat-x;
    border-color: #520e12 #520e12 #002a80;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    font-size: 1.1em !important;
    height: 60px;
    text-transform: none;*/
    white-space: normal;
    word-wrap: break-word;
    margin-left: 30px;
    padding: 5px;
    border: 1px solid #878686;
}

.arr-img {
    position: relative;
    right: 25px;
    top: 7px;
}
.chstmp-tbl {
    position: relative;
    right: -7px;
    top: -27px;
}
.coipdf-fa{display:none;}

.sideway {
    font-size: 3em;
    margin: 0px 1em 0 0;
    white-space: nowrap;
    /* background: #333; */
    padding: 0 0;
    float: left;
    width: 50px;
}

    .sideway span {
        vertical-align: top;
        display: inline-block;
        transform: translatey(100%) rotate(270deg);
        transform-origin: 0 0;
    }

        .sideway span:before {
            content: '';
            padding-top: 100%;
            float: left;
        }

    .sideway input {
        font-size: 1em;
        color: black;
        background: none;
        border: none;
        line-height: 0.8em;
        vertical-align: middle;
        outline: none;
        background-color: #fff;
        padding-left: 15px;
        padding-right: 30px;
        margin-top: 15px;
        border: 1px solid #131313;
    }

    .sideway .power {
        font-size: .5em;
        vertical-align: middle;
        /* width: 1em; */
        margin-top: 16px;
    }

form {
    overflow: hidden;
    /* border: solid #333 0.5em; */
}

.power .search-fa {
    font-size: 27px;
    position: relative;
    top: 7px;
}
.ardir-div {
    direction: rtl;
}
.logoimg{/*width:95%;*/margin-top:15px;}

.vertfrm-inp {
    text-align: center;
    vertical-align: middle;
    width: 47px;
    margin-right: 15px;
    /* padding: 0px; */
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 16px;
    margin-top: 125px;
    /* font-weight: 500; */
    transform: rotate(-90deg);
    font-style: normal;
    font-size: 19px;
    transform: rotate(45deg);
    white-space: nowrap;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);

}

.vertfrm-txt {
    text-align: center;
    vertical-align: middle;
    width: 47px;
    margin-right: 15px;
    /* padding: 0px; */
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 16px;
    margin-top: 140px;
    /* font-weight: 500; */
    transform: rotate(-90deg);
    font-style: normal;
    font-size: 1.9rem;
    transform: rotate(-90deg);
    white-space: nowrap;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    letter-spacing: .7px;
}

.vertfrm-txt1 {
    margin-top: 30px;
}

.vertfrm-txt2 {
    width: 67px;
    margin-top: 115px;
    padding-top: 17px;
}
.vertfrm-txt3 {
    width: 35px;
    margin-top: 460px;
    padding-top: 17px;
    font-size: 2.2rem;
    /* font-weight: bold; */
    /* letter-spacing: 0;*/
}
.vertfrm-txt5 {
    width: 25px;
    margin-top: 360px;
    padding-top: 0px;
    font-size: 2.2rem;
    /* font-weight: bold; */
    /* letter-spacing: 0;*/
}

.vertfrm-txt4 {
    margin-top: 100px;
}

/*.animation-div {
    text-align: center;
}*/
    /*.animation-div .vertfrm-txt3 {
        font-size: 36px;
        text-transform: uppercase;
        font-weight: 700;
        background: linear-gradient(to right, #e72a3a 10%, #fff 50%, #0c3899 60%);
        background-size: auto auto;
        background-clip: border-box;
        background-size: 200% auto;
        color: #fff;
        background-clip: text;
        text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: textclip 1.5s linear infinite;
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 0px;
        letter-spacing: 1.8px;
    }*/
    @keyframes textclip {
        to {
            background-position: 200% center;
        }
    }

    .mainclr-bg {
    background-color: #2b0136 !important;
    color: #fff;
}

.calclr-bg {
    background-color: #2b0136;
    color: #fff;
}
.mailclr-bg {
    background-color: #059c48;
    color: #fff;
}
.pdfclr-bg {
    background-color: #eb8126;
    color: #fff;
}
.yellow-border {
    border-bottom: 2px solid #eb8126 !important;
    padding-left: 10px !important;
}
#myImg:hover {
    opacity: 1;
}
.modcont-div {
    background-color: transparent;
    box-shadow: none;
}
.modfoot-div{text-align:center !important;}
.modhd-div .close {color: #fff;margin-top: 10px;}

#myModalCalculate .modal-dialog {
    width:70%;
}
.totfee-p {
    color: #d20707;
    margin-bottom: 15px;
    font-size: 20px;
}
.calsub-btn {
    padding: 9px 29px;
    background-color: #2b0136 !important;
    color: #fff;
}



.social_footer_ul {
    display: table;
    margin: 0 auto;
    list-style-type: none;
    padding-left: 0px;
}

    .social_footer_ul li {
        padding-left: 10px;
        padding-top: 10px;
        float: left;
        list-style: none;
    }

        .social_footer_ul li a {
            color: #CCC;
            border: 1px solid #CCC;
            padding: 8px;
            border-radius: 50%;
        }

        .social_footer_ul li i {
            width: 20px;
            height: 20px;
            text-align: center;
        }

.stampmob-div {
    display: none;
}
.conthd-p {
    color: #fff;
}

.conhdmob-p {
    color: #fff;
    display: none;
}

/*.shipitm-divs .col-sm-3:nth-child(3) {
    width:33.3% !important;
}
.shipitm-divs .col-sm-3:nth-child(4) {
    width:16.67% !important;
}*/
    .stampmob-div input {
        font-size: 2em;
        color: black;
        background: none;
        border: none;
        /* line-height: 0.8em; */
        vertical-align: middle;
        outline: none;
        background-color: #fff;
        padding-left: 15px;
        /* padding-right: 30px; */
        /* margin-top: 15px; */
        border: 1px solid #c7c7c7;
        width: 260px;
        height: 50px;
    }


    .stampmob-div h4 {
        font-size: 2.4rem;
        line-height: 35px;
        text-align: center;
        color: #2b0136;
    }

.blockitems-div {
    margin-top: -72px;
}
.list-blocks {
    /*position: absolute;
    height: 100%;*/ margin-top: 25px;
}


.list-items {
    /*padding-top: 10px;*/
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    line-height: 1.6;
}

.headtit-h2 {
    color: #f9ebbb;
    font-size: 31px;
    /* font-style: italic; */
    margin: 0px;
    text-align: center;
    /*text-decoration: underline;*/
    /*text-transform: uppercase;*/ 
    /*-webkit-text-stroke: 1px black;
    -webkit-text-fill-color: white;*/
}
.strokeme {
    color: white;
    text-shadow: -1px -1px 0 #f1bbff, 1px -1px 0 #ad0fce, -1px 1px 0 #9448bb, 1px 1px 0 #7a0ea7;
    font-family: unset;
}

.item-data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    margin-top: 3px;
    position: relative;
    width: auto;
    /*animation: fade 4s infinite;
    animation-delay: 0s;
    animation-timing-function: linear;*/
}
.item-link {
    display: block;
    font-size: 16px;
    animation: link 10s infinite;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    /*color: rgba(255, 255, 255, 0.5882352941176471);*/
}

    .item-link:hover {
        color: #f9ebbb;
    }
.item-circle {
    background-color: #FFFFFF;
    border: 3px solid #fff;
    border-radius: 18px;
    display: inline-block;
    height: 18px;
    margin: auto 3px auto 0;
    max-width: 18px;
    min-height: 15px;
    min-width: 10px;
    position: relative;
    width: 100%;
    animation: circle 10s infinite;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
}

    .item-circle:after {
        content: '';
        position: absolute;
        top: -4px;
        left: -4px;
        right: -4px;
        bottom: -4px;
        background: #768DA7;
        border-radius: 18px;
        z-index: -1;
    }

    .item-circle.active {
        background-color: #058240;
    }


.item-text {
    display: inline-block;
    color: white;
    /*max-width: 165px;*/
    vertical-align: middle;
    /*width: 100%;*/
    font-size: 20px;
}
.item-text div {
    animation: fade 10s infinite;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
}

    .item-text.text-active {
        /*color: #fff;*/
    }

.text-active a {
    /*color: #fff;*/
}


.item-text2 div, .item-circle2, .item-link2 {
    animation-delay: 3s;
}

.item-text3 div, .item-circle3, .item-link3 {
    animation-delay: 5s;
}

.item-text4 div, .item-circle4, .item-link4 {
    animation-delay: 7s;
}
.item-text5 div, .item-circle5, .item-link5 {
    animation-delay: 9s;
}

    .line {
        bottom: 0px;
        height: calc((100% - 40px) - 0px);
        margin-bottom: 20px;
        margin-left: 8px;
        position: absolute;
        width: 1px;
        z-index: -1;
        background: #fff;
    }
@keyframes fade {
    from {
        color: white;
        background-color: transparent;
    }

    12.5% {
        color: white;
        background-color: #2b0136;
        /*padding:5px;*/
    }

    25% {
        color: white;
        background-color: transparent;
    }
}

/*@keyframes link {
    from {
        color: #0202bb;
    }

    12.5% {
        color: #f9ebbb;
    }

    25% {
        color: #0202bb;
    }
}*/

@keyframes circle {
    from {
        background-color: #fff;
    }

    12.5% {
        background-color: #058240;
    }

    25% {
        background-color: #fff;
    }
}




/*@keyframes fade {
    0% {
        color: white;
   
    }

    20% {
     
        color: white;
    }

    40% {
    
        color: white;
    }

    60% {
        color: white;

    }

    80% {
        color: white;
    
    }

    100% {
        color: white;
   
    }
}*/

/*@keyframes circle {
    0% {
        background-color: #058240;
    }

    20% {
        background-color: #058240;
    }

    40% {
        background-color: #058240;
    }

    60% {
        background-color: #058240;
    }

    80% {
        background-color: #058240;
    }

    100% {
        background-color: #058240;
    }
}*/



    @media (max-width: 767px) {
        body {
            font-size: 2rem;
        }
        .tblcont-p, .mainclr, .cominv-p {
            font-size: 20px;
        }
        .maincontain img{margin:auto;}
        .logohead-row {
            display: none;
        }
        .subtit-h1 {
            font-size:2.8rem;line-height:30px;
        }
        .pageback{padding-top:10px;}
        .mobtxt-row {
            margin-left: 0px;
            margin-right: 0px;
        }
        .headlogo-mini {
            display: block;
        }

        #myModalCalculate .modal-dialog {
            width: 100%;
        }
        h2 {
            font-size: 2.3rem;
        }
        .commtbl-div {
        overflow-x: auto;
    }
        .navbar-default .navbar-toggle .icon-bar {
            background-color: rgb(255, 255, 255);
        }
        .navbar-div .navbar-nav > li > a, .navbar-div .navbar-nav > li > a:hover, .navbar-div .navbar-nav > li > a:focus {
            font-size: 21px;
            padding: 15px 0px 7px 15px;
        }

        .navbar-div .navbar-nav .open .dropdown-menu > li > a {
            color: #fff;
            font-size: 20px;
            padding: 5px 15px 5px 35px;
        }

        .blockitems-div {
            display: none;
        }

        .arr-img {
            width: 85px;
            display: none;
        }
        .stampmob-div input{
            width:240px;
        }
        .chstmp-tbl {
            top: 0px;
            display: none;
        }

        .stampmob-div {
            display: block;
           
            text-align:center;
        }

        #myImg {
            margin: auto;
        }

        .titoff-spn {
            color: #63fbd8;
            font-size: 23px;
            margin-bottom: 8px;
            margin-top: 10px;
        }

        .vertfrm-txt {
            letter-spacing: .4px;
            font-size: 2rem;
        }

        .pageback-cont {
            padding: 5px 10px;
        }

        .ordstamp-btn {
            font-size: 23px;
            margin-left: 0px;
        }
 
        #txtReq, #txtReq2 {
            width: 235px;
        }
        .searchnav-div{display:none;}
        .searchstamp .input-group {
            display: inline-flex;
        }
        .maintit-h1 {
            font-size: 2.4rem;
            line-height: 40px;
            margin-bottom: 5px;
        }
        .subtit-h3 {
            font-size: 30px;
            line-height: 40px;
        }
        .navbar-div .navbar-nav > li > a {
            padding: 15px 10px 7px 30px;
            font-size: 20px;
        }
        .conhdmob-p {
            display: block;
        }

        .conthd-p {
            display: none;
        }
        .arbcoun-btn{font-size:18px;}
        .comm-tbl span{font-size:20px;}
            /*.maintit-h2{font-size:21px;}
    h1 {
        font-size: 32px;
    }*/
        }

@media (min-width: 768px) and (max-width: 991px) {
    .chstmp-tbl {
        top: 0px;
        display: none;
    }

    .stampmob-div {
        display: block;
    }

    .searchnav-div {
        display: none;
    }

    .commtbl-div {
        overflow-x: auto;
    }

    .titoff-spn {
        font-size: 16px;
    }

    .phon-spn {
        font-size: 16px;
    }

    .arr-img {
        width: 85px;
    }

    .stampmob-div h4 {
        font-size: 2.2rem;
    }

    .headlogo-mini {
        display: block;
    }
    .logohead-row {
        display: none;
    }
    .blockitems-div {
         margin-top: 0px; 
    }
    .reqno-lbl {
        font-size: 1.3rem;
    }
    .item-text {
        font-size: 19px;
    }
    .navbar-div .navbar-nav > li > a {
        padding: 15px 6px 7px;
    }
    .typdc-tbl td {
        padding: 0px 0px !important;
    }

    .arbcoun-btn {
        font-size: 12px;
        height: 52px;
    }
    .typdc-tbl td span {
        font-size: 12px;
    }
    }


   

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-div .navbar-nav > li > a {
        padding: 15px 6px 7px;
        /*font-size: 14px;*/
    }

    /*.searchnav-div {
        display: none;
    }*/

    .commtbl-div {
        overflow-x: auto;
    }

    .titoff-spn {
        font-size: 16px;
    }

    .phon-spn {
        font-size: 16px;
    }

    .chstmp-tbl {
        top: -15px;
    }
    #myImg {
        width: 100% !important;
    }
    /*.headlogo-mini {
        display: block;
    }

    .logohead-row {
        display: none;
    }*/

    .blockitems-div {
        margin-top: 0px;
    }

    .reqno-lbl {
        font-size: 1.3rem;
    }

    .item-text {
        font-size: 19px;
    }
    .headtit-h2 {
        text-align: left;
        margin-left:19px;
    }
    .typdc-tbl td {
        padding: 0px 1px !important;
    }
    .arbcoun-btn {
        font-size: 15px;
    }
    /*.navbar-div .navbar-nav > li > a {
        padding: 15px 6px 7px;
    }*/

}

    @media (min-width: 1200px) {

        .pageback-cont .col-sm-9 {
            width: 83%;
        }

        .pageback-cont .col-sm-3 {
            width: 17%;
        }
    }

@media (max-width: 1500px) {
    /*.dialchamp-mod {
        width: 390px;
    }*/
    .adddoc-btn, .procdoc-btn, .cancl-btn, .allcoun-btn, .subm-btn {
        font-size: 1.2em !important;
        height: 45px;
    }
}

@media (max-width: 320px) {
    .stampmob-div input {
        width: 200px;
    }
    .ordstamp-btn {
        font-size: 23px;
        font-weight: bold;
    }
    h1 {
        font-size: 2.5rem;
        line-height: 34px;
    }

    .subtit-h1 {
        font-size: 2.5rem;
    }
  
    a.dco, a.dci, a.dcor, a.dad {
        display: block;
        height: auto;
        width: 100%;
        background-position: left top;
        text-decoration: none;
        text-indent: initial;
        background-image: none;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 22px;
        color: #1084c8;
        font-style: italic;
        float: left;
        padding: 10px 10px;
        background-color: #f5f5f5;
        margin: 0px 0px 18px;
        border-radius: 14px;
        border: 1px solid #a9a4a4;
        font-weight: bold;
        text-align: center;
    }

    a:hover.dco, a:hover.dci, a:hover.dcor, a:hover.dad {
        height: auto !important;
        width: 100% !important;
    }

    .coipdf-fa {
        display: inline-block;
        font-size: 47px;
        color: red;
        position: relative;
        top: 18px;
        float: right;
    }

    .subtit-h3 {
        font-size: 25px;
    }

    h2 {
        font-size: 2.2rem;
    }
}

@media (max-width: 240px) {
    body {
        font-size: 1.5rem;
    }
    .maintit-h1 {
        font-size: 2.1rem;
    }
    .stampmob-div h4 {
        font-size: 1.9rem;
    }
    .maintit-h2 {
        font-size: 1.8rem;
        line-height: 27px;
    }
    .subtit-h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .titoff-spn {
        font-size: 18px;
    }
    
    #txtReq, #txtReq2 {
        width: 170px !important;
    }

    .stampmob-div input {
        width: 135px;
        font-size: 1.3em;
        padding-left: 5px;
    }

    .power .search-fa {
        font-size: 23px;
        top: 3px;
    }

    .ordstamp-btn {
        font-size: 17px;
        font-weight: bold;
    }
    a.dco, a.dci, a.dcor, a.dad {
        font-size: 14px;
        margin: 0px 0px 7px;
        padding: 0px 10px;
    }
    .coipdf-fa {
        font-size: 32px;
        top: 10px;
    }
    .subtit-h1 {
        font-size: 2rem;
    }
    h2 {
        font-size: 1.8rem;
    }
   
}

    /*IE 9 and above*/

    @media screen and (min-width:0\0) and (min-resolution: +72dpi) {

        .sideway input {
            color: #9c9c9c;
        }

        .modal-open .pdf-outer {
            display: none;
        }
        .view-map {
            display: none\9 !important;
        }
    }


    /*IE 9 only*/

    @media screen and (min-width:0\0) and (min-resolution: .001dpcm) {
        #iframeId {
            height: 630px;
        }
    }