/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */
.padding-top-0 {
  padding-top: 0 !important;
}
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.margin-top-0 {
  margin-top: 0 !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
/*.smart-form {
    .input {
        input {
            padding: 4px 10px !important;
        }
    }
}*/
/* SmartForm Bootstrap Validation */
#extr-page h4.paragraph-header {
  width: auto;
}
#extr-page .smart-form .alert {
  margin: 4px;
}
#extr-page .smart-form .alert li {
  margin-left: 14px;
  list-style: none;
}
#extr-page .smart-form .alert li:before {
  content: "\f071";
  font-family: FontAwesome;
  position: absolute;
  left: 14px;
}
#extr-page .smart-form div + fieldset {
  padding-top: 15px;
}
  div.upload {
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
            display: inline-block;
            height: 30px;
            padding: 3px 40px 3px 3px;
            position: relative;
            width: auto;
        }

            div.upload:hover {
                opacity: 0.95;
            }
            .dt-toolbar {
    display: block;
    position: relative;
    padding:7px 1px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    background: #fafafa;
}

            div.upload input[type="file"] {
                display: input-block;
                width: 100%;
                height: 30px;
                opacity: 0;
                cursor: pointer;
                position: absolute;
                left: 0;
            }

        .uploadButton {
            background-color: #425F9C;
            border: none;
            border-radius: 3px;
            color: #FFF;
            cursor: pointer;
            display: inline-block;
            height: 30px;
            margin-right: 15px;
            width: auto;
            padding: 0 20px;
            box-sizing: content-box;
        }

        .fileName {
            font-family: Arial;
            font-size: 14px;
        }

        .upload + .uploadButton {
            height: 38px;
        }
        .img-wrap {
            position: relative;
            display: inline-block;
            /*border: 1px blue solid;*/
            font-size: 0;
        }
       
        .img-wrap .opena {
            position: absolute;
            top: 80px;
            right: 130px;
            z-index: 100;
            
            /*background-color: #ff0000;*/
            padding: 5px 3px 0px;
            color: #000;
            font-weight: bold;
        
            opacity: 1;
            text-align: center;
            font-size: 40px;
            line-height: 20px;
            border-radius: 50%;
        }
         .img-wrap .openah {
            position: absolute;
            top: 80px;
            right: 450px;
            z-index: 100;
            /*background-color: #ff0000;*/
            padding: 5px 3px 0px;
            color: #000;
            font-weight: bold;
        
            opacity: 1;
            text-align: center;
            font-size: 40px;
            line-height: 20px;
            border-radius: 50%;
        }
          .img-wrap .openap {
            position: absolute;
            top: 80px;
            right: 240px;
            z-index: 100;
            /*background-color: #ff0000;*/
            padding: 5px 3px 0px;
            color: #000;
            font-weight: bold;
        
            opacity: 1;
            text-align: center;
            font-size: 40px;
            line-height: 20px;
            border-radius: 50%;
        }

            .img-wrap .close {
                position: absolute;
                top: 7px;
                right: 7px;
                z-index: 100;
                /*background-color: #ddd;*/
                padding: 5px 3px 0px;
                color: #000;
                font-weight: bold;
                cursor: pointer;
                opacity: 0;
                text-align: center;
                font-size: 22px;
                line-height: 10px;
                border-radius: 50%;
            }
            .img-wrap:hover .close {
                opacity: 1.5;
            }
        .customdiv {
            position: relative;
     
            padding-left: 4px;
            padding-right: 2px;
            padding-top: 3px;
            padding-bottom: 3px;
        }
        .customrow {
            /*margin-left: 3px;
            margin-right: 2px;*/
            margin-left: 5px;
            margin-right: 2px;
            margin-top: 4px;
            /*border: 1px blue solid;*/
            margin-bottom: 4px;
        }
        .dataTables_filter .input-group-addon {
            width: 32px;
            margin-top: 0;
            float: left;
            height: 34px;
            padding-top: 8px;
        }
        br {
            line-height: 150%;
        }
        .btn-file {
            position: relative;
            overflow: hidden;
        }
        .trr {
            padding: 3px 3px 3px 3px;
        }
            .btn-file input[type=file] {
                position: absolute;
                top: 0;
                right: 0;
                min-width: 100%;
                min-height: 100%;
                font-size: 100px;
                text-align: right;
                filter: alpha(opacity=0);
                opacity: 0;
                outline: none;
                background: white;
                cursor: inherit;
                display: block;
            }
        .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
            padding: 3px 3px 0px 3px;
        }
        
        .btn-sm {
            padding: 6px 6px 3px 6px;
        }
        .glyphicon {
            position: relative;
            top: 0px;
            display:inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
          
        }
        .disabledTab {
            pointer-events: none;
        }
        .use {
         
            border: 1px solid #ddd;
            border-radius: 15px;
        }
        .bootstrapWizard li {
            width: 20%;
        }
        .inactiveLink {
            pointer-events: none;
            cursor: default;
        }
        .field-validation-error {
            color: #ff0000;
        }

        .field-validation-valid {
            display: none;
        }

        .input-validation-error {
            border: 1px solid #ff0000;
            background-color: #ffeeee;
        }

        .validation-summary-errors {
            font-weight: bold;
            color: #ff0000;
        }

        .validation-summary-valid {
            display: none;
        }
        .field-validation-error {
            display: block;
        }
        table {
            border-collapse: separate;
            border-spacing: 0px; /* cellspacing */
         
        }

            table td, table th {
                padding: 0px; /* cellpadding */
            }
           /*.glyphicon {
            font-size: 15px;
        }*/
  
    .dz-max-files-reached {
        background-color: red;
    }
            .box {
    padding: 0 5px 0 5px;
    
}
.box .inner {
    background-color:lightgray;
    border-top:2px solid #DDD;
    border-bottom:2px solid #DDD;
    border-left:2px solid #DDD;
    border-right:2px solid #DDD; 
    
}
.tooltip-inner {
  white-space:nowrap;
  max-width:none;
  font-size:12px;
}

.dataTables_filter .input-group-addon {
    width: 32px;
    margin-top: 0;
    float: right;
    height: 34px;
    padding-top: 8px;
    /*border:5px solid red*/
}
.input-group-addon:first-child {
    border-right: 1px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ccc;
    /*border-left-style: initial;
    border-left-color:  initial;*/
}
.jarviswidget .widget-body {
    min-height: 50px;
    position: relative;
    padding-bottom: 10px;
}

.btn-default.active, .btn-default:active, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default.sleep{
     background-color: #ff0000;
}