/* GLOBALS */
.mt-35 {
    margin-top: 35px !important; }
.mt-30{
    margin-top: 30px !important; }
.mt-n-40{
    margin-top: -40px;}
.mt-n-20{
    margin-top: -20px;}
.cursor-default{
    cursor:default !important;}
.page-massages-wrap i.fa-times{
    cursor: pointer;
    margin-top: 3px;}
.p-t-md{
    padding-top: 15px !important;}
.h-100vh{
    height: 100vh;}
.multiSelect .clearButton{
    right: auto;
    left: 2px;}
.multiSelect > button{
    width: 100%;}
a.no-active,
a.no-active:hover,
a.no-active:active{
    cursor: default;
    color: inherit;}
#header .nav-left{
    margin-right: 0;}
#header .nav-left > li > a.no-active,
#header .nav-left > li > a.no-active:hover{
    color: rgba(255, 255, 255, 0.7);
    line-height: 42px;
    padding: 0 10px;
    display: inline-block;
    position: relative;}

.rtl .page-login button[type="submit"] .fa-key{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.appWrapper.rtl .list-inline {
    padding-right: 0;
    padding-left: initial;
    margin-left: 1%; }
.appWrapper.rtl .dropdown-menu.pull-right {
    left: 8px;
    right: auto;
    float: right; }
.tab-pane ul.controls{
    position: absolute;
    top: 0;
    padding: 0;
    z-index: 9;}
.appWrapper.rtl .tab-pane ul.controls{
    direction: rtl;
    left: 15px;}
.tab-pane ul.controls > li{
    display: inline-block;
    border-right: 1px solid #DEE1E2;
    list-style: none;
    cursor: pointer;
    font-size: 14px;}
.tab-pane ul.controls > li > a{
    display: block;
    height: 100%;
    line-height: 43px;
    min-width: 41px;
    padding: 0 10px;
    text-align: center;
    color: #95a2a9;}
.appWrapper.rtl .tab-pane ul.controls .more-actions{
    left:-66px; }
.tab-pane ul.controls > .more-actions > .dropdown-menu.with-arrow::after{
    border-bottom-color: #fff !important; }
.tile-header  ul.controls li.info-section{
    border:none !important; }
.tile-header  ul.controls li.info-section .fa{
    font-size: 25px;
    margin-top: 10px;}



.appWrapper.rtl #header .branding {
    float: right;
    text-align: center;}
.appWrapper #header .branding a.brand {
    display: block;
    background: #fff;  }
.appWrapper.rtl #header .branding a.brand {
    margin-left:-15px;
    margin-right:-15px;
    float: none;}
.appWrapper.rtl .dropdown-menu {
    left: auto;
    right: 0;
    padding-top: 0;}
.appWrapper.rtl #header .search:after {
    left: 12px; }
.appWrapper.rtl #navigation .dropdown > ul li > a {
    padding: 10px 30px 10px 0; }
.appWrapper.rtl .dropdown-menu::before,
.appWrapper.rtl .dropdown-menu::after{
    right: 41% !important;}
.dropdown-menu.with-arrow:after{
    border-bottom-color: rgb(208, 202, 202);}
.sidebar-sm #sidebar #navigation > li.dropdown > ul,
.sidebar-xs #sidebar #navigation > li.dropdown > ul{
    background-color: #fff;}

#header {
    background-color: #0D3E89;}
#header > header{
    display: flex;
    width: 100%;}
#header .branding {
    background-color: #0D3E89;}
#header .branding a.brand img{
    width:50px;
    margin-top: 3px;}
body.sidebar-xs.appWrapper.rtl #header .branding a.brand{
    margin-right:0;}
body.sidebar-xs #header > header{
    height: 90px;}
body.sidebar-xs #header .search,
body.sidebar-xs .nav-right{
    display: none;}
body.sidebar-xs .nav-left{
    width: 100%;
    top:45px !important;
    right:0 !important;
    left: auto !important;}
body.sidebar-xs .nav-left .nav-profile{
    float:left;}
body.sidebar-sm #header .branding{
    width:80px;
    padding:0;}
body.sidebar-sm #header .branding a.brand{
    width: 100%;
    margin: 0 !important;
    padding-left: 0;}
#header .search {
    width: 15%;
    margin: 0 auto;
    background-color: #0D3E89;}
#header .search .form-control {
    margin-top: 8px; }
#header .search:after {
    color: rgba(0, 0, 0, 0.45) }
#header .search .underline-input {
    color: rgba(0, 0, 0, 0.45);
    border-color: initial;
    background-color: #fff;
    border-radius: 46px;
    font-size: 12px;
    padding: 0 12px 0 26px;
    height: 28px;}
#header .search .underline-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.45);
    font-size: 12px;}
#header .search .underline-input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.45);
    font-size: 12px;}
#header .search .underline-input:-moz-placeholder {
    color: rgba(0, 0, 0, 0.45);
    font-size: 12px;}
#header .search .underline-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.45);
    font-size: 12px;}
#header .search .underline-input:focus {
    border-color: initial; }
#header .search .underline-input:focus::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.7); }
#header .search .underline-input:focus::-moz-placeholder {
    color: rgba(0, 0, 0, 0.7); }
#header .search .underline-input:focus:-moz-placeholder {
    color: rgba(0, 0, 0, 0.7); }
#header .search .underline-input:focus:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.7); }
.panel .panel-heading .panel-title .accordion-toggle span{
    font-size:12px;  }
#header .nav-left > li {
    background-color: #0D3E89; }
#header .nav-left > li.nav-greeting{
    font-size: 12px;}
#header .nav-left > li.nav-greeting img{
    margin-top:-3px;}
#header .nav-left > li.nav-greeting > a .user-online-round {
    position: absolute;
    bottom: 6px;
    right: 5px;
    padding: 5px 5px;
    border-radius: 50%;
    display: inline-block;
    background-color: green;
    border: 2px solid #fff;}
#header .nav-left > li.nav-profile .dropdown-menu > li.gln-wrap{
    padding:10px 15px;
    color:#0D3E89;
    background-color: rgba(0, 0, 0, 0.2);
    font-weight:bold;}
#header .nav-left > li.nav-profile .dropdown-menu > li.gln-wrap .fa{
    margin: 2px -2px 0 6px;
    transform: rotate(90deg);}
#header .nav-left > li.language .dropdown-menu {
    right: auto;}
#header .nav-left > li.language .dropdown-menu > li > a img {
    margin-left: 5px; }
#header .nav-right > li{
    background-color: #0D3E89;}
#sidebar {
    background-color: #fff;}
#sidebar uib-accordion .panel-group .panel > .panel-heading .panel-title {
    border-bottom: 1px solid #032c6c; }
#sidebar uib-accordion .panel-group .panel > .panel-heading .panel-title > a,
#sidebar uib-accordion .panel-group .panel > .panel-heading .panel-title > a:hover {
    color: #032c6c; }
#sidebar uib-accordion .panel-group .panel:not(.panel-open) > .panel-heading .panel-title > a {
    color: #032c6c; }
#sidebar uib-accordion .panel-group .panel:not(.panel-open) > .panel-heading .panel-title > a:hover {
    color: #032c6c; }
#sidebar uib-accordion .panel-group .panel .panel-body {
    color: #032c6c; }
#navigation {
    background-color: #FFF; }
ul#navigation > li,
ul#navigation > li > a *{
    cursor: pointer;}
#navigation > li.open > a,
#navigation > li:hover > a {
    color: #032c6c; }
#navigation > li:hover > a,
#navigation > li.active > a,
#navigation > li.active:hover > a{
    background-color: #f4f4f4 !important;
    color: #032c6c !important;}
#navigation .dropdown > a > i:last-of-type{
    font-size: 14px;}
#navigation .dropdown.open > a > i:last-of-type:before {
    content: "\f106" !important;}
#navigation > li a {
    color: #032c6c;}
#navigation > li a:hover {
    background-color: #0D3E89;
    color: white;}
#navigation .dropdown > ul {
    background-color: #fff;
    padding: 0; }
#navigation .dropdown > ul li:hover > a, #navigation .dropdown > ul li.active{
    background-color: #ccc;}
#navigation .dropdown > ul li:hover > a, #navigation .dropdown > ul li.active > a {
    color: #032c6c; }
.sidebar-xs #sidebar #navigation > li.dropdown > ul {
    background-color: #fff; }
.sidebar-xs #header .branding > a {
    width: 62px; }
.pageheader .page-bar .page-breadcrumb > li:before {
    transform: rotate(180deg);}
.pageheader .page-bar .page-breadcrumb > li:first-child {
    background-color: initial;
    margin-left:0 !important;}
.pageheader .page-bar .page-breadcrumb > li:first-child > a {
color: #95a2a9; }
.pageheader .page-bar .page-breadcrumb > li > a:hover,
.pageheader .page-bar .page-breadcrumb > li:first-child > a:hover {
color: #0D3E89; }
.pageloader-wrap{
    background-color: rgba(255, 255, 255, 0.93);
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    z-index: 100;}
#pageloader.animate {
    z-index: 99;}
#pageloader.animate .dot1{
    background-color: #0D3E89;
}
#pageloader.animate .dot2 {
    background-color: #e05d6f;}
.rtl .tile .tile-header.dvd .controls>li{
    border-left: none;
    border-right:1px solid rgba(0,0,0,.1);}
/*.tile .tile-header .controls > li > a{*/
    /*color: rgba(3, 44, 108, 0.95);}*/
.tile .tile-header .controls {
    left: 0;}
.nav-tabs > li > a{
    color:#95a2a9;}
.btn.btn-blue-gs1 {
    background-color: #0D3E89;
    color: white;
    border-color: #0D3E89; }
.btn.btn-blue-gs1:hover, .btn.btn-blue-gs1:active, .btn.btn-blue-gs1.active {
    background-color: #0485EA;
    border-color: #0485EA;
    color: white; }
.btn.btn-blue-gs1:active, .btn.btn-blue-gs1.active {
    background-color: #0485EA;
    border-color: #0D3E89; }
button.ColVis_Button{
    border: 1px solid #F9F9F9 !important;}
ul.ColVis_collection{
    padding: 0 !important;
    background: #fff !important;
    border:none !important;
    border-radius: 0 !important;}
ul.ColVis_collection li,
ul.ColVis_collection li:hover{
    text-align: right !important;
    box-shadow: none !important;
    background: #fff !important;
    border: none !important;}
ul.ColVis_collection li:hover{
    background: #FBF8F8 !important;}
ul.ColVis_collection li input[type="checkbox"]{
    margin: 0px 8px;
    vertical-align: bottom;}
.rtl .alert {
    text-align: right;
    border-left: none;
    border-right: 3px solid; }
.nav-tabs > li > a {
    padding: 12px 15px;}
.tab-content .tab-pane {
    padding: 8px 0; }

/* DATATABLES */

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_info,
table.dataTable thead th,
table.dataTable.no-footer,
.dt-loading > h3{
    font-size: 12px;
}
.dt-loading > h3{
    font-weight: normal !important;
    margin-top: 0;
}
table.dataTable thead th[aria-sort]{
    color: #0057A4;
    border-color: #0057A4;
}
#dt_products tbody .prod-img > img{
    width:40px;
}
table.dataTable thead th,
table.dataTable.no-footer{
    font-size: 11px;
    border-bottom: 1px solid #ddd;
}
.dataTables_wrapper .dataTables_length label{
    text-align: left;
}
.rtl .dataTables_wrapper .dataTables_filter input{
    margin-right: 0.5em;
}
.dataTables_wrapper{
    overflow-x: auto !important;}
.DTFC_LeftWrapper{right: 0px;left:auto;}
.DTFC_RightWrapper{left: 0px !important;right:auto;}
.dataTables_wrapper .ColVis {
    margin-left: 4%; }
.dataTables_wrapper .dataTables_filter input{
    margin-right: 0.5em;
    height: 30px;
    padding: 0;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #dbe0e2;}
.dataTables_wrapper .dataTables_filter input:focus{
    border-color: #22beef;}
.DTFC_RightBodyLiner,
.DTFC_LeftBodyLiner{
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    width: 100% !important;
    padding-right:0 !important;}
table.dataTable.no-footer {
    border: none;}
.DTFC_ScrollWrapper{
    display: table;}
.DTFC_ScrollWrapper .dataTables_scrollBody > table{
    float: right;}
div.dataTables_length select{
    height: 30px;
    background-color: #fff;
    border: 1px solid #dbe0e2;}
#dt_products_wrapper button.ColVis_Button{
    color: #6B6B6B !important;}
table thead .fa-info-circle{
    font-size: 14px; }
table.dataTable thead tr{
    background-color: #EAEAEA !important;}
table tbody .checkbox-custom-alt.checkbox-custom-sm > i::before{
    left: 1px !important;}
table tbody .prod-img > img{
    width:45px;}




.bg-blue-gs1{
    background-color: #0D3E89 !important; }
.text-blue-gs1{
    color: #0D3E89 !important; }
.tooltip {
    z-index: 9999 !important;}
.checkbox-custom-alt.checkbox-custom-sm{
    padding-left: 0 !important;}
.checkbox-custom-alt.checkbox-custom-sm > i,
.checkbox-custom-alt.checkbox-custom-sm > i{
    background-color: #fff;
    margin-right: 0;
    margin-left: 6px;}
.checkbox-custom-alt.checkbox-custom-sm > i::before{
    left: 0px !important;}
.chosen-container-multi .chosen-choices li{
    float:right;}

iframe#product-edit-frame{
    width:100%;
    height: 115vh;
    overflow: hidden;}
.tile#product-edit .tile-body{
    min-height: 75vh;}
.chosen-container .chosen-drop{
    left: auto;
    right:-9999px;}
.chosen-container.chosen-with-drop .chosen-drop{
    left: auto;
    right: 0;}

/* PRODUCT EDIT (iframe) */
iframe#product-edit-frame body.dir_rtl #left_cont{
    width:21% !important;}

#import-frame{
    width: 100%;
    height: 440px;}