/* here you can put your own css to customize and override the theme */
/* text colors*/
@font-face {
    font-family:'Proxima Nova Rg';
    src: url('fonts/Proxima Nova Rg Regular.eot');
    src: url('fonts/Proxima Nova Rg Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Proxima Nova Rg Regular.woff2') format('woff2'),
        url('fonts/Proxima Nova Rg Regular.woff') format('woff'),
        url('fonts/Proxima Nova Rg Regular.svg#Proxima Nova Rg Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-FB04;
}

.markup.panel-heading{padding:10px 15px}
.errorSummary{
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.errorSummary ul{ padding: 0; margin: 0}
.errorSummary ul li{ margin: 0 0 0 20px}

.text-blue{color:#4683c6!important;}
.text-green{color: #20a76c!important;;}
.text-dark-green{color: #689a81!important;;}
.text-red{color: #e7191b!important;;}
.text-orange{color: #F7921E!important;;}
.text-yellow{color: #ffb848!important;;}
.text-purple{color: #852c9a!important;;}
.text-pink{color: #bb2473!important;}
.text-dark-pink{color:#AB1045!important;;}
.text-grey{color: #8f8e93!important;;}
.text-light-grey{color: #f1f1f3!important;;}
.text-dark-grey{color: #7A7676!important;;}
.text-white{color:#fff!important;}
/*  background */
.bg-blue{background-color:#4683c6!important;}
.bg-green{background-color: #20a76c!important;}
.bg-dark-green{background-color: #689a81!important;}
.bg-red{background-color: #e7191b!important;}
.bg-orange{background-color: #F7921E!important;}
.bg-yellow{background-color: #ffb848!important;}
.bg-purple{background-color: #852c9a!important;}
.bg-pink{background-color: #bb2473!important;}
.bg-dark-pink{background-color:#AB1045!important;}
.bg-grey{background-color: #8f8e93!important;}
.bg-light-grey{background-color: #f1f1f3!important;}
.bg-dark-grey{background-color: #7A7676!important;}

.bg-blue .caption em,.bg-green .caption em,.bg-dark-green .caption em,.bg-red .caption em,.bg-orange .caption em,.bg-yellow .caption em,.bg-purple .caption em,.bg-pink .caption em,.bg-dark-pink .caption em,.bg-grey .caption em,.bg-dark-grey .caption em{ color:#fff!important}


.search-text-box em{
    right: 18px;
    float: right;
    top:-5px;
    cursor: pointer;
}

.search-text-box .clean-up{ background: url(../../site/img/clear.png) top left no-repeat; height: 22px; width: 22px;}

fieldset{border:1px solid #e1e1e1; padding:10px 0 0 16px; margin: 0 0 12px 0}
legend{font-size: 13px ; margin:0; font-weight:bold; display: auto; width: auto; border-style: none; padding:0 4px; text-transform:uppercase;}


.form-view .col-md-offset-3{margin-left:auto; }
.form-view .form-actions{ padding-left: 0!important;}
.form-actions.fluid{text-align: right; background: #fff}


/* ====== accordition ====== */
.accordion .accordion-toggle.accordion-toggle-styled{background: #bce8f1;margin-right:0;}
.panel-default>.panel-heading{color: #31708f;}
.accordion .panel-default {
    border-color: #bce8f1;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .form-view .form-group .control-label {  float: left; width: 25%  }
    .form-view .form-group .col-md-9{ width: 75%; float: left}
    .form-view .col-md-offset-3{margin-left:auto}
    /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
    /* Styles */
    .form-view .form-group .control-label {  float: left; width: 25%  }
    .form-view .form-group .col-md-9{ width: 75%; float: left}
    .form-view .col-md-offset-3{margin-left:auto}
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    /* Styles */
    .form-view .form-group .control-label {  float: left; width: 25%  }
    .form-view .form-group .col-md-9{ width: 75%; float: left}
    .form-view .col-md-offset-3{margin-left:auto}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    /* Styles */

}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5) {
    /* Styles */

}

/* ----  Tab control ---*/
/*.nav > li > a:hover, .nav > li > a:focus{  background: #c92a84!important;  color:#fff;  }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background: #c92a84!important;  color:#fff;}
*/
/* ---  form radio/checkbox list */
/*.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{font-size:11px}
.form-horizontal .radio-inline + .radio-inline, .form-horizontal .checkbox-inline + .checkbox-inline{margin-left:0}
*/


/* ----- Horizontal Tab */
.h-tab{background: #fff}
.h-tab .tab-content{ }
.h-tab .nav-tabs, .nav-pills{margin-bottom: 0!important}
.h-tab .nav-tabs>li>a:hover,.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    border-color: #eee #eee #ddd;
    border: 1px solid #127cbd !important;
    background: #127cbd !important;
    color: #fff !important;
}
.h-tab .nav-tabs li.active:after{
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 8px solid #127cbd;
    content: "";
    display: block;
    position: absolute;
    left: 30%;
    right: 30%;
    margin: auto;
    top: 39px;
    z-index: 10;
}
.no-content-tab .tab-content{display: none!important}
/* --------------- */

.nav2 .nav.nav-tabs li.active:after {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 8px solid #127cbd;
    content: "";
    display: block;
    position: absolute;
    left: 30%;
    right: 30%;
    margin: auto;
    top: 47px;
}
.nav2 .nav-tabs>li>a {
    margin-right:0;
    color:#698fa2 !important;
    font-size: 14px;
    display: block;
    width: 200px;
    padding: 14px 15px;
    text-align: center;
    background-color: transparent !important;
    border: 1px solid transparent;
        font-weight: bold;
}
.nav2 .nav-tabs>li.active>a,
.nav2 .nav-tabs>li.active>a:focus,
.nav2 .nav-tabs>li.active>a:hover {
    background-color: #127cbd !important;
    color: #fff !important;
    padding: 14px 15px;
    border-color: #127cbd !important;
}
.nav2 .nav-tabs {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    width: 100%;
    display: -ms-row;
    
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.nav2 .nav-tabs>li{
    
    background-color: transparent;
}
.nav2 .nav-tabs {
    margin-bottom: 20px;
}
.nav2 .portlet.box.blue .nav-tabs>li:hover {
    background-color: #06cb24 !important;
    color: #fff !important;
}
.nav2 .portlet.box.blue .nav-tabs>li:hover a {
    color: #fff !important;
    
}
.nav2 .default-theme .nav-tabs{
    border-bottom: none;
    margin-bottom: 20px;
    width: auto!important;
    display: block;
}
.nav2 .default-theme .nav-tabs>li{border-bottom:1px solid #e1e1e1}
.nav2 .default-theme .nav-tabs>li>a{
   text-align:left!important;
   font-size: 12px!important;
}
.nav2 .default-theme .nav.nav-tabs li.active:after{
   border:none!important;
}

.nav2 .default-theme .nav-tabs>li.active>a,
.nav2 .default-theme .nav-tabs>li.active>a:focus,
.nav2 .default-theme .nav-tabs>li.active>a:hover{
   background: #f1f1f1!important;
   color: #808080!important;
}
.nav2 li.active a {
    background-color: #127cbd !important;
    color: #fff !important;
    border-color: #127cbd !important;
}

.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus{border-color: #06cb24}
.nav>li>a:hover, .nav>li>a:focus{background-color:#06cb24; }


.btn-block + .btn-block{margin-top: 0!important;}
.btn{border-radius: 3px !important}
.btn.blue{background-color:#698fa2;}
.btn.red,.btn.red:active,.btn.red{background-color: #8d303b}

h3{margin-top:10px!important;}

.sub-heading{
    position: relative;
    color: #333;
    text-transform: capitalize;
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    padding: 12px 0 0 0;
    font-size: 18px;
    margin-bottom: 20px;
} .sub-heading span{border-bottom: 2.8px solid #127cbd;} .sub-heading .buttons{position: absolute;right: 0;top: 0;}


.objects  .radio-inline, .objects  .checkbox-inline{padding-left: 0!important;}

.tab-only .tab-content{ /*padding: 0!important; margin: 0!important; */ }

/*  form check list */
.check-list{}
.check-list .radio-inline, .check-list .checkbox-inline{ padding-left:0px!important;}

.tab-pane .active{ /*overflow: auto */}
.tab-content{padding-bottom:6px;}
.tab-content > .active{overflow: hidden;  float: none!important;}



.color-box{ display: inline; padding: 1px 8px; border: 1px solid #e1e1e1}
.template-section{ border: 1px dashed #e1e1e1; padding: 4px}


.jstree-default .jstree-anchor{font-size: 14px}

form.object-listing .checkbox-inline{font-size: 11px;}
form.object-listing .radio-inline, .checkbox-inline{padding-left: 0}

.nav-app-switcher {
    position: absolute;
    right:120px;
    top: 14px;
    width: 227px;
}
.select2-drop-active{
        z-index: 10000;
}
.select2-container{
    margin-top: 12px;
    margin-left: 5px;
}
.nav-app-switcher .title{  float: left; margin-right:6px; font-size: 12px;
    margin-top:3px;}
.nav-app-switcher .switcher{ float: left;  margin-top: -4px;}
.nav-app-switcher .switcher .bootstrap-select{  width: 160px !important; position:absolute  }
.nav-app-switcher .btn-default {
    border-width: 1px;
    font-size: 12px;
    padding: 2px 13px;
}
.nav-app-switcher .bs-select .dropdown-menu{font-size: 12px}
.nav-app-switcher .bs-select .dropdown-menu li{border-bottom: 1px solid #e1e1e1}

.header.navbar .navbar-nav{ min-width: 150px; text-align: right; margin-right: 0; position: absolute;
    right: 260px;
    top: 0px;
}
.header.navbar .navbar-nav > li{
    float: none;}

.header .navbar-nav{margin-right: -4px}
.header .navbar-nav .dropdown-toggle:hover, .header .navbar-nav .dropdown.open .dropdown-toggle{background:transparent!important;}
.dropdown-menu li > a {
    padding: 6px 13px 6px 6px;
    text-align: left;
}
.dropdown-menu li > a em{ float: right; }

.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle{padding: 13px 0 6px 6px}
.header .navbar-nav .dropdown-menu li > a { text-transform: uppercase; font-size: 11px}
.navbar-nav .open .dropdown-menu{right: 13px}
.header .navbar-nav .dropdown-menu li > a{padding-right: 10px}

@media (max-width:991px) {

    .header.navbar .navbar-nav{right:283px}
    .header.navbar .navbar-toggle{margin:5px -1px 4px 6px}
    .navbar-toggle:active{background: none}
    .clearfix{background:#fff}
    .nav-app-switcher{
}

}
@media (max-width:870px) {
    .username{display: inline!important;}

}

@media (max-width: 480px) {
    .header.navbar{height:92px}
    .navbar-brand{
        display: block;
        clear: both;
        float: none;
        width: 100%!important;
        text-align:center;
        }
    .navbar-brand img{display: inline}
}

@media (max-width:650px) {
    .page-sidebar{padding-top:50px; }
    .nav-app-switcher{top: -39px; right: 10px;}
    .header .header-navbar{margin-top:50px!important;}
    .page-content-wrapper{  padding-top:100px!important;}
    #wrapper .sidebar-toggler-logo{
        top: 17px!important;
        left: auto;
        right: 10px!important;
        color:#fff;
    }
    #wrapper .sidebar-toggler-logo .fa{font-size: 30px}
    .navbar-logo a{
        position: absolute;
        left:0
    }

    .header-navbar h3{display: none}

    .header .navbar-nav{ width: 100%; margin:0!important; color:#fff}
    .navbar-nav>li>a{
        position: absolute;
        right: 0;
        z-index: 999
    }
    .header .navbar-nav .sep{display: none;}
    .lang-picker{display: none!important }
    .switcher {
        position: absolute;
        top: -40px;
    }
    .navbar-nav .open .dropdown-menu{
        right: 0;
        top: 36px;
    }
    #wrapper.toggled #sidebar-wrapper{
        width: 100%
    }
    
}

/***
Error States
***/

.error .form-control {
    border-color: #b94a48;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.error .form-control:focus {
    border-color: #953b39;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.error .input-group-addon {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}
.error .help-inline, .error .help-block, .error .control-label{color:#b94a48}
.lang-icon { width: 25px; }
.bootstrap-select.btn-group .btn .filter-option { margin-top: -3px; margin-left: -6px; }

/*NEW UX*/
.newX4 .page-content {
    background-color: transparent;
}
@media (min-width: 992px){
    .newX4 .page-content {
        padding:0 !important;
    }
}
/*.newX4 .dataTables_wrapper .table-scrollable {
    border: 0;
    margin-top: 0 !important;
}*/
.newX4 .dataTables_wrapper th, .dataTables_wrapper th {
    background-color: #0076b8 !important;
    color: #fff;
    border: 0 !important;
}
.newX4 .portlet.box.blue {
    padding: 16px !important;
    background-color: #fff !important;
    border: 0;
    overflow: auto;
    margin-bottom: 0;
    box-shadow:0 2px 8px #ddd;
    
}
.newX4 .portlet.box.blue > .portlet-title {
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    padding: 0;
    color: #333 !important;
    font-size: 18px;
    margin-bottom: 10px;
}
.newX4 .portlet.blue > .portlet-title > .caption {
    color: #333;
    position: relative;
    margin-bottom: 10px;
        font-size: 18px;
        text-transform: capitalize;
}
.newX4 .portlet.blue > .portlet-title > .caption:after {
    content: "";
    top: 27px;
    display: block;
    width: 100%;
    position: absolute;
    border: 1.5px solid #127cbd;
}
.page-content .page-breadcrumb.breadcrumb {
    margin: 0 0 10px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}
.newX4 .portlet.box > .portlet-body {
    background-color: #fff;
    padding: 0;
}
.newX4 .table>thead>tr>th,
/*.newX4 .table>tbody>tr>th,*/
.newX4 .table>tfoot>tr>th,
.newX4 .table>thead>tr>td,
/*.newX4 .table>tbody>tr>td,*/
.newX4 .table>tfoot>tr>td{
    
    height: 40px;
        font-family: 'Arial',sans-serif;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: middle !important;
}
.newX4 .table-bordered>thead>tr>th,
.newX4 .table-bordered>tbody>tr>th,
.newX4 .table-bordered>tfoot>tr>th,
.newX4 .table-bordered>thead>tr>td,
.newX4 .table-bordered>tbody>tr>td,
.newX4 .table-bordered>tfoot>tr>td {
    border: 1px solid #e2e9ed;
    font-size: 12px;
    vertical-align: middle;
}
.newX4 th.action,
.newX4 td.action {
    text-align: center;
}
.newX4 .table>thead>tr>th{
    font-size: 13px;
}
.newX4 .table>thead>tr,
.newX4 .table>tbody>tr,
.newX4 .table>tfoot>tr{
    border: 1px solid #e2e9ed;
}
.newX4 .pagination>li>a,
.newX4 .pagination>li>span {
    margin: 0 4px;
    padding: 5px 0;
    border-radius: 2px !important;
    width: auto;
    min-width: 26px;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
}
.newX4 .form-control .select2-choice {
    border-radius: 3px !important;
    border-color: #d0dbe0;
}
.newX4 .form-control:focus,
.newX4 .form-control:hover,
.newX4 .form-control .select2-choice:hover {
    border-color: #999;
}
.newX4 .paging_full_numbers{

}
.newX4 .paging_full_numbers a{
    position: relative;
    float: left;
    text-decoration: none;
    color: #428bca;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 4px;
    padding: 5px 0;
    border-radius: 2px !important;
    width: auto;
    min-width: 26px;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
}
.newX4 .paging_full_numbers a.disabled{background-color: #698fa2;
    color: #fff;
    border-color: #698fa2;}

.newX4 .paging_full_numbers a.current{background: #eee;
    border-color: #dddddd;
    color: #333;}

.newX4 .newUX.row {
    margin-bottom: 10px;
}
.newX4 .actionBtn .col-md-6{
    padding: 0;
    margin-left: 10px;
}
.newX4 .row.someInfo {
    height: 30px;
}
.newX4 .someInfo a.btn.blue.popovers,
.newX4 .newForm a.btn.blue,
.newX4 input[type="submit"].btn.blue,
.newX4 .form-actions.fluid a.btn.blue,
.newX4 button.btn.blue{
    background-color: #698fa2;
    border-radius: 3px !important;
    padding: 7px 22px;
    color: #fff;
}
.someInfo .btn.blue:hover,
.someInfo .btn.blue:focus,
 .someInfo .btn.blue:active,
 .someInfo .btn.blue.active,
 .someInfo .btn.blue[disabled],
  .someInfo .btn.blue.disabled{
    background-color: #127cbd !important;
}
.row.newForm.someInfo .btn.blue:hover,
.btn.blue:hover,.btn.blue:active{
    background-color: #06cb24 !important;
}
.btn.blue:hover, .btn.blue:focus, .btn.blue:active, .btn.blue.active, .btn.blue[disabled], .btn.blue.disabled{
 background-color: #06cb24 !important;   
}
.newX4 .newForm .hoverTip:hover{
    color: #06cb24 !important;
}
.newX4 .newX4 .someInfo .info{
    font-size: 14px;
}
.newX4 .newX4 .form-control{
    border-radius: 3px !important;
}
.newX4 .newForm .form-actions.fluid div.btn-group {
    float: none !important;
}
.newX4 .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #698fa2;
    color: #fff;
}
.newX4 .btn-group>.btn+.dropdown-toggle {
    height: auto;
    background-color: #698fa2;
    color: #fff;
    border-left: 1px solid #fff;
}
.newX4 div.dataTables_length label .form-control {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 5px;
    width: 73px;
    margin-left: 4px;
}
.newX4 .page-content.slide-animate small {
    display: none;
}
.newX4 label.control-label.col-md-3 {
    padding: 0;
    margin-bottom:10px;
    line-height: 32px;
}
.newX4 .row.custom_search_filter {
    margin-bottom: 0 !important;
}
.newX4 .form-view .form-horizontal .form-control-static {
    padding-top: 0;
}
.navbar-inverse {
    background-color:transparent !important;
}
@media (max-width: 1024px){
    .newX4 .form-inline .newForm .form-group {
        display: block;
    }
    .header-navbar h3{display: none}
    #wrapper .sidebar-toggler-logo{
        top: 13px!important;
        left: auto;
        right: 6px!important;
        color:#fff;
    }
    #wrapper .sidebar-toggler-logo .fa{font-size: 24px}
}
.newX4 .top.pull-right{
    position: relative;
    margin-top:-40px;
}
.newX4 .row.someInfo{
    margin-bottom: 10px;
}
.newX4 .newX4 .col-md-5 .col-md-9 {
    padding-right: 0;
}
.newX4 .newX4 .col-md-5 + .col-md-5 .col-md-9 .form-control {
    float: right;
}
.newX4 .portlet > .portlet-title > .caption > em.fa{
    display: none !important;
}
.newUX.row.dualCol .col-md-8 {
    padding-right: 0;
}
.newX4 .dualCol ol, .dualCol ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.newX4 .dualCol ul li {
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #ddd;
}
.newX4 .dualCol ul li:after,
.newX4 .gTotal:after{
    clear: both;
    display: block;
    position: relative;
    content: "";
    list-style: none;
}
.newX4 .dualCol li:last-child {
    border-bottom: 0;
    height: 30px;
}
.newX4 .gTotal {
    font-size: 20px;
    margin: 12px 0;
    padding: 10px 16px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #0277bd;
    box-shadow: 0 2px 8px #ccc;
}

.newX4 .portlet.box.blue.empty {
    padding: 0 0 10px 0 !important;
}
.newX4 .portlet.box.empty > .portlet-body {
    padding: 0 16px;
}

@media (min-width: 992px){
    .newX4 .navbar-nav {
        flex-direction: row;
    }
}
.newX4 .dashboard {
    background-color: #fff;
    padding: 20px;
}
.newX4 body.page-sidebar-closed .header .header-navbar{
    margin-left: 60px !important;
    margin-right: 13px !important;
}
.newX4 .header .header-navbar,
{
    margin-left: 242px !important;
}
.newX4 table.dataTable tbody tr.odd,
.newX4 .table-striped>tbody>tr:nth-child(odd)>td,
.newX4 .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f8fafb;
}
.newX4 table .btn-delete em.fa.fa-archive {
    color: #f00;
}
.newX4 table .btn-delete em.fa.fa-archive:before {
    content: "\f1f8";
}
.newX4 .pagination li.disabled:last-child a, li.disabled:first-child a {
    background-color: #698fa2;
    color: #fff;
    border-color: #698fa2;
}
.newX4 div.dataTables_length label {
    margin-bottom: 0;
}
.newX4 div.dataTables_length label {
    float: left;
    text-align: left;
}
.newX4 .portlet > .portlet-title > .caption {
    float: left;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
}
.newX4 .portlet > .portlet-title:after {
    clear: both;
}
.newX4 .portlet > .portlet-title:after, .portlet > .portlet-title:before {
    content: "";
    display: table;
    line-height: 0;
}
.newX4 .form-control {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius:3px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.newX4 select.input-sm {
    height: 28px;
    line-height: 28px;
    padding: 2px 10px;
    font-size: 13px;
}
.newX4 select{
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
}
.newX4 label {
    font-weight: 400;
    font-size: 14px;
}
.newX4 body {
    color: #000;
    font-family:'Open Sans', sans-serif !important;
    background-color: #ecf0f5 !important;
}
.newX4 table.table{
    color: #000;
    font-weight: normal;
}
.newX4 div.dataTables_paginate {
    float: right;
    margin: 0;
}
.newX4 a.btn.btn-xs.btn-delete {
    font-size: 13px;
}
.newX4 div.checker, div.checker span, div.checker input {
    width: 19px;
    height: 19px;
}
.newX4 div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    text-align: center;
    /*background-position: 0 -260px;*/
}
.newX4 div.selector,
.newX4 div.selector span,
.newX4 div.checker span,
.newX4 div.radio span,
.newX4 div.uploader,
.newX4 div.uploader span.action,
.newX4 div.button,
.newX4 div.button span {
    /*background-image: url(../images/sprite.png);*/
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}
.newX4 div.selector,
.newX4 div.selector *,
.newX4 div.radio,
.newX4 div.radio *,
.newX4 div.checker,
.newX4 div.checker *,
.newX4 div.uploader,
.newX4 div.uploader *,
.newX4 div.button,
.newX4 div.button * {
    margin: 0;
    padding: 0;
}
.newX4 div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
}
.page-breadcrumb.breadcrumb {
    margin: 0 0 10px !important;
    background-color: #fff !important;
    border-bottom: 1px solid #ccc !important;
        font-size: 13px;
}
.page-breadcrumb.breadcrumb {
    margin-top: 5px;
}
.page-breadcrumb.breadcrumb {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding-right: 30px;
    padding-left: 8px;
    margin-top: 15px;
    margin-bottom: 25px;
    border: 0px !important;
    background-color: #eee;
        box-shadow: 0 2px 8px #ddd;
}
.newX4 .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.newX4 .content small {
    display: none;
}
.newX4 .breadcrumb>li+li:before{
    display: none;
}
.page-breadcrumb.breadcrumb > li > em {
    color:#666 !important;
}
.page-breadcrumb.breadcrumb > li > a, 
.page-breadcrumb.breadcrumb > li > em,
.page-breadcrumb.breadcrumb > li > span {
    color: #333;
    font-size: 14px;
    text-shadow: none;
}
.newX4 li [class^="fa-"], .newX4 li [class*=" fa-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}
.newX4 .header.navbar.navbar-inverse.navbar-fixed-top {
    background-color: transparent;
    position: absolute;
}
@media (min-width: 992px){
    .newX4 .newForm .col-md-5 {
        width: 45.666%;
    }
}
.newX4 .newForm .form-group input.form-control.col-md-6:last-child,
.newX4 .newForm .form-group input.form-control.col-md-4:last-child {
    margin-right: 0;
}
.newX4 .newForm .form-group input.form-control.col-md-6 {
    width:48.333%;
    margin-right: 3%;
}
.newX4 .newForm .form-group input.form-control.col-md-4 {
    width: 31.333%;
    margin-right: 3%;
}
.newX4 .newForm .hoverTip{
    position: absolute;
    top: 8px;
    right: 0px;
    color: #95a9b4;
}
.newX4 .newForm .form-control{
    line-height: 30px;
    height: 30px;
    border-color:#d0dbe0;
    color: #8ca1ab;
    width: 95%;
}
.newX4 .newForm select.form-control {
    padding-left: 6px;
    padding-top: 3px;
}
.newX4 .newForm .form-actions.fluid div {
    width: auto !important;
    margin: 0 !important;
    float: right !important;
    padding-right: 0 !important;
}
.newX4 .form-horizontal .form-control-static {
    padding-top: 7px;
    text-transform: capitalize;
}
.newX4 table.history.table-bordered tbody tr td:last-child {
    text-align: left !important;
    border-left: 0 !important;
    border-left-color: #f8fafb !important;
}
/*.history th.sorting_disabled:nth-child(3), .history td:nth-child(3) {
    text-align: left;
    padding-left: 24px;
    border-right: 0;
}*/
.newX4 .history em.fa.fa-circle {
    margin-right: 6px;
}
.newX4 .history em.changed:before{
    color: #fbbebe;
}
.newX4 .history em.modified:before{
    color: #ace095;
}
.newX4 .history em.created:before{
    color: #bedefb;
}
.newX4 div#accounts-module {
    padding: 0;
    margin-top: 20px;
}

.newX4 .addItem select.form-control {
    height: 36px !important;
}
.newX4 .row.divider {
    padding-top: 10px;
    border-top: 1px solid #ddd;
    margin: 10px 5px 0 0;
}
.newX4 label.col-md-6,
.newX4 label.col-md-4 {
    padding: 0;
}
.newX4 .form-group input[type=checkbox],.newX4 input[type=radio] {
    margin: 4px 0 0;
    position: relative;
    top: 2px;
}
.newX4 .tab-content {
    border: 0;
}
.newX4 .row.newForm.someInfo {
    margin-bottom: 16px;
}
.newX4 td.action {
    width: 190px;
}
.newX4 .dualCol textarea.form-control {
    height: 149px;
}
@media (max-width: 991px){
    .newX4 .row.someInfo{
        height: auto;
    }
    .newX4 .col-md-5 .col-md-9 {
        padding: 0;
    }
    .newX4 label.control-label.col-md-3 {
        padding: 0;
        margin-bottom:4px;
        line-height: normal;
    }
    .newX4 .newForm .col-md-5 {
        margin-bottom: 10px;
    }
    .newX4 .newForm .form-group input.form-control.col-md-6, .newForm .form-group input.form-control.col-md-4 {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }
    .newUX.row.dualCol .col-md-8{
        padding-right: 15px;
        margin-bottom: 10px;
    }
    .newX4 .newForm .hoverTip{
        right: 8px;
    }
}
@media (min-width: 992px){
    .newX4 .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 50px;
        margin-right: 0;
    }
}
.newX4 .col-md-12.mphead {
    box-shadow: 0 2px 8px #ddd;
    height: 50px;
}


.newX4 .product-selection{text-align: center;}
.newX4 .product-selection a {
   border-radius: 63px !important;
    padding: 12px 13px;
    font-size: 20px;
    margin: 0 6px;
    width: 53px;
    height: 51px;
    background: #698fa2;
    color: #fff
}   
.newX4 .product-selection a:hover{background:#06cb24;color: #fff; font-size: 22px; padding-top: 13px }
.newX4 .product-selection .fa{font-size: inherit!important}
.newX4 .tabs-left { /*border-right: 1px solid #ddd*/ }

.dataTable {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
/*  ============= Fixed layout DataTable =============*/
.fixed-table .dataTable{
    table-layout: fixed;
    word-wrap:break-word;
}
/*  ============= Sscrollable DataTable fixes =============*/
.fixed-table .dataTables_scrollBody{margin-top:-2px; padding-bottom: 11px}
.fixed-table .dataTables_scrollBody thead tr{visibility: hidden; height: 0!important}

.font-11,.font-11 td,.font-11 th{font-size: 11px !important}
.dataTable .row-disabled td{background: #edf9de !important;color: #000;}
.dataTable .row-disabled .fa{color:#8BC34A}

.dataTable .cell-disabled{background: #fff3f3  !important;color: #000;}
.dataTable .cell-disabled .fa{color:#8BC34A}


/* ---  display pull-right icon on bottom right cornor of grid td  */
.fixed-table .dataTables_scrollBody .action-icon-td{ position: relative; }
.fixed-table .dataTables_scrollBody .action-icon-td .pull-right{position: absolute;right: 10px; bottom: 10px }


/* ----  taxes radio list ----*/
.dataTable .chk-list{}
.dataTable .chk-list .DTE_Field_InputControl{
    display: block;
    background: #ffffff;
    width: 180px;
    padding: 10px 5px;
    position: absolute;
    border: 1px solid #e1e1e1;
    top: -9px;
    left: -9px;
}



.newX4 table.dataTable tbody tr.odd.selected td{
    background-color: #def3ff;
}
.newX4 table.dataTable tbody tr.even.selected td{
    background-color: #def3ff;
}

.newX4 .picklist{display: none}

.custom-message .alert-success{background-color: #006940;
    border-color: #d6e9c6;
    color: #ffffff;
    font-weight: bold;}

.custom-message .alert-danger,.custom-message .errorSummary    {
    background-color: #8d303b!important;
    border-color: #8d303b;
    color: #ffffff;
    font-weight: bold;
}
.custom-message .alert-warning   {
    background-color: #c16816;
    border-color: #c16816;
    color: #ffffff;
    font-weight: bold;
}
.custom-message .btn-close{
    float: right;
    background: transparent;
    border: 0;
    outline: none;
}

.newX4 .picklist-selector{color: #909090}
.newX4 .picklist-selector:hover{ color: #06cb24 }
.picklist-clear-search{    
    position: absolute;
    right: 21px;
    top: 8px;
    color: #698fa2;
    font-size: 20px;
    cursor: pointer;
}


.newX4 div.tooltip-inner{text-align: left}
.newX4 a.form-control{
    padding: 0 0 0 12px;
    color: #127cbd !important;
    cursor:pointer
}
.newX4 a.form-control:hover{
    color:#06cb24!important;   
}

#wrapper.toggled .page-content-wrapper{
    /*padding-left: 190px !important;*/
}

body,
html{
 /*height: 100%;*/
}
body{
    position: relative;
    background-color: #ecf0f5 !important;
}
div#wrapper {
    min-height: 100%;
    position: relative;
    overflow: hidden;
    height: 100%;
}
div#wrapper .page-container{
 height: 100%;
}
.page-sidebar-menu > li.active {
    border-top: 1px solid #0b75b8;
    border-bottom: 1px solid #003d64;
}
.page-sidebar-closed em.fa.fa-align-justify {
    /*margin-top: 7px;*/
}
.page-content-wrapper{
 margin-bottom: 10px;
}
a#deleteBtn {
    background-color: #f00;
}
a#archieveBtn {
    background-color: #00a200;
}

a#deleteBtn:hover {
    background-color: #ff2a2a !important;
}


.notes{height:100px !important}   
.row.operations{}
.row.operations .portlet-title {
    margin-bottom: 16px !important;
}

/*  auto complete searching animation */
.ui-menu .ui-menu-item-wrapper{display: block; padding: 2px 0 2px 4px!important; text-decoration: none}
input[type='text'].ui-autocomplete-loading {
    background:url(../img/loading-spinner-grey.gif) no-repeat 99% center!important;
    background-size:14px;
}

input[type='text'].ui-autocomplete-input {
    background:url(../img/list.png) no-repeat 99% center;
    background-size:14px;
}


/* History Operation Levels  */
.newX4 .history em.l1:before{color: #ace095;}
.newX4 .history em.l2:before{color: #bedefb;}
.newX4 .history em.l3:before{color: #fbbebe;}
.newX4 .history em.l4:before{color: #fd7373;}
.newX4 .history em.l5:before{color: #ff0000;}

/*  Editable Datatable  */
.DTE_Field_InputControl label{font-size: 11px}
.DTE_Inline_Field input,.DTE_Inline_Field select,.DTE_Inline_Field textarea{
   width: 100%;
   border: 1px solid #e1e1e1;
   padding: 5px 6px !important;}
.DTE_Inline_Field select{
   width: 100%;
    border: 1px solid #e1e1e1;
    padding: 4px 6px !important;
    position: absolute;
    top: -5px;}
.DTE_Inline_Field .DTE_Field_Input{ padding-top:0 !important;  width: 100% }
.DTE_Inline_Field .select2-container{width: 100%}
.egrid-icon{text-align: center;}

.egrid-icon .fa{ color: #909090 }
.egrid-action{margin:0 4px }
.egrid-action em{margin:0 4px }
.egrid-field-error {
    background: #ffd9d9 !important;
}

.egrid-hlist .DTE_Field_InputControl div div:not([class]){
   display: inline!important;
   margin-right: 10px;
}
.egrid-hlist .DTE_Field_InputControl div div:not([class]) label{
   margin-left: 0;
   padding-left: 3px;
}
.dataTable td{ vertical-align: top!important  }

/* ---- form place holder ------*/
.form-placeholder {}
@keyframes placeHolderShimmer{
   0%{
     background-position: 100% 0
   }
   100%{
     background-position: -100% 0
   }
}
.form-placeholder .portlet.box.blue,.form-placeholder .portlet-body{background: #fbfbfb!important}
.form-placeholder label{background: #eeeeee;  height: 30px }
.form-placeholder .placeholder {
   animation-duration: 1s;
   animation-fill-mode: forwards;
   animation-iteration-count: infinite;
   animation-name: placeHolderShimmer;
   animation-timing-function: linear;
   background: #eeeeee;
   background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%,#dddddd 18%, #eeeeee 33%);
   background-size: 800px 104px;
   height: 96px;
   position: relative;
}
.form-placeholder a.btn.placeholder{height: 34px!important; width: 80px}
.form-placeholder .caption{color: #b1b1b1!important}
.form-placeholder .caption:after{border:1.5px solid #ababab!important;}

/* -  document created, last modify panel -- */
.document-stats label{
   font-size: 9px;
    text-transform: uppercase;
    color: #525252;
    line-height: 0!important; 
    margin:0;
} 


.other-products-grid td{ }


.label-status{display: inline;
    padding: .2em .6em .3em !important;
    font-size: 75%!important;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em!important;
}

/* SALES DASHBOARD */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.salesDashBox:last-child {
    padding-right: 0;
}
.salesDashBox {
    padding-left: 0;
}
.salesDashBox:nth-child(even) {
    padding-right: 0;
}
.salesDashBox .box.animated {
    position: relative;
    border-radius: 2px !important;
    background: #ffffff;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.salesDashBox .charts {
    padding: 10px;
}
.salesDashBox .charts h2 {
    font-size: 14px;
    color: #656c7a;
    margin: 0px;
    font-weight: normal;
    text-transform: uppercase;
}
.salesDashBox .charts span {
    text-transform: uppercase;
    font-size: 9px;
    color: #b8b9b9;
}
.customerFilter select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    padding: 2px;
    border-color: #ccc;
    width: 200px;
    position: relative;
    top: -1px;
}
.highslide-wrapper {
    border-radius: 4px !important;
    box-shadow:1px 1px 6px 4px #333;
    overflow: hidden;
}
.highslide-wrapper .highslide-html-content {
    width: 60%;
    padding: 0;
}
.draggable-header .highslide-maincontent {
    padding: 1em;
}
.highslide-container > table,
.highslide-wrapper .highslide-footer{
    display: none !important;
}
.draggable-header .highslide-heading {
    color: #fff;
    padding: 10px;
}
.draggable-header .highslide-header {
    height: 40px !important;
    border-bottom: 0 !important;
    background-color: #0076b8;
    padding: 10px;
}
.draggable-header .highslide-header .highslide-close a{
    background-image: none !important;
}
.highslide-close a:before {
    content: "\f00d";
    font-family: FontAwesome,sans-serif
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 20px;
    padding-right: 0.5em;
    position: absolute;
    top: 4px;
    left: -8px;
    display: block;
}
.main-header{
    z-index: 1000 !important;
}

@media (max-width: 769px){
    .salesDashBox {
        padding: 0;
    }
    .page-breadcrumb.breadcrumb {
        padding-right: 8px;
    }
    li.pull-right.customerFilter {
        float: none !important;
        margin-top: 12px;
    }
}
li.pull-right.customerFilter {
    position: relative;
    top: -3px;
    right: -26px;
}
li.pull-right.customerFilter .input-medium {
    width: 220px !important;
}
li.pull-right.customerFilter .form-group {
    margin-bottom: 0;
}
li.pull-right.customerFilter input#changeDate {
    padding: 2px 4px;
    height: auto !important;
    font-size: 13px;
    line-height: 20px;
}

.table-responsive .dataTables_filter label{
    display: block;
}

.table-responsive .dataTables_filter input{
    width: 90%;
    margin-left: 20px;
    border: 1px solid #ccc;
    border-radius: 5px !important;
}
.newLanding .offerWrap{
    margin-bottom: 15px;
}
.newLanding .offers {
margin: auto;
}
.newLanding .offers .offerBox {
border: 1px solid #dce0e0;
border-radius: 5px !important;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
    margin: 15px 0;
display: block;
cursor: pointer;
color: #333;
 text-decoration: none !important;
}
.newLanding .offers .offerBox:hover {
-webkit-transform: translateY(-4px);
-moz-transform: translateY(-4px);
-o-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15);
box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15);
}
.newLanding .offers .offerImg {
display: block;
position: relative;
}
.newLanding .offers .offerBox img {
border-radius: 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
max-width: 100%;
width: 100%;
height: auto;
}
.newLanding .offerBox .offerImg .offerPrice{
position: absolute;
bottom: 20px;
left: 0;
background: #FF4A52;
padding: 3px 10px 2px 10px;
color: #fff;
font-weight: 900;
font-size: 15px;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.newLanding .offerBox .offerPrice span{
display: block;
font-size: 12px;
line-height: 6px;
margin-top: 6px;
}
.newLanding .offerBox .offerInfo{
padding: 4%;
}
.newLanding .offerBox .offerInfo h4 {
font-size: 19px;
color: #333;
text-transform: capitalize;
}
.newLanding .offerBox .code {
margin: 0 -11px 10px;
padding-left: 10px;
background-color: #f1f1f1;
line-height: 22px;
font-size: 13px;
}
.newDashboard .portlet.box.blue{
padding-bottom: 0!important;
}
.newLanding a.moreOffers {
display: block;
text-align: center;
cursor:pointer;
color: #fff;
background-color: #0277bd;
position: relative;
font-weight: bold;
padding: 4px;
border-bottom: 2px solid #024a75;
border-radius: 0 0 4px 4px !important;
}
.newLanding a.moreOffers:hover {
background-color: #ff4a52;
color: #fff;
border-color: #b92f35;
}
.moreOffers em.fa.fa-caret-down.pull-right {
margin: 4px;
margin-right: 10px;
}
.moreOffers em.fa.fa-caret-down.pull-left {
margin: 4px;
margin-left: 10px;
}
.row.listing-row .offers .moreBox{
display: none;
clear: both;
}
.newLanding a.moreOffers.open em{
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
}
.newLanding .portlet.box.blue.notice {
    margin-bottom: 15px !important;
    padding:18px 18px 18px 80px !important;
    font-size: 13px;
    color: #333;
    position: relative;
}
.newLanding .portlet.box.blue.notice span.pull-left {
    background-color: #025f98;
    padding: 0 5px;
    margin-right: 7px;
    color: #fff;
    text-transform: uppercase;
    line-height: 75px;
    height: 100%;
    position: absolute;
    padding-top: 1%;
    width: 60px;
    left: 0;
    top: 0;
    display: block;
    text-align: center;
}
.newLanding .portlet.box.blue.notice span.pull-left em{
    font-size: 36px;
}
.newLanding .portlet.box.blue.notice h3 {
    display: block;
    border-bottom: 1px solid #eee;
    margin: 2px 0 10px !important;
    text-transform: uppercase;
    padding-bottom: 8px;
    font-size: 25px;
    font-weight: bold !important;
}
.newLanding .portlet.box.blue.notice h3 span.label{
    display: inline-block;
    margin-bottom: 15px;
    font-size: 22px;
    padding: 4px 7px;
    border-radius: 5px !important;
}
.newLanding .portlet.box.blue.notice h3 span.label.label-danger{
    background-color: #ff4a52 !important;
}
.newLanding .portlet.box.blue.notice a:hover {
    color: #ff4a52;
}
.newLanding .portlet.box.blue.notice hr {
    margin: 10px 0;
}
.newLanding .portlet.box.blue.notice ul li {
    border-bottom: 1px solid #ccc;
    list-style: none;
    line-height: 28px;
}
.newLanding .portlet.box.blue.notice ul {
    margin: 0;
    padding: 0;
}
.newLanding .ranks {
    color: #3b62ad !important;
    font-size: 15px;
}
.newLanding .rating {
    display: none;
    float: none;
    font-size: 20px;
    font-weight: bold;
    color: #3B62AD !important;
    white-space: nowrap;
    direction: ltr;
}
.newLanding .rating .star {
    display: inline-block;
    position: relative;
    letter-spacing: 0.05em;
    color: #3B62AD !important;
}
.newLanding .rating .star::before {
    display: inline-block;
    /* color:; */
    /*  content: '☆';*/
    content: "\2606" !important;
    width: 1em;
    height: 1em;
    color: #3B62AD !important;
}
.newLanding .rating .star::after {
  color: #3B62AD !important;
    display: inline-block;
    position: absolute;
    /*content: '★';*/
    content: "\2605";
    top: 0;
    left: 0;
    opacity: 0;
    width: 0;
    height: 0;
    transition: all 0.1s linear;
    overflow: hidden;
}
.newLanding .rating:not([disabled]) .star:hover::after,
.newLanding .rating .star.active::after {
opacity: 1;
width: 1em;
height: 1em;
}
.newLanding .rating .star.active.half::after {
    width: 0.5em;
}
.readMoreText {
    font-size: 15px;
}
.bookingRow h3 {
    padding-left: 30px;
    padding-right: 14px;
}
.bookingRow h5 {
    padding-top: 10px;
}
.card {
    padding-top: 10px;
    padding-left: 30px;
}
.arrow-transfer {
    background: url(https://sandbox.travelcompute.com/assets/images/email/arrow.png);
    width: 16px;
    height: 24px;
    margin-top: 17px;
}
.inverse {
    transform: rotate(180deg);
}
.row.transfer-image {
    position: absolute;
    top: 35em;
    left: 56em;
}
.transfer-portlet {
    min-height: 275px;
}
.transfer-hr {
    margin-left: 24px;
}
.transfer-strong {
    padding-left: 43px;
}
.transfer-cancel {
    margin-right: 15px;
}
.portlet-transfer-cancellation {
    margin-top: 20px;
}
.right-arrow {
    background-repeat: no-repeat;
    background-image: url(https://app.travelcompute.com/assets/images/arrow.png);
    height: 27px;
}
.left-arrow {
    background-repeat: no-repeat;
    background-image: url(https://app.travelcompute.com/assets/images/arrow.png);
    height: 27px;
    transform: rotate(180deg);
}
.transfer-row {
    line-height: 24px;
    padding-left: 1em;
}
h5.transfer-date {
    text-align: left;
    /* margin-left: 92px; */
}
.col-md-1.left-arrow.tr-arrow {
    margin-top: 12px;
    text-align: center;
    background-position: center;
    width: 16px !important;
}
.tr-return {
    margin-left: 71px;
}
.tr-hr {
    width: 80%;
    margin-top: 13px;
    margin-bottom: 16px;
}
.pickup-segments {
    padding-left: 14px !important;
    margin-top: 10px;
}
.pickup-segments span {
    padding: 5px;
}
.no-margin {
    margin: 0px !important;
}
hr.tr-hr.rc-hr {
    margin-left: 96px;
    width: 73%;
}
.row.transfer-row.rc-row {
    padding-top: 10px;
}
span.cancelled {
    color: #f6f6f6;
    background: #f41e1e;
    padding: 5px;
}
.trip-img {
    margin-right: 35px;
}


/* Pagination Input Css */
.paging_input .paginate_button i {
     
    /*background-color: #fff;*/
    border: 1px solid #ddd;
    margin: 0 4px;
    padding: 5px 0;
    border-radius: 2px !important;
    width: auto;
    min-width: 26px;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;

    background-color: #698fa2 !important;
    color: #fff;
    border-color: #698fa2;

  }
 .paging_input .paginate_button.disabled i{
    background-color: #698fa2 !important;
    color: #fff;
    border-color: #698fa2;
  }
  .paging_input input.paginate_input{
      
    height: 27px;
    padding: 6px 12px;
    width: 100px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 2px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

  }

  
  /* Submit And Add new Button */
  .operations .dropdown-menu{
    position: absolute;
    top: 100%;
    left: inherit;
    right: 0;
    z-index: 1000; 
    float: left;
    min-width: 171px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
  } 
  .operations .portlet.box.blue{ 
    overflow: visible !important; 
  } 
  .operations  .dropdown-menu a{ 
    cursor: pointer;
  } 
  .operations .btn-group .btn.blue.dropdown-toggle{ 
    background-color: #698fa2 !important;
  }
 .newX4 .operations button.btn.blue{
    padding: 7px 8px;
  }

  .operations button#saveBtn{
    min-width: 90px !important;
    padding: 7px 22px;
    margin-right: 2px;
  }
  .col-md-12.time2Go.transfer-cancellation {
    padding-top: 16px;
    font-size: 37px;
    font-weight: 900;
}
.bg-email-blue {
    background: #003366 !important;
}
div#airline_promo_container {
    margin-top: 10px;
}
button.btn.btn-primary.btn-view-ariline-segments {
    margin-left: 10px;
    margin-top: 14px;
}
.table-airline-promo {
    margin-top: 10px;
}
.hidden {
    display: none;
}
.name-label {
    width: 100%;
    margin-left: 15px;
}
.mce-tinymce{
    padding: calc(10% - 140px) !important;
}
.trq-settings-form .row {
    margin-top: 10px;
}


.dataTables_processing {
    position: fixed;
    top: calc(50% - 5px);
    left: calc(50% - 62.5px);
    min-width: 125px;
    margin-left: 0;
    padding: 7px;
    text-align: center;