/*********************************/
/*1-Fonts */
/*********************************/
@import url(../icons/fs/css/font-awesome.css);
@import url(../icons/riyal-icon/style.css);

.s12 {
    font-size: 12px !important;
}

.s13 {
    font-size: 13px !important;
}

.s14 {
    font-size: 14px !important;
}

.s15 {
    font-size: 15px !important;
}

.s16 {
    font-size: 16px !important;
}

.s17 {
    font-size: 17px !important;
}

.s18 {
    font-size: 18px !important;
}

.s20 {
    font-size: 20px !important;
}

.s24 {
    font-size: 24px !important;
}

.s28 {
    font-size: 28px !important;
}

.s30 {
    font-size: 30px !important;
}

.s36 {
    font-size: 36px !important;
}

.s48 {
    font-size: 48px !important;
}

.s60 {
    font-size: 60px !important;
}

.s72 {
    font-size: 72px !important;
}


/*********************************/
/*2-Backgrounds*/
/*********************************/
.bg {
    background: #000;
}

.bg2 {
    background: #f00;
}

.bg3 {
    background: #00f;
}

.bg4 {
    background: #ed0;
}

.bg5 {
    background: #abc;
}

.bg6 {
    background: #cba;
}

.bg7 {
    background: #bac;
}

.wbg {
    background: #fff;
}

.bbg {
    background: #000;
}

.gbg {
    background: #dcdcdc;
}

.lgbg {
    background: #f5f7f8;
}



/*********************************/
/*3-General*/
/*********************************/

/*padding-top-xx*/
.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pt50 {
    padding-top: 50px;
}

/*padding-bottom-xx*/
.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb50 {
    padding-bottom: 50px;
}

/*padding-right-xx*/
.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr50 {
    padding-right: 50px !important;
}

/*padding-left-xx*/
.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl30 {
    padding-left: 30px !important;
    ;
}

.pl50 {
    padding-left: 50px;
}

.pl100 {
    padding-left: 100px;
}

/*padding*/
.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p30 {
    padding: 30px !important;
}

.p50 {
    padding: 50px !important;
}


/*margin-top-xx*/
.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

/*margin-bottom-xx*/
.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb50 {
    margin-bottom: 50px;
}

/*margin-right-xx*/
.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr50 {
    margin-right: 50px;
}

/*margin-left-xx*/
.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml50 {
    margin-left: 50px;
}

/*no-margins*/
.nm {
    margin: 0 !important;
}

.nlm {
    margin-left: 0 !important;
}

.nrm {
    margin-right: 0 !important;
}

.ntm {
    margin-top: 0 !important;
}

.nbm {
    margin-bottom: 0 !important;
}

/*no-padding*/
.np {
    padding: 0 !important;
}

.nlp {
    padding-left: 0 !important;
}

.nrp {
    padding-right: 0 !important;
}

.ntp {
    padding-top: 0 !important;
}

.nbp {
    padding-bottom: 0 !important;
}


.img-responsive {
    max-width: 100%;
}

.h100 {
    height: 100%;
}

.rel-pos {
    position: relative;
}

/*radio*/
.radio input[type="radio"]:focus {
    outline: 0;
    border: 0;
}

.radio + .radio,
.checkbox + .checkbox {
    outline: 0;
}

.radio-no-border:focus {
    border-color: #ccc;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*divide*/
.divider {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin: 30px 0;
}

/*border*/
.no-border {
    border: 0 !important;
}

.border-bt {
    border-bottom: 1px solid #ddd;
}

/*link*/
a,
button {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    a:hover,
    button:hover {
        text-decoration: none;
    }

a {
    outline: none !important;
}

    a:focus,
    a:visited,
    a:active {
        color: none;
        text-decoration: none;
        outline: 0;
    }

/*btns*/
.btn:active,
.btn:focus {
    outline: 0;
}

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: none;
        outline: none;
        outline-offset: 0px;
    }


/*animation*/
/*animation dealy*/
.ds1 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

.ds2 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.ds3 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.ds4 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.ds5 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.ds6 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.ds7 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}

.ds8 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.ds9 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}

.ds10 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.ds11 {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.ds12 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}




.infinite {
    -vendor-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.anim {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

    .anim:hover {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }



.anim-duration3s {
    -vendor-animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

/*input*/
/* input.form-control, select.form-control, textarea.form-control {
    background: none;
    background-color: #fff;
} */


* {
    margin: 0;
    padding: 0;
}


/* Preloader */
#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #fff;
    z-index: 9999;
}

    #loader-wrapper .loader-section.section-left {
        left: 0;
        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }


/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);
    /* IE 9 */
    transform: translateX(-100%);
    /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);
    /* IE 9 */
    transform: translateX(100%);
    /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transition: all 0.3s 0.3s ease-out;
    transition: all 0.3s 0.3s ease-out;
}

.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}


/**************/

.loader,
.loader__figure {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99999;
}

.loader {
    overflow: visible;
    padding-top: 2em;
    height: 0;
    width: 2em;
}

.loader__figure {
    height: 3em;
    width: 3em;
    box-sizing: border-box;
    border: 0 solid #00ad99;
    border-radius: 50%;
    -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.loader__label {
    float: left;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0.5em 0 0 50%;
    font-size: 0.875em;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    color: #046e46;
    white-space: nowrap;
    -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

@-webkit-keyframes loader-figure {
    0% {
        height: 0;
        width: 0;
    }

    30% {
        height: 2em;
        width: 2em;
        border-width: 1em;
        opacity: 1;
    }

    100% {
        height: 2em;
        width: 2em;
        border-width: 0;
        opacity: 0;
    }
}

@-moz-keyframes loader-figure {
    0% {
        height: 0;
        width: 0;
    }

    30% {
        height: 2em;
        width: 2em;
        border-width: 1em;
        opacity: 1;
    }

    100% {
        height: 2em;
        width: 2em;
        border-width: 0;
        opacity: 0;
    }
}

@keyframes loader-figure {
    0% {
        height: 0;
        width: 0;
    }

    30% {
        /* height: 2em; */
        /* width: 2em; */
        border-width: 1em;
        opacity: 1;
    }

    100% {
        height: 3em;
        width: 3em;
        border-width: 0;
        opacity: 0;
    }
}

@-webkit-keyframes loader-label {
    0% {
        opacity: 0.35;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0.35;
    }
}

@-moz-keyframes loader-label {
    0% {
        opacity: 0.35;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0.35;
    }
}

@keyframes loader-label {
    0% {
        opacity: 0.35;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0.35;
    }
}

/**************/
/*btns*/

.btn-plus {
    /* background-color: #ffd600 ; */
    color: #fff;
    font-size: 55px;
    position: absolute;
    left: 230px;
    margin-top: 60px;
    padding: 0px;
    border: 0;
    border-radius: 0;
    display: inline-block;
    line-height: 60px;
    height: 60px;
    /* width:  60px; */
    text-align: center;
}


    .btn-plus:hover {
        background: #00263e;
        color: #fff;
    }


    .btn-plus .btn-title {
        font-size: 16px;
        background: #00263e;
        display: block;
        line-height: 60px;
        padding: 0 15px;
        font-weight: 700;
        overflow: hidden;
        opacity: 0;
        float: right;
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        transition: .5s all;
        transform: translateX(-50%);
    }

    .btn-plus .icon {
        display: block;
        line-height: 60px;
        height: 60px;
        width: 60px;
        font-size: 55px;
        background-color: #ffd600;
        position: relative;
        z-index: 9;
        float: left;
    }

    .btn-plus:hover .btn-title {
        font-size: 16px;
        padding: 0 15px;
        opacity: 1;
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        transition: .5s all;
        transform: translateX(0%);
        width: auto;
    }




.btn-more {
    font-size: 14px;
    padding: 8px 20px;
    transition: .5s all;
    margin-top: 10px;
    font-weight: 500;
    border-radius: 4px;
    box-shadow: none !important;
    color: #026760;
    display: inline-block;
    line-height: 1;
    box-shadow: none;
    border-radius: 50px;
}

    .btn-more i {
        position: relative;
        top: 2px;
        padding-right: 10px;
    }

    .btn-more:hover {
        border-color: #01ae9a;
        color: #01ae9a;
    }


    .btn-more span,
    .btn-more i {
        display: inline-block;
        line-height: 1.5;
    }



/***********/



/*checkbox*/

.radio label,
.checkbox label {
    padding-right: 25px;
    padding-left: initial;
}


    .radio label::before {
        left: initial;
        right: 0px;
        margin-right: 0px;
        margin-left: 0;
        top: 2px;
    }


    .radio label::after {
        left: initial;
        right: 3px;
        margin-right: 0px;
        margin-left: 0;
    }

    .checkbox label::after {
        left: initial;
        right: 3px;
        margin-right: 0px;
        margin-left: 0;
    }



    .checkbox label::before {
        left: initial;
        right: 0px;
        margin-right: 0px;
        margin-left: 0;
    }

.radio-box {
    border: 1px solid #ddd;
    margin: 15px 0;
    padding: 10px;
}

.radio label {
    display: inline-block;
}

.radio-primary input[type="radio"]:checked + label::after {
    background: #01ae9a;
}

.radio label::after {
    top: 5px;
}

/*************/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 999;
}

body.dark-top {
    overflow-y: hidden;
}

    body.dark-top.loaded {
        overflow: auto;
    }

.loaded #loader-wrapper {
    display: none;
}

.loader-box img {
    display: none;
}


textarea.form-control {
    height: auto;
    min-height: 96px;
}








/*header*/

.scroll-fixed.navbar.navbar-default {
    background: #fff;
    border: 0;
    border-radius: 0;
    margin: 0;
}

    .scroll-fixed.navbar.navbar-default.nav-fixed.nav-show {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 990;
        box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
    }

.header-main .navbar-header {
    float: none;
}

.header-main .navbar-brand {
    display: block;
    height: auto;
    padding: 10px 0;
}

    .header-main .navbar-brand img {
        height: 48px;
    }

.header-main .top-header {
    padding: 0;
    background: #005954;
    position: relative;
    z-index: 99;
}


    .header-main .top-header:before {
        content: "";
        background-image: url('../img/top-header.jpg');
        background-size: cover;
        background-position: center center;
        position: absolute;
        z-index: 99;
    }

.utilities-list {
    list-style: none;
    padding: 0;
    text-align: left;
    font-size: 0;
    display: inline-block;
    margin: 6px 0;
    float: left;
}

    .utilities-list li {
        display: inline-block;
        position: relative;
    }

        .utilities-list li:before {
            content: '';
            background: rgba(0, 0, 0, .05);
            margin: 0 15px;
            display: inline-block;
            font-size: 14px;
            box-sizing: border-box;
            line-height: 1;
            width: 1px;
            height: 20px;
            top: 50%;
        }

        .utilities-list li a {
            color: #fff;
            display: inline-block;
            font-size: 14px;
            cursor: pointer;
        }

        .utilities-list li:first-child:before {
            display: none;
        }


.utilities-list li a.access-opt-font {
    font-size: 0;
    position: relative;
    font-size: 0;
    position: relative;
    color: #85929f;
    padding-right: 5px;
    font-weight: 700;
}


.access-opt-font.increase-font:before {
    content: 'A+';
    font-size: 14px;
}



.access-opt-font.decrease-font:before {
    content: 'A-';
    font-size: 12px;
}



.utilities-list li a:hover {
    opacity: .6;
}

.utilities-list li .search-opt {
    font-size: 0;
}

    .utilities-list li .search-opt i {
        font-size: 14px;
        line-height: 1;
        display: inline-block;
    }

.banner-info {
    /* background-color: #01ae9a; */
    position: relative;
    bottom: 0;
    width: 100%;
    padding: 0px 0px 100px;
    z-index: 0;
    color: #00263d;
    /* transform: translateY(20%); */
    z-index: 9;
    /* text-align:  center; */
    /* margin:  auto; */
    display: inline-block;
    font-size: 14px;
    /* margin-bottom:  50px; */
}

    .banner-info .banner-title {
        margin-top: 0;
        font-size: 3em;
        line-height: 1.2;
        display: inline-block;
        font-weight: 700;
        margin: 0;
    }

.banner-content {
    padding-top: 10px;
    font-size: 16px;
    line-height: 1.7;
    display: inline-block;
    /* color: #555; */
    /* font-weight:  700; */
}


.owl-nav {
    position: absolute;
    height: 60px;
    z-index: 1;
    margin: -30px 0 0 0 !important;
}



.owl-theme .owl-nav [class*=owl-] {
    margin: 0;
    border-radius: 0;
    background: #69c7bd;
    height: 60px;
    width: 60px;
    font-size: 40px;
    padding: 0;
    text-align: center;
    line-height: 60px;
    transition: .5s all;
}

/*.quick-links*/
.quick-links .link-body {
    background-color: #f2f2f2;
    padding-top: 80px;
}


    .quick-links .link-body .link-body-cont {
        /* padding: 70px   0px 60px; */
        display: block !important;
    }


        .quick-links .link-body .link-body-cont ul {
            list-style-type: none;
        }

.quick-links .link-block {
}


.quick-links .link-body .link-body-cont ul li {
    margin-bottom: 30px;
}





    .quick-links .link-body .link-body-cont ul li a {
        color: #00263e;
        font-weight: 700;
        display: block;
        border: 1px solid rgba(0, 0, 0, .05);
        border-radius: 15px;
        padding: 15px;
    }



.quick-links .panel-group .panel {
    border: 0;
}

.quick-links-cont {
    float: none;
    border: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 0;
    border-radius: 0;
    /* overflow:  hidden; */
}

    .quick-links-cont a {
        /* background: rgba(243, 243, 243, .5); */
        padding: 15px 20px 15px 20px;
        float: none;
        /* display: inline-flex; */
        font-weight: 700;
        /* color: #00263e; */
        /* width:  50%; */
        /* text-align:  center; */
        /* border-left: 1px solid rgba(0,0,0,.03); */
        /* border-bottom: 1px solid rgba(0,0,0,.03); */
        /* flex-direction:  column; */
        border-radius: 0 !important;
        /* border-left:  0 !important; */
        transition: none;
    }

    .quick-links-cont .show-all-links {
        background: #f1f1f1;
        padding: 0;
        transition: 0s all;
    }

.show-all-links span {
    display: inline-block;
}

.show-all-links span {
    display: block;
    padding: 0;
    transition: .3s all;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

    .show-all-links span:first-child {
        /* background: #00263d; */
        /* height:  100%; */
        font-size: 40px;
        padding: 0;
        color: #fff;
        min-width: 1px;
        text-align: center;
        line-height: .6;
    }

.quick-links-cont a:hover {
    background: #00263e;
    color: #fff;
}

.quick-links-cont .show-all-links:hover span {
    background: #00263e;
}

.quick-links .link-body .link-body-cont ul li a:hover {
    color: #01ae9a;
}


.quick-link-title {
    /* float:  left; */
    /* background: rgba(0,0,0,.1); */
    color: #fff;
    padding: 17px 20px;
    font-weight: 700;
    font-size: 16px;
    margin-top: 0;
    position: relative;
    z-index: 9;
    border-bottom: 0;
    display: inline-block;
    vertical-align: top;
}

a.show-all-links[aria-expanded="true"] span:first-child {
}

.quick-links-box a.show-all-links[aria-expanded="true"] span:first-child:before {
    content: "\f404";
}

.quick-links .panel-group {
    margin: 0;
}

/** quick links search */
.quick-links .search-quick-links-opt {
    background: #00263e;
    color: #fff;
    font-size: 24px;
    padding: 21px 20px 15px 20px;
}


.quick-links-search-cont {
    margin: 0;
    padding: 0;
    position: relative;
    margin-bottom: 30px;
}

.quick-links-search {
    background: none;
    margin-bottom: 10px;
    color: #fdb71e;
    height: 86px;
    line-height: 90px;
    font-size: 24px;
    border: 0;
    border-bottom: 3px solid #fdb71e;
    box-shadow: none;
    position: relative;
    z-index: 9;
    padding-left: 80px;
}

.quick-links-search-cont label {
    position: absolute;
    font-size: 30px;
    color: #fff;
    top: 30px;
    z-index: 0;
    transition: .5s all;
}

.quick-links-search-cont input:focus + label,
.quick-links-search-cont.active label {
    top: -10px;
    font-size: 18px;
}


.quick-links-search-cont button {
    float: left;
    height: 80px;
    width: auto;
    margin-top: -90px;
    background-color: transparent;
    border: none;
    font-size: 30px;
    border-radius: 0;
    color: #fff;
    position: relative;
    z-index: 9;
}

    .quick-links-search-cont button:hover {
        color: #00263e;
    }

.quick-links-search-cont .help-block {
    display: none;
}

.quick-links-search-cont.active .help-block {
    display: block;
}



/* news */


/* .content-section {
    padding-bottom: 60px;
    margin-top: 100px;
} */

    .content-section .panel.panel-default {
        /* margin:  0; */
        /* border:  0; */
        /* border-radius:  0; */
        /* padding:  0; */
        /* background:  none; */
        /* box-shadow: none; */
    }

        .content-section .panel.panel-default .panel-heading {
            padding: 0;
            border: 0;
        }

        .content-section .panel.panel-default .panel-body {
            /* padding:  0; */
            /* border: 0; */
            /* box-shadow:  none; */
        }

            .content-section .panel.panel-default .panel-body .date {
                color: #00263e;
                display: block;
                margin-top: 0;
            }

                .content-section .panel.panel-default .panel-body .date + h5 {
                    color: #333;
                    margin-top: 5px;
                }


            .content-section .panel.panel-default .panel-body h5 a {
                font-size: 16px;
                line-height: 1.6;
                color: #000;
            }

.most-news-cont {
    /* padding-bottom: 90px; */
    margin-top: 0;
}

    .most-news-cont .owl-nav {
        margin: 30px 0 0 0 !important;
        left: 0;
    }

.content-section .panel.panel-default .panel-heading img {
    width: 100%;
    transition: .5s all;
}

.content-section .panel.panel-default .panel-heading a:hover:before {
    opacity: 1;
}

.content-section .panel.panel-default .panel-body h5 a:hover {
    color: #00263e;
}


.most-news-cont .btn-plus {
    position: absolute;
    left: 230px;
    margin-top: 30px;
}

.most-news-cont > .container {
    position: relative;
}

/************/
/*.feature-section */

.feature-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .feature-section ul li {
        position: relative;
        display: block;
        padding-right: 12px;
    }

        .feature-section ul li a,
        .feature-section h5 + p {
            display: inline-block;
            margin-bottom: 10px;
            color: #333;
            /* font-weight:  700; */
            line-height: 1.6;
        }

.feature-section h5 {
    /* margin-bottom: 50px; */
    margin-top: 30px;
    min-height: 60px;
}

.feature-section ul li:before {
    content: "\f124";
    font-family: 'icon54com' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 7px;
    right: 0;
    font-size: 12px;
}


.feature-section ul li a:hover {
    color: #01ae9a;
}


.feature-section h5 + p {
    line-height: 1.9;
    min-height: 162px;
}


.feature-section-box {
    height: 500px;
}


    .feature-section-box .feature-cont-col {
        height: 100%;
    }


.feature-cont-col-side {
    background: #00263e;
    color: #fff;
    font-size: 16px;
    line-height: 1.7;
}


.feature-section-side {
    padding: 30px;
}

    .feature-section-side h3 {
        color: #fff;
    }

.feature-section-box .feature-cont-col .row,
.feature-section-box .feature-col {
    height: 100%;
}

.feature-section-box .feature-col {
    background: #f1f1f1;
    padding: 0;
}

    .feature-section-box .feature-col:nth-child(even) {
        background: #f9f9f9;
    }

    .feature-section-box .feature-col .panel .panel-body {
        padding: 0 20px;
    }

    .feature-section-box .feature-col .btn-more {
        margin-right: -15px;
    }

        .feature-section-box .feature-col .btn-more:hover {
            margin-right: 0;
        }

.feature-section {
    padding-top: 0;
    padding-bottom: 0;
}

/* diff ecin */
.home-diff-section {
    color: #fff;
    background: url(../img/slider/bg.jpg) no-repeat #256b63;
    background-size: cover;
    padding: 60px 0;
    background-attachment: fixed;
    /* margin-top:  0; */
    position: relative;
    overflow: hidden;
}

    .home-diff-section h3 {
        color: #00263e;
        margin: 0;
        padding: 20px 30px;
        border-bottom: 1px solid #ddd;
        font-size: 20px;
    }

.most-links ul li {
    position: relative;
    padding-right: 20px;
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    transition: .05s all;
}

    .most-links ul li a {
        color: inherit;
        display: block;
        padding: 10px 0;
    }

    .most-links ul li:before {
        content: "\f0c1";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        position: absolute;
        top: 17px;
        right: 0;
        transition: .5s all;
    }

.home-diff-section .row {
    display: flex;
    flex-grow: 1;
    flex-flow: row wrap;
    justify-content: left;
    align-content: flex-start;
}


    .home-diff-section .row .home-diff-col {
        display: flex;
        flex-direction: column;
        float: none;
    }

.most-links,
.most-event,
.vote-cont {
    /* background: #fff; */
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    /* border-right: 2px solid rgba(0,0,0,.03); */
}

    .most-links ul {
        padding: 30px 15px;
    }

        .most-links ul li:last-child {
            border: 0;
            margin: 0;
        }

        .most-links ul li:hover {
            background: #00263e;
            color: #fff;
        }

            .most-links ul li:hover:before {
                opacity: 0;
            }

/* links slider */
.home-diff-link {
    display: block;
}

    .home-diff-link .home-diff-link-img {
        display: block;
        padding: 0 30px;
    }

.home-diff-link-title {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    color: #fff;
    transform: scale(0);
    transition: .5s all;
    padding: 6px 15px;
    font-weight: 700;
    background: #00263e;
    line-height: normal;
}

.home-diff-link:hover .home-diff-link-title {
    transform: scale(1);
}

.partner-slider .owl-nav {
    margin: 0px 0 0 0 !important;
}

.partner-slider .home-diff-link {
    position: relative;
    z-index: 9;
}

    .partner-slider .home-diff-link:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.25);
        transition: .5s all;
        opacity: 0;
    }


i.fa.fa-link {
    content: "\f0c1";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.partner-slider .home-diff-link:after {
    content: "\f0c1";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    color: #01ae9a;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    opacity: 0;
    transition: .5s all;
}

.partner-slider .home-diff-link:hover::after {
    opacity: 1;
}

.partner-slider .item {
    padding: 15px;
}

.partner-slider .home-diff-link:hover:before {
    opacity: 1;
}

/**/

.most-event .media-left {
    display: block;
    padding: 0;
}

.most-event ul {
    padding: 15px;
    margin: 0;
}

    .most-event ul li {
        background: #f1f1f1;
        margin-bottom: 15px;
        padding: 10px;
        transition: .3s all;
        color: #333;
    }

        .most-event ul li:last-child {
            margin: 0;
        }

        .most-event ul li h4 a {
            transition: none;
            color: inherit;
            font-size: 15px;
            border-top: 1px solid rgba(221, 221, 221, 0.4);
            display: block;
            padding-top: 10px;
        }

        .most-event ul li .event-date {
            font-size: 12px;
        }

        .most-event ul li:hover {
            background: #00263e;
            color: #fff;
        }

            .most-event ul li:hover h4 a {
                border-color: rgba(221, 221, 221, 0.1);
            }

.home-diff-section .box-title .btn {
    margin: 0;
    float: left;
    padding: 0;
    border: 0;
}



.survey-cont {
    padding: 0;
    color: #fff;
}

.survey-title {
    font-size: 16px;
    /* font-weight:  700; */
    line-height: 1.7;
    margin-bottom: 30px;
}

.survey-cont label {
    font-size: 14px;
}

.survey-cont .btn.btn-more {
    border: 1px solid rgba(255, 255, 255, .3);
    color: #fff;
}



/*header-2*/
.header-main-2 .top-header {
    background: #fff;
}

    .header-main-2 .top-header .utilities-list li a {
        color: #00263e;
    }

    .header-main-2 .top-header:before {
        opacity: 0;
    }

/*header-3*/
.header-main-3 .top-header {
    background: #000;
}


.cards {
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

/* 
.card {
    margin: 15px;
    width: calc((100% / 3) - 30px);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media screen and (max-width: 991px) {
    .card {
        width: calc((100% / 2) - 30px);
    }
}

@media screen and (max-width: 767px) {
    .card {
        width: 100%;
    }
}

.card:hover .card__inner {
    background-color: #1abc9c;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.card__inner {
    width: 100%;
    padding: 30px;
    position: relative;
    cursor: pointer;
    background-color: #00817d;
    color: #eceef1;
    font-size: 1.5em;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .card__inner:after {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .card__inner .fa {
        width: 100%;
        margin-top: .25em;
    }

.card__expander {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #333a45;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    color: #eceef1;
    font-size: 1.5em;
}

    .card__expander .fa {
        font-size: 0.75em;
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

        .card__expander .fa:hover {
            opacity: 0.9;
        }

.card.is-collapsed .card__inner:after {
    content: "";
    opacity: 0;
}

.card.is-collapsed .card__expander {
    max-height: 0;
    min-height: 0;
    overflow: hidden;
    margin-top: 0;
    opacity: 0;
}

.card.is-expanded .card__inner {
    background-color: #1abc9c;
}

    .card.is-expanded .card__inner:after {
        content: "";
        opacity: 1;
        display: block;
        height: 0;
        width: 0;
        position: absolute;
        bottom: -30px;
        left: calc(50% - 15px);
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #333a45;
    }

    .card.is-expanded .card__inner .fa:before {
        content: "\f115";
    }

.card.is-expanded .card__expander {
    max-height: 1000px;
    min-height: 200px;
    overflow: visible;
    margin-top: 30px;
    opacity: 1;
}

.card.is-expanded:hover .card__inner {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.card.is-inactive .card__inner {
    pointer-events: none;
    opacity: 0.5;
}

.card.is-inactive:hover .card__inner {
    background-color: #1abc9b;
    -webkit-transform: scale(1);
    transform: scale(1);
}

@media screen and (min-width: 992px) {
    .card:nth-of-type(3n+2) .card__expander {
        margin-left: calc(-100% - 30px);
    }

    .card:nth-of-type(3n+3) .card__expander {
        margin-left: calc(-200% - 60px);
    }

    .card:nth-of-type(3n+4) {
        clear: left;
    }

    .card__expander {
        width: calc(300% + 60px);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .card:nth-of-type(2n+2) .card__expander {
        margin-left: calc(-100% - 30px);
    }

    .card:nth-of-type(2n+3) {
        clear: left;
    }

    .card__expander {
        width: calc(200% + 30px);
    }
}

 */
/*se*/

.most-event ul li h4 a {
    border: 0;
    padding: 0;
    line-height: 16px;
    display: inline-block;
}

select {
    width: 100%;
    font-size: 14px;
}

/*************/


.tweet-item {
    /* border:  1px solid rgba(0,0,0,.03); */
    padding: 30px;
    /* border-radius: 15px; */
    background: #fafbfc;
}

.tweet-item-ico {
    color: #4AB3F4;
    font-size: 24px;
    float: left;
}


.tweet-txt {
    color: #000;
    /* font-weight:  700; */
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.9;
}


.tweet-date {
    color: #999;
}


.tweet-title {
    font-weight: 700;
    font-size: 22px;
    clear: both;
    margin-bottom: 30px;
}


.tweets-cont {
    /* padding-bottom: 100px; */
    /* background: #00263e; */
    margin-top: 0;
}


.tweets-slider .wrap-item {
    padding-bottom: 100px;
}




    .tweets-slider .wrap-item .owl-nav {
        bottom: 0;
    }

.news-slider {
    padding-bottom: 30px;
}


/*************/

.analytics-items-cont {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -30px;
}


.analytics-item {
    width: 50%;
    text-align: center;
    margin-bottom: 0;
    /* border: 1px solid rgba(0,0,0,.03); */
    border-left: 0;
    border-top: 0;
    padding: 10px 15px;
    border-bottom: 0;
    position: relative;
    overflow: hidden;
    background: rgba(0, 0, 0, .05);
}


    .analytics-item:first-child {
        /* border-right: 0; */
        /* padding-right:  0; */
        /* text-align:  right; */
    }

    .analytics-item img {
        height: 40px;
        margin: auto;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        animation: move 5s infinite ease-in-out;
        animation-delay: 10s;
        display: none;
    }


.analytics-txt {
    font-size: 15px;
    font-weight: 700;
    /* color: #00837e; */
    margin: 10px 0 4px 0;
}

.analytics-num {
    font-weight: 700;
    font-size: 20px;
    /* color: #00837e; */
}



.analytics-items-cont:last-child .analytics-item {
    border-bottom: 0;
}


.analytics-cont {
    padding-bottom: 0;
    margin-top: 0;
    border-left: 0;
    padding-left: 0;
}


.analytics-item:nth-child(even) .analytics-num {
    /* color: #fff; */
}


/*****************/

.analytics-cont-2 .analytics-item {
    background: #01ae9a;
    border: 0 !important;
}


.analytics-cont-2 .analytics-items-cont-bg-1 {
    background: url(../img/slider/bg-3.jpg);
    background-size: cover;
}


.analytics-cont-2 .analytics-items-cont-bg-2 {
    background: url(../img/slider/bg-1.jpg);
    background-size: cover;
}


.analytics-cont-2 .analytics-items-cont-bg-3 {
    background: url(../img/slider/s3.jpg);
    background-size: cover;
}


.analytics-cont-2 .analytics-items-cont-bg-4 {
    background: url(../img/slider/s2.jpg);
    background-size: cover;
}




.analytics-cont-2 .analytics-txt {
    color: #fff;
}

.analytics-cont-2 .analytics-num,
.analytics-cont-2 .analytics-item:nth-child(even) .analytics-num {
    color: #fff;
}


.analytics-items-bg {
    position: relative;
    z-index: 0;
}

    .analytics-items-bg:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, .6);
        z-index: -1;
    }


.analytics-cont.analytics-cont-2 {
    padding-bottom: 0;
    margin-top: 0;
    /* background: #f5f6f7; */
    color: #fff;
}



.owl-theme .owl-nav [class*=owl-]:hover {
    background: #00263e;
}

/***************/

.nav.nav-tabs {
    display: inline-block;
    border: 0;
    margin: 0px 0 40px 0;
    padding: 0;
    /* float: left; */
    width: 60%;
    margin: auto;
    text-align: center;
}



.media-center-cont .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background: #01ae9a;
    color: #fff;
}

.media-center-cont .nav-tabs > li > a {
    margin: 0;
    border: 0 !important;
    border-radius: 0;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 1.5;
    display: inline-block;
    float: none;
    border-bottom: 3px solid #00263e !important;
    padding: 10px 30px !important;
}

.media-center-cont .owl-carousel .owl-video-tn,
.owl-video-wrapper {
    height: 180px !important;
    ;
}

.media-center-cont .item-video h5 {
    font-size: 16px;
    line-height: 1.6;
    color: #000;
}


.owl-carousel .owl-video-frame {
    position: absolute;
    z-index: 1;
    height: 100% !important;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


    .owl-carousel .owl-video-frame iframe {
        height: 100% !important;
    }



.content-section.media-imgs .panel.panel-default .panel-heading a:after {
    content: "\f148";
    font-family: 'icon54com' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 0;
    bottom: auto;
    right: 0;
    /* background: rgba(0,0,0,.2); */
    color: #fff;
    opacity: 1;
    font-size: 40px;
    transform: translateY(-50%);
    margin: auto;
    width: 80px;
    height: 80px;
    background: none;
    border-radius: 50%;
    border: 3px solid #fff;
    text-align: center;
    line-height: 80px;
}


.content-section.media-imgs .panel.panel-default .panel-heading a:before {
    opacity: 1;
    background: rgba(0, 0, 0, .5);
    z-index: 0;
}






/*******************/
.content-section.media-news .panel.panel-default .panel-heading a:after {
    content: "\f0c1";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 0;
    bottom: auto;
    right: 0;
    /* background: rgba(0,0,0,.2); */
    color: #fff;
    opacity: 1;
    font-size: 30px;
    transform: translateY(-50%);
    margin: auto;
    width: 80px;
    height: 80px;
    background: none;
    border-radius: 50%;
    border: 3px solid #fff;
    text-align: center;
    line-height: 80px;
}


.content-section.media-news .panel.panel-default .panel-heading a:before {
    opacity: 1;
    background: rgba(0, 0, 0, .5);
    z-index: 0;
}


.content-section .panel.panel-default .panel-heading a:hover:before,
.content-section.media-news .panel.panel-default .panel-heading a:hover:before {
    /* background: rgba(255,255,255,.5); */
}


.home-diff-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
}

/****************/

.utilities-cont {
    background: rgba(0, 0, 0, .015);
    padding: 0;
}

    .utilities-cont .sm-list li a {
        height: auto;
        width: auto;
        line-height: 1;
        font-size: 15px;
        color: #00263d;
        background: none;
    }

    .utilities-cont .sm-list li {
        margin-left: 0;
        display: inline-block;
        float: none;
    }

        .utilities-cont .sm-list li a img {
            height: 20px;
        }

    .utilities-cont .sm-list {
        font-size: 0;
        display: inline-block;
        padding-left: 20px;
        position: relative;
        margin: 7px 0;
    }

.top-most-links {
    font-size: 0;
    padding: 0 15px 0 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

    .top-most-links li {
        display: inline-block;
        padding-left: 20px;
    }

        .top-most-links li a {
            font-size: 14px;
            color: #00263e;
        }

.utilities-cont .sm-list:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    width: 1px;
    height: 20px;
    background: rgba(0, 0, 0, .05);
    transform: translateY(-50%);
}

.utilities-cont .sm-list li:last-child {
    margin: 0;
}




.utilities-list li img {
    height: 18px;
    margin-left: 5px;
}


.access-opt-font.increase-font:before {
    content: 'A ';
    font-size: 16px;
}


.access-opt-font.opt-noraml-font:before {
    content: 'A';
    font-size: 14px;
}


.access-opt-font.decrease-font:before {
    content: 'A ';
    font-size: 12px;
}

.utilities-list li a.opt-noraml-font.access-opt-font {
    padding-right: 4px;
}

.utilities-list li a.decrease-font.access-opt-font {
    padding-right: 4px;
}


.header-main .navbar-brand.v-logo {
    float: left;
    padding: 10px 0;
}

    .header-main .navbar-brand.v-logo img {
        height: 58px;
    }

a.search-opt,
.setting-opt {
    float: left;
    color: #00263d;
    font-size: 0;
    /* display:  inline-block; */
}

    a.search-opt i,
    a.setting-opt i {
        font-size: 24px;
        /* line-height: 60px; */
        position: relative;
        top: 2px;
    }

.main-nav-list-normal li a:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #1b8354;
    width: 0;
    transition: .5s all;
    margin: auto;
}

.main-nav-list-normal li a:hover:before {
    width: 100%;
    /* left: auto; */
    margin: auto;
}

/**********/
.banner-slider {
    height: 100vh;
    /* background: url(../img/main-bg.png) no-repeat; */
    background-size: cover;
    background-position: center center;
    position: relative;
    /* background-attachment: fixed; */
    /* position:  fixed; */
    /* top: 0; */
    /* left:  0; */
    /* right:  0; */
    /* bottom:  0; */
    z-index: 1;
    /* transition: 0.8s ease-in-out; */
    -moz-transition: 0.8s ease-in-out;
    /* background: #002447; */
}



/*************/
/*scroll mouse */
.icon-scroll,
.icon-scroll:before {
    position: absolute;
    left: 50%;
    top: auto;
    z-index: 9999;
    /* background:  #000; */
}

.icon-scroll {
    width: 26px;
    height: 46px;
    margin-left: -13px;
    bottom: 25%;
    margin-top: -35px;
    /* -webkit-box-shadow: inset 0 0 0 1px #fff; */
    /* box-shadow: inset 0 0 0 1px #fff; */
    border-radius: 25px;
    border: 2px solid rgba(0, 0, 0, .5);
}

    .icon-scroll:before {
        content: '';
        width: 4px;
        height: 8px;
        background: rgba(0, 0, 0, .5);
        margin-left: -2px;
        top: 8px;
        border-radius: 4px;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: scroll;
        animation-name: scroll;
    }

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(46px);
        transform: translateY(46px);
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(46px);
        transform: translateY(46px);
    }
}




/*********/

.srv-item-icon {
    font-size: 30px;
    display: inline-block;
    margin-left: 10px;
}

.srv-item-content {
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.65;
}

.srv-item-title {
    font-size: 17px;
}


.quick-links .link-body .link-body-cont ul li a:hover {
    background: #fff;
    color: #00263e;
}

/**********/

/* home news */
.round-list-cont-box {
    text-align: center;
    display: inline-block;
    float: left;
}


    .round-list-cont-box .round-list-cont li a {
        border-radius: 0;
    }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border: 1px solid #eaeaea;
    border-right: 0;
}

.panel.panel-default .panel-heading .panel-cat {
    position: absolute !important;
    top: 0;
    margin: 15px;
    background: rgba(0, 0, 0, 0.37);
    color: #fff;
    font-weight: 400;
    padding: 2px 15px 6px 15px;
    border-radius: 30px;
    line-height: 1.3;
    border: 1px solid #fff;
    z-index: 5;
    font-size: 13px;
}


.content-section .panel.panel-default .panel-body h5 {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
}

.content-section .panel.panel-default .panel-body p {
    line-height: 1.7;
    /* margin:  0; */
}


    .content-section .panel.panel-default .panel-body p + p {
        margin-top: 15px;
    }

.content-section .panel .panel-footer {
    /* margin-top: 30px; */
    background: none;
    padding: 12px 0 2px;
    color: #000;
    line-height: 1;
    bottom: 0;
    left: 15px;
    right: 15px;
    z-index: 9;
    /* color: #fff; */
    padding: 12px 0px 0px 15px;
    margin: 0 15px 15px;
}

.most-news-cont .carousel-control {
    background: none !important;
    border: 1px solid #fff;
    border-radius: 30px 0px 0px 30px;
    text-shadow: none;
    width: auto;
    padding: 2px 12px 2px 14px;
    top: 30%;
    bottom: auto;
    right: 20px !important;
    left: auto !important;
    opacity: 1;
    font-size: 20px;
    text-align: center;
}


.carousel-media-all .carousel-control.left {
    right: 80px !important;
    ;
}

.most-news-cont .carousel-control:hover {
    background: #fff !important;
}

.carousel-media-all {
    border: 1px solid rgba(0, 0, 0, .1);
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
}

.carousel-media-photos .panel-body {
    position: absolute;
    bottom: 0;
    z-index: 9;
    color: #fff;
    width: 100%;
}


    .carousel-media-photos .panel-body .panel-footer,
    .carousel-media-photos .panel-body .panel-footer span {
        color: #fff !important;
        display: block;
    }

.carousel-media-photos {
    border: 0;
}

    .carousel-media-photos.carousel-media-all .carousel-control {
        bottom: 57px;
        top: auto;
        right: 30px !important;
    }



        .carousel-media-photos.carousel-media-all .carousel-control.left {
            right: 50px !important;
        }


        .carousel-media-photos.carousel-media-all .carousel-control.right {
            border-radius: 0 30px 30px 0;
            border-left: 0;
            right: 15px !important;
        }

#media-all > .row {
    display: flex;
}

    #media-all > .row > div {
        display: flex;
        flex-direction: column;
    }

.content-section .carousel-media-videos .panel.panel-default .panel-heading .img-portfolio a:after,
#media-videos .panel.panel-default .panel-heading .img-portfolio a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    background: url(../img/play-icon.svg) no-repeat;
    background-size: cover;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 999;
}

.apps-cont {
    margin-top: 6px;
}


#media-news .panel.panel-default,
#media-news-2 .panel.panel-default,
#media-photos .panel.panel-default,
#media-videos .panel.panel-default,
#media-mag .panel.panel-default,
#media-featured .panel.panel-default {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    overflow: hidden;
    background-position: center center;
}


#media-photos .panel-body,
#media-videos .panel-body {
    position: absolute;
    bottom: 0;
    z-index: 9;
    color: #fff;
    width: 100%;
}

    #media-photos .panel-body .panel-footer,
    #media-photos .panel-body .panel-footer span,
    #media-videos .panel-body .panel-footer,
    #media-videos .panel-body .panel-footer span {
        color: #fff;
    }


.footer-logo a {
    padding: 0 15px;
    border-left: 1px solid rgba(255, 255, 255, .05);
}

    .footer-logo a:last-child {
        border: 0;
    }

/*********
inne******/
.widget-block {
    margin-top: 30px;
}

    .widget-block h3 {
        background: #f1f1f1;
        margin: 0;
        padding: 10px 15px;
        margin-bottom: 15px;
        font-size: 18px;
    }

.share-section .sm-list li a {
    color: #00b2a0;
}


.share-section .sm-list {
    padding-right: 15px;
}

.related-section .panel {
    position: relative;
    padding: 0;
}

    .related-section .panel .panel-heading {
        padding: 0;
        border: 0;
        border-radius: 0;
    }

        .related-section .panel .panel-heading img {
            width: 100%;
        }

    .related-section .panel .panel-body {
    }

        .related-section .panel .panel-body h5 {
            margin: 0;
        }

            .related-section .panel .panel-body h5 a {
                color: #333;
                line-height: 1.45;
                font-weight: 400;
            }

.carousel-inner i {
    font-size: 50px;
    color: #11cfbe;
}

/**********/

.srv-item a:hover i {
    color: #fff;
}



/*main srv*/
.main-content-srv {
    background: url(../img/bg.jpg) no-repeat;
    background-size: cover;
    padding: 50px 0;
    background-attachment: fixed;
}


    .main-content-srv .nav-tabs > li {
        float: none;
        display: flex;
        border: 0;
        position: relative;
        margin: 0;
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        flex-direction: column;
    }

    .main-content-srv .nav-tabs {
        text-align: center;
        border: 0;
        /* background:  #fff; */
        margin: 0;
        font-size: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    /* border: 0; */
}


.nav-tabs > li > a > span {
    display: block;
}

    .nav-tabs > li > a > span:first-child {
        font-size: 24px;
        padding-bottom: 6px;
    }

    .nav-tabs > li > a > span.icon {
        display: block;
        /* line-height:  1; */
        font-size: 0;
    }

        .nav-tabs > li > a > span.icon:before {
            font-size: 24px;
        }

.main-content-srv .nav-tabs > li > a:after {
    content: "";
    position: absolute;
    width: 1px;
    background: #eaeaea;
    left: 0;
    top: 50%;
    height: 50%;
    transform: translateY(-50%);
}

.nav-tabs > li:last-child > a:after {
    display: none;
}

.main-content-srv .nav-tabs > li > a:hover,
.main-content-srv .nav-tabs > li.active > a {
    background: #002447;
    color: #fff;
}

    .main-content-srv .nav-tabs > li.active > a:after,
    .main-content-srv .nav-tabs > li > a:hover:after,
    .main-content-srv .nav-tabs > li > a.no-hover:after {
        opacity: 0;
    }

.main-content-srv .tab-content {
    background: #fff;
    margin-top: 15px;
    padding: 50px;
}

.srv-item a {
    display: block;
    border: 1px solid #eaeaea;
    padding: 20px;
    color: #002447;
    border-radius: 6px;
}

    .srv-item a span {
        display: block;
        text-align: center;
    }

        .srv-item a span img {
            width: 30px;
            margin: auto;
        }

    .srv-item a .srv-item-title {
        font-size: 14px;
        font-weight: 700;
        padding-bottom: 10px;
    }

.srv-item-content {
    line-height: 1.5;
}

.srv-items-cont .srv-items-cont-row {
    margin-bottom: 30px;
}

    .srv-items-cont .srv-items-cont-row:last-child {
        margin-bottom: 0;
    }

.srv-item a:hover {
    background: #002447;
    color: #fff;
    border-color: #002447;
}

.round-list-cont {
    display: inline-block;
    font-size: 0;
    margin-bottom: 30px;
    border: 0;
}

.srv-items-cont-list {
    text-align: center;
}

.round-list-cont li {
    display: inline-block;
    margin: 0;
    float: none !important;
    border: 0;
}

    .round-list-cont li a {
        font-size: 14px;
        color: #002447;
        font-weight: 700;
        padding: 6px 30px;
        display: block;
        line-height: 1.7;
    }

    .round-list-cont li a {
        border: 1px solid #eaeaea;
        overflow: hidden;
        border-right: 0;
        margin: 0 !important;
        border-radius: 0;
    }

    .round-list-cont li:first-child a {
        /* border-left:  0; */
        border-radius: 0px 6px 6px 0px !important;
        border-right: 1px solid #eaeaea !important;
    }

    .round-list-cont li:last-child a {
        border-right: 0;
        border-radius: 6px 0px 0px 6px !important;
    }

    .round-list-cont li a:hover,
    .round-list-cont li a.active,
    .round-list-cont li.active a {
        background: #002447 !important;
        color: #fff !important;
        border-color: #002447 !important;
    }


.srv-items-cont .carousel-control {
    background: none !important;
    text-shadow: none;
    color: #000;
    top: 50%;
    bottom: auto;
    width: 40px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    transform: translateY(-50%);
    font-size: 36px;
}

    .srv-items-cont .carousel-control.left {
        left: -50px !important;
    }

    .srv-items-cont .carousel-control.right {
        right: -50px !important;
    }

    .srv-items-cont .carousel-control:hover,
    .carousel-control:hover,
    .carousel-control:focus {
        color: #1b8354;
    }



/*********************/


/* news */

/* .content-section {
    padding-bottom: 60px;
    margin-top: 60px;
} */

    .content-section.content-filter-section {
        padding-bottom: 0;
    }

    .content-section .panel.panel-default {
        margin: 15px 0px;
        border: 0;
        border-radius: 0;
        padding: 0;
        background: none;
        box-shadow: none;
        position: relative;
        display: flex;
        flex-direction: column;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .content-section .panel.panel-default .panel-heading {
            /* padding: 15px 10px; */
            border: 0;
            /* position:  relative; */
            /* flex-grow: 1; */
            background: none;
            /* background-color: #002447; */
            border-radius: 0px;
            /* color: #fff; */
        }

    .content-section .carousel-media-all:not(.carousel-media-news) .panel.panel-default .panel-heading {
        flex-grow: 1;
    }

    .content-section .panel.panel-default .panel-body {
        /* padding: 15px 15px 15px; */
        /* border: 0; */
        /* box-shadow:  none; */
        /* flex-grow: 1; */
    }

        .content-section .panel.panel-default .panel-body .date {
            color: #666;
            display: inline-block;
        }

            .content-section .panel.panel-default .panel-body .date + h5 {
                color: #333;
                margin-top: 5px;
            }


        .content-section .panel.panel-default .panel-body h5 a {
            font-size: 16px;
            line-height: 1.6;
            color: #fff;
        }

.most-news-cont {
    /* padding-bottom: 90px; */
    /* margin-top:  0; */
    background: #002447;
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 0;
}

    .most-news-cont .owl-nav {
        margin: 30px 0 0 0 !important;
        left: 0;
    }

.content-section .panel.panel-default .panel-heading img {
    width: 100%;
    transition: .5s all;
}



.content-section .panel.panel-default .panel-body h5 a:hover {
    color: #eee;
}


.most-news-cont .btn-plus {
    position: absolute;
    left: 230px;
    margin-top: 30px;
}

.most-news-cont > .container {
    position: relative;
}


.most-news-cont .carousel-media-news .carousel-control {
    top: 15px;
    bottom: auto;
}



    .most-news-cont .carousel-media-news .carousel-control.right {
        left: 50px !important;
        right: auto !important;
        border-radius: 0 30px 30px 0;
        border-left: 0;
    }


    .most-news-cont .carousel-media-news .carousel-control.left {
        left: 15px !important;
        right: auto !important;
    }



/**************/

.important-links {
    background: rgba(0, 0, 0, .2);
    padding: 1px 30px;
}



body.invert-body-active {
    filter: invert(100%);
}


.quick-links-cont a > span:before {
    font-size: 36px;
}


/*********/
.quick-links-box {
    width: 100%;
    /* float: left; */
    position: relative;
    z-index: 99;
    /* background: #01ae9a; */
    /* margin-top:  10%; */
    /* border-radius: 10px; */
    /* overflow:  hidden; */
    display: inline-block;
    font-size: 14px;
    width: 100%;
}


a.show-all-links {
    display: inline-block;
    /* width:  50%; */
    float: none;
    vertical-align: top;
    background: rgb(0, 38, 61);
    border: 0;
    float: left;
    padding: 13px 15px;
    min-width: 88px;
    text-align: center;
}

    a.show-all-links:hover {
        background: rgba(0, 0, 0, .5);
    }

.quick-links-title-cont {
    font-size: 0;
    background: rgb(0, 173, 153);
    border-radius: 0;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.quick-links-cont a span {
    display: inline-block;
    width: 100%;
    /* font-size: 30px; */
    /* line-height:  0; */
}

.quick-links-cont a:nth-child(even) {
    border-left: 0;
}

.quick-links-cont a:nth-child(3),
.quick-links-cont a:nth-child(4) {
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.link-body .show-all-links {
    width: auto;
    float: left;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 30px;
}



    .link-body .show-all-links span:last-child {
        font-size: 24px;
        width: auto;
        min-width: 50px;
        padding: 10px;
    }


    .link-body .show-all-links span {
        padding: 10px 20px 10px 10px;
    }

.important-links h3 {
    padding-top: 50px;
    font-size: 36px;
}



.content-section .panel.panel-default .panel-heading a:before {
    /* background: rgba(0,0,0,.5); */
    /* opacity: 1; */
    /* float: left; */
    /* color: #fff; */
    /* left: 0px; */
    /* position: absolute; */
    /* top: 8px; */
}


.content-section .panel.panel-default .panel-heading a.panel-cat:before {
    display: none;
}

.panel-group a.show-all-links[aria-expanded="false"] {
    display: none;
}

.panel-group a.show-all-links[aira-expanded="true"] {
    display: block;
}


.tweet-feed,
.insta-feed {
    height: 300px;
    overflow: auto;
    /* border: 1px solid #ddd; */
    /* padding:  30px; */
    /* border-radius:  10px; */
    /* background:  #fff; */
}


    .insta-feed img {
        width: 100%;
    }





.tweets-cont.content-section {
    /* background: #f3f5f8; */
    margin: 0;
    padding-top: 60px;
    padding-bottom: 100px;
}



/*mail*/
.header-search {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-basis: 100%;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
    height: 35px;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    z-index: 9;
    position: relative;
    width: 36%;
    float: left;
}

.header-search-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: calc(100% - 44px);
    flex-basis: calc(100%);
}



.footer-mlist input.header-search-input {
    width: 100%;
}



.header-search input {
    border: 0;
    display: block;
    border-radius: 0 3px 3px 0;
    border: 0;
    padding: 10px 8px;
    font-size: 13px;
    outline: 0;
    width: 65%;
    color: #333;
    width: 100%;
}



.footer-mlist button.header-search-btn.btn-search {
    position: relative;
    right: -1px;
    color: #fedd14;
    background: #000 !important;
}

.header-search-btn.btn-search {
    background: #00b2a0 !important;
    padding: 0px 15px !important;
    border-radius: 3px 0 0 3px !important;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    text-transform: capitalize;
    outline: 0;
    -webkit-transition: background, background-color, color, opacity .3s linear;
    transition: background, background-color, color, opacity .3s linear;
    color: #fff;
    font-size: 15px;
    line-height: 1;
}


.mail-subs {
    padding: 0 0px 15px 0px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin: 0;
}


    .mail-subs h3 {
        float: right;
        margin-bottom: 0;
    }


.quick-link-title .icon {
    font-size: 36px;
    margin-left: 5px;
    position: relative;
    top: 0px;
}


.quick-link-title span {
    display: inline-block;
    font-size: 24px;
}


.show-all-links span:first-child {
    /* opacity:0; */
}


a.show-all-links[aria-expanded="true"] {
    background: #fdb71e;
}


.show-all-links span.d-hide {
    display: none;
}


a.show-all-links[aria-expanded="true"] span.d-hide {
    display: block;
}


a.show-all-links[aria-expanded="true"] span.d-show {
    display: none;
}


.quick-links a.show-all-links {
    /* width: 50%; */
    float: right;
    display: inline-block;
    float: left;
    vertical-align: top;
    background: rgba(0, 0, 0, .2);
    border: 0;
    text-align: left;
    padding: 0;
    position: fixed;
}

/***********/
.quick-links .show-all-links span {
    display: inline-block;
    /* display: block; */

    padding: 20px 20px 20px 20px;
    transition: .3s all;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-align: left;
}


    .quick-links .show-all-links span:last-child {
        background: #00ad99;
        height: 100%;
        font-size: 52px;
        padding: 9px 20px;
        color: #fff;
        min-width: 72px;
        text-align: center;
        top: 0;
    }


.utilities-cont .sm-list li:last-child a {
    padding-left: 0;
}



.sm-feed-title {
    margin-bottom: 40px;
    margin-top: 10px;
    /* font-weight:  100; */
    font-size: 24px;
    color: #fff;
}

/************/
/*dark*/
.dark .header-main-2 .top-header,
.dark-top .header-main-2 .top-header {
    background: none;
}


    .dark .utilities-cont .sm-list li a,
    .dark .top-most-links li a,
    .dark .header-main-2 .top-header .utilities-list li a,
    .dark .main-nav-list-normal li a,
    .dark a.search-opt,
    .dark .banner-info,
    .dark .box-title,
    .dark .round-list-cont li a,
    .dark .analytics-num,
    .dark .survey-cont,
    .dark .sm-feed-title {
        color: #fff;
    }

.dark .analytics-txt {
    color: #69c7bd;
}


.dark-top .utilities-cont .sm-list li a,
.dark-top .top-most-links li a,
.dark-top .header-main-2 .top-header .utilities-list li a,
.dark-top .main-nav-list-normal li a,
.dark-top a.search-opt,
.dark-top a.setting-opt,
.dark-top .banner-info {
    color: #fff;
}


.dark .scroll-fixed.navbar.navbar-default,
.dark .main-nav,
.dark-top .scroll-fixed.navbar.navbar-default,
.dark-top .main-nav {
    background: #00263d;
}

.dark .utilities-cont,
.dark-top .utilities-cont {
    background: rgba(10, 37, 62, 0.95);
}


.dark .main-nav {
    border-top: 1px solid rgba(250, 250, 250, .03);
}

.dark .quick-links-cont a,
.dark-top .quick-links-cont a {
    /* background: rgba(0, 38, 61 , .6); */
    /* background: rgba(250,250,250 , .8); */
    /* border-left: 1px solid rgba(255,255,255,.08); */
    /* border: 1px solid rgba(255,255,255,.08); */
    color: #fff;
}


    .dark .quick-links-cont a:hover,
    .dark-top .quick-links-cont a:hover {
        background: #fff;
        color: #00263e;
    }


.dark a.show-all-links,
.dark-top a.show-all-links {
    background: rgba(0, 0, 0, .2);
    color: #fff;
}

.dark .show-all-links span,
.dark .show-all-links span:first-child,
.dark .show-all-links span:first-child {
    color: #00263e;
}

.dark a.show-all-links:hover,
.dark-top a.show-all-links:hover {
    background: rgba(222, 226, 228, 0.95);
}



/*dark content*/
.dark #content {
    background: #00263e;
}



.dark .round-list-cont li a:hover,
.dark .round-list-cont li a.active,
.dark .round-list-cont li.active a {
    background: #fff !important;
    color: #002447 !important;
    border-color: #fff !important;
}


.dark .round-list-cont li a {
    border-color: rgba(255, 255, 255, .3) !important;
}

.dark .utilities-cont .sm-list:after,
.dark .utilities-list li:before,
.dark-top .utilities-cont .sm-list:after,
.dark-top .utilities-list li:before {
    background: rgba(255, 255, 255, .2);
}







.dark .icon-scroll,
.dark-top .icon-scroll {
    border-color: rgba(255, 255, 255, .8);
}


    .dark .icon-scroll:before,
    .dark-top .icon-scroll:before {
        background: rgba(255, 255, 255, .8);
    }

.dark .content-section .panel.panel-default,
.carousel-media-news {
    background: #fff;
}


.dark .carousel-media-all,
.dark .carousel-media-photos,
.dark .carousel-media-video {
    /*    border: 1px solid rgba(255,255,255,.3);*/
    border: 1px solid #91e8df;
    box-sizing: border-box;
}


.dark .most-links,
.dark .most-event,
.dark .vote-cont {
    background: none;
}


.dark .survey-cont .btn.btn-more {
    border: 1px solid #fff;
    color: #fff;
}


.dark .tweets-cont.content-section {
    background: rgba(0, 0, 0, .1);
}

.banner-slider {
    /* overflow:hidden */
}


.dark-top-light .banner-slider {
    height: 100vh;
}


.carousel-media-all .carousel-inner,
.carousel-media-all .carousel-inner .item,
.carousel-media-all .carousel-inner .panel {
    height: 100%;
    /* min-height: 525px; */
}


    .carousel-media-all .carousel-inner .panel {
        min-height: 525px;
    }

.content-section .carousel-media-all .panel .panel-footer {
    /* position:  absolute; */
    bottom: 0;
    left: 15px;
    right: 15px;
    z-index: 9;
    color: #fff;
    padding: 12px 0px 0px 15px;
    margin: 15px;
}


.content-section .carousel-media-news .panel .panel-footer {
    color: #000;
}


.quick-links-cont a:nth-child(even) {
    border-left: 0;
}

.quick-links-cont a:nth-child(5),
.quick-links-cont a:nth-child(6) {
    border-bottom: 0;
}



.dark .analytics-item:nth-child(even) .analytics-txt {
    color: #fff;
}

/****************/
/*video*/
.hero-vid-in-cont,
.hero-about-cont-in {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    background: #002447;
}


#video-background {
    transition: .7s all;
    display: block;
    position: absolute;
    /* top: 0; */
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
}

.dark-top .banner-slider-vid {
    /* background: none; */
    /* height: 90vh; */
    /* padding-top: 150px; */
}

/************/

.dark-top .scroll-fixed.navbar.navbar-default,
.dark-top .main-nav {
    background: none;
}


.dark-top .header-main.header-main-2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}




.header-main .navbar-brand.logo-mob {
    display: none;
}


.dark-top .icon-scroll {
    bottom: 30px;
    display: none;
}



.row.main-area {
    font-size: 0;
    /* transform: translateY(80%); */
    margin-top: 20vh;
    /* margin-bottom:  20vh; */
}

.quick-links-box-in {
    /* border-radius:  10px; */
    /* background: rgba(0, 38, 61 , .6); */
    /* overflow:  hidden; */
}

.quick-links-cont a span.icon.icon-ui-users {
    line-height: .5;
}

.dark-top a.show-all-links:hover span {
    color: #00263e;
}


.stat-poll-cont {
    background: #f3f5f8;
    padding-top: 60px;
    margin-top: 0;
}


.analytics-item:first-child,
.analytics-item:last-child {
    /* padding-top:  60px; */
    background: rgba(0, 0, 0, .09);
}


.apps-cont a {
    display: inline-block;
}

.apps-cont img {
    height: 35px;
}

.apps-cont a:first-child {
    margin-bottom: 10px;
    margin-left: 0;
}


.main-nav ul li.user-login-signup {
    display: none;
}

    .main-nav ul li.user-login-signup img {
        height: 18px;
    }


.tweet-feed-cont,
.insta-sm-cont {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
}



.content-section .carousel-media-photos .panel.panel-default .panel-heading img {
    display: none;
}


.content-section .carousel-media-all:not(.carousel-media-news) .panel.panel-default .panel-heading .img-hover a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


.content-section .carousel-media-all:not(.carousel-media-news) .panel.panel-default .panel-heading .img-portfolio a:before {
    /* content: ""; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* background: #00253D; */
    /* z-index: 0; */
    /* opacity: .5; */
    /* transition: .5s all; */
}


.content-section .panel.panel-media-v-p .panel-footer {
    color: #fff;
}

.content-section .panel.panel-media-v-p .panel-heading .img-hover img {
    display: none;
}



.content-section .panel.panel-media-v-p .panel-heading .img-hover a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /* display:  none; */
}


.content-section .panel.panel-media-v-p {
    min-height: 525px;
}


    .content-section .panel.panel-media-v-p .panel-heading {
        flex-grow: 1;
    }


.panel.panel-default.panel-media-v-p {
    /* border-top-left-radius: 8px !important; */
    /* border-top-right-radius: 8px !important; */
}





.content-section .item .panel .panel-footer .date {
    display: inline-block;
    margin: 0;
}

/*************/





.media-mag .panel-footer h5 a {
    color: #fff;
    line-height: 1.3;
}


.media-mag .panel-footer h5 {
    margin: 0;
}


#media-photos .panel.panel-default,
#media-videos .panel.panel-default,
#media-mag .panel.panel-default {
    border: 0 !important;
}

.analytics-cont .analytics-items-cont:nth-child(odd) .analytics-item {
    background: none;
}


    .analytics-cont .analytics-items-cont:nth-child(odd) .analytics-item:nth-child(even) {
        background: rgba(0, 0, 0, .009);
    }

.footer-lists .row > div {
    padding-left: 0;
}

    .footer-lists .row > div:last-child {
        padding-right: 50px;
        padding-left: 15px;
    }

/***********/
/* menu */
.main-nav-list-normal li a span.ion-ios-arrow-down {
    position: relative;
    top: 3px;
    padding-right: 5px;
}



.main-nav ul .dropdown-menu {
    padding: 30px 0 30px 0;
    -webkit-box-shadow: 0 5px 30px 5px rgba(69, 79, 91, 0.2);
    box-shadow: 0 5px 30px 5px rgba(69, 79, 91, 0.2);
    border-radius: 0 0 5px 5px;
    background-color: rgba(0, 37, 61, 0.99);
    background: #00837e;
    background-color: rgba(205, 206, 214, 1);
    border: 0;
    overflow: hidden;
    min-width: 190px;
    color: #002447;
}

.main-nav-list-normal li.open ul.dropdown-menu li a:hover {
    border-color: #15c6b6;
    color: #000;
}

.main-nav-list-normal li.open ul.dropdown-menu li a:before {
    opacity: 0;
}

.main-nav-list-normal li.open a:before {
    width: 100%;
}


.mob-menu-cont {
    display: none;
}




/****************/
.content-section.box-3-section .panel {
    padding: 30px 0 15px 15px;
    text-align: right;
    /* border:  1px solid #eee; */
}

    .content-section.box-3-section .panel img {
        height: 60px;
        width: auto !important;
        margin-bottom: 15px;
    }

    .content-section.box-3-section .panel .panel-heading {
        /* text-align:  right; */
    }

.box-3-section .panel.panel-default .panel-body h5 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #002447;
}


/*services box*/

.services-section {
    border-top: 1px solid #eee;
    background: #f2f2f2;
    margin-top: 0;
    padding-top: 30px;
}




    .services-section .summary {
        background: #002447;
        color: #fff;
        padding: 30px 20px;
        font-size: 15px;
        line-height: 1.6;
        margin-top: -60px;
    }



    .services-section footer.is-statistic {
        margin: 4.5em 0 0;
        display: inline-block;
        position: relative;
        color: #1b8354;
    }

        .services-section footer.is-statistic span.number {
            font-size: 4.5em;
            line-height: 1.2em;
            font-weight: 700;
        }

        .services-section footer.is-statistic .btn-more {
            border: 4px solid rgb(2, 70, 147);
            padding: 8px 30px;
            background: #fff;
            color: #002447;
            font-weight: 700;
            line-height: 1;
        }


            .services-section footer.is-statistic .btn-more span {
                display: inline-block;
            }

            .services-section footer.is-statistic .btn-more:hover {
                color: #1b8354;
                border-color: #002447;
            }

            .services-section footer.is-statistic .btn-more span.icon {
                font-size: 20px;
                margin-left: 3px;
            }

            .services-section footer.is-statistic .btn-more span:last-child {
                position: relative;
                top: -2px;
            }




.services-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    /* align-items:  center; */
    /* flex-grow: 1; */
    margin-left: -15px;
    margin-top: 15px;
}

    .services-box ul li {
        margin-bottom: 15px;
        padding-left: 15px;
        /* display: flex; */
        /* flex-direction: row; */
        /* flex-wrap: wrap; */
        /* height:  100%; */
        /* flex-grow: 1; */
        /* flex-direction:  column; */
        display: flex;
        flex-direction: column;
        float: none;
        padding-right: 0;
    }

        .services-box ul li h3 {
            font-size: 15px;
            /* color: #1b8354; */
            line-height: 1.55;
            position: relative;
            margin: 0;
        }

            .services-box ul li h3:after {
                content: "";
                position: absolute;
                bottom: -15px;
                right: 0;
                width: 100px;
                /* background: #002447; */
                height: 4px;
            }

        .services-box ul li a {
            color: #00263e;
            font-weight: 700;
            display: block;
            border: 1px solid rgba(0, 0, 0, .05);
            border-radius: 6px;
            padding: 15px;
            flex: 1;
            /* height:  100%; */
            background: #fff;
        }

.content-section.box-3-section.lgbg.pt50.ntm {
    /* padding-bottom:  120px; */
    /* padding-top:  0; */
    background: #fff;
}

.services-box ul li a:hover {
    background: linear-gradient(90deg, #024693, #0094d3);
    color: #fff;
}



/* 
.inner-page {
    background: #fff;
    margin-top: -60px;
    padding-top: 60px;
} */

/*box-4-section*/
.content-section.box-4-section {
    background: #fff;
}

    .content-section.box-4-section .panel {
        padding: 30px 15px;
        text-align: right;
    }

        .content-section.box-4-section .panel img {
            height: 60px;
            width: auto !important;
            margin-bottom: 15px;
        }

.content-section.box-3-section .panel .panel-heading {
    /* text-align:  right; */
}

.box-4-section .panel.panel-default .panel-body h5 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #002447;
}



.details-list {
    padding: 0;
    list-style: none;
    font-size: 0;
    /* margin:  0 -15px; */
}


    .details-list li {
        width: calc(50% - 30px);
        display: inline-block;
        font-size: 14px;
        margin: 0 15px;
    }


    .details-list li {
        padding: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, .08);
        transition: .5s all;
    }


.collapse-section .ul-list .details-list li {
    padding-bottom: 10px !important;
}

.details-list li a {
    color: #002447;
    font-size: 15px;
}

.details-list li:hover {
    /* background:  #fff; */
}


.details-btns-list li {
    border: 0;
    padding: 10px 0;
}

    .details-btns-list li .btn {
        color: #fff;
        display: block;
        margin: 0;
        text-align: right;
    }

        .details-btns-list li .btn:hover {
            color: #4fbbbd;
            border-color: #4fbbbd;
            background: #fff;
        }

/* .board-member*/
.board-member {
    background: #fff;
    padding-top: 60px;
    margin: 0;
}


.member-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding-top: 15px;
}

.member-box {
    margin-bottom: 30px;
    padding: 0 15px;
    /* display: flex; */
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    /* height: 100%; */
    /* flex-grow: 1; */
    /* flex-direction: column; */
    display: flex;
    flex-direction: column;
    width: 25%;
}


    .member-box .img {
        height: 300px;
        background: #000;
        background-size: cover;
        background-position: center center;
        margin-bottom: 15px;
    }

    .member-box img {
        display: none;
    }


    .member-box h3 {
        margin-top: 0;
        font-size: 16px;
        color: #002447;
        font-weight: 700;
    }

    .member-box .date {
        font-weight: 700;
        color: #00b2a0;
    }


/*******************/
/*e-service*/
.e-services-section {
    background: #fff;
    padding-top: 60px;
}

    .e-services-section .summary {
        margin: 0;
    }

    .e-services-section .services-box ul li {
        width: 100%;
    }

        .e-services-section .services-box ul li a {
            border: 0;
            padding: 0;
            /* display:  inline-block; */
            flex: auto;
            background: none;
            transition: .1s all;
        }

            .e-services-section .services-box ul li a h3 {
                display: inline-block;
                font-size: 28px;
                font-weight: 400;
                margin-bottom: 10px;
                transition: .5s all;
                color: #1b8354;
            }

    .e-services-section .services-box ul li {
        display: block;
    }

        .e-services-section .services-box ul li p {
            line-height: 1.6;
        }

        .e-services-section .services-box ul li a.btn-more {
            border: 1px solid #1b8354;
            font-size: 14px;
            padding: 10px 20px;
            transition: .5s all;
            margin-top: 10px;
            font-weight: 500;
            color: #1b8354;
            display: inline-block;
            line-height: 1;
            border-radius: 50px;
        }

            .e-services-section .services-box ul li a.btn-more:hover {
                border-color: #01ae9a;
                color: #01ae9a;
                background: none;
            }

        .e-services-section .services-box ul li a:hover h3 {
            background: none;
            color: #1b8354;
            text-decoration: underline;
        }



ul.filters-list li {
    display: flex !important;
    width: auto !important;
    margin: 0;
    padding: 0;
    /* flex:  1; */
}

ul.filters-list li {
    /* display: block !important; */
    border: 1px solid #eaeaea !important;
    border-radius: 0;
    border-left: 0 !important;
    min-width: 36px;
    text-align: center;
    line-height: 1.9;
    cursor: pointer;
    overflow: hidden;
}

    ul.filters-list li:last-child {
        border-left: 1px solid #eaeaea !important;
        border-radius: 6px 0px 0px 6px !important;
    }

    ul.filters-list li:first-child {
        border-radius: 0px 6px 6px 0px !important;
    }


.e-services-section.ports-section .services-box ul li a {
    background: #fff;
    font-size: 14px;
}

    ul.filters-list li a:hover,
    ul.filters-list li a.active,
    .e-services-section.ports-section .services-box ul li a.active,
    .e-services-section.ports-section .services-box ul li a:hover {
        background: #002447;
        color: #fff;
        border-color: #002447;
    }

ul.fi-cat-list li a {
    padding: 5px 15px !important;
}



ul.sort-by {
    display: flex;
    border-bottom: 3px solid #002447;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-left: 0;
}

    ul.sort-by li {
        display: inline-block !important;
        width: auto !important;
        padding: 0;
        margin: 0;
        align-self: center;
        padding-left: 30px !important;
        box-shadow: none !important;
    }

        ul.sort-by li > div {
            padding: 15px;
            font-size: 16px;
            font-weight: 700;
            transition: .5s all;
            box-shadow: none !important;
        }

            ul.sort-by li > div:hover,
            ul.sort-by li > div.active {
                background: #002447;
                color: #fff;
            }

.filter-search-cont {
    padding: 0 !important;
    position: relative;
}

    .filter-search-cont input.search {
        height: 40px;
        border: 1px solid #eaeaea;
        font-size: 14px;
        font-weight: 400;
        padding: 15px 15px 15px 40px;
        width: 100%;
        color: #000 !important;
    }

    .filter-search-cont .icon {
        position: absolute;
        top: 9px;
        left: 10px;
        color: #002447;
    }

ul.filters-list li a {
    padding: 5px 12px !important;
    border: 0;
    border-radius: 0;
    flex: 1 !important;
    /* flex-grow: 1; */
}

.filter-search-cont {
    flex: 1;
    /* padding-right: 30px !important; */
}

ul.sort-by li:last-child {
    flex: 1;
    padding: 0 !important;
}


.filter-sort-cont-map ul.sort-by li:last-child {
    flex: none;
}

.filter-det-cont {
    margin-bottom: 50px;
}

.filter-list-cont li {
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 50px;
}





    .filter-list-cont li:last-child {
        border: 0 !important;
    }

/************/
/*ports*/
.complete-row.header-row,
.complete-row-summary {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1;
    align-items: center;
}


    .complete-row.header-row .header-divi,
    .complete-row-summary .title {
        width: 21%;
    }

    .complete-row.header-row .header-region,
    .complete-row-summary .region {
        width: 15%;
    }

    .complete-row.header-row .header-mail,
    .complete-row-summary .mail {
        width: 8%;
        text-align: center;
    }


    .complete-row.header-row .header-cen-phone,
    .complete-row-summary .cen-phone {
        width: 15%;
    }

    .complete-row.header-row .header-alternate,
    .complete-row-summary .alternate {
        width: 23%;
    }

    .complete-row.header-row .header-director,
    .complete-row-summary .director {
        width: 18%;
    }

    .complete-row.header-row > div {
        font-size: 15px;
        color: #999;
        /* font-weight:  700; */
    }

    .complete-row-summary > div {
        font-size: 15px;
        color: #000;
        padding-top: 10px;
        font-weight: 700;
        padding-left: 10px;
    }

        .complete-row-summary > div .mail {
            font-size: 23px !important;
        }

    .complete-row-summary .mail a {
        font-size: 36px;
        display: inline-block;
        position: relative;
        top: 6px;
        line-height: 1;
    }

    .complete-row-summary .mail {
        padding: 0;
    }


        .complete-row-summary .mail a:hover {
            color: #1b8354 !important;
            background: none !important;
        }


.complete-table-separate {
    background: #fff;
    margin-bottom: 15px;
    border: 1px solid #eee;
    padding: 0;
    border-radius: 6px;
    transition: .5s all;
    padding: 0;
}

#ports-list .filter-list-cont li {
    border: 0 !important;
    padding: 0;
    margin: 0;
}


.ports-section {
    background: #f5f7f8;
}

    .ports-section ul.filters-list.fi-cat-list {
        flex: 1;
        margin-left: 0;
    }

        .ports-section ul.filters-list.fi-cat-list li {
            width: auto;
            flex: 1;
        }

.complete-table-separate:hover {
    border-color: #002447;
}


ul#filter-list-cont {
    margin: 0 !important;
}


ul.sort-by li > div[data-fi-cat] {
    cursor: pointer;
}

/*****************************/
/*new style home*/
/*****************************/

/*header*/
/*header*/

.header-main .navbar-header {
    float: right;
    margin-left: 20px;
}


.header-main .navbar-brand img {
    height: 50px;
}

.main-nav-list-normal li a {
    padding: 24px 0 23px 0;
}



a.search-opt,
a.setting-opt {
    padding: 0;
    /* margin-left:  15px; */
}

    a.search-opt i,
    a.setting-opt i {
        line-height: 70px;
        top: 1px;
    }

    a.search-opt i {
        font-size: 30px;
        display: block;
    }

    a.setting-opt img {
        height: 24px;
        margin: 23px 20px;
        display: block;
    }


a.setting-opt {
    display: block;
}



a.search-opt {
    padding: 0 20px;
}

.main-nav {
    background: #002447 !important;
    border: 0;
}

a.search-opt:hover,
a.setting-opt:hover {
    background: #1b8354;
    cursor: pointer;
}

/*mega menu*/
.main-nav-list-normal li {
    position: static;
}


.main-nav ul .dropdown-menu {
    right: 0;
    left: 0;
    border-radius: 0;
    margin: 0;
}


.dropdown-menu ul li {
    display: block;
    float: none;
}

.mid-header.main-nav ul.dropdown-menu-list {
    margin: 0;
    padding: 0;
    float: none;
    /* display:  flex; */
    /* flex-direction: row; */
    /* flex-wrap:  wrap; */
    /* margin-right: 25%; */
}

ul.dropdown-menu-list li a {
    font-size: 14px;
    color: inherit !important;
    display: block;
    padding: 8px 0 8px 0;
    margin: 0;
    /* font-weight:  400 !important; */
}

.mega-menu-left-column {
    background: #e5e5e5;
}

ul.dropdown-menu-list li a:before {
    display: none;
}

ul.dropdown-menu-list li a:hover {
    text-decoration: underline;
}

.dropdown-menu h3 {
    margin-top: 0px;
    font-size: 20px;
    font-weight: 700;
    color: inherit;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.mega-menu-item-content {
    padding: 30px;
}

.mid-header.main-nav ul.dropdown-menu-list li {
    /* width:  33.3333%; */
    /* padding-left: 50px; */
}

ul.dropdown-menu-list li:nth-child(3n) {
    padding-left: 0;
}

/* active mega */
.mid-header.main-nav .mega,
.mid-header.main-nav.active-mega-menu .navbar-brand {
    display: none;
}

.mid-header.main-nav.active-mega-menu .mega {
    display: block;
}



.mid-header.main-nav.active-mega-menu {
    background: #fff !important;
}

    .mid-header.main-nav.active-mega-menu .main-nav-list-normal li a {
        color: #002447;
    }

    .mid-header.main-nav.active-mega-menu .menu-burger-cont {
        background: #fff;
        border: 1px solid rgba(0, 38, 61, 0.1) !important;
        border-width: 0 1px 0 1px !important;
    }

.active-mega-menu .menu-burger .burger-line {
    background: #03283f;
}

.mid-header.main-nav.active-mega-menu .menu-burger-cont:hover {
    background: #16c3b4;
    border-color: #16c3b4;
}

.active-mega-menu a.search-opt,
.active-mega-menu a.setting-opt {
    color: #00263d !important;
}


.active-mega-menu .dropdown-menu {
    /* overflow-y: auto !important; */
    height: auto;
    top: 70px;
    /* bottom: 0; */
    /* padding-bottom: 100px !important; */
}

body.no-overflow {
    overflow: hidden !important;
}

.active-mega-menu a.search-opt:hover > *,
.active-mega-menu a.setting-opt:hover > * {
    color: #fff;
}

.mid-header.main-nav.active-mega-menu .menu-burger-cont:hover .menu-burger > * {
    background: #fff;
}

.active-mega-menu a.setting-opt {
    border: 1px solid rgba(0, 38, 61, 0.1);
    border-width: 0 1px 0 0;
}

/*menu btn*/
.menu-burger {
    width: 30px;
    height: 17px;
    position: relative;
    z-index: 10;
    display: block;
    cursor: pointer;
    margin: auto;
}



    .menu-burger:after,
    .menu-burger:before {
        content: '';
        width: 38px;
        height: 1px;
        background: #fff;
        position: absolute;
        display: block;
        top: -5px;
        left: 2px;
        transform-origin: left top;
        /*
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform: rotateX(90deg) rotateZ(45deg);
    -ms-transform: rotateX(90deg) rotateZ(45deg);
    -moz-transform: rotateX(90deg) rotateZ(45deg);
    -webkit-transform: rotateX(90deg) rotateZ(45deg);
*/
        transform: rotateX(90deg) rotateZ(45deg);
        /*
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
*/
        transition: all 400ms ease-in-out;
        /*
    -ms-transition: all 400ms ease-in-out;
    -webkit-transition-timing-function: cubic-bezier(.16,.01,.77,1);
    -moz-transition-timing-function: cubic-bezier(.16,.01,.77,1);
    -o-transition-timing-function: cubic-bezier(.16,.01,.77,1);
*/
        transition-timing-function: cubic-bezier(.16, .01, .77, 1);
        /*
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
*/
        /* transition-delay: 700ms; */
    }



    .menu-burger:after {
        width: 1px;
        height: 38px;
        top: auto;
        bottom: -5px;
        transform-origin: left bottom;
        /*
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
*/
    }


    .menu-burger .burger-line.line-top {
        /*
    -o-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -webkit-transform: translateY(-7px);
*/
        transform: translateY(-7px);
    }

    .menu-burger .burger-line {
        width: 100%;
        height: 1px;
        display: block;
        background: #f4f3ee;
        position: absolute;
        z-index: 5;
        top: 50%;
        left: 0;
        transform-origin: left;
        /*
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
*/
        /* transition-delay: 500ms; */
    }

.trans-slow,
.trans-slow:hover {
    /*
    -webkit-transition: all 477ms ease-in-out;
    -moz-transition: all 477ms ease-in-out;
    -o-transition: all 477ms ease-in-out;
*/
    transition: all 477ms ease-in-out;
    /*
    -ms-transition: all 477ms ease-in-out;
    -webkit-transition-timing-function: cubic-bezier(.16,.01,.77,1);
    -moz-transition-timing-function: cubic-bezier(.16,.01,.77,1);
    -o-transition-timing-function: cubic-bezier(.16,.01,.77,1);
*/
    transition-timing-function: cubic-bezier(.16, .01, .77, 1);
}




.menu-burger .burger-line.line-bottom {
    /*
    -o-transform: translateY(7px);
    -ms-transform: translateY(7px);
    -moz-transform: translateY(7px);
    -webkit-transform: translateY(7px);
*/
    transform: translateY(7px);
}





.menu-burger-cont {
    float: left;
    border: 1px solid transparent;
    border-width: 0 1px 0 1px;
    background: rgba(0, 0, 0, .1);
    transition: .5s all;
    cursor: pointer;
    padding: 26px 17px;
    height: 70px;
    position: relative;
    /* border:  0; */
}

    .menu-burger-cont:hover {
        background: #00ad99;
    }




.delay-1 {
    transition-delay: 100ms;
    /*
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
*/
}



.delay-2 {
    transition-delay: 200ms;
    /*
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
*/
}


/*active*/
.loc .menu-burger:after,
.loc .menu-burger:before {
    /*
    -o-transform: rotateX(0deg) rotateZ(45deg);
    -ms-transform: rotateX(0deg) rotateZ(45deg);
    -moz-transform: rotateX(0deg) rotateZ(45deg);
     -webkit-transform: rotateX(0deg) rotateZ(45deg); 
*/
    transform: rotateX(0deg) rotateZ(45deg);
    background: #fff;
    transition-delay: 500ms;
}



.loc .menu-burger .burger-line.line-top {
    /*
    -o-transform: rotateY(90deg) translateY(-7px);
    -ms-transform: rotateY(90deg) translateY(-7px);
    -moz-transform: rotateY(90deg) translateY(-7px);
    -webkit-transform: rotateY(90deg) translateY(-7px);
*/
    transform: rotateY(90deg) translateY(-7px);
}

.loc .menu-burger .burger-line {
    /*
    -o-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
*/
    transform: rotateY(90deg);
}

.loc .menu-burger .burger-line {
    /*
    -o-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
*/
    transform: rotateY(90deg);
}


    .loc .menu-burger .burger-line.line-bottom {
        /*
    -o-transform: rotateY(90deg) translateY(7px);
    -ms-transform: rotateY(90deg) translateY(7px);
    -moz-transform: rotateY(90deg) translateY(7px);
    -webkit-transform: rotateY(90deg) translateY(7px);
*/
        transform: rotateY(90deg) translateY(7px);
    }

.loc .menu-burger .burger-line {
    /*
    -o-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
*/
    transform: rotateY(90deg);
    /* transition-delay: 100ms; */
}




.menu-burger-cont:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #01817c;
    transition: .5s all;
    width: 0;
}

.menu-burger-cont.active:before {
    width: 100%;
}

/*big mega menu*/

.big-mega-menu {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    height: 100%;
    visibility: hidden;
    /* transition-delay: 900ms; */
    /* transition: .5s all; */
    opacity: 0;
}


    .big-mega-menu.active {
        visibility: visible;
        /* transition: .5s all; */
        /* transition-delay: 1s; */
        /* left:  0; */
        /* right:  0; */
        opacity: 1;
    }

.loc .big-mega-menu.active {
    transition: .5s all;
    transition-delay: 1s;
}

/*full dim*/
.fill-dimensions.fixed {
    position: fixed;
}

.rotated-y {
    transform-origin: left center;
    transform: rotateY(90deg);
}

.fill-dimensions {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
}

    .fill-dimensions.bordered-w {
        border-right: solid 420px #1b8354;
    }

.green-bg {
    background: #00837e;
}

.trans-slower,
.trans-slower:hover {
    transition: all 600ms ease-in-out;
    transition-timing-function: cubic-bezier(.16, .01, .77, 1);
}

.loc .rotated-y {
    transform: rotateY(0deg);
}


.loc .fill-dimensions.bordered-w {
    border-width: 0;
    transition: 1.2s all;
}

/***********/
/*mega cont list*/
.loc .big-mega-menu.active {
    transition: .5s all;
    transition-delay: 1s;
}

.big-mega-menu nav.nav.navbar-nav .main-nav-list-normal li {
    display: block;
    float: none;
    margin-bottom: 15px;
    /* display: flex; */
    /* flex-direction: column; */
    /* flex-wrap: wrap; */
    /* flex: 1; */
    /* height: 100%; */
    /* align-items: center; */
}

.big-mega-menu nav.nav.navbar-nav .main-nav-list-normal > li > a {
    padding: 10px 0;
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    display: block;
    padding-left: 60px;
    position: relative;
}

.big-mega-menu .container > .row {
    display: flex;
    flex-direction: row;
    /* flex-wrap:  wrap; */
    flex: 1;
    height: 100%;
    /* align-items:  center; */
}

.big-mega-menu .container {
    height: 100%;
}

.big-mega-menu ul li a:before {
    display: none;
}


.big-mega-menu ul li a:hover,
.big-mega-menu ul li.open a {
    color: #fdb71e;
}

.big-mega-menu nav.nav.navbar-nav {
    float: none;
    width: 50%;
    display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    flex: 1;
    height: 100%;
    align-items: center;
}


.big-mega-menu ul li a .icon:before {
    content: "\f3d2";
    font-family: 'icon54com' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.big-mega-menu ul li a .icon {
    position: absolute;
    left: 30px;
    top: 12px;
}


.wrap.loc .mid-header.main-nav {
    background: none !important;
    position: fixed;
    /* top: 0; */
    left: 0;
    right: 0;
    z-index: 6;
}

.wrap.loc .header-main ul.main-nav-list-normal {
    display: none;
}

.wrap.loc .header-main nav.nav.navbar-nav a {
    display: none;
}

.big-mega-menu .main-nav-list-normal li.open .dropdown-menu {
    right: 50%;
    left: auto;
    width: 50%;
    height: 100%;
    top: 0;
    /* bottom:  0; */
    margin: 0;
    border: 0;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    /* flex: 1; */
    /* height: 100%; */
    align-items: center;
    border: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, .3);
}


.big-mega-menu nav.nav.navbar-nav .main-nav-list-normal {
    width: 100%;
}

.big-mega-menu .main-nav-list-normal li.open .dropdown-menu ul {
    display: block;
    width: 100%;
    padding: 15px;
}

    .big-mega-menu .main-nav-list-normal li.open .dropdown-menu ul li a {
        padding: 6px 10px;
        display: block;
        font-size: 15px;
        border-right: 3px solid transparent;
        background: none !important;
        margin: 6px 0;
        font-weight: 400;
        color: #fff !important;
        text-decoration: none;
    }

        .big-mega-menu .main-nav-list-normal li.open .dropdown-menu ul li a:hover {
            border-color: #fdb71e;
        }

a.setting-opt {
    border: 1px solid transparent;
    border-width: 0 1px;
}

.wrap.loc .menu-burger-cont {
    background: none;
    /* margin-left:  -1px; */
    border-color: #00837e;
}

/****/
.mega-side {
    display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    flex: 1;
    height: 100%;
    align-items: center;
    background: rgba(0, 0, 0, .1);
    padding: 15px 30px;
    margin-right: -15px;
}





/***********/

.quick-link-rect-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* padding: 9vw 0 0; */
    /* margin: 0 5vw; */
    z-index: 5;
}

.quick-link-rect-box-item-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12vw;
    height: 12vw;
    margin: 0 4vw;
    text-align: center;
}


.quick-link-rect-box-item-cont {
    /* margin: 2vh 0; */
}

.quick-link-rect-box-item-cont {
    /* display: block; */
    position: relative;
    /* height: 8vw; */
    /* margin: 3vh 0; */
    /* text-decoration: none; */
    font-size: 16px;
    font-weight: 700;
}



    .quick-link-rect-box-item-cont:nth-of-type(1n) .quick-link-rect-box-item-svg {
        transform: rotate(45deg);
    }

svg:not(:root) {
    overflow: hidden;
}

.quick-link-rect-box-item-svg {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.quick-link-rect-box-item-svg {
    /* width: 6vw; */
    /* height: 6vw; */
}

.quick-link-rect-box-item-svg {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    /* width: 8vw; */
    /* height: 8vw; */

    stroke-linecap: square;
    transition: transform .15s ease-in-out;
}

.quick-link-rect-box-item-line-1 {
    fill: hsla(0, 0%, 100%, 0);
    transition: fill .15s ease-in-out;
}


.quick-link-rect-box-item-line-2 {
    fill: none;
    stroke: #00837E;
    stroke-width: 1px;
    stroke-dashoffset: 0;
    stroke-dasharray: 100;
    transition: stroke-dashoffset .15s ease-in-out .15s;
}

.quick-link-rect-box-item-title {
    padding-left: 0;
}


.quick-link-rect-box-item-title {
}

.quick-link-rect-box-item-title {
    /* font-size: 1.2em; */
    /* font-weight: 900; */
    /* line-height: 1.3125; */
    /* letter-spacing: .025em; */
    /* display: inline-block; */
    /* position: relative; */
    /* padding-left: 14vw; */
    color: #fff;
    /*  */
    /* z-index: 2; */
    /* transition: color .2s ease-out; */
    /* height:  100%; */
}



.quick-link-rect-box-item-arrow {
    display: block;
    position: absolute;
    bottom: -1vw;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -21px;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    transform: translateY(-.8vw) rotate(45deg);
    transition: all .15s ease-out;
}


/*****/
.quick-link-rect-box-item-cont:focus:nth-of-type(1n) .quick-link-rect-box-item-svg,
.quick-link-rect-box-item-cont:hover:nth-of-type(1n) .quick-link-rect-box-item-svg {
    transform: rotate(45deg) scale(1.3);
}



.quick-link-rect-box-item-cont:focus .quick-link-rect-box-item-arrow,
.quick-link-rect-box-item-cont:hover .quick-link-rect-box-item-arrow {
    transform: rotate(45deg) translate(0);
}

.quick-link-rect-box-item-cont:focus .quick-link-rect-box-item-arrow,
.quick-link-rect-box-item-cont:hover .quick-link-rect-box-item-arrow {
    border-color: #01a391;
    transition: all .3s ease-out .35s;
}

.quick-link-rect-box-item-cont:focus:nth-of-type(1n) .quick-link-rect-box-item-svg,
.quick-link-rect-box-item-cont:hover:nth-of-type(1n) .quick-link-rect-box-item-svg {
    transform: rotate(45deg) scale(1.3);
}

.quick-link-rect-box-item-cont:focus .quick-link-rect-box-item-svg,
.quick-link-rect-box-item-cont:hover .quick-link-rect-box-item-svg {
    transition: transform .15s ease-in-out .2s;
}




.quick-link-rect-box-item-cont:focus .quick-link-rect-box-item-line-1,
.quick-link-rect-box-item-cont:hover .quick-link-rect-box-item-line-1 {
    fill: #fff;
    transition: fill .15s ease-in-out .2s;
}

.quick-link-rect-box-item-cont:focus .quick-link-rect-box-item-line-2,
.quick-link-rect-box-item-cont:hover .quick-link-rect-box-item-line-2 {
    stroke-dashoffset: 100;
    transition: stroke-dashoffset .15s ease-in-out;
}


.quick-link-rect-box-item-cont:focus .quick-link-rect-box-item-title,
.quick-link-rect-box-item-cont:hover .quick-link-rect-box-item-title {
    color: #ff1d25;
    transition: color .2s ease-out .2s;
}


a.quick-link-rect-box-item-cont:hover .quick-link-rect-box-item-title {
    color: #4fbbbd;
    position: relative;
}

/****/
#collapse1bis {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f2f2f2;
    z-index: 99;
    overflow: auto;
}

a.show-all-links {
    position: absolute;
    top: 15px;
    left: 30px;
    background: #000;
    z-index: 99999;
}

/********/

.heading-mid {
    text-align: center;
    display: block !important;
}

/*
.heading-mid:after {
    content: '';
    display: block;
    width: 30px;
    height: 6px;
    background: #4fbbbd;
    text-align:  center;
    margin: 20px auto  0 auto;
}

.heading:after {
    content: '';
    display: block;
    width: 30px;
    height: 6px;
    background: #4fbbbd;
    text-align: center;
    margin: 20px 0 0;
} */

.media-center-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .media-center-box .item {
        width: 49.75%;
        margin-right: .25%;
        margin-bottom: .25%;
    }

        .media-center-box .item:nth-child(3n+1) {
            /* margin-right: 0; */
        }

    .media-center-box .item {
        position: relative;
        z-index: 3;
    }

        .media-center-box .item:before {
            content: '';
            display: block;
            padding-bottom: 65%;
        }

        .media-center-box .item .panel {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 5;
            overflow: hidden;
        }


        .media-center-box .item .panel-body {
            position: absolute;
            width: 83%;
            max-width: 370px;
            background: #fff;
            /* padding: 0 !important; */
            bottom: auto;
            top: 100%;
            transition: transform .6s;
            z-index: 9;
            border: 0 !important;
        }




/***********/
.panel-content {
    position: absolute;
    z-index: 10;
    bottom: 100%;
    left: 0;
    width: 100%;
    background: rgba(10, 37, 62, 0.8);
    padding: 15px 15px 0 15px;
}

    .panel-content p {
        display: none;
    }

    .panel-content h5 {
        margin: 0;
    }

    .panel-content:after {
        content: "";
        width: 30px;
        height: 6px;
        background: #000;
        position: absolute;
        bottom: 0;
        right: 15px;
        transition: .5s all;
    }

.media-center-box .item:hover .panel-body {
    transform: translate(0, -100%);
}

.media-center-box .item:hover .panel-content:after {
    width: calc(100% - 15px);
}

.media-center-box .item .panel-body .panel-content h5 a {
    display: block;
}

.media-center-box .item .panel-body {
    padding: 15px !important;
}

    .media-center-box .item .panel-body .panel-footer {
        border: 0;
        padding: 0;
        margin: 0;
    }

.media-center-box .item .panel .item-img {
    background-size: cover !important;
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #0074c8;
    transition: transform 3s;
    background-color: rgba(51, 51, 51, 0.5);
    background-blend-mode: multiply;
}

    .media-center-box .item .panel .item-img:before {
        content: "";
        position: absolute;
        background: #002447;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 9999;
        opacity: 0 !important;
        transition: .5s all;
    }

.media-center-box .item:hover .panel .item-img:before {
    opacity: .5 !important;
}

/********/
.cat-1 .panel-content:after {
    background: #abafb2;
}

.cat-2 .panel-content:after {
    background: #00837E;
}

.cat-3 .panel-content:after {
    background: #A57F74;
}

.cat-4 .panel-content:after {
    background: #A27300;
}

.cat-5 .panel-content:after {
    background: #FF4438;
}

.cat-6 .panel-content:after {
    background: #FFC627;
}


/************/
.main-area-cont-2 .quick-links-cont a {
    /* width:  auto; */
    flex: 1;
    background: #00253D;
    border: 1px solid transparent;
}

.main-area-cont-2 .quick-links-cont {
    flex: 1;
    flex-direction: row;
    align-content: space-around;
}


    .main-area-cont-2 .quick-links-cont > ul > li:first-child a,
    .main-area-cont-2 .quick-links-cont > ul > li.active a {
        /* border: 1px solid rgba(255,255,255,.08); */
        /* border-radius: 0px 10px 10px 0px !important; */
        /* overflow:  hidden; */
        /* border-top: 1px solid rgba(255,255,255,.08); */
        /* border-bottom: 1px solid rgba(255,255,255,.08); */
    }

    .main-area-cont-2 .quick-links-cont a:nth-child(even) {
        border-left: 1px solid rgba(255, 255, 255, .08);
        border-bottom: 1px solid rgba(255, 255, 255, .08);
    }

    .main-area-cont-2 .quick-links-cont a:nth-child(5),
    .quick-links-cont a:nth-child(6) {
        border-bottom: 1px solid rgba(255, 255, 255, .08);
    }

    .main-area-cont-2 .quick-links-cont > ul > li:last-child a {
        border-radius: 10px 0px 0px 10px !important;
        /* border-left: 1px solid rgba(255,255,255,.08) !important; */
    }


.main-area-cont-2 .quick-links-title-cont {
    position: relative;
    border: 0;
    /* padding-left: 90px; */
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(-90deg) translate3d(0, -100%, 0);
    z-index: 999;
    transition: .5s all;
    margin-left: 30px;
}

.main-area-cont-2 a.show-all-links {
    left: 0;
    top: 0;
    transform: rotate(90deg) translate3d(0, 10px, 0);
    border: 0;
    display: none;
}


.main-area-cont-2 .main-area {
    margin-top: 32vh;
}



.banner-info .banner-title {
    color: #fff;
    text-align: center;
    display: block;
}


.container.main-area-cont.main-area-cont-2 .row.main-area {
    padding: 0 60px;
    /* text-align:  center; */
}

.hero-vid-in-cont:after {
    /* content:  ""; */
    /* background: #000; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
}

.banner-info .banner-title + h3 {
    font-size: 3em;
    color: #002447;
    text-align: center;
    /* margin-top:  40px; */
}

.banner-info .banner-title + h3 {
    font-size: 2em;
    color: #fff;
    text-align: center;
    /* margin-top:  40px; */
}


/**************/
/*vote-stats*/

.vote-stats .box-title {
    margin: 0px 0 40px 0;
    font-size: 30px;
    color: #fff;
    padding-top: 60px !important;
}


.vote-stats .analytics-items-cont {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0;
}


.vote-stats .analytics-item:nth-child(odd) {
    /* padding-top: 60px; */
    background: rgba(0, 0, 0, .09);
}

.vote-stats .analytics-item:first-child {
    border-right: 0;
}

.vote-stats .analytics-item {
    width: 25%;
    text-align: center;
    margin-bottom: 0;
    border: 0;
    border-left: 0;
    border-top: 0;
    padding: 15px;
    background: rgba(0, 0, 0, .2);
}

    .vote-stats .analytics-item img {
        height: 40px;
        margin: auto;
        display: block;
        transform: none !important;
        position: static;
    }

.vote-stats .analytics-txt {
    font-size: 15px;
    /* font-weight: 700; */
    color: #fff;
    margin: 10px 0 4px 0;
}

.vote-stats .analytics-num {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
}

.vote-stats .analytics-item:nth-child(even) .analytics-num {
    color: #fff;
}




.vote-stats .vote-cont {
    background: rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    /* padding-right: 100px; */
    width: calc(100% - 50px);
    margin-right: 50px;
    padding: 0 30px 30px;
}


.vote-stats .survey-cont {
    padding: 0;
    /* color: #333; */
}


.vote-stats .btn-more {
    font-size: 14px;
    padding: 8px 20px;
    transition: .5s all;
    margin-top: 10px;
    font-weight: 500;
    border-radius: 4px;
    box-shadow: none !important;
    /* color: #1b8354 !important; */
    display: inline-block;
    line-height: 1;
    box-shadow: none;
    border-radius: 50px;
    /* border-color: #1b8354  !important; */
}

.content-section.vote-stats {
    /* background: url(../img/srv-bg.jpg); */
    margin-top: 0;
    padding-top: 60px;
    position: relative;
    padding: 0;
}

    .content-section.vote-stats:before {
        /* content:  ""; */
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        /* background: rgba(0,0,0, 0.5); */
    }

.big-mega-menu .analytics-cont .box-title {
    /* padding-top:  60px; */
    color: #fff;
    margin-bottom: 30px;
}


/*********/


.collapse-search input {
    width: 100%;
    background: #000;
}

.collapse-search {
    position: relative;
    z-index: 9;
    background: #071a2b;
}




    .collapse-search .form-group.quick-links-search-cont {
        margin: 30px 0 20px 0;
    }



.wrap.loc .menu-burger-cont:before {
    background: #000;
}


input.form-control.quick-links-search,
#quick-links-search {
    background: none;
    margin-bottom: 10px;
    color: #fff;
    height: 86px;
    line-height: 90px;
    font-size: 24px;
    border: 0;
    border-bottom: 3px solid #fff;
    box-shadow: none;
    position: relative;
    z-index: 9;
    padding-left: 80px;
    border-radius: 0;
}


.index-2 .tweets-cont.content-section {
    background: none !important;
}


/***/

.index-3 .most-news-cont.content-section {
    background: none;
}

.index-3 .banner-slider-vid {
    height: auto;
    padding-bottom: 150px;
}

.index-3 .main-area-cont-2 .main-area {
    /* padding-top: 10em !important; */
    margin: 0;
}

.index-3 .banner-info {
    padding-top: 12em;
}

.index-3 .container.main-area-cont.main-area-cont-2 .row.main-area {
    padding: 0;
}

.index-3 .quick-link-rect-box-item-line-1 {
}

.index-3 #video-background {
    /* width: 120vw; */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    /* opacity: .5; */
}

.index-3 .most-news-cont.content-section {
    background: #fff !important;
    position: relative;
    z-index: 9;
}

.index-3 .content-section {
    position: relative;
    z-index: 9;
}

.index-3 .footer.footer-2 {
    position: relative;
    z-index: 9;
}

.index-3 .content-section.vote-stats {
    background: none;
}

    .index-3 .content-section.vote-stats:before {
        background: rgba(10, 37, 62, .8);
    }

.quick-link-rect-box-item-title .icon {
    font-size: 3em;
    display: block;
}


/*******************/


.banner {
    display: block;
    min-height: 200px;
    width: 100%;
    position: relative;
}

.typed_wrap {
    display: inline-block;
    border: 0px solid rgba(255, 255, 255, 1);
    width: 90%;
    height: auto;
    padding: 0px 30px 30px;
    font-size: 3.5em;
    /*centers it in the .banner*/
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    margin-top: 60px;
    margin-bottom: 0;
}

    .typed_wrap h3 {
        display: inline;
    }

/*Add custom cursor so it auto inherits font styles*/
.typed::after {
    content: '|';
    display: inline;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

/*Removes cursor that comes with typed.js*/
.typed-cursor {
    opacity: 0;
    display: none;
}

/*Custom cursor animation*/
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.banner-info-inner-cont {
    text-align: center;
}

/***********/
.content-section.vote-stats.vote-stats-2 {
    /* background: url(../img/srv-bg.png); */
    padding: 0px 0 50px 0;
}


/********/
#content {
    position: relative;
    /* z-index: 9; */
}

/******/
.main-area-cont-2 .quick-links-cont {
    /* display:  none; */
    position: relative;
    top: 0;
    bottom: auto;
    left: auto;
    right: auto;
}



/*************/
.media-center-box-big .item {
    width: 100%;
    margin: 0 0 .5% 0;
}

.col-flex-3 {
    width: 35%;
}

.col-flex-7 {
    width: 65%;
}



.col-flex-12 {
    width: 100%;
}


.col-flex > div {
    float: none;
}

.col-flex {
    display: flex;
    direction: rtl;
}

.media-center-box.media-center-box-big {
    height: 100%;
}

/**********/
.vote-stats .analytics-items-cont:nth-child(odd) .analytics-item:nth-child(odd) {
    background: rgba(0, 0, 0, .2);
}

.vote-stats .analytics-items-cont:nth-child(odd) .analytics-item:nth-child(even) {
    background: rgba(0, 0, 0, .09);
}


/**************/
.num-conts-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 24px;
    flex: 1;
}

    .num-conts-inner .media {
        width: 33.3333%;
        margin: 0;
    }

        .num-conts-inner .media img {
            height: 60px;
        }

        .num-conts-inner .media .title {
            font-size: 15px;
            font-weight: 700;
            /* color: #002447; */
        }

        .num-conts-inner .media .content-in > * {
            display: inline-block;
        }

        .num-conts-inner .media .content-in .num {
            font-size: 24px;
            font-weight: 700;
            margin-left: 5px;
        }

    .num-conts-inner .media-body {
        display: block;
        margin-top: 10px;
    }

.typed a {
    color: #fff;
}

    .typed a:hover {
        color: #00ad99;
    }

a.setting-opt.setting-collapse[aria-expanded="true"] {
    background: #102a42;
}


/*********/
.bg-mega .dropdown-menu {
    background-image: url(../img/mega-menu-bg-1.png) !important;
}


.main-nav-list-normal li .left {
    text-align: left;
}

    .main-nav-list-normal li .left img {
        width: 100px;
        margin-left: 50px;
    }

#collapse1bis #quick-links-search {
    color: #00ad99;
    border-color: #00ad99;
}

#collapse1bis label,
#collapse1bis button {
    color: #00ad99;
}

/**************/
.quick-links-sub {
    /* position:  absolute; */
    bottom: 100%;
    /* left:  0; */
    right: 0;
    width: 80%;
    font-size: 0;
    margin: 0;
    /* align-self:  center; */
    display: none;
    flex-direction: row;
    border: 1px solid rgba(255, 255, 255, .08);
    background: #00253d;
    border-right: 0;
    border-radius: 10px 0 0px 10px;
    /* justify-content:  stretch; */
}

    .quick-links-sub li a {
        display: block;
        width: 100%;
    }

.main-area-cont-2 .quick-links-cont > a {
    /* opacity:  0; */
    display: none;
}

    .main-area-cont-2 .quick-links-cont > a.active {
        opacity: 1;
        display: inline-block;
    }

.quick-links-sub li {
    display: flex;
    /* flex:  1; */
    /* align-self: center; */
    /* flex-grow: 1; */
    /* justify-content: stretch; */
    /* height:  100%; */
    /* align-items: stretch; */
    /* display: flex; */
    width: 25%;
    border-right: 1px solid rgba(255, 255, 255, .08) !important;
    /* border-top: 1px solid rgba(255,255,255,.08) !important; */
    margin: 10px 0;
    padding: 0 10px;
}

    .quick-links-sub li a {
        /* border:  0; */
        /* border-radius:  0 !important; */
        font-size: 14px;
        /* border-left:  0 !important; */
        /* border:  0 !important; */
        /* align-self: center; */
        /* height:  100%; */
        /* display: flex; */
        /* flex: 1 !important; */
        /* border: 0 !important; */
        /* border-right: 1px solid rgba(255,255,255,.08) !important; */
        /* background:  none !important; */
    }

    .quick-links-sub li:last-child a {
        border: 0 !important;
    }

    .quick-links-sub li a:hover {
        color: #00ad99 !important;
    }


.main-area-cont-2 .quick-links-cont > ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /* text-align: center; */
    margin: 0;
    /* align-items:  center; */
    align-self: center;
    flex: 1;
    border: 0;
    border-radius: 10px;
}

    .main-area-cont-2 .quick-links-cont > ul > li {
        display: flex;
        flex-direction: row;
        /* flex: 1; */
        /* width:  100%; */
        /* align-items: stretch; */
        flex: 1;
    }


/*hover*/


.main-area-cont-2 .quick-links-box-in.active .quick-links-cont:hover > ul > li:not(.active) {
    display: none;
}

.main-area-cont-2 .quick-links-cont > ul > li.active .quick-links-sub {
    display: flex;
    /* align-items:  center; */
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    /* width:  70%; */
}

.main-area-cont-2 .quick-links-cont > ul > li.active {
    display: inline-flex;
    flex-direction: row;
}

    .main-area-cont-2 .quick-links-cont > ul > li.active a.quick-links-a {
        background: #fff;
        color: #002447;
        /* width:  30%; */
    }

    .main-area-cont-2 .quick-links-cont > ul > li.active:last-child a {
        border-radius: 0px 10px 10px 0px !important;
    }



.quick-links-title-cont.active {
    background: #0a2641;
}

.main-area-cont-2 .quick-links-cont {
    display: none;
}


.quick-links-box-in.active .quick-links-cont {
    display: block;
    /* border:  1px solid rgba(255,255,255,.08) !important; */
}

.main-area-cont-2 .quick-links-title-cont:hover {
    cursor: pointer;
    background: #fff;
    color: #00ad99;
}

    .main-area-cont-2 .quick-links-title-cont:hover .quick-link-title {
        color: #00ad99;
    }



/********/
div#collapse-settings.active {
    display: block;
    height: auto !important;
}


a#typed {
    color: white;
}


/****************/
.row.stats {
    margin-top: 30px;
    padding-top: 15px;
}


.main-nav-list-normal li .analytics-items-cont .analytics-item {
    padding: 10px 0 !important;
    text-align: right;
}

.main-nav-list-normal li .analytics-items-cont {
    margin: 0;
}

    .main-nav-list-normal li .analytics-items-cont .analytics-item img {
        margin: 0;
    }

.content-section .item .panel .panel-footer .date {
    float: left;
}




.row.stats .col-md-3 {
    padding-top: 26px;
}

.stats .analytics-item:nth-child(odd) {
    /* padding-top: 60px; */
    background: none;
}

.stats .analytics-item {
    width: 25% !important;
}

    .stats .analytics-item img {
        height: 40px;
        margin: auto;
        display: block;
        position: initial;
        top: auto;
        transform: none;
    }

    .stats .analytics-item:first-child,
    .stats .analytics-item:last-child {
        /* padding-top: 60px; */
        background: none;
    }

.stats .analytics-item {
    background: none;
}



.typed_wrap a {
    color: #fff;
}




.main-area-cont-2 .quick-links-cont > ul .quick-links-sub li:last-child a {
    border-left: 0 !important;
    /* border-right:  1px solid rgba(255,255,255,.08) !important; */
}

/**********/
.sub-day .sub-day-txt {
    font-weight: 400;
    font-size: 12px;
    position: relative;
    display: inline-block;
    margin-right: 2px;
    padding-right: 5px;
}

    .sub-day .sub-day-txt:before {
        content: "";
        position: absolute;
        top: 50%;
        height: 10px;
        width: 1px;
        background: #000;
        right: 0;
        margin-top: -3px;
    }


.main-area-cont-2 .quick-links-cont > ul > li.active .quick-links-sub li a {
    display: block;
    /* border-radius: 0 !important; */
    align-self: center;
    /* border: 1px solid transparent !important; */
    border: 0 !important;
}

    .main-area-cont-2 .quick-links-cont > ul > li.active .quick-links-sub li a:hover {
        background: rgba(0, 0, 0, 0.11) !important;
        /* border: 1px solid rgba(255,255,255,.08) !important; */
        border-radius: 10px !important;
    }

.quick-links-sub li:first-child a {
    border-right: 0 !important;
}



.main-area-cont-2 .quick-links-cont .quick-links-sub li:nth-child(2) a {
    /* border-right: 1px solid rgba(255,255,255,.08) !important; */
    border-radius: 0 !important;
}

.main-area-cont-2 .quick-links-cont > ul > li.active .quick-links-sub li:hover + li a {
    /* border-right:  0 !important; */
}


.banner-slider-cont {
    background: url(../img/main-bg.png) no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    background: #002447;
}


.footer-contact h3 {
    margin-bottom: 0px !important;
}


.banner-slider-imgs {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    height: 100%;
    background-size: cover;
    background-position: center center;
    transition: all .5s ease-in-out;
    -moz-transition: background-image .5s;
}


.banner-slider-vid:before {
    content: "";
    background: -moz-linear-gradient(bottom, rgba(3, 38, 59, 0.19) 0%, rgba(3, 38, 59, 1) 99%, rgba(3, 38, 59, 1) 100%);
    background: -webkit-linear-gradient(bottom, rgba(3, 38, 59, 0.19) 0%, rgba(3, 38, 59, 1) 99%, rgba(3, 38, 59, 1) 100%);
    background: linear-gradient(to bottom, rgba(3, 38, 59, 0.19) 0%, rgba(3, 38, 59, 1) 99%, rgba(3, 38, 59, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3003263b', endColorstr='#03263b', GradientType=0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    height: 100%;
    z-index: 1;
}

/****************/
/*ie11*/
/****************/

.ie11 .header-main .navbar-brand img {
    width: 196px;
    height: 40px;
}

.ie11 ul.dropdown-menu-list li a:hover {
    text-decoration: none;
}


.num-conts-inner .media img {
    height: 40px;
    display: inline-block;
    width: 40px;
}


.stats .analytics-item img {
    position: static;
}





/*edge*/
@supports (-ms-ime-align: auto) {
    ul.dropdown-menu-list li a:hover {
        text-decoration: none;
    }
}

.banner-slider-imgs-cont {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 1;
    height: 100%;
    transition-timing-function: ease-in;
    /* Quick on the way out */
    transition: 0.2s;
    transition-property: opacity;
}




.hide-active {
    opacity: 0 !important;
}

.banner-slider-imgs.active {
    opacity: 1 !important;
    display: block;
}

.quick-links-box-in.active .quick-links-cont > ul > li:first-child a {
    /* border-left: 1px solid rgba(255,255,255,.08) !important; */
    /* border:  0 !important; */
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 0 10px 10px 0;
    /* border-left: 0 !important; */
}

.quick-links-box-in.active .quick-links-cont:hover > ul {
    border-color: transparent !important;
}

.main-area-cont-2 .quick-links-cont > ul > li:first-child > a {
    border-radius: 0px 10px 10px 0px !important;
    border-left: 1px solid rgba(255, 255, 255, .08) !important;
}


.quick-links-box-in.active .quick-links-cont > ul > li:last-child a {
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 10px 0 0 10px;
    border-right: 0 !important;
}

/*********************/
/*searchtariffs page*/



/*********************/
/*searchtariffs page*/
.complete-row.header-row .header-divi,
.complete-row-summary .header-divi {
    width: 10%;
}

.complete-row.header-row .header-class,
.complete-row-summary .header-class {
    width: 55%;
}


.complete-row.header-row .header-cats,
.complete-row-summary .header-cats {
    width: 11%;
}


.complete-row.header-row .header-kinds,
.complete-row-summary .header-kinds {
    width: 12%;
}


.complete-row.header-row .header-options,
.complete-row-summary .header-options {
    width: 15%;
}

.complete-row.header-row .header-part-info,
.complete-row-summary .header-part-info {
    width: 10%;
}




/*********/
.complete-table-separate-top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1;
    /* align-items: center; */
    /* cursor: pointer; */
    position: relative;
    padding: 15px 15px 0;
}

.complete-table-separate .side {
    flex: 1;
    padding: 0 0 0 0;
}

.complete-table-separate .side-2 {
    width: 80px;
    padding-bottom: 15px;
}

/*bdg box*/

.bdg {
    color: #fff;
    display: inline-flex;
    padding: .2em .5em;
    border-radius: .3em;
    line-height: 1.2;
}


.blue-bdg {
    background: #002447;
}

.green-bdg {
    background: #4fbbbd;
}

.grey-bdg {
    background: #777;
}

.bdg span {
    display: inline-block;
}

    .bdg span:last-child {
        margin-right: 4px;
        font-weight: 400;
        position: relative;
        top: -2px;
    }

/************/
.complete-row-details-btn .icon {
    font-size: 24px;
    display: block;
    line-height: 1;
}

.options.complete-row-details-btn {
    text-align: center;
    padding: 10px 0;
    color: #002447;
    border-radius: 5px;
    transition: .5s all;
    cursor: pointer;
}

    .options.complete-row-details-btn:hover {
        background: #002447;
        color: #fff;
    }


    .options.complete-row-details-btn .tooltip-cont {
        display: block;
        line-height: 1;
        font-size: 14px;
    }


.complete-row-details {
    position: relative;
}


    .complete-row-details .well {
        margin: 15px 0 0;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, .1);
        border-radius: 0;
        box-shadow: none;
        position: relative;
        padding: 15px 0 15px 0;
    }

    .complete-row-details .close-row {
        left: 16px;
        right: auto;
    }

    .complete-row-details .close-row {
        position: absolute;
        top: 0;
        left: 0;
        padding: 15px;
        font-size: 1.5em;
        cursor: pointer;
        z-index: 9;
        line-height: 1;
    }


        .complete-row-details .close-row:hover {
            color: #4fbbbd;
        }

.header-part-info a,
.level-cont .complete-table-separate-top .preview {
    font-size: 20px;
    color: #4fbbbd;
    padding: 0;
    line-height: 1;
    cursor: pointer;
}

.level-cont .complete-table-separate-top .preview {
    padding-top: 0;
    position: absolute;
    left: 15px;
    background: rgba(0, 0, 0, .08);
    padding: .2em .4em;
    border-radius: .3em;
    top: 5px;
}

.header-part-info a {
    color: #000;
    display: inline-flex;
    padding: .35em .5em;
    border-radius: .3em;
    background: #ededed;
    font-size: 16px;
    font-weight: 700;
}

    .header-part-info a:hover,
    .level-cont .complete-table-separate-top .preview:hover {
        background: #4fbbbd;
        color: #fff;
    }

/*******/
.icon {
    font-family: 'icon54com' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ico-more:before {
    content: "\f216";
}

.level .icon {
    font-size: 18px;
    color: #4fbbbd;
    margin-left: 15px;
    position: absolute;
    top: 0;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.level .complete-table-separate-top > span {
    display: inline-block;
}

.level .code-box {
    background: rgba(0, 0, 0, .08);
    padding: .2em .4em;
    border-radius: .3em;
    font-size: 13px;
    line-height: 1.2;
    margin-left: 5px;
    color: #002447;
    font-weight: 700;
    display: inline-block;
}

.level .title-box {
    font-size: 15px;
    font-weight: 500;
    position: relative;
    top: -1px;
}


.level-cont {
    /* padding-bottom: 8px; */
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    /* padding-top: 8px; */
    position: relative;
}

    .level-cont:first-child {
        padding-top: 0;
    }

    .level-cont:last-child {
        padding-bottom: 0;
        border: 0;
    }

.level {
    padding: 0px 45px 0px 0px;
}

/* 

.level .complete-row-details.in:before {
    content:  "";
    position:  absolute;
    top: 0;
    right:  0;
    width:  2px;
    height: 100%;
    bottom:  0;
    background: #4fbbbd;
    display:  block;
    z-index: 1;
    opacity:  0;
}
  */

.level-1.level {
    padding-left: 30px;
}






.complete-table-separate-top[aria-expanded="true"] .ico-more:before {
    content: "\f207";
}

.complete-table-separate-top[aria-expanded="true"] .icon {
    color: #999;
}


.level-cont .well {
    /* padding-bottom:  7px; */
    /* padding-top: 7px; */
}


    .level-cont .well .level .well {
        padding: 8px 15px 8px 0;
        margin: 0;
    }

.level-item-opts {
    float: left;
}



.level-cont .complete-table-separate-top {
    padding: 8px 0;
    padding-left: 30px;
    cursor: pointer;
}

.complete-table-separate-top + .complete-row-details > .well {
    margin: 0 15px 15px;
}

.complete-table-separate-top + .complete-row-details {
    padding: 0;
}

.level .complete-table-separate-top + .complete-row-details > .well {
    margin: 0;
}

.level .complete-row-details {
    border-right: 2px solid transparent;
}

    .level .complete-row-details.in {
        border-color: #4fbbbd;
    }

/**************/
.level-item-opts > * {
    display: inline-block;
}

.level-item-opts .preview {
    font-size: 20px;
    color: #4fbbbd;
    padding: 0 10px;
    line-height: 1;
    cursor: pointer;
    display: inline-block;
}

.level-item-opts .cancel {
    color: #777;
    font-size: 18px;
    padding: 0 10px;
    margin-left: 10px;
    line-height: 1;
}


.searchtariffs-box.complete-table-sub-cont > .complete-table-separate > .complete-table-separate-top + .complete-row-details > .well {
    padding-top: 30px;
}

.level-item {
    clear: both;
}



.level-item {
    clear: both;
}

.level-items-cont {
}

    .level-items-cont .level-item {
        border-bottom: 1px solid rgba(0, 0, 0, .05);
        padding-bottom: 8px;
        padding-top: 8px;
    }

        .level-items-cont .level-item:first-child {
            padding-top: 0;
        }

        .level-items-cont .level-item:last-child {
            padding-bottom: 0;
            border: 0;
        }




.level-item-opts .bg-warning,
.level-item-opts .bg-success {
    color: #fff;
    padding: .2em .4em;
    border-radius: .3em;
    font-size: 13px;
    line-height: 1.2;
    margin-left: 5px;
    font-weight: 500;
    display: inline-block;
}


.bg-success {
    background: #00bd9a;
}

.bg-warning {
    background: #ff4438;
}


/*****************/


[data-to-tip] {
    position: relative;
}

    [data-to-tip]:after {
        content: attr(data-to-tip);
        opacity: 0;
        position: absolute;
        bottom: 100%;
        background: #333;
        color: #fff;
        padding: 2px 5px;
        border-radius: 3px;
        font-size: 12px;
        font-weight: 400;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 5px;
        transition: .5s all;
        display: inline-block;
        width: auto;
        right: auto;
        white-space: nowrap;
        line-height: 1.4;
    }

.d-inline-block {
    display: inline-block;
}

.v-middle {
}

[data-to-tip]:hover:after {
    z-index: 9;
    opacity: 1;
}

/*********************/

.collapse-fixed-full {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 99;
    /* overflow:  auto; */
    padding: 100px 0 50px 0;
    height: 100% !important;
    transition: .5s all;
    min-height: 100vh;
}

    .collapse-fixed-full.in {
        /* position: fixed; */
        bottom: 0;
        top: 0;
        overflow: auto;
        z-index: 9999;
    }


    .collapse-fixed-full > .close-row {
        left: 50%;
        /* right: 0; */
        text-align: center;
        position: fixed;
        background: #fff;
        padding: 0;
        margin: 0;
        transform: translateX(-50%);
        top: -8px;
    }

.close-row {
    position: absolute;
    top: 0;
    right: 16px;
    padding: 15px;
    font-size: 1.5em;
    cursor: pointer;
    z-index: 9;
}

.collapse-fixed-full > .close-row span {
    display: inline-block;
    font-weight: 400;
    position: relative;
}

.collapse-fixed-full > .close-row {
    background: #f00;
    color: #fff;
    padding: 8px 15px;
    font-size: 16px;
    transition: .5s all;
    border: 0;
    border-radius: 0 0 6px 6px;
    display: inline-block;
    line-height: 1.5;
    position: fixed;
}

    .collapse-fixed-full > .close-row:hover {
        background: #367ff4;
        color: #fff;
        /* left: 0; */
        /* right: 0; */
    }

    .collapse-fixed-full > .close-row span:after {
        content: "\f2d7";
        font-family: 'icon54com' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px;
        position: relative;
        top: 3px;
        padding-right: 5px;
    }


.preview-accordion .panel-default > .panel-heading {
    padding: 0;
    background: none;
}

    .preview-accordion .panel-default > .panel-heading a {
        display: block;
        padding: 15px 15px;
        position: relative;
    }

        .preview-accordion .panel-default > .panel-heading a:before {
            content: "\ebd0";
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            padding: 0 15px;
            transition: .5s all;
        }

        .preview-accordion .panel-default > .panel-heading a[aria-expanded="true"]:before {
            content: "\f0aa";
        }



        .preview-accordion .panel-default > .panel-heading a .icon_v1,
        .preview-accordion .panel-default > .panel-heading a .icon_v2,
        .preview-accordion .panel-default > .panel-heading a .icon_v3 {
            font-size: 24px;
            margin-left: 5px;
        }

        .preview-accordion .panel-default > .panel-heading a > * {
            display: inline-block;
        }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    background: #fff;
}


    .panel-default > .panel-heading + .panel-collapse > .panel-body ul {
        margin-right: 20px;
        /* margin-top:  15px; */
        margin-bottom: 0;
    }


        .panel-default > .panel-heading + .panel-collapse > .panel-body ul li {
            /* margin-bottom:  5px; */
        }

            .panel-default > .panel-heading + .panel-collapse > .panel-body ul li h3 {
                line-height: 1.7;
            }

.collapse-fixed-full .panel.panel-default {
    background: #f5f7f8;
    margin-bottom: 15px;
    border: 1px solid #eee;
    border-radius: 6px;
    transition: .5s all;
    padding: 0;
    box-shadow: none;
    overflow: hidden;
}

.collapse-fixed-full .breadcrumb-cont li,
.collapse-fixed-full .breadcrumb-cont li a {
    color: #333;
}

.collapse-fixed-full .breadcrumb-cont {
    border-bottom: 1px solid #f5f7f8;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.preview-accordion .panel-default > .panel-heading a .icon_v1,
.preview-accordion .panel-default > .panel-heading a .icon_v2,
.preview-accordion .panel-default > .panel-heading a .icon_v3 {
    font-size: 24px;
    margin-left: 5px;
}

.preview-accordion .panel-default > .panel-heading a > * {
    display: inline-block;
}


.details-box .header-title {
    margin-bottom: 10px;
    font-weight: 700;
    margin-left: 30px;
    display: inline-block;
}


.copy-code {
    background: #4fbbbd;
    color: #fff;
    color: #fff;
    display: inline-flex;
    padding: .2em 1.5em;
    border-radius: .3em 0 0 .3em;
    margin-right: -4px;
}


    .copy-code:hover {
        cursor: pointer;
        background: #002447;
    }

.details-box .header-title:first-child .bdg {
    border-radius: 0 .3em .3em 0;
    margin-right: 5px;
}

.details-box {
    clear: both;
}



/***************/


.top-filters {
    text-align: right;
    background: #fff;
    padding: 15px;
    background: #fff;
    border-radius: 5px;
}
/* 
.filters-main-cont {
    background: #fff;
    padding: 30px 0 30px 0;
    margin: 0;
    margin-top: -60px;
    margin-bottom: 60px;
} */

.filter-box h4 {
    margin-top: 0;
    font-size: 16px;
}

.filter-box .form-control {
    margin: 0;
}


/*about*/
.services-box .box-title[aria-expanded="true"]:before {
    content: "\f0aa";
    margin-top: -0px;
}

.services-box .box-title:before {
    content: "\ebd0";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 0 15px;
    transition: .5s all;
    margin-top: 3px;
    font-size: 18px;
}


/*UI Elements*/
/*collapse section*/
.collapse-section .panel-title {
    font-size: 20px;
    position: relative;
    background: #fff;
    padding: 0;
    margin-top: 0;
    cursor: pointer;
    transition: .5s all;
    margin-bottom: 0;
    color: #333;
    font-weight: 700;
    overflow: hidden;
}


    .collapse-section .panel-title a {
        display: block;
        padding: 15px 15px;
        position: relative;
        transition: none;
        padding-left: 50px;
        line-height: 1.35;
    }



.collapse-section .panel.panel-default .panel-title:hover {
    background: #002447;
    color: #1b8354;
}

.collapse-section .panel-title a:before {
    content: "\ebd0";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 0 15px;
    margin-top: 3px;
    font-size: 18px;
}


.collapse-section .panel-title a[aria-expanded="true"]:before {
    content: "\f0aa";
    margin-top: -0px;
}


.collapse-section .panel-body h3 {
    font-size: 18px;
    line-height: 1.37;
}


.collapse-section .panel {
    border-radius: 6px;
    overflow: hidden;
}

.content-section.collapse-section .panel {
    border: 0;
    border-radius: 6px;
    background: #fff;
}

.collapse-section .panel-body > h3 {
    /*     margin-top: 0; */
    margin-bottom: 15px;
}

.collapse-section .panel-body {
    padding: 20px 30px 30px;
    border-top: 1px solid #eee !important;
}

.collapse-section .panel-group .panel + .panel {
    margin-top: 15px;
}

.collapse-section .details-list li {
    padding-right: 0;
}




/*ul-list*/
.inner-heading {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 30px;
    line-height: 1.8;
}

.ul-list {
    margin-right: 20px;
}

    .ul-list li {
        margin-bottom: 10px;
    }

.collapse-section .panel-body ul + h3 {
    margin-top: 30px;
    margin-bottom: 5px;
}



.content-section.collapse-section .panel .details-list {
    margin-right: 0 !important;
}

.content-section.box-4-section .panel {
    padding-right: 0;
}

.content-section.services-section.services-section-2 {
    padding-top: 60px;
    background: #fff;
}

    .content-section.services-section.services-section-2 .summary {
        margin-top: 0;
    }

    /*************/
    .content-section.services-section.services-section-2 .services-box ul {
        margin-top: 0;
    }

        .content-section.services-section.services-section-2 .services-box ul li a {
            text-align: center;
        }

        .content-section.services-section.services-section-2 .services-box ul li h3 {
            font-size: 16px;
        }

        .content-section.services-section.services-section-2 .services-box ul li .icon {
            font-size: 3em;
            margin-bottom: 15px;
            display: block;
            color: #1b8354;
        }

.content-section + .content-section.collapse-section {
    margin-top: 0;
}

/*contact*/

.content-section.contact-section .heading-inner {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
}

    .content-section.contact-section .heading-inner a {
        color: #4fbbbd;
        font-weight: 300;
        font-size: 3em;
        display: block;
    }

.open-hours {
    font-size: 2em;
    font-weight: 300;
    display: inline-block;
    border-radius: 6px;
    /* border: 1px solid #eee; */
    padding: 5px 15px 20px 15px;
    line-height: 1;
    background: #f3f5f7;
    margin-bottom: 10px;
}

    .open-hours span {
        display: inline-block;
        line-height: 1;
        position: relative;
    }

        .open-hours span.icon {
            position: relative;
            top: 6px;
            color: #4fbbbd;
            /* border-left:  1px solid #eee; */
            /* padding-left: 15px; */
        }

            .open-hours span.icon + span {
                position: relative;
                padding-left: 10px;
                display: inline-block;
            }

        .open-hours span:last-child:before {
            background: #ddd;
            content: "";
            position: absolute;
            top: 4px;
            right: 0;
            height: 30px;
            width: 1px;
        }

        .open-hours span:last-child {
            padding-right: 15px;
        }

.content-section.contact-section {
    margin-top: 0;
    padding-top: 60px;
    background: #fff;
}


.contact-details {
    margin-top: 0;
    border-top: 1px solid #eee;
    padding-top: 60px;
}

    .contact-details .icon {
        font-size: 3em;
        color: #4fbbbd;
        display: block;
        margin-bottom: 15px;
    }

.contact-section input.form-control[readonly] {
    background: #fff;
    margin-right: 0px;
    border-right: 0;
    border-radius: 4px 0 0 4px !important;
}

.contact-section .input-group-btn:first-child > .btn,
.contact-section .input-group-btn:first-child > .btn-group {
    margin: 0;
    font-size: 14px;
    line-height: 39px;
}


.upload-attach .btn {
    background: #f1f1f1;
}

.upload-attach {
    margin-bottom: 30px;
}


/***************/
/*order list*/
.details-list-order {
}

    .details-list-order li {
        display: list-item;
        width: 100%;
        border: 0;
        padding-bottom: 0;
    }

.details-list-order {
    list-style: decimal;
    margin: 0;
}

    .details-list-order li:last-child {
        border: 0;
    }

/**********/
.collapse-section .panel-body .details-list-order:first-child {
    margin-top: 0;
}


.details-list-order li:first-child h3 {
    margin-top: 0;
}



.collapse-section .panel-body .services-box ul li .icon {
    font-size: 3em;
    margin-bottom: 15px;
    display: block;
    color: #1b8354;
}

.collapse-section .panel-body .services-box ul li h3 {
    font-size: 16px;
}

.collapse-section .panel-body .services-box ul li a {
    text-align: center;
}

.collapse-section .panel-body .services-box {
    margin: 30px -15px 0 0px;
}

/***********/
.inner-heading-list .inner-heading {
    font-weight: 400;
    width: calc(50% - 50px);
    position: relative;
    padding-right: 30px;
    margin-left: 50px;
}

.inner-heading-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    counter-reset: heading_list;
}

    .inner-heading-list .inner-heading:before {
        counter-increment: heading_list;
        content: counter(heading_list);
        font-size: 24px;
        color: #4fbbbd;
        /* background: #4fbbbd; */
        display: inline-block;
        clear: both;
        position: absolute;
        top: 0;
        line-height: 1;
        right: 0;
    }


/************/
.half-two-collapse .panel-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

    .half-two-collapse .panel-group .panel {
        width: calc(50% - 15px);
        margin-top: 0 !important;
        margin-bottom: 30px;
    }

        .half-two-collapse .panel-group .panel:nth-child(2n + 1) {
            margin-left: 30px;
        }

.half-two-collapse .panel-title a {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
}


    .half-two-collapse .panel-title a:before {
        top: 20px;
        transform: none;
    }


/******************/

.ul-list ul li {
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 5px;
}

/***********/

.images-section-txt .img-cont {
    margin: 30px 0;
}

    .images-section-txt .img-cont img {
        width: 100%;
    }

    .images-section-txt .img-cont:first-child {
        margin-top: 0;
    }

/****************/
/*image slide*/
.image-slide-content .carousel-control {
    box-shadow: none;
    text-shadow: none;
    background: #002447;
    opacity: 1;
    color: #fff;
    width: auto;
    bottom: auto;
    top: 15px;
    display: block;
    padding: 5px 15px;
    border: 1px solid #002447;
}

    .image-slide-content .carousel-control.right {
        right: 15px;
    }

    .image-slide-content .carousel-control.left {
        right: 60px;
        left: auto;
    }

    .image-slide-content .carousel-control:hover {
        background: #4fbbbd;
        color: #fff;
        border-color: #4fbbbd;
    }

.image-slide-content .carousel-caption {
    bottom: 50%;
    background: #4fbbbd;
    text-shadow: none;
    color: #fff;
    padding: 15px;
    font-size: 18px;
    font-weight: 500;
    transform: translateY(50%);
}

/*ports*/
.complete-row.header-row .header-title,
.complete-row-summary .title {
    width: 21%;
}

.filter-list-cont .complete-table-separate {
    padding: 15px;
}

ul.sort-by {
    padding-bottom: 0;
}

.data-filter-section-ports {
    margin-top: -15px;
    border: 1px solid #eaeaea;
    padding: 15px;
    background: #fff;
    color: #002447;
    border-top: 0;
    border-radius: 0 0 6px 6px;
}

    .data-filter-section-ports h4 {
        margin-bottom: 15px;
    }

/*********/

/*map tooltip*/
.gm-style .gm-style-iw {
    /* position: relative !important; */
    /* background:  #000; */
    /* width: 100% !important; */
    /* top: 0 !important; */
    /* left: 0px !important; */
    /* width:  100% !important; */
    /* right:  0 !important; */
    /* bottom:  0 !important; */
    text-align: left;
    /* padding:  0 15px; */
    /* min-width: 154px; */
    margin: 0 !important;
}

h3.map-tooltip-name {
    font-size: 18px;
    color: #4fbbbd;
    margin-bottom: 0;
    margin-top: 10px;
}

h3.map-tooltip-city {
    color: #002447;
    font-size: 15px;
    margin-top: 5px;
}

.gm-style-iw + div {
    background: #4fbbbd !important;
    z-index: 99999 !important;
    top: -12px !important;
    display: block;
    padding: 12px;
    border-radius: 50%;
    left: -11px !important;
    opacity: 1 !important;
    transition: .5s all;
    color: #fff;
}

    .gm-style-iw + div > img {
        opacity: 0;
    }

    .gm-style-iw + div:after {
        content: "\f2d7";
        font-family: 'icon54com' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        line-height: 24px;
        color: inherit;
        font-size: 16px;
        border-radius: 50%;
    }


    .gm-style-iw + div:hover {
        background: #002447 !important;
        color: #fff !important;
    }


.map-tooltip {
    text-align: right;
    direction: rtl;
}


.gm-style .gm-style-iw > div:first-child {
    display: table !important;
}



.ports-list-map.disabled {
    position: relative;
    z-index: 0;
}

    .ports-list-map.disabled:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(245, 247, 248, 0.5);
        z-index: 9;
    }



.filter-det-cont + .filter-det-cont-alert {
    margin-bottom: 50px;
    margin-top: -30px;
    transition: .5s all;
}

.filter-det-cont-alert {
    background: #00ad99;
    padding: 10px 15px;
    color: #fff;
    border-radius: 6px;
}

/*news , events etc...*/
.filter-date {
    font-size: 0;
    margin-top: 15px;
}

    .filter-date .startDate,
    .filter-date .endDate {
        width: 50%;
        display: flex;
        font-size: 14px;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
    }

    .filter-date .startDate {
        padding-left: 15px;
    }



        .filter-date .startDate input,
        .filter-date .endDate input {
            flex: 1;
        }

    .filter-date .form-group {
        display: flex;
        font-size: 14px;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .filter-date .endDate {
        padding-right: 15px;
    }

    .filter-date label {
        font-weight: 400;
        padding-left: 15px;
    }

    .filter-date .icon {
        position: absolute;
        left: 30px;
        font-size: 24px;
        top: 50%;
        transform: translateY(-50%);
        color: #4fbbbd;
    }

    .filter-date .endDate .icon {
        left: 15px;
    }

.media-ned-filter {
    background: none;
    margin-bottom: 0;
}

.filter-date-one .startDate {
    width: 100% !important;
    padding: 0;
}


.filter-date.filter-date-one {
    display: block;
}


.filter-date-one .icon {
    left: 15px;
}

/*flex cols*/

.col-flex-items-3 .media-center-box .item {
    width: calc(33.3333% - 2px);
    margin-right: 1px;
    margin-bottom: 2px;
    margin-left: 1px;
}

.col-flex-items-3 .media-center-box {
    margin: 0 -1px;
}



.media-center-box-2 .item .panel .item-img {
    background: #fff;
}

.media-center-box-2 .item .panel-body {
    width: 100%;
    position: relative;
    top: 0;
    background: none;
    max-width: 100%;
    padding: 30px !important;
    z-index: 99;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    flex-grow: 1;
}

.media-center-box-2 .panel-content {
    position: static;
    padding: 0;
    margin-bottom: 15px;
    background: none;
    border-bottom: 1px solid rgba(0, 0, 0, .028);
    padding-bottom: 15px;
    flex: 1;
}

.media-center-box-2 .item:before {
    padding-bottom: 0px;
}

.media-center-box-2 .item .panel {
    position: static;
    display: flex;
}

.media-center-box-2 .panel-content h5 {
    margin-bottom: 0;
}

.content-section .media-center-box-2 .panel.panel-default .panel-body h5 {
    margin-bottom: 0;
}

.content-section .media-center-box-2 .panel-content:after {
    opacity: 0;
}



/**********/
.media-center-box.media-center-box-2 {
    /* flex-flow: column wrap; */
    /* max-height: 600px; */
    /* display: flex; */
    /* width: 100%; */
}

    .media-center-box.media-center-box-2 .item {
        /* overflow: hidden; */
        /* border-radius: 5px; */
        /* margin: 0 0 8px 8px; */
        /* background-color: #333; */
        /* color: white; */
        /* position: relative; */
        /* width: 33.33333%; */
        background: #efefef;
        display: flex;
    }



        .media-center-box.media-center-box-2 .item .panel .item-img:before {
            background: #000;
        }

.media-center-box-2 .item:hover .panel .item-img {
    /* background: #002447; */
    /* transition: .5s all; */
}

.media-center-box.media-center-box-2 .item:hover .panel .item-img:before {
    background: none;
}


.content-section .media-center-box.media-center-box-2 .panel.panel-default .panel-heading a:before {
    opacity: 0 !important;
}

.media-center-box.media-center-box-2 .item:hover .panel-body {
    transform: none;
}

    .media-center-box.media-center-box-2 .item:hover .panel-body .panel-content a {
        color: #fff;
    }

.media-center-box.media-center-box-2 .item:hover {
    color: #fff;
    background: #002447;
}

.content-section .media-center-box.media-center-box-2 .item:hover .panel .panel-footer {
    color: #fff;
}

    .content-section .media-center-box.media-center-box-2 .item:hover .panel .panel-footer .date {
        color: inherit;
    }


.content-section .media-center-box.media-center-box-2 .panel.panel-default .panel-heading a {
    z-index: 999;
    background: none;
}


/* hover */
.media-center-box.media-center-box-2 .panel-body .date {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 400;
}

.media-center-box-2 .item .panel-body .panel-content h5 a {
    color: #333;
    font-size: 24px;
    font-weight: 400;
    transition: .1s all;
}

.media-center-box.media-center-box-2 .item:hover .panel-body .date {
    color: #fff;
}

.pagination > li:first-child > a:hover,
.pagination > li:last-child > a:hover {
    background: #fff;
    color: #002447;
}



/* events */
.event-meta {
    margin: -15px -15px 5px 0;
    background: #4fbbbd;
    padding: 10px;
    display: block;
    padding-right: 15px;
}

.content-section .panel.panel-default .panel-body .event-meta .date {
    color: #fff;
}

.content-section .panel.panel-default .panel-body .event-meta .position {
    color: #fff;
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
}

    .content-section .panel.panel-default .panel-body .event-meta .position:before {
        content: "\f3a3";
        font-size: 16px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
        margin-top: 1px;
        font-family: 'icon54com' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.media-center-box.media-center-box-3 .panel-content:after {
    opacity: 0;
}

/*news -ads -event details*/
.sidebar-box {
    margin: 0px -15px 0;
    background: #f1f1f1;
    padding: 60px 15px 0px;
    height: 100%;
    padding-bottom: 60px;
}


    .sidebar-box .box-title.heading .btn-archive-link {
        float: left;
        padding-right: 20px;
        padding-left: 20px;
        color: #666;
        font-weight: 400;
        font-size: 14px;
        border-color: #4fbbbd;
        margin-top: 8px;
    }

    .sidebar-box .box-title.heading:after {
        width: 100%;
        height: 2px;
    }

.headline {
    line-height: 1.32;
    margin-top: 0;
}

.sub-headline {
    line-height: 24px;
    font-size: 20px;
    color: #666;
}


.article-meta-box .date {
    color: #999;
    margin-top: 8px;
    display: inline-block;
}

.article-meta-box .share-box a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-left: 10px;
}

.article-meta-box .share-box {
    margin: 20px 0;
    float: left;
    margin-top: 0;
}


    .article-meta-box .share-box a.share-facebook {
        background: #3b5998;
    }


    .article-meta-box .share-box a.share-twitter {
        background: #1da1f2;
    }


    .article-meta-box .share-box a.share-print {
        background: #ec1a2e;
    }

    .article-meta-box .share-box a:last-child {
        margin-left: 0;
    }

    .article-meta-box .share-box a:hover {
        opacity: .7;
    }

.content-section.article-details {
    margin-top: 0;
}

    .content-section.article-details .article-side {
        padding-left: 30px;
        padding-top: 60px;
    }



.sidebar-item .img-box.show {
    display: block;
    width: 80px;
}

.sidebar-item .media-heading a {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    display: block;
    line-height: 1.5;
    margin-top: -5px;
}


.content-section.article-details {
    margin-top: 0;
    padding-bottom: 0;
}

    .content-section.article-details .article-side {
        padding-left: 30px;
        padding-top: 60px;
        padding-bottom: 60px;
    }



.sidebar-item .img-box.show {
    display: block;
    width: 80px;
}

.sidebar-item .media-heading a {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    display: block;
    line-height: 1.5;
    margin-top: -5px;
}

.sidebar-box .box-title.heading .btn-archive-link:hover {
    background: #002447;
    color: #fff;
    border-color: #002447;
}


.sidebar-item .media-heading a:hover {
    text-decoration: underline;
}

.sidebar-item .box-title.heading {
    margin-bottom: 0;
}

.sidebar-item .media {
    margin-top: 20px;
}




.sidebar-item + .sidebar-item,
.sidebar-box .views-element-container + .views-element-container {
    margin-top: 50px;
}

.media-style-2 .date {
    font-size: 18px;
    color: #666;
    display: block;
    margin-bottom: 5px;
}

.media-style-2 .media-heading a {
    color: #333;
}

.hero-image {
    margin-bottom: 30px;
}

    .hero-image figcaption.caption {
        color: #666;
        font-size: 12px;
    }

.article-desc {
    font-size: 15px;
    line-height: 1.9;
    padding-left: 30px;
}



.article-meta-box + .article-desc {
    margin-top: 30px;
}


.article-desc + .article-meta-box {
    border-top: 3px solid #4fbbbd;
    margin-top: 30px;
    padding-top: 15px;
}


.article-tags h3 {
    margin: 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-left: 5px;
}

.article-tags a {
    display: inline-block;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 2px 15px;
    font-size: 12px;
    background: #fff;
    margin-top: 4px;
}

    .article-tags a:hover {
        background: #4fbbbd;
        color: #fff;
        border-color: #4fbbbd;
    }

.article-source {
    margin-top: 15px;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 5px 10px;
    font-size: 13px;
}

    .article-source span {
        display: inline-block;
    }

        .article-source span:first-child {
            font-size: 24px;
            position: relative;
            top: 1px;
            padding-left: 2px;
        }

        .article-source span.title {
            font-weight: 700;
        }


.filter-date,
.filter-date + div {
    display: inline-block;
    width: auto;
}


.filter-box .btn {
    margin-top: 0 !important;
    margin-right: 15px;
    background: #fff;
    color: #4fbbbd;
    border-color: #ededed;
    padding-left: 30px;
    padding-right: 30px;
}

.article-tags + .btn {
    display: inline-block;
    width: auto;
    align-self: flex-start;
}

.article-tags-cont {
    display: flex;
    margin-top: 20px;
}

    .article-tags-cont .article-tags a {
        margin-top: 5px;
        cursor: pointer;
        margin: 5px 3px 0 3px;
    }


    .article-tags-cont .article-tags {
        align-self: center;
    }

.top-filters .filter-box {
    margin: 0 -15px;
}


.top-filters-search-tariffs.top-filters .filter-box {
    margin: 0;
}

.top-filters-search-tariffs.top-filters {
    padding: 15px 0;
}


#more-tags-cont .article-tags-cont {
    margin: 0;
}

#more-tags-cont .well {
    border: 0;
    box-shadow: none;
    margin: 15px 0 0;
    padding-top: 15px;
}


.more-tags-close {
    display: none;
}

.more-tags-btn[aria-expanded="true"] span {
    display: none;
}

    .more-tags-btn[aria-expanded="true"] span.more-tags-close {
        display: block;
    }


.more-tags-btn[aria-expanded="true"] {
    background: #002447;
    border-color: #002447;
    color: #fff;
}

.article-details-in {
    background: #fff;
}

.content-section.article-details .article-details-in .article-side {
    padding-left: 0;
}

    .content-section.article-details .article-details-in .article-side .hero-article-image {
        margin: 0 -8.3333%;
    }

.article-details-more {
    padding-bottom: 60px;
}

/***********/
.content-section.none-bg-section {
    margin-top: 0;
    padding-top: 60px;
    background: #fff;
}

.content-section.services-section.services-section-2.none-bg-section {
    background: none;
}

.sidebar-box.sidebar-box-mini {
    margin: 0;
    padding: 0;
    background: none;
}


.sidebar-box-list {
    list-style-type: none;
    padding: 15px 0;
    margin: 0;
}

    .sidebar-box-list li a {
        display: inline-block;
        color: #333;
        margin-bottom: 15px;
        font-size: 14px;
    }

        .sidebar-box-list li a:hover {
            color: #4fbbbd;
        }

.sidebar-box.sidebar-box-mini .sidebar-item .box-title.heading {
    font-size: 24px;
    line-height: 1.45;
}

.hr-divider {
    display: block;
    height: 3px;
    background: #4fbbbd;
    margin: 30px 0;
}


/*tables*/
table.tabel-custom thead th {
    font-size: 15px;
    background-color: #fbfcfd;
    color: #000;
    margin-bottom: 16px;
    border: none;
    border-bottom: 3px solid #4fbbbd;
    padding: 12px 6px;
    font-weight: 700;
    vertical-align: top;
    border-top: 1px solid #ddd !important;
}



table.tabel-custom tbody td {
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 12px 6px;
    color: #000;
}

table.tabel-custom tbody td {
    border-left: 1px solid #ccc;
}



    table.tabel-custom tbody td .code-box {
        background: rgba(0, 0, 0, .08);
        padding: .2em .6em;
        border-radius: .3em;
        font-size: 13px;
        line-height: 1.2;
        color: #fff;
        font-weight: 700;
        display: inline-block;
        background: #4fbbbd;
        white-space: nowrap;
    }


.content-right-bd {
    border-right: 2px solid #4fbbbd;
    padding-right: 30px;
}

table.tabel-custom tbody td:last-child {
    border-left: 0;
}

.table-responsive + .pagination-nav .pagination {
    margin-top: 30px;
}


table.tabel-custom thead th:hover {
    background: #f1f1f1;
}


/************/
.content-box + .content-box {
    margin-top: 100px;
}


.inline-btn .btn {
    display: inline-block;
    width: auto;
    margin-left: 10px !important;
}

.top-filters .filter-box .inline-btn {
    margin-top: 27px;
}


/*media photo , video*/
.photos-meta,
.video-meta {
    position: absolute;
    bottom: 100%;
    right: 0;
    background: #4fbbbd;
    color: #fff;
    padding: 5px 15px 5px 15px;
}

    .photos-meta span,
    .video-meta span {
        display: inline-block;
    }

    .photos-meta .photos-num-icon,
    .video-meta .video-num-icon {
        font-size: 18px;
        position: relative;
        top: 1px;
        margin-left: 4px;
    }

    .photos-meta .photos-num,
    .video-meta .video-time {
        font-size: 16px;
        font-weight: 500;
    }

    .photos-meta .photo-num-title,
    .video-meta .video-time-title {
        font-size: 14px;
        position: relative;
        top: -1px;
    }

.hero-video {
    margin: 0 -8.3333%;
    margin-bottom: 30px;
}


.hero-video-cont {
    background: #2e3d49;
}

    .hero-video-cont .article-details-in {
        background: #2e3d49;
        padding: 20px 0 20px 0;
        border: 1px solid rgba(255, 255, 255, .05);
    }

        .hero-video-cont .article-details-in .hero-video {
            margin-bottom: 0;
        }


    .hero-video-cont + .container .article-details-in {
        padding-top: 20px;
    }


.hero-video .embed-responsive-16by9 {
    padding-bottom: 50.25%;
    width: 100%;
}


.photos-details .media-center-box .item:hover .panel-body {
    transform: none;
}


.photos-details .media-center-box .item .panel .item-img:before {
    z-index: 9;
}


.photos-meta .photos-num-icon.zoom {
    font-size: 24px;
    margin: 0;
    position: absolute;
    top: -100%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    background: #4fbbbd;
    padding: 10px 15px;
    transition: .5s all;
}


a.photos-meta {
    bottom: auto;
    left: -100%;
    transform: none;
    right: auto;
    transition: .5s all;
}

.media-center-box .item .panel a.photos-meta {
    left: 0 !important;
    z-index: 66;
    bottom: 0;
    top: 0;
    right: 0;
    background: none;
    opacity: 0;
}


a.photos-meta:hover {
    background: #002447;
    color: #fff;
}



.media-center-box .item:hover .panel a.photos-meta {
    opacity: 1;
}

.media-center-box .item:hover .photos-meta .photos-num-icon.zoom {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -100%, 0);
    margin-top: -15px;
}



.content-section.photos-details .article-side {
    padding-top: 60px;
    padding-bottom: 30px;
}


.content-section.photos-details.article-details {
    padding-bottom: 60px;
}


html[lang="ar"] .lg-outer .lg-inner {
    direction: ltr;
}

html[lang="ar"] .lg-outer .lg-thumb-item {
    float: right;
}



/* mag page*/
.mag-section .media-center-box .item:before {
    padding-bottom: 100%;
}

.mag-section .media-center-box .item .panel .item-img:before {
    z-index: 9;
}

.mag-section .photos-meta .photos-num-icon.zoom {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.media-center-box .item .article-meta-box {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 9;
    transition: .5s all;
    opacity: 0;
    transform: translateY(100%);
}

    .media-center-box .item .article-meta-box .share-box {
        float: none;
        padding-top: 0;
        margin: 0;
    }

.media-center-box .item:hover .article-meta-box {
    bottom: 50%;
    right: 0;
    left: 0;
    opacity: 1;
}

/**************/
/*footable*/

.footable-pagination-wrapper .divider,
.footable-pagination-wrapper .divider + .label {
    display: none;
}


.photos-details .media-center-box .item:hover .photos-meta .photos-num-icon.zoom {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    margin-top: 0;
}

/*polls*/
.poll-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-right: 0 !important;
}

    .poll-list li {
        margin-bottom: 15px;
        display: block;
    }



    .poll-list .progress {
        margin-top: 10px;
    }

    .poll-list .progress {
        height: 28px;
        margin-bottom: 20px;
        background-color: #f8f8f8;
        border-radius: 4px;
        box-shadow: none;
        width: 50%;
        padding: 5px;
        border: 1px solid #efefef;
    }


.progress-none .progress-bar {
    float: none;
    margin: auto;
}

.progress-bar {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    box-shadow: none;
    border-radius: 4px;
}

/*search*/
.search-re {
    padding: 15px 0;
    border: 1px solid #eee;
    border-left: 0;
    border-right: 0;
    margin-top: 15px;
    font-size: 16px;
}

    .search-re span {
    }


    .search-re span {
        color: #4fbbbd;
        font-weight: 500;
    }


.custom-box-title {
    font-size: 24px;
    font-weight: 700;
    border-top: 4px solid #002447;
    border-bottom: 1px solid #ddd;
    padding: 12px 0;
    margin-top: 45px;
    margin-bottom: 15px;
}


    .custom-box-title a {
        color: #fff;
        background: #4fbbbd;
        font-size: 15px;
        float: left;
    }

        .custom-box-title a.more-re {
            border: 0;
            color: white;
            font-size: 16px;
            padding: 10px 30px;
            background: #122960;
            outline: 0;
            margin-top: 20px;
        }

        .custom-box-title a:hover {
            background: #fff;
            color: #4fbbbd;
        }


    .custom-box-title span {
        display: inline-block;
    }



.content-section-top-search {
    padding-bottom: 0;
}

    .content-section-top-search + .content-section {
        margin-top: 0;
    }


.services-box-others h3.title {
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}

.services-box ul li h3 {
    font-size: 16px;
}

.services-box-others p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.search-results-cont .content-section {
    padding-bottom: 0;
}

    .search-results-cont .content-section:last-child {
        padding-bottom: 60px;
    }





/*****/
.search-results-cont .search-results-cont-from {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #eee;
    padding: 15px 15px 20px 15px;
    margin-bottom: 30px;
}

.search-results-cont .quick-links-search-cont input.form-control.quick-links-search {
    color: #000;
    border-color: #4fbbbd;
    border-radius: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 15px;
}

.search-results-cont .quick-links-search-cont label {
    font-size: 24px;
    color: #4fbbbd;
}

.search-results-cont .quick-links-search-cont button {
    color: #000;
}

.search-results-cont .quick-links-search-cont {
    margin-bottom: 0;
}

    .search-results-cont .quick-links-search-cont.active .help-block {
        margin-bottom: 0;
    }


    .search-results-cont .quick-links-search-cont input:focus + label {
        top: -5px;
    }



.content-policy-section .box-title.heading {
    margin-bottom: 15px;
    margin-top: 50px;
}



/**************************/
/*bootstrap-datetimepicker*/
/**************************/

.bootstrap-datetimepicker-widget {
    border: 1px solid #4fbbbd;
    border-radius: 6px;
    margin-top: 20px;
    font-size: 15px;
    font-weight: 600;
    padding: 10px;
    width: 350px;
    z-index: 889 !important;
}

    .bootstrap-datetimepicker-widget.dropdown-menu.top {
        margin-bottom: 13px;
    }

    .bootstrap-datetimepicker-widget.top:before {
        border-width: 10px 10px 0px 10px;
        border-top-color: #4fbbbd;
        bottom: -10px;
    }

    .bootstrap-datetimepicker-widget.bottom:before {
        border-width: 0 10px 10px 10px;
        top: -10px;
        border-bottom-color: #4fbbbd;
        left: 30%;
        right: auto;
    }

    .bootstrap-datetimepicker-widget.top:after {
        border-width: 9px 9px 0px 9px;
        bottom: -9px;
        z-index: 99;
        margin-left: 0px;
    }

    .bootstrap-datetimepicker-widget.bottom:after {
        border-width: 0 9px 9px 9px;
        top: -9px;
        z-index: 99;
        left: 30%;
        margin-left: 1px;
        right: auto;
    }

    .bootstrap-datetimepicker-widget .dow {
        font-weight: 600;
        font-size: 15px;
    }

    .bootstrap-datetimepicker-widget td.active,
    .bootstrap-datetimepicker-widget td.active:hover {
        background-color: #4fbbbd;
    }

/**************************/
/*bootstrap-datetimepicker*/
/**************************/

/**************************/
/*footable*/
/**************************/



tr.footable-filtering th {
    background: #fff !important;
    border: 0 !important;
}

.footable-filtering-search {
    width: 100%;
}

    .footable-filtering-search .input-group {
        width: 100% !important;
    }

    .footable-filtering-search .input-group-btn .btn {
        /* padding-left: 15px; */
        /* padding-right:  15px; */
    }

        .footable-filtering-search .input-group-btn .btn:first-child {
            /* border-radius:  0 !important; */
            height: 44px;
            border: 1px solid #ededed;
            background: #fff;
            color: #4fbbbd;
        }



        .footable-filtering-search .input-group-btn .btn.dropdown-toggle {
            height: 44px !important;
            padding-top: 0;
            padding-left: 20px;
            padding-right: 20px;
            border-color: #ededed;
        }

table.footable.tabel-custom .footable-filtering th form {
    background: #f1f3f5 !important;
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 5px;
}

table.footable .input-group-btn {
    padding-right: 15px !important;
}

table.footable .form-inline .input-group > .form-control {
    border-radius: 4px;
}

.footable-filtering-search .input-group-btn.open .btn {
    border-color: #4fbbbd;
}

/*droplist filter*/
.form-group.footable-filtering-search .checkbox label {
    padding-right: 25px;
    position: relative;
    line-height: 1;
}

    .form-group.footable-filtering-search .checkbox label::after {
        top: 3px;
    }


.form-group.footable-filtering-search ul.dropdown-menu.dropdown-menu-right {
    box-shadow: 0 5px 30px 5px rgba(69, 79, 91, 0.2);
    border-color: #03ab98;
    border-radius: 0 0 6px 6px;
    right: 14px;
    margin-top: -3px;
    z-index: 888;
}

.footable-filtering-search .input-group-btn .btn:first-child:hover {
    background: #4fbbbd;
    color: #fff;
}

/**************************/
/*footable*/
/**************************/

html.collapse-fixed-full-show {
    overflow: hidden;
}



.heading-tb {
    display: block;
    margin-bottom: 10px;
}

.heading-tb-title {
    font-size: 15px;
    color: #000;
    font-weight: 700;
    padding-left: 15px;
    transition: .5s all;
    cursor: pointer;
}

    .heading-tb-title:hover {
        color: #4fbbbd;
    }



.content-section.collapse-section .panel.poll-panel .poll-btn-cont a {
    color: #fff;
    background-color: #4fbbbd;
    border-color: #4fbbbd;
    font-weight: 400;
    padding: .1em 3em .15em;
    border-radius: 30px;
    line-height: 2.3;
    border: 1px solid #4fbbbd;
    font-size: 16px;
    font-weight: 700;
    box-shadow: none;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.content-section.collapse-section .panel.poll-panel .poll-btn-cont {
    padding-top: 10px;
}



.poll-btn-cont button {
    padding: 0;
    border: 0;
}


.content-section.collapse-section .panel.poll-panel .poll-btn-cont a:hover {
    color: #4fbbbd;
    border-color: #4fbbbd;
    background: #fff;
}


.lg-outer .lg-inner {
    direction: ltr;
}

/************/
.poll-list li .js-form-item {
    margin-bottom: 10px;
    font-size: 15px;
}

    .poll-list li .js-form-item label.option:before {
        top: 5px;
    }

    .poll-list li .js-form-item label.option:after {
        top: 8px;
    }

    .poll-list li .js-form-item label.option {
        padding-right: 25px;
    }



.level .procedure-btn {
    padding: 0em;
    border-radius: .3em;
    font-size: 20px;
    margin-left: 5px;
    color: #00bd9a;
    display: inline-block;
    line-height: 1;
}


.article-tags > div > div,
.article-tags > div {
    display: inline-block;
}


.hero-video .embed-responsive.embed-responsive-16by9 article > div div:first-child {
    display: none;
}


/*********************/
.content-section.error-section {
    position: relative;
    width: 100%;
    text-align: center;
    /* background: #324352; */
    color: #fff;
    padding: 0;
    margin: 0 0 0 0;
    padding-top: 70px;
    z-index: 1;
}

.error-block-cont:after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    opacity: .25;
    content: attr(data-err);
    font-size: 25em;
    font-weight: 700;
    z-index: 0;
    line-height: 1;
    display: block;
    margin-top: -40px;
}

.error-block-cont {
    position: relative;
    width: 100%;
    min-height: 80vh;
    z-index: 10;
}



.error-block-cont-img {
    position: absolute;
    width: 100%;
    min-height: 80vh;
    z-index: 9;
    background: url(../../../IMAGES/zatcaRevamp/ship.png) no-repeat;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}




.error-block-cont h2 {
    margin-top: 0;
    font-size: 48px;
    font-weight: 700;
}

.error-block-cont-in {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 9;
}

.error-block-cont h3 {
    font-size: 32px;
    font-weight: 700;
    margin: 30px 0 60px 0;
}

#map {
    width: 100%;
    height: 500px;
}


.hero-video .embed-responsive.embed-responsive-16by9 {
    background: #000;
}


/*************/
/*login*/

.login-cont {
    min-height: 100vh;
    background: #324352;
    padding-top: 60px;
    position: relative;
}



.user-login-form-cont {
    width: 70%;
    background: #fff;
    padding: 40px 60px 40px;
    margin: auto;
    box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.07);
    border-top: 6px solid #05af9b;
    position: relative;
}


.user-login .inner-page {
    background: none;
}

.user-login-form input {
    background: none;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    color: #999;
    margin-bottom: 5px;
    line-height: 1.428571429;
    padding: 6px 12px;
    transition: .5s all;
    height: 44px;
    border-width: 1px;
    border-color: rgba(0, 29, 61, .15);
    border-style: solid;
    border-radius: 3px;
    font-weight: 400;
    width: 100%;
}

.user-login label {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 18px;
}

.user-login .description {
    font-size: 14px;
    color: #666;
}

.user-login .js-form-item {
    margin-bottom: 20px;
}

.user-login .user-login-form input.js-form-submit {
    background: #000;
    color: #fff;
    background-color: #4fbbbd;
    border-color: #4fbbbd;
    padding: .315em 3em .4em;
    font-size: 14px;
    font-weight: 400;
    padding: .1em 3em .15em;
    border-radius: 30px;
    line-height: 2.3;
    border: 1px solid #4fbbbd;
    font-weight: 500;
    box-shadow: none;
    width: auto;
}

    .user-login .user-login-form input.js-form-submit:hover {
        color: #4fbbbd;
        background: #fff;
    }

.user-login .form-actions {
    padding-top: 15px;
    display: block;
}



.user-login h3.box-title {
    margin-bottom: 5px;
}

.user-login .heading {
    margin-bottom: 30px;
    /* text-align:  center; */
}


/*
.user-login
{
	background: url(../img/bg3.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	position:  relative;
}

*/

body.dark-top.login-cont.loaded {
    background: url(../img/bg3.jpg) no-repeat #324352;
    background-size: cover;
    background-position: 50% 50%;
}


.user-login:before {
    content: "";
    background: #324352;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .9;
    z-index: 0;
}

/*admin dashboard*/
.admin-login-top-header {
    background: #121314;
    color: #fff;
}

    .admin-login-top-header .user-logout {
        float: left;
        display: inline-block;
    }

    .admin-login-top-header .user-title {
        display: inline-block;
    }


.admin-login-top-header {
    background: #121314;
    color: #fff;
    padding: 10px 5px;
}

    .admin-login-top-header .user-logout {
        float: left;
        display: inline-block;
    }

    .admin-login-top-header .user-title {
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
    }

    .admin-login-top-header .user-logout a {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        line-height: 1;
        display: block;
    }

        .admin-login-top-header .user-logout a span {
            display: inline-block;
            line-height: 1;
        }

            .admin-login-top-header .user-logout a span.icon_v1 {
                position: relative;
                top: 2px;
            }

        .admin-login-top-header .user-logout a:hover {
            color: #4fbbbd;
        }

.admin-link-box {
    color: #00263e;
    font-weight: 700;
    display: block;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    padding: 0;
    flex: 1;
    background: #fff;
    overflow: hidden;
}

.admin-top-box {
    text-align: center;
    padding: 15px;
    font-size: 44px;
    color: #4fbbbd;
}

.content-section.services-section.admin-links-section {
    background: #fff;
}

.admin-bot-box {
    background: rgb(250, 248, 245);
}

    .admin-bot-box .title {
        color: #333;
        padding: 8px 12px;
        /* text-align:  center; */
    }

    .admin-bot-box ul {
        border-top: 1px solid #efebe3;
        font-size: 0;
        margin: 0;
        padding: 0;
    }

        .admin-bot-box ul li a {
            font-size: 14px;
            font-weight: 400;
            border: 0;
            background: none;
            padding: 10px 12px;
            border-radius: 0;
        }

        .admin-bot-box ul li {
            display: inline-block;
            width: 50%;
            text-align: center;
            margin: 0;
            padding: 0;
        }

            .admin-bot-box ul li:first-child a {
                border-left: 1px solid #efebe3;
            }

.admin-top-box .icon {
    display: block;
}

.admin-top-box .title {
    margin-top: 10px;
    color: #333;
}

/***************/
.level-item-opts .item-opt-actions {
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #e9e9e9;
    padding-right: 15px;
    position: relative;
}

    .level-item-opts .item-opt-actions > * {
        display: inline-block;
    }

.level .procedure-btn i {
    display: inline-block;
    line-height: 1;
}

/*******************/

.inner-page .box-title p:first-child {
    margin: 0;
}


.heading-sub:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #4fbbbd;
    text-align: center;
    margin: 20px 0 0;
}

.heading-sub.green {
    position: relative;
    padding-top: 30px;
    margin-top: 0;
}

.heading-sub.primary:after {
    background: #4fbbbd;
}

.heading-sub.secondary:after {
    background: #002447;
}


.heading-quote {
    font-size: 21px;
    position: relative;
    margin-right: 100px;
    border-right: 5px solid #e3e3e3;
    padding-right: 30px;
}

    .heading-quote:before {
        font-family: 'icon54com' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\eef5";
        position: absolute;
        right: -100px;
        font-size: 64px;
        color: #4fbbbd;
    }

/***************/

.content-section .num-conts-inner .title {
    display: inline-block;
    border-bottom: 3px solid #00af99;
    padding-bottom: 10px;
    padding-left: 60px;
    font-size: 22px;
    font-weight: 500;
}

.content-section .num-conts-inner .num + tile span {
    display: block;
}

.content-section .num-conts-inner .num + .tile .stat-symbol {
    display: block;
    margin-top: 5px;
}

.content-section .num-conts-inner .num + .tile {
    line-height: 1;
    font-size: 13px;
    font-weight: 700;
    padding-right: 10px;
}

.content-section .num-conts-inner .content-in {
    padding-top: 5px;
}



.content-section .num-conts-inner .media {
    width: 100%;
}



.content-section.content-section-bg-1 {
    background: url(../img/bg-1.png) no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    padding-top: 60px;
}

    .content-section.content-section-bg-1 .box-title.heading {
        color: #fff;
    }

.heading-sub-title small {
    font-size: 21px;
    color: #777;
}


.panel-default > .panel-heading + .panel-collapse > .panel-body ul li a {
    color: #333;
    text-decoration: underline;
}

    .panel-default > .panel-heading + .panel-collapse > .panel-body ul li a:hover {
        color: #4fbbbd;
        text-decoration: none;
    }


/**************/
.important-links-cont.services-box ul li a {
    display: flex;
    flex-direction: column;
}

    .important-links-cont.services-box ul li a span.icon {
        flex: 1;
        text-align: center;
        align-items: center;
        align-content: center;
        background: #fff;
        padding: 15px;
        display: flex !important;
        flex-direction: column;
    }

    .important-links-cont.services-box ul li a img {
        margin: auto;
    }



ul.poll-list legend {
    padding-bottom: 15px;
    border-color: #eeeeee;
}

ul.poll-list + div > div .button {
    margin-left: 15px;
}



ul.details-list.v-align-top li {
    vertical-align: top;
}

.box-3-section li {
    padding: 10px 0 10px 10px;
}


.panel-default > .panel-heading + .panel-collapse > .panel-body .services-box ul li a {
    text-decoration: none;
}


/***************/
/*most-links-box*/

.most-links-box {
    position: relative;
    z-index: 9;
    text-align: center;
}


    .most-links-box .tab-content > .tab-pane {
        display: block !important;
        opacity: 0;
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        bottom: -15px;
    }

        .most-links-box .tab-content > .tab-pane.active {
            opacity: 1;
            z-index: 1;
            position: static;
        }


    .most-links-box ul.nav.nav-tabs li a {
        display: block;
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 10px;
        color: #fff;
        background: #00253D;
        font-size: 18px;
        text-align: center;
        font-size: 14px;
        padding: 10px;
        font-weight: 700;
    }

    .most-links-box .nav-tabs > li {
        float: none;
        display: inline-block;
        width: 50%;
    }



    .most-links-box .nav-tabs {
        position: relative;
        z-index: 2;
        margin-bottom: 15px;
    }



        .most-links-box .nav-tabs > li:first-child a {
            border-radius: 0 10px 10px 0 !important;
        }

        .most-links-box .nav-tabs > li:last-child a {
            border-radius: 10px 0px 0 10px !important;
        }


        .most-links-box .nav-tabs > li a > span:before {
            font-size: 36px;
        }
















    .most-links-box .item {
        margin-bottom: 15px;
        padding-left: 0;
        /* display: flex; */
        /* flex-direction: row; */
        /* flex-wrap: wrap; */
        /* height: 100%; */
        /* flex-grow: 1; */
        /* flex-direction: column; */
        display: flex;
        flex-direction: column;
        float: none;
        padding-right: 0;
        /* margin-top:  15px; */
    }

        .most-links-box .item a {
            color: #00263e;
            font-weight: 700;
            display: block;
            border: 1px solid rgba(0, 0, 0, .05);
            border-radius: 6px;
            padding: 15px;
            flex: 1;
            /* height: 100%; */
            background: #fff;
            border: 1px solid rgba(255, 255, 255, .08);
            border-radius: 10px;
            color: #fff;
            background: rgba(0, 37, 61, 0.85);
        }

        .most-links-box .item .icon {
            margin-bottom: 10px;
            display: block;
        }


            .most-links-box .item .icon span:before {
                font-size: 3rem;
            }


        .most-links-box .item h3 {
            font-size: 14px;
            line-height: 1.55;
            position: relative;
            margin: 0;
            font-weight: 500;
        }

        .most-links-box .item .icon span {
            display: block;
            position: relative;
            z-index: 999;
        }


.main-area-cont-2 .main-area {
    margin-top: 20vh;
}






.most-links-box .owl-nav {
    position: relative;
    margin: 0 -4px 15px 0 !important;
    height: auto;
    top: 1px;
    z-index: 0;
}

.most-links-box .owl-carousel .owl-nav button.owl-next,
.most-links-box .owl-carousel .owl-nav button.owl-prev {
    color: #fff !important;
    display: inline-block;
    background: #00253d !important;
    padding: 5px 10px !important;
    border: 1px solid rgba(255, 255, 255, .08);
}

.most-links-box .owl-nav button span {
    display: block;
    font-size: 15px;
}

.most-links-box .owl-carousel .owl-nav button.owl-prev {
    border-radius: 0px 10px 10px 0px;
}

.most-links-box .owl-carousel .owl-nav button.owl-next {
    border-radius: 10px 0px 0px 10px;
    margin-right: -1px;
}

.most-links-box .item a:hover {
    color: #4fbbbd;
}


.most-links-box ul.nav.nav-tabs li a:hover,
.most-links-box ul.nav.nav-tabs li.active a {
    background: #fff;
    color: #4fbbbd;
}



.most-links-box .owl-carousel .owl-nav button:hover {
    background: #fff !important;
    color: #4fbbbd !important;
}


.most-links-box .owl-carousel .owl-nav button:focus {
    outline: 0;
    box-shadow: none;
}



.most-links-box .owl-carousel .owl-nav button.disabled {
    opacity: .5;
    cursor: default;
    background: #00253d !important;
    color: #fff !important;
}


/**********/

.filter-box .btn-danger {
    color: #d9534f;
    margin-right: 10px !important;
}


    .filter-box .btn-danger:hover {
        border-color: #d9534f;
    }

.filter-box-btn-p {
    padding-top: 27px;
}



table.tabel-th-custom tr th {
    font-size: 15px;
    background-color: #fbfcfd;
    color: #000;
    margin-bottom: 16px;
    border: none;
    border-bottom: 3px solid #4fbbbd;
    padding: 12px 6px;
    font-weight: 700;
    vertical-align: top;
    border-top: 1px solid #ddd !important;
    white-space: nowrap;
}

table.tabel-custom tbody tr:first-child td {
    border-top: 1px solid #ccc;
}



table.tabel-custom tbody tr:first-child th {
    border-top: 3px solid #4fbbbd !important;
}



table.tabel-th-custom tr td {
    padding: 12px 15px;
    font-size: 15px;
    white-space: nowrap;
}


/********************/
.e-srv-result-item {
    display: flex;
    flex-direction: row;
    transition: .5s all;
}

    .e-srv-result-item:hover {
        background: #f5f5f5;
    }

    .e-srv-result-item .e-srv-result-side {
        width: 33%;
        font-size: 15px;
        background-color: #fbfcfd;
        color: #000;
        border: none;
        border-bottom: 3px solid #4fbbbd;
        padding: 12px 6px;
        font-weight: 700;
        vertical-align: top;
    }

.e-srv-result-content {
    flex: 1;
    padding: 12px 15px;
    font-size: 15px;
    white-space: nowrap;
    border-bottom: 1px solid #ccc;
}

.e-srv-result-item:first-child .e-srv-result-side {
    border-top: 3px solid #4fbbbd;
}

.e-srv-result-item:first-child .e-srv-result-content {
    border-top: 1px solid #ccc;
}


.e-srv-result-cont {
    margin-bottom: 30px;
}

/*****************/
/*user login page*/
/*****************/
.user-login-cont .user-login-form-cont {
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 2px 3px 0 rgba(117, 124, 129, 0.12);
    max-width: 630px;
    border-top: 1px solid #dbe2e8 !important;
    border: 1px solid #dbe2e8;
    width: 70%;
}

body.dark-top.login-cont.user-login-cont {
    background: #f4f4ef;
}

    body.dark-top.login-cont.user-login-cont .user-login:before {
        opacity: 0;
    }


.user-login-form-cont .form-control {
    box-shadow: 0 2px 2px 0 rgba(46, 60, 73, 0.05) !important;
}


.user-login-form-cont .btn {
    margin-top: 15px;
    /* display:  block; */
    /* width:  100%; */
    margin-bottom: 20px;
}

.user-reset-username,
.user-reset-pass {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-left: 30px;
    color: #002447;
    cursor: pointer;
}



.user-signup-cont {
    border-top: 1px solid #dbe2e8;
    margin-top: 30px;
}

    .user-signup-cont h3 {
        font-weight: 400;
    }

    .user-signup-cont p {
        font-size: 15px;
    }

    .user-signup-cont a {
        padding: .1em 3em .15em;
        border-radius: 30px;
        line-height: 2.3;
        border: 1px solid #002447;
        font-size: 15px;
        font-weight: 500;
        box-shadow: none;
        display: inline-block;
        color: #002447;
        margin-top: 15px;
    }

        .user-signup-cont a:hover {
            background: #002447;
            color: #fff;
            border-color: #002447;
        }






.user-login-modal .modal-content {
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 15px 0 rgba(46, 60, 73, 0.2);
}

.modal-backdrop {
    background: rgba(46, 60, 73);
}

    .modal-backdrop.in {
        opacity: .7;
    }


.user-login-modal .modal-header {
    border: 0;
}


.user-login-modal .modal-body {
    text-align: center;
    padding: 0 50px;
}


    .user-login-modal .modal-body h3 {
        font-weight: 400;
        margin-bottom: 30px;
        font-size: 32px;
    }


.user-login-modal .reset-pass-desc p {
    margin: 0;
    font-size: 15px;
    margin-top: 10px;
    color: #666;
    padding: 0 15px;
}


.user-login-modal .rest-pass-modal-footer {
    margin: 30px -50px 0;
    background: #f4f4ef;
    padding: 30px 15px 0;
}


    .user-login-modal .rest-pass-modal-footer .form-control {
        box-shadow: 0 2px 2px 0 rgba(46, 60, 73, 0.05);
        margin: 0;
    }


.modal-content {
    border: 0;
    border-radius: 0;
    box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
}

.modal-backdrop {
    background: rgba(46, 60, 73);
}

    .modal-backdrop.in {
        opacity: .7;
    }

.modal-header {
    border: 0;
    padding-bottom: 0.5rem;
}

.modal-body {
    text-align: right;
    padding: 0 50px;
}

    .modal-body h3 {
        font-weight: 400;
        margin-bottom: 30px;
        font-size: 32px;
    }

.reset-pass-desc p {
    margin: 0;
    font-size: 15px;
    margin-top: 10px;
    color: #666;
    padding: 0 15px;
}

.rest-pass-modal-footer {
    margin: 30px -50px 0;
    background: #f4f4ef;
    padding: 15px 30px;
}

    .rest-pass-modal-footer .form-control {
        box-shadow: 0 2px 2px 0 rgba(46, 60, 73, 0.05);
    }



@media (min-width: 768px) {
    .modal-user-login {
        width: 750px;
    }
}


.user-login-modal .rest-pass-modal-footer button.btn.btn-danger {
    margin-right: 10px !important;
}

.user-login-modal .rest-pass-modal-footer .form-group {
    margin: 0;
}

.user-reset-username:hover,
.user-reset-pass:hover {
    color: #4fbbbd;
}



.rest-pass-modal-footer .filter-box-btn .btn {
    width: 100%;
}

.rest-pass-modal-footer .filter-box-btn {
    padding-left: 15px !important;
}

.rest-pass-modal-footer .reset-footer-bot {
    margin: 30px -15px 0;
    text-align: right;
    padding: 15px;
    background: rgba(0, 0, 0, 0.02);
}


body.dark-top.login-cont.user-login-cont .scroll-fixed.navbar.navbar-default.nav-fixed.nav-show {
    position: static;
}



/*****************/
/*e-srv page*/
.filter-sort-cont.filter-sort-srv-cont ul > li > div:hover a,
.filter-sort-cont.filter-sort-srv-cont > ul > li.active > div {
    background: #002447;
    color: #fff;
}

.e-services-section .services-box ul li a {
    font-size: 14px;
}


.filter-sort-cont.filter-sort-srv-cont ul.filters-list.fi-cat-list {
    flex-direction: row;
    flex-wrap: nowrap;
    flex: 1;
    align-self: baseline;
}


.filter-sort-cont.filter-sort-srv-cont ul.filters-list.a-z-list li {
    flex: 1;
}

.filter-sort-cont.filter-sort-srv-cont ul.filters-list.a-z-list {
    max-width: 80%;
}




li.filter-list-view-type .title {
    padding: 15px;
    font-size: 16px;
    font-weight: 700;
    transition: .5s all;
    box-shadow: none !important;
}

li.filter-list-view-type > * {
    display: inline-block;
}

li.filter-list-view-type > div {
    cursor: pointer;
}


/*view gallery*/
ul#filter-list-cont.gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -30px !important;
}

    ul#filter-list-cont.gallery li {
        display: flex;
        width: calc(33.333% - 30px);
        flex-direction: column;
        padding-left: 30px;
        border: 1px solid rgba(0, 0, 0, .05) !important;
        border-radius: 6px;
        padding: 30px 30px;
        margin-left: 30px;
        margin-bottom: 30px;
    }

        ul#filter-list-cont.gallery li a:first-child {
            flex: none;
        }

ul#filter-list-cont li a.btn-more {
    flex: 0;
    width: auto !important;
}

ul#filter-list-cont.gallery li p {
    flex: 1;
}


.filter-search-cont .icon {
    top: 13px;
}

/*******************/
/*new user*/
.phone-num-cont {
    position: relative;
}

    .phone-num-cont span {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(221, 221, 221, 0.35);
        padding: 9px 16px;
        font-weight: 500;
        border-radius: 4px 0 0 4px;
    }

    .phone-num-cont input {
        padding-left: 80px;
    }


ul.nav.nav-tabs.step-anchor li.done a {
    background: #4fbbbd;
    color: #fff;
    z-index: 0;
}

ul.nav.nav-tabs.step-anchor li a {
    background: #ddd;
    position: relative;
    z-index: -1;
}


ul.nav.nav-tabs.step-anchor {
    display: flex;
    border-bottom: 3px solid #002447;
    margin-bottom: 15px;
    margin-left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    z-index: 0;
}

    ul.nav.nav-tabs.step-anchor li.active a,
    ul.nav.nav-tabs.step-anchor li a:hover {
        background: #002447;
        color: #fff;
        z-index: 1;
    }

    ul.nav.nav-tabs.step-anchor li a,
    ul.nav.nav-tabs.step-anchor li {
        margin: 0;
        border: 0;
        border-radius: 0;
        margin: 0;
    }


    ul.nav.nav-tabs.step-anchor li {
        float: none;
        display: inline-flex;
        flex: 1;
        padding: 0 10px;
    }

        ul.nav.nav-tabs.step-anchor li a {
            width: 100%;
            font-size: 16px;
            font-weight: 700;
            transition: .5s all;
            color: #002447;
        }

        ul.nav.nav-tabs.step-anchor li:first-child {
            margin-right: -10px;
        }

        ul.nav.nav-tabs.step-anchor li:last-child {
            margin-left: -10px;
        }

.sw-main .sw-container {
    background: #fff;
    border: 1px solid #ededed;
    padding: 30px;
    margin-top: 15px;
    border-radius: 0;
}

.sw-main .step-content > h2 {
    margin-top: 0;
    padding-bottom: 30px;
}

.sw-main .step-content label {
    font-weight: 500;
    margin-bottom: 6px;
}

.sw-main .sw-toolbar {
    background: #002447;
    margin: 0;
    margin-top: 15px;
    border: 1px solid #ededed;
    padding: 15px;
}

    .sw-main .sw-toolbar .btn-group.sw-btn-group {
        text-align: center;
        margin: 0 auto;
        display: block;
        width: 100%;
    }

        .sw-main .sw-toolbar .btn-group.sw-btn-group .btn {
            float: none;
            display: inline-block;
            margin: auto;
            font-size: 14px;
            background: #fff;
        }


.help-block.with-errors {
    font-size: 14px;
}


.radio-cont .radio-inline,
.radio-cont .checkbox-inline {
    padding-right: 0;
    padding-left: 20px;
}

.radio-cont label {
    padding-right: 25px;
    font-size: 14px;
}

.sw-main .sw-toolbar .btn-group.sw-btn-group .btn:hover {
    background: #4fbbbd;
    color: #fff;
    border-color: #4fbbbd;
}



#form-step-3 .btn-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1;
    margin-top: 30px;
}

    #form-step-3 .btn-group .btn {
        float: none;
        flex: 1;
        box-shadow: none;
        background: none;
        color: #002447;
        border-color: #ededed;
        padding: 15px;
        font-weight: 500;
        transition: .5s all;
    }

        #form-step-3 .btn-group .btn:hover {
            background: #002447;
            color: #fff;
        }

        #form-step-3 .btn-group .btn.active {
            background: #4fbbbd;
            color: #fff;
            border-color: #4fbbbd;
        }

#form-step-3 .checkbox a {
    font-size: 14px;
    position: relative;
    color: #000;
    top: -6px;
    padding-right: 11px;
    display: inline-block;
}

#form-step-3 .checkbox {
    padding-right: 0;
}



.sw-main .sw-toolbar .btn-group.sw-btn-group.last button.btn.btn-secondary.sw-btn-prev {
    border-radius: 4px !important;
}



#form-step-3 .filter-box-btn-p .btn {
    margin-left: 10px !important;
}



/* Nashed Update */

.formContainer {
    background-color: inherit;
    padding: 15px;
    border: 0px solid #ccc;
}

.filters-main-cont .nav-tabs > li {
    float: inherit;
    text-align: right;
}

.hvr-bounce-to-top:before {
    content: none;
}


/* Nashed Upadate 9-8-2018 */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #002447;
    background-color: inherit;
    border: 0px !important;
    font-weight: bold;
}

    .nav-tabs > li.active > a:after {
        content: '';
        display: block;
        width: 30px;
        height: 6px;
        background: #4fbbbd;
        text-align: center;
        margin: 20px 0 20px;
    }

.step-anchor.nav-tabs > li.active > a:after {
    content: none;
}


.groupingContent {
    padding-top: 2rem;
    border: 0px solid #ccc;
}

.panel {
    background-color: inherit;
}

input[type=button].btn-primary,
input[type=reset].btn-primary,
input[type=submit].btn-primary,
button.btn-primary {
    background-color: #4fbbbd;
    border: 1px solid;
}

    .hvr-bounce-to-top:hover,
    input[type=submit].btn-primary:hover {
        background-color: #fff;
        color: #4fbbbd;
        border: 1px solid #4fbbbd;
    }

.ServiceIcon {
    display: none;
}


.tabbable {
    font-family: inherit;
}

    .tabbable .nav.nav-tabs,
    .releaseGoodsTabs {
        float: right;
        width: 100%;
    }

        .tabbable .nav-tabs > li.active > a:after,
        .releaseGoodsTabs.nav-tabs > li.active > a:after {
            content: none;
        }

.content-section .tabbable .panel.panel-default .panel-heading {
    padding: 15px;
    background: #00b09b;
    margin-top: 15px;
    color: #ffffff;
}


.user-login-form-cont {
    margin-top: 5%;
}

.FastLinksMargin.testhead ul.dropdown-menu li {
    display: block;
    border-bottom: 1px solid #ececec;
    padding: 5px 0px;
}

    .FastLinksMargin.testhead ul.dropdown-menu li:before {
        content: none !important;
    }

    .FastLinksMargin.testhead ul.dropdown-menu li a {
        color: #333 !important;
    }

.nav.nav-pills.nav-justified.thumbnail li {
    float: inherit;
}

span.alert {
    display: block;
}

.newFixStyle {
    background: #fff;
}

    .newFixStyle .panel {
        background: #F8F8F8;
    }

.releaseGoodsTabs.nav-tabs > li.active > a {
    color: #4fbbbd !important;
    background-color: #fff;
}

.releaseGoodsTabs.nav-tabs > li > a {
    color: #fff !important;
    background-color: #002447;
}

.newFixPanel {
    padding: 15px 0px 10px 0px;
    background-color: #f8f8f8;
}

/* ------------------------------------------- Balagh 17-10-2018 -----------------------------------------------*/

div#divCurresntData {
    background-color: #fff;
    padding: 5px 20px;
}

.balaghUserInfo,
.balaghListDetails {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding: 20px 0px;
    margin-bottom: 30px;
    border: 1px solid #eee;
    margin: 15px;
    width: calc(100% - 30px);
}

    .balaghListDetails .control-label {
        text-align: left;
    }

input[type=button].btn-primary,
input[type=reset].btn-primary,
input[type=submit].btn-primary,
button.btn-primary {
    padding: .1em 3em .15em;
}

.collapse-section .panel.panel-default .panel-title:hover a {
    color: #1b8354;
}


div.compliantAndReport {
    display: inline-block;
    width: 46.5%;
    vertical-align: top;
    margin: 4% 1%;
    box-shadow: 3px 3px 10px 4px #f8f8f8;
    min-height: 435px;
}

.secuirtyBalag {
    color: #a94442;
    text-align: center;
    font-size: 6em;
}

div.compliantAndReport:hover {
    background-color: #00253d;
}

    div.compliantAndReport:hover p {
        color: #fff;
    }



div.compliantAndReport h4 {
    display: inline-block;
    width: 100%;
    background-color: #00253d;
    text-align: center;
    color: #fff;
    padding: 4%;
    font-size: 1.6em;
    margin: 0rem 0rem 3rem 0rem;
}

div.compliantAndReport.secBalag h4 {
    background: #a94442;
}




div.compliantAndReport img {
    margin: 5% auto;
    max-width: 125px;
}



div.compliantAndReport p {
    padding: 0px 10px;
    color: #00253d;
    margin: 5%;
    text-align: center;
    font-size: 1em;
}

.btn.btn-primary.applyReport {
    margin: 2% auto 5% auto;
    display: inline-block;
    /* width: 100px; */
}



/********************************** update panels ***************************/
.collapse-section .panel-title a {
    border: 1px solid #eee;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 1px solid #eee;
    border-top: none !important;
}

.panel-group .panel > .panel-heading a::before {
    content: "\f107";
    font-family: fontawesome;
    color: #4fbbbd;
    padding-left: 16px;
    font-size: 1.5em;
}

.policyLink {
    text-decoration: underline;
    color: #306ea7;
    font-weight: bold;
}



.sub_title {
    margin-top: 2em;
    margin-bottom: 1em;
}

.fix-form-group {
    display: inline-block;
    width: 100%;
    margin: 15px 0px 0px;
}

.request-type {
    text-align: center;
}

.request-type-block {
    color: #002447;
    border: 1px solid #eee;
    padding: 3em;
}

    .request-type-block i.fa {
        font-size: 4em;
    }

.request-type:hover .request-type-block {
    color: #4fbbbd;
    border: 1px solid #4fbbbd;
}


.top-filters-fix {
    background: #f8f8f8;
    margin-bottom: 2em;
}


.feild_value {
    color: #999;
    font-weight: bold;
}

.port-fix .col-sm-2.control-label {
    display: none;
}

.port-fix .col-sm-3 {
    width: 100%;
    padding: 0px;
}


.ms-dialog section.inner-cover-sec,
.ms-dialog .header-main {
    display: none;
}

.ms-dialog .fixJumbotron {
    padding: 30px 0px;
    background-color: #fff;
}

.fixWell {
    background: #fff;
    padding: 1em;
}

    .fixWell .heading {
        text-align: right;
        margin-bottom: 1em;
    }

.input-group-addon:first-child {
    border: 0px !important;
}

.registeration_container .fixWell .groupingContent {
    box-shadow: none;
}


/* balagh update 12-11-2019 */

.dangerColumn a {
    border: 1px solid #d9534f;
    color: #d9534f;
    padding: 5px 1em;
    border-radius: 15px;
    margin-top: 10px;
    display: inline-block;
}

    .dangerColumn a:before {
        content: '\f1f8';
        display: inline-block;
        padding-left: 3px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.balagRightMenu {
    position: absolute;
    right: 0px;
    background: #fff;
    width: 16%;
    margin-right: 2%;
    border-radius: 10px;
    padding: 0px 5px;
    height: 66.5%;
}

@media screen and (max-width: 1400px) {
    .balagRightMenu {
        position: relative;
        width: 98%;
        margin-right: 1%;
    }
}


.menuTitle {
    font-size: 1.4em;
    text-align: center;
    padding: 0.25em;
    background: #002447;
    color: #fff;
    margin: 0px -5px 15px -5px;
    border-radius: 10px;
}

.menuItem {
    font-size: 1em;
    text-align: right;
    padding: 0.5em;
    background: #eee;
    color: #002447;
    margin-bottom: 15px;
}

.fixSearch {
    background: #fff;
    margin-bottom: 15px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.btn-link-sort a:after {
    content: '\f0dc';
    display: inline-block;
    padding-right: 3px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

th.btn-link-sort {
    width: 11%;
}

.thCenter tr th {
    text-align: center;
}

a.setting-opt.setting-collapse {
    margin-left: -15px;
}

a.setting-opt img {
    margin: 23px 10px;
}

a.search-opt {
    padding: 0px 10px;
}



.select2-container {
    width: 100% !important;
}

h4.required:before {
    content: "*";
    color: rgba(180, 35, 24, 1);
    padding-inline-end: 0.25rem;
}

.bayanCard {
    background: #002447;
    color: #fff;
    text-align: center;
    padding: 15px 10px;
    margin-bottom: 10px;
}

    .bayanCard i {
        color: #4fbbbd;
        font-size: 2em;
        margin-top: 10px;
        margin-bottom: -5px;
        display: block;
    }

    .bayanCard h4 {
        font-size: 0.8em;
        color: #4fbbbd;
    }

/* Timeline */
.timeline,
.timeline-horizontal {
    list-style: none;
    padding: 20px;
    position: relative;
}

    .timeline:before {
        top: 40px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline .timeline-item {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline .timeline-item:before,
        .timeline .timeline-item:after {
            content: "";
            display: table;
        }

        .timeline .timeline-item:after {
            clear: both;
        }

        .timeline .timeline-item .timeline-badge {
            color: #fff;
            width: 54px;
            height: 54px;
            line-height: 52px;
            font-size: 22px;
            text-align: center;
            position: absolute;
            top: 18px;
            left: 50%;
            margin-left: -25px;
            background-color: #7c7c7c;
            border: 3px solid #ffffff;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

            .timeline .timeline-item .timeline-badge i,
            .timeline .timeline-item .timeline-badge .fa,
            .timeline .timeline-item .timeline-badge .glyphicon {
                top: 13px;
                left: 15px;
                position: absolute;
            }

            .timeline .timeline-item .timeline-badge.primary {
                background-color: #002447;
            }

            .timeline .timeline-item .timeline-badge.info {
                background-color: #002447;
            }

            .timeline .timeline-item .timeline-badge.success {
                background-color: #002447;
            }

            .timeline .timeline-item .timeline-badge.warning {
                background-color: #4fbbbd;
            }

            .timeline .timeline-item .timeline-badge.danger {
                background-color: #002447;
            }

        .timeline .timeline-item .timeline-panel {
            position: relative;
            width: 46%;
            float: left;
            right: 16px;
            border: 1px solid #c0c0c0;
            background: #ffffff;
            border-radius: 2px;
            padding: 10px;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline .timeline-item .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -16px;
                display: inline-block;
                border-top: 16px solid transparent;
                border-left: 16px solid #c0c0c0;
                border-right: 0 solid #c0c0c0;
                border-bottom: 16px solid transparent;
                content: " ";
            }

            .timeline .timeline-item .timeline-panel .timeline-title {
                margin-top: 0;
                color: inherit;
                font-size: 0.9em;
            }

            .timeline .timeline-item .timeline-panel .timeline-body > p,
            .timeline .timeline-item .timeline-panel .timeline-body > ul {
                margin-bottom: 0;
            }

                .timeline .timeline-item .timeline-panel .timeline-body > p + p {
                    margin-top: 5px;
                }

        .timeline .timeline-item:last-child:nth-child(even) {
            float: right;
        }

        .timeline .timeline-item:nth-child(even) .timeline-panel {
            float: right;
            left: 16px;
        }

            .timeline .timeline-item:nth-child(even) .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-horizontal {
    list-style: none;
    position: relative;
    padding: 20px 0px 20px 0px;
    display: inline-block;
}

    .timeline-horizontal:before {
        height: 3px;
        top: auto;
        bottom: 26px;
        left: 56px;
        right: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .timeline-horizontal .timeline-item {
        display: table-cell;
        height: 170px;
        width: 16%;
        min-width: 210px;
        float: none !important;
        padding-left: 0px;
        padding-right: 20px;
        margin: 0 auto;
        vertical-align: bottom;
    }

        .timeline-horizontal .timeline-item .timeline-panel {
            top: auto;
            bottom: 64px;
            display: inline-block;
            float: none !important;
            left: 0 !important;
            right: 0 !important;
            width: 100%;
            margin-bottom: 20px;
        }

            .timeline-horizontal .timeline-item .timeline-panel:before {
                top: auto;
                bottom: -16px;
                left: 28px !important;
                right: auto;
                border-right: 16px solid transparent !important;
                border-top: 16px solid #c0c0c0 !important;
                border-bottom: 0 solid #c0c0c0 !important;
                border-left: 16px solid transparent !important;
            }

        .timeline-horizontal .timeline-item:before,
        .timeline-horizontal .timeline-item:after {
            display: none;
        }

        .timeline-horizontal .timeline-item .timeline-badge {
            top: auto;
            bottom: 0px;
            left: 43px;
        }

img.Captcha {
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .latest-tabs ul.nav.nav-tabs {
        display: block;
    }

    .left-login-container {
        border-left: 0px !important;
        border-bottom: 1px solid #4fbbbd
    }
}



/* update time-line cases 05-01-2021 */
.timeline-horizontal .timeline-item.doneStatus .timeline-panel {
    color: #fff;
    background-color: #002447;
}

.timeline-horizontal .timeline-item.activeTLItem .timeline-panel {
    color: #fff;
    background-color: #4fbbbd;
}

.timeline-horizontal .timeline-item.doneStatus .timeline-panel:before {
    border-top: 16px solid #002447 !important;
    border-bottom: 0 solid #002447 !important;
}

.timeline-horizontal .timeline-item.activeTLItem .timeline-panel:before {
    border-top: 16px solid #4fbbbd !important;
    border-bottom: 0 solid #4fbbbd !important;
}


.link-icon {
    color: #fff;
    background-color: #002447;
    border: 1px solid #002447;
    padding: 0.3em 0.7em;
    border-radius: 10px;
}

    .link-icon:hover {
        color: #002447;
        background-color: #fff;
        border: 1px solid #002447;
    }

h3.form-value {
    color: #999;
    font-size: 1.1em;
    margin: 0px 0px 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.mt20 {
    margin-top: 20px;
}

.mt40 {
    margin-top: 40px;
}

/* ruling 07-03-2021 */
.btn.btn-outline-primary {
    color: #4fbbbd;
    border: 1px solid #4fbbbd;
}

    .btn.btn-outline-primary:hover {
        color: #fff;
        border-color: #4fbbbd;
        background-color: #4fbbbd;
    }

input[type=button],
input[type=reset],
input[type=submit],
button {
    min-width: inherit;
    border: inherit;
    margin-right: inherit;
    font-family: inherit;
    font-size: inherit;
    padding: 0.5rem 1rem;
}

.btn-danger:hover {
    /* color: #d9534f !important; */
    background-color: #FEE4E2 !important;
   /*  border: 1px solid #d43f3a !important; */
}

.searchFieldsPanel {
    background-color: #f8f8f8;
    padding: 1em;
    border-radius: 5px;
    border: 1px solid #eee;
}


.btns-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .btns-container input {
        margin: 0px 10px;
    }


.list-esrv-subMenu {
    margin-bottom: 15px;
}

.dark-top .main-nav-list-normal li .list-esrv-subMenu a {
    border: 0px;
    color: #00253d;
    display: block;
    padding: 8px 0;
    margin: 0;
}

    .dark-top .main-nav-list-normal li .list-esrv-subMenu a:before {
        content: none;
    }

    .dark-top .main-nav-list-normal li .list-esrv-subMenu a:hover {
        text-decoration: underline;
    }

.dark-top .main-nav-list-normal li .all-srv-menu {
    margin-top: 50px;
    padding: 3px 35px !important;
    font-size: 17px;
    text-decoration: normal;
}

    .dark-top .main-nav-list-normal li .all-srv-menu:before {
        height: 0px;
    }

    .dark-top .main-nav-list-normal li .all-srv-menu:hover {
        color: #24cbb8;
    }


.left-login-container,
.right-login-container {
    padding: 30px;
    font-size: 13px
}

    .right-login-container img {
        max-width: 200px;
        margin: auto;
    }

    .left-login-container img {
        max-width: 200px;
        margin: 20px auto 30px;
    }

.left-login-container {
    border-left: 1px solid #4fbbbd
}



/************************************* broker 23-08-2021*******************/
.table-sm {
    font-size: 0.85em;
}

.rbProgramType td,
.rbAttendCourse td,
.rbExamAttended td {
    display: block;
}

    .rbProgramType td label,
    .rbAttendCourse td label,
    .rbExamAttended td label {
        font-weight: 400;
    }

.rbProgramType input[type=radio],
.rbAttendCourse input[type=radio],
.rbExamAttended input[type=radio] {
    margin: 0px 0px 0px 4px;
}

.chkBxAcceptance input[type=checkbox] {
    margin: 0px;
}

.onlyArabicMsg {
    color: red;
    font-size: 0.8em;
    position: absolute;
    top: 10px;
    left: 15px;
}

.onlyNumberMsg {
    color: #d9534f;
    font-size: 0.8em;
    position: absolute;
    top: 10px;
    left: 15px;
}

.onlyTextMsg {
    color: #d9534f;
    font-size: 0.8em;
    position: absolute;
    top: 10px;
    left: 15px;
}

/*************************************** refund 31-8-2021 ***********************/
/* .well-title {
    background: linear-gradient( -90deg,#024693,#0094d3);
    color: #fff;
    padding: 1rem;
    margin: -15px -16px 15px;
    font-weight: bold;
} */

/************************ gov fasah 06-09-2021 *******************************/
.gov-fasah {
    display: inline-block;
    width: 100%;
}

    .gov-fasah h3.panel-title {
        background-color: #002447;
        color: #fff;
        padding: 1.2rem;
        margin: -15px -16px 0;
    }

    .gov-fasah .panel {
        /* border: 1px solid #f8f8f8; */
        display: inline-block;
        width: 100%;
        /* padding: 15px; */
        background-color: #fff;
    }

    .gov-fasah .panel-body.for-fasah {
        display: flex;
        align-items: center;
        min-height: 100px;
    }

a.table-action.table-action-3 {
    background-color: #4fbbbd;
    color: #fff;
    border: 1px solid #4fbbbd;
    border-radius: 5px;
    padding: 0 8px 4px;
    display: flex;
}

    a.table-action.table-action-3:hover {
        background-color: #fff;
        color: #4fbbbd;
        border: 1px solid #4fbbbd;
    }

/* .d-flex {
    display: flex;
    justify-content: center;
    align-items: center;
} */

.justify-content-between {
    justify-content: space-between;
}

.gov-fasah .DataPager {
    text-align: center;
}

.gov-fasah .panel-collapse .panel-body {
    display: inline-block;
    width: 100%;
}

.fixInferentialType .col-sm-2.control-label {
    display: none;
}

.fixInferentialType .col-sm-4 {
    width: 100%;
}

.gov-fasah .TriLabelControl input[type=checkbox] {
    margin: 0 4px 0;
}

#msform {
    position: relative;
    /* margin-top: 20px */
}

    #msform fieldset .form-card {
        background: white;
        border: 0 none;
        border-radius: 0px;
        padding: 0;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        position: relative;
        text-align: right;
    }

    #msform fieldset {
        border: 0 none;
        border-radius: 0.5rem;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        padding-bottom: 20px;
        position: relative
    }

        #msform fieldset:not(:first-of-type) {
            display: none
        }







.step-container {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative
}


#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
   /*  color: lightgrey; */
    text-align: center;
    display: flex;
    flex-direction: column;
    /* align-content: start; */
    justify-content: start;
    align-items: flex-start;
}

    #progressbar .active strong {
        color: #1F2A37;
    font-weight: 500;
    }
     #progressbar  strong {
        color: #6C737F;
    font-weight: 400;
    line-height: 1.5rem;
	    max-width: 100%;
    display: inline-block;
	text-align:start;
	  margin-top: 5px;
    }
	
     #progressbar .done-step strong {
        color: #1F2A37;
    font-weight: 400;
	  
    }

    #progressbar li {
        list-style-type: none;
        font-size: 16px;
        /* width: 25%; */
        float: right;
        position: relative;
        z-index: 9;
		    display: flex
;
    align-items: flex-start;
    }

        #progressbar li:last-child:after {
            content: none;
        }

    #progressbar #step01:before {
        content: "1"
    }

    #progressbar #step02:before {
        content: "2"
    }

    #progressbar #step03:before {
        content: "3"
    }

    #progressbar #step04:before {
        content: "4"
    }

    #progressbar #step05:before {
        content: "5"
    }

    #progressbar #step06:before {
        content: "6"
    }

    #progressbar #step07:before {
        content: "7"
    }

    #progressbar #step08:before {
        content: "8"
    }

    #progressbar #step09:before {
        content: "9"
    }

    #progressbar #step10:before {
        content: "10"
    }

    #progressbar #step11:before {
        content: "11"
    }

    #progressbar #step12:before {
        content: "12"
    }



    #progressbar li:before {
        width: 32px;
        height: 32px;
        line-height: 26px;
        display: inline-block;
        font-size: 16px;
        color: rgba(210, 214, 219, 1);
        background: #f8f8f8;
        border-radius: 50%;
        margin: 0 10px 48px;
        padding: 2px;
        border: 2px solid rgba(210, 214, 219, 1);
		    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
    }

    #progressbar li:after {
        content: '';
        width: 2px;
        height: 48px;
        background: lightgray;
        position: absolute;
        /* left: 0; */
        top: 32px;
        z-index: -1;
        right: 25px;
		height:100%;
    }

    #progressbar li.active:before,
    #progressbar li.active:after {
        border-color: #1b8354;
        color: #1b8354;
        /* background: #333; */
        font-weight: 500;
    }
     #progressbar li:before{
        background-color: #fff;
     }

    #progressbar li.done-step:before,
    #progressbar li.done-step:after {
        border-color: #1b8354;
        color: #fff;
        background: #1b8354;
        font: normal normal normal 14px / 24px FontAwesome;
    }

    #progressbar li.done-step:before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0121 0.971697C11.2118 1.16237 11.2192 1.47886 11.0285 1.67861L4.02851 9.01195C3.93555 9.10933 3.80726 9.16511 3.67264 9.16667C3.53803 9.16824 3.40847 9.11546 3.31328 9.02026L0.979943 6.68693C0.784681 6.49167 0.784681 6.17508 0.979943 5.97982C1.1752 5.78456 1.49179 5.78456 1.68705 5.97982L3.65851 7.95128L10.3052 0.988137C10.4958 0.788388 10.8123 0.781027 11.0121 0.971697Z' fill='%23161616' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    }

.ref-number {
    background: #F3F3F3;
    border-radius: 15px;
    margin-top: 1rem;
    padding: 1rem;
    font-weight: 700;
}

.steps-well {
    margin-top: 30px;
    background-color: #fff;
    position: relative;
}

    .steps-well .title {
        display: inline-block;
        padding: 5px 15px;
        background-color: #fff;
        position: absolute;
        top: -30px;
    }


.btn-group-lg > .btn,
.btn-lg {
    padding: .2em 4em .25em !important;
    font-size: 18px !important;
}

.mr10 {
    margin-right: 10px !important;
    ;
}

.fixHugriFromTo {
    padding-left: 0px;
}

    .fixHugriFromTo .form-group .DateFrom,
    .fixHugriFromTo .form-group .DateTo {
        width: 50%;
    }

    .fixHugriFromTo .form-group {
        display: inline-block;
        width: 100%;
    }

    .fixHugriFromTo .col-sm-2.control-label {
        display: block;
        width: 100%;
        font-weight: bold;
        font-size: 16px;
        margin-top: 0px;
        margin-bottom: 10px;
        text-align: right;
    }

    .fixHugriFromTo .control-label:after {
        content: none;
        padding-right: 0px;
    }

/**************** Reject 21-09-2021 **********************/

a.reject-card {
    padding: 2em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 10px;
    color: #002447;
    text-align: center;
    min-height: 300px;
}

    a.reject-card:hover {
        background-color: #002447;
        color: #fff;
    }

    a.reject-card img {
        max-height: 150px;
    }

.newsletter {
    position: relative;
    font-size: 14px;
}

    .newsletter input {
        border: none;
        border-radius: 2px;
        width: 100%;
        padding: 8px 15px;
    }

    .newsletter button {
        border: none;
        background: rgb(0, 36, 71);
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        padding: 8px 20px;
        border-radius: 2px;
    }

.quick_links {
    padding: 0px 1em;
}

    .quick_links ul {
        display: flex;
        flex-wrap: wrap;
    }

        .quick_links ul li {
            list-style: none;
            width: 50%;
            margin-bottom: 20px
        }

            .quick_links ul li a {
                color: #fff;
                font-size: 1.1em;
                font-weight: bold;
            }

                .quick_links ul li a:hover {
                    color: #002447;
                }

a.complaints_btn {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    display: block;
    background: rgba(255, 255, 255, .1);
    padding: 8px;
}

    a.complaints_btn:hover {
        background: #002447;
    }

.contact {
    background: url(../../../IMAGES/zatcaRevamp/contact24.png) no-repeat;
}

    .contact .footer-title {
        margin-bottom: 15px;
    }

    .contact ul li {
        list-style: none;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 600;
    }


.eServices-gallery .time-text span {
    color: #1b8354 !important;
}

.eServices-gallery .time-text {
    position: absolute;
    z-index: 2;
    font-weight: bold;
    text-align: center;
}

.eServices-gallery .description22.col-md-2 {
    border-right: 1px #eee solid;
    min-height: 5em;
    padding: 0em 2em;
}

    .eServices-gallery .description22.col-md-2 i.fa {
        display: block;
        font-size: 7em;
        color: rgba(221, 221, 221, 0.3);
        text-align: center;
        position: absolute;
        left: 0;
        z-index: 0;
        top: -20px;
    }

.eServices-gallery .time-text span {
    color: #00ae9a;
    display: block;
}

.eServices-gallery .clear-fix {
    clear: both;
}

.eServices-gallery .gallery .description22.col-md-2 {
    width: 100%;
    border-right: 0px;
    border-top: 1px #eee solid;
}

    .eServices-gallery .gallery .description22.col-md-2 i.fa {
        font-size: 5em;
        top: 10px;
    }

    .eServices-gallery .gallery .description22.col-md-2 .time-text {
        position: relative;
        margin-top: 1em;
    }

.eServices-gallery ul#filter-list-cont.gallery li p {
    display: inline-block;
    width: 100%;
    flex: inherit;
}


/********************************** traders fix *********************************/
.form-group::after,
.form-group::before {
    clear: both;
    content: "";
    display: table;
}

.radio-group {
    display: flex;
    align-items: center;
}

    .radio-group div {
        margin-left: 15px;
    }

.actions-btns {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    gap:1.5rem;
    margin-top: 1rem;
}

 /*    .actions-btns input[type='submit'],
    .actions-btns button {
        margin-inline-start: 0;
        margin-inline-end: 1rem;
    } */

h4 {
    font-size: 0.875rem;
    font-weight: 400;
    color: #161616;
    margin-bottom: 0.5rem;
    line-height: 1.25rem;
}


.bt-5 {
    border-top: 5px solid #024693;
}

.modal-body {
    padding: 10px 15px;
}

.custom-map-button {
    margin-top: 30px;
}

.errorMsg {
    color: #B42318 !important;
    font-size: 0.875rem;
    line-height: 20px;
    padding-top: 0.5rem;
}

.notAfterTodayMsg {
    display: none;
}

.requiredTest h4.required:after {
    content: "*";
    color: red;
}

.errorMsg::after {
    font: normal normal normal 14px/1 FontAwesome;
    /*  content: "\f0d7"; */
    display: block;
    text-align: center;
    margin-top: -3px;
}

.fixRadio input[type=radio] {
    margin: -4px 4px 0;
}


.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 44px;
    margin: 0;
    opacity: 0;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 44px;
    padding: .5rem .75rem;
    font-weight: 400;
    line-height: 2;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 44px;
    margin-bottom: 0;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 42px;
    padding: .5rem 1rem;
    line-height: 2;
    background-color: #e9ecef;
    left: 0;
    color: #495057;
    content: "اختر الملف";
    border-left: inherit;
    border-radius: 0 0 .25rem .25rem;
}

.attachments-link {
    display: block;
    padding: 8px 16px;
    color: #0093d2 !important;
    border: 1px solid #ddd;
    font-size: 1.1em;
    margin-bottom: 1em;
    border-radius: 10px;
}

    .attachments-link:hover {
        color: #0093d2 !important;
        border: 1px solid #0093d2;
    }

    .attachments-link i.fa {
        border: 1px solid #0093d2;
        padding: 6px;
        border-radius: 50%;
        font-size: 14px;
        float: left;
    }

.checkboxFix {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.commitmentCheck {
    width: 15px;
    height: 15px;
    margin: 0px 0px 0px 5px !important;
}


.fixInputs {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fixInputsName div {
    width: 24%;
    margin-left: 1%;
    position: relative;
}

    .fixInputsName div .errorMsg {
        top: -26px;
        left: 10px;
    }

.fixInputsPhone div:first-child {
    width: 83%;
    margin-left: 2%;
    position: relative;
}

    .fixInputsPhone div:first-child .errorMsg {
        top: -26px;
        left: 10px;
    }

.country-code {
    width: 15%;
    position: relative;
}

    .country-code .errorMsg {
        bottom: -15px;
        left: 0px;
        top: inherit;
    }

.MobileExample.errorMsg {
    width: 140px;
}

    .MobileExample.errorMsg::after {
        content: inherit;
        text-align: left;
    }

.longErrorMsg {
    color: #B42318;
    font-size: 0.85em;
    margin-top: -5px;
    line-height: 20px;
}

.zatca-loader {
    display: flex;
    position: fixed;
    z-index: 9999;
    top: 0;
    justify-content: center;
    align-items: center;
    background-color:rgba(77, 77, 77, 0.25);
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    flex-direction: column;
    color: #161616;
}
.spinner-border {
    border: 5px solid #f3f4f6 !important;
    border-bottom-color: #1b8354 !important;
    width: 2.75rem !important;
    height: 2.75rem !important;
}

.terms-link {
    color: #0093d3;
    text-decoration: underline;
}

.btn-sm {
    padding: 0.215em 2em 0.3em !important;
    line-height: 1.5 !important;
}


/************************** channel ***************************/
.comment-container {
    background: #f8f8f8;
    margin-bottom: 1em;
    padding: 1em;
    border-right: 5px solid #0093d2;
    position: relative;
}

    .comment-container .errorMsg {
        right: 5px;
        position: relative;
        top: -5px;
        line-height: 20px;
    }


        .comment-container .errorMsg::after {
            content: "";
        }

    .comment-container.replies {
        margin-right: 1em;
        padding: 0.5em;
        border-right: 5px solid #ccc;
    }

.comment-header {
    display: flex;
    justify-content: space-between;
    color: #777;
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.comment-date {
    direction: ltr;
}

    .comment-user::before,
    .comment-date::after,
    .comment-status::before {
        display: inline-block;
        padding-left: 5px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.comment-user::before {
    content: '\f2c0';
}

.comment-date::after {
    content: '\f073';
    padding-right: 5px;
}

.comment-status::before {
    content: '\f27b';
}

.all-comments .comment-container.replies:nth-child(n+4) {
    display: none;
}

a.showMoreBtn {
    color: #0093d2;
    width: 100%;
    text-align: center;
    font-size: 0.9em;
    margin-top: -15px;
}

div#s4-workspace {
    height: auto !important;
    width: auto !important;
}



.calc-container {
    padding: 2em 1em;
    background: #fff;
}

.calc-results {
    background-color: #03283f;
    color: #fff;
    padding: 4em 1em;
    border-radius: 15px;
}

.ms-rtestate-field .calc-results h4 {
    color: #fff;
}


.calc-results hr {
    margin-bottom: 3em;
}

.calatax-list {
    display: flex;
    flex-direction: row;
    list-style: none;
    flex-wrap: wrap;
    align-items: center;
}

    .calatax-list li {
        margin: 20px 0px 20px 30px;
    }

        .calatax-list li a {
            padding: 0.7em;
            border: 1px solid #00ae9a;
            cursor: pointer;
            color: #03283f;
            border-radius: 5px;
            font-weight: bold;
            background-color: #e0efed;
        }

.calatax-list_sub.calatax-list li a {
    padding: 0.5em 0.7em;
    background-color: #fff;
}

.calatax-list li a:hover,
.calatax-list li a.selected {
    color: #fff;
    background-color: #00ae9a;
}

.calatax-list_sub.calatax-list li a:hover,
.calatax-list_sub.calatax-list li a.selected {
    background-color: #03283f;
}

.calatax-list li a:hover .icon,
.calatax-list li a.selected .icon {
    background-color: #03283f;
    color: #fff;
}

.calatax-list_sub.calatax-list li a:hover .icon,
.calatax-list_sub.calatax-list li a.selected .icon {
    background-color: #fff;
    color: #00ae9a;
}

.calatax-list_sub.calatax-list li a .icon {
    background-color: #eee;
    color: #00ae9a;
}

.total-value {
    color: #ffb800 !important;
}

.calatax-list li a .icon {
    width: 40px;
    background-color: #fff;
    padding: 3px 7px;
    color: #03ab98;
    border-radius: 50%;
}

span.sar {
    padding-right: 20px;
}

.other-fees {
    margin-top: 1em;
}

    .other-fees li {
        list-style: none;
        color: #ccc;
        font-size: 0.8em;
    }

.calc_loader {
    width: 25px;
}

.unit {
    position: absolute;
    color: #666;
    font-size: 0.8em;
    top: 30px;
    left: 15px;
}

.alert.alert-warning:empty,
.groupingContent:empty {
    display: none;
}

.export-btns {
    display: flex;
    justify-content: end;
    margin: 1em;
}

.actions-btns.table-actions {
    flex-wrap: nowrap;
}

    .actions-btns.table-actions a.btn {
        border-radius: 8px;
        font-weight: 400;
        padding: 4px 12px;
        margin: 0 3px;
    }

.calendar-type-cont {
    display: flex;
    padding-right: 15px;
}


.border-top {
    border-top: 1px solid #ebebeb;
}

----------------------------------------Excise Goods--------------------------------------------- .inquiry-filter {
    border-radius: 5px;
    box-shadow: 0px 3px 10px 0px #e1e1e1;
}

.ExciseGoodsItemListContainer .text-light {
    color: #a9a9a9;
}

.ExciseGoodsItemListContainer .item-title {
    color: #0e2445;
    font-weight: bold;
}

.ExciseGoodsItemListContainer .well {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ExciseGoodsItemListContainer a:hover .well {
    border-color: #000;
}

.div-table-header {
    text-align: center;
    padding-right: 40px;
    padding-left: 40px;
}

    .div-table-header h4 {
        line-height: 1.3;
        color: #0e2445;
        font-weight: normal;
    }

.div-table-rows .row {
    width: 100%;
    text-align: center;
}

.flexdatalist-results li.active {
    background: #F3F4F6 !important;
     color: #161616 !important;
}

.ExciseGoodsItemListContainer svg {
    flex-shrink: 0;
}

.goods-tarrif-title {
    color: #0e2445;
}

@media screen and (max-width:768px) {
    .div-table-rows .row > div {
        justify-content: start;
        display: flex;
    }

    .border-bottom-xs-light {
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    #divExciseItems {
        padding: 0;
        border: 0;
        background: transparent;
    }

        #divExciseItems .well {
            background: #fff;
            color: #00386f;
            border-radius: 14px;
        }

    .div-table-rows .row {
        margin: 0;
    }

    .inquiry-filter .action-button {
        display: block;
        width: 100%;
        margin-bottom: 13px;
        margin-right: 0 !important;
    }
}

.div-table-header .tooltip-inner {
    font-size: 16px;
    width: 200px;
}

.div-table-header h4 i {
    margin-right: 5px;
}

.div-table-header h4 {
    display: flex;
    align-items: start;
    justify-content: center;
}

/* ----------------------------------------End Excise Goods--------------------------------------------- */
.ngErrorMsg {
    color: #d9534f;
    font-size: 0.75em;
    display: block;
    line-height: 20px;
}

/***************************  fixCapatcha ************************/
.fixCapatcha .col-sm-2.control-label {
    width: 100%;
    margin: 10px 0px;
}

    .fixCapatcha .col-sm-2.control-label:after {
        content: none;
    }

.fixCapatcha .col-sm-10 {
    width: 100% !important;
    padding-left: 0;
}

.fixCapatcha .form-control {
    margin-top: 10px;
}

.toggle-password {
    cursor: pointer;
    position: absolute;
    left: 16px;
    top: 10px;
    z-index: 9;
    color: #161616;
}

    .toggle-password:hover {
        color: #999;
    }

.position-relative {
    position: relative;
}


.list-unstyled .links-item a:after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: currentColor;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.list-unstyled .links-item a:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.list-inline a {
    transition: opacity 0.2s linear;
}

    .list-inline a:hover {
        opacity: 0.7;
    }


html.zoomIn {
    zoom: 1.2;
}

.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.2s ease;
}

.darkmode {
    -webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1);
    transition: all 0.2s ease;
}

.dashboardSettingsContainer.hidden-xs {
    position: absolute;
    z-index: 999;
    left: 15px;
    width: 30px;
    top: 20px;
}

.dashboard-body .user-controls {
    padding: 0 30px;
}

.btn.btn-nafath {
    padding: 10px 25px;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    color: #232323;
    margin: 0;
    font-weight: 400;
}

/**************************** New DGA 2024 **************************/
.menu-container {
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 767px) {
    .menu-container {
        max-width: 100%;
    }
}

/* @media screen and (min-width: 768px) { .menu-container { max-width: 740px; } } */
@media screen and (min-width: 992px) {
    .menu-container {
        max-width: 980px;
    }
}

@media screen and (min-width: 1200px) {
    .menu-container {
        max-width: 1140px;
    }
}

@media screen and (min-width: 1400px) {
    .menu-container {
        max-width: 1320px;
    }
}

.zatca-bg1 {
    background-color: #10386D;
}

.zatca-bg2 {
    background-color: #1D3761;
}

.zatca-header {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%
}

    .zatca-header ul {
        list-style: none;
        padding: unset;
        margin: unset;
    }

    .zatca-header a {
        font-size: 14px;
        color: white;
        text-decoration: none;
    }


    /* Top navs start */
    .zatca-header .top-nav {
        display: flex;
        justify-content: space-between;
        padding: 3px 0;
    }

        .zatca-header .top-nav .zatca-logo img {
            width: 284.36px;
            height: 65px;
        }

        .zatca-header .top-nav .quik-access-links {
            display: flex;
            align-items: center;
            gap: 16px;
        }

            .zatca-header .top-nav .quik-access-links .auth-btn-group {
                display: flex;
                background-color: rgba(255, 255, 255, 0.1);
                border-radius: 30px;
            }

                .zatca-header .top-nav .quik-access-links .auth-btn-group li {
                    padding: 0.5rem 1rem;
                    transition: 0.3s linear;
                }

                    .zatca-header .top-nav .quik-access-links .auth-btn-group li:last-child {
                        padding: 0;
                        transition: 0.3s linear;
                    }

                    .zatca-header .top-nav .quik-access-links .auth-btn-group li:first-child {
                        position: relative;
                    }

                        .zatca-header .top-nav .quik-access-links .auth-btn-group li:first-child::after {
                            content: '';
                            position: absolute;
                            top: 0;
                            left: 0;
                            height: 100%;
                            width: 1px;
                            background: white;
                        }

                    .zatca-header .top-nav .quik-access-links .auth-btn-group li:last-child::after {
                        content: none;
                    }

            .zatca-header .top-nav .quik-access-links li a:hover,
            .zatca-header .top-nav .quik-access-links li a:hover svg path {
                stroke: #0094d3;
                color: #0094d3;
            }

    /* Top navs ends */


    /* Bottom navs starts */
    .zatca-header .menu-container {
        position: relative;
    }

    .zatca-header .menu .menu-mobile {
        display: none;
    }

    .zatca-header .menu .clearfix {
        display: flex;
        justify-content: space-between;
    }


        .zatca-header .menu .clearfix > li a {
            font-size: 14px;
            padding: 1rem;
            display: inline-block;
            transition: all 0.2s ease;
        }

    .zatca-header .menu > li a::after {
        content: "";
        display: block;
        background: #0094d3;
        height: 3px;
        width: 0;
        transition: all 0.2s ease-in-out;
    }

    .zatca-header .menu li a:hover:after {
        width: 100%;
    }

    .zatca-header .menu .menu-dropdown-icon::after {
        content: url("_layouts/15/1025/images/zatcaRevamp/arrowDropdown.png");
    }

    .zatca-header .menu .menu-dropdown-icon:hover > ul {
        position: absolute;
        background-color: #f8f8f8;
        width: 100%;
        z-index: 99;
        right: 0;
        top: 100%;
        margin: 0;
        box-sizing: border-box;
        padding: 0.75rem;
        box-shadow: 3px 3px 3px 0px #eee;
        display: flex !important;
        gap: 1rem;
    }

    .zatca-header .menu .menu-dropdown-icon > ul > li {
        border-inline-start: 1px solid #ddd;
    }

        .zatca-header .menu .menu-dropdown-icon > ul > li:last-child {
            border-left: none;
        }

        .zatca-header .menu .menu-dropdown-icon > ul > li a {
            display: block;
            font-size: 14px;
            padding: 10px 7px;
            transition: all 0.2s ease;
            color: #10386D;
        }

            .zatca-header .menu .menu-dropdown-icon > ul > li a:hover {
                background: #0094d3;
                color: white;
            }

/* Bottom navs ends */



.zatca-burger-btn {
    background-color: transparent;
    border: none;
    display: none;
}



/* RESPONSIVE */

/* small screens */
@media screen and (max-width: 767px) {
    /* .menu-mobile {
        display: block;  
    }  */
}

/* mobile screens */
@media screen and (min-width: 768px) {
}




.header-main.header-main-2 {
    display: none;
}

.zatca-header .top-nav .accessibility-dropdown {
    position: relative;
}

    .zatca-header .top-nav .accessibility-dropdown li {
        text-align: center;
        padding: 0.5rem;
        border-bottom: 1px solid white;
    }

        .zatca-header .top-nav .accessibility-dropdown li:last-child {
            border-bottom: none;
        }

    .zatca-header .top-nav .accessibility-dropdown:hover > ul {
        height: auto;
        visibility: visible;
        padding: 0.75rem;
        z-index: 99;
    }

    .zatca-header .top-nav .accessibility-dropdown ul {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, 0%);
        width: 170px;
        height: 0;
        background: #1d3761;
        border-radius: 8px;
        color: white;
        z-index: -1;
        visibility: hidden;
    }


/* larg screen */
@media screen and (max-width: 960px) {


    .quik-access-links {
        display: none !important;
    }

    .zatca-burger-btn {
        display: block;
        cursor: pointer;
    }

    .zatca-header .menu .clearfix {
        flex-direction: column;
        display: none;
        height: 0px;
        overflow: hidden;
        transition: all 0.5s ease-in-out;
    }

        .zatca-header .menu .clearfix.appears {
            height: auto;
            display: flex;
            gap: 10px;
        }

    .zatca-header .menu .menu-dropdown-icon > ul {
        background-color: #1D3761 !important;
        flex-wrap: wrap;
        position: relative !important;
    }

    .zatca-header .menu .clearfix > li {
        position: relative;
    }

    .zatca-header .menu .menu-dropdown-icon::after {
        position: absolute;
        right: 95%;
        top: 10px;
    }

    .zatca-header .menu .menu-dropdown-icon > ul > li {
        width: 100% !important;
        border-inline-start-color: white;
    }

        .zatca-header .menu .menu-dropdown-icon > ul > li a {
            color: white;
            border-top: 1px dashed rgba(255, 255, 255, 0.14);
        }

    .mobile-auth-btn-group {
        display: block;
        padding: 0.75rem;
        border-bottom: 1px solid white;
    }

        .mobile-auth-btn-group a {
            padding: 0.5rem;
            position: relative;
        }

            .mobile-auth-btn-group a.border-end {
                border-inline-end: 1px solid white;
            }
}


ul.documents li {
    list-style: none;
    font-size: 1.2em;
    margin: 7px 1.5% !important;
    float: right;
    border: 1px solid #e4e4e4;
    width: 46%;
    text-align: center
}

    ul.documents li a {
        text-align: center;
        display: inline-block;
        width: 100%;
        padding: 20px 5px 10px;
        min-height: 80px;
        line-height: 15px
    }

ul.documents i {
    display: block;
    margin: 0 0 5px;
    text-align: center;
    font-size: 40px
}

.btn-success {
    color: #fff;
    background-color: #00b09b;
    border-color: #00827e;
}

.blueBlocks2 li a p {
    background: #0a253e !important;
}


.actions {
    font-size: 12px;
}

    .actions input.RoundedBtn {
        width: 100%;
        margin: 3px 0px;
        min-width: inherit;
        font-size: 12px;
    }

.btn-warning {
    color: #fff !important;
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
}

.btn-danger {
    color: #B42318 !important;
    background-color: #fff !important;
   
    border-radius: var(--Radius-radius-sm, 0.25rem);
border: 1px solid var(--Border-border-error-light, #FECDCA)!important;
}

.btn-info {
    color: #fff !important;
    background-color: #5bc0de !important;
    border-color: #46b8da !important;
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #104631;
    border-color: #104631;
}

.row.searchBtns {
    text-align: center;
    margin-top: -75px;
    margin-bottom: 35px;
}

.BIApps img {
    max-height: 211px;
    margin: auto;
}

.col-md-4.BIApps {
    text-align: center;
}

.govReportsDownload {
    float: left;
    margin-left: 15px;
    background-color: #00b09b;
    color: #fff;
    padding: 5px 15px;
    margin-top: -5px;
    border-radius: 5px;
}

.govReportsDocs li {
    margin-bottom: 10px;
    font-size: 1.2em;
    background-color: #eee;
    padding: 15px;
}

ul.govReportsDocs {
    list-style: none;
}

/* 
footer a:hover {
    color: #ccc;
}
 */
/* AEO 28-12-2017 */
.btn-link {
    color: #fff;
    background-color: #00b09b;
    border-color: #00827e;
}

    .btn-link:hover {
        color: #fff;
        background-color: #00827e;
        border-color: #00827e;
    }

.step_03 #divCompanyDetails span label {
    min-width: 21%;
    display: inline-block !important;
}

a.portsImage {
    border: 4px solid #00b09b;
    display: inline-block;
}

.portsImage .overlay {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 5% 10px;
    color: #fff;
    font-size: 1.2em;
    background-color: #00b09b;
    bottom: 3%;
    position: absolute;
    width: 86.5%;
}

.switchCalender input {
    margin: 0px 5px !important;
    width: 17px;
    height: 17px;
    margin-top: -4px !important;
}

.newForm-radio table tr td input {
    position: relative !important;
    margin: 0px 4px !important;
}

.mobile_apss a {
    display: inline-block;
    float: right;
}

.btnsInTable tr td a.btn {
    
    display: inline;
}




.App-view-section .latest-tabs ul.nav.nav-tabs li {
    display: block;
}

    .App-view-section .latest-tabs ul.nav.nav-tabs li a {
        width: 96%;
        font-size: 14px;
        font-weight: 500;
        transition: .5s all;
        color: #002447;
        text-align: right;
        padding: 3em 1em 1em;
        margin: 0px 0px 10px 1%;
        border-radius: 14px;
        border: 1px solid #e6e6e6;
    }

        .App-view-section .latest-tabs ul.nav.nav-tabs li.active a,
        .App-view-section .latest-tabs ul.nav.nav-tabs li a:hover {
            background: linear-gradient(-90deg, #024693, #0094d3);
        }

.App-view-section .calendars {
    font-size: 85%;
}

.App-view-section .calendars-month {
    width: 21em;
}

.App-view-section .latest-tabs ul.nav.nav-tabs {
    border-bottom: 0px solid #1b8354;
}

@media screen and (max-width: 767px) {
    .App-view-section .latest-tabs ul.nav.nav-tabs {
        display: flex;
    }
}
/* 

.App-view-section .btn-primary,
.App-view-section .button--primary,
.App-view-section .btn-danger {
    color: #fff;
    background-color: #4399d8 !important;
    border-color: #4399d8 !important;
}

.App-view-section .btn,
.App-view-section .button--primary {
    font-weight: 400;
    padding: 0.1em 3em 0.15em;
    border-radius: 5px;
    line-height: 2.3;
    border: 1px solid #eee;
    font-size: 16px;
    font-weight: 300;
    box-shadow: none;
} */

.App-view-section .loader__figure {
    height: 60px;
    width: 60px;
    box-sizing: border-box;
    border: 0 solid #00ad99;
    border-radius: 50%;
    -webkit-animation: inherit;
    -moz-animation: inherit;
    animation: inherit;
}

    .App-view-section .loader__figure:before {
        position: absolute;
        content: '';
        height: calc(100% + 10px);
        width: calc(100% + 10px);
        border: 6px dashed #1b8354;
        top: -15px;
        left: 0px;
        border-radius: inherit;
        animation: spin 1.2s linear infinite;
    }

.App-view-section .zatca-loader img,
.App-view-section .zatca-loader span {
    display: none;
}

.App-view-section .zatca-loader:before {
    position: absolute;
    content: '';
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    border: 6px dashed #1b8354;
    top: 50%;
    left: 50%;
    border-radius: inherit;
    animation: spin 1.2s linear infinite;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}


@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}


/******************************* fix style.css DGA *******************************/
.form-group {
    margin-bottom: 1.5rem;
}

.fs-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #161616;
}

.pull-left {
    float: left !important;
}

.foucs-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    padding: 20px;
    margin: auto;
	color:#161616 !important;
}

.ms-rtestate-field h1,
h1.ms-rteElement-H1,
.ms-rtestate-field h2,
h2.ms-rteElement-H2 {
    color: inherit;
}

.dga-main-container {
    padding: 2.5rem 5rem;
    min-height: 50vh;
    padding-inline-start: 2.5rem;
    /* https://jira.zatca.gov.sa/browse/CUS-1745 */
}
.dga-main-container.col-md-12 {
    padding: 2.5rem;
   
}

input[type=password],
input[type=text],
input[type=file],
input[type="number"],
input[type="tel"],
input:not([type]),
select,
select.form-select,
textarea,
textarea.form-control,
.sp-peoplepicker-topLevel,
.sp-peoplepicker-topLevelDisabled,
.sp-peoplepicker-autoFillContainer,
.ms-inputBox {
    border: var(--bs-border-width) solid #9DA4AE;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    color: #161616;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{
     border: var(--bs-border-width) solid #9DA4AE;
         padding-inline-start: 1rem;
}

.select2-container--default .select2-selection--single{
         padding-inline-start: 0.5rem;
}

.select2-container--default .select2-selection--single:hover, .select2-container--default .select2-selection--multiple:hover{
      border-color: rgba(56, 66, 80, 1);
       transition: all 0.3s ease;
}

    input[type=password]:hover,
    input[type=text]:hover,
    input[type="number"]:hover,
    input[type="tel"]:hover,
    input[type=file]:hover,
    input:not([type]):hover,
    select:hover,
select.form-select:hover,
    textarea:hover,
    textarea.form-control:hover,
    .sp-peoplepicker-topLevel:hover,
    .ms-inputBox:hover {
        border-color: rgba(56, 66, 80, 1);
        background-color: #fff;
        transition: all 0.3s ease;
    }

    input[type=password][disabled],
    input[type=text][disabled],
    input[type=tel][disabled],

    input[type=number][disabled],
    input[type=file][disabled],
    input:not([type])[disabled], textarea[disabled], select[disabled], .sp-peoplepicker-topLevelDisabled, .ms-inputBoxDisabled,
    .select2-container--default.select2-container--disabled .select2-selection--single,.form-control.disabled {
        border-color: #D2D6DB !important;
		color:#9DA4AE !important;
        cursor: not-allowed;
            background: #fff;
    }

    input[type=password]:focus,
    input[type=text]:focus,
    input[type=number]:focus,
    input[type=tel]:focus,
    input:not([type]):focus,
    select:focus,
    textarea:focus,
    textarea.form-control:focus,
    .sp-peoplepicker-topLevelFocus,
    .ms-inputBoxActive,
    .ms-inputBox.ms-inputBoxActive:hover {
        border-color: rgba(157, 164, 174, 1);
    }

input[type=password],
input[type=text],
input[type=number],
input[type=tel],
input[type=file],
input:not([type]),
textarea,
.ms-inputBox {
    padding: 0.5rem;
}

.alert {
    border: 1px solid rgba(210, 214, 219, 1);
    background: #fff;
    border-inline-start: 0.5rem solid rgba(229, 231, 235, 1);
    padding: 25px 1.5rem;
    border-radius: 0.5rem;
    color: rgba(56, 66, 80, 1);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    color:#384250 !important;
}

    .alert.alert-warning {
        border-inline-start: 0.5rem solid rgba(220, 104, 3, 1);
    }

    .alert.alert-danger {
        border-inline-start: 0.5rem solid rgba(217, 45, 32, 1);
    }

.stepper-actions {
    display: flex;
    gap: 1.5rem;
    justify-content: end;
    margin-top: 2.5rem;
}

.step-description {
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 2rem;
    color:#161616;
}

input[type=file] {
    visibility: visible;
}

h5.sub-title {
    color: #161616;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
}
.resultVAlign h4{
color:#6C737F;
line-height: 20px;
}

.label-value {
    color:  #161616;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem; /* 142.857% */
}

.resultExtra {
    border: 1px solid #ddd;
    padding: 1rem;
    border-radius: 12px;
}


#closeBtnInheader:visited{
    color: #161616;
}
.has-error input:not([type="radio"]), .has-error select, .has-error textarea,
 .has-error .select2-container--default.select2-container--focus .select2-selection--multiple,
.has-error .select2-container--default .select2-selection--multiple,
.has-error .select2-container--default .select2-selection--single{
    border-color: #B42318 !important;
}
[dir=rtl]  .toggle-password {
   
    left: inherit;
   right: 0.5rem;
}
.attach-label{
    color: var(--Form-field-text-label, #161616);
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
margin-bottom: 0;
}
.attach-label i.fa.fa-info-circle{
    font-size: 1rem;
    padding: 0 0.5rem;
}
.attace-desc, .modal-body p.attace-desc{
    color: var(--text-text-tertiary, #64748B);
font-size: 0.75rem;
font-weight: 400;
line-height: normal;
margin-top: 8px;
}
.zp-file-input {
    position: relative !important;
    z-index: 1;
    width: 100%;
    height: 40px !important;
    margin: 0;
    opacity: 0.01;
}
.zp-file-label {
    position: absolute;
    top: 0;
    right: 12px;
    left: 0;
    z-index: 2;
   
    font-weight: 400;
  width: calc(100% - 22px);
    color: #161616;
    border-radius: var(--Radius-radius-sm, 0.25rem);
border: 1px solid var(--Border-border-neutral-primary, #D2D6DB);
background: var(--Background-background-neutral-100, #F3F4F6);
}
/* .all-Attachments .form-group:last-child .zp-file-label {
    top:-4px;
} */
.zp-file-btn {
    position: absolute;
    top: 0;
    right: 12px;
    left: 0;
    z-index: 0;
    display: flex;
}
[dir='ltr'] .zp-file-btn{
	left:12px;
	right:auto;
}
[dir='ltr'] .card-body a.btn.btn-secondary img {
	transform: rotate(180deg);
}

.btn-upload-normal{
    display: flex;
height: 2rem;
min-height: 2rem;
max-height: 2rem;
padding: var(--Global-spacing-none, 0rem) var(--Button-buttons-md-padding, 0.75rem);
justify-content: center;
align-items: center;
gap: var(--Button-buttons-md-gap, 0.25rem);
color: var(--Text-text-oncolor-primary, #FFF);
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 1.25rem; 
}

.zp-file-label .zp-file-label-wrap{
display: flex;
justify-content: space-between;
align-items: center;
    padding: 0.5rem;
    font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 1.25rem;
}
.zp-file-label .zp-file-label-wrap button{
background-color: transparent;
padding: 0;
height: inherit;
}
.modal-content, .modal-content.rounded-3{
    border-radius: 0.5rem !important;
}

.dga-sep{
    margin: 1.5rem 0;
    border-top-color: #D2D6DB;
}
.select2-container--default .select2-selection--multiple::after, .select2-container .select2-selection--single .select2-selection__arrow::after{
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M2.0031 1.1294C2.10467 1.26388 2.40793 1.66534 2.58853 1.89676C2.95026 2.36027 3.44452 2.97618 3.97769 3.59026C4.51356 4.20744 5.07648 4.80852 5.57658 5.25039C5.82734 5.47195 6.04762 5.64031 6.22939 5.74989C6.40035 5.85296 6.50134 5.87439 6.50134 5.87439C6.50134 5.87439 6.59936 5.85295 6.77031 5.7499C6.95209 5.64032 7.17237 5.47196 7.42313 5.25039C7.92322 4.80852 8.48615 4.20744 9.02201 3.59025C9.55518 2.97616 10.0494 2.36025 10.4112 1.89673C10.5918 1.66531 10.8946 1.26442 10.9962 1.12994C11.2009 0.852004 11.5925 0.792058 11.8705 0.996751C12.1484 1.20145 12.2078 1.59269 12.0031 1.87063L12.0015 1.87273C11.895 2.01376 11.5809 2.42963 11.3966 2.66577C11.0267 3.13975 10.518 3.77384 9.96589 4.40976C9.41646 5.04257 8.81173 5.69149 8.2508 6.18712C7.97105 6.4343 7.68747 6.65656 7.41567 6.82042C7.16102 6.97393 6.83861 7.125 6.49985 7.125C6.16109 7.125 5.83868 6.97393 5.58404 6.82041C5.31223 6.65656 5.02866 6.4343 4.74891 6.18712C4.18798 5.69149 3.58325 5.04258 3.03382 4.40977C2.48169 3.77386 1.973 3.13978 1.6031 2.6658C1.41871 2.42953 1.10464 2.01371 0.9983 1.87292L0.9969 1.87107C0.792204 1.59313 0.851284 1.20149 1.12922 0.996793C1.40714 0.792105 1.7984 0.851493 2.0031 1.1294Z' fill='%23161616'/%3E%3C/svg%3E");
background-repeat: no-repeat;
    background-position: left 0rem;
    background-size: 13px 11px;
    width: 2rem;
    left: 0rem;
    top: 16px;
    height: 1rem;
    transform: none;
}
[dir='rtl'] .select2-container--default .select2-selection--multiple::after,[dir='rtl'] .select2-container .select2-selection--single .select2-selection__arrow::after{
	
	left: 1rem;
}
.form-select ,   .form-select:not([disabled]):not([readonly]):not(:focus-visible) {
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M2.0031 1.1294C2.10467 1.26388 2.40793 1.66534 2.58853 1.89676C2.95026 2.36027 3.44452 2.97618 3.97769 3.59026C4.51356 4.20744 5.07648 4.80852 5.57658 5.25039C5.82734 5.47195 6.04762 5.64031 6.22939 5.74989C6.40035 5.85296 6.50134 5.87439 6.50134 5.87439C6.50134 5.87439 6.59936 5.85295 6.77031 5.7499C6.95209 5.64032 7.17237 5.47196 7.42313 5.25039C7.92322 4.80852 8.48615 4.20744 9.02201 3.59025C9.55518 2.97616 10.0494 2.36025 10.4112 1.89673C10.5918 1.66531 10.8946 1.26442 10.9962 1.12994C11.2009 0.852004 11.5925 0.792058 11.8705 0.996751C12.1484 1.20145 12.2078 1.59269 12.0031 1.87063L12.0015 1.87273C11.895 2.01376 11.5809 2.42963 11.3966 2.66577C11.0267 3.13975 10.518 3.77384 9.96589 4.40976C9.41646 5.04257 8.81173 5.69149 8.2508 6.18712C7.97105 6.4343 7.68747 6.65656 7.41567 6.82042C7.16102 6.97393 6.83861 7.125 6.49985 7.125C6.16109 7.125 5.83868 6.97393 5.58404 6.82041C5.31223 6.65656 5.02866 6.4343 4.74891 6.18712C4.18798 5.69149 3.58325 5.04258 3.03382 4.40977C2.48169 3.77386 1.973 3.13978 1.6031 2.6658C1.41871 2.42953 1.10464 2.01371 0.9983 1.87292L0.9969 1.87107C0.792204 1.59313 0.851284 1.20149 1.12922 0.996793C1.40714 0.792105 1.7984 0.851493 2.0031 1.1294Z' fill='%23161616'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 1rem center;
  padding: .375rem 1rem;
    padding-inline-start: 0.5rem;
  appearance: none;
  background-size:13px 11px;
}
[dir='ltr'] .form-select ,   [dir='ltr'] .form-select:not([disabled]):not([readonly]):not(:focus-visible){
	  background-position: right 1rem center;
}
  .form-select:focus-visible:not(:placeholder-shown) {
  background-size: 13px 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none' transform='rotate(180)'%3E%3Cpath d='M2.0031 1.1294C2.10467 1.26388 2.40793 1.66534 2.58853 1.89676C2.95026 2.36027 3.44452 2.97618 3.97769 3.59026C4.51356 4.20744 5.07648 4.80852 5.57658 5.25039C5.82734 5.47195 6.04762 5.64031 6.22939 5.74989C6.40035 5.85296 6.50134 5.87439 6.50134 5.87439C6.50134 5.87439 6.59936 5.85295 6.77031 5.7499C6.95209 5.64032 7.17237 5.47196 7.42313 5.25039C7.92322 4.80852 8.48615 4.20744 9.02201 3.59025C9.55518 2.97616 10.0494 2.36025 10.4112 1.89673C10.5918 1.66531 10.8946 1.26442 10.9962 1.12994C11.2009 0.852004 11.5925 0.792058 11.8705 0.996751C12.1484 1.20145 12.2078 1.59269 12.0031 1.87063L12.0015 1.87273C11.895 2.01376 11.5809 2.42963 11.3966 2.66577C11.0267 3.13975 10.518 3.77384 9.96589 4.40976C9.41646 5.04257 8.81173 5.69149 8.2508 6.18712C7.97105 6.4343 7.68747 6.65656 7.41567 6.82042C7.16102 6.97393 6.83861 7.125 6.49985 7.125C6.16109 7.125 5.83868 6.97393 5.58404 6.82041C5.31223 6.65656 5.02866 6.4343 4.74891 6.18712C4.18798 5.69149 3.58325 5.04258 3.03382 4.40977C2.48169 3.77386 1.973 3.13978 1.6031 2.6658C1.41871 2.42953 1.10464 2.01371 0.9983 1.87292L0.9969 1.87107C0.792204 1.59313 0.851284 1.20149 1.12922 0.996793C1.40714 0.792105 1.7984 0.851493 2.0031 1.1294Z' fill='%23161616'/%3E%3C/svg%3E");
}
.groupingContent{
    padding: 0;
}
.fs-title.mb4{
    margin-bottom: 2rem;
}
input[type=button].btn.btn-primary, input[type=reset].btn.btn-primary, input[type=submit].btn.btn-primary, button.btn.btn-primary, input[type=button], input[type=reset], input[type=submit], button {
    padding: 0 1rem;
    height: 40px;
}

.zp-fle-parent .col-md-6:hover  .btn-upload-normal{
background-color: #1F2A37;
}
.upload-actions{
    display: flex;
    gap: 0.5rem;
}

.zp-fle-parent input[type=file] {
    /* visibility: visible; */
    padding: 0 !important;
    height: inherit !important;
}
input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer !important; 
}
.label-disabled h4{
    color: var(--Global-input-text-disabled, #9DA4AE);
}
.label-disabled h4.required:before{ color: var(--Global-input-text-disabled, #9DA4AE);}
.label-disabled input.form-control::placeholder{
    color: var(--Global-input-text-disabled, #9DA4AE);
}
.label-disabled input.form-control[readonly]{
    color: #9da4ae;
  border-color: #D2D6DB !important;
        cursor: not-allowed;
            background: #fff;
}
.label-disabled .label-value {
    color: var(--Global-input-text-disabled, #9DA4AE);
}
.alert.alert-success {
    color: #384250;
}
.table-responsive {
    border: 1px solid #D2D6DB;
}
h5.sub-title.mb-4{
    margin-bottom: 1.5rem !important;
}
/****************************** new select 2 ******************/
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{
    height: inherit !important;
    border: 0 !important;
    font-size: 18px;
    font-weight: 300;
    color: #161616;
    padding-inline-end: 12px;
    padding-inline-start: 0;
}
.select2-container .select2-search--inline .select2-search__field{
    margin-top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
        margin-top: 0px !important;
height: 1.5rem;
padding-inline-start: 12px;
justify-content: center;
align-items: center;
gap: var(--Global-spacing-xs, 0.25rem);
    border-radius: 0.25rem;
background: var(--Chip-chip-background-neutral-default, #F3F4F6);
color: var(--Text-text-default, #161616);
text-align: center;
    margin-right: inherit !important;
font-size: 0.75rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
border: 0; 
}


/********************** tables ****************/
.table th{
    font-size: 0.75rem;
font-style: normal;
font-weight: 500 !important;
line-height: 1.125rem;
min-width: 6.25rem;
height: 3rem;
padding: 0.875rem var(--Table-table-cell-h-padding, 1rem);
color: var(--Table-table-text-head, #384250);
background-color: rgba(243, 244, 246, 1) !important;
box-shadow: none;
border-inline-end: 0.0625rem #D2D6DB solid;
}
.table tr th:last-child{
    border-inline-end: 0;
}
.table td{
    font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
min-width: 6.25rem;
height: 4rem;
color:#161616;
vertical-align: middle;
padding: 0.5rem 1rem;
}
.table-striped>tbody>tr:nth-of-type(odd)>*  {
    background-color: #F9FAFB;
    box-shadow: none;
}
.fa-eye-slash:before{
    content: url("../images/icons/eye-icon.svg");
}
.fa-eye:before {
      content: url("../images/icons/eye-icon-open.svg");
}
[dir=rtl] input[type=password] {
    padding-inline-start: 2.25rem !important;
}
.toggle-password-input{
    padding-inline-start: 2.25rem !important;
}
.timer.form-group{
    color: var(--Text-text-display, #1F2A37);
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem;
}
.form-select option {
    color: #161616;
}
select option:hover, select option:focus{
background-color: #eee;
}
.pagination li.nextPrev:first-child{
    
}
.pagination li{ /* border-bottom: 3px solid rgba(0, 0, 0, 0);  */
margin: 0 0.5rem;
position: relative;
}
.pagination li a{ 
padding: 0.5rem;
/* width: 40px;
height: 40px; */
border-radius: 0.25rem !important;

}
.pagination li a:hover{
    background-color: #F3F4F6 !important;
}
.pagination li.active{
    
    border-color: var(--main-color);
   /*  font-weight: 600; */
    color: #161616 !important;
    background-color: var(--white-color) !important;

}
.pagination li.active::after{
  content: "";  
  height: 3px;
  width: 100%;
  background-color:  var(--main-color);
  border-radius:1.5px;
  display: block;
  position: absolute;
  bottom: 3px;
}

.alert{
     padding-inline-start: 4rem !important;
}
.alert::before {
     width: 2.5rem !important;
    height: 2.5rem !important;
   
}
.fix-checkbox {
    display: flex;
}
.otp-container h4{
font-size: 16px;
}
.RegRadio.fixRadio input[type=radio] {
  
    width: 24px;
    height: 24px;
    vertical-align: bottom;
    margin-inline-end: 12px;
    margin-inline-start: 4px;
}
.RegRadio.fixRadio label {
   line-height: 1.5rem;
    margin-inline-end: 1rem;
	margin-inline-start:0;
    padding-inline-start: 0;
    font-weight: 500;
    
}
.RegRadio.fixRadio input[type=radio]:checked::before {
   
    width: 15px;
    height: 15px;
   
}
.RegRadio.fixRadio input[type=radio]{
    border: 1px solid #6C737F;
}
.form-check-label{
    color: var(--Text-text-display, #1F2A37);
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
margin-inline-start: .75rem; 
}
.form-check-label a, .form-check-link{
color: var(--Link-link-primary, #1B8354) !important;
font-size: 1rem;
font-style: normal;
font-weight: 400 !important;
line-height: 1.5rem;
padding: 0 0.25rem;
cursor: pointer;
    text-decoration: inherit !important;
}
.form-check-label a:hover, .form-check-link:hover{
text-decoration: underline !important;
color: var(--Link-link-primary-hovered, #54C08A) !important;
}
.form-check-label a:visited, .form-check-link{
color: var(--Link-link-primary-pressed, #88D8AD);
 }
.RegRadio.fixRadio table tr td {
    padding-bottom: 12px;
}
.RegRadio.fixRadio table tr:last-child td {
    padding-bottom: 0px;
}
.all-Attachments .form-group:last-child{ margin-bottom: 0;}

.form-select option[disabled], .form-select:placeholder-shown{
    color: var(--Form-field-text-placeholder, #6C737F);

font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 150% */
}

div#divSideMenuContainer {
    max-width: 330px;
    padding-inline-end: 0px !important;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
           color: var(--Form-field-text-placeholder, #6C737F);
            opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: var(--Form-field-text-placeholder, #6C737F);
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
            color: var(--Form-field-text-placeholder, #6C737F);
 }
 .actions-btns .btn-show-all:hover{background: var(--Button-button-background-neutral-default, #F3F4F6);
    border: 1px solid var(--Border-border-neutral-primary, #E5E7EB);
}
 .actions-btns .btn-show-all{
    border-radius: var(--Radius-radius-sm, 0.25rem);
border: 1px solid var(--Border-border-neutral-primary, #D2D6DB);
color: var(--Text-text-default, #161616); 
background-color: #fff;
font-size: 1rem;
font-weight: 500;
line-height: 1.5rem; 
 }
 .btn.btn-secondary{
background: var(--Button-button-background-neutral-default, #F3F4F6);
color:#161616;
border-color: #F3F4F6;
 }
 .btn.btn-secondary:hover{
background: var(--Button-button-background-neutral-pressed, #E5E7EB);
color:#161616;
border-color: #E5E7EB ;}

textarea.form-control{
    padding: 0.75rem 1rem;
    overflow: auto;
}

.dgaResultBox{
    
padding: var(--Global-spacing-3xl, 1.5rem) var(--Global-spacing-xl, 1rem);

gap: var(--Global-spacing-4xl, 2rem);

border-radius: var(--Radius-radius-xs, 0.125rem);
border: 1px solid var(--Border-border-neutral-primary, #D2D6DB);
}

.modal-footer{
    padding: 1.5rem;
    gap: 0.5rem;
    justify-content: center;
}
.modal-footer input[type=button].btn.btn-primary,
.modal-footer input[type=reset].btn.btn-primary,
.modal-footer input[type=submit].btn.btn-primary,
.modal-footer button.btn.btn-primary,
.modal-footer input[type=button],
.modal-footer input[type=reset],
.modal-footer input[type=submit],.modal-footer button{
    margin: 0;
}
.modal-header img{
    margin: auto;
}
.modal-header .btn-close{
      margin-inline-start: auto;
    margin-inline-end: 0;
    outline: 0 !important;
    box-shadow: none;
    position: absolute;
    inset-inline-end: 1rem;
    background-size: 11.25px;
    opacity: 1;
}
.modal-dialog {
    min-width: 37.5rem;
}
.otpModalContainer{
    text-align: start;
    padding: 1rem;
    border-top: 1px solid #D2D6DB;
    margin-top: 1rem;
}
.modal-title{
    color: var(--Text-text-display, #1F2A37);
font-size: 1.125rem;
font-weight: 600;
line-height: 1.75rem;
margin-bottom: 0.5rem; 
}
.modal-body p {
   color: var(--Text-text-primary-paragraph, #384250);
font-size: 1rem;
font-weight: 400;
line-height: 1.25rem; 
}
.modal-header button:hover {
    border-color: #f3f4f6;
    background-color: #f3f4f6;
    border-radius: 0.5rem;
}

span.errorMsg[style="display: inline;"] {
    display: inline-block !important;
    width: 100% !important;
}
select.form-select:disabled{
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5031 7.1294C5.60467 7.26388 5.90793 7.66534 6.08853 7.89676C6.45026 8.36027 6.94452 8.97618 7.47769 9.59026C8.01356 10.2074 8.57648 10.8085 9.07658 11.2504C9.32734 11.472 9.54762 11.6403 9.72939 11.7499C9.90035 11.853 10.0013 11.8744 10.0013 11.8744C10.0013 11.8744 10.0994 11.853 10.2703 11.7499C10.4521 11.6403 10.6724 11.472 10.9231 11.2504C11.4232 10.8085 11.9861 10.2074 12.522 9.59025C13.0552 8.97616 13.5494 8.36025 13.9112 7.89673C14.0918 7.66531 14.3946 7.26442 14.4962 7.12994C14.7009 6.852 15.0925 6.79206 15.3705 6.99675C15.6484 7.20145 15.7078 7.59269 15.5031 7.87063L15.5015 7.87273C15.395 8.01376 15.0809 8.42963 14.8966 8.66577C14.5267 9.13975 14.018 9.77384 13.4659 10.4098C12.9165 11.0426 12.3117 11.6915 11.7508 12.1871C11.471 12.4343 11.1875 12.6566 10.9157 12.8204C10.661 12.9739 10.3386 13.125 9.99985 13.125C9.66109 13.125 9.33868 12.9739 9.08404 12.8204C8.81223 12.6566 8.52866 12.4343 8.24891 12.1871C7.68798 11.6915 7.08325 11.0426 6.53382 10.4098C5.98169 9.77386 5.473 9.13978 5.1031 8.6658C4.91871 8.42953 4.60464 8.01371 4.4983 7.87292L4.4969 7.87107C4.2922 7.59313 4.35128 7.20149 4.62922 6.99679C4.90714 6.7921 5.2984 6.85149 5.5031 7.1294Z' fill='%239DA4AE'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: left 1rem center;
}
[dir='ltr'] select.form-select:disabled{background-position: right 1rem center;}
 .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow::after{
 background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5031 7.1294C5.60467 7.26388 5.90793 7.66534 6.08853 7.89676C6.45026 8.36027 6.94452 8.97618 7.47769 9.59026C8.01356 10.2074 8.57648 10.8085 9.07658 11.2504C9.32734 11.472 9.54762 11.6403 9.72939 11.7499C9.90035 11.853 10.0013 11.8744 10.0013 11.8744C10.0013 11.8744 10.0994 11.853 10.2703 11.7499C10.4521 11.6403 10.6724 11.472 10.9231 11.2504C11.4232 10.8085 11.9861 10.2074 12.522 9.59025C13.0552 8.97616 13.5494 8.36025 13.9112 7.89673C14.0918 7.66531 14.3946 7.26442 14.4962 7.12994C14.7009 6.852 15.0925 6.79206 15.3705 6.99675C15.6484 7.20145 15.7078 7.59269 15.5031 7.87063L15.5015 7.87273C15.395 8.01376 15.0809 8.42963 14.8966 8.66577C14.5267 9.13975 14.018 9.77384 13.4659 10.4098C12.9165 11.0426 12.3117 11.6915 11.7508 12.1871C11.471 12.4343 11.1875 12.6566 10.9157 12.8204C10.661 12.9739 10.3386 13.125 9.99985 13.125C9.66109 13.125 9.33868 12.9739 9.08404 12.8204C8.81223 12.6566 8.52866 12.4343 8.24891 12.1871C7.68798 11.6915 7.08325 11.0426 6.53382 10.4098C5.98169 9.77386 5.473 9.13978 5.1031 8.6658C4.91871 8.42953 4.60464 8.01371 4.4983 7.87292L4.4969 7.87107C4.2922 7.59313 4.35128 7.20149 4.62922 6.99679C4.90714 6.7921 5.2984 6.85149 5.5031 7.1294Z' fill='%239DA4AE'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: left 1rem center;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    background-size: 20px 20px;
    top: 4px;
}
 [dir='rtl'] .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow::after{
	  left: auto;
	  
 }
 .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered{
    color: #9da4ae;

 }
.btn:disabled, .btn.disabled, fieldset:disabled .btn, input[type=submit].btn.btn-primary:disabled ,input[type=submit].btn.btn-primary.disabled{
    opacity: 1;
    background: var(--Global-background-disabled, #E5E7EB);
    border-color: var(--Global-background-disabled, #E5E7EB);
    color: var(--Global-text-default-disabled, #9DA4AE);

}
.btn-show-all:hover {
   color: var(--Text-text-default, #161616);
    background-color:  var(--Button-button-background-neutral-pressed, #E5E7EB);;
}

.badge.bg-danger{
    display: inline-grid;
height: 1.5rem;
padding: var(--Global-spacing-none, 0rem) var(--Global-spacing-md, 0.5rem);
justify-content: center;
align-items: center;
gap: var(--Global-spacing-xs, 0.25rem);
border-radius: var(--radius-sm, 0.25rem);
border: 1px solid var(--Tag-tag-border-error-light, #FECDCA);
background: var(--Tag-tag-background-error-light, #FEF3F2) !important;
color: var(--Tag-tag-text-error, #912018);
text-align: center;

font-size: 0.75rem;
font-weight: 500;
line-height: 1.125rem; 
}
.fa.fa-download::before{
 content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.75 1.5C9.75 1.08579 9.41421 0.75 9 0.75C8.58579 0.75 8.25 1.08579 8.25 1.5V9.96193L8.24394 9.95478C8.03326 9.70615 7.82697 9.44338 7.63406 9.19766L7.58933 9.14069C7.39711 8.89596 7.19487 8.63885 7.03781 8.47726C6.74911 8.18023 6.27428 8.17349 5.97726 8.46219C5.68023 8.75089 5.67349 9.22572 5.96219 9.52274C6.05089 9.614 6.19651 9.79581 6.40971 10.0672L6.45677 10.1272C6.64683 10.3693 6.86982 10.6534 7.09954 10.9245C7.34574 11.215 7.62131 11.5168 7.89679 11.7515C8.03484 11.869 8.19043 11.985 8.35782 12.0746C8.51926 12.161 8.74171 12.25 9 12.25C9.25829 12.25 9.48074 12.161 9.64218 12.0746C9.80957 11.985 9.96517 11.869 10.1032 11.7515C10.3787 11.5168 10.6543 11.215 10.9005 10.9245C11.1302 10.6534 11.3531 10.3694 11.5432 10.1272L11.5903 10.0672C11.8035 9.79581 11.9491 9.614 12.0378 9.52274C12.3265 9.22572 12.3198 8.75089 12.0227 8.46219C11.7257 8.17349 11.2509 8.18023 10.9622 8.47726C10.8051 8.63885 10.6029 8.89596 10.4107 9.14069L10.366 9.19763C10.1731 9.44335 9.96674 9.70615 9.75606 9.95478L9.75 9.96193V1.5Z' fill='%23161616'/%3E%3Cpath d='M1.75 13.5C1.75 13.0858 1.41421 12.75 1 12.75C0.585786 12.75 0.25 13.0858 0.25 13.5C0.25 14.1367 0.282233 14.699 0.387186 15.1768C0.494005 15.663 0.686116 16.1083 1.03892 16.4611C1.39172 16.8139 1.83699 17.006 2.32323 17.1128C2.80098 17.2178 3.36327 17.25 4 17.25H14C14.6367 17.25 15.199 17.2178 15.6768 17.1128C16.163 17.006 16.6083 16.8139 16.9611 16.4611C17.3139 16.1083 17.506 15.663 17.6128 15.1768C17.7178 14.699 17.75 14.1367 17.75 13.5C17.75 13.0858 17.4142 12.75 17 12.75C16.5858 12.75 16.25 13.0858 16.25 13.5C16.25 14.1043 16.2175 14.5375 16.1477 14.8549C16.0799 15.1639 15.9874 15.3135 15.9004 15.4004C15.8135 15.4874 15.6639 15.5799 15.3549 15.6477C15.0375 15.7175 14.6043 15.75 14 15.75H4C3.39573 15.75 2.96252 15.7175 2.64508 15.6477C2.33614 15.5799 2.18653 15.4874 2.09958 15.4004C2.01263 15.3135 1.92012 15.1639 1.85225 14.8549C1.78252 14.5375 1.75 14.1043 1.75 13.5Z' fill='%23161616'/%3E%3C/svg%3E") !important;
}
/* .alert.alert-info::before{
    top: 3rem;
} */
 .pagination li:last-child {
    margin-inline-end: 0;
}

[dir=rtl] .iti--allow-dropdown .iti__country-container {
    left: 0 !important;
    right: auto !important;
}


.iti {
    width: 100%;
   
}
.form-control.iti__tel-input{
    width: 100%;
}
.iti__globe{
    display: none;
}

.iti__selected-country {
    background: var(--Button-button-background-neutral-default, #F3F4F6) !important;
    height: 38px !important;
      border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
        
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
 .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{
    background: var(--Button-button-background-neutral-default, #F3F4F6) !important;
}
.iti__selected-country-primary {
    padding: 0 !important;
        padding-inline-start:1rem !important;
}
.iti .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 4px;
}
.iti .iti__selected-dial-code {
   margin-right: 1rem !important;
    margin-left: 4px !important;
        direction: ltr;
		   color: #161616
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input, [dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text], [dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel] {
    margin-right: 0;
    direction: ltr;
    text-align: left;
    padding-inline-start: 106px !important;
}
.iti__arrow{
    border: 0 !important;
}
.iti__flag {
        display: none;
    }


.iti__arrow:before{
    content: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5031 1.1294C1.60467 1.26388 1.90793 1.66534 2.08853 1.89676C2.45026 2.36027 2.94452 2.97618 3.47769 3.59026C4.01356 4.20744 4.57648 4.80852 5.07658 5.25039C5.32734 5.47195 5.54762 5.64031 5.72939 5.74989C5.90035 5.85296 6.00134 5.87439 6.00134 5.87439C6.00134 5.87439 6.09936 5.85295 6.27031 5.7499C6.45209 5.64032 6.67237 5.47196 6.92313 5.25039C7.42322 4.80852 7.98615 4.20744 8.52201 3.59025C9.05518 2.97616 9.54944 2.36025 9.91117 1.89673C10.0918 1.66531 10.3946 1.26442 10.4962 1.12994C10.7009 0.852004 11.0925 0.792058 11.3705 0.996751C11.6484 1.20145 11.7078 1.59269 11.5031 1.87063L11.5015 1.87273C11.395 2.01376 11.0809 2.42963 10.8966 2.66577C10.5267 3.13975 10.018 3.77384 9.46589 4.40976C8.91646 5.04257 8.31173 5.69149 7.7508 6.18712C7.47105 6.4343 7.18747 6.65656 6.91567 6.82042C6.66102 6.97393 6.33861 7.125 5.99985 7.125C5.66109 7.125 5.33868 6.97393 5.08404 6.82041C4.81223 6.65656 4.52866 6.4343 4.24891 6.18712C3.68798 5.69149 3.08325 5.04258 2.53382 4.40977C1.98169 3.77386 1.473 3.13978 1.1031 2.6658C0.918709 2.42953 0.60464 2.01371 0.4983 1.87292L0.4969 1.87107C0.292204 1.59313 0.351284 1.20149 0.629218 0.996793C0.907143 0.792105 1.2984 0.851493 1.5031 1.1294Z' fill='%23161616'/%3E%3C/svg%3E");
    display: flex;
    width: 20px;
    height: 40px;
    align-items: center;
    justify-content: center;
	height:100%;
 }
.iti__arrow {
   margin: 0 !important;
    display: flex;
    height: 100%;
    width: 20px !important;
    align-items: center;
}
.iti--inline-dropdown .iti__dropdown-content {  
    left: 0;
        direction: ltr;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #161616;
}
 .select2-container--default .select2-selection--single span.select2-selection__rendered[title*="اختر"] {
   color: #6c737f;
}
.select2-container[dir=ltr] .select2-selection--single .select2-selection__rendered{
	padding-left: 0;
    padding-right: 20px;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 0;
    padding-left: 20px;
}

aside .links__submenu-link {
    padding: var(--Global-spacing-md, 0.5rem) var(--Global-spacing-xl, 1rem) var(--Global-spacing-md, 0.5rem) var(--Global-spacing-5xl, 2.5rem);
    align-items: center;
    gap: var(--Global-spacing-md, 0.5rem);
    align-self: stretch;
    display: flex
;
}
aside {
     min-height: calc(100vh - 540px);
    height: 100%;
}
aside .links__menu {
    padding: 1rem;
}

aside .links__menu .links__nav-link {
    padding: .5rem 1rem;
}

.links__nav-item a img{
max-height: 1rem;
}

.links__nav-item.selected a {
        color: #1B8354;
        background: var(--Button-button-background-neutral-selected, #E5E7EB);
        border-radius: 4px;

}
.links__menu .links__nav-item.selected a:before, .links__menu .links__nav-item a:hover:before  {
    content: '';
    display: inline-block;
    height: 24px;
  width: 0.375rem;
    position: absolute;
    background-color: #9DA4AE; 
    border-radius: 3px;
    inset-inline-start: 0;
        inset-block-start: 8px;
}
.links__menu .links__nav-item.selected a:before {
      background-color: #1B8354; 
}

.inner-cover-sec{
    padding: 0;
}
.cover-sec-bg, .dark-cover{
    display: none;
}
.dga-main-container .inner-cover-sec .container{ width: 100%;     
    max-width: 100%;
padding: 0;
margin: 0; }

.page-title h3 ,.inner-cover-sec h1{
    color: var(--Text-text-default, #161616);
padding: 1.5rem 0 2rem 0;
font-size: 1.875rem;
font-style: normal;
font-weight: 700;
line-height: 2.375rem; /* 126.667% */
}
.breadcrumb-cont .breadcrumb {
    background: none;
    border: 0;
    margin: 0;
    display: inline-block;
   color: var(--colors-neutral-400);
    font-size: var(--text-sm);
    font-weight: 400;
    text-decoration: none !important;
    line-height: 1.25rem;
    padding-inline-end: var(--global-spacing-xs);
}

.breadcrumb > li + li:before {
    content: "\f3d2";
    display: inline-block;
    font-family: 'icon54com';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color: #161616;
    padding: 0 20px;
    position: relative;
    top: 3px;
}

.breadcrumb a {
    color: var(--colors-neutral-700);
    font-size: var(--text-sm);
    font-weight: 400;
    text-decoration: none !important;
    line-height: 1.25rem;
    padding-inline-end: var(--global-spacing-xs);
}
table th .form-check-input, table td .form-check-input{
    width: 1.25rem;
    height: 1.25rem;
}

.form-check-input:disabled{
    background-color: #e5e7eb;
    opacity: 1;
    border-color: #e5e7eb;
}
.calc-fuel-link{
    font-size: 0.875rem;
}
#vueCalcApp .alert.alert-info::before,
.Ashamat-alert .alert.alert-info::before{
    top: 1.75rem;
    transform: inherit;
}
.Ashamat-alert ol{
    padding-inline-start: 1rem;
    margin-top: 0.5rem;
}
.fixCalender>.form-group{
    margin-bottom: 0;
}

.table-actions-btns {
    display: flex;
    gap: 0.5rem;
}

.btn.btn-table-action{
display: flex;
width: 2rem;
height: 2rem;
padding: var(--Global-spacing-none, 0rem) var(--Button-buttons-md-padding, 0.75rem);
justify-content: center;
align-items: center;
gap: var(--Button-buttons-md-gap, 0.25rem);
border-radius: var(--Radius-radius-sm, 0.25rem);
}

.btn-action-danger:hover{
background: var(--Button-button-background-danger-secondary-hovered, #FEE4E2);
}
.btn-action-secondary:hover{
background: var(--Button-button-background-neutral-default, #F3F4F6);
}

.dgaResultBox .form-group{
    margin-bottom: 1rem;
}
.dga-list {
    padding-inline-start: 0.75rem;
    color: #161616;
}
.dga-list ul li {
    margin-bottom: 1rem;
    margin-inline-start: 0.5rem;
}
ul li::marker {
    margin-inline-start: 8px;
}
li.timeline-item {
    display: flex;
    gap: 16px;
    margin-bottom: 48px;
    position: relative;
}

li.timeline-item:after {
    content: '';
    width: 2px;
    height: 80px;
    position: absolute;
    display: inline-block;
    background: #1b8354;
    top: 24px;
    right: 14.5px;
}


li.timeline-item:last-child:after{
    content: none;
}
.search-results li.timeline-item:last-child{
    margin-bottom: 0;
}


li.timeline-item h4 {
        color: var(--Stepper-stepper-text-primary, #1F2A37);
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
}
li.timeline-item .label-value {
    color: var(--Stepper-stepper-text-secondary, #384250);

font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; /* 142.857% */
}

.pager-dropdown{

    appearance: none;
padding: 0.125rem 0.25rem 0.375rem;
    text-align: center;
    justify-content: center;
    /* align-items: center; */
    /* gap: var(--Global-spacing-none, 0rem); */
    border-radius: var(--Radius-radius-sm, 0.25rem);
    border: 1px solid var(--Border-border-black, #161616);
    margin-top: 0.25rem;
    vertical-align: middle;
}
.card .card-header{padding-top: 0; color:#1F2A37; }
.card .card-header .card-title.h5{font-size: 18px; }
/******latest-tabs*******/

.latest-tabs ul.nav.nav-tabs {
    display: flex;
    border-bottom: 3px solid #D2D6DB;
    margin-bottom: 15px;
    margin-left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
  padding-inline-start: 1rem;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    z-index: 0;
}

    .latest-tabs li.nav-item:has(.nav-link:not(.active)):hover {
    border-radius: 0.25rem;
    background: #F3F4F6;
}


.latest-tabs li.nav-item:has(.nav-link:not(.active)):hover .nav-link::after {
    background-color: #161616;

}
.latest-tabs ul.nav.nav-tabs li:has(.nav-link:not(.active)):hover::after{background-color: #161616;}



    .latest-tabs ul.nav.nav-tabs li {
       border: 0;
       position: relative;
    }

       


.latest-tabs ul.nav.nav-tabs li a.active
 {
    color: var(--Text-text-default, #161616);
font-weight: 700;

}
.latest-tabs ul.nav.nav-tabs li::after
 {
    content: '' !important;
    width: 100%;
    height: 3px;
    background-color:  #D2D6DB;
    border-radius: 1.5px;
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: -3px;
}
.latest-tabs ul.nav.nav-tabs li:has(a.active):after
 {
    background-color:  #1B8354;
}


.latest-tabs ul.nav.nav-tabs li a:hover{

}



    .latest-tabs ul.nav.nav-tabs li a {
       color: var(--Text-text-primary-paragraph, #384250);
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 1.25rem; 
border: 0;
padding: var(--Tab-horizontal-tab-md-button-v-padding, 0.75rem) var(--Tab-horizontal-tab-md-button-h-padding, 1rem);
    }

  .latest-tabs  .tab-content{
    padding-top: 2rem;
  }

/******/
/******************* accordion ***************/
h2.accordion-header{
    padding: 0; 
}
h2.accordion-header .accordion-button:hover{
    background: var(--Button-button-background-neutral-hovered, #F3F4F6);
}
h2.accordion-header .accordion-button{
    color: var(--Text-text-default, #161616);
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 1.5rem;
padding: var(--Global-spacing-xl, 1rem);
height: inherit;
    box-shadow: none;
}
.accordion-flush>.accordion-item:first-child,.accordion-flush>.accordion-item{
    border: 0;
    border-top: 1px solid var(--Border-border-neutral-primary, #D2D6DB);

}
.accordion-button::after, .accordion-button:not(.collapsed)::after {
    background-image: url("../images/icons/accordion-down.svg");
}

.btn.btn.btn-secondary .fa.fa-download{
    margin-inline-end: 4px;
}
.accordion-body {
    padding: 8px 16px;
}
[dir=ltr] .alert.alert-info {
    border-left: 5px solid #1570ef;
}

.helper.helper-info{
    display: flex;
padding: var(--Global-spacing-xs, 0.25rem) var(--Global-spacing-none, 0rem);
align-items: center;
gap: var(--Form-icon-helpertext, 0.5rem);
    color: var(--Text-text-primary-paragraph, #384250);
font-size: var(--Size-Text-typo-size-text-sm, 0.875rem);
font-style: normal;
font-weight: 400;
line-height: var(--Line-Height-Text-line-heights-text-sm, 1.25rem);
margin-top: 8px;
}
.fix-checkbox-list li{
    margin-bottom: 0.5rem;
    line-height: 1rem;
}
.fix-checkbox-list li:last-child{
    margin-bottom: 0;
}


.form-error {
    font-size: 14px;
    position:relative;
	top:8px;
	
    background-position: right;
    padding-inline-start: calc(12px + 8px);
	
}
[dir=ltr] .form-error {

    background-position: left;
    
}

/************************ Nav side *********************/
aside .links__title{
    color: var(--Text-text-display, #1F2A37);
font-size: var(--Size-Text-typo-size-text-sm, 0.875rem);
font-style: normal;
font-weight: 600;
line-height: var(--Line-Height-Text-line-heights-text-sm, 1.25rem); 
}
aside .links__header .links__nav-item--has-submenu #profile-toggle{
    padding: var(--Global-spacing-lg, 0.75rem) var(--Global-spacing-xl, 1rem);
    color: var(--Text-text-default, #161616);
font-size: 0.875rem;
font-style: normal;
font-weight: 600;
line-height: 1.25rem;
}

/********************* Header *********************/
.header .navbar .navbar-brand {
    padding: 0;
    margin: 0 !important;
}
.top-header .top-header-tools {
    align-items: center;
    gap: .375rem;
}
.zatca-loader img{
    width: 44px;
    height: 44px;
    display: none;
}
.settingsContainer{
    padding-top: 0;
}
.header .navbar .header-tools .search-box .btn {
    padding: .5rem 1rem;
    height: 100%;
    min-height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    gap: 4px;
    line-height: 1.5rem;
}
.header .navbar .header-tools .search-box .btn:hover {
    background-color: #f3f4f6;
    color: var(--neutral-primary);
}
.header .navbar .header-tools .search-box {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
}
.header .navbar .header-tools .search-box::before {
    content: "";
    position: absolute;
    bottom: 0;
    inset-inline-start: 10%;
    width: 80%;
    height: var(--spacing-2);
    background-color: rgba(0, 0, 0, 0);
    border-radius: var(--radius-full);
    transition: background-color .3s ease;
}
.header .navbar .header-tools .search-box:hover::before {
    background-color: var(--colors-neutral-300);
}


/******************** footer ************************/
.footer {
    padding-block-start: 2.5rem;
    padding-block-end: var(--global-spacing-3xl);
    background-color: var(--Background-background-SA-Flag, #074D31);
    color: var(--Text-text-oncolor-primary, #FFF);
}
.footer li a{
    color: #fff;
    text-decoration: none;
    transition: opacity .3s ease;
    font-size: var(--text-sm);
    display: flex;
    align-items: center;
    gap: var(--global-spacing-sm);
    white-space: nowrap;
    line-height: 1.25rem;
}
.footer li a:hover{text-decoration:underline !important;}
.footer li a:focus-visible {
    box-shadow: 0 0 0 2px;
}
.footer li a:visited{opacity:.9}
.footer .footer-heading {
    border-block-end: 1px solid hsla(0, 0%, 100%, .3);
    color: var(--Text-text-oncolor-primary, #FFF);
    margin-block-end: var(--global-spacing-md);
    padding-block-end: var(--global-spacing-md);
    line-height: 1.5rem;
}
.footer :not(.footer-logos) img[src*=".svg"]:not(.footer-logos img) {
    filter: brightness(0) invert(1);
}
.grid-row-5 {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(5, 1fr);
}
.grid-gap-2 {
    gap: 2rem;
}

aside .links__nav-item:not(.selected) .links__nav-link{
	color: #161616;
}
aside .links__submenu-link:hover ,aside .links__nav-item:not(.selected) .links__nav-link:hover{
    color: #161616;
    background: var(--Button-button-background-neutral-hovered, #F3F4F6);
	border-radius: 4px;

}
aside .links__submenu-link:before{
        content: '';
    width: 6px;
    border-radius: var(--radius-full, 9999px);
   
    height: 24px;
    position: absolute;
    right: 0;
}
aside .links__submenu-link:hover:before {
 background: var(--Background-background-neutral-400, #9DA4AE);
}

aside .links__submenu-link:active,aside .links__nav-link:active {
border-radius: var(--radius-sm, 4px);
background: var(--Button-button-background-neutral-pressed, #E5E7EB);
}
aside .links__submenu-link:active:before{
    background: var(--Background-background-neutral-800, #1F2A37);
}

aside .links__submenu-link:focus, aside .links__submenu-link:focus-visible ,aside .links__nav-link:focus-visible{
    border-radius: var(--radius-sm, 4px);
    box-sizing: border-box;
    box-shadow: inset 0 0 0 2px #161616;
}

.btn.btn-secondary:focus-visible{
	    box-shadow: inset 0 0 0 2px #161616;
}

.footer .footer-section .social-media-icons a,.footer .accessibility-tools .btn,.footer .app-downloads a{
	opacity:1;
	border: 1px solid var(--Border-border-oncolor-transparent-30, rgba(255, 255, 255, 0.30));
	
}
.footer .footer-section .social-media-icons a:hover,.footer .accessibility-tools .btn:hover,.footer .app-downloads a:hover{
border: 1px solid var(--Border-border-oncolor-transparent-30, rgba(255, 255, 255, 0.30));
opacity:1;
background: var(--Button-button-background-transparent-hovered, rgba(255, 255, 255, 0.20));
}
.footer .footer-section .social-media-icons a:active,.footer .accessibility-tools .btn:active,.footer .app-downloads a:active{

border: 1px solid var(--Border-border-oncolor-transparent-30, rgba(255, 255, 255, 0.30));
background: var(--Button-button-background-transparent-selected, rgba(255, 255, 255, 0.30));
}

.footer .footer-section .social-media-icons a:focus-visible,.footer .accessibility-tools .btn:focus-visible,.footer .app-downloads a:focus-visible{
border: 2px solid var(--Icon-icon-oncolor, #FFF);

background:transparent;

}

.top-header-tools a img{
	filter:brightness(0)
}
a.top-header-tool {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius:4px;
}
a.top-header-tool:hover,a.top-header-tool:active{background:#E5E7EB }
a.top-header-tool:focus-visible{    box-shadow: inset 0 0 0 2px #161616;}
.btn-transparent{position:relative;    height: 66px;    justify-content: center;
    align-items: center;border-radius:4px;color: #161616 !important;}
.btn-transparent:hover{
	
	background:#F3F4F6 ;
	    color: #161616;
}

.btn-transparent::before {
    content: "";
    position: absolute;
    bottom: 0;
    inset-inline-start: 10%;
    width: 80%;
    height:6px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: var(--radius-full);
    transition: background-color .3s ease;
}
.btn-transparent:hover::before {
	background-color: #9DA4AE;
}
.btn-transparent:active::before {
	background-color: #1F2A37;
}
.btn-transparent:active{
    background-color: var(--Button-button-background-neutral-pressed, #E5E7EB) !important;
    color: #161616 !important;
    border-color: transparent !important;
}
.btn-transparent:focus-visible{
	box-shadow: inset 0 0 0 2px #161616;
	
}
.header .navbar-nav .nav-item .nav-link{border-radius:4px;}
.header .navbar-nav .nav-item .nav-link:active{
	background:#E5E7EB;

}
.header .navbar-nav .nav-item .nav-link:active::before{
 background:#1F2A37;
 }
 
 .header .navbar-nav .nav-item .nav-link:focus-visible{
	 box-shadow:0 0 0 2px #161616;
 }
 .nav-item.dropdown:hover .dropdown-menu,.nav-item.dropdown:focus .dropdown-menu{
	display:block;
 }
  .nav-item.dropdown .dropdown-menu >ul{
 display: grid;
    grid-template-columns: repeat(auto-fill, minmax(19.75rem, 1fr));
    grid-auto-flow: column;
    grid-template-rows: repeat(8, 1fr);
  }
  .nav-item.dropdown .dropdown-menu a:hover,.nav-item.dropdown .dropdown-menu a:focus{
  text-decoration-line: underline;
                                text-underline-position: under;
                                text-decoration-thickness: 0.15rem;
                                background: var(--colors-neutral-100);
  }
.nav-item.dropdown .container .dropdown-menu{padding-inline-start:255px !important}
.nav-item.dropdown .dropdown-menu > .mega-title{
color: var(--colors-primary-sa-flag-600-primary);
    font-size: var(--text-lg);
    font-weight: 700;
    line-height: 1.75rem;
    padding: 0rem var(--spacing-xl, 1.7rem);
    margin-bottom: var(--spacing-lg, 0.75rem);
    cursor: default;
}
 /*  #divTopHeaderContainer,#divHeaderContainer{
	position: fixed;
    width: 100%;
    z-index: 999;
  }
    #divTopHeaderContainer{top:0}
	#divHeaderContainer{top:42px;}
	#s4-bodyContainer{    padding-top: 116px;}
	 */
	input.form-check-input:checked[type=radio]{
		--bs-form-check-bg-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 4 4'><circle r='2' fill='%23fff'/><circle r='1.3' fill='%231B8354'/></svg>") !important;
	}
	
	.card .card-label{
		color: var(--Text-text-display, #1F2A37);
font-size: 1rem;
font-weight: 600;
line-height: 1.5rem; /* 150% */
	}
	
	.card .card-value{
		color: var(--Text-text-display, #1F2A37);
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem; /* 150% */
	}
	
	.tabs-responsive{overflow-y: hidden;}
	
	[dir=ltr] .rotate-ltr {
  transform: rotate(180deg);
}

input[type=button], input[type=reset], input[type=submit], button{margin-left:0}
.timer{color:#1F2A37}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #f3f4f6;
    color: #161616;
}
.select2-container--default .select2-results__option--selected {
    background-color: #e5e7eb;
}

/***************** DGA portal code responsive *************/

@media screen and (max-width: 767px) {
    .close-focus-mode{
        position: absolute;
        top: 0;
        inset-inline-end: -4px;
    }
    .px-sm-2 {
    padding-right: var(--spacing-2) !important;
    padding-left: var(--spacing-2) !important;
}
   .grid-row-5 {
    grid-template-columns: repeat(1, 1fr);
}
.form-group.row .col-md-6:first-child ,.row .col-sm-6:first-child {
    margin-bottom: 1.5rem;
}
.row.fixCapatcha .col-sm-6:first-child{
   margin-bottom: 0;
}
.foucs-title{
    padding: 0;
    margin: 0;
}
.dga-main-container.col-md-12 {
    padding-bottom: 4.5rem;
}
.alert {
    border-inline-start:1px solid rgba(210, 214, 219, 1) !important;
    border-block-start:0.5rem solid rgba(229, 231, 235, 1);
    padding-inline-start: 1.5rem !important;
    padding-block-start: 4rem !important;
    text-align: center;
}
[dir=rtl] .alert.alert-info {
    border-top-color:  #1570ef; 
}
.alert.alert-warning {
        border-top-color:rgba(220, 104, 3, 1);
    }

    .alert.alert-danger {
        border-top-color: rgba(217, 45, 32, 1);
    }
  .alert.alert-warning::before,  .alert.alert-info::before, .alert.alert-danger::before{
        top: 2rem;
        inset-inline-start: calc(50% - 1.5rem);
    }
     #vueCalcApp .alert.alert-info::before, .Ashamat-alert .alert.alert-info::before{
        top: 1rem;
    }
   .dga-main-container {
    padding: 4rem 1.5rem !important;
    }
        .floating-btn {
        top: 15%;
        z-index: 1;
    }
    .ms-webpart-chrome-vertical,div.ms-webpart-cell-vertical-inline-table{
        display: block;
    }


    #progressbar li,  #progressbar li.done-step.active{
        display: none;
    }
    #progressbar li.active{
        display: flex;
        width: 100%;
    }
    .mobProgressIndex{
        --progress-rotation: 0deg;
        flex-shrink: 0;
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 2;
        color: var(--Text-text-primary-paragraph, #384250);
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        margin-inline-end: 1rem;
    }
    .mobProgressIndex::before {
        content: "";
        position: absolute;
        border-radius: 50%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: conic-gradient(#1B8354 0deg var(--progress-rotation), #E5E7EB var(--progress-rotation) 360deg);
        mask-image: radial-gradient(transparent 59%, black 60%);
        -webkit-mask-image: radial-gradient(transparent 59%, black 60%);
        transition: all .3s ease;
        z-index: -1;
    }
    span.mobNextStep {
        display: flex;
        position: absolute;
        inset-inline-start: 5rem;
        top: 2rem;
        color: var(--Stepper-stepper-text-tertiary, #6C737F);
font-size: var(--Size-Text-typo-size-text-xs, 0.75rem);
font-style: normal;
font-weight: 400;
line-height: var(--Line-Height-Text-line-heights-text-xs, 1.125rem); 
    }

    #progressbar li:before{
        content: none !important;
    }

    #progressbar li:after{
        width: 0;
    }
 
 
}