/*
Custom CSS File For Admin Panel

Author: İbrahim ÖZER
Template Name: Infinite
Version: 1.0
*/

/* ============ General CSS Fixes ============ */
.p0 {
    padding: 0 !important;
}

.m0 {
    margin: 0 !important;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-t-5 {
    margin-top: 5px;
}

label {
    font-weight: 600 !important;
}

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

.user-panel {
    margin-bottom: 15px;
    margin-top: 15px;
}

.dropdown-menu > li > a {
    color: #555;
    padding: 5px 10px;
}

.btn-select-option {
    padding: 3px 6px !important;
    font-size: 12px;
    margin: 0 !important;
}

.btn-select-option .dropdown-menu {
    position: absolute !important;
    z-index: 99;
}

.btn-list-button {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    text-align: left;
    width: 100%;
    padding: 5px 10px;
    color: #555;
}

.btn-list-button i {
    margin-right: 10px;
}

.dropdown-menu a i {
    width: 10px;
}

.table-responsive {
    min-height: 0;
    overflow-x: visible;
}

.max-width-120 {
    max-width: 120px;
}

.alert h4 {
    font-size: 14px;
    width: auto !important;
    margin: 0;
    font-weight: normal;
    display: inline-block;
}

.alert-dismissable .close, .alert-dismissible .close {
    top: 0px;
}

.slider-order {
    width: 150px;
}

.slider-order-left {
    width: 90px;
    float: left;
    text-align: left;
}

.slider-order-left input {
    width: 90px !important;
    height: 30px !important;
    float: left;
}

.slider-order-right {
    width: 60px;
    float: left;
    text-align: right;
}

.text-area {
    min-height: 80px;
    resize: vertical;
}

.uploadFile {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 15px;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    background-color: transparent;
    color: transparent;
    height: 36px;
    width: 134px;
    cursor: pointer;
}

#MultidvPreview {
    padding-top: 15px;
}

#MultidvPreview img {
    width: auto;
    height: 140px;
    float: left !important;
    margin-right: 20px !important;
    margin-bottom: 15px;
}

#MultidvPreview1 {
    padding-top: 15px;
}

#MultidvPreview1 img {
    width: auto;
    height: 140px;
    float: left !important;
    margin-right: 20px !important;
    margin-bottom: 15px;
}

.btn-delete-image {
    position: absolute;
    padding: 5px;
    top: 0;
    width: 30px;
    height: 30px;
    left: 15px;
}

.users-list > li {
    float: left;
    padding: 10px;
    text-align: center !important;
    width: 14%;
}

.users-list > li img {
    width: 70px;
    margin: 0 auto;
}

.users-list-name {
    color: #444;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.small-box:hover .icon {
    font-size: 92px;
}

.error-message {
    margin-top: 15px;
    padding-left: 15px;
}

.error-message p {
    position: relative;
    color: #d43f3a;
    display: list-item;
    margin-bottom: 5px;
}

.success-message {
    margin-top: 15px;
    padding-left: 15px;
}

.success-message p {
    position: relative;
    color: #00a65a;
    margin-bottom: 5px;
}

.box-header {
    padding: 15px;
}

.box-body {
    padding: 15px;
}

.box-footer {
    padding: 15px;
}

table th {
    font-weight: 600 !important;
}

/*Pace Loader*/
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #00C0EF;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

.bootstrap-tagsinput {
    width: 100% !important;
    border-color: #d2d6de;
    border-radius: 0;
    box-shadow: none;
}

.bootstrap-tagsinput input:focus .bootstrap-tagsinput {
    border-color: #3c8dbc !important;
    box-shadow: none;
}

.btn-site-prev {
    padding: 4px 12px !important;
    margin-top: 12px;
    margin-right: 10px;
    background-color: #00a65a !important;
    color: #fff !important;
    border-color: #008D4D !important;
}

.btn-site-prev:hover {
    background-color: #008D4D !important;
}

.small-box .icon {
    color: rgba(0, 0, 0, 0.15);
    font-size: 84px;
}

.index-table {
    max-height: 242px;
    overflow: auto;
}

/*custom checkbox*/
.custom-checkbox {
    position: relative;
    float: left;
    margin-right: 50px;
}

.regular-checkbox {
    display: none;

}

.regular-checkbox + label {
    background-color: #FF551A;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 15px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin: 0;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.regular-checkbox + label {
    background-color: #0494b1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 15px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin: 0;
}

.color-red label {
    background-color: #e74c3c !important;
}

.color-green label {
    background-color: #4ba567 !important;
}

.color-orange label {
    background-color: #f48b3d !important;
}

.color-purple label {
    background-color: #8260a8 !important;
}

.color-mountain-meadow label {
    background-color: #16a085 !important;
}

.color-blue label {
    background-color: #01b1d7 !important;
}

.color-yellow label {
    background-color: #f2d438 !important;
}

.color-dark label {
    background-color: #555 !important;
}

.color-pink label {
    background-color: #e25abc !important;
}

.table-responsive .break-word {
    word-break: break-all;
}

.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 16px;
    position: absolute;
    top: 5px;
    left: 7.5px;
    color: #fff;
}

.form-group {
    margin-bottom: 20px;
}

.col-lang {
    line-height: 20px;
}

.option-label {
    cursor: pointer;
    margin-left: 5px;
    margin-top: 2px;
}

.settings-tab-content {
    padding: 15px !important;
}

.label-sitemap {
    display: block;
    margin-bottom: 0;
}

.small-sitemap {
    display: block;
    margin-bottom: 5px;
}

.form-radio {
    margin-bottom: 10px;
}

.form-radio span {
    margin-left: 10px;
}

.input-custom-time {
    display: inline-block;
    width: 200px;
    margin-left: 20px;
}

.font-select {
    font-weight: 600;
    cursor: pointer;
    margin-top: 5px;
}

.font-select option {
    font-size: 15px;
    padding: 4px 10px;
    cursor: pointer;
}

.visibility-radio {
    float: left;
    margin-right: 15px;
}

.visibility-radio label {
    cursor: pointer;
}

.form-content
{
  margin-top: -2px;
}
#reply_section p
{
    margin: 0px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

textarea
{
  resize:vertical !important;
  white-space:pre-wrap;
}
.delete-confirmation-icon
{
  padding-bottom: 15px; 
  margin-right: 10px;
  margin-top: 8px;
  padding-bottom: 15px;
}
.delete-confirmation-icon i
{
  color:red; 
  font-size:36px; 
  vertical-align:middle;
}
.clampme
{
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}

.form-horizontal .control-label
{
  text-align: left;
}
.search_form .col-md-2 {
    padding-left: 0px;
    padding-right: 5px;
    margin-bottom: 5px;
}

.modal .modal-header
{
    padding: 5px 10px;
}

.custom-input
{
  height: auto !important;
  padding: 2px 2px !important;
  font-size: 12px !important;
  white-space: nowrap;
}
.nopadding
{
  padding: 0px;
}

@media (max-width:768px)
{
  .column-buttons
  {
    text-align: left !important;
  }
  .column-buttons .columnhide
  {
    margin-bottom:5px;
  }
}
 .column-buttons
{
  text-align: right;
}
.inline-loader
{
  background: url(../../../global/img/loading-spinner-grey.gif);
    height: 25px;
    background-repeat: no-repeat;
    background-position: 50%;
}


/*Table */

.table-bordered th {
    background-color: #FAEAE6 !important;
}

.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: #f5f5f5 !important;
}

.table-striped tbody > tr:nth-child(even) > td, .table-striped tbody > tr:nth-child(even) > th {
    background-color: #EFEFEF;
}

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: #fff;
}

form .form-actions
{
  margin-top:30px;
}

.kb-link:hover
{
  text-decoration:none;
}
.kb-link
{
  float:right; 
  margin-top:-3px;
  margin-left:10px;
}



span.format,
span.custom-label
{
    margin-right: 5px;
    color: #fff;
    font-size: 12px;
    padding: 0px 4px;
    line-height: 1;
    display: inline;
    white-space: nowrap;
    vertical-align: 1px;
    font-weight: 400
}
span.format.success
{
    background-color: #00BB3F;
}
span.format.warning
{
    background-color: #f57f17;
}
span.format.danger
{
    background-color: #d32f2f;
}

span.custom-label.yellow
{
    background-color: #FFAA24;
}
span.custom-label.yellow
{
    background-color: #FFAA24;
}
span.custom-label.green
{
    background-color: #35AA47;
}
span.custom-label.lightgrey
{
    background-color: #E5E5E5;
}
span.custom-label.orange
{
    background-color: #F3565D;
}
span.custom-label.darkorange
{
    background-color: #FF7300;
}
span.custom-label.darkred
{
    background-color: #DE2F2F;
}
span.custom-label.purple
{
    background-color: #8E44AD;
}
span.custom-label.darkblue
{
    background-color: #2977F7;
}
span.custom-label.darkgrey
{
    background-color: #C3C3C3;
}
.bg-black
{
      background-image: none !important;
      background-color: #000 !important;
      color: #FFFFFF !important;
}
.bg-red
{
      background-image: none !important;
      background-color: red !important;
      color: #FFFFFF !important;
}

/***
Custom Loader
***/

div.loader_animation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-left: 0;
  color:#fff;
  z-index: 9999;
  border: none !important;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: rgba(0,0,0,0.5);
  background-position: 50%;
  background-repeat: no-repeat;
}

.spinnerspin {
  width: 80px;
  height: 80px;
  background-color: #fff;

  margin: 20% auto auto auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  top:30%;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}

/* ============ Mobile ============ */
@media (max-width: 900px) {
    .table-responsive {
        min-height: 0.01%;
        overflow-x: auto;
    }
}

@media (max-width: 768px) {
    .index-table {
        max-height: none;
    }

    .alert h4 {
        display: block;
    }

}