/* Backend UI update by Mostafa EID */

/* General Rules by Mostafa */

.p-0{padding:0!important;}
.m-0{margin:0!important;}

.px-0{padding-left:0;padding-right:0;}
.px-1{padding-left:10px;padding-right:10px;}
.px-2{padding-left:15px;padding-right:15px;}
.px-3{padding-left:20px;padding-right:20px;}
.px-4{padding-left:25px;padding-right:25px;}
.px-5{padding-left:30px;padding-right:30px;}

.mx-0{margin-left:0;margin-right:0;}
.mx-1{margin-left:10px;margin-right:10px;}
.mx-2{margin-left:15px;margin-right:15px;}
.mx-3{margin-left:20px;margin-right:20px;}
.mx-4{margin-left:25px;margin-right:25px;}
.mx-5{margin-left:30px;margin-right:30px;}


/* Requests Page */
/* .backend-default-index .box {height: calc(100vh - 190px);} */
.backend-default-index .box.collapsed-box{height:auto;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {vertical-align: middle;}
.request-status {background: #65c73c!important;padding: 2px 13px;}
.request-status i {font-size: 12px;margin: 4px 0px 4px 10px;top: 0px;}
.request-status.rejected{background:#ab0000!important;} 
.request-status.new{background:#ababab!important;}
.request-status.in-progress{background: rgb(171,171,0)!important; background: linear-gradient(90deg, rgba(171,171,171,1) 20%, rgba(15,138,55,1) 70%);}
.request-status.done{background: #65c73c!important;}

.content-wrapper, .right-side, .main-footer {font-size: 12px;}
.box-header .fa-group:before, .fa-users:before {padding: 7px 0 7px 7px;}
#users-management-box-grid .glyphicon, #users-management-box-grid .fa {font-size: 16px;padding: 4px 1px;color: #2d78ce;}
.btn-success .glyphicon{color:#fff}
#users-management-box-grid .glyphicon, #users-management-box-grid .fa {font-size: 14px;padding: 0px 1px;bottom: -4px;top: auto;margin-right:0;}
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius: 0px;border-top-right-radius: 0px;}
.request-status .glyphicon, .request-status .fa{color:#fff!important;}
.btn-group > .btn:first-child {margin-right: 3px;}
.box.box-solid.box-primary > .box-header {/* background: #1f3d86; */background-color: #4276ab;}
.skin-blue-light .main-header .navbar, .skin-blue-light .main-header .logo {background-color: #516c88!important;}
.box.box-solid.box-primary {border: 1px solid #dadada;border-radius: 5px;}
.box.box-solid.box-primary > .box-header {border-radius: 5px 5px 0 0;}
.main-header .sidebar-toggle{padding: 11px 20px;}
.navbar-nav > li > a {padding: 13px 20px;}
.main-header .sidebar-toggle:before, .main-header .fa-user:before, .fa-angle-left:before{font-size: 20px;}
.sidebar-menu > li > a > .fa{color: #86c16e;}
.kv-grid-table td{font-size: 14px;}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa{padding:10px 10px 10px 23px!important;}
.kv-panel-before .btn-default, .sub-acc-add {background-color: #f0f5fd;color: #444;border-color: #e5f0f7;box-shadow: #bdbdbd 0px 0px 2px;}
.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion {font-size: 18px;margin-left: 10px;}
.skin-blue-light .sidebar-menu .treeview-menu>li>a{font-size: 12px;}
.skin-blue-light .sidebar-menu .treeview-menu>li.active>a, .skin-blue-light .sidebar-menu .treeview-menu>li>a:hover {color: #4276ab!important;}
.table-responsive {overflow-x: inherit;}


/* Request Update Page */
.scrtabs-tabs-fixed-container {width: 100%!important;}
#commercial-users-form{padding: 0 2% 0 6%;}
/* .view-content-main-container .set-header, */
.set-header,
#commercial-users-form .set-header{font-size: 15px;color: #4276ab;font-weight: bold;margin-bottom: 10px;border-bottom: 1px solid #4276ab;padding-bottom: 11px;display: inline-block;  width: 100%;}
.nav-tabs > li > a {color: #999;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #4276ab;font-size: 105%;}
.box-body fieldset .form-fieldset{padding:15px 0;margin-bottom: 20px;}
.view-content .dl-horizontal{margin-top:0;margin-bottom:10px;}
.switchery {height: 20px!important;width: 40px!important;}
.switchery > small {height: 19px!important;width: 19px!important;}
.btn-file .glyphicon, .btn-file .fa {font-size: 12px;padding: 2px 1px;color: #ffffff;}
.box-footer .btn-group{padding: 0 45px 25px;}
.tab-content .form-content{padding: 20px 15px;}
.view-content-main-container .dl-horizontal dd,
#commercial-users-form .dl-horizontal dd, .view-content .dl-horizontal dd:after {margin-right: 0;}
.field-commercialusersrequests-admin_comment{padding:10px 15px;}
.subaccounts-grid{padding:35px 15px 25px 15%; }
.sub-account-header a.sub-acc-remove, .sub-account-header a.sub-acc-remove:hover {font-size: 25px;top: -6px;border: none;background-color:transparent;}
.sub-account-header a.sub-acc-remove i{color:#999;}
.sub-account-header a.sub-acc-remove:hover i{color:#3c8dbc}
#sub-accounts-list label{line-height:30px;}
#sub-accounts-list label.radio-inline{line-height:25px;}
.sub-acc-add {padding:4px 8px; border-radius:4px;border: 1px solid #ddd;transition:all 200ms;}
a.sub-acc-add:hover {background: #77c16a;border: no}
.form-group {align-self: flex-end;}
.field-docstranslation-ar-tags{margin-bottom:0;}


.cust-remove{display: flex;padding: 9px;justify-content: center;margin: -9.5px 0 0;}


.file-preview-container{
    padding-bottom: 10px;
}

.date span{padding: 4px 10px;}
.field-pages-admin_comment{padding:0 15px;}



/* Calendar override */
.datepicker-narrow-page .datepicker-rtl.dropdown-menu {left: auto!important;right: calc(16.6667% + 225px)!important;}
.datepicker-rtl.dropdown-menu {right: 277px!important;}
.dropdown-menu {left:auto;right: auto;}
.doc-prev-btn{margin:8px 0;}

.modal .dataTables_paginate .pagination{float:left;}
.modal-open .modal {padding: 0!important;}
.modal-dialog {width:96%;max-width: 750px;margin:5% auto!important;border-radius: 5px;overflow: hidden;}
.modal-header {background-color: #4276ab;color: #fff;}
.modal-title {font-size: 1.75rem;margin-bottom: 0;line-height: 1.5;}
.modal-header .close {opacity: 1;margin: 2px 5px;text-shadow: 0 1px 2px #fff;}
.modal-header .close span{color:#fff;}
.id-clmn{width:20%!important;}
.title-clmn{width:80%!important;}
#docs-list-grid-table_filter label{width: 70%;float: left;margin-left: 30px;}
#docs-list-grid-table_filter label input{margin-right:6px;}
.modal #docs-list-grid-table_length{margin-right:-14px;}



@media only screen and (max-width: 1024px) {

  .datepicker-narrow-page  .datepicker-rtl.dropdown-menu {right: calc(16.6667% + 225px)!important;}

}

@media only screen and (max-width: 768px) {

  .datepicker-narrow-page  .datepicker-rtl.dropdown-menu {right: calc(16.6667% + 150px)!important;}

}

@media only screen and (max-width: 480px) {

  .datepicker-rtl.dropdown-menu {right: 47px!important;}

}

/* Custom checkbox */
/* .styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:hover + label:before {
  background: #f35429;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #f35429;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
} */

.content-keywords-list{list-style: none;margin: 0px;padding: 0px;}
.content-keywords-list li{float: right;margin: 0px 3px;background-color: #eaeaea;padding: 5px 12px;border-radius: 14px;}