@font-face {
    font-family: ar_font;
    src: url('../fonts/ar_font.ttf') format('opentype'), url('../fonts/ar_font.ttf');
}

body, html {
}

*, *:focus {
    outline: none !important;
}

body.external-page #content .admin-form {
    margin-top: 2%;
}
/*************************************/
/* -----
SVG Icons - svgicons.sparkk.fr
----- */

.svg-icon {
    width: 1em;
    height: 1em;
}

    .svg-icon path,
    .svg-icon polygon,
    .svg-icon rect {
        fill: #4691f6;
    }

    .svg-icon circle {
        stroke: #4691f6;
        stroke-width: 1;
    }

.colla-2 {
    color: #000 !important;
    text-decoration: none !important;
}

.disbl-b {
    display: block !important
}

.pdd-collas {
    padding: 13px 0px 0px 10px !important;
}
/**********************************/

.pl12 {
    padding-left: 12px !important;
}

.pr12 {
    padding-right: 12px !important;
}

.flt-ri {
    float: right !important
}
/*.login-page {
    padding-bottom: 0px !important;
}*/

.titlecaption {
    color: red;
}

.required, .mandatory {
    border-color: #ec8888 !important;
}

.login-page .admin-form .btn-social i {
    top: 0px;
}

.login-page .admin-form .prepend-icon .field-icon {
    top: 0 !important;
}



.login-info {
    font-size: 14px;
    margin-top: 75px;
}

    .login-info div {
        margin-bottom: 10px;
    }

    .login-info i {
        width: 20px;
    }

    .login-info span {
        display: inline-block;
        width: 100px;
    }

.login-chat {
    float: left;
    margin-left: 10px;
}

.login-sepa {
    border-right: 1px solid #ddd;
}

.login-page .br-grey {
    border: none !important;
}

.my-form {
    margin: 0px;
}

.tray #content.table-layout {
    background: none;
}

@media screen and (min-width: 768px) {
    .spark-messages {
        width: 20%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.messages-fix {
    margin-left: -10px;
    margin-right: -10px;
}

.messages-pad-fix {
    padding: 10px 0px 20px 0px !important;
}

.spark-messages a {
    color: #fff;
    text-decoration: none;
}

.dataTables_length .form-control.input-sm {
    padding: 0 5px;
}

.dataTables_filter .form-control.input-sm {
    height: 30px;
    margin-bottom: 8px;
}

table.dataTable {
    clear: both;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    max-width: none !important;
}

    table.dataTable thead > tr > th {
        padding-left: 10px !important;
        padding-right: 18px;
    }

#sidebar_left {
    background: url(../images/nav-bg-1.png);
}

.sidebar-menu > li > ul {
    background: url(../images/nav-bg-2.png);
}

    .sidebar-menu > li > ul > li:hover > a:after, .sidebar-menu > li > ul > li:focus > a:after {
        border-left: 3px solid #fff;
    }

    .sidebar-menu > li > ul > li > a:hover, .sidebar-menu > li > ul > li > a:focus {
        color: #999;
        background-color: transparent;
    }

.sidebar-menu > li > a {
    color: #fff;
}

    .sidebar-menu > li > a:hover, .sidebar-menu > li > a:focus {
        color: #999;
    }

.sidebar-menu li > a > span.caret {
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebar-menu li > a:hover > span.caret, .sidebar-menu li > a:focus > span.caret {
    color: #999;
}

.nav-cal .ui-datepicker td {
    border: 0;
    padding: 4px 4px;
}

    .nav-cal .ui-datepicker td a {
        color: #444 !important;
    }

        .nav-cal .ui-datepicker td a.ui-state-active {
            color: #fff !important;
        }

.nav-cal .ui-datepicker-calendar {
    margin: 10px 0;
}

.nav-cal .ui-datepicker {
    background: #f1f1f1;
    border-color: #333;
    color: #999;
}

    .nav-cal .ui-datepicker .ui-datepicker-header {
        background: #eeaa23;
        padding: 3px 5px;
        border-bottom: none;
    }

        .nav-cal .ui-datepicker .ui-datepicker-header span {
            color: #fff;
        }

    .nav-cal .ui-datepicker-title, .nav-cal .ui-datepicker .ui-datepicker-prev, .nav-cal .ui-datepicker .ui-datepicker-next {
        color: #999;
        font-size: 13px;
    }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 0;
}

li.sidebar-stat {
    margin-top: 10px;
}

li.advPic {
    padding: 10px;
    margin-top: 20px;
}

.navbar-branding .navbar-brand {
    padding-left: 10px;
}

#toggle_sidemenu_l, #toggle_sidemenu_t {
    width: 60px;
}

.navbar-branding .navbar-brand img {
    width: 160px;
}



header#topbar {
    background: #444;
    border-bottom: 1px solid #4A4743;
    color: #ccc;
}

.navbar.navbar-fixed-top {
    background: url(../images/top-menu-bg.png);
    box-shadow: 0 1px 0 0 #666;
    height: auto !important;
    max-height: none !important;
}

.navbar .nav > li > a {
    color: #fff;
}

    .navbar .nav > .active > a,
    .navbar .nav > .active > a:hover,
    .navbar .nav > .active > a:focus,
    .navbar .nav > li > a:hover,
    .navbar .nav > li > a:focus {
        color: #999;
    }

.topbar-left span {
    color: #ddd;
}

.pali-h {
    line-height: 23px !important;
    padding-top: 3px !important;
}

.colvisCommon {
    display: inline-block;
}

ul.list-group.dropdown-menu .colvisCommon {
    display: block;
}

.colvisCommon button {
    display: block;
    margin: 2px;
    text-align: left;
    font-size: 13px;
    background: #333;
}

#colvisHeaderList button {
    background: #333;
}

.colvisCommon button input {
    margin-top: 0 !important;
}
/*************Vote**************/
#voteCon.arvote {
    text-align: right;
    direction: rtl;
    overflow: auto;
}

    #voteCon.arvote .voteBg {
        margin: 6% auto 60px;
    }

    #voteCon.arvote .votingStars {
        width: auto !important;
    }

    #voteCon.arvote fieldset.rating {
        float: left;
        width: 162px;
        margin: 0;
        margin-right: 18px;
        direction: ltr;
        display: inline-block;
    }

    #voteCon.arvote .voteBg img {
        width: 110px;
        margin: auto;
        display: block;
    }

    #voteCon.arvote .voteBg h1 {
        line-height: 23px;
        color: #737373;
        margin-top: 6px;
        text-align: justify;
        text-align-last: r;
        margin-bottom: 20px;
    }

    #voteCon.arvote .voteBg h2 {
        margin: 10px 0;
        color: #70ca63;
        font-weight: n;
    }

    #voteCon.arvote .voteBg h3 {
        font-size: 14px;
        float: right;
        margin: 10px 0;
        display: inline-block;
    }

    #voteCon.arvote .voteBg h1 span {
        color: #4674b7
    }

    #voteCon.arvote .voteBg legend {
        margin-bottom: 15px;
        color: #f6bb42;
        font-size: 15px;
        border: none;
        width: auto;
        padding: 0 20px;
    }

    #voteCon.arvote .voteBg a {
    }

    #voteCon.arvote .voteBg h2:before {
        display: none;
    }

    #voteCon.arvote .voteBg .blch1v {
        border: solid 1px #8cfdb4;
        padding: 14px;
        margin-bottom: 20px;
    }
/************Serch***************/
.hotel-search {
    padding: 23px;
    padding-bottom: 20px;
    background: #efefef;
    background-size: cover;
    background-position: 0 -100px;
}

.hotel-alert .alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.hotel-search {
    padding: 23px;
    padding-bottom: 20px;
    background: #efefef;
    background-size: cover;
    background-position: 0 -100px;
}

.hotel-alert .alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.template_wrap1 {
    float: left;
    width: 100%;
    margin: 10px 0;
    border: 1px solid rgb(199, 199, 201);
    /* border-radius: 3px; */
    /* box-shadow: 0px 2px 5px rgb(214, 214, 214); */
    -moz-box-shadow: 0px 2px 5px rgb(214, 214, 214);
    /* -webkit-box-shadow: 0px 2px 5px rgb(214, 214, 214); */
    -ms-box-shadow: 0px 2px 5px rgb(214, 214, 214);
    -o-box-shadow: 0px 2px 5px rgb(214, 214, 214);
}

    .template_wrap1 .hdrtemp {
        padding: 6px 10px 4px;
        float: left;
        width: 100%;
        height: auto;
        background-color: #8ebefc;
        /* border-bottom: 1px solid rgb(199, 199, 201); */
    }

    .template_wrap1 .print-btn {
        float: right;
        margin-top: 0;
    }

    .template_wrap1 .basic_info {
        display: inline-block;
        color: #fff;
    }

.booking-header {
    float: left;
    width: 100%;
    margin-top: 25px;
    background: #eaeaea;
    padding: 10px 0 0px 15px;
    /* box-shadow: 0 2px 5px #d6d6d6; */
    -moz-box-shadow: 0 2px 5px #d6d6d6;
    /* -webkit-box-shadow: 0 2px 5px #d6d6d6; */
    -ms-box-shadow: 0 2px 5px #d6d6d6;
    -o-box-shadow: 0 2px 5px #d6d6d6;
    /* border: 1px solid #c7c7c9; */
    margin-bottom: 11px;
}

    .booking-header h4 {
        margin-bottom: 0;
        line-height: 23px;
    }

.booking-price p {
    color: #f78a3d;
    font-size: 15px;
    font-weight: 600;
}

.booking-header .excl-down {
    font-size: 14px;
    line-height: 21px;
}

.template_wrap1 .book-sect-main hr {
    float: left;
    width: 100%;
    margin: 5px 0;
    border-color: #dadada;
}

.no-of-record .form-control {
    width: 70px;
    display: initial;
    margin-left: 10px;
    padding: 0 10px;
}

.template_wrap1 .bookingbadge.hotel {
    position: absolute;
    top: 51px;
    right: -21px;
    color: #fff;
    padding: 4px 12px 5px 5px;
    font-size: 14px;
    z-index: 1;
    background: #f6bb42;
}

.template_wrap1 .bookingbadge::after,
.template_wrap1 .bookingbadge::before {
    content: "";
    position: absolute
}

.template_wrap1 .bookingbadge::before {
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-right: 13px solid #f6bb42;
    left: -13px;
    top: 0px;
}

.template_wrap1 .bookingbadge::after {
    border-color: #ad7d1c transparent transparent #ad7d1c;
    border-style: solid;
    border-width: 5px;
    bottom: -10px;
    right: 0;
}

.booking-details-sect .template_wrap {
    float: left;
    width: 100%;
    margin: 10px 0
}

.booking-details-sect .wrapper_head {
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #4a4a4a
}

.book-sect-main {
    float: left;
    width: 100%;
    padding: 15px 0;
    background: #fff
}

    .book-sect-main .semi_header {
        font-size: 13px;
        font-weight: bold !important;
        color: #222 !important;
    }

.booking-details-sect .profile_header {
    height: auto
}

.booking-details-sect .basic_info {
    font-size: 14px;
    font-weight: 600;
    color: #4a4a4a
}

.book-sect-main p {
    font-size: 13px;
    word-break: break-all
}

.profile_header {
    height: 30px;
    background-color: rgb(241, 241, 241);
    border-bottom: 1px solid rgb(199, 199, 201);
}

/****************colvisCommon******************/
.colvisCommon button {
    background: #333;
    width: 98%;
    margin: 2px 1%;
}
/****************colvisCommon******************/
.spark-form .spark-element {
}

    .spark-form .spark-element > span {
        margin-bottom: 6px;
        display: block;
    }

.f8f8f8 {
    background: #f8f8f8 !important;
}

.spark-grid .dataTables_wrapper .row {
    margin-right: 0px;
    margin-left: 0px;
}

    .spark-grid .dataTables_wrapper .row:first-child {
        padding: 10px 0;
        background: #f8f8f8;
        border-bottom: 1px solid #e5e5e5;
    }

        .spark-grid .dataTables_wrapper .row:first-child input, .spark-grid .dataTables_wrapper .row:first-child select {
            height: 25px;
        }

        .spark-grid .dataTables_wrapper .row:first-child label {
            font-size: 13px;
            line-height: 25px;
        }

    .spark-grid .dataTables_wrapper .row:last-child {
        padding: 6px 0;
        background: #f8f8f8;
        border-top: 1px solid #e5e5e5;
    }

    .spark-grid .dataTables_wrapper .row > .col-sm-12 {
        padding: 0;
    }

.spark-grid .dataTables_wrapper .table {
    font-size: .9em;
}

.btn-clear {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    font-size: 12px;
    line-height: 18px;
}

#lbltimer {
    line-height: 30px !important;
}

.topbar-menu .metro-tile .badge.badge-hero, .panel .badge.badge-hero {
    background: rgba(0,0,0,.2) !important;
    font-size: 14px;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    padding: 0px !important;
}

.my-menu {
    min-width: 300px;
    margin-bottom: 50px;
}

.map svg {
    position: absolute !important;
    height: 100%;
}

.invisable {
    visibility: hidden;
    display: none;
}

.radio-buttons span input, .radio-buttons span label {
    display: inline-block;
    line-height: 30px;
    vertical-align: top;
    font-size: 12px;
    margin-top: -9px;
}

.radio-buttons span {
    margin-right: 10px;
}

    .radio-buttons span input {
        margin-right: 5px;
        margin-top: 0px;
    }

    .radio-buttons span label {
        padding-top: 0px;
    }

.radio-buttons {
    text-align: center;
}

#maplist tfoot {
    display: none;
}

.radio-buttons .dataTables_paginate.paging_simple_numbers {
    float: right !important;
}

    .radio-buttons .dataTables_paginate.paging_simple_numbers .pagination {
        margin: 0 !important;
        margin-top: 10px;
    }





.advs .ruButton.ruBrowse {
    background: #4A89DC;
    font-size: 12px;
    line-height: 34px;
    color: #fff;
    height: 34px;
}

.advs .ruFileWrap.ruStyled {
    height: 36px;
}

.advs .ruFakeInput.radPreventDecorate {
    height: 28px;
}

.advs #MixContainer {
    margin-right: -11px;
    margin-left: -11px;
}

    .advs #MixContainer .mix.label1.folder1 {
        padding-right: 11px;
        padding-left: 11px;
        width: 33.333%;
        float: left;
    }

.advs .of-h .img-responsive {
    height: 160px !important;
    width: 100%;
    margin: 0 auto;
}

.advs .my-gallery {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}

.advs .my-gallery-container {
    display: table;
    width: 100%;
}

.advs .admin-form .prepend-icon .field-icon {
    top: 0 !important;
}

.admin-form .append-icon .field-icon, .admin-form .prepend-icon .field-icon {
    top: 0 !important;
}

.my-form-fix .sp span.select2 {
    margin-top: 10px !important;
}


.my-form-fix .sp input {
    margin-top: 10px !important;
}

.admin-form {
    font-size: 13px;
}

    .admin-form label {
        font-weight: bold;
        font-size: 13px;
    }

.my-form-fix .select2-container--default .select2-selection--single {
    background: #fff;
}

.my-dropdown-fix .btn-group {
    width: 100%;
}

.my-dropdown-fix .btn {
    width: 100%;
    display: block;
    text-align: left;
}

.my-form-fix .section {
    margin-bottom: 25px;
}

body.external-page #main {
    background: url(../images/new-bg.jpg) no-repeat;
    background-size: cover;
}

.login-page .admin-form .panel {
    background-color: rgba(255,255,255,.85);
}

.login-page .bg-light {
    background-color: transparent !important;
}

.login-theme {
    background: rgba(255,255,255,.2) !important;
}

.login-page .admin-form .panel-info > .panel-heading:before {
    background-color: #999;
}

.login-page .admin-form .panel-info > .panel-heading {
    border-top-color: #999;
}

.admin-form .panel-info.heading-border:before, .admin-form .panel-info .heading-border:before {
    background-color: #999;
}

.downloads-element, .downloads-element:hover {
    color: #fff;
    text-decoration: none;
}

    .downloads-element:hover .bg-primary.light {
        background-color: #2e76d6 !important;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .downloads-element .bg-primary.light {
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

.my-temp .columns-dropdown {
    display: none !important;
}

.my-temp .tray.tray-center.pn {
    padding: 25px 20px 50px !important;
}

.my-panel-body-minus {
    margin: -15px;
}

.bdr-bottom {
    border-top: 1px solid #eeeeee !important;
}

.bdr-bottom1 {
    border-bottom: 1px solid #eeeeee !important;
    margin-bottom: 10px;
}

.btn-min-width {
    min-width: 50px !important;
}

.bdr-rds5 {
    border: 1px solid #eeeeee !important;
    border-radius: 15px;
    padding: 6px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    background-color: #f9f9fa;
}

input[type=checkbox] {
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    padding: 10px;
    margin: 5px;
    border: 1px solid black;
}

input[type=radio] {
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    padding: 10px;
    margin: 5px;
    border: 1px solid black;
}

.pd5 {
    padding: 5px;
    min-height: 35px;
}

.pd10 {
    padding-bottom: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pd25 {
    padding: 25px;
}

.pd2 {
    padding: 20px !important;
}

.thbg {
    background-color: #fafafa !important;
}

.tblbrd {
    margin-top: 110px;
    border: 1px solid #eeeeee !important;
}

.tblbrd_no_mt {
    border: 1px solid #eeeeee !important;
}

.tbl-sel-bg {
    background-color: #f7f5f5;
    color: #222 !important;
}

    .tbl-sel-bg:after {
        color: #eae8e8;
    }


.btn.btn-rounded {
    border-radius: 3px !important;
}

.no_bdr_panel-body {
    border: 0px solid #e5e5e5 !important;
    padding: 25px;
}

.w90 {
    width: 97.2% !important;
    padding-bottom: 20px;
}

.w100 {
    width: 98.4% !important;
    padding-left: 0.3%;
}

.w100-full {
    width: 100% !important;
}

.h36 {
    height: 36px !important;
}

.w99 {
    width: 99.6% !important;
    padding-left: 0.3%;
}

.pl5 {
    padding-left: 15px;
}

.p29 {
    padding: 29px !important;
}

.p28 {
    padding: 28px !important;
}

.pd5 {
    padding-bottom: 3px;
}

.p1012 {
    padding: 10px 12px !important;
}

.mt17 {
    margin-top: 17px !important;
}

.mt20 {
    margin-top: 20px;
}

.mt22 {
    margin-top: 22px;
}

.mt23 {
    margin-top: 23px !important;
}

.mt24 {
    margin-top: 24px !important;
}

.mt25 {
    margin-top: 25px;
}

.mt26 {
    margin-top: 26px;
}

.mt30 {
    margin-top: 30px;
}

.mt33 {
    margin-top: 33px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt41 {
    margin-top: 41px;
}

.mx-width30 {
    max-width: 30px !important;
}

.tblbrd_no_mt_rd {
}

.select2-selection__arrow {
    height: 40px !important;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 30px;
    border: 1px solid #d1d1d1 !important;
    background-color: #d1d1d1 !important;
}

input.text:focus {
    border-color: green;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input.mandatory {
    background: rgb(248, 247, 226) !important;
}

input:focus {
    border: 1px solid #bfbbbb !important;
    border-radius: 3px !important;
}

.callayout {
    border: 1px solid #ddd;
    width: 97%;
    margin: 25px !important;
    margin-bottom: 00px !important;
}


#chat-box .panel-heading {
    cursor: pointer;
    margin-right: 30px;
    border: 1px solid #DDD;
    width: 274px;
    height: 45px;
    line-height: 42px;
    top: 0 !important;
    right: 44px;
    font-size: 14px;
    background-color: #f5f5f5;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.label, .badge {
    min-width: 30px;
    min-height: 21px;
    line-height: 21px;
    margin-bottom: 2px;
}

.badge-success {
    background-color: #70ca63;
}

h4, .h4 {
    font-size: 15px;
}



h2, .h2 {
    font-size: 24px;
    padding-top: 10px;
}

.gp .select2-container--default .select2-selection--multiple {
    background: #fff;
    position: relative;
}

    .gp .select2-container--default .select2-selection--multiple:after {
        content: '\f0d7';
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -10px;
    }

.gp .select2-container--default .select2-selection--single {
    background: #fff;
    position: relative;
}

.my-datepicker .ui-datepicker-inline {
    display: none !important;
}

.boxes {
    font-size: 0;
}

    .boxes a {
        display: block;
        padding-left: 0;
        margin-right: 0 !important;
        vertical-align: top;
        color: #fff;
        cursor: pointer;
    }

        .boxes a:hover {
            color: #fff;
            text-decoration: none;
        }



.block-object {
    display: block !important;
}

.static-drop li {
    display: block !important;
}

    .static-drop li a, .static-drop li {
        text-align: left !important;
        color: #000;
    }

.static-drop i {
    margin-right: 5px;
    color: #000;
}

.my-badges .badge {
    color: #000 !important;
    margin-left: 5px;
}
/********************designer-modify-12-5**************************/
.Pic-user {
    padding: 10px 0 0 !important;
    margin: 0 0 !important;
}

    .Pic-user img {
        width: 39px;
        height: 39px;
    }

    .Pic-user span {
    }

.navbar .nav > li.dropdown .dropdown-menu {
    margin-top: 0 !important;
    background-color: #262626 !important;
}

    .navbar .nav > li.dropdown .dropdown-menu.list-group li, .navbar .nav > li.dropdown .dropdown-menu.list-group li a {
        background: transparent;
        border: none;
    }

        .navbar .nav > li.dropdown .dropdown-menu.list-group li a:hover, .navbar .nav > li.dropdown .dropdown-menu.list-group li a:focus {
            background: #999;
        }
/****************panel-con*********************/
.panel-heading {
    background: #e5e5e5 !important;
    color: #666;
}

    .panel-heading a {
        color: #fff;
        opacity: 0.8;
        -webkit-transition: all 500ms linear;
        -moz-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        transition: all 300ms linear;
    }

    .panel-heading span.glyphicon-list {
        margin-left: 5px;
    }

    .panel-heading a:hover, .panel-heading a:focus {
        color: #4a89dc;
    }

.table.dataTable {
    border: none;
}

    .table.dataTable tr, .table.dataTable td, .table.dataTable th {
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
        border-color: transparent;
    }

    .table.dataTable tbody tr:hover {
        background: #f2f2f2 !important;
    }

    .table.dataTable thead td {
        border: none;
    }

    .table.dataTable thead th {
        background: #808080;
    }

    .table.dataTable thead tr {
        background: #808080;
        color: #fff;
    }

    .table.dataTable tbody tr:nth-child(even) {
        background: #d6e6fc;
    }

    .table.dataTable tfoot {
        background: rgba(142, 190, 252, 0.32);
    }
/**********************tables-panel*************************/
.list-group-item {
    cursor: pointer;
}


.panel-con {
}


    .panel-con .list-group {
        background: #444;
    }

        .panel-con .list-group button {
            width: 98.5%;
            background-color: transparent;
            color: #fff;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            transition: all 200ms linear;
        }

            .panel-con .list-group button:before {
                color: #fff;
            }

            .panel-con .list-group button:hover {
                background-color: #999 !important;
            }

            .panel-con .list-group button.activeLS-btn {
                background: #fff !important;
                color: #999 !important;
            }

                .panel-con .list-group button.activeLS-btn:hover {
                    background: #fff !important;
                    color: #999 !important;
                }

.activeLS-btn:before {
    color: #999 !important;
}

.panel-con span.panel-controls a {
    width: 22px;
    opacity: 1;
}



    .panel-con span.panel-controls a.fa-file-excel-o {
        color: #2f9820;
    }

    .panel-con span.panel-controls a.glyphicon-print {
        color: #f5b025;
    }

    .panel-con span.panel-controls a.glyphicon-erase {
        color: #db5f4b;
    }

    .panel-con span.panel-controls a.glyphicon-search {
        color: #808080;
    }

    .panel-con span.panel-controls a.glyphicon-plus, .panel-con span.panel-controls a.panel-control-collapse, .panel-con span.panel-controls a.glyphicon-remove, span.panel-controls a.fa-question-circle, span.panel-controls a.panel-control-remove {
        color: #4a89dc;
    }

    .panel-con span.panel-controls a.glyphicon-eye-open {
        color: #a28fd2;
    }


/**************************Bus-Mutamer-print*************************/
.hdr-bus-prnt {
    background: #666;
    width: 100%;
    color: #fff;
    padding: 6px 0;
    margin-bottom: 25px;
    text-align: center;
}
/**********************tables-panel*************************/
.small-ico-panel {
    font-size: 12px !important;
}

.search-table {
    margin: 10px 0;
}

    .search-table table {
        margin-top: 0;
    }

    .search-table .checkbox {
        padding: 10px 8px 20px;
    }

        .search-table .checkbox input[type="checkbox"] {
            margin: 5px 0 0 !important;
        }

    .search-table input[type="submit"] {
        float: right !important;
        margin-right: 8px;
    }

    .search-table .drop-search-form span {
        background: #fff;
    }

    .search-table .drop-search-form td {
    }


.search-table {
    background: #fff !important;
    0;
}

    .search-table td {
        color: #777;
    }

    .search-table h4 {
        background: #8ebefc;
        color: #fff;
        padding: 12px 14px;
    }

    .search-table .checkbox-custom {
        padding: 12px 11px 0;
    }

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

/**********************panel-drop-menu*************************/
.my-menu {
    max-height: 500px;
    overflow-y: auto;
}
/**********************panel-bg*************************/
.panel-bg {
    overflow: hidden;
    position: relative;
}

    .panel-bg i.bg-icon {
        position: absolute;
        right: -10px;
        bottom: -20px;
        font-size: 80px;
        color: #ccc;
        opacity: 0.3;
    }


/**********************date-show-elements*************************/
#lbltimer {
    background: #fafafa;
    font-size: 13px;
    padding: 5px 15px;
    color: #777;
    letter-spacing: 1px;
}

#currenttimer {
    background: #fafafa;
    font-size: 13px;
    padding: 5px 15px;
    color: #777;
    letter-spacing: 1px;
}

.clock-ico {
    float: left;
    color: #f5b025;
    font-size: 23px;
    margin: 3px 8px 0 0;
}

#dropdownMenu1 {
    background: #4a89dc;
    border: none;
    color: #fff;
}
/***************chat******************/
.chat-box-con {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 40px auto 0;
    padding: 0 20px;
}

    .chat-box-con ul.contacts-list {
        height: 404px !important;
    }

    .chat-box-con .direct-chat-messages {
        height: 260px !important;
    }

.contacts-list li a {
    color: #fff;
    font-family: StateFaceRegular;
    padding: 10px 0 10px 10px;
}

    .contacts-list li a:hover {
        text-decoration: none;
        color: #999;
    }

/*********instant-search-menu**************/
#chat-search {
    width: 100%;
    background: #f1f1f1;
    border: none;
    color: #777;
    height: 30px;
    border-radius: 4px;
    padding: 0 10px;
}

.ui-autocomplete {
    background: #555 !important;
    border: none;
    max-height: 200px;
    overflow-y: auto;
}

.ui-menu-item {
    color: #ddd;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 0;
    padding: 5px 5px;
    width: 100%;
    cursor: pointer;
}

    .ui-menu-item:hover {
        background: #999;
        color: #fff;
    }

.ui-autocomplete-category {
    color: #bbb;
    font-size: 13px;
    padding-left: 5px;
}
/***************modal******************/
.modal {
    /*background: rgba(0,0,0,0.8);*/
    z-index: 10000;
    overflow-y: auto !important;
}

.popup-lg {
    width: 1200px !important;
    padding: 10px;
    margin: 0 auto;
}

.popup-md {
    max-width: 100% !important;
    width: 900px !important;
    padding: 10px;
}

.ui-datepicker {
    z-index: 10025 !important;
}

#myCarousel .modal-dialog {
    width: 500px;
    max-width: 100%;
}

#myCarousel img {
    width: 100%;
    height: 200px;
}

#myCarousel h1 {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    padding: 8px 10px 0;
    height: 37px;
    overflow: hidden;
    margin: 0;
    background: #333;
    margin-top: 8px;
    border: 1px #555 solid;
}



#myCarousel .carousel-control {
    width: 25px;
    height: 50px;
    padding-top: 11px;
    text-align: center;
    background: #4a89dc !important;
    font-size: 20px;
    color: #fff;
    top: 130px;
    opacity: 1;
    text-shadow: none;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    #advModal img {
        height: auto;
    }
}





/*Mustafa's Designer*/

body, html {
}

    body.external-page #content .admin-form {
        margin-top: 2%;
    }

/*.login-page {
    padding-bottom: 0px !important;
}*/

.login-page .admin-form .btn-social i {
    top: 0px;
}

.login-page .admin-form .prepend-icon .field-icon {
    top: 0 !important;
}

.login-page .admin-form .section {
    margin-bottom: 5px;
}





.login-sepa {
    border-right: 1px solid #ddd;
}

.login-page .br-grey {
    border: none !important;
}

.my-form {
    margin: 0px;
}



@media screen and (min-width: 768px) {
    .spark-messages {
        width: 20%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.messages-fix {
    margin-left: -10px;
    margin-right: -10px;
}

.messages-pad-fix {
    padding: 10px 0px 20px 0px !important;
}

.spark-messages a {
    color: #fff;
    text-decoration: none;
}

.dataTables_length .form-control.input-sm {
    padding: 0 5px;
}

.dataTables_filter .form-control.input-sm {
    height: 30px;
    margin-bottom: 10px;
}

table.dataTable {
    clear: both;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    max-width: none !important;
}

    table.dataTable thead > tr > th {
        padding-left: 10px !important;
        padding-right: 18px;
    }

#sidebar_left {
    background: url(../images/nav-bg-1.png);
}

.sidebar-menu > li > ul {
    background: url(../images/nav-bg-2.png);
}

    .sidebar-menu > li > ul > li:hover > a:after, .sidebar-menu > li > ul > li:focus > a:after {
        border-left: 3px solid #fff;
    }

    .sidebar-menu > li > ul > li > a:hover, .sidebar-menu > li > ul > li > a:focus {
        color: #999;
        background-color: transparent;
    }

.sidebar-menu > li > a {
    color: #fff;
}

    .sidebar-menu > li > a:hover, .sidebar-menu > li > a:focus {
        color: #999;
    }

.sidebar-menu li > a > span.caret {
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebar-menu li > a:hover > span.caret, .sidebar-menu li > a:focus > span.caret {
    color: #999;
}

.nav-cal .ui-datepicker td {
    border: 0;
    padding: 4px 4px;
}

    .nav-cal .ui-datepicker td a {
        color: #444 !important;
    }

        .nav-cal .ui-datepicker td a.ui-state-active {
            color: #fff !important;
        }

.nav-cal .ui-datepicker-calendar {
    margin: 10px 0;
}

.nav-cal .ui-datepicker {
    background: #f1f1f1;
    border-color: #333;
    color: #999;
}

    .nav-cal .ui-datepicker .ui-datepicker-header {
        background: #eeaa23;
        padding: 3px 5px;
        border-bottom: none;
    }

        .nav-cal .ui-datepicker .ui-datepicker-header span {
            color: #fff;
        }

    .nav-cal .ui-datepicker-title, .nav-cal .ui-datepicker .ui-datepicker-prev, .nav-cal .ui-datepicker .ui-datepicker-next {
        color: #999;
        font-size: 13px;
    }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 0;
}

li.sidebar-stat {
    margin-top: 10px;
}

li.advPic {
    padding: 10px;
    margin-top: 20px;
}

.navbar-branding .navbar-brand {
    padding-left: 10px;
}

#toggle_sidemenu_l, #toggle_sidemenu_t {
    width: 60px;
}

.navbar-branding .navbar-brand img {
    width: 160px;
}


header#topbar {
    background: #444;
    border-bottom: 1px solid #4A4743;
    color: #ccc;
}

.navbar.navbar-fixed-top {
    background: url(../images/top-menu-bg.png);
    box-shadow: 0 1px 0 0 #666;
    height: auto !important;
    max-height: none !important;
}

.navbar .nav > li > a {
    color: #fff;
    font-size: 13px;
    direction: rtl;
}

    .navbar .nav > .active > a,
    .navbar .nav > .active > a:hover,
    .navbar .nav > .active > a:focus,
    .navbar .nav > li > a:hover,
    .navbar .nav > li > a:focus {
        color: #999;
        background: transparent;
    }

.topbar-left span {
    color: #ddd;
}

.colvisCommon {
    display: inline-block;
}

    .colvisCommon button {
        display: block;
        margin: 2px;
        text-align: left;
        font-size: 13px;
    }

        .colvisCommon button input {
            margin-top: 0 !important;
        }



.f8f8f8 {
    background: #f8f8f8 !important;
}

.spark-grid .dataTables_wrapper .row {
    margin-right: 0px;
    margin-left: 0px;
}

    .spark-grid .dataTables_wrapper .row:first-child {
        padding: 10px 0;
        background: #f8f8f8;
        border-bottom: 1px solid #e5e5e5;
    }

        .spark-grid .dataTables_wrapper .row:first-child input, .spark-grid .dataTables_wrapper .row:first-child select {
            height: 25px;
        }

        .spark-grid .dataTables_wrapper .row:first-child label {
            font-size: 13px;
            line-height: 25px;
        }

    .spark-grid .dataTables_wrapper .row:last-child {
        padding: 6px 0;
        background: #f8f8f8;
        border-top: 1px solid #e5e5e5;
    }

    .spark-grid .dataTables_wrapper .row > .col-sm-12 {
        padding: 0;
    }

.spark-grid .dataTables_wrapper .table {
    font-size: .9em;
}

.btn-clear {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    font-size: 12px;
    line-height: 18px;
}

#lbltimer {
    line-height: 30px !important;
}

#currenttimer {
    line-height: 30px !important;
    background-color: transparent;
}


.topbar-menu .metro-tile .badge.badge-hero, .panel .badge.badge-hero {
    background: rgba(0,0,0,.2) !important;
    font-size: 14px;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    padding: 0px !important;
}

.my-menu {
    min-width: 300px;
    margin-bottom: 50px;
}

.map svg {
    position: absolute !important;
    height: 100%;
}

.invisable {
    visibility: hidden;
    display: none;
}

.radio-buttons span input, .radio-buttons span label {
    display: inline-block;
    line-height: 30px;
    vertical-align: top;
    font-size: 12px;
    margin-top: -9px;
}

.radio-buttons span {
    margin-right: 10px;
}

    .radio-buttons span input {
        margin-right: 5px;
        margin-top: 0px;
    }

    .radio-buttons span label {
        padding-top: 0px;
    }

.radio-buttons {
    text-align: center;
}

#maplist tfoot {
    display: none;
}

.radio-buttons .dataTables_paginate.paging_simple_numbers {
    float: right !important;
}

    .radio-buttons .dataTables_paginate.paging_simple_numbers .pagination {
        margin: 0 !important;
        margin-top: 10px;
    }



.collapsed-v {
    min-height: 42px !important;
    overflow: hidden !important;
}

.my-rbtn {
    margin-top: -30px;
    margin-bottom: 8px;
}

.advs .ruButton.ruBrowse {
    background: #4A89DC;
    font-size: 12px;
    line-height: 34px;
    color: #fff;
    height: 34px;
}

.advs .ruFileWrap.ruStyled {
    height: 36px;
}

.advs .ruFakeInput.radPreventDecorate {
    height: 28px;
}

.advs #MixContainer {
    margin-right: -11px;
    margin-left: -11px;
}

    .advs #MixContainer .mix.label1.folder1 {
        padding-right: 11px;
        padding-left: 11px;
        width: 33.333%;
        float: left;
    }

.advs .of-h .img-responsive {
    max-height: 250px;
    margin: 0 auto;
}

.advs .my-gallery {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}

.advs .my-gallery-container {
    display: table;
    width: 100%;
}

.advs .admin-form .prepend-icon .field-icon {
    top: 0 !important;
}

.admin-form .append-icon .field-icon, .admin-form .prepend-icon .field-icon {
    top: 0 !important;
}

.my-form-fix .sp span.select2 {
    margin-top: 10px !important;
}


.my-form-fix .sp input {
    margin-top: 10px !important;
}

.admin-form {
    font-size: 13px;
}

    .admin-form label {
        font-weight: bold;
        font-size: 13px;
    }

.my-form-fix .select2-container--default .select2-selection--single {
    background: #fff;
}

.my-dropdown-fix .btn-group {
    width: 100%;
}

.my-dropdown-fix .btn {
    width: 100%;
    display: block;
    text-align: left;
}

.my-form-fix .section {
    margin-bottom: 25px;
}

body.external-page #main {
    background: url(../images/new-bg.jpg) no-repeat;
    background-size: cover;
}

.login-page .admin-form .panel {
    background-color: rgba(255,255,255,.85);
}

.login-page .bg-light {
    background-color: transparent !important;
}

.login-theme {
    background: rgba(255,255,255,.2) !important;
}

.login-page .admin-form .panel-info > .panel-heading:before {
    background-color: #999;
}

.login-page .admin-form .panel-info > .panel-heading {
    border-top-color: #999;
}

.admin-form .panel-info.heading-border:before, .admin-form .panel-info .heading-border:before {
    background-color: #999;
}

.downloads-element, .downloads-element:hover {
    color: #fff;
    text-decoration: none;
}

    .downloads-element:hover .bg-primary.light {
        background-color: #2e76d6 !important;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .downloads-element .bg-primary.light {
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

.my-temp .columns-dropdown {
    display: none !important;
}

.my-temp .tray.tray-center.pn {
    padding: 25px 20px 50px !important;
}

.my-panel-body-minus {
    margin: -15px;
}

.bdr-bottom {
    border-top: 1px solid #eeeeee !important;
}

.bdr-bottom1 {
    border-bottom: 1px solid #eeeeee !important;
    margin-bottom: 10px;
    padding-bottom: 15px;
}

.btn-min-width {
    min-width: 50px !important;
}

.bdr-rds5 {
    border: 1px solid #eeeeee !important;
    border-radius: 15px;
    padding: 6px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    background-color: #f9f9fa;
}

input[type=checkbox] {
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    padding: 10px;
    margin: 5px;
    border: 1px solid black;
}

input[type=radio] {
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    padding: 10px;
    margin: 5px;
    border: 1px solid black;
}

.pd5 {
    padding: 5px;
    min-height: 35px;
}

.pd10 {
    padding-bottom: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pd25 {
    padding: 25px;
}

.pd2 {
    padding: 20px !important;
}

.thbg {
    background-color: #fafafa !important;
}

.tblbrd {
    margin-top: 110px;
    border: 1px solid #eeeeee !important;
}

.tblbrd_no_mt {
    border: 1px solid #eeeeee !important;
}

.tbl-sel-bg {
    background-color: #f7f5f5;
    color: #222 !important;
}

    .tbl-sel-bg:after {
        color: #eae8e8;
    }

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 39px !important;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple {
    min-height: 39px !important;
}

.select2-container .select2-selection--single {
}

.btn.btn-rounded {
    border-radius: 3px !important;
}

.no_bdr_panel-body {
    border: 0px solid #e5e5e5 !important;
    padding: 25px;
}

.w90 {
    width: 97.2% !important;
    padding-bottom: 20px;
}

.w100 {
    width: 98.4% !important;
    padding-left: 0.3%;
}

.w99 {
    width: 99.6% !important;
    padding-left: 0.3%;
}

.pl5 {
    padding-left: 15px;
}

.pd5 {
    padding-bottom: 3px;
}

.mt20 {
    margin-top: 20px;
}

.mv10 {
    margin: 10px 0 !important;
}

.mv20 {
    margin: 20px 0 !important;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.tblbrd_no_mt_rd {
}

.select2-selection__arrow {
    height: 40px !important;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 30px;
    border: 1px solid #d1d1d1 !important;
    background-color: #d1d1d1 !important;
}

input.text:focus {
    border-color: green;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input:focus {
    border: 1px solid #bfbbbb !important;
    border-radius: 3px !important;
}

? .emptydisplay {
    display: none !important;
}

.callayout {
    border: 1px solid #ddd;
    width: 97%;
    margin: 25px !important;
    margin-bottom: 00px !important;
}


#chat-box .panel-heading {
    cursor: pointer;
    margin-right: 30px;
    border: 1px solid #DDD;
    width: 274px;
    height: 45px;
    line-height: 42px;
    right: 44px;
    font-size: 14px;
    background-color: #f5f5f5;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.label, .badge {
    min-width: 30px;
    min-height: 21px;
    line-height: 21px;
    margin-bottom: 2px;
}

.badge-success {
    background-color: #70ca63;
}

h4, .h4 {
    font-size: 15px;
}



h2, .h2 {
    font-size: 24px;
    padding-top: 10px;
}

.gp .select2-container--default .select2-selection--multiple {
    background: #fff;
    position: relative;
}

    .gp .select2-container--default .select2-selection--multiple:after {
        content: '\f0d7';
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -10px;
    }

.gp .select2-container--default .select2-selection--single {
    background: #fff;
    position: relative;
}

.my-datepicker .ui-datepicker-inline {
    display: none !important;
}

.boxes {
    font-size: 0;
}

    .boxes > a {
        display: inline-block;
        padding-left: 0;
        width: 11%;
        margin-right: 1.5% !important;
        vertical-align: top;
        color: #fff;
    }

        .boxes > a:hover {
            color: #fff;
            text-decoration: none;
        }

        .boxes > a:last-child {
            margin-right: 0 !important;
        }

.block-object {
    display: block !important;
}

.static-drop li {
    display: block !important;
}

    .static-drop li a, .static-drop li {
        text-align: left !important;
        color: #000;
    }

.static-drop i {
    margin-right: 5px;
    color: #000;
}

.my-badges .badge {
    color: #000 !important;
    margin-left: 5px;
}
/********************designer-modify-12-5**************************/
.Pic-user {
    padding: 10px 0 0 !important;
    margin: 0 0 !important;
}

    .Pic-user img {
        width: 39px;
        height: 39px;
    }

    .Pic-user span {
    }

.navbar .nav > li.dropdown .dropdown-menu {
    margin-top: 0 !important;
    background-color: #262626 !important;
}

    .navbar .nav > li.dropdown .dropdown-menu.list-group li, .navbar .nav > li.dropdown .dropdown-menu.list-group li a {
        background: transparent;
        border: none;
    }

        .navbar .nav > li.dropdown .dropdown-menu.list-group li a:hover, .navbar .nav > li.dropdown .dropdown-menu.list-group li a:focus {
            background: #999;
        }
/********************panel-con**************************/
.panel-con {
}


    .panel-con .panel-heading {
        background: #eee;
        color: #777;
    }

        .panel-con .panel-heading a {
            color: #fff;
            opacity: 0.8;
            -webkit-transition: all 500ms linear;
            -moz-transition: all 500ms linear;
            -ms-transition: all 500ms linear;
            -o-transition: all 500ms linear;
            transition: all 500ms linear;
        }

            .panel-con .panel-heading a:hover, .panel-con .panel-heading a:focus {
                color: #4a89dc;
            }

.table.dataTable {
    border: none;
}

    .table.dataTable tr, .table.dataTable td, .table.dataTable th {
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
    }

    .table.dataTable tbody tr:hover {
        background: #cccccc !important;
    }

    .table.dataTable thead td {
        border: none;
    }

    .table.dataTable thead th, .table.dataTable thead tr, .table.dataTable th {
        background: #8ebefc;
        color: #fff;
    }



    .table.dataTable tbody tr:nth-child(even) {
        background: #dedede;
    }


/*.table-con #GroupsTableContentPanelHeader0{  float:left; border:1px aqua solid }
.table-con #GroupsTableContentPanelHeader1{  float:right; border:1px red solid }*/

.small-ico-panel {
    font-size: 12px !important;
}


#myCarousel img {
    width: 100%;
    height: 280px;
}

#advModal h1 {
    color: #666;
    font-size: 15px;
    text-align: center;
    line-height: 20px;
    padding: 15px 10px 0;
    margin: 0;
}

.carousel-control {
    width: 25px;
    height: 50px;
    padding-top: 11px;
    text-align: center;
    background: #4a89dc !important;
    font-size: 20px;
    color: #fff;
    top: 28%;
    opacity: 1;
    text-shadow: none;
    cursor: pointer;
}

.search-table {
    margin: 10px 0;
}

    .search-table table {
        margin-top: 0;
    }

    .search-table .checkbox {
        padding: 10px 8px 20px;
    }

        .search-table .checkbox input[type="checkbox"] {
            margin: 0 !important;
        }

    .search-table input[type="submit"] {
        float: right !important;
        margin-right: 8px;
    }

    .search-table .drop-search-form td {
        padding: 0;
        color: #fff;
    }




/********************login-con**************************/

.login-height .fc-event-desc {
    color: #fff;
}

.login-package-link {
    background-color: orange !important;
}

    .login-package-link:hover, .login-package-link:focus {
        background: #c89532 !important;
    }

    .login-package-link span {
        background-color: #df9b18 !important;
    }

/********************Dashboard-Arrows**************************/
.navbar-fixed-top .navbar-nav span.caret-tp {
    border-top-color: rgba(255, 255, 255, 1);
}

.navbar-fixed-top .navbar-nav a:hover span.caret-tp, .navbar-fixed-top .navbar-nav a:focus span.caret-tp {
    border-top-color: #999;
}
/********************Notifications**************************/

.navbar-fixed-top .media-list li {
    background-color: #262626 !important;
    border-color: #656565 !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

    .navbar-fixed-top .media-list li:hover {
        background-color: #666 !important;
        border-color: transparent;
    }

.navbar-fixed-top li.dropdown-header, .navbar-fixed-top li.dropdown-header:hover {
    background-color: #191919 !important;
    cursor: default;
}

.navbar-fixed-top .media-list li a {
    color: #fff !important;
    font-size: 11px;
}

.navbar-fixed-top .media-list li h5 {
    font-size: 13px;
    color: #c5c5c5 !important;
}

.navbar-fixed-top .dropdown-title {
    color: #fff !important;
}

.navbar-fixed-top .media-list .media-left:hover {
    background: transparent;
}


.checked-list-box li.list-group-item, .checked-list-box li.list-group-item:hover, .checked-list-box li.list-group-item:focus,
.my-menu li.list-group-item, .my-menu li.list-group-item:hover, .my-menu li.list-group-item:focus {
    background-color: #4a89dc;
    border-color: #4a89dc;
    color: #fff;
}

.my-menu li.list-group-item {
    position: relative;
}

    .my-menu li.list-group-item i {
        margin-right: 8px;
    }

    .my-menu li.list-group-item:before {
        position: absolute;
        width: 35px;
        height: 100%;
        background: transparent;
        left: 0;
        top: 0;
        content: "";
        z-index: 5;
    }

.my-menu li.active, .checked-list-box li.active {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #777 !important;
}

/********************top-bar-padding**************************/

.navbar-fixed-top .navbar-nav.navbar-left > li > a {
    padding-right: 5px;
    padding-left: 8px;
}

.navbar-fixed-top .menu-divider {
    display: none;
}

.navbar-fixed-top .navbar-right > li > a {
    padding-left: 0;
}

#subSystems span.metro-title {
    font-size: 14px;
}

/********************Change-Password**************************/
#contact .panel-heading {
    color: #fff;
    background-color: #666;
}
/********************FAQ Page**************************/
#Common li {
    padding: 5px 0;
    margin: 0 15px 0 0;
}

    #Common li .panel-heading {
        background-color: #eee;
        border-left: 2px solid #8b8b8b;
        color: #666;
        line-height: 40px;
    }

        #Common li .panel-heading a {
            margin-left: 10px;
            padding: 0;
        }

        #Common li .panel-heading i {
            font-size: 22px;
            color: #eeaa23;
        }

    #Common li .panel-body {
        background-color: #f4f4f4;
        color: #acacac;
        border: none;
    }

.faq-pic {
    max-width: 100%;
}

.common-title {
    font-size: 16px;
    color: #535353 !important;
}

.hdr-txt-faq a.accordion-toggle {
    color: #4a89dc;
}

    .hdr-txt-faq a.accordion-toggle:after {
        color: #4a89dc;
    }
/********************Groups Managements Page**************************/

.toolbar {
    padding-top: 10px;
    /*padding-right: 30px;*/
}

    .toolbar .btn-group {
        float: left;
    }

    .toolbar ul.dropdown-menu {
        background-color: #ddd;
    }

        .toolbar ul.dropdown-menu li a {
            font-size: 12px;
            color: #666;
        }

        .toolbar ul.dropdown-menu li:hover a {
            color: #fff;
        }

        .toolbar ul.dropdown-menu li.divider {
            background-color: #aeaeae;
        }

.order-list-popUp {
    width: 100%;
}

#divGroupsOperations {
    padding: 0 10px;
}

#subSystems.topbar-menu a.metro-tile {
    background: rgba(42,42,42,1);
}

    #subSystems.topbar-menu a.metro-tile:hover {
        background-color: #fff;
        color: #588fd7;
        text-decoration: none;
    }

    #subSystems.topbar-menu a.metro-tile .badge {
        opacity: 0.7;
    }

    #subSystems.topbar-menu a.metro-tile:hover .badge {
        opacity: 0.8 !important;
        color: #555 !important;
    }



/************************imview-box*************************/
.imview-box {
    height: 170px;
}

@media screen and (min-width: 1200px) {
    .imview-box {
        width: 20%;
    }
}

@media screen and (min-width: 1500px) {
    .imview-box {
        width: 16.66%;
    }
}
/*.clickable-box{
              cursor:pointer;
              transition: margin-top 0.3s ease, 
             margin-left 0.3s ease, 
             box-shadow 0.3s ease;
                background: #b1b1b1;
                border: solid 1px #b1b1b1;
                box-shadow: -1px 0px 0px #b1b1b1,-0px 1px 0px #b1b1b1, -2px 1px 0px #b1b1b1,-1px 2px 0px #b1b1b1, -3px 2px 0px #b1b1b1,-2px 3px 0px #b1b1b1, -4px 3px 0px #b1b1b1,-3px 4px 0px #b1b1b1, -5px 4px 0px #b1b1b1,-4px 5px 0px #b1b1b1, -6px 5px 0px #b1b1b1,-5px 6px 0px #b1b1b1
            }	
.clickable-box:active{
	transition: margin-top 0.3s ease, 
	margin-left 0.3s ease, 
	box-shadow 0.3s ease;
    margin-left:-10px;
	 margin-top:10px;
  	 box-shadow: 0px 0px 0px #D32F2F;
}*/
.clickable-box {
    border: 4px #ddd solid;
}

    .clickable-box .panel-body {
        position: relative;
        background: #fff !important;
        padding-left: 22%;
    }

        .clickable-box .panel-body .im-has-link {
            position: absolute;
            left: 2px;
            top: 2px;
            bottom: 2px;
            width: 15%;
            text-align: center;
        }

            .clickable-box .panel-body .im-has-link a {
                color: #fff;
                font-size: 30px;
                margin-top: 25px;
            }

            .clickable-box .panel-body .im-has-link a {
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                -ms-transition: all 0.3s;
                transition: all 0.3s;
            }

                .clickable-box .panel-body .im-has-link a:hover, .clickable-box .panel-body .im-has-link a:focus {
                    opacity: 0.8;
                    text-decoration: none;
                }

        .clickable-box .panel-body a h1 {
            color: #888;
        }

    .clickable-box .badge.badge-hero {
        background: rgba(0,0,0,.4) !important;
    }

/**********side-right-bar******************/
.show-s-r {
    right: 0 !important;
    z-index: 100;
}

#topbar {
    z-index: 100;
}

.resize-header {
    width: -moz-calc(100% - 300px) !important;
    width: -webkit-calc(100% -300px) !important;
    width: calc(100% - 300px) !important;
}

#content {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.resize-con {
    width: -moz-calc(100% - 300px) !important;
    width: -webkit-calc(100% -300px) !important;
    width: calc(100% - 300px) !important;
}

.sidemenu_r_ico {
    color: #f5b025;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
/*****************download-page******************/
#downloadsDiv h3 {
    height: 46px;
    overflow: hidden;
}

.download-block .tray {
    display: block;
}
/*****************Emulate-page-toggle-page******************/
.toggle-m-im {
    display: block !important;
    border: 1px aqua solid;
}
/*********************dashboard-classic dashboard************************/
table.rgMasterTable tbody tr:nth-child(even) {
    background: #d6e6fc !important;
}

table.rgMasterTable tbody tr:hover {
    background: #ddd !important;
}
/****************package-page********************/
.package-taps {
    margin-top: 20px !important;
}

    .package-taps li.active, .package-taps li a:hover {
        border-top;
    }
/**********************tap3-package-advisor***********************/
.tapspackageT3 .btn-group {
    clear: both;
    width: 100%;
}

    .tapspackageT3 .btn-group button {
        width: 100%;
        text-align: left;
        height: 39px;
    }
/**************************package*****************************/
/**********************tap2-agent-package***********************/
.agent-taps {
}

    .agent-taps .panel-heading {
        background-color: #8ebefc;
        color: #fff;
    }

    .agent-taps #GroupsTableBody .panel-heading {
        background-color: #eee;
        color: #777;
    }



    .agent-taps .select2-container {
        margin-top: 8px !important;
    }


.panel-lft table tbody tr:hover {
    background: #cccccc !important;
}

.panel-lft table thead td {
    border: none;
}

.panel-lft table thead tr {
    background: #8ebefc;
}

.panel-lft table tbody tr:nth-child(even) {
    background: #dedede;
}

.agent-taps .footer {
    padding-top: 20px;
    margin-bottom: 50px;
}
/**********************tap1-agent-package***********************/
.packageTap1-row1 input[type="radio"] {
    float: left;
    margin: 0;
    margin-top: 2px;
    margin-right: 5px;
}

.packageTap1-row1 span {
    margin-left: 5px;
}

.packageTap1-row2 .input-group, .packageTap1-row2 input {
    margin-top: 8px;
}

    .packageTap1-row2 .input-group input {
        margin-top: 0;
    }

.packageTap1-row3 {
    padding: 0 10px;
}

    .packageTap1-row3 .panel-heading, .packageTap3-con .panel-heading {
        padding: 0;
        border: none;
    }

/*.packageTap1-row3 .panel-heading a, .packageTap3-con .panel-heading a {
            padding: 0 10px;
            background: #f1f1f1;
            color: #555;
            text-decoration: none;
        }

            .packageTap1-row3 .panel-heading a i, .packageTap3-con .panel-heading a i {
                color: #4a89dc;
            }*/

.packageTap1-data {
    text-align: center;
    margin-bottom: 14px;
}

    .packageTap1-data .wBlock {
        width: 100% !important;
        margin: 10px 0.5%;
        padding: 8px 1%;
        display: inline-block;
        background: #777;
        height: 120px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

        .packageTap1-data .wBlock:hover {
            background: #8ebefc;
        }

            .packageTap1-data .wBlock:hover h3 {
                color: #fff;
            }

    .packageTap1-data .col-md-5 .wBlock:hover span {
        background: #fff;
        color: #8ebefc;
    }

    .packageTap1-data .wBlock h3, .packageTap1-data .wBlock span {
        color: #fff;
    }



    .packageTap1-data .col-md-5 .wBlock {
        width: 100% !important;
    }

.orange-clr {
    background-color: #f5b025 !important;
}

.blue-clr {
    background-color: #4a89dc !important;
}

.white-clr {
    background-color: #fff !important;
}

.blue-clr-brdr {
    background-color: #fff !important;
    border: solid 1px #8ebefc !important;
    border-right-width: 5px !important;
    color: #939393 !important;
    padding: 3px 15px 3px 0 !important;
}

.green-clr {
    background-color: #5bc24c !important;
}

.red-clr {
    background-color: #ec6f5a !important;
}

.move-clr {
    background-color: #8362d6 !important;
}

.packageTap1-data .col-md-5 .wBlock span {
    background: #fff;
    border: none;
    color: #000;
}

.packageTap1-data h3 {
    font-size: 13px;
    height: auto;
    line-height: 19px;
    color: #666;
    overflow: hidden;
    margin: 0;
    padding: 0;
}


.packageTap1-data .col-md-5 .wBlock:hover span {
    color: #000;
}

@media screen and (max-width: 768px) {
    .packageTap1-data .wBlock, .packageTap1-data .col-md-5 .wBlock {
        width: 48% !important;
    }
}

.packageTap1-rowBtns {
    margin-bottom: 20px;
}

    .packageTap1-rowBtns input[type="radio"] {
        margin: 5px 5px 0 0;
    }

    .packageTap1-rowBtns label {
        font-size: 13px;
    }

    .packageTap1-rowBtns .btn-group {
        float: left;
    }

.packageTap1-tableCon table {
    margin-top: 20px;
}

    .packageTap1-tableCon table thead tr {
        background: #8ebefc !important;
    }

    .packageTap1-tableCon table thead th {
        color: #fff;
    }

    .packageTap1-tableCon table tbody tr:nth-child(even) {
        background: #dedede;
    }

    .packageTap1-tableCon table tbody tr:hover {
        background: #ccc !important;
    }

.packageTap1-tableCon .btn-group {
    width: 60%;
    float: right;
    margin-right: 10px;
}

    .packageTap1-tableCon .btn-group > div {
        float: right;
    }





.packageTap1-tableCon .btn-default.dropdown-toggle {
    margin-top: 15px;
    margin-left: 15px;
}

.package-wid1 .select2-container {
    width: 100% !important;
}
/**********************tap3-agent-package***********************/
.packageTap3-con .toolbar.bottom-toolbar {
    padding: 15px 0 20px;
}

    .packageTap3-con .toolbar.bottom-toolbar button {
        margin: 0;
    }

.packageTap3-con .panel {
    padding: 0 10px;
}

.packageTap3-con .last-row {
    border-top: 1px #ccc solid;
    margin-top: 20px;
    padding-top: 15px;
}

    .packageTap3-con .last-row input[type="radio"] {
        float: left;
        margin: 0;
        margin-top: 2px;
        margin-right: 5px;
    }

    .packageTap3-con .last-row span {
        margin-left: 5px;
    }

    .packageTap3-con .last-row input[type="text"] {
        margin-top: 5px;
    }

.packageTap3-con table.dataTable {
    border: 1px #fff solid;
}

.packageTap3-con table {
    border: 1px #d2d2d2 solid;
}

/*************resault-page*******************/

.resault-page {
    padding: 0 10px;
}

    .resault-page .dataTables_wrapper .col-sm-12 {
        overflow: auto;
    }

    .resault-page .headerDBHC span {
        font-size: 22px !important;
    }

    .resault-page .dataTables_filter input {
        margin-left: 10px;
    }

    .resault-page .dataTables_length select {
        margin: 0 10px;
    }

    .resault-page .toolbar {
        margin: 0 0 10px;
    }

    .resault-page table th {
        cursor: pointer;
    }

    .resault-page ul.pagination {
        float: right;
    }

    .resault-page .dataTables_info {
        margin-top: 20px;
    }
/*************favlist********************/
.full-screen-htrml {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: auto;
}
/**************TransactionsPage******************/
.Transactions-taps {
    padding-bottom: 40px;
}

    .Transactions-taps .block-fluid {
        padding-bottom: 20px;
    }



.Transactions-tap3 .row {
    margin-bottom: 15px;
}

.Transactions-tap3 .radio-inline {
    margin-top: 12px;
    margin-left: 13px;
}

.Transactions-tap3 .col-md-3 > span, #RequestChangeDiv span {
    display: block;
    padding-bottom: 5px;
}

.Transactions-tap3 select, #RequestChangeDiv select {
    height: 39px;
    border-color: #dddddd;
}

#RequestChangeDiv {
    padding: 0 11px;
}

#div_mainTransactions h5 {
    color: #f89406;
    font-size: 14px;
    border-bottom: 1px #ddd solid;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.Transactions-tap2 select option {
    font-size: 13px;
}

.Transactions-tap2 .Col3 {
    padding-top: 25px;
}

.Transactions-tap2 span {
    display: block;
}

.Transactions-tap3 h1, .Transactions-tap2 h1 {
    color: #4a89dc;
}
/**************visaPage******************/
.visa-lft-bar {
    position: absolute;
    left: -290px;
    z-index: 2;
    height: auto !important;
    background: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

    .visa-lft-bar.slide-me {
        left: 0px;
    }

    .visa-lft-bar .show-lft-bar {
        position: absolute;
        width: 25px;
        height: 30px;
        text-align: center;
        padding-top: 6px;
        border-radius: 0 5px 5px 0;
        top: 0;
        left: 100%;
        background: #fff;
    }

    .visa-lft-bar ul.checked-list-box li {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

        .visa-lft-bar ul.checked-list-box li:hover {
            background: #4a89dc;
            border-color: #4a89dc;
            color: #fff;
        }

.visa-rght-bar {
    position: absolute;
    right: -290px;
    z-index: 2;
    height: 500px !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.visa-rght-bar-con {
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    top: -156px;
    padding-top: 156px;
    position: relative;
    background: #fff;
}

.visa-rght-bar.slide-me {
    right: 0px;
}

.visa-rght-bar .show-rght-bar {
    position: absolute;
    width: 25px;
    height: 30px;
    background-color: #fff;
    border-radius: 5px 0 0 5px;
    right: 100%;
    top: 0;
    text-align: center;
    padding-top: 6px;
}

.visa-cntr {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    height: auto !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

    .visa-cntr .panel-body {
        background: #eee !important;
        padding: 0 10px !important;
    }

    .visa-cntr .table-responsive {
        margin-bottom: 20px;
        overflow: auto;
    }

    .visa-cntr.resize-from-lft {
        left: 290px;
    }

    .visa-cntr.resize-from-rght {
        right: 290px;
    }

.visa-rght-bar .isw-refresh {
    background-color: #4a89dc;
    color: #fff;
    font-size: 12px;
    padding: 4px 15px;
    margin-top: 30px;
    display: inline-block;
    margin-bottom: 8px;
}

    .visa-rght-bar .isw-refresh:hover {
        background-color: #d8d8d8;
        color: #444;
        text-decoration: none;
    }

.visa-rght-bar #lnkProcessTracking {
    margin-left: 17px;
    background-color: #5bc24c;
    color: #fff;
}

    .visa-rght-bar #lnkProcessTracking:hover {
        margin-left: 17px;
        background-color: #d8d8d8;
        color: #444;
    }

.visa-rght-bar li.timeline-item {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

    .visa-rght-bar li.timeline-item:hover {
        background-color: #e6e6e6;
        cursor: pointer;
    }

.visa-rght-bar ol.timeline-list li.timeline-item .timeline-icon {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}


.visa-rght-bar ol.timeline-list li.timeline-item:hover .timeline-icon {
    transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
    background-color: #4a89dc !important;
    color: #fff !important;
}

.visa-rght-bar .block-fluid {
    padding: 20px;
}

    .visa-rght-bar .block-fluid table td {
        padding: 4px 0;
    }

#sidebar_left {
    height: 100%;
    z-index: 10;
    position: fixed !important;
}

.visa-cntr table {
    border-top: 1px solid #d5d5d5;
    margin-top: 20px;
}

    .visa-cntr table thead th {
        background-color: #8ebefc !important;
        color: #fff !important;
        border-color: #d5d5d5 !important;
    }

    .visa-cntr table tr {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s;
    }

    .visa-cntr table tbody tr:first-child td {
        background-color: #b4b3b3 !important;
        color: #fff !important;
        border-color: #fff !important;
    }

        .visa-cntr table tbody tr:first-child td a {
            color: #fff !important;
        }

    .visa-cntr table tbody tr.alert-info:nth-child(odd) td {
        background-color: #fff !important;
        color: #777 !important;
        border-color: #d5d5d5 !important;
    }

    .visa-cntr table tbody tr.alert-info:nth-child(even) td {
        background-color: #efefef !important;
        color: #777 !important;
        border-color: #d5d5d5 !important;
    }

    .visa-cntr table tbody tr.alert-info:hover td {
        background-color: #e9e9ea !important;
    }

    .visa-cntr table tbody tr.default td {
        background-color: #ccc !important;
        color: #555 !important;
        border-color: #fff !important;
    }

        .visa-cntr table tbody tr.default td a {
            color: #555 !important;
        }

    .visa-cntr table tbody tr:first-child .buttonminus {
        cursor: pointer;
        background-image: url('../images/plus_S11.png');
    }

    .visa-cntr table tbody tr:first-child .buttonplus {
        cursor: pointer;
        background-image: url('../images/minus_S1.png');
    }

.visa-cntr .buttonminus, .visa-cntr .buttonplus {
    cursor: pointer;
}

    .visa-cntr .buttonminus:hover, .visa-cntr .buttonplus:hover {
        color: transparent;
        border: none !important;
    }
/******************generals**********************/
.mr2 {
    margin-right: 2px !important;
}

.mr3 {
    margin-right: 3px !important;
}

.mr4 {
    margin-right: 4px !important;
}

.mt6 {
    margin-top: 6px !important;
}

.pt6 {
    padding-top: 6px !important;
}

.pt7 {
    padding-top: 7px !important;
}

.pl3 {
    padding-left: 3px !important;
}

.pt22 {
    padding-top: 22px !important;
}

.pt27 {
    padding-top: 27px !important;
}

.mt18 {
    margin-top: 18px !important;
}

.mt3 {
    margin-top: 3px !important;
}

.mt2 {
    margin-top: 2px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt7 {
    margin-top: 7px !important;
}

.mb7 {
    margin-bottom: 7px !important;
}

.mt6 {
    margin-top: 6px !important;
}

.mt4 {
    margin-top: 4px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt-121 {
    margin-top: -121px !important;
}

.brdr-none {
    border: none !important;
}

.border-crds {
    border: 1px solid #e5e5e5 !important;
}

.clr-red3 {
    color: #e63f24 !important;
}

.linkable-booking {
    cursor: pointer;
    text-decoration: underline;
}

.navbar-form.navbar-left.navbar-search i.fa-search {
    display: none;
}


.ove-flw-x-au {
    overflow-x: auto !important;
}

.panel-group {
    margin-bottom: 8px;
}

.width-au {
    width: auto !important;
}

.hight-au {
    height: auto !important;
}

.text-gray7 {
    color: #777;
}

.make-rel {
    position: relative;
}

.bg-purple-clr {
    background-color: #967adc;
    color: #fff;
}

    .bg-purple-clr:hover,
    .bg-purple-clr:focus,
    .bg-purple-clr:active,
    .bg-purple-clr.active,
    .open > .dropdown-toggle.bg-purple-clr {
        background-color: #8366cb;
        color: #fff;
        border-radius: 0;
    }

.bg-other-red-clr {
    background-color: #f17d6a;
    color: #fff;
}

    .bg-other-red-clr:hover,
    .bg-other-red-clr:focus,
    .bg-other-red-clr:active,
    .bg-other-red-clr.active,
    .open > .dropdown-toggle.bg-other-red-clr {
        background-color: #df6b57;
        color: #fff;
        border-radius: 0;
    }

.bg-cyan-clr {
    background-color: #69ccc6;
    color: #fff;
}

    .bg-cyan-clr:hover,
    .bg-cyan-clr:focus,
    .bg-cyan-clr:active,
    .bg-cyan-clr.active,
    .open > .dropdown-toggle.bg-cyan-clr {
        background-color: #56bcb6;
        color: #fff;
        border-radius: 0;
    }


.wid100 {
    width: 100% !important;
}

.scrolling-n {
    overflow: hidden !important;
}

.scrolling-x {
    overflow-x: auto !important;
}

.overflow-visible {
    overflow: visible !important;
}

.scrolling-x.mB15 {
    margin: 0 15px;
}

.zindex-calrnder-less .ui-datepicker-inline {
    z-index: 5 !important;
}

.btn-group-multiSelect {
    width: 100%;
}

.row-mb20 .row {
    margin-bottom: 15px;
}
/*make all row inside hS MARGIN 10tb*/
.row-mb25 .row {
    margin-bottom: 25px;
}

.text-query-hid a {
    text-decoration: underline !important;
}

.arbic-txt {
    text-align: right;
    direction: rtl;
    /*font-family: arabic_font; Commented for Attachement Font */
    font-weight: normal;
}
/*class for arabic txt*/
/*.btn.btn-default.btn-sm.light.dropdown-toggle{margin:10px 10px 4px;}/*for all show/hide colums button*/
.panel-body {
    width: 100%;
    overflow-x: auto;
}

    .panel-body .dropdown {
        margin-bottom: 10px;
    }

.panel-pn .panel-body.pn {
    padding: 15px !important;
}
/******creat padding for .panel-body.pn********/
.panel-pn .btn.dropdown-toggle {
    margin-bottom: 0;
}

.panel-pn table {
    margin-top: 5px;
}

.pheading-pn .panel-heading {
    padding: 0 !important;
}

.pheading-pnl5 .panel-heading {
    padding: 0 !important;
    padding-left: 5px !important;
}

.col12-none .col-md-12.panel-con, .col12-none .col-sm-12 {
    padding: 0 !important;
}
/********delete padding for clo12***********/
.col-has-table .col-sm-12 {
    overflow-x: auto;
}

.panel-controls {
    margin-right: 5px;
}

.multiselect {
    width: 100%;
}

ul.multiselect-container {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

    ul.multiselect-container a {
        white-space: normal;
    }

        ul.multiselect-container a label {
            background: #f1f1f1;
        }

.multiselect-container li:nth-child(2) label, .multiselect-container li:nth-child(3) label {
    background: #4a89dc !important;
    color: #fff !important;
}

.multiselect-container.dropdown-menu > li > a > label.checkbox:hover {
    color: #333 !important;
    background: #ddd !important;
}

.multiselect-container.dropdown-menu > li.active > a > label.checkbox {
    background: #4a89dc !important;
    color: #fff !important;
}

.has-multi-select .btn-group {
    width: 100%;
}

    .has-multi-select .btn-group button {
        text-align: left;
        height: 39px;
        margin: 0 !important;
    }

        .has-multi-select .btn-group button b.caret {
            float: right;
            margin-top: 7px;
        }

.modal-header {
    background: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    min-height: 15px;
}

    .modal-header h4, .modal-header h3 {
        color: #fff;
        font-size: 18px;
        background: #666;
        padding: 15px 20px;
        margin: 33px 0 10px;
    }

        .modal-header h4 i {
            margin-right: 8px;
        }

    .modal-header .close {
        opacity: 1;
    }

        .modal-header .close:hover {
            opacity: 0.8;
        }

    .modal-header span, .modal-header .close {
        color: #999;
        font-size: 22px;
    }

.border-n {
    border: none !important;
}

.admin-form .file .button {
    font-size: 12px;
}

.titeleStyle1 {
    font-size: 15px;
    margin: 10px 0;
    color: #333;
}

.titeleStyle2 {
    font-size: 15px;
    margin: 10px 0;
    color: #333;
}

.list-inline-imp li {
    display: inline-block !important;
}

.center-block {
    display: block !important;
}

.gry-dm-bg {
    background-color: #444;
}

.w35 {
    width: 35px;
}

@media screen and (max-width: 815px) {
    #content .panel .panel-body {
        overflow-x: auto !important;
    }
}

.p2-13 {
    padding: 5px 20px !important;
    border-radius: 7px;
    margin-bottom: 3px !important;
}

.col-black {
    color: #000 !important;
}

.display-inline {
    display: inline-block !important;
}

.display-flex {
    display: inline-flex !important;
}

.display-blck {
    display: block !important;
}

.dark-bg {
    background: #ddd;
}

.btn-group .btn + .btn {
    margin-left: 3px;
}

.ml3 {
    margin-left: 3px !important;
}

.ml11 {
    margin-left: 11px !important;
}

.mr11 {
    margin-right: 11px !important;
}

.gray-txt {
    color: #777;
}

.admin-form .panel-heading {
    overflow: visible;
}

.modal-footer .btn + .btn {
    margin-left: 0;
}

.select2-dropdown {
    z-index: 10002;
}

.popUp-mrT {
    margin-top: 15%;
}

.fs0 {
    font-size: 0 !important;
}

table.dataTable input[type="checkbox"].form-control {
    width: auto;
}

.bg-999 {
    background: #999 !important;
}

.scrollingtable-con .dataTables_wrapper .row:nth-child(2) .col-sm-12 {
    overflow-x: auto !important;
    padding: 0 !important;
    margin-bottom: 10px;
}

.scrollingtable-con .dataTables_wrapper {
    overflow-x: hidden !important;
}

    .scrollingtable-con .dataTables_wrapper .row:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
    }

#sidebar_left .nav.sidebar-menu li:nth-child(6) a span.sidebar-title {
    top: -140px !important;
}

#sidebar_left .nav.sidebar-menu li:nth-child(6) ul.nav.sub-nav {
    top: -98px !important;
}

/*************************************footer-moving-with-Menu********************************/
sb-l-m #content-footer {
    left: 0;
}

.sb-l-m #content-footer {
    left: 45px;
}

#content-footer {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.sb-l-m #content-footer {
    left: 60px;
}

@media screen and (max-width: 780px) {
    #content-footer {
        left: 230px !important;
        padding: 0 10px;
    }

    .sb-l-m #content-footer {
        left: 45px !important;
    }
}
/***********************last-grid-default-UpdatePanelInKSA************************/
#UpdatePanelInKSA table p, #UpdatePanelInKSA table h3 {
    margin: 0 !important;
}


/*******************ServicesRequest********************/
.over-non {
    overflow: hidden !important;
}

.circles-con {
    width: 100%;
    position: relative;
    overflow-x: auto;
}

    .circles-con .ng-scope {
        margin-bottom: 10px;
    }

.circles-wrap {
    width: 100%;
    margin-top: 20px;
}

.stepDivCon {
    position: absolute;
    z-index: 10;
    width: 590px;
    right: -600px;
    top: 0;
    padding: 10px !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #fff;
    border: 1px #e5e5e5 solid;
    border-top: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

    .stepDivCon.slided {
        right: 0;
    }

    .stepDivCon .show-stepDivCon {
        position: absolute;
        z-index: 10;
        width: 60px;
        height: 30px;
        text-align: center;
        padding-top: 6px;
        border-radius: 5px 0 0 5px;
        top: 2px;
        right: 100%;
        background: #fff;
        color: #3bafda;
    }

    .stepDivCon .StepDiv {
        width: 100%;
        margin: 0 0;
        padding-bottom: 0;
    }

    .stepDivCon table td, .stepDivCon table th {
        padding: 8px 0 !important;
    }

    .stepDivCon .StepDiv > .row {
        padding: 10px 0;
        overflow-x: auto;
    }

    .stepDivCon .StepDiv .StepDivHeader {
        cursor: pointer;
        background: #4a89dc !important;
        color: #fff !important;
        padding: 10px 10px;
        margin-bottom: 3px;
    }

        .stepDivCon .StepDiv .StepDivHeader i {
            width: 20px;
            height: 20px;
            text-align: center;
            padding-top: 4px;
            margin-right: 8px;
            color: #4a89dc;
            background: #fff;
            border-radius: 100%;
        }

        .stepDivCon .StepDiv .StepDivHeader:hover i, .stepDivCon .StepDiv .StepDivHeader.active i {
            color: #b0afaf;
        }

        .stepDivCon .StepDiv .StepDivHeader:hover, .stepDivCon .StepDiv .StepDivHeader.active {
            background: #b0afaf !important;
            color: #fff !important;
        }

        .stepDivCon .StepDiv .StepDivHeader .circleProgress {
            position: relative;
            background: #f0e80e;
            overflow: hidden;
            float: right;
            width: 20px;
            height: 20px;
            border-radius: 100%;
            border: 2px #f0e80e solid;
        }

            .stepDivCon .StepDiv .StepDivHeader .circleProgress .rateC {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                background: #4a89dc;
            }

        .stepDivCon .StepDiv .StepDivHeader:hover .circleProgress .rateC, .stepDivCon .StepDiv .StepDivHeader.active .circleProgress .rateC {
            background: #b0afaf;
        }

.acc-con {
    padding: 10px 0;
}


.stepDivCon #step2div .col-sm-6 {
    padding-bottom: 10px !important;
}

    .stepDivCon #step2div .col-sm-6 input.form-control.input-sm {
        width: 222px;
    }

    .stepDivCon #step2div .col-sm-6 .pagination {
        float: left;
    }

.stepDivCon #step2div #TablMutamerSummary_filter {
    float: left;
    margin: 0;
}

.stepDivCon #step2div .col-sm-12 {
    overflow-x: auto;
}

.stepDivCon .progress {
    height: 7px;
    border-radius: 2px;
    float: right;
    width: 50px;
    margin-top: 7px;
    border-radius: 0;
    background: #fff;
}

.stepDivCon .progress-bar {
    background-color: #f0e80e;
}

.mutamers-bar {
    text-align: center;
    width: 300px;
    margin: 0 auto 20px;
}

    .mutamers-bar .mutamerCi {
        position: relative;
        width: 90px;
        height: 90px;
        margin: 8px auto;
        color: #777;
        border-radius: 100%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
        background: #d8d8d8;
        border: 2px #dededf solid;
    }

        .mutamers-bar .mutamerCi:hover {
            background: transparent !important;
            border-color: #ccc;
        }

    .mutamers-bar.mutamers-bar-hover .mutamerCi:hover {
        background: #cac9cb !important;
    }

    .mutamers-bar .mutamerCi:before {
        position: absolute;
        content: "";
        border-radius: 100%;
        width: 100%;
        height: 100%;
        z-index: -1;
        left: 0;
        top: 0;
        background: #cac9cb;
        -ms-transform: scale(0); /* IE 9 */
        -webkit-transform: scale(0); /* Safari */
        transform: scale(0);
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .mutamers-bar .mutamerCi:hover:before {
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari */
        transform: scale(1);
    }

    .mutamers-bar h1 {
        padding: 15px 0 8px;
        margin: 0;
        line-height: 20px;
        font-size: 20px;
    }

    .mutamers-bar .mutamerCi.frist-cir {
        width: 100px;
        height: 100px;
        color: #fff;
        background: #5bc24c;
        border-color: #6bcd5d;
    }

        .mutamers-bar .mutamerCi.frist-cir h1 {
            font-size: 37px;
            margin-top: 8px;
        }

        .mutamers-bar .mutamerCi.frist-cir:hover {
            border-color: #fca191;
        }

        .mutamers-bar .mutamerCi.frist-cir:before {
            background: #ec6f5a;
        }

    .mutamers-bar.mutamers-bar-hover .mutamerCi.frist-cir:hover {
        background: #ec6f5a !important;
    }





.stepDivCon #step5div .col-md-6 span {
    margin-bottom: 10px;
}

.stepDivCon #step5div .col-md-6 img {
    float: left;
    margin-right: 5px;
    margin-bottom: 0;
    width: 30px;
    border-radius: 4px;
    text-align: center;
    padding: 4px 5px;
}

.stepDivCon #step5div span.form-control, .mazar-control {
    display: inline-block !important;
    width: auto !important;
    height: 39px !important;
    padding: 5px 0 0 !important;
    border: none !important;
    background: transparent !important;
}

.stepDivCon #step6div table thead tr {
    background: #8ebefc;
    color: #fff;
}

.taps-elements-con {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    overflow-x: auto;
}

    .taps-elements-con.resize-taps-elements {
        width: -moz-calc(100% - 595px) !important;
        width: -webkit-calc(100% -595px) !important;
        width: calc(100% - 595px) !important;
    }

.tab1SRCon {
    background: #fff;
    padding: 20px 0;
}
    /*.tab1SRCon .head{ background:#e5e5e5; border-top:2px #e9573f solid; padding:8px 15px; height:30px; margin:15px 0;  }*/
    .tab1SRCon .head h1, .tab1SRCon .head h3, .tab1SRCon .head h4 {
        font-size: 14px;
        background: #3b3f4f;
        color: #fff;
        line-height: 18px;
        margin: 20px 0;
        padding: 10px 15px;
    }

        .tab1SRCon .head h1 img, .tab1SRCon .head h3 img, .tab1SRCon .head h4 img {
            margin-right: -8px !important;
            margin-top: -4px !important;
            width: 25px;
            height: 25px;
        }

    .tab1SRCon .row {
        margin-bottom: 10px;
    }

    .tab1SRCon input[type=button], .tab1SRCon input[type=submit], .tab1SRCon button {
        height: 39px;
    }

    .tab1SRCon .div_pkg_details {
        margin-bottom: 20px;
    }

    .tab1SRCon button.dropdown-toggle {
        margin-bottom: 10px !important;
    }

    .tab1SRCon table {
        width: 100%;
        margin: 10px 0;
    }

        .tab1SRCon table thead tr {
            background: #8ebefc;
            color: #fff;
        }

    .tab1SRCon .panel-heading {
        background: #eee;
        color: #777;
    }

        .tab1SRCon .panel-heading a {
            color: #fff;
            opacity: 0.8;
            -webkit-transition: all 500ms linear;
            -moz-transition: all 500ms linear;
            -ms-transition: all 500ms linear;
            -o-transition: all 500ms linear;
            transition: all 500ms linear;
        }

.panel-heading a:hover, .panel-con .tab1SRCon a:focus {
    color: #4a89dc;
}

span.panel-controls a {
    width: 22px;
    opacity: 1;
}



    span.panel-controls a.fa-file-excel-o {
        color: #2f9820;
    }

    span.panel-controls a.glyphicon-print {
        color: #f5b025;
    }

    span.panel-controls a.glyphicon-erase {
        color: #db5f4b;
    }

    span.panel-controls a.glyphicon-search {
        color: #808080;
    }

    span.panel-controls a.glyphicon-plus, span.panel-controls a.panel-control-collapse, span.panel-controls a.glyphicon-remove {
        color: #4a89dc;
    }


a.pag {
    float: left;
    padding: 5px 12px;
    line-height: 1.49;
    text-decoration: none;
    color: #777;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin: 10px 0;
    margin-left: -1px;
    text-decoration: none;
    cursor: pointer;
}

    a.pag:hover, a.pag:focus {
        color: #fff;
        background: #eeaa23;
    }

a.pagF, a.pagL {
    color: #fff;
    background: #eeaa23;
}

.circles-con .green_circle {
    position: relative;
    cursor: pointer;
    color: #fff;
    border: 3px #a8ceff solid;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    background: #4b8add !important;
}

    .circles-con .green_circle:hover, .circles-con .green_circle.color-2 {
        background: transparent !important;
        border-color: #f9bd46;
        color: #fff !important;
    }

    .circles-con .green_circle:before {
        position: absolute;
        content: "";
        border-radius: 100%;
        width: 100%;
        height: 100%;
        z-index: -1;
        left: 0;
        top: 0;
        background: #f9bd46;
        -ms-transform: scale(0); /* IE 9 */
        -webkit-transform: scale(0); /* Safari */
        transform: scale(0);
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .circles-con .green_circle:hover:before, .circles-con .green_circle.color-2:before {
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari */
        transform: scale(1);
    }

    .circles-con .green_circle span div {
        white-space: normal;
    }

.circles-con .title-cont .fa-3x {
    font-size: 1.7em;
}

.Mutmaers-con {
    background: #ddd;
    padding: 10px;
}

.makahMadina {
    display: block;
    padding: 10px 10px 0;
    margin-bottom: 15px;
    clear: both;
}

    .makahMadina img {
        float: left;
        margin-right: 5px;
        margin-top: 3px;
    }

.Add-Selected-button {
    margin: 0 15px;
}

.table-wos td, .table-wos th {
    padding: 5px !important;
}

.Departureblock, .arrivalBlock {
    position: relative;
    background: #e5e5e5;
    padding: 10px 0;
    margin: 0 0 10px;
}

    .Departureblock h1 input, .arrivalBlock h1 input {
        height: 28px;
        margin: 5px;
        float: left;
    }

    .Departureblock h1.title2, .arrivalBlock h1.title2 {
        float: left;
        width: 100%;
        background: #fff;
        line-height: 35px;
        font-size: 14px;
        margin: 0 0 15px !important;
        padding: 5px 10px;
        text-transform: uppercase;
    }

#step3div .fa-circle {
    font-size: 6px;
    color: #4a89dc;
    margin-right: 5px;
}

h1.tit1 {
    background: #eee;
    padding: 5px 10px;
    margin: 0 0 10px;
    line-height: 18px;
    font-size: 15px;
}

#step6div td, #step6div th {
    padding: 8px 20px !important;
}

#step6main table td, #step6main table th {
    min-width: 200px;
}

#step6main table input[type=checkbox] {
    width: 15px;
}
/******************tag-input*************************/
.bootstrap-tagsinput {
    width: 100%;
    border-color: #ddd;
    min-height: 40px;
    border-radius: 0px !important;
}

    .bootstrap-tagsinput input {
        border: none !important;
        max-width: 70px !important;
    }

    .bootstrap-tagsinput span {
        line-height: 5px !important;
        padding: 9px 6px !important;
        margin-top: 3px;
        border: none !important;
    }

    .bootstrap-tagsinput .tag {
        border-radius: 0;
    }

/****************map-view******************/
.map-view-style {
}

    .map-view-style path text {
        background: #fff !important;
        fill: #ff0000 !important;
        padding: 2px 5px !important;
    }

    .map-view-style tspan {
        background: #fff !important;
        color: #777 !important;
        padding: 2px 5px !important;
    }

/****************TasksCalendar******************/
body .fc {
    font-size: 1em;
    width: 100%;
    margin-left: 0;
}

.fc button {
    height: auto;
    padding: 6px 12px;
}

.fc-unthemed .fc-today {
    background: #fff;
}

.fc-center h2 {
    color: #666;
}

.side-bar-calendar table.ui-datepicker-calendar td {
    padding: 10px 3px;
}

.fc-title-clone {
    font-size: 20px;
    text-align: center;
    margin: 8px 0 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E7E7E7;
}

.fc .fc-button-group button {
    border-radius: 0;
}

.calendar-page .tray-left .fc-event {
    margin-left: 2px;
    margin-right: 2px;
    background: #FFF;
}

.fc-event {
    position: relative;
    cursor: pointer;
    padding: 8px;
    margin: 10px;
    color: #777;
    font-size: 12px;
    background: #f9f9f9 !important;
    border-radius: 2px;
    border: 1px solid #ddd;
    border-left: 4px solid #4a89dc;
}

    .fc-event:hover, .fc-event:focus {
        color: #777;
    }

.side-bar-calendar .list-group a {
    color: #888 !important;
    font-size: 12px;
}

.badge-primary {
    background-color: #4a89dc;
}

.side-bar-calendar .badge {
    display: inline-block;
    width: 15px;
    min-width: 15px;
    min-height: 15px;
    height: 15px;
    padding: 0;
    text-alignc;
    font-size: 11px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: 0;
}
/*********************tap-content****************************/
.tab-block .tab-content {
    border-top: 10px #dc9b1b solid;
    margin: 20px 1.5% 0;
}

input[type=text]:hover, input[type=text]:focus {
    border-color: #8ebefc !important;
}

.tab-block .nav-tabs {
    width: 97%;
    margin: 20px 1.5% 10px !important;
}
/*********************reports****************************/
.table-has-scroll .dataTables_wrapper {
    margin: 0 15px 50px;
}

.table-has-scroll2 .panel-con {
    padding: 0 !important;
}

.table-has-scroll2 .panel-body {
    margin-bottom: 50px;
    width: 100%;
}

.table-has-scroll2 th {
    color: #fff;
    background: #8ebefc;
}

.table-has-scroll2 .btn.dropdown-toggle {
    margin: 0;
    margin-left: 0;
}

.table-has-scroll3 th {
    color: #fff;
    background: #8ebefc;
}

.btn-full {
    width: 100%;
    height: 39px;
}

.custon-SH .btn.dropdown-toggle {
    margin-left: 15px;
    margin-top: 15px;
}

.has-SH .btn.dropdown-toggle {
    margin-bottom: 15px !important;
}

.elmreport-tab3 .panel-heading a {
    color: #555;
}

    .elmreport-tab3 .panel-heading a.glyphicon-refresh {
        margin-top: 8px;
    }

.elmreport-tab3 #GroupsTableBody {
    padding: 0 15px !important;
}

.elmreport-tab3 table th {
    background: #8ebefc;
    color: #fff;
}

.elmreport-tab3 #GroupsTableBody .btn.dropdown-toggle {
    margin-bottom: 0;
}

.elmreport-tab3 #GroupsTableBody table {
    margin-top: 15px;
}

.pnF1 {
    padding: 0;
    border: none;
    text-align: right;
}

.form-table1 {
    border: 1px aqua solid;
}

.title3 {
    color: #2a74d6;
}

.title4 {
    color: #444;
    background: #f0f0f0;
    padding: 5px 10px;
    border-left: 3px #2a74d6 solid;
    margin-bottom: 7px;
}

.row-custom1 .row {
    margin-bottom: 8px;
}

.row-custom1 .col-md-4, .row-custom1 .col-md-3 {
    margin-bottom: 8px;
}

.has-label label {
    font-size: 13px;
}

.custom1 .panel-heading {
    padding: 0px 22px !important;
}

.customtab1 {
}

/****************create-package-tap******************/
/*
.packageTap1-row3 .panel-heading a{border-top:1px #989898 solid;color:#000}
.packageTap1-row3 .panel-heading a.collapsed,.packageTap1-row3 .panel-heading a:hover{border-color: #f89406 }
.packageTap1-row3 .panel-heading i{color:#000!important}*/
.back-trans {
    background: transparent;
}

/****************Adv-Controller******************/
.adv-con .mix.label1 {
    width: 32.3%;
    margin-bottom: 5px;
    margin-right: 1.5%;
    display: inline-block;
}

    .adv-con .mix.label1:nth-child(3n) {
        margin-right: 0;
    }

.adv-con .panel.pbn {
    padding-bottom: 6px !important;
    position: relative;
}

.adv-con .my-gallery-container {
    border-top: 0px solid #d7d7d7;
}

.adv-con .col-xs-8 {
    width: 100%;
    background: #eeaa23;
    color: #fff !important;
    text-align: center;
    border-top: 0px solid #d7d7d7;
}

    .adv-con .col-xs-8 h6 {
        color: #fff;
        white-space: normal !important;
        padding: 0 5px;
        height: 13px;
        overflow: hidden;
    }


.adv-con .my-gallery img {
    margin: 10px auto !important;
}


.adv-con a.glyphicon-remove {
    position: relative;
    z-index: 5;
    margin-left: 8px;
    color: #aaa;
    text-decoration: none !important;
}

    .adv-con a.glyphicon-remove:hover {
        text-decoration: none !important;
        color: #eeaa23;
    }

.adv-rght .ruFakeInput {
    background-color: #e3e3e3;
    border-color: #bcbcbc;
}

.blue-col {
    color: #4a89dc !important;
    text-decoration: none !important;
}

@media screen and (max-width: 768px) {
    .adv-con .mix.label1 {
        width: 100%;
        margin-right: 0;
    }

    .pr11-xs {
        padding-right: 11px !important;
    }
}

/****************************Reports-cards-MutamerCard-page**********************************/
.img-full {
    width: 100%;
}

.reports-cards-0 {
    padding: 0;
}

    .reports-cards-0 .panel-heading {
        padding-top: 6px !important;
        background: #fafafa !important;
        color: #131e38 !importants;
    }

.top-form-0 {
    background-color: #ebebeb;
    padding: 20px 0;
    border-bottom: 1px #cfcfcf solid !important;
}

    .top-form-0 .btn-primary, .top-form-0 .btn-success {
        float: left;
        height: 37px;
        margin-right: 5px;
        margin-left: 11px;
    }

.uo-ea-name {
    background-color: #f3f3f3;
    padding-top: 20px !important;
}

    .uo-ea-name span {
        padding: 7px 15px 7px 0;
        font-size: 13px;
        text-transform: uppercase;
    }

        .uo-ea-name span i {
            color: #fff;
            margin-right: 5px;
            background-color: #eeaa23;
            padding: 10px 4px;
        }

    .uo-ea-name .Bluetext, .uo-ea-name .Bluetext span {
        background: transparent !important;
        color: #427fd1;
        border-top: solid 1px transparent;
    }

    .uo-ea-name p {
        color: #888;
        margin-top: 15px;
        line-height: 18px;
        text-align: justify;
        font-size: 12px;
    }

    .uo-ea-name img {
        float: left;
        margin-right: 15px;
    }

.pt70 {
    padding-top: 70px;
}

.reports-cards-0 .head h1 {
    background-color: #fafafa;
    font-size: 15px;
    padding: 13px 12px;
    margin: 0;
    border: 1px solid #e5e5e5;
}

.rep-crd-info {
    background-color: #fff;
}

    .rep-crd-info .row-form span {
        color: #000;
    }

        .rep-crd-info .row-form span.Bluetext span {
            color: #a1a1a1;
            line-height: 17px;
            font-size: 12px;
        }

    .rep-crd-info .row-form {
        background-color: #fff;
        line-height: 8px;
        padding: 10px 0;
    }


.mu-info .image {
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 36px 0;
    background: #eaeaea;
    border: 1px solid #ddd;
}

    .mu-info .image img {
        max-width: 90% !important;
    }

.mu-info h2 {
    font-size: 17px;
    color: #555;
}

.mu-info p {
    color: #888;
    margin-top: 15px;
    line-height: 18px;
    text-align: justify;
    font-size: 13px;
}

.mu-info-blocl {
    margin-bottom: 15px;
    padding-bottom: 20px;
}

    .mu-info-blocl h1 i {
        color: #eeaa23;
        font-size: 20px;
        margin-right: 8px;
    }

.reports-cards-0 .table.dataTable thead th, .reports-cards-0 .table.dataTable td {
    font-size: 11px !important;
}

.reports-cards-0 .panel-title {
    color: #000 !important;
    font-size: 14px;
}

.fa-building {
    font-size: 11px;
}

.reports-cards-0 th, .reports-cards-0 td {
    text-align: center;
    font-size: 11px;
}

.reports-cards-0 .label.label-info {
    background-color: #ee9a23;
}

.reports-cards-0 .panel thead tr {
    background: #bababa;
    color: #fff;
}

.reports-cards-0 .btn.btn-default.dropdown-toggle {
    margin: 8px;
}

.reports-cards-0 .panel-heading .panel-icon {
    font-size: 15px;
}

.table-dif {
    border-color: grey;
    background-color: #fff !important;
    margin-bottom: 15px;
}

    .table-dif td {
        border-bottom: 1px solid #eeeeee;
        color: #999;
        font-size: 12px;
        padding: 11px 8px !important;
    }

    .table-dif th {
        color: #555;
        font-size: 13px;
        border-bottom: 1px solid #eeeeee;
        padding: 11px 8px !important;
    }

.reports-cards-0 h5 {
    color: #aaa !important;
    color: #aaa !important;
    margin-bottom: 20px;
    font-size: 14px;
}

.reports-cards-0 .acc-cards .page-heading {
    padding: 0 30px;
}

.reports-cards-0 .acc-cards .acc-title {
    background: #fafafa !important;
    color: #989898 !important;
    font-size: 13px;
    padding: 11px 20px 0 !important;
}

.reports-cards-0 .acc-cards .acc-title-height2 {
    height: 38px;
    border: solid 1px #ddd;
}

.reports-cards-0 .acc-cards .acc-title i {
    color: #aaa !important;
}

.reports-cards-0 .acc-cards .panel-body h1 {
    color: #000;
    font-size: 14px;
    text-shadow: none;
    text-align: left;
}

.reports-cards-0 .acc-cards .panel-body p {
    font-size: 11px;
    color: #46b7e3;
}

.reports-cards-0 .media-body {
    width: 10000px;
}


/***********************cards-diffrent-blocks************************/
.rep-crd-block {
    background-color: #fff;
    border: 1px solid #eeeeee;
}

    .rep-crd-block .row-form {
        border-bottom: 1px solid #eeeeee;
    }

    .rep-crd-block .Bluetext {
        color: #a1a1a1;
    }

.reports-cards-0 .table > tbody > tr > td {
    font-size: 12px;
}

    .reports-cards-0 .table > tbody > tr > td span {
        font-size: 12px;
    }
/***********************tabs************************/
ul.nav.nav-tabs li.active {
    position: relative;
}

.tab-block .nav-tabs > li.active > a, .tab-block .nav-tabs > li.active > a:hover, .tab-block .nav-tabs > li a {
    color: #fff;
}

.tab-block .tabs-border.nav-tabs > li.active > a {
    margin-top: 1px;
    border-top: none;
}

.tab-block .nav-tabs > li.active > a, .tab-block .nav-tabs > li.active > a:hover, .tab-block .nav-tabs > li.active > a:focus {
    color: #fff;
    border-bottom: none;
}

ul.nav.nav-tabs li.active:after {
    position: absolute;
    content: "";
    top: 100%;
    left: 48%;
    width: 0;
    height: 0;
    margin-top: -1px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #eeaa23;
}

.tab-block .nav-tabs.has-ico > li > a {
    padding: 0 !important;
    padding-right: 17px !important;
    text-align: left;
    font-size: 13px;
}

    .tab-block .nav-tabs.has-ico > li > a span {
        padding: 17px 0;
        top: 0;
        margin-right: 8px;
        width: auto;
        width: 45px;
        text-align: center;
    }

    .tab-block .nav-tabs.has-ico > li > a b {
        background: #ffe761;
        width: 31px;
        height: 30px;
        border-radius: 100%;
        display: inline-block;
        text-align: center;
        padding: 4px 0 0;
        margin-right: 6px;
        margin-left: 4px;
        relative;
        position: relative;
        top: -7px;
        font-size: 13px;
        color: #000;
        font-weight: bold;
        border: 2px #70ca63 solid;
    }

        .tab-block .nav-tabs.has-ico > li > a b span {
            background: transparent !important;
            margin: 0;
        }

        .tab-block .nav-tabs.has-ico > li > a b:after {
            position: absolute;
            font-family: 'Glyphicons Halflings';
            content: "\e123";
            color: #ee4957;
            left: -14px;
            top: -2px;
            font-size: 30px;
            z-index: -1;
            border-radius: 100%;
        }

.tab-block .nav-tabs.has-ico > li.active:after {
    left: 15px;
}


ul.nav.nav-tabs li:first-child a {
    background: #eeaa23;
}

    ul.nav.nav-tabs li.active:first-child a, ul.nav.nav-tabs li.active:first-child a:hover, ul.nav.nav-tabs li:first-child a:hover, ul.nav.nav-tabs li:first-child a:focus {
        background: #dc9b1b;
    }

ul.nav.nav-tabs li.active:first-child:after {
    border-top-color: #dc9b1b;
}

ul.nav.nav-tabs.has-ico li.active:first-child:after {
    border-top-color: #ee9123;
}

ul.nav.nav-tabs li:first-child a span {
    background-color: #ee9123;
}

ul.nav.nav-tabs li:nth-child(2) a {
    background: #4a89dc;
}

    ul.nav.nav-tabs li.active:nth-child(2) a, ul.nav.nav-tabs li.active:nth-child(2) a:hover, ul.nav.nav-tabs li:nth-child(2) a:hover, ul.nav.nav-tabs li:nth-child(2) a:focus {
        background: #3c7cd1;
    }

ul.nav.nav-tabs li.active:nth-child(2):after {
    border-top-color: #3c7cd1;
}

ul.nav.nav-tabs.has-ico li.active:nth-child(2):after {
    border-top-color: #186ad5;
}

ul.nav.nav-tabs li:nth-child(2) a span {
    background-color: #186ad5;
}

ul.nav.nav-tabs li:nth-child(3) a {
    background: #70ca63;
}

    ul.nav.nav-tabs li.active:nth-child(3) a, ul.nav.nav-tabs li.active:nth-child(3) a:hover, ul.nav.nav-tabs li:nth-child(3) a:hover, ul.nav.nav-tabs li:nth-child(3) a:focus {
        background: #5db84f;
    }

ul.nav.nav-tabs li.active:nth-child(3):after {
    border-top-color: #5db84f;
}

ul.nav.nav-tabs.has-ico li.active:nth-child(3):after {
    border-top-color: #36af24;
}

ul.nav.nav-tabs li:nth-child(3) a span {
    background-color: #36af24;
}



ul.nav.nav-tabs li:nth-child(4) a {
    background: #967adc;
}

    ul.nav.nav-tabs li.active:nth-child(4) a, ul.nav.nav-tabs li.active:nth-child(4) a:hover, ul.nav.nav-tabs li:nth-child(4) a:hover, ul.nav.nav-tabs li:nth-child(4) a:focus {
        background: #876cca;
    }

ul.nav.nav-tabs li.active:nth-child(4):after {
    border-top-color: #876cca;
}

ul.nav.nav-tabs.has-ico li.active:nth-child(4):after {
    border-top-color: #714ec8;
}

ul.nav.nav-tabs li:nth-child(4) a span {
    background-color: #714ec8;
}


ul.nav.nav-tabs li:nth-child(5) a {
    background: #3b3f4f;
}

    ul.nav.nav-tabs li.active:nth-child(5) a, ul.nav.nav-tabs li.active:nth-child(5) a:hover, ul.nav.nav-tabs li:nth-child(5) a:hover, ul.nav.nav-tabs li:nth-child(5) a:focus {
        background: #313544;
    }

ul.nav.nav-tabs li.active:nth-child(5):after {
    border-top-color: #313544;
}

ul.nav.nav-tabs.has-ico li.active:nth-child(5):after {
    border-top-color: #383b45;
}

ul.nav.nav-tabs li:nth-child(5) a span {
    background-color: #383b45;
}

ul.nav.nav-tabs li:nth-child(6) a {
    background: #db5f4b;
}

    ul.nav.nav-tabs li.active:nth-child(6) a, ul.nav.nav-tabs li.active:nth-child(6) a:hover, ul.nav.nav-tabs li:nth-child(6) a:hover, ul.nav.nav-tabs li:nth-child(6) a:focus {
        background: #ca523f;
    }

ul.nav.nav-tabs li.active:nth-child(6):after {
    border-top-color: #ca523f;
}

ul.nav.nav-tabs.has-ico li.active:nth-child(6):after {
    border-top-color: #cc3e27;
}

ul.nav.nav-tabs li:nth-child(6) a span {
    background-color: #cc3e27;
}

ul.nav.nav-tabs li:nth-child(7) a {
    background: #37bc9b;
}

    ul.nav.nav-tabs li.active:nth-child(7) a, ul.nav.nav-tabs li.active:nth-child(7) a:hover, ul.nav.nav-tabs li:nth-child(7) a:hover, ul.nav.nav-tabs li:nth-child(7) a:focus {
        background: #30ac8d;
    }

ul.nav.nav-tabs li.active:nth-child(7):after {
    border-top-color: #30ac8d;
}

ul.nav.nav-tabs.has-ico li.active:nth-child(7):after {
    border-top-color: #06a57e;
}

ul.nav.nav-tabs li:nth-child(7) a span {
    background-color: #06a57e;
}


ul.nav.nav-tabs li:nth-child(8) a {
    background: #f17d6a;
}

    ul.nav.nav-tabs li.active:nth-child(8) a, ul.nav.nav-tabs li.active:nth-child(8) a:hover, ul.nav.nav-tabs li:nth-child(8) a:hover, ul.nav.nav-tabs li:nth-child(8) a:focus {
        background: #dc6c5a;
    }

ul.nav.nav-tabs li.active:nth-child(8):after {
    border-top-color: #dc6c5a;
}

ul.nav.nav-tabs.has-ico li.active:nth-child(8):after {
    border-top-color: #f36047;
}

ul.nav.nav-tabs li:nth-child(8) a span {
    background-color: #f36047;
}

ul.nav.nav-tabs li:nth-child(9) a {
    background: #3bafda;
}

    ul.nav.nav-tabs li.active:nth-child(9) a, ul.nav.nav-tabs li.active:nth-child(9) a:hover, ul.nav.nav-tabs li:nth-child(9) a:hover, ul.nav.nav-tabs li:nth-child(9) a:focus {
        background: #349fc7;
    }

ul.nav.nav-tabs li.active:nth-child(9):after {
    border-top-color: #349fc7;
}

ul.nav.nav-tabs.has-ico li.active:nth-child(9):after {
    border-top-color: #349fc7;
}

ul.nav.nav-tabs li:nth-child(9) a span {
    background-color: #058ec0;
}

/************************************/
/***************#return-to-top*********************/
.notif-cir {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    text-align: center;
    padding-top: 4px;
    font-weight: bold !important;
    background: #fff;
    color: #777;
    font-size: 10px;
    float: right;
    margin-right: -15px;
    margin-top: 5px;
}

#return-to-top {
    position: fixed;
    bottom: 80px;
    right: 56px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 40px;
    height: 40px;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #return-to-top i {
        color: #fff;
        margin: 0;
        position: relative;
        top: 5px;
        font-size: 25px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #return-to-top:hover {
        background: rgba(0, 0, 0, 0.9);
    }

        #return-to-top:hover i {
            color: #fff;
            top: 2px;
        }

/***********************Search-Page************************/
.search-page {
}

    .search-page hr {
        border-top: 1px dashed #ccc;
    }

    .search-page .btn.btn-default.btn-sm.dropdown-toggle {
        margin: 20px 0;
    }

    .search-page ul.list-group.dropdown-menu {
        top: 74%;
    }

    .search-page .panel-body {
        border: none;
    }

        .search-page .panel-body .panel-body {
            border: none;
            border-bottom: 1px dashed #e9573f;
            padding-bottom: 10px;
            padding-bottom: 22px !important;
            margin-bottom: 26px !important;
        }

    .search-page .row:last-child .panel-body {
        border: none;
        margin-bottom: 26px !important;
    }

    .search-page .dataTables_info {
        padding-top: 13px;
    }

    .search-page .dt-panelfooter {
        padding: 0 14px;
    }

    .search-page table {
        width: 100%;
        margin: 15px 0 !important;
    }

        .search-page table th {
            background: #eee !important;
            border: none !important;
            border-top: 2px #9c9c9c solid !important;
            padding: 10px 5px !important;
        }

    .search-page .pagination {
        margin-top: 7px !important;
    }

    .search-page table h2 {
        font-size: 15px;
        color: #4a89dc;
        padding: 0;
        margin: 14px 0 4px;
    }

        .search-page table h2:hover {
            text-decoration: underline;
        }

.search-ctg1 {
    color: #eeaa23;
}

.search-ctg2 {
    color: #808080;
}

.search-ctg3 {
    color: #e9573f;
}

    .search-ctg1:hover, .search-ctg2:hover, .search-ctg3:hover {
        text-decoration: underline;
    }

.search-page table {
    border: none !important;
    border-collapse: separate !important;
}

    .search-page table td {
        border: none !important;
        border-bottom: 1px dashed #ccc !important;
        padding-bottom: 10px;
    }

    .search-page table tbody th {
        border-top: 0 !important;
        padding: 5px 5px !important;
        background: #f1f1f1;
    }
/**********************search*************************/
#search h3 {
    background: #f4f4f4;
    border: 1px #c6c6c6 solid;
    padding: 15px;
    font-size: 15px;
}

    #search h3 .text-primary {
        color: #eeaa23;
        margin: 0 10px;
    }

#search a:hover {
    text-decoration: none;
}

#search .search-result h3 {
    background: #f9f0ee;
    border: 1px #ccc solid;
    color: #db5f4b !important;
    padding: 10px 15px;
    font-size: 14px;
}

    #search .search-result h3 a {
        color: #db5f4b;
    }

#search .search-result ul {
    padding: 0;
    list-style-position: inside;
}

    #search .search-result ul li {
        margin-bottom: 7px;
        color: #777;
        background-color: #fbf6f5;
        padding: 4px 10px;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
    }

        #search .search-result ul li:hover {
            background: #ebeaea;
        }

    #search .search-result ul a {
        color: #444;
    }

#search .search-result p {
    color: #4a89dc;
    margin: 20px 0;
}

.search-list {
}

    .search-list a {
        color: #444 !important;
    }

        .search-list a:nth-child(even) {
            background: #f0f0f0 !important;
        }

/************Operation-management******************/
.tafweej-pag {
}

    .tafweej-pag .row {
        margin-top: 20px;
        margin-bottom: 10px;
    }

.panel-group .panel-heading .panel-controls a {
    display: inline-block;
    width: 22px;
}

.tafweej-pag .select2-container {
    width: 100% !important;
}

.acc-title {
    display: block;
    width: 100% !important;
    color: #fff !important;
    padding-left: 15px;
    background-color: #4a89dc;
    height: 39px;
    padding: 10px 20px 0 !important;
    font-size: 14px;
}

.acc-title-height2 {
    height: 40px;
    padding: 0px 20px;
}

.acc-title a, .acc-title span, .acc-title i {
    color: #fff !important;
}

.acc-title.ptLess {
    padding-top: 7px !important;
}

.acc-title:hover, .acc-title:focus {
    text-decoration: none !important;
    background-color: #186ad5;
}

.acc-title i {
    font-size: 12px;
    margin: 0;
    margin-top: 2px;
    padding: 0 !important;
}

.arch-btn {
    float: right;
    margin: 0;
    margin-left: 5px;
}

.arch-txt {
    margin-top: 7px;
    margin-right: 5px;
}

.tafweej-pag .panel {
    margin-bottom: 10px;
}

.tafweej-pan .btn.dropdown-toggle {
    margin: 15px 0 0 15px !important;
}

.tafweej-pan table {
    margin: 15px 1.1% !important;
    width: 97.9%;
}

.trans-new-arriv .input-group {
    display: flex;
}







/***************EA-Page*******************/
.ea-tab-content {
}

.arb-txt1 h5 {
    margin-bottom: 20px;
    color: #ee9123;
    background-color: #fff;
    padding: 10px;
}

.arb-txt1 ul {
    list-style-position: inside;
    padding: 0;
    padding: 10p;
}

.arb-txt1 li {
    margin-bottom: 5px;
    font-size: 12px;
    color: #777;
    Background: #fff;
    padding: 4px;
}
/******************season-chart-con**************************/
.season-chart-con {
}
/*********************UOFilters***************************/
.first-col .col-md-1 {
    width: 40px !important;
    padding-top: 10px;
}

.eaTravelInfo label.inline {
    padding-left: 10px;
    font-size: 13px;
}

.eaTravelInfo .table table tbody > tr:first-child > td {
    color: #fff;
    padding-left: 5px;
}

.eaTravelInfo .table table tr input {
    color: #555 !important;
}

.eaTravelInfo .table table tbody > tr:first-child {
    background-color: salmon !important;
}

.eaTravelInfo .table table tbody > tr {
    background: #f1f1f1 !important;
}


/************************Representative-table*********************************/
.Representative-table table.dataTable {
    border-color: #ddd;
}

/***********************************************************************/
.row-fluid .span4 {
    margin-bottom: 10px;
}
/********************addcountry-pop*******************************/
.addcountry-pop {
    padding: 15px;
}

    .addcountry-pop h3 {
        background: #666;
        color: #fff;
        padding: 13px 15px;
        margin-bottom: 20px;
    }

    .addcountry-pop table input {
        text-align: center !important;
        border: 1px #ddd solid !important;
    }
/*******************ServiceProviderpage********************/
.table-package-SP table .text-info {
    color: #3a87ad !important;
}

.table-package-SP .row-fluid.table-sorting {
    border: none !important;
    margin-top: 10px;
}

.packageListGrid-full-pag .row {
    border: 1px aqua solid;
}
/******************************************/
/*****************select-arrow*******************/
.select2-selection__arrow {
    border: none !important;
    background-color: transparent !important;
}
/*********************checkButton*************************/
.checkbox-custom {
    display: inline-block;
}

    .checkbox-custom label {
        font-size: 13px;
        font-weight: bold;
        display: inline-block;
        margin-right: 9px;
    }

    .checkbox-custom input[type=checkbox]:checked + label:after, .checkbox-custom input[type=radio]:checked + label:after {
        top: 2px;
        left: 3px;
        font-size: 11px;
    }

.checkbox-custom-table label:before {
    top: -13px;
    left: 6px;
}

.checkbox-custom-table input[type=checkbox]:checked + label:after, .checkbox-custom-table input[type=radio]:checked + label:after {
    top: -11px;
    left: 9px;
}
/*******************radioButton*************************/
.radio-primary {
    display: inline-block;
}
/**********************admin-form-panel-custom*****************************/
.admin-form .panel-body {
    padding: 15px;
}

.admin-form .panel-heading {
    position: relative;
    height: 40px;
    line-height: 36px;
    background: #f1f1f1;
    color: #666666;
    font-size: 13px;
    font-weight: 600;
    padding: 0 10px;
    border: 1px solid #e5e5e5;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    border-radius: 0px;
    margin-top: 0px;
}

.admin-form .panel-title {
    font-weight: 500;
    font-size: 15px;
}
/**********************Page-size*************************/
.tab-block {
    margin-bottom: 50px;
}

.tap-con1-size {
    padding: 12px 23px !important;
}

.pablic-margin {
    margin: 10px 1.5%;
}
/**********************font-size-custom**********************/
.breadcrumb > li.crumb-active > a {
    font-size: 17px;
}

.panel-heading {
    font-size: 14px !important;
    line-height: 27px !important;
    color: #222 !important;
    padding: 0;
}

    .panel-heading .panel-title {
        line-height: 18px;
        color: #222 !important;
        padding: 10px 10px 0;
    }
/*******************elnReport-unmatch****************************/
.refrsh-elm-unmatch {
    position: absolute;
    right: 10px;
    color: #fff !important;
}
/*************************UO-plane-graph***********************************/
.UO-plane-graph {
    width: 1620px;
    overflow-x: auto;
    margin: auto;
    float: none;
}

    .UO-plane-graph .grey_box {
        width: 86%;
    }

    .UO-plane-graph .setting_box {
        width: 17%;
    }

    .UO-plane-graph .grey_box-wid-2 {
        width: 19%;
    }

    .UO-plane-graph .left_container .grey_box {
        width: 100%;
    }

    .UO-plane-graph .text_box {
        color: #fff;
        width: 84%;
        float: right;
        margin-top: 22px;
    }

    .UO-plane-graph .top_icons {
        height: 0;
    }

    .UO-plane-graph .num_box {
        width: 25px;
        height: 25px;
        padding-top: 5px;
        position: absolute;
        float: none;
        left: 15px;
        bottom: -6px;
    }

    .UO-plane-graph .main_icon img.icon_img {
        width: 35px;
    }

    .UO-plane-graph .main_icon i {
        font-size: 35px;
    }

    .UO-plane-graph .legend_box {
        height: auto;
        padding: 9px 0;
        color: #fff;
    }

    .UO-plane-graph .catg_box {
        padding: 31px 0;
        margin-top: 20px;
        margin-left: 46px;
    }

    .UO-plane-graph .circle_box {
        height: 112px;
        padding: 2px 0 30px;
        display: table-cell;
        width: 200px;
        vertical-align: middle;
        position: relative;
        z-index: 2;
    }

    .UO-plane-graph .container_box {
        width: 17%;
    }

    .UO-plane-graph .left_container {
        width: 16%;
    }

    .UO-plane-graph .right_container {
        width: 84%;
    }

    .UO-plane-graph .calendar_box {
        width: 11.5%;
        position: relative;
    }

        .UO-plane-graph .calendar_box .small_line_box {
            margin-left: 0;
            height: 7px;
        }

        .UO-plane-graph .calendar_box .line_top_left_small {
            width: 1px;
            float: none;
            margin: auto;
            height: 85px;
        }

        .UO-plane-graph .calendar_box .calendar_vertical_arrow {
            margin-left: 0;
            height: 95px;
            position: absolute;
            width: 100%;
            bottom: -26px;
            z-index: 1;
        }

        .UO-plane-graph .calendar_box .calendar_vertical_arrow-tonext {
            -ms-transform: rotate(-146deg);
            -webkit-transform: rotate(-146deg);
            transform: rotate(-146deg);
            bottom: 57px;
            left: 74px;
            height: 150px;
        }

            .UO-plane-graph .calendar_box .calendar_vertical_arrow-tonext .line_top_left_calender {
                height: 103px;
            }

        .UO-plane-graph .calendar_box .line_top_left_calender {
            width: 1px;
            float: none;
            margin: auto;
            height: 21px;
        }

        .UO-plane-graph .calendar_box .arrow_icon {
            width: 8%;
            float: none;
            margin: auto;
        }

    .UO-plane-graph .catg_box .catg_one, .UO-plane-graph .catg_box .catg_two, .UO-plane-graph .catg_box .catg_three, .UO-plane-graph .catg_box .catg_four {
        width: 25%;
    }

.maps-vector-page .expanding-header {
    padding-bottom: 10px;
    height: auto;
}

.my-shaded-bg {
}

.collapsed-v {
    height: 54px !important;
}

.my-rbtn {
    margin-top: 4px;
    margin-bottom: 5px;
}

.mapCalender {
    float: right;
    width: 93%;
    background: #fff;
    margin-top: -28px;
    margin-bottom: 10px;
}

.maps-vector-page .expanding-header .map-header-icon {
    padding: 16px 13px 0;
}


.side-bar-header {
    width: 100% !important;
    padding: 14px 11px !important;
}

    .side-bar-header .breadcrumb > li.crumb-active > a {
        font-size: 15px;
    }
/*****************handle-pages**********************/
.handle-pages {
    padding: 25px !important;
    margin-bottom: 25px;
}

    .handle-pages .handle-pages {
        padding: 0 !important;
    }

    .handle-pages .row {
        margin-bottom: 15px;
    }

    .handle-pages .heading-border:before {
        content: "";
        background-color: #9999A3;
        position: absolute;
        height: 10px;
        z-index: 1;
        top: 0;
        right: 0;
        left: 0;
    }

    .handle-pages .bg-light {
        padding: 20px 12px;
        overflow: inherit;
    }

/*******************************ServicesRequest*******************************/

.title-hdr-bg {
    background: #e5e5e5;
    color: #555;
    margin-bottom: 20px;
    padding-left: 10px;
    padding: 12px;
    font-size: 15px;
}
/*******************calendars-popup**********************/
.calendars-popup .calendars {
    width: 234px !important;
    height: 255px !important;
    color: #b1b1b1;
    border: 1px solid #ddd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 90%;
}

    .calendars-popup .calendars a {
        color: #636363;
    }

        .calendars-popup .calendars a:hover {
            background: #ccc;
            color: #fff !important;
        }

.calendars-popup .calendars-cmd-prev, .calendars-popup .calendars-cmd-next {
    font-size: 15px;
}

.calendars-popup .calendars-nav, .calendars-ctrl {
    background: #f5f5f5;
    font-weight: normal;
}

.calendars-popup .calendars-nav {
    position: relative;
    background: #F5F5F5;
    border-bottom: none;
    line-height: 27px;
    font-size: 15px;
    padding: 1px 10px;
}

    .calendars-popup .calendars-nav .calendars-cmd-today {
        margin: 0 4.7em;
        line-height: 1.8em;
        text-align: center;
        color: #555;
        font-weight: bold;
    }

.calendars-popup .calendars-month {
    width: 100%;
}

    .calendars-popup .calendars-month table {
        width: 100%;
        text-align: center;
    }

        .calendars-popup .calendars-month table th, .calendars-popup .calendars-month table td {
            padding: 0.59em 0;
        }

.calendars-popup .calendars-month-header {
    background-color: #f5f5f5;
    color: #636363;
    text-align: center;
}

.calendars-popup .calendars-month th, .calendars-popup .calendars-month th a {
    background-color: #fff;
    border: 0px;
    color: #8d8d8d;
    text-align: center;
}

.calendars-popup .calendars-cmd-clear, .calendars-popup .calendars-cmd-close {
    padding: 0 5px;
}

.calendars-popup .calendars-cmd-close {
    float: right;
}

.calendars-popup .calendars-month span {
    font-size: 13px;
    color: #666;
    padding: 0 0em;
}

.calendars-popup .calendars-month td {
    border: none;
    background: #fff;
}

.calendars-popup .calendars-month a {
    font-size: 13px;
    padding: 0.212em 0em;
    color: #aaa !important;
    background: #fff;
}

    .calendars-popup .calendars-month a.calendars-today {
        background: #ccc;
        color: #fff !important;
    }

.calendars-popup .calendars-month thead {
    border-top: 1px solid #cfcfcf;
    border-bottom: none;
}
/************************changepass-popup-hdr*****************************/
#UpdatePanelProfileEdit .panel-heading {
    height: 60px;
}

#UpdatePanelProfileEdit .panel-title {
    color: #fff !important;
    font-size: 18px;
    background: #666;
    padding: 17px 20px 0 !important;
    margin: 0;
    display: block;
    height: 60px;
}

.mfp-close {
    right: 0 !important;
    top: -12px;
}
/*******************content-bg**************************/
#content.table-layout {
    background: #eeeeee;
}
/********************tabsList****************************/
.has-tabsList {
    position: relative;
}

    .has-tabsList:hover .tabsList a {
        opacity: 1;
    }

.tabsList {
    list-style: none;
    position: absolute;
    bottom: 101%;
    z-index: 10000;
    width: 100%;
    left: 0;
    padding: 0;
}

    .tabsList a {
        width: 100%;
        position: absolute;
        padding: 2px 10px;
        padding-left: 18px;
        opacity: 0;
    }

        .tabsList a:first-child {
            left: 10px;
            bottom: 0;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

        .tabsList a:nth-child(2) {
            left: 20px;
            bottom: 25px;
            -webkit-transition: all 0.3s 0.3s;
            transition: all 0.3s 0.3s;
        }

        .tabsList a:nth-child(3) {
            left: 30px;
            bottom: 50px;
            -webkit-transition: all 0.3s 0.6s;
            transition: all 0.3s 0.6s;
        }

        .tabsList a:nth-child(4) {
            left: 40px;
            bottom: 75px;
            -webkit-transition: all 0.3s 0.9s;
            transition: all 0.3s 0.9s;
        }

        .tabsList a:nth-child(5) {
            left: 50px;
            bottom: 100px;
            -webkit-transition: all 0.3s 1.2s;
            transition: all 0.3s 1.2s;
        }

        .tabsList a:nth-child(6) {
            left: 60px;
            bottom: 120px;
            -webkit-transition: all 0.3s 1.5s;
            transition: all 0.3s 1.5s;
        }

        .tabsList a span {
            position: absolute;
            left: -12px;
            top: -1px;
            background: #fff !important;
            width: 24px;
            height: 24px;
            padding-top: 2px;
            border-radius: 100%;
            color: #777;
            text-align: center;
        }

/*
<li class="has-tabsList">
                <a href="#tab3" data-toggle="tab" onclick="ManageTabLoad();" aria-expanded="false">
                    Manage Services Order</a>
  <div class="tabsList">
    <a href=""> <span>1</span> Link</a>
  	
    <a href=""><span>2</span> Link</a><a href=""><span>3</span> Link</a>
    
    <a href=""><span>4</span> Link</a><a href=""><span>5</span> Link</a>
  </div>
            </li>
    */
.btnForm {
    height: 39px !important;
}

a.btnForm {
    padding-top: 9px !important;
}

#content-footer {
    background: #fff;
    z-index: 1030;
}

#modal-text_help .mfp-close {
    right: 0;
    top: -2px;
}

#modal-text_help .panel {
    border: none;
}
/*Main-Popup*/
.gsAnn {
    position: static
}

    .gsAnn:after {
        content: "";
        position: absolute;
        left: -10px;
        right: -10px;
        top: 0;
        bottom: 0;
        z-index: -1
    }

    .gsAnn .modal-header {
    }

    .gsAnn .modal-title {
        position: relative;
        margin-top: 80px;
    }

        .gsAnn .modal-title:after {
            content: "";
            width: 79px;
            height: 63px;
            position: absolute;
            left: 10px;
            top: 17px;
            display: block;
            margin: auto;
            background-image: url(../images/attention-pop.png);
        }

        .gsAnn .modal-title:before {
            content: "";
            width: 326px;
            height: 86px;
            position: absolute;
            left: 0;
            right: 0;
            top: -91px;
            display: block;
            margin: auto;
            background-image: url(../images/logo-pop.png);
        }

    .gsAnn .btn-success {
        color: #70ca63;
        border-radius: 15px;
        color: #fff;
        padding: 10px 15px
    }

    .gsAnn .btn-default {
        background: #ec705b;
        border-radius: 15px;
        font-size: 12px;
        color: #fff;
        padding: 10px 15px;
    }

    .gsAnn .Ann {
    }

        .gsAnn .Ann h1 {
            color: #ec705b;
            font-size: 15px;
            margin: 0;
        }

        .gsAnn .Ann p {
            color: #444444;
            margin-bottom: 0;
        }

        .gsAnn .Ann h2 {
            font-size: 14px;
            color: #4a89dc;
            margin-top: 0;
        }

/************************user-planes******************************/
.user-plane {
    position: absolute;
    left: 500px;
}

    .user-plane .dropdown-menu {
        top: 39px;
        background: #444444;
        box-shadow: none;
        border: none;
    }

@media screen and (max-width: 768px) {
    .user-plane {
        position: relative;
        left: 0;
        float: left;
    }
}
/********************input[type=file]*************************************/
.admin-form .file .gui-input {
    height: 39px;
    width: 93.5%;
    font-size: 13px;
    background: #e3e3e3;
    color: #555;
    border: 1px solid #bcbcbc;
    width: -moz-calc(100% - 108px) !important;
    width: -webkit-calc(100% -108px) !important;
    width: calc(100% - 108px) !important;
}

.admin-form .file .button {
    top: 0;
    right: 0;
    height: 100%;
    line-height: 40px;
    width: 103px;
}
/***********************************************/
.uo-calender-block .navbar:first-child {
    background: #f0f0f0;
}

.uo-calender-block .navbar {
    background: #f6f6f6 !important;
    box-shadow: 0 0 0 0 #666;
    z-index: 10 !important;
    height: auto;
}

    .uo-calender-block .navbar ul {
        text-align: center;
    }

    .uo-calender-block .navbar li {
        float: none;
        display: inline-block;
    }

    .uo-calender-block .navbar a {
        background: #d7d7d7 !important;
        padding: 5px 10px 0 !important;
        height: 33px !important;
        margin: 9px 0 0;
        line-height: 18px !important;
        color: #555 !important;
    }

        .uo-calender-block .navbar a span {
            margin-right: 8px;
            background: #fff;
            color: #555;
            padding: 5px 0 0;
            width: 23px;
            height: 23px;
            text-align: center;
            border-radius: 100%;
        }

    .uo-calender-block .navbar .nav > li.active > a, .uo-calender-block .navbar .nav > li:hover > a {
        background: #888 !important;
        color: #fff !important;
    }

/*****************country-flags*****************************/

.country-flags {
    display: inline-block;
    margin-left: 5px;
    width: 18px;
    margin-top: -3px;
}


/*******************Add Zamzam Request********************************/
.add-zmzm-lst-pan panel {
    margin-bottom: 15px;
}
/*************************************/
.hassubTable a {
    color: #fff;
    margin-left: 3px;
}

.hassubTable table {
    border-collapse: separate;
    border-spacing: 2px;
    text-align: center;
    color: #fff;
}

    .hassubTable table tr td {
        padding: 2px 8px;
    }

        .hassubTable table tr td input[type=text] {
            background: transparent;
            text-align: center;
            border: none;
        }

.allowe-txtbox {
    background: #fff !important;
    color: #555;
    width: 100%;
    border: 1px #ec6f5a solid !important;
}

.hassubTable table tr td a {
    color: #fff;
    margin-left: 5px;
}

.hassubTable table tr:first-child td {
    background: #ec6f5a;
}

.hassubTable table tr:nth-child(2) td {
    background: #3a87ad;
}

.hassubTable table tr:nth-child(3) td {
    background: #70ca63;
}

/*********************wid-select-100*************************/
.wid-select .select2-container {
    width: 100% !important;
}

.eye-dropmenu {
    top: 28px;
    left: -4px;
    z-index: 100000;
}
/*******************************/
.block-emp-rep {
    width: 250px;
    max-width: 100%;
    position: relative;
}

    .block-emp-rep h3 {
        color: #999999;
        line-height: 22px;
        font-size: 18px;
    }

    .block-emp-rep span {
        color: #888;
    }

    .block-emp-rep i.bg-icon {
        position: absolute;
        right: -15px;
        bottom: -19px;
        font-size: 80px;
        color: #ccc;
        opacity: 0.3;
    }

/********************public-block**********************/
.public-block {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    background: #fff !important;
    border: 4px #ddd solid;
    text-align: center;
    padding-left: 2%;
    margin-bottom: 7px;
}

    .public-block:hover {
        background: #fff !important;
    }

    .public-block i.bg-icon {
        position: absolute;
        right: -10px;
        bottom: -20px;
        font-size: 80px;
        color: #999;
        opacity: 0.3;
    }

    .public-block .im-has-link {
        position: absolute;
        left: 2px;
        top: 2px;
        bottom: 2px;
        width: 6%;
        text-align: center;
    }

.PGC-block .im-has-link {
    width: 9%;
}

.public-block h1, .public-block h2, .public-block h3, .public-block h4, .public-block h5, .public-block h6, .public-block span {
    color: #888;
}

.public-block.packageB {
    padding: 37px 1%;
    padding-left: 10%;
    height: 120px;
}

    .public-block.packageB .im-has-link {
        width: 9%;
    }

.public-block.transactionTiles input {
    height: 40px !important;
    background: transparent;
    border: none;
    color: #888;
}

/**********************************************/
/******************Im View*******************/
.block-general {
    position: relative;
    text-align: center;
    padding-top: 24px;
    height: 107px;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

    .block-general:hover {
        background: #efefef;
    }

    .block-general:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        background: #efefef;
        z-index: -1;
        top: 0;
        right: 100%;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .block-general:hover:before {
        right: 0;
    }

    .block-general .block-general-bg {
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
        bottom: 0;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .block-general:hover .block-general-bg {
        width: 15%;
        left: 5px;
        top: 5px;
        bottom: 5px;
    }

.block-general-txt {
    position: relative;
    z-index: 2;
    margin-left: 17%;
}

.block-general h1, .block-general h2, .block-general input {
    font-size: 16px;
    color: #fff;
    margin: 10px 0;
    background: transparent;
    border: none;
    font-size: 13px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    ;
}

.block-general:hover h1, .block-general:hover h2, .block-general:hover input {
    color: #606060;
}

.bg-im-ico {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.10);
    width: 15%;
    top: 5px;
    left: 5px;
    bottom: 5px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

.block-general:hover .bg-im-ico {
    left: 100%;
    background-color: #efefef;
}

.block-general i.fa-gears {
    position: absolute;
    left: 5px;
    bottom: 32px;
    font-size: 40px;
    color: #fff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

.block-general:hover i.fa-gears {
    z-index: 1;
    left: 78%;
    color: #ccc;
    bottom: -7px;
    font-size: 55px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}



/*************************************************************/
.transaction-menu {
    width: 600px !important;
    padding: 10px 15px;
    left: 0;
    top: 101%;
}

    .transaction-menu .btn {
        margin: 3px 0.5%;
        padding: 0 10px !important;
        border-radius: 5px;
    }

    .transaction-menu .checkbox-custom.checkbox-primary label:before {
        border-color: #fff;
        background: transparent;
    }

    .transaction-menu .checkbox-custom.checkbox-primary input[type=checkbox]:checked + label:after, .transaction-menu .checkbox-custom.checkbox-primary input[type=radio]:checked + label:after {
        color: #fff;
    }

    .transaction-menu label {
        margin: 0;
        font-size: 13px;
    }

    .transaction-menu .checkbox-custom {
        padding: 6px 7px;
    }

.order-drop {
    display: inline-block;
    margin-left: -1px;
}

    .order-drop .transaction-menu {
        right: auto;
        left: 0;
        top: 100%;
    }

    .order-drop a.dropdown-toggle {
        height: 30px;
    }
/*************************************/
.package-block-con {
    display: block;
    padding: 0;
    border-radius: 8px;
    position: relative;
    background: #bbb !important;
    margin-bottom: 5px;
    border: 5px #bbb solid;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

    .package-block-con:hover {
        opacity: .85;
    }

    .package-block-con h3 {
        font-size: 12px;
        padding: 4px 0;
        margin: 0;
        color: #fff;
    }

        .package-block-con h3 span {
            margin-left: 3px;
        }

    .package-block-con h2 {
        padding: 0;
        margin: 0;
        font-size: 19px;
        color: #fff;
    }

    .package-block-con h1 {
        font-size: 22px;
        padding: 0;
        margin: 0;
        padding-top: 23px;
        color: #fff;
    }

        .package-block-con h1 span {
            margin-left: 3px;
            font-size: 14px;
        }

    .package-block-con .pkg-blk-bg-i {
        position: absolute;
        background: #fff;
        top: 0;
        left: 10px;
        bottom: 0;
        width: 40px;
        text-align: center;
        padding-top: 23px;
    }

        .package-block-con .pkg-blk-bg-i img {
            width: 24px;
        }
/******************************/
.legend-pkd-designer .btn {
    display: block !important;
    margin: 8px 0;
    white-space: normal;
    text-align: left;
    background: transparent;
    border: none;
    padding: 0;
    font-size: 11px;
}

    .legend-pkd-designer .btn img {
        width: 18px;
        margin-right: 8px;
    }

.flotInformation {
    position: fixed;
    text-align: center;
    bottom: 45px;
    right: 0;
    z-index: 9999999;
    background-color: lightblue;
    opacity: 1.0;
    display: none;
}

    .flotInformation .closeI {
        cursor: pointer;
        position: absolute;
        z-index: 5;
        top: -5px;
        left: -5px;
    }

    .flotInformation .btn-group-vertical {
        width: 63px;
    }

    .flotInformation .btn {
        width: 100%;
    }

        .flotInformation .btn.hast-txt {
            padding-top: 23px !important;
        }

    .flotInformation .badge {
        min-width: 7px;
        min-height: 5px;
        line-height: 14px;
        margin-bottom: 0px;
        display: block;
        width: 45px;
        padding: 0;
        margin: 9px auto 5px;
        ;
    }
/***************groupBox*******************/
.groupBoxField {
    display: block;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-start: 0.75em;
    -webkit-padding-end: 0.75em;
    -webkit-padding-after: 0.625em;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    min-width: -webkit-min-content;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    margin-bottom: 15px;
    padding: 10px;
}

    .groupBoxField legend {
        width: auto;
        padding: 0 15px;
        border: none;
        margin-bottom: 10px;
    }

/**************DELETE-POPUP**************************/

.popup-lg {
    /*border-radius: 30px;
    background: linear-gradient(to bottom right, #ddd, #fafafa);*/
    max-width: 90%;
    margin: 72px auto;
}

/**************select-from width auto to 100%**************************/

.ws100 span.select2-container {
    width: 100% !important;
}
/*********************************************/
.reportSub-subT {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 5px;
}

    .reportSub-subT .sTrow1 td {
        padding: 3px 10px;
    }

    .reportSub-subT .titleRS {
        background: #e9573f;
        color: #fff;
        width: 140px;
    }

    .reportSub-subT .titleRS2 {
        background: #fff;
        color: #777;
        width: 170px;
        font-size: 12px;
    }
/*************************************/
.HotelCapacityTable {
    overflow-x: auto;
    width: 100%;
    margin-top: 10px;
}

    .HotelCapacityTable table.DBHCGrid {
        width: 100%;
        border-color: transparent;
        margin-top: 10px;
    }

        .HotelCapacityTable table.DBHCGrid th {
            background: #8ebefc;
            color: #fff;
            padding: 10px 7px;
            border: none;
        }

        .HotelCapacityTable table.DBHCGrid td {
            background: #f1f1f1;
            padding: 3px 7px;
            color: #444;
            border: none;
        }

    .HotelCapacityTable .sub_form_tbl_Yellow, .HotelCapacityTable .sub_form_tbl_Gray {
        border: none !important;
    }

    .HotelCapacityTable table.sub_form_tbl_Yellow table td, .HotelCapacityTable table.sub_form_tbl_Gray table td {
        background: #fff;
    }


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


/**********************dataTables_wrapper****************************/
.dataTables_wrapper {
    overflow-x: auto !important;
}

    .dt-panelfooter, .dataTables_wrapper .row:last-child {
        padding: 6px 14px;
        background: rgba(222, 222, 222, 0.47);
        border-top: 1px solid #e5e5e5;
        margin: 0;
    }

    .dt-panelmenu, .dataTables_wrapper .row:first-child {
        padding: 10px 14px 0;
        background: #f8f8f8;
        border-bottom: 1px solid #e5e5e5;
        margin: 0;
    }

.dataTables_length {
    margin-top: 2px;
}

.dataTables_info {
    margin: 15px 0 13px;
    padding: 0px !important;
    font-size: 13px;
    font-weight: bold;
}
/*****************Grid-icons*****************************/
.table p.actions {
    margin: 0;
}

table.table .glyphicon, table.table .glyphicons, table.table .icon-zoom2 {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 1px;
}

table.table .glyphicon-list:before, table.table .glyphicons-pencil:before, table.table .glyphicon-pencil:before, table.table .glyphicon-folder-close:before, table.table .glyphicon-trash:before,
table.table .glyphicons-remove:before, table.table .glyphicons-remove_2:before, table.table .glyphicon-wrench:before, table.table .icon-brush-paint:before, table.table .glyphicons-paperclip:before,
table.table .glyphicons-envelope:before, table.table .glyphicon-folder-open:before, table.table .glyphicon-th-list:before, table.table .glyphicons-download_alt:before, table.table .glyphicons-eye_open:before,
table.table .glyphicon-envelope:before, table.table .glyphicons-search:before, table.table .glyphicon-search:before, table.table .glyphicons-print:before, table.table .glyphicon-plus:before,
table.table .glyphicons-picture:before, table.table .glyphicon-film:before, table.table .glyphicon-saved:before, table.table .glyphicon-remove:before, table.table .glyphicons-share:before,
#gvEATravelInfoFilterSettings .glyphicon-edit:before, table.table .glyphicon-repeat:before, table.table .glyphicons-repeat:before, table.table .glyphicon-share-alt:before,
table.table .glyphicon-thumbs-down:before, table.table .glyphicon-thumbs-up:before, table.table .glyphicons-circle_plus:before, table.table .glyphicons-user_add:before, table.table .glyphicons-file:before, table.table .glyphicon-file:before,
table.table .glyphicon-envelope:before, table.table .glyphicon-random:before {
    display: none;
}

table.table .glyphicon-random {
    background: url(../images/change.png);
}

table.table .glyphicons-file, table.table .glyphicon-file {
    background: url(../images/Grid-icon-proceduress.png);
}

table.table .glyphicon-list, table.table .glyphicon-th-list, table.table .glyphicon-list, table.table .glyphicons-search, table.table .glyphicon-search {
    background: url(../images/Grid-icon-viewlist.png);
}

table.table .glyphicons-pencil, table.table .glyphicon-pencil {
    background: url(../images/Grid-icon-edit.png);
}

table.table .glyphicon-folder-close, table.table .glyphicons-folder-open, table.table .glyphicon-folder-open {
    background: url(../images/Grid-icon-archieve.png);
}

table.table .glyphicon-trash, table.table .glyphicons-remove, table.table .glyphicons-remove_2, table.table .glyphicon-remove {
    background: url(../images/Grid-icon-delete.png);
}

table.table .glyphicon-wrench {
    background: url(../images/Grid-icon-wrench.png);
}

table.table .glyphicons-paperclip {
    background: url(../images/Grid-icon-download.png);
}

table.table .glyphicons-envelope, table.table .glyphicon-envelope {
    background: url(../images/Grid-icon-message.png);
}

table.table .glyphicons-download_alt {
    background: url(../images/Grid-icon-download2.png);
}

table.table .glyphicons-eye_open {
    background: url(../images/Grid-icon-eye.png);
}

table.table .glyphicons-print {
    background: url(../images/Grid-icon-print.png);
}

table.table .glyphicon-plus {
    background: url(../images/Grid-icon-plus.png);
}

table.table .glyphicons-picture {
    background: url(../images/Grid-icon-photo.png);
}

table.table .glyphicon-film {
    background: url(../images/Grid-icon-video.png);
}

table.table .glyphicon-saved {
    background: url(../images/Grid-icon-save.png);
}

table.table .glyphicons-share {
    background: url(../images/Grid-icon-restore.png);
}

table.table .glyphicon-repeat, table.table .glyphicons-repeat {
    background: url(../images/Grid-icon-reset.png);
}

table.table .glyphicon-share-alt {
    background: url(../images/Grid-icon-export.png);
}

table.table .glyphicon-thumbs-down {
    background: url(../images/Grid-icon-dis-like.png) !important;
}

table.table .glyphicon-thumbs-up {
    background: url(../images/Grid-icon-like.png) !important;
}

table.table .glyphicons-circle_plus {
    background: url(../images/Grid-icon-plus.png) !important;
}

table.table .glyphicons-user_add {
    background: url(../images/Grid-icon-user-add.png) !important;
}

table.table .glyphicons-cancel {
    background-image: url(../images/Grid-icon-close.png) !important;
}

table.table .glyphicons-flowchart {
    background: url(../images/Grid-icon-Flowchart.png) !important;
}

table.table .glyphicons-Pull-Groups {
    background: url(../images/Grid-icon-Pull-Groups.png) !important;
}


#gvEATravelInfoFilterSettings .glyphicon-edit {
    background: url(../images/Grid-icon-saveall.png);
}

table.table .icon-brush-paint {
    background: url(../images/Grid-icon-designer.png);
}

/*****************Grid-icons*****************************/
.Grid-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.Grid-icon-restore {
    background: url(../images/Grid-icon-restore.png);
}

.Grid-icon-export {
    background: url(../images/Grid-icon-export.png) no-repeat center center;
}

.Grid-icon-Flowchart {
    background: url(../images/Grid-icon-Flowchart.png) no-repeat center center;
}

.Grid-icon-Pull-Groups {
    background: url(../images/Grid-icon-Pull-Groups.png) no-repeat center center;
}


/***************************admin form panel title as other panels style ********************************/
.admin-form .panel-title {
    color: #222;
    font-size: 14px;
    font-weight: bold;
}
/********************************************/
.caption-con {
    display: block !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #222 !important;
    margin-bottom: 6px !important;
}

.alert {
    margin-bottom: 8px;
}
/*****************************************/
.legend-con {
    display: block;
    margin-top: 15px;
}

    .legend-con a {
        display: block;
        color: #555;
        line-height: 13px;
        margin-bottom: 4px;
    }

        .legend-con a:hover {
            text-decoration: none;
        }

    .legend-con .badge {
        width: 14px;
        height: 13px !important;
        min-width: 0;
        min-height: 0;
        margin: 2px 5px 0 0;
        border-radius: 0;
        background: #000;
        display: inline-block;
    }
/************************************/
.telerikCon {
    position: relative;
}

    .telerikCon span.ruFileWrap {
        padding-left: 0;
        width: 100%;
        height: 39px;
        margin: 0 0 5px;
        position: relative;
    }

    .telerikCon .ruFakeInput {
        width: calc(100% - 97px) !important;
        height: 33px !important;
        border: 1px solid #bcbcbc !important;
        color: #555;
        background: #e3e3e3 !important;
    }

    .telerikCon .ruBrowse {
        background: #4a89dc !important;
        height: 39px !important;
        width: 90px !important;
        color: #fff !important;
        font-size: 13px !important;
    }

    .telerikCon .ruUploadFailure, .telerikCon .ruUploadSuccess {
        width: calc(100% - 93px) !important;
        overflow: hidden;
        height: 39px !important;
        border: 1px solid #bcbcbc !important;
        color: #555 !important;
        background: #e3e3e3 !important;
        padding: 8px 8px 0 !important;
    }

    .telerikCon .ruRemove {
        background: #4a89dc !important;
        height: 39px !important;
        width: 90px !important;
        padding: 0 !important;
        color: #fff !important;
        font-size: 13px !important;
        position: absolute;
        right: 0;
    }
/******************chatbox**********************/
#chat-box {
    top: 113px;
}

    #chat-box .panel-heading {
        padding-top: 8px !important;
    }

    #chat-box .panel-body {
        background: #fff;
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 10px !important;
    }

    #chat-box .friend-name {
        font-size: 13px;
        padding: 8px 0;
    }

.bottom-bar {
    width: auto;
    left: 256px;
    right: 233px;
}

    .bottom-bar .send-bar_box .row {
        margin: 0 1%;
    }

    .bottom-bar .send-bar_box .col-xs-6 {
        padding: 0;
    }

        .bottom-bar .send-bar_box .col-xs-6 select {
            height: 30px;
            font-size: 12px;
            border-color: #d9d9d9;
            background: #f0f0f0;
            width: 95% !important;
            margin-bottom: 1px;
            direction: ltr;
            margin: 0 2.5% 4px !important;
        }
/***************************************/
.orange-Text {
    color: #f89406 !important;
}
/*******************************************/
@media screen and (max-width:1366px) {
    .public-block.transactionTiles input {
        font-size: 12px;
        height: 60px !important;
        width: 100% !important;
    }

    .public-block.transactionTiles .panel-body {
        padding: 0;
    }
}

/*********************Panel-heading-mutamer-card*******************/
.panel-heading-style2 {
    padding-top: 6px !important;
    color: #666 !important;
    background-color: #fafafa !important;
}

.table-txt-le h4, .table-txt-le h6 {
    text-align: left;
    font-size: 13px;
}

.table-txt-le h6, .table-txt-le h4, .table-txt-le p {
    margin: 0 !important;
    padding: 5px 0 !important;
}

    .table-txt-le p:last-child {
        border-bottom: none;
    }

.reportlistIcons li {
    float: left;
}


.title-Report1 {
    font-size: 19px;
    font-weight: bold; /* line-height: 66px; */
    margin-top: 10px;
}

.title-Report2 {
    color: #999;
    font-size: 16px;
}

.title-Report3 {
    margin: 7px 0 13px;
    font-size: 16px;
}

    .title-Report3 span {
    }

.col999 {
    color: #999;
}

.col-gry-white {
    color: #a7a7a7;
}

.col-white {
    color: #fff !important;
}

.bg-col-white {
    background-color: #fff !important;
}

.report-inks a {
    margin-left: 8px !important;
}

.brdr-botm-clr .row-form {
    border-bottom: 1px #eee solid;
}

    .brdr-botm-clr .row-form:last-child {
        border-bottom: none;
    }

.brdr-botm-clr span {
    display: inline-block;
}

    .brdr-botm-clr span:first-child {
        width: 112px !important;
    }

    .brdr-botm-clr span span:first-child {
        width: auto !important;
    }
/**********************************************/
.iw-cm-menu {
    border: 1px solid #bababa !important;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3) !important;
}

    .iw-cm-menu li {
        border-bottom: none !important;
        font-size: 12px;
    }

.iw-contextMenu {
    border: 1px solid #E6E6E6;
}

.iw-mSelected {
    background-color: #4a89dc !important;
}

.ico-name {
    background-image: url(../images/Grid-icon-ban.png) !important;
    background-repeat: no-repeat;
    background-position: 5px center !important;
    padding-left: 15px !important;
}

table.dataTable thead > tr > th.ico-name {
    padding-left: 30px !important;
}

.hint-con {
    color: red;
    display: block;
    font-size: 13px;
}

contract-con {
    font-size: 13px;
    font-weight: bold;
    color: #222;
    margin-bottom: 6px;
}
/**************favourite-case*******************/
.sidebar-widget.menu-widget ul li {
    float: left;
    width: 100%;
}

.sidebar-widget.menu-widget a:first-child {
    width: calc(100% - 40px);
}
/****************Sidebar-Menu*************************/
.sidebar-menu > li > ul > li > a {
    padding: 7px 15px 7px 20px !important;
}

/**********************topbar-dropmenu-sub-system**********************/

.topbar-menu .metro-tile {
    padding: 0 5px 0 !important;
}
/**********************topbar-dropmenu-sub-system1**********************/

#subSystems span.glyphicon.glyphicon-inbox {
    background-image: url("../images/SUB/APP1.png");
    width: 48px;
    height: 45px;
}

#subSystems span.glyphicon.glyphicon-inbox {
    font-size: 0;
}

/**********************topbar-dropmenu-sub-system2**********************/

#subSystems span.glyphicon.glyphicon-user {
    background-image: url("../images/SUB/umrati-2.png");
    width: 48px;
    height: 45px;
}

#subSystems span.glyphicon.glyphicon-user {
    font-size: 0;
}
/**********************topbar-dropmenu-sub-system3**********************/

#subSystems span.glyphicon.glyphicon-headphones {
    background-image: url("../images/SUB/mandoob-3.png");
    width: 48px;
    height: 45px;
}

#subSystems span.glyphicon.glyphicon-headphones {
    font-size: 0;
}
/**********************topbar-dropmenu-sub-system4**********************/

#subSystems span.fa.fa-gears {
    background-image: url("../images/SUB/supervisor-app.png");
    width: 48px;
    height: 45px;
}

#subSystems span.fa.fa-gears {
    font-size: 0;
}
/**********************topbar-dropmenu-sub-system5**********************/

#subSystems span.glyphicon.glyphicon-facetime-video {
    background-image: url("../images/SUB/driver-app.png");
    width: 48px;
    height: 45px;
}

#subSystems span.glyphicon.glyphicon-facetime-video {
    font-size: 0;
}
/**********************topbar-dropmenu-sub-system6**********************/

#subSystems div:nth-child(6) span.glyphicon.glyphicon-picture {
    background-image: url("../images/SUB/APP1.png");
    width: 48px;
    height: 45px;
}

#subSystems div:nth-child(6) span.glyphicon.glyphicon-picture {
    font-size: 0;
}
/**********************topbar-dropmenu-sub-system7**********************/

#subSystems div:nth-child(7) span.glyphicon.glyphicon-picture {
    background-image: url("../images/SUB/offline.png");
    width: 48px;
    height: 45px;
}

#subSystems div:nth-child(7) span.glyphicon.glyphicon-picture {
    font-size: 0;
}
/**********************topbar-dropmenu-sub-system8**********************/

#subSystems div:nth-child(8) span.glyphicon.glyphicon-picture {
    background-image: url("../images/SUB/programs-manage-.png");
    width: 48px;
    height: 45px;
}

#subSystems div:nth-child(8) span.glyphicon.glyphicon-picture {
    font-size: 0;
}
/**********************topbar-dropmenu-sub-system9**********************/

#subSystems div:nth-child(9) span.glyphicon.glyphicon-picture {
    background-image: url("../images/SUB/reports-sub.png");
    width: 48px;
    height: 45px;
}

#subSystems div:nth-child(9) span.glyphicon.glyphicon-picture {
    font-size: 0;
}
/**********************topbar-dropmenu-sub-system10**********************/

#subSystems div:nth-child(10) span.glyphicon.glyphicon-picture {
    background-image: url("../images/SUB/passport-sub.png");
    width: 48px;
    height: 45px;
}

#subSystems div:nth-child(10) span.glyphicon.glyphicon-picture {
    font-size: 0;
}
/**********************topbar-dropmenu-sub-system11**********************/

#subSystems div:nth-child(11) span.glyphicon.glyphicon-picture {
    background-image: url("../images/SUB/case.png");
    width: 60px;
    height: 45px;
}

#subSystems div:nth-child(11) span.glyphicon.glyphicon-picture {
    font-size: 0;
}
/**********************topbar-dropmenu-sub-system12**********************/

#subSystems div:nth-child(12) span.glyphicon.glyphicon-picture {
    background-image: url("../images/SUB/allotment1.png");
    width: 44px;
    height: 45px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center 5px;
}

#subSystems div:nth-child(12) span.glyphicon.glyphicon-picture {
    font-size: 0;
}
/***************General button style******************/
@font-face {
    font-family: icomoon2;
    src: url('../fonts/icomoon/icomoon.eot');
    src: url('../fonts/icomoon/icomoon.eot?#iefix') format("embedded-opentype"), url('../fonts/icomoon/icomoon.ttf') format("truetype"), url('../fonts/icomoon/icomoon.woff') format("woff"), url('../fonts/icomoon/icomoon.svg#icomoon') format("svg");
    font-weight: 400;
    font-style: normal;
}

/* General button style (reset) */

.btn-3:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* Pseudo elements for icons */

/* Button 3 */

/* Pseudo elements for icons */
.btn-3:before {
    font-family: 'icomoon2';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
}

.btn-3 {
    height: auto !important;
    font-size: 12px !important;
    cursor: pointer;
    padding: 4px 0 2px;
    padding-left: 51px;
    padding-right: 14px;
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    font-weight: 900 !important;
    display: inline-block;
    margin: 0 10px 10px 0 !important;
    line-height: 22px;
    margin: 5px 2px;
    text-transform: capitalize;
    outline: none;
    position: relative;
    background: #46b7e3 !important;
    color: #fff;
    border: 1px #46b7e3 solid;
    border-radius: 2px !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .btn-3 strong, .btn-3 strong span, .btn-3 strong div {
        font-size: 14px;
        color: #ffff00 !important;
    }

    .btn-3:hover strong, .btn-3:active strong, .btn-3.active strong, .btn-3:focus strong,
    .btn-3:hover strong span, .btn-3:active strong span, .btn-3.active strong span, .btn-3:focus strong span,
    .btn-3:hover strong div, .btn-3:active strong div, .btn-3.active strong div, .btn-3:focus strong div {
        color: #555 !important;
    }


    .btn-3:hover, .btn-3:active, .btn-3:active:hover, .btn-3.active, .btn-3.active:hover, .btn-3:focus, .btn-3:focus:hover {
        background: #fff !important;
        color: #111 !important;
        border-color: #46b7e3;
    }

    .btn-3:focus, .btn-3:active, .btn-3.active {
        box-shadow: inset 1px 0px 10px 0px #666;
        -webkit-box-shadow: inset 1px 0px 10px 0px #666;
        -moz-box-shadow: inset 1px 0px 10px 0px #666;
        -o-box-shadow: inset 1px 0px 10px 0px #666;
        border-color: #fff !important;
    }

        .btn-3:hover:before, .btn-3:active:before, .btn-3.active:before, .btn-3:focus:before,
        .btn-3:hover:after, .btn-3:active:after, .btn-3.active:after, .btn-3:focus:after {
            background: #46b7e3;
            color: #fff;
        }

        .btn-3:focus:after, .btn-3:active:after, .btn-3.active:after {
            left: 34px;
        }


    .btn-3:before {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        line-height: 32px;
        font-size: 115%;
        width: 33px;
        background: #fff;
        color: #46b7e3;
        z-index: 2;
        border-radius: 2px 0 0 2px;
        content: "";
    }

.btn3-ico {
    position: absolute;
    left: 7px;
    top: 6px;
    color: #46b7e3;
    z-index: 10;
    font-size: 17px !important;
}

.btn-3:focus .btn3-ico, .btn-3:active .btn3-ico, .btn-3:hover .btn3-ico, .btn-3.active .btn3-ico {
    color: #fff;
}

.btn-3:after {
    width: 15px;
    height: 15px;
    background: #fff;
    z-index: 1;
    left: 30px;
    top: 57%;
    margin: -10px 0 0 -10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}

.Transactions-taps #div_rptrBtns span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block !important;
}

    .Transactions-taps #div_rptrBtns span .btn-3 {
        padding-top: 6px;
        padding-bottom: 7px;
    }

.btn-3-style2 strong {
    font-size:;
}

button.mfp-close, button.mfp-arrow {
    font-family: tahoma;
    right: 10px !important;
    font-size: 20px !important;
    top: -11px !important;
}
/**********************Scope-Popup-user-management************************/
.scope-btn {
    float: left;
    margin-top: 19px;
    margin-right: 5px;
    background-color: transparent;
    border: 0px;
}

#ScopeCountries .label.label-warning, #ScopeMasterCountries .label.label-warning {
    padding: 5px 7px;
    padding-right: 9px;
    border-radius: 20px;
    position: relative;
}

    #ScopeCountries .label.label-warning img, #ScopeMasterCountries .label.label-warning img {
        width: 17px;
        height: auto;
        /* padding: 0px 3px; */
        margin: 0;
        margin-right: 5px;
        z-index: 2;
        position: relative;
    }

    #ScopeCountries .label.label-warning:before, #ScopeMasterCountries .label.label-warning:before {
        width: 25px;
        height: 25px;
        z-index: 1;
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        border-radius: 20px;
        background: #fff;
    }

#ScopeAgents .label.label-info, #ScopeMasterAgents .label.label-info {
    position: relative;
    border-radius: 20px;
    margin-bottom: 4px;
    padding: 3px 8px;
    font-size: 12px;
    background: #fff;
    border: solid 2px #999;
    color: #777 !important;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

    #ScopeAgents .label.label-info:hover, #ScopeMasterAgents .label.label-info:hover {
        color: #fff !important;
        background-color: #3bafda;
        border: solid 2px #3bafda;
        padding-left: 30px;
    }

        #ScopeAgents .label.label-info:hover:before, #ScopeMasterAgents .label.label-info:hover:before {
            left: 0;
        }

    #ScopeAgents .label.label-info:before, #ScopeMasterAgents .label.label-info:before {
        position: absolute;
        content: "";
        left: -50px;
        top: 0;
        background: url(../images/arrow-hover.png) no-repeat center center;
        width: 25px;
        height: 8px;
        background-color: #fff;
        height: 100%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

#bModalScopeMaster .panel-body {
    padding: 15px !important;
}

#bModalScopeMaster .panel-heading {
    line-height: 37px !important;
}
/******************************/
.fram-content {
    padding-top: 42px;
    margin-left: 0 !important;
}

.metro-modal {
    background: rgba(0, 0, 0, 0);
}

.subsyste-dropmenu {
    padding-top: 20px !important;
    top: 61px !important;
}
/*#main:before{    background: #0b0b0b;}*/

/************************UOEAPlanConfirmation**************************/
.social-sharing div {
    color: #fff;
    margin: 0 10px 10px 0;
    line-height: 22px;
    text-decoration: none;
    font-weight: normal;
}
/************************Services-Request****************************/
.select2-container-con .select2-container {
    width: 100% !important;
}

.Servic-order-tit {
    float: right;
    width: 100%;
    padding: 4px 15px !important;
    padding-right: 5px !important;
    margin-top: 0 !important;
}

    .Servic-order-tit .btn {
        height: auto !important;
        float: right;
        margin-left: 2px;
    }

    .Servic-order-tit span {
        margin-top: 8px;
        float: left;
        font-size: 14px;
    }

#TableTransport td {
    vertical-align: top !important;
}

    #TableTransport td:first-child .select2.select2-container.select2-container--default {
        margin-top: 18px;
    }

    #TableTransport td:nth-child(2) .select2.select2-container.select2-container--default {
        margin-bottom: 7px;
    }

    #TableTransport td:nth-child(3) span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    #TableTransport td:nth-child(4) .input-group {
        margin-top: 18px;
    }

    #TableTransport td:last-child {
        padding-top: 31px;
        padding-right: 4px;
        padding-left: 4px;
    }
/***************************Service-request-circles************************************/
.ih-item {
    position: relative;
    display: inline-block;
    width: 81px;
    height: 81px;
    margin: 0 1px;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

    .ih-item.active {
    }

    .ih-item .hint {
        border-radius: 50%;
        width: 100%;
        height: 100%;
        background: #4b8add;
        border: 4px #5ba1fd solid;
        text-align: center;
        z-index: 5;
        position: absolute;
        left: 36%;
        top: -25px;
        overflow: hidden;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }

        .ih-item .hint span, .ih-item .hint strong {
            position: absolute;
            width: 100%;
            color: #fff;
            left: 0;
            font-weight: normal;
            -webkit-transition: all 0.35s ease-in-out;
            -moz-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
        }

        .ih-item .hint strong {
            opacity: 0;
            top: 100px;
            font-size: 12px;
        }

    .ih-item:hover .hint strong, .ih-item:focus .hint strong, .ih-item.active .hint strong {
        opacity: 1;
        top: 40px;
    }


    .ih-item .hint span {
        opacity: 1;
        top: 5px;
        font-size: 43px;
    }

    .ih-item:hover .hint span, .ih-item:focus .hint span, .ih-item.active .hint span {
        top: 15px;
        font-size: 12px;
    }

    .ih-item:hover .hint, .ih-item.active .hint, .ih-item:focus .hint {
        left: 0;
        top: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -ms-transform: rotate(360deg); /* IE 9 */
        -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
        transform: rotate(360deg);
    }

    .ih-item .info {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        border-radius: 50%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: #3b3f4f;
        border: solid 4px #848792;
        pointer-events: none;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .ih-item:hover .info, .ih-item:focus .info, .ih-item.active .info {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .ih-item .info h3 {
        color: #fff;
        text-transform: uppercase;
        position: relative;
        /* letter-spacing: 2px; */
        font-size: 10px;
        font-weight: normal;
        margin: 2px 0;
        padding: 0;
        padding-top: 6%;
        height: 110px;
    }

    .ih-item .info p {
        color: #bbb;
        padding: 10px 5px;
        font-style: italic;
        margin: 0 30px;
        font-size: 12px;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }





.ico-steps {
    display: inline-block;
    width: 29px;
    height: 29px;
    margin-top: 17px;
    background: #fff;
    border-radius: 100%;
    font-size: 19px;
    padding-top: 1px;
    color: #3b3f4f;
    text-align: center;
}

    .ico-steps img {
        width: 100%;
        height: 100%;
    }

    .ico-steps .fa.fa-plane {
        font-size: 23px;
        margin-top: 2px;
    }

    .ico-steps .fa.fa-gear {
        font-size: 25px;
        margin-top: 2px;
    }

    .ico-steps .fa.fa-bed {
        font-size: 22px;
        margin-top: 2px;
    }

    .ico-steps .fa.fa-map-marker {
        font-size: 22px;
        margin-top: 2px;
    }

    .ico-steps .fa.fa-bus {
        font-size: 22px;
        margin-top: 2px;
    }

    .ico-steps .fa.fa-comments {
        font-size: 22px;
    }

    .ico-steps .fa.fa-save {
        font-size: 21px;
        margin-top: 2px;
    }
/************************************8*/
.trans3block {
    width: 32.75%;
    display: inline-block;
    margin: 8px 0.29%;
}

.calendars-popup {
    z-index: 10025 !important;
}

/********************Service-Request-check********************/
.manual-fl-chck {
    position: absolute;
    top: 30px;
    right: 0;
    color: #fff;
}

.manual-fl-chckDep {
    float: right;
    margin-top: 29px;
    color: #fff;
}
/***************************FAQ*******************************/
.panel-group.accordion-lg .panel-heading {
    height: auto;
}


/********************select-input*********************************/
.select2-container--default.select2-container--open .select2-selection--single {
    background-color: #fff !important;
    -webkit-box-shadow: inset 0 0 20px 0 #dddddd;
    box-shadow: inset 0 0 20px 0 #dddddd;
}

    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #6a9de1 transparent;
    }

/********************select-input*********************************/

.overflow-x-h .panel-body {
    overflow-x: hidden;
}


.ar-text {
    font-family: arabic_font;
    font-weight: normal !important;
    font-size: 11px !important;
}

.ar-text1 {
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    font-weight: normal !important;
    font-size: 13px !important;
}


/********************auploader********************************/
.arb-input-txt-ico label input {
    font-size: 14px;
    padding-right: 36px !important;
    padding-left: 7px !important;
    text-align: right;
}

.arb-input-txt-ico label.prepend-icon label.field-icon {
    right: 0 !important;
    left: auto !important;
    top: -2px !important;
}

/********************loader********************************/
.loader-con {
    position: fixed;
    background: rgba(0,0,0,.7);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    display: none;
}

    .loader-con .loader {
        position: absolute;
        border: 7px solid #f3f3f3;
        border-radius: 50%;
        border-top: 7px solid #3498db;
        width: 50px;
        height: 50px;
        top: 50%;
        left: 50%;
        margin-left: -25px;
        margin-top: -25px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/**************************Reports-Cards******************************/
#Important_Counts td:nth-child(5) a {
    width: 257px;
    margin-left: 55px !important;
}




















/************************RESPONSIVE****************************/

/********************************************Popups Responsive************************************************/
@media screen and (max-width: 770px) {
    .modal.in .modal-dialog {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }

    #subSystems {
        padding-bottom: 190px !important;
        overflow-y: auto;
        height: 100vh;
    }
}

/************************logo-RESPONSIVE****************************/

body.sb-l-m .navbar-brand {
    display: none !important;
}

@media screen and (max-width: 900px) {
    body.sb-l-o .navbar-brand, body.sb-l-m .navbar-brand {
        display: block;
    }

    body.sb-l-o .navbar-branding, body.sb-l-m .navbar-branding {
        max-width: none;
    }
}


/********************Tablet-Responsive********************************/
/************************season-star****************************/

@media screen and (max-width: 770px) {
    .w100-full-sm {
        width: 100% !important;
    }

    .ha-sm {
        height: auto !important;
    }

    .tab-block .nav-tabs > li {
        width: 100%;
    }

    .arb-txt1 h5 {
        font-size: 12px;
    }

    .arb-txt1 li {
        font-size: 11px;
    }

    .cls-plan-xs {
        text-align: center;
        display: block !important;
    }

    .navbar-fixed-top .navbar-right #blc_chatImg {
        width: 100px !important;
        padding-top: 14px;
        padding-right: 14px;
    }

    #UpdatePanel1master {
        display: none;
    }

    div.col-md-1, div.col-md-2, div.col-md-3, div.col-md-4, div.col-md-5, div.col-md-6, div.col-md-7,
    div.col-md-8, div.col-md-9, div.col-md-10, div.col-md-11, div.col-md-12 {
        margin-bottom: 5px;
    }

    .panel-title.hidden-xs {
        display: block !important;
    }

    .admin-form .panel-heading {
        height: auto !important;
    }

    .display-blck-xs {
        display: block !important;
    }

    .display-inblck-xs {
        display: inline-block !important;
    }

    .navbar-nav.navbar-left .open .dropdown-menu {
        width: 160px !important;
    }
}
/**********************Agent-card-page******************************/
.cards-txt-con {
    padding-top: 0;
    padding-bottom: 0;
}

    .cards-txt-con p.lead {
        padding: 0;
        font-size: 15px;
        margin: 9px 0;
    }

        .cards-txt-con p.lead img {
            width: 25px;
            margin-left: 10px;
        }

.media-heading {
    color: #888;
    font-size: 25px;
}

.printSquare-con {
    padding: 0;
    margin-top: 0;
    border: none;
    background: transparent;
}

.cards-media-links .list-inline {
    margin-left: 0;
}

.cards-media-links li {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    padding-top: 5px;
    margin-right: 2px;
}

    .cards-media-links li span {
        font-size: 19px;
        color: #f2f2f2;
    }

    .cards-media-links li span {
        font-size: 19px;
        color: #f2f2f2;
    }

.cards-ico {
    margin-right: 15px;
    max-width: 25px;
}

.cards-ico-table {
    border: none;
}

    .cards-ico-table td {
        text-align: left !important;
        padding: 9px 20px;
        border: none;
    }

        .cards-ico-table td strong {
            color: #777;
            font-size: 13px;
            font-weight: bold;
        }

.btn-3.cards {
    margin: 0 !important;
    width: 200px;
    padding-left: 37px;
}

/******Rating-stars******/
/********************rating**************************/
.rati {
    position: relative;
    width: 90px;
    overflow: hidden;
    display: inline-block;
    top: 10px;
    margin-left: 76px;
}

.rating-bg1 {
    background: url(../images/cards-ico/satr3.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 90px;
    height: 20px;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    display: inline-block;
}

.rate-colo {
    width: 88px;
    height: 20px;
    background: #f1b26e;
    position: absolute;
    top: 0;
}

/***********************login****************************************/
.loginoldsys {
    display: inline-block;
    margin-right: 11px;
    margin-top: 11px;
    font-size: 15px !important;
    font-weight: normal !important;
    color: #555;
}

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

    .loginoldsys:hover {
        color: #5d9cec;
        text-decoration: none;
    }

.flags-log {
    margin: 33px 10px 20px;
}

    .flags-log a {
        margin-left: 5px;
        color: #666;
        padding: 4px 7px;
    }

        .flags-log a:hover, .flags-log a:focus, .flags-log a:active, .flags-log a.active {
            color: #555;
            background: #fff;
            text-decoration: none;
        }

    .flags-log img {
        width: 35px;
        height: auto;
    }

/***************************/
/************************RESPONSIVE-General****************************/
@media screen and (max-width: 480px) {





    .w100-full-xs {
        width: 100% !important;
    }

    .brdr-none-xs {
        border: none !important;
    }

    .pull-left-xs {
        float: left !important;
    }

    .pull-right-xs {
        float: right !important;
    }

    .left-drop-menu-xs {
        left: 0 !important;
    }

    .right-drop-menu-xs {
        right: 0 !important;
    }


    .dropdown-menu > li > a {
        white-space: normal !important;
    }

    .dataTables_wrapper .row:last-child .col-sm-6 {
        float: left;
        width: 100%;
    }

    .cont .subtitle {
        font-weight: 100px;
        margin-top: 15px;
        line-height: 13px;
        max-height: 40px;
        overflow: hidden;
        font-size: 11px;
    }

    #lidash.dropdown.menu-merge.hidden-xs {
        display: inline-block !important;
    }

    .dt-panelfooter .dataTables_paginate {
        float: left;
        width: 100%;
    }

    .btn-group .btn {
        margin-left: 0 !important;
        margin-right: 3px;
        margin-bottom: 3px;
    }

    .btn {
        margin-bottom: 3px !important;
        font-size: 14px !important;
    }

    label {
        font-size: 11px;
    }

    .handle-pages {
        padding: 5px !important;
    }

    .w100-full-xs {
        width: 100% !important;
    }

    .br-xs {
        display: block !important;
        margin-top: 3px !important;
    }

    .mn-xs {
        margin: 0 !important;
    }

    .pn-xs {
        padding: 0 !important;
    }

    .pln-xs {
        padding-left: 0 !important;
    }

    .prn-xs {
        padding-right: 0 !important;
    }

    .mln-xs {
        margin-left: 0 !important;
    }

    .mrn-xs {
        margin-right: 0 !important;
    }

    .mtn-xs {
        margin-top: 0 !important;
    }

    .mbn-xs {
        margin-bottom: 0 !important;
    }

    .mb3-xs {
        margin-bottom: 3px !important;
    }

    .mb5-xs {
        margin-bottom: 5px !important;
    }

    .mb10-xs {
        margin-bottom: 10px !important;
    }

    .mb15-xs {
        margin-bottom: 15px !important;
    }

    .mb20-xs {
        margin-bottom: 20px !important;
    }

    .mb25-xs {
        margin-bottom: 25px !important;
    }

    .mb30-xs {
        margin-bottom: 30px !important;
    }

    .mt-6-xs {
        margin-top: -6px !important;
    }

    .mt3-xs {
        margin-top: 3px !important;
    }

    .mt5-xs {
        margin-top: 5px !important;
    }

    .mt10-xs {
        margin-top: 10px !important;
    }

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

    .mt20-xs {
        margin-top: 20px !important;
    }

    .mt25-xs {
        margin-top: 25px !important;
    }

    .mt30-xs {
        margin-top: 30px !important;
    }

    .ml3-xs {
        margin-left: 3px !important;
    }

    .ml5-xs {
        margin-left: 5px !important;
    }

    .ml10-xs {
        margin-left: 10px !important;
    }

    .ml11-xs {
        margin-left: 11px !important;
    }

    .ml15-xs {
        margin-left: 15px !important;
    }

    .ml20-xs {
        margin-left: 20px !important;
    }

    .ml25-xs {
        margin-left: 25px !important;
    }

    .ml30-xs {
        margin-left: 30px !important;
    }

    .mr3-xs {
        margin-right: 3px !important;
    }

    .mr5-xs {
        margin-right: 5px !important;
    }

    .mr10-xs {
        margin-right: 10px !important;
    }

    .mr11-xs {
        margin-right: 11px !important;
    }

    .mr15-xs {
        margin-right: 15px !important;
    }

    .mr20-xs {
        margin-right: 20px !important;
    }

    .mr25-xs {
        margin-right: 25px !important;
    }

    .mr30-xs {
        margin-right: 30px !important;
    }


    .pb3-xs {
        padding-bottom: 3px !important;
    }

    .pb5-xs {
        padding-bottom: 5px !important;
    }

    .pb10-xs {
        padding-bottom: 10px !important;
    }

    .pb15-xs {
        padding-bottom: 15px !important;
    }

    .pb20-xs {
        padding-bottom: 20px !important;
    }

    .pb25-xs {
        padding-bottom: 25px !important;
    }

    .pb30-xs {
        padding-bottom: 30px !important;
    }

    .ptn-xs {
        padding-top: 0 !important;
    }

    .pt3-xs {
        padding-top: 3px !important;
    }

    .pt5-xs {
        padding-top: 5px !important;
    }

    .pt10-xs {
        padding-top: 10px !important;
    }

    .pt15-xs {
        padding-top: 15px !important;
    }

    .pt20-xs {
        padding-top: 20px !important;
    }

    .pt25-xs {
        padding-top: 25px !important;
    }

    .pt30-xs {
        padding-top: 30px !important;
    }

    .pl3-xs {
        padding-left: 3px !important;
    }

    .pl5-xs {
        padding-left: 5px !important;
    }

    .pl10-xs {
        padding-left: 10px !important;
    }

    .pl11-xs {
        padding-left: 11px !important;
    }

    .pl15-xs {
        padding-left: 15px !important;
    }

    .pl20-xs {
        padding-left: 20px !important;
    }

    .pl25-xs {
        padding-left: 25px !important;
    }

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

    .pr3-xs {
        padding-right: 3px !important;
    }

    .pr5-xs {
        padding-right: 5px !important;
    }

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

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

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

    .pr25-xs {
        padding-right: 25px !important;
    }

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

    .clearfix-xs {
        clear: both !important;
    }

    .content-footer-xs {
        left: 0 !important;
        padding: 2px 53px;
    }

    .img-rprt-crd-cen {
        display: block !important;
        margin: auto !important;
        float: none !important;
    }
}
/************************Mobile-Responsive****************************/
@media screen and (max-width: 720px) {
    .navbar.navbar-fixed-top {
        background: url(../images/nav-bg-1.png);
    }

    .navbar-fixed-top .navbar-right {
        padding: 0;
    }

        .navbar-fixed-top .navbar-right #blc_chatImg {
            width: 86px !important;
            padding-top: 14px;
            padding-right: 14px;
        }

    .cont {
        width: 650px;
        max-width: 85% !important;
        overflow: auto;
    }

    body.sb-l-m .navbar-branding {
        width: 29px;
        padding-top: 10px;
    }

    .navbar-fixed-top .navbar-nav.navbar-left {
        padding-top: 10px;
    }

    body.sb-l-o .navbar #toggle_sidemenu_l, body.sb-l-m .navbar #toggle_sidemenu_l {
        width: 22px;
    }

    .navbar-fixed-top .navbar-nav.navbar-left > li > a {
        padding-right: 1px;
        padding-left: 3px;
    }

    .Pic-user img {
        width: 30px;
        height: 30px;
        margin-top: 4px;
    }

    .navbar-fixed-top .navbar-right > li > a {
        padding-left: 0;
        padding-right: 0;
        font-size: 0;
    }

    .flag-xs.flag-us {
        margin-top: 4px;
    }

    #topbar .breadcrumb .crumb-active {
        display: block;
    }

    #sidebar_right {
        width: 300px;
        overflow-y: auto !important;
    }

    .resize-header {
        width: 100% !important;
    }

    .resize-con {
        width: 100% !important;
    }

    .tray-right ol.timeline-list li.timeline-item {
        padding: 15px 80px 15px 50px;
    }

    .topbar-right a.btn {
        font-size: 0 !important;
    }

        .topbar-right a.btn span {
            font-size: 17px;
            color: #fff;
        }

    #topbar .topbar-right {
        float: left;
        width: 100%;
    }

    .topbar-right #topbarupdatepanel {
        width: auto;
        float: right !important;
        margin-top: 2px;
    }

    #topbarupdatepanel.topbar-right a:nth-child(2) {
        padding: 8px 10px;
    }

    .topbar-right #topbarupdatepanel .btn-default.light {
        background-color: #5c5c5c;
    }

    #toggle_sidemenu_r {
        float: left;
        margin-left: 0 !important;
    }

    .topbar-right #help-switcher {
        float: right;
        margin-top: 3px;
        margin-right: 49px;
        background-color: #5c5c5c;
        color: #fff;
    }

    #topbar .breadcrumb {
        margin-bottom: 7px;
    }

    .dataTables_length {
        margin-bottom: 5px;
    }

    .dataTables_filter input {
        width: 74%;
    }

    #subSystems span.metro-title {
        font-size: 13px;
    }


    .uo-calender-block .navbar li {
        display: block;
        text-align: left;
    }

    .acc-title {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 12px;
    }

    .tab-block .nav-tabs.has-ico > li > a {
        font-size: 12px;
    }

    .panel-heading {
        height: auto;
    }

        .panel-heading .panel-title {
            padding: 10px 5px;
            font-size: 12px;
        }

    .caption-con {
        margin-top: 5px;
    }

    .dataTables_info {
        font-size: 11px;
    }

    .ui-pnotify .alert {
        width: 87%;
        font-size: 12px;
        margin-left: 29px;
    }

    .panel-group.accordion-lg .panel-heading {
        height: auto;
        font-size: 13px !important;
        line-height: 19px !important;
        padding: 6px 4px;
    }

    .tab-block .nav-tabs.has-ico > li > a {
        max-height: 50px;
        overflow: hidden;
    }

    .stepDivCon {
        width: 200px;
        right: -206px;
    }

    .navbar-branding {
        height: 45px;
        width: 100%;
        margin: 0;
    }

    body.sb-l-o .navbar-brand, body.sb-l-m .navbar-brand {
        width: 92.8vw;
        text-align: center;
        padding: 0;
    }

    .lblcustomtitle-con {
        margin-top: 68px;
    }

        .lblcustomtitle-con #lblcustomtitle {
            width: 90%;
            font-size: 13px;
            top: 56px;
        }

    #content-footer {
        left: 0 !important;
        padding: 2px 53px;
    }

    .text-center-xs {
        text-align: center !important;
    }
}




@media screen and (max-width: 980px) {
    #blc_chatImg {
        width: 127px;
        margin-top: 4px;
    }
}

@media screen and (max-width: 780px) {
    #txt_searchBox.show-srch {
        opacity: 1;
        visibility: visible;
        top: 50px;
        z-index: 5;
        height: 29px;
        font-size: 12px;
        left: 1%;
        width: 98%;
    }

    .navbar-form.navbar-search:after {
        display: none;
    }

    .navbar-form.navbar-left.navbar-search i.fa-search {
        display: inline-block;
    }

    ;
    /**************for menu scroll*******************/
    .sb-l-m #sidebar_left {
        overflow-y: visible !important;
    }

    .sb-l-o #sidebar_left {
        overflow-y: auto !important;
    }

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

}

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

    #lidash.dropdown.menu-merge.hidden-xs {
        display: block !important;
    }

    #help-switcher.btn.btn-default.btn-sm.light.btn-gold {
        margin-top: 3px;
        margin-left: 2px;
    }

    .width-au-xs {
        width: auto !important;
    }
}
/***********************Footer************************/
@media screen and (max-width: 738px) {
    #content-footer .footer-legal {
        font-size: 11px;
    }

    #content-footer .footer-meta {
        font-size: 11px;
        padding: 0;
    }

    #content-footer {
        height: auto;
        padding-top: 8px;
    }
}

@media screen and (max-width: 450px) {
    #content-footer .col-md-6, #content-footer .footer-meta {
        width: 100% !important;
        display: block;
        text-align: center;
    }

    #content-footer .footer-legal {
        font-size: 11px;
    }

    #content-footer .footer-meta {
        font-size: 11px;
        padding: 0;
        display: none;
    }

    #content-footer {
        height: auto;
        padding: 5px 8px 0;
    }
}
/**********************Map View************************/

@media screen and (max-width: 738px) {
    .maps-vector-page .expanding-header {
        width: 93% !important;
    }

    .maps-vector-page .my-shaded-bg {
        display: block !important;
    }

    .maps-vector-page .radio-buttons {
        width: 100%;
        height: 80px !important;
        overflow-y: auto;
    }

    .maps-vector-page .mapCalender {
        width: 100%;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .maps-vector-page .expanding-header.collapsed-v {
        height: 30px !important;
        min-height: 30px !important;
        width: 40px !important;
    }

    .maps-vector-page .expanding-header .map-header-icon {
        padding: 5px 10px;
    }
}

@media screen and (max-width: 450px) {
    .maps-vector-page .expanding-header {
        width: 88% !important;
    }

    .maps-vector-page .radio-buttons {
        height: 200px !important;
    }
}

.table.dataTable tr, .table.dataTable td, .table.dataTable th {
    border: 1px solid #ada7a8 !important;
    /*#e4e4e4*/
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    text-align: center !important;
    font-weight: bold;
}


/*---- Packages popup ----*/
#grd_CreatePackage_length {
    margin-left: 20px !important;
}

#grd_CreatePackage_filter {
    margin-right: 10px !important;
}

.packageTap1-row3 .fa.fa-plus {
    font-size: 14px;
    padding-top: 3px;
}

/*Temp For Prices*/
html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

body {
    font-family: 'Open Sans', sans-serif;
}

#plans, #plans ul, #plans ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#pricePlans:after {
    content: '';
    display: table;
    clear: both;
}

#pricePlans {
    zoom: 1;
}

#pricePlans {
    max-width: 69em;
    margin: 0 auto;
}

    #pricePlans #plans .plan {
        background: #fff;
        float: left;
        width: 100%;
        text-align: center;
        border-radius: 5px;
        margin: 0 0 20px 0;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }

.planContainer .title h2 {
    font-size: 2.125em;
    font-weight: 300;
    color: #3e4f6a;
    margin: 0;
    padding: .6em 0;
    background: #F9F9F9;
    background: -webkit-linear-gradient(top, #475975, #364761);
    background: -moz-linear-gradient(top, #475975, #364761);
    background: -o-linear-gradient(top, #475975, #364761);
    background: -ms-linear-gradient(top, #475975, #364761);
    background: linear-gradient(top, #475975, #364761);
    color: #fff;
}

    .planContainer .title h2.bestPlanTitle {
        background: #f7814d;
        color: #fff;
        border-radius: 0;
    }


.planContainer .price p {
    background: #f3e9ab;
    color: #364762;
    font-size: 1.2em;
    font-weight: 700;
    height: 2.6em;
    line-height: 2.6em;
    margin: 0.5em 0 1em 0;
}

.mar-1 {
    margin-top: 1em !important;
}

.size-1 {
    font-size: 24px;
    margin-top: -15px !important;
}

.planContainer .price p.bestPlanPrice {
    background: #f8e371;
}

.planContainer .price p span {
    color: #8394ae;
}

.planContainer .options {
    margin-top: 10em;
}

    .planContainer .options li {
        font-weight: 700;
        color: #364762;
        line-height: 2.5;
    }

        .planContainer .options li span {
            font-weight: 400;
            color: #979797;
            font-size: 16px;
        }

.planContainer .button a {
    text-transform: uppercase;
    text-decoration: none;
    color: #3e4f6a;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 2.8em;
    border: 2px solid #3e4f6a;
    display: inline-block;
    width: 80%;
    height: 2.8em;
    border-radius: 4px;
    margin: 1.5em 0 1.8em;
}

    .planContainer .button a.bestPlanButton {
        color: #fff;
        background: #f7814d;
        border: 2px solid #f7814d;
    }

#credits {
    text-align: center;
    font-size: .8em;
    font-style: italic;
    color: #777;
}

    #credits a {
        color: #333;
    }

        #credits a:hover {
            text-decoration: none;
        }

@media screen and (min-width: 481px) and (max-width: 768px) {

    #pricePlans #plans .plan {
        width: 49%;
        margin: 0 2% 20px 0;
    }

    #pricePlans #plans > li:nth-child(2n) {
        margin-right: 0;
    }
}

.PageHeader .navbar-nav.navbar-left {
}

    .PageHeader .navbar-nav.navbar-left li:nth-child(2) {
        width: 400px;
        padding-top: 10px;
        max-width: 100%;
        padding-left: 14px;
    }

        .PageHeader .navbar-nav.navbar-left li:nth-child(2) .select2-container--default .select2-selection--single {
            border-radius: 5px;
        }
/****************************************************************/
@media screen and (min-width: 769px) and (max-width: 1024px) {

    #pricePlans #plans .plan {
        width: 49%;
        margin: 0 2% 20px 0;
    }

    #pricePlans #plans > li:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (min-width: 1025px) {
    #pricePlans {
        margin: 2em auto;
    }

        #pricePlans #plans .plan {
            width: 24.5%;
            margin: 0;
            padding-bottom: 30px;
            border: 1px solid #dedede;
            border-radius: 0;
            -webkit-transition: all .25s;
            -moz-transition: all .25s;
            -ms-transition: all .25s;
            -o-transition: all .25s;
            transition: all .25s;
        }

        #pricePlans #plans > li:first-child {
            margin-right: 0;
            -webkit-transform: scale(1.04);
            -moz-transform: scale(1.04);
            -ms-transform: scale(1.04);
            -o-transform: scale(1.04);
            transform: scale(1.04);
        }

    /*#pricePlans #plans .plan:hover {
            -webkit-transform: scale(1.04);
            -moz-transform: scale(1.04);
            -ms-transform: scale(1.04);
            -o-transform: scale(1.04);
            transform: scale(1.04);
        }*/

    .planContainer .button a {
        -webkit-transition: all .25s;
        -moz-transition: all .25s;
        -ms-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }

        .planContainer .button a:hover {
            background: #3e4f6a;
            color: #fff;
        }

        .planContainer .button a.bestPlanButton:hover {
            background: #ff9c70;
            border: 2px solid #ff9c70;
        }
}

.icon_list {
    float: left;
    width: 24.5%;
    text-align: right;
    padding-left: 25px;
}

.pop_detail {
    width: 100%;
    float: left;
    padding: 10px 0;
    direction: rtl;
    border-bottom: 1px solid #ccc;
}

    .pop_detail i {
        margin-left: 5px;
        font-size: 21px;
    }

.detail_num {
    margin-left: 5px;
    font-weight: bold;
    font-size: 21px;
}

.label.label-warning {
    background-color: #f5b025 !important;
}

.aup_tabs .tab-block {
    margin-bottom: 0;
}

    .aup_tabs .tab-block .nav-tabs {
        padding: 0 5px;
    }

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

.tabs_container {
    border-top: 10px solid #dc9b1b;
}

.dash_btn {
    width: 12px;
    height: 12px;
    margin-left: 6px !important;
}

.pad-20 {
    padding: 0 10px;
}

.dash_radio {
    margin-bottom: 0;
    margin-top: 12px;
}

.admin-form .gui-input[disabled], .admin-form .gui-textarea[disabled], .admin-form .select > select[disabled], .admin-form .select-multiple select[disabled], .admin-form .gui-input[disabled] ~ .input-footer, .admin-form .file .gui-file[disabled] + .gui-input, .admin-form .file .gui-file[disabled]:hover + .gui-input, .admin-form .gui-textarea[disabled] ~ .input-footer {
    font-family: ar_font;
}



/*********PageHeader**************/
.PageHeader .navbar-nav.navbar-left li:first-child a { /*max-width:130px;*/
    padding-top: 11px;
    display: table-cell;
    vertical-align: middle;
}

.PageHeader .navbar-nav.navbar-left li:nth-child(2) {
    width: 340px;
}

.PageHeader .nav > li > a {
    padding: 23px 7px 10px;
}






.logoCon2 {
    float: right;
    background: #fff;
    border-radius: 100%;
    width: 46px;
    height: 46px;
    text-align: center;
    padding-top: 3px;
    margin-top: 1px;
    position: relative;
    top: -4px;
    margin-left: 7px;
    overflow: hidden;
}

    .logoCon2 img {
        margin: 0 !important;
    }

.userNam {
    float: right;
    margin-top: 11px;
}


.PageHeader .navbar-nav li a:hover, .PageHeader .navbar-nav li.active a { /* background:#000; */ /* color:#fff */
}

/****************new2018***********************/
.columns .ui-columns-search {
    padding: 0
}

.columns .ui-table-footer .ui-table-size {
    padding: 0
}

.panelClstopN .mfp-close {
    top: 0 !important
}

.columns .ui-columns-search input, .columns .ui-table-footer .ui-table-size select {
    height: 34px;
    margin-bottom: 10px;
    padding: 4px 12px;
    font-size: 13px;
    line-height: 1.49;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #dddddd;
    border-radius: 0px;
}

.columns .ui-table-footer .ui-table-results strong {
    color: #888
}

.columns .ui-table-footer .ui-table-controls {
    width: 35%;
}

.columns .ui-table-controls span.ui-table-control-next, .columns .ui-table-footer .ui-table-control-disabled, .columns .ui-table-controls span.ui-table-control-prev {
    position: relative;
    padding: 5px 12px;
    line-height: 1.49;
    text-decoration: none;
    color: #4a89dc;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    font-weight: bold;
    font-size: 13px !important;
}

.columns .ui-table-controls span.ui-table-control-disabled {
    color: #777
}

.columns .ui-table-controls span.ui-table-control-prev:hover {
    color: #fff;
    background-color: #4a89dc;
}

#imgUpdateProgress {
    margin-left: -108px;
}

.ui-table-control-disabled:first-child img, .ui-table-control-disabled:nth-child(2) img, .columns .ui-table-controls span.ui-table-control-next img, .columns .ui-table-controls span.ui-table-control-prev img {
    display: none
}

.ui-table-control-disabled:first-child:after, .columns .ui-table-controls span.ui-table-control-prev:after {
    content: "Previous"
}

.ui-table-control-disabled:nth-child(2):after, .columns .ui-table-controls span.ui-table-control-next:after {
    content: "Next"
}


.tooltip .tooltip-inner {
    padding: 8px 8px !important;
    border-radius: 5px
}

.toolClss {
    font-size: 15px;
    margin: 0 4px;
}

#mainCard {
    float: left;
    width: 100%;
    margin: 18px 7px 30px;
}

    #mainCard input[type=text]:hover, #mainCard input[type=text]:focus {
        border-color: transparent !important;
    }

.fc-view-container .fc-event, .fc-view-container .fc-event:hover {
    color: #000;
}

.arr-t {
    margin-top: 10px;
    display: block;
    color: #777
}
/***************menuWid******************/
.menuWid {
    display: none
}

@media screen and (min-width: 1200px) {
    body.sb-l-m .menuWid {
        display: none
    }

    body.sb-l-m.sb-l-c .menuWid {
        display: block
    }

    .menuWid {
        position: absolute;
        right: 0;
        top: 4px;
        background-color: #444;
        width: 36px;
        height: 30px;
        color: #fff !important;
        font-size: 15px;
        padding: 5px 10px;
        z-index: 100000;
        display: block;
        border-radius: 0;
        -webkit-border-top-left-radius: 25px;
        -webkit-border-bottom-left-radius: 25px;
        -moz-border-radius-topleft: 25px;
        -moz-border-radius-bottomleft: 25px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        background-image: url('../images/horz-m.png');
        background-repeat: no-repeat;
        background-position: center center;
    }

    body.widMenu .menuWid {
        border-radius: 0;
        width: 37px;
        height: 50px;
        right: auto;
        left: 0;
        top: 9px;
        background-image: url('../images/vert-m.png');
    }

    body.widMenu #sidebar_left {
        overflow: visible !important;
    }

    body.widMenu .sidebar-left-content {
    }

    .menuCon {
        position: relative
    }

    body.widMenu .menuCon {
        position: absolute;
        left: 230px;
        right: 0;
        width: calc(100vw - 230px);
        z-index: 1000000;
        top: 51px;
        background: #000;
        padding: 2px 0 6px;
        background-image: url('../images/top-menu-Vertical-bg.png');
    }

    body.sb-l-m.widMenu .menuCon {
        left: 60px;
        width: calc(100vw - 60px);
    }

    body.sb-l-m.sb-l-c.widMenu .menuCon {
        left: 60px;
        width: 100vw;
        padding-left: 34px;
    }



    body.widMenu .menuCon > ul > li {
        float: left;
        padding: 0;
        position: relative
    }

        body.widMenu .menuCon > ul > li .notificatee {
            right: -19px;
            width: 25px;
            height: 23px;
            font-size: 11px;
            padding: 2px 0 0;
        }

    body.widMenu .menuCon > ul.sidebar-menu > li > a {
        padding: 2px 3px 2px;
        display: block;
        height: auto;
        position: relative;
        padding-right: 18px;
    }

    body.widMenu .menuCon ul.sub-nav > li a {
    }

        body.widMenu .menuCon ul.sub-nav > li a:hover {
            color: #dc9b1b !important;
        }

    body.widMenu .menuCon > ul > li > a span:first-child {
        float: left;
        width: 31px !important;
        /* height: 19px !important; */
        margin: 0 !important;
        display: none;
    }

    body.widMenu .menuCon > ul > li > a span.sidebar-title {
        width: auto;
    }

    body.widMenu.sb-l-m #sidebar_left .sidebar-title {
        display: block;
        position: relative;
        left: 0;
        top: 0;
        width: auto;
        height: auto;
        line-height: 39px;
        font-size: 14px;
        padding-left: 10px;
        border-left: none;
        background-color: transparent;
    }

    body.widMenu .sidebar-menu > li > ul {
        position: absolute;
        left: 0;
        z-index: 10;
        width: 250px;
    }

    body.widMenu #sidebar_left .nav.sidebar-menu li:nth-child(6) ul.nav.sub-nav {
        top: 100% !important;
    }

    body.sb-l-m.widMenu #sidebar_left .caret {
        display: block;
        position: absolute;
        right: 4px;
        top: 21px;
        font-size: 6px;
        color: #b1b1b1;
    }

    body.widMenu #sidebar_left .nav.sidebar-menu li:nth-child(6) a span.sidebar-title {
        top: 0 !important;
    }

    #main {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

    body.widMenu .iw-contextMenu {
        z-index: 10000;
    }

    #content_wrapper {
        padding-bottom: 50px
    }

    body.widMenu #content-footer {
        left: 0;
    }
}

.TableControl > a.fa-gear {
    display: none
}

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

.stack_bottom_right {
}

    .stack_bottom_right .alert-info {
        border-radius: 10px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f27372+0,dd393b+100 */
        background: #f27372; /* Old browsers */
        background: -moz-linear-gradient(top, #f27372 0%, #dd393b 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f27372 0%,#dd393b 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #f27372 0%,#dd393b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27372', endColorstr='#dd393b',GradientType=0 ); /* IE6-9 */
    }

    .stack_bottom_right .ui-pnotify-closer .glyphicon, .stack_bottom_right .ui-pnotify-sticker .glyphicon {
        background: #fff;
        color: #585858;
        font-size: 10px;
        top: -10px;
        right: -8px;
        width: 17px;
        height: 17px;
        text-align: center;
        padding-top: 4px;
        border-radius: 100%;
    }

.ui-pnotify.stack_bottom_right {
    bottom: 50px;
}

#up1update {
    display: block !important
}

#lidash .dropdown-menu li a img {
    margin-right: 5px;
    position: relative;
    top: -4px;
}


/**************************/
#expandCollAll {
    display: none
}

#up1update {
    position: relative
}

@media screen and (max-width: 720px) {
    #up1update {
        position: relative;
        padding-top: 25px !important;
    }

    body.expandBody #expandCollAll {
        top: -1px !important;
    }

    body.sb-l-m #expandCollAll {
        top: 61px;
    }

    body #expandCollAll {
    }

    #expandCollAll {
        display: block;
        position: absolute;
        left: 0;
        top: 106px;
        font-size: 17px;
        background: #262626;
        padding: 8px 11px;
        color: #fff;
        z-index: 10000;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

    body #expandCollAll.slidee {
        top: -200px !important;
    }

    body.expandBody #content-footer {
        bottom: -200px
    }

    body.expandBody #chat-box {
        right: -500px;
    }

    body.expandBody .navbar-fixed-top {
        margin-top: -100px
    }

    body.expandBody .exPagMain .PageHeader {
        position: absolute;
        top: -200px
    }

    body.expandBody #content_wrapper {
    }

    body.expandBody #sidebar_left {
    }

    .masterBody #content_wrapper {
        padding-top: 105px !important;
    }

    .masterBody.sb-l-m #content_wrapper {
        padding-top: 60px !important;
    }

    body.expandBody #content_wrapper.exPagMain {
        padding-top: 0px !important;
    }

    .PageHeader {
        padding-left: 34px !important;
    }

    .fram-content {
        padding-top: 0;
    }
    /* iframe {  position: relative;    margin-top: 44px;}*/




}
/*******************************************/

input[type=image][title="Move Up"],
input[type=image][title="Move Down"] { /* width: 18px; */
    display: inline-block;
}

.addRemoveRows {
    width: 23px;
    float: right;
}

.arrowsAltGrid {
    width: 49px;
    float: right;
    padding-top: 7px;
    margin-right: 5px;
}

    .arrowsAltGrid > input {
        position: relative;
    }

        .arrowsAltGrid > input[title="Move Up"] {
            right: -2px;
        }

.drop22 {
    min-width: 100%;
    padding: 5px 5px 0;
}

    .drop22 > li > a {
        color: #131313 !important;
        background: #ffcf6f !important;
        margin-bottom: 4px;
        padding: 8px 8px;
        font-size: 12px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

    .drop22 > li:nth-child(2) > a {
        background: #9bf58d !important;
    }

    .drop22 > li:nth-child(3) > a {
        background: #ffb0b0 !important;
    }

    .drop22 > li:nth-child(4) > a {
        background: #c8a3ff !important;
    }

    .drop22 > li:nth-child(5) > a {
        background: #820744 !important
    }

    .drop22 > li:nth-child(6) > a {
        background: #0d9886 !important
    }

    .drop22 > li:nth-child(7) > a {
        background: #114fa0 !important
    }

    .drop22 > li:hover > a {
        opacity: 0.8;
        border-radius: 2px;
        background-color: indianred;
    }


.filterInputCon {
    position: relative;
}

#filterInput {
    width: calc(100% - 48px);
    color: #253650;
    border-radius: 5px !important;
    margin: 21px 6px 0;
    margin-right: 0;
    height: 37px;
    font-size: 11px;
    padding-left: 23px;
    border: none;
}

.sb-l-m .filterInputCon, body.widMenu .filterInputCon {
    display: none
}

#clearSrhIco {
    position: absolute;
    right: 60px;
    color: #bdbdbd;
    top: 51%;
    font-size: 13px;
    cursor: pointer;
    display: none;
}


.tit1 {
    background: #4a89e0;
    color: #fff;
    padding: 12px 18px;
    margin-bottom: 0;
}

/*********seach*******************/
.nav > li > a.searchView {
    background: #fff !important;
    padding: 5px 15px 8px 10px !important;
    color: #636363 !important;
    line-height: 15px;
    height: auto;
    margin: 15px 0 0 12px;
    border-radius: 5px;
    cursor: text;
}

    .nav > li > a.searchView span {
        color: #4a89dc;
        margin-right: 10px;
    }

    .nav > li > a.searchView:hover, .nav > li > a.searchView:focus {
        color: #4a89dc;
        background: #fff
    }

#searchCon {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    top: 5%;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.29, 0.47, 0, 0.78);
    -moz-transition: all 0.4s cubic-bezier(0.29, 0.47, 0, 0.78);
    -o-transition: all 0.4s cubic-bezier(0.29, 0.47, 0, 0.78);
    -ms-transition: all 0.4s cubic-bezier(0.29, 0.47, 0, 0.78);
    transition: all 0.4s cubic-bezier(0.29, 0.47, 0, 0.78);
}

    #searchCon * {
        -webkit-transition: all 0.4s cubic-bezier(0.29, 0.47, 0, 0.78);
        -moz-transition: all 0.4s cubic-bezier(0.29, 0.47, 0, 0.78);
        -o-transition: all 0.4s cubic-bezier(0.29, 0.47, 0, 0.78);
        -ms-transition: all 0.4s cubic-bezier(0.29, 0.47, 0, 0.78);
        transition: all 0.4s cubic-bezier(0.29, 0.47, 0, 0.78);
    }

    #searchCon.open {
        opacity: 1;
        z-index: 100000;
        top: 0;
    }

    #searchCon .closeSrch {
        color: #c7c7c7;
        font-size: 28px;
        position: absolute;
        display: block;
        font-family: arial;
        font-weight: normal;
        right: -120px;
        top: 36px;
        cursor: pointer;
        opacity: 0;
        transition-delay: 0.7s;
    }

        #searchCon .closeSrch:hover {
            color: #ee9123
        }

    #searchCon .overlaySrch {
        position: absolute;
        left: 0;
        right: 0;
        height: 100%;
        top: 0;
        background: #000000eb;
        z-index: -1;
        opacity: 0;
        /* transform: scale(0); */
        -webkit-filter: blur(80px); /* Safari */
        filter: blur(80px);
        transition-delay: 0.2s;
    }

    #searchCon.open .overlaySrch {
        transform: scale(1);
        opacity: 1;
        left: 0;
        -webkit-filter: blur(0); /* Safari */
        filter: blur(0px);
    }

    #searchCon .Srchform {
        position: relative;
        z-index: 2;
        width: 50%;
        margin: 21% 25% 0;
    }

        #searchCon .Srchform .form-group {
            width: 100%;
        }

        #searchCon .Srchform .form-control {
            position: relative;
            height: 62px;
            width: 100%;
            display: inline-block;
            border-radius: 20px !important;
            padding: 10px 25px;
            font-size: 15px;
            top: 50px;
            opacity: 0;
            transition-delay: 0.4s;
            visibility: visible;
        }

        #searchCon .Srchform .btn {
            position: relative;
            width: 17%;
            height: 62px;
            border-radius: 20px;
            background: #186ad5;
            color: #fff;
            font-size: 16px;
            margin-left: 16px;
            top: 50px;
            opacity: 0;
            transition-delay: 0.5s;
        }

    #searchCon.open .Srchform .form-control {
        top: 0;
        opacity: 1
    }

    #searchCon.open .Srchform .btn {
        top: 0;
        opacity: 1
    }

    #searchCon.open .closeSrch {
        right: 40px;
        opacity: 1;
    }
/***************************************/
.dataTable .subtblle {
    border-collapse: separate;
    display: inline-block;
    /*width: 45%;*/
    min-width: 48%;
    margin: 2px 0.4%;
}

    .dataTable .subtblle.w100-full {
        display: table;
        margin: 5px 0 !important;
    }

.dataTable th .subtblle {
    border-spacing: 2px;
    font-size: 12px;
    width: 49%;
}

.dataTable .subtblle tr:first-child td:first-child {
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}

.dataTable .subtblle tr:first-child td:last-child {
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

.dataTable .subtblle tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

.dataTable .subtblle tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

.dataTable th .subtblle td {
    background: #2cb2ba;
    border-color: transparent !important;
    padding: 17px 12px;
}

.dataTable th .subtblle + .subtblle td {
    background: #559cf8;
}

.dataTable td .subtblle {
    text-align: center;
    margin: 5px 0.5% 0;
    font-size: 12px;
    font-weight: normal;
    color: #222;
    line-height: 17px;
}

    .dataTable td .subtblle td {
        padding: 16px 8px;
        border-right: none !important;
    }

        .dataTable td .subtblle td:last-child {
            border-right: 1px solid #ada7a8 !important
        }

.impLnks {
}

    .impLnks h1 {
        font-size: 18px;
        margin-bottom: 14px;
    }

    .impLnks ul {
        padding-left: 0;
        list-style-position: inside;
        list-style: none;
    }

        .impLnks ul li {
            margin-bottom: 6px;
        }

            .impLnks ul li a {
                text-decoration: none;
                display: block;
                padding: 12px 8px;
                color: #777;
                font-size: 13px;
                background: #f9f9f9;
                border-radius: 2px;
                border: 1px solid #ddd;
                border-left: 4px solid #4a89dc;
            }

                .impLnks ul li a:hover {
                    background: #4a89dc;
                    color: #fff;
                }

.dropdown.opened > .dropdown-menu {
    display: block;
}


/*****************************************
*****************************************
*****************************************
*****************************************/
#content-footer {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    #content-footer.hideFoot {
        bottom: -100px
    }

.UOAccordion .tableCons {
    overflow-x: inherit;
    position: relative; /*left: 166px;*/
    top: -20px;
}

/***********************************************/
.tawnia {
}

    .tawnia table {
        font-size: 12px;
    }
.tawnia > p{
    height: 0;
    margin: 0;
}
        .tawnia table td {
            font-weight: bold;
            padding: 1px 7px;
            line-height: 16px;
            color: #000 !important;
        }

.tawLogo {
    width: 253px;
    margin: 19px 0 10px;
    margin-left: -8px;
}

    .tawLogo.flt-ri {
        margin-top: 0
    }

.frstT {
    page-break-before: always;
}

.tawnia table td.logPr {
}

    .tawnia table td.logPr span {
        float: right;
        direction: ltr;
        margin: 39px 0 0;
    }

    .tawnia table td.logPr img {
        float: right;
        height: 79px;
        width: auto;
        margin: 0 0 1px;
        margin-left: 7px;
    }

    .tawnia table td.logPr p {
        float: right;
        width: 100%;
        text-align: right;
        direction: ltr;
        margin: 0;
    }

@media print {
    .tawnia table td {
        font-size: 13px;
        line-height: 17px;
    }

    .tawnia table.fitTbl1 td {
        line-height: 21px;
    }

    .tawnia table {
        page-break-inside: auto;
        page-break-after: unset;
        page-break-before: unset;
    }
}

/***********onlinescss**************/
/*
#topbar-dropmenu{
    top: 30px !important;
}
#bodyContainer{margin-top: 31px!important;}

*/
/********************************/
@media screen and (max-width: 1400px) {
    .caption-con.dblelines {
        margin-top: -17px;
    }
}

@media only screen and (max-width: 830px) and (min-width: 769px) {
    .caption-con.dblelines {
        margin-top: 0;
    }

    .PageHeader {
        height: auto;
        padding-bottom: 20px;
    }

        .PageHeader .nav > li > a {
            padding: 23px 5px 10px;
        }

        .PageHeader .navbar-left > li > a {
            padding: 0 0 5px;
            height: auto;
        }

        .PageHeader .navbar-nav.navbar-left li:first-child {
            width: 100%;
        }

        .PageHeader .navbar-nav.navbar-left li:nth-child(2) {
            width: 100%;
            padding: 0;
        }

        .PageHeader .navbar-nav.navbar-left li:first-child a {
            padding-top: 0
        }

    body.sb-l-m .sidebar-menu > li > a > span:nth-child(1) {
        left: 0 !important;
        width: 100% !important;
        margin: 0;
        text-align: center;
        background-position: center center;
    }

    .caption-con {
        margin-top: 10px !important
    }

    .tab-block .nav-tabs > li {
        margin: -3px 0 0 !important;
        float: none;
        display: inline-block;
    }

    #GroupsTableBodyPanelHeader9.col-md-12 {
        width: 100%
    }
}


@media screen and (max-width: 769px) {
    .PageHeader {
        height: auto !important;
        padding: 0px 0 10px
    }

    #searchCon .Srchform {
        width: 90%;
        margin: 21% 5% 0;
    }

    .PageHeader .nav > li > a {
        padding: 23px 5px 10px;
    }

    .PageHeader .navbar-left > li > a {
        padding: 0 0 5px;
        height: auto;
    }

    body.sb-l-m .sidebar-menu > li > a > span {
    }

    .PageHeader .navbar-nav.navbar-left li:first-child {
        width: 100%;
    }

    .PageHeader .navbar-nav.navbar-left li:nth-child(2) {
        width: 100%;
        padding: 0;
    }

    .PageHeader .navbar-nav.navbar-left li:first-child a {
        padding-top: 0
    }

    body.sb-l-m .sidebar-menu > li > a > span:nth-child(1) {
        left: 0 !important;
        width: 94% !important;
        margin: 0;
        text-align: center;
        background-position: center center;
    }

    .hautoRes {
        height: auto !important
    }

    [class="col-md-1"], [class="col-md-2"], [class="col-md-3"], [class="col-md-4"], [class="col-md-5"], [class="col-md-6"], [class="col-md-7"], [class="col-md-8"], [class="col-md-9"], [class="col-md-10"], [class="col-md-11"], [class="col-md-12"], [class="col-md-12 panel-con"] {
        width: 100%;
    }

    .caption-con {
        margin-top: 10px !important
    }

        .caption-con.dblelines {
            margin-top: 0;
        }

    #GroupsTableBodyPanelHeader9.col-md-12 {
        width: 100%
    }

    .PageHeader .navbar-collapse {
        display: block
    }

    .admin-form .select {
        background: transparent;
        margin-bottom: 19px;
    }
}


@media screen and (max-width: 720px) {
    .PageHeader {
        padding: 6px 0 10px;
    }

    .nav > li > a.searchView {
        font-size: 0;
        padding: 5px !important;
        margin: 6px 0 0;
        margin-left: 5px;
        width: 24px;
        height: 25px;
    }

        .nav > li > a.searchView span {
            font-size: 12px !important;
            margin: 0;
        }

    .PageHeader .navbar-collapse {
        border: none;
        box-shadow: none;
    }

    .PageHeader .nav > li > a {
        padding: 8px 5px 0;
        height: auto;
        font-size: 0;
    }

        .PageHeader .nav > li > a i {
            font-size: 15px
        }

    .PageHeader .navbar-left > li > a {
        padding: 7px 0 15px;
        height: auto;
        font-size: 15px
    }

    .PageHeader .navbar-left {
        width: 100%
    }

    .PageHeader .main_header {
        width: 100%;
        margin-bottom: 0;
        display: none
    }

    .PageHeader .navbar-nav.navbar-left {
        max-height: none
    }

    .navbar-fixed-top .navbar-form.navbar-search {
        padding: 15px 5px 3px;
        border: none;
        box-shadow: none;
        color: #fff;
    }

    .navbar-fixed-top .navbar-nav.navbar-left > li > a {
        padding: 10px 4px 3px;
    }

    body.sb-l-m .navbar #toggle_sidemenu_l {
        line-height: 18px;
        padding-left: 5px;
        margin-top: 11px;
        left: -2px;
    }

    .navbar-fixed-top .bg-info.dark {
        margin-right: 0px !important;
    }

    .graphres {
        width: 1198px;
        height: 200px;
    }

    #SearchBox {
        width: 230px !important
    }

    .admin-form .file {
        margin: 6px 0;
    }

    .caption-con.tit22 {
        padding-top: 0 !important;
    }

    #mainCard {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mfp-container {
    }

    .popup-lg {
        margin-top: 40px
    }

    #PackageDesigner1 {
        overflow-x: auto
    }

    #chat-box {
        top: 62px;
    }

    #tabs-1 .col12-none .col-md-12 .col-md-2.pt25 {
        padding-top: 0px !important;
    }

    .panel-heading .panel-title.fs14 {
        padding: 10px 0 0 5px;
    }

    .checkbox-custom.checkbox-primary.mr5, .checkbox-custom {
        margin-bottom: 5px;
    }

    .radio-custom.radio-primary.mr30 {
        margin-bottom: 5px;
    }

    .panel-title > span {
        min-width: 0 !important;
    }

        .panel-title > span > span {
        }

    #lblPTNotes {
        padding: 0 15px;
        font-size: 11px
    }

    .mfp-wrap {
        top: 50px !important;
        left: 3%;
        width: 94%;
    }
}

@media screen and (max-width: 450px) {
    .showBtnn {
        float: left !important;
        margin-top: 5px;
    }

    .panel-heading .panel-title {
        position: relative;
        z-index: 1;
    }

    .TableControl {
        float: none !important;
        display: block;
        position: absolute;
        right: 12px;
        top: 12px;
    }

        .TableControl > a.fa-gear {
            display: block;
            color: #4a89dc !important;
            font-size: 19px;
            text-decoration: none !important;
        }

        .TableControl .panel-controls {
            display: none;
            position: absolute;
            right: -12px;
            white-space: nowrap;
            top: 28px;
            background: #efefef;
            padding: 3px 29px 2px;
            padding-left: 17px;
        }

            .TableControl .panel-controls:after {
                position: absolute;
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 7.5px 10px 7.5px;
                border-color: transparent transparent #efefef transparent;
                right: 7px;
                top: -8px;
            }

    .panel-con span.panel-controls a.glyphicon-eye-open {
        margin-top: 3px;
    }

    .mainMstrBdy #main {
        margin-bottom: 122px;
    }
}


/***************************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,
    ::i-block-chrome,
    iframe {
        height: 100% !important;
    }
}
/* CSS specific to iOS devices */
@supports (-webkit-overflow-scrolling: touch) {
    html, body {
        overflow: auto !important
    }

    .panel-body {
        overflow: auto !important;
    }

    form {
        width: 100%;
        margin: auto;
    }

    body.sb-l-m #expandCollAll.slidee {
        top: 61px !important;
    }

    body.sb-l-o #expandCollAll.slidee {
        top: 105px !important;
    }

    #expandCollAll.slidee, body.expandBody #expandCollAll.slidee {
        top: -1px !important;
    }

    iframe {
        height: 100% !important
    }
}


.colla-2 i {
    position: absolute;
    right: 12px;
    color: #4a89dc;
    top: 13px;
}

.colla-2[aria-expanded="true"] i:before {
    content: "\f068";
}

/************************************************
**********************************************
*****************steps**************************
*****************************************************
**********************************************/

#heading {
    text-transform: uppercase;
    color: #673AB7;
    font-weight: normal
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 0px
}

    #msform fieldset {
        background: white;
        border: 0 none;
        border-radius: 0.5rem;
        box-sizing: border-box;
        width: 100%;
        opacity: 1 !important;
        margin: 0;
        padding-bottom: 20px;
        position: relative;
    }

        #msform fieldset:not(:first-of-type) {
            display: none;
        }




    #msform .action-button {
        width: 100px;
        background: #673AB7;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 0px;
        cursor: pointer;
        padding: 10px 5px;
        margin: 10px 0px 10px 5px;
        float: right
    }

        #msform .action-button:hover,
        #msform .action-button:focus {
            background-color: #311B92
        }

    #msform .action-button-previous {
        width: 100px;
        background: #616161;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 0px;
        cursor: pointer;
        padding: 10px 5px;
        margin: 10px 5px 10px 0px;
        float: right
    }

        #msform .action-button-previous:hover,
        #msform .action-button-previous:focus {
            background-color: #000000
        }

/************************************************
**********************************************
*****************steps_nonGds**************************
*****************************************************
**********************************************/

#msform_NonGds {
    text-align: center;
    position: relative;
    margin-top: 0px
}

    #msform_NonGds fieldset {
        background: white;
        border: 0 none;
        border-radius: 0.5rem;
        box-sizing: border-box;
        width: 100%;
        opacity: 1 !important;
        margin: 0;
        padding-bottom: 20px;
        position: relative;
    }

        #msform_NonGds fieldset:not(:first-of-type) {
            display: none;
        }




    #msform_NonGds .action-button {
        width: 100px;
        background: #673AB7;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 0px;
        cursor: pointer;
        padding: 10px 5px;
        margin: 10px 0px 10px 5px;
        float: right
    }

        #msform_NonGds .action-button:hover,
        #msform_NonGds .action-button:focus {
            background-color: #311B92
        }

    #msform_NonGds .action-button-previous {
        width: 100px;
        background: #616161;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 0px;
        cursor: pointer;
        padding: 10px 5px;
        margin: 10px 5px 10px 0px;
        float: right
    }

        #msform_NonGds .action-button-previous:hover,
        #msform_NonGds .action-button-previous:focus {
            background-color: #000000
        }


.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: #673AB7;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}



.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    padding: 0;
    margin-bottom: 0;
    overflow: hidden;
    color: lightgrey;
    margin-top: 12px;
}

    #progressbar .active {
        color: #000000;
    }

    #progressbar li {
        list-style-type: none;
        font-size: 15px;
        width: 25%;
        float: left;
        position: relative;
        font-weight: 400;
        line-height: 12px;
        cursor: pointer;
    }

        #progressbar li strong {
            position: absolute;
            left: 50%;
            top: 0;
            background: #9d9d9d;
            color: #fff;
            width: 24px;
            height: 24px;
            border-radius: 100%;
            display: flex;
            /* font-weight: normal; */
            align-items: center;
            font-size: 12px;
            justify-content: center;
            z-index: 8;
            margin-left: -39px;
            border: 3px #fff solid;
        }

        #progressbar li p {
            font-weight: bold;
            color: #222;
            font-size: 14px;
            margin: 16px 0 0;
            height: 21px;
            overflow: visible;
        }

    #progressbar #account:before {
        font-family: FontAwesome;
        content: "\f13e"
    }

    #progressbar #personal:before {
        font-family: FontAwesome;
        content: "\f007"
    }

    #progressbar #payment:before {
        font-family: FontAwesome;
        content: "\f030"
    }

    #progressbar #confirm:before {
        font-family: FontAwesome;
        content: "\f00c"
    }

    #progressbar li:before {
        width: 50px;
        height: 50px;
        line-height: 45px;
        display: block;
        font-size: 20px;
        color: #ffffff;
        background: lightgray;
        border-radius: 50%;
        margin: 0 auto 10px auto;
        padding: 2px;
        display: none;
    }

    #progressbar li i {
        width: 77px;
        height: 77px;
        display: block;
        font-size: 26px;
        color: #9d9d9d;
        background: white;
        border-radius: 50%;
        margin: 0 auto 10px auto;
        padding: 2px;
        border: 14px #9d9d9d solid;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 5;
    }

    #progressbar li.active i {
        border-color: #4a89dc;
    }

    #progressbar li.active strong {
        background: #70ca63;
    }

    #progressbar li:after {
        content: '';
        width: 100%;
        height: 10px;
        background: #e5e5e5;
        position: absolute;
        left: -50%;
        top: 35%;
        z-index: 1;
    }

    #progressbar li:first-child:after {
        width: 50%;
        left: 0;
    }

    #progressbar li:last-child:after {
        width: 200%;
    }

    #progressbar li.active:before,
    #progressbar li.active:after {
        background: #4a89dc;
    }


/************************************************
**********************************************
*****************#progressbar_NonGds**************************
*****************************************************
**********************************************/

#progressbar_NonGds {
    padding: 0;
    margin-bottom: 0;
    overflow: hidden;
    color: lightgrey;
    margin-top: 12px;
}

    #progressbar_NonGds .active {
        color: #000000;
    }

    #progressbar_NonGds li {
        list-style-type: none;
        font-size: 15px;
        width: 25%;
        float: left;
        position: relative;
        font-weight: 400;
        line-height: 12px;
        cursor: pointer;
    }

        #progressbar_NonGds li strong {
            position: absolute;
            left: 50%;
            top: 0;
            background: #9d9d9d;
            color: #fff;
            width: 24px;
            height: 24px;
            border-radius: 100%;
            display: flex;
            /* font-weight: normal; */
            align-items: center;
            font-size: 12px;
            justify-content: center;
            z-index: 8;
            margin-left: -39px;
            border: 3px #fff solid;
        }

        #progressbar_NonGds li p {
            font-weight: bold;
            color: #222;
            font-size: 14px;
            margin: 16px 0 0;
            height: 21px;
            overflow: visible;
        }

    #progressbar_NonGds #account:before {
        font-family: FontAwesome;
        content: "\f13e"
    }

    #progressbar_NonGds #personal:before {
        font-family: FontAwesome;
        content: "\f007"
    }

    #progressbar_NonGds #payment:before {
        font-family: FontAwesome;
        content: "\f030"
    }

    #progressbar_NonGds #confirm:before {
        font-family: FontAwesome;
        content: "\f00c"
    }

    #progressbar_NonGds li:before {
        width: 50px;
        height: 50px;
        line-height: 45px;
        display: block;
        font-size: 20px;
        color: #ffffff;
        background: lightgray;
        border-radius: 50%;
        margin: 0 auto 10px auto;
        padding: 2px;
        display: none;
    }

    #progressbar_NonGds li i {
        width: 77px;
        height: 77px;
        display: block;
        font-size: 26px;
        color: #9d9d9d;
        background: white;
        border-radius: 50%;
        margin: 0 auto 10px auto;
        padding: 2px;
        border: 14px #9d9d9d solid;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 5;
    }

    #progressbar_NonGds li.active i {
        border-color: #4a89dc;
    }

    #progressbar_NonGds li.active strong {
        background: #70ca63;
    }

    #progressbar_NonGds li:after {
        content: '';
        width: 100%;
        height: 10px;
        background: #e5e5e5;
        position: absolute;
        left: -50%;
        top: 35%;
        z-index: 1;
    }

    #progressbar_NonGds li:first-child:after {
        width: 50%;
        left: 0;
    }

    #progressbar_NonGds li:last-child:after {
        width: 200%;
    }

    #progressbar_NonGds li.active:before,
    #progressbar_NonGds li.active:after {
        background: #4a89dc;
    }





.progress {
    height: 20px
}

.progress-bar {
    background-color: #72cb65;
}

.stepTop {
    /* background: #f7f7f7; */
    /* padding: 24px 25px; */
    /* font-weight: 600; */
    /* font-size: 13px; */
}

    .stepTop .row-fluid i {
        font-size: 20px;
        margin-right: 7px;
        display: none
    }

    .stepTop i img {
        opacity: 0.7;
        width: 25px
    }

    .stepTop .col-md-3, .stepTop .col-md-4 {
        margin: 2px 0 12px;
        /* display: flex; */
        /* align-items: center; */
        color: #000;
    }

    .stepTop span {
        /* display: block; */
        margin-left: 8px;
        padding: 5px 15px 3px;
        background: #f5f5f5;
        color: #105660 !important;
        text-shadow: none;
        font-weight: bold;
        border-radius: 0;
    }

    .stepTop .col-md-1 {
        font-weight: bold;
        font-size: 12px;
        width: 10%;
        margin: 5px 0;
        text-align: center;
        line-height: 20px;
        color: #383b45;
    }

    .stepTop .break-line {
        margin: 0;
    }

.stepCon .select2-container {
    margin-bottom: 15px
}

.stepCon #step1main .panel-heading {
    padding: 0
}

.stepLnk {
    background: #4a89dc;
    display: flex;
    padding: 15px 16px;
    color: #fff;
    font-weight: bold;
    align-items: center;
    text-decoration: none !important;
}

    .stepLnk[aria-expanded="false"] i:before {
        content: "\f0dd";
    }

    .stepLnk[aria-expanded="false"] i {
        top: -1px;
    }

    .stepLnk:hover, .stepLnk:focus {
        color: #fff; /* background:#dc9b1b */
    }

    .stepLnk i {
        margin-left: auto;
        position: relative;
        top: 3px;
    }

.grayBg {
    /* background: #f7f7f7; */
    padding: 24px 25px;
    font-weight: 600;
    font-size: 13px;
    border: 1px #c7c7c7 solid;
}

.filedCon #step2main {
}

    .filedCon #step2main .caption-con.ignore-css {
        text-align: left;
        margin: 8px 0 0;
    }

    .filedCon #step2main .badge-info {
        border: none !important;
        margin-left: 19px !important;
        border-color: #fff !important;
        margin-bottom: 15px !important;
    }

    .filedCon #step2main .row {
        text-align: left
    }

        .filedCon #step2main .row.pt10 {
            margin-top: -25px;
        }

    .filedCon #step2main .btn.btn-warning.disabled {
        /* margin-left: 11px; */
        /* margin-top: 10px; */
    }

    .filedCon #step2main .row.mn > .btn.btn-warning.disabled {
        margin-left: 11px;
        margin-top: 0;
    }

    .filedCon #step2main .imgCon {
        background: #3eafd7;
        float: left;
        width: 32px;
        height: 32px;
        text-align: center;
        padding: 4px 0;
        margin-right: 10px;
        margin-bottom: 15px;
    }

    .filedCon #step2main .blockItemH .validate-skip.btn.btn-warning:not(.disabled) {
        background: #fd3433;
    }

    .filedCon #step2main .blockItemH .availableDateSelectedCancel {
    }

    .filedCon #step2main .row-fluid .validate-skip.btn.btn-warning:not(.disabled):after {
        content: "\f00d";
        font: normal normal normal 14px/1 FontAwesome;
    }

.filedCon .steptabbox {
    display: block !important
}

.filedCon {
    margin-top: 2px;
}

    .filedCon .form-card {
        border: 1px #c7c7c7 solid;
        padding: 20px;
        margin: 20px 0 33px;
    }

.stepCon .caption-con {
    text-align: left
}

.stepCon .panel-heading {
    padding: 0
}

.stepTop .grayBg .row .col-md-3 {
    width: 33.33333333%;
}

    .stepTop .grayBg .row .col-md-3:nth-child(4) {
        width: 50%
    }

.filedCon fieldset > button.btn.btn-warning {
    float: left !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.filedCon fieldset > button.btn.firstF, .filedCon fieldset > button.btn.lastF {
    background: #f6bb42;
}

.filedCon fieldset > button.btn.previous, .filedCon fieldset > button.btn.next {
    color: #777;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.filedCon fieldset > button.btn.next {
    /* border-left: none */
}

.blockItemH {
    border: 1px #c7c7c7 solid;
    padding: 20px;
    margin-bottom: 27px;
}