/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 8, 2017, 5:30:32 PM
    Author     : Skycap
*/
.pagination .active {
  color: white;
  background-color: #1d62f0;
  border: none;
}
.search {
  max-width: 200px;
  display: inline;
}
.action a {
  font-size: 14px;
}
.pe-7s-close-circle,
.pe-7s-check {
  font-size: x-large;
}
textarea.form-control {
  max-height: 150px;
}
.valid_error p {
  color: red;
  font-size: 13px;
  padding-top: 10px;
}
.btn-primary {
  border-color: #1dc7ea;
  color: #1dc7ea;
}
.pagination .active {
  background-color: #1dc7ea;
}
.pagination > li > a {
  color: #1dc7ea;
}
.pe-7s-check,
.fa-eye {
  color: #3bceec;
  font-size: 20px !important;
}
.pe-7s-close-circle,
.fa-eye-slash {
  color: #fc727a;
  font-size: 20px !important;
}
img.auth_img {
  display: block;
  max-height: 150px;
  max-width: 100%;
}
.authors-table tr td:nth-child(1) {
  width: 5%;
}
.authors-table tr td:nth-child(2) {
  width: 18%;
}
.authors-table tr td:nth-child(5) {
  width: 18%;
}
.authors-table tr td:nth-child(3) {
  width: 18%;
}
.authors-table tr td:nth-child(4) {
  width: 25%;
}
.authors-table tr td:nth-child(6) {
  width: 8%;
  text-align: center;
}
.authors-table tr td:nth-child(7) {
  width: 8%;
  text-align: center;
}
.authors-table tr th:nth-child(6),
.authors-table tr th:nth-child(7) {
  text-align: center;
}
.category-table tr td:nth-child(1) {
  width: 5%;
}
.category-table tr td:nth-child(2) {
  width: 35%;
}
.category-table tr td:nth-child(3) {
  width: 15%;
}
.category-table tr td:nth-child(4) {
  width: 10%;
  text-align: center;
}
.category-table tr td:nth-child(5) {
  width: 10%;
  text-align: center;
}
.category-table tr th:nth-child(4),
.category-table tr th:nth-child(5) {
  text-align: center;
}
.quote-table tr td:nth-child(1) {
  width: 5%;
}
.quote-table tr td:nth-child(7),
.quote-table tr td:nth-child(6) {
  width: 8%;
  text-align: center;
}
.quote-table tr td:nth-child(4) {
  width: 40%;
}
.quote-table tr td:nth-child(2),
.quote-table tr td:nth-child(3) {
  width: 13%;
}
.quote-table tr th:nth-child(6),
.quote-table tr th:nth-child(7) {
  text-align: center;
}
.pe-7s-power {
/*   font-weight: 600; */
  font-size: 22px;
}
.action a {
  border: 0px;
  font-weight: 600;
  font-size: 20px;
}
.action a i,
.pe-7s-search {
  font-weight: 600;
}
.actionth {
  color: #3bceec !important;
}
button.btn.btn-primary.submit {
  border: 0px;
  font-size: 22px;
  padding: 8px;
}
button.btn.btn-primary.submit:hover {
  background: inherit;
  color: #1dc7ea;
}
.pe-7s-plus,
.fa-plus {
  float: left;
  font-size: 30px !important;
  padding: 10px !important;
}
.up_img {
  border: 0px;
}

.table-responsive {
  display: block;
  margin-left: 10px !important;
  margin-right: 10px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  width: 98% !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

div#example_wrapper {
  margin-top: 10px;
}

.add-parameter {
  margin-top: 15px;
}

.card .content {
  padding: 30px;
}
.card form [class*="col-"] {
  padding: 15px;
}
.main-panel .col-md-12 .content .form-group .add_image_new{
  padding-left: 0;
}
.main-panel .col-md-12 .content .form-group {
  margin-bottom: 0;
}
.cancle_all {
  margin-right: 15px;
}
.pe-7s-plus, .fa-plus {
  padding-left: 0 !important;
}
.navbar-default .navbar-nav > li > a i {
  visibility: visible;
  float: right;
}
.navbar-default .navbar-nav > li > a:not(.btn) {
  color: #9A9A9A;
  visibility: hidden;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  overflow-x: hidden;
}
.top_bar_style_fix {
  padding-top: 15px;
}
.top_bar_style_fix .add-parameter {
  float: left;
  margin-top: 0;
}
.top_bar_style_fix #example_wrapper {
  margin-top: 0;
}
.top_bar_style_fix #example_wrapper .row:nth-child(1) {
  display: flex;
}
.top_bar_style_fix #example_wrapper .row:nth-child(1) .col-sm-12.col-md-6:nth-child(1){
  order: 2;
  width: 14%;
  padding-right: 0;
  text-align: right;
}
.top_bar_style_fix #example_wrapper .row:nth-child(1) .col-sm-12.col-md-6:nth-child(2){
  order: 1;
  width: 86%;
}
.top_bar_style_fix .pagination>.disabled>a, 
.top_bar_style_fix .pagination>.disabled>a:focus, 
.top_bar_style_fix .pagination>.disabled>a:hover, 
.top_bar_style_fix .pagination>.disabled>span, 
.top_bar_style_fix .pagination>.disabled>span:focus, 
.top_bar_style_fix .pagination>.disabled>span:hover {
  /* color: transparent; */
  background-color: #fff;
  outline: none;
}
.top_bar_style_fix .pagination>li:first-child>a:after {
  display: inline-block;
  font-family: 'Pe-icon-7-stroke';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  position: absolute;
  width: 31px;
  transform: rotateY(180deg);
  font-size: 23px;
  left: 6px;
  height: 21px;
  content: "\e62d";
}
.top_bar_style_fix .pagination>li:first-child>a, .pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  width: 39px;
  color: transparent;
  outline: none;
  text-indent: -9999px;
  border-bottom-left-radius: 4px;
}
.top_bar_style_fix .pagination>li:last-child>a, .pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 39px;
  color: transparent;
  text-indent: -9999px;
  outline: none;
  margin-left: 0;
}
.top_bar_style_fix .pagination>li:last-child>a:after {
  display: inline-block;
  font-family: 'Pe-icon-7-stroke';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  position: absolute;
  width: 31px;
  font-size: 23px;
  left: 0;
  height: 21px;
  content: "\e62d";
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin-right: 3px;
}
div.dataTables_wrapper div.dataTables_length label {
  width: max-content;
  overflow: hidden;
}
div.dataTables_wrapper div.dataTables_length select {
  width: 58px;
  padding: 8px 6px;
  display: inline-block;
  border-color: darkgray;

}
.top_bar_style_fix .alert {
  margin-top: 0;
}
.top_bar_style_fix .alert .container {
  padding: 0 15px 0 0;
}
.top_bar_style_fix .alert i {
  float: right;
}
input.form-control.form-control-sm {
  border-color: darkgray;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
}

input[type="search"]:focus::-webkit-search-cancel-button {
  opacity: .3;
  pointer-events: all;
}

input[type="search"].dark::-webkit-search-cancel-button {
  filter: invert(1);
}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:before {
  right: 1em;
  content: "\2191";
  top: 10px;
  color: black;
}
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: "\2193";
  top: 10px;
  color: black;
}
.alert.alert-success.my-5 {
  text-align: center;
  margin-right: 700px;
  margin-left: 300px;
  margin-top: 15px;
  position: relative;
  left: 50px;
}
div.alert .container{
  width:500px;
}
.form-control::placeholder {
  color: #999999;
}
.dataTables_wrapper table.dataTable>thead th:after, .dataTables_wrapper table.dataTable>thead th:before {
  opacity: 0.7;
}