﻿.login-box-msg{
    color: red;
}

td.details-control {
    background: url('../Images/plus.png') no-repeat center center;
    cursor: pointer;
    padding: 0 12px !important;
}
tr.shown td.details-control {
    background: url('../Images/minus.png') no-repeat center center;
}
.content-detail{
    display: none;
}

.money {
    text-align: right;
}

.table td{
    vertical-align: middle!important;
}
.table>thead>tr>th{
    border-bottom: none;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 992px){
   .column-no-padding-left{
    padding-left: 0px;
    }

    .column-no-padding-right{
        padding-right: 0px;
    }
    .form-control-search{
        width: 400px;
    }
}

@media (max-width: 768px) {
    .column-no-padding-left{
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .column-no-padding-right{
        padding: 5px;
        padding-bottom: 5px;
    }
}

.navbar-nav .editableform{
    margin-top: 10px;
}

.money{
    text-align: right;
}

.table-no-border tr td{
    border: none !important;
}
.bootstrap-duallistbox-container select{
    padding: 5px;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}
.dataTables_filter{
    display: none;
}
.margin-right-5{
    margin-right: 5px;
}

li.search .div-item {
    min-height: 70px;
    padding: 5px;
}

li.search .div-item .image {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.ui-autocomplete {
    z-index: 50000 !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: #FFFEDA;
}

.min-width-70{
    min-width: 70px !important;
}

.min-width-80{
    min-width: 80px !important;
}

.min-width-90{
    min-width: 90px !important;
}

.min-width-100{
    min-width: 100px !important;
}

.min-width-110{
    min-width: 110px !important;
}

.min-width-120{
    min-width: 120px !important;
}

.min-width-130{
    min-width: 130px !important;
}
.min-width-140{
    min-width: 140px !important;
}

.min-width-150{
    min-width: 150px !important;
}

.min-width-160{
    min-width: 160px !important;
}

.min-width-170{
    min-width: 170px !important;
}

.min-width-180{
    min-width: 180px !important;
}

.min-width-190{
    min-width: 190px !important;
}

.min-width-200{
    min-width: 200px !important;
}

.modal-screen {
  width: 90%;
  padding: 0;
}

.modal-screen .modal-content {
  height: 100%;
  border-radius: 0;
}

/*#region CheckBox and RadioBox*/
input[type=checkbox],
input[type=radio] {
  z-index: 12;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
input[type=checkbox].inverted:checked ~ .text:before,
input[type=radio].inverted:checked ~ .text:before {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}
input[type=checkbox].colored-white ~ .text,
input[type=radio].colored-white ~ .text {
  color: #ffffff;
}
input[type=checkbox].colored-white ~ .text:before,
input[type=radio].colored-white ~ .text:before {
  border-color: #fafafa;
}
input[type=checkbox].colored-white:checked ~ .text,
input[type=radio].colored-white:checked ~ .text {
  color: #ffffff;
}
input[type=checkbox].colored-white:checked ~ .text:before,
input[type=radio].colored-white:checked ~ .text:before {
  border-color: #333333;
  color: #333333;
}
input[type=checkbox].colored-blue:checked ~ .text,
input[type=radio].colored-blue:checked ~ .text {
  color: #5db2ff;
}
input[type=checkbox].colored-blue:checked ~ .text:before,
input[type=radio].colored-blue:checked ~ .text:before {
  border-color: #5db2ff;
  color: #5db2ff;
}
input[type=checkbox].colored-primary:checked ~ .text,
input[type=radio].colored-primary:checked ~ .text {
  color: #4374e0;
}
input[type=checkbox].colored-primary:checked ~ .text:before,
input[type=radio].colored-primary:checked ~ .text:before {
  border-color: #4374e0;
  color: #4374e0;
}
input[type=checkbox].colored-danger:checked ~ .text,
input[type=radio].colored-danger:checked ~ .text {
  color: #d73d32;
}
input[type=checkbox].colored-danger:checked ~ .text:before,
input[type=radio].colored-danger:checked ~ .text:before {
  border-color: #d73d32;
  color: #d73d32;
}
input[type=checkbox].colored-success:checked ~ .text,
input[type=radio].colored-success:checked ~ .text {
  color: #53a93f;
}
input[type=checkbox].colored-success:checked ~ .text:before,
input[type=radio].colored-success:checked ~ .text:before {
  border-color: #53a93f;
  color: #53a93f;
}
input[type=checkbox].colored-warning:checked ~ .text,
input[type=radio].colored-warning:checked ~ .text {
  color: #f4b400;
}
input[type=checkbox].colored-warning:checked ~ .text:before,
input[type=radio].colored-warning:checked ~ .text:before {
  border-color: #f4b400;
  color: #f4b400;
}
input[type=checkbox].colored-silver:checked ~ .text,
input[type=radio].colored-silver:checked ~ .text {
  color: #777777;
}
input[type=checkbox].colored-silver:checked ~ .text:before,
input[type=radio].colored-silver:checked ~ .text:before {
  border-color: #777777;
  color: #777777;
}
input[type=checkbox].colored-blueberry:checked ~ .text,
input[type=radio].colored-blueberry:checked ~ .text {
  color: #6f85bf;
}
input[type=checkbox].colored-blueberry:checked ~ .text:before,
input[type=radio].colored-blueberry:checked ~ .text:before {
  border-color: #6f85bf;
  color: #6f85bf;
}
input[type=checkbox].colored-palegreen:checked ~ .text,
input[type=radio].colored-palegreen:checked ~ .text {
  color: #a0d468;
}
input[type=checkbox].colored-palegreen:checked ~ .text:before,
input[type=radio].colored-palegreen:checked ~ .text:before {
  border-color: #a0d468;
  color: #a0d468;
}
input[type=checkbox].colored-orange:checked ~ .text,
input[type=radio].colored-orange:checked ~ .text {
  color: #fb6e52;
}
input[type=checkbox].colored-orange:checked ~ .text:before,
input[type=radio].colored-orange:checked ~ .text:before {
  border-color: #fb6e52;
  color: #fb6e52;
}
input[type=checkbox].colored-darkorange:checked ~ .text,
input[type=radio].colored-darkorange:checked ~ .text {
  color: #ed4e2a;
}
input[type=checkbox].colored-darkorange:checked ~ .text:before,
input[type=radio].colored-darkorange:checked ~ .text:before {
  border-color: #ed4e2a;
  color: #ed4e2a;
}
input[type=checkbox].colored-magenta:checked ~ .text,
input[type=radio].colored-magenta:checked ~ .text {
  color: #bc5679;
}
input[type=checkbox].colored-magenta:checked ~ .text:before,
input[type=radio].colored-magenta:checked ~ .text:before {
  border-color: #bc5679;
  color: #bc5679;
}
input[type=checkbox].colored-purple:checked ~ .text,
input[type=radio].colored-purple:checked ~ .text {
  color: #7e3794;
}
input[type=checkbox].colored-purple:checked ~ .text:before,
input[type=radio].colored-purple:checked ~ .text:before {
  border-color: #7e3794;
  color: #7e3794;
}
input[type=checkbox].colored-maroon:checked ~ .text,
input[type=radio].colored-maroon:checked ~ .text {
  color: #981b48;
}
input[type=checkbox].colored-maroon:checked ~ .text:before,
input[type=radio].colored-maroon:checked ~ .text:before {
  border-color: #981b48;
  color: #981b48;
}
input[type=checkbox]:checked,
input[type=radio]:checked,
input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: none !important;
}
input[type=checkbox]:checked ~ .text:before,
input[type=radio]:checked ~ .text:before {
  display: inline-block;
  content: '\f00c';
  background-color: #f5f8fc;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  border-color: #333333;
}
input[type=checkbox]:hover ~ .text :before,
input[type=radio]:hover ~ .text :before {
  border-color: #737373;
}
input[type=checkbox]:active ~ .text :before,
input[type=radio]:active ~ .text :before {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input[type=checkbox]:disabled ~ .text,
input[type=radio]:disabled ~ .text,
input[type=checkbox][disabled] ~ .text,
input[type=radio][disabled] ~ .text,
input[type=checkbox].disabled ~ .text,
input[type=radio].disabled ~ .text {
  color: rgba(0, 0, 0, 0.4);
}
input[type=checkbox]:disabled ~ .text:before,
input[type=radio]:disabled ~ .text:before,
input[type=checkbox][disabled] ~ .text:before,
input[type=radio][disabled] ~ .text:before,
input[type=checkbox].disabled ~ .text:before,
input[type=radio].disabled ~ .text:before {
  background-color: #f5f5f5 !important;
  border-color: #e5e5e5 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  color: #e5e5e5;
}
input[type=checkbox] ~ .text,
input[type=radio] ~ .text {
  position: relative;
  z-index: 11;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  font-weight: normal;
}
input[type=checkbox] ~ .text:before,
input[type=radio] ~ .text:before {
  font-family: fontAwesome;
  font-weight: bold;
  font-size: 13px;
  color: #333333;
  content: "\a0";
  background-color: #fafafa;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 18px;
  line-height: 16px;
  min-width: 18px;
  margin-right: 5px;
  margin-bottom: 2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
input[type=checkbox] ~ .text:hover:before,
input[type=radio] ~ .text:hover:before {
  border-color: #737373;
}
input[type=checkbox] ~ .text:active:before,
input[type=radio] ~ .text:active:before {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input[type=radio] ~ .text:before {
  border-radius: 100%;
  font-size: 10px;
  font-family: FontAwesome;
  line-height: 17px;
  height: 19px;
  min-width: 19px;
}
input[type=radio]:checked ~ .text:before {
  content: "\f111";
}
.radio label,
.checkbox label {
  padding-left: 0;
}
/*#endregion CheckBox and RadioBox*/

.table thead>tr>th label, .table tbody>tr>td label{
    margin-bottom: 0px;
}

.content-wrapper{
    min-height: 800px !important;
}
.main-header{
    max-height: 160px;
}

.fileinput-button {
        position: relative;
        overflow: hidden;
    }

        .fileinput-button input {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            opacity: 0;
            -ms-filter: 'alpha(opacity=0)';
            font-size: 200px;
            direction: ltr;
            cursor: pointer;
        }

    /* Fixes for IE < 8 */
    @media screen\9 {
        .fileinput-button input {
            filter: alpha(opacity=0);
            font-size: 100%;
            height: 100%;
        }
    }