/*
 * 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-3 {
    padding-left: 3px !important;
}

.padding-left-4 {
    padding-left: 4px !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;
}

/* 
    TEAMS overrides/new styles below....
*/

.btn-primary.focus, .btn-primary:focus {
    color: yellow; /*#fff;*/
    background-color: #3276b1; /*#275b89;*/
    border-color: #10263a;
    /*text-transform:uppercase;*/
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    color: yellow; /*#fff;*/
    background-color: #275b89;
    border-color: #1f496d;
}

.control-label {
    font-weight: bold;
    font-size: 14px;
    text-align: right;
    /*width: 20%;*/
    margin-top: -2px;
    vertical-align: middle;
}

.control-label-left {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    /*width: 20%;*/
    margin-top: 5px;
    vertical-align: bottom;
}

.control-label-top {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    margin-top: -2px;
    vertical-align: middle;
}

input[type="radio"] {
    height: 18px;
    width: 18px;
    margin-top: -1px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].checkbox,
input[type=radio].radiobox {
    visibility: visible;
    display: inline-block;
    position: absolute;
    z-index: 20;
    width: 18px;
    height: 18px;
}

.menu-on-top .menu-item-parent {
    max-width: 180px;
    min-width: 50px;
    text-align: left;
    font-size: 13px;
}

.select2-hidden-accessible {
    visibility: hidden;
    display: none;
}

button.ui-datepicker-trigger {
    display: none;
}

.col-form-label {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    font-weight: bold;
    line-height: 1.47;
    text-align: right;
}

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

table.dataTable tbody tr.selected td {
    background-color: #B0BED9;
}

.required-field::after {
    content: "*";
    color: red;
    font-weight: bolder;
    font-size: 14px;
    padding-right: 3px;
}

.required-field2::after {
    content: " *";
    color: red;
    font-weight: bolder;
    font-size: 11px;
    padding-right: 3px;
    vertical-align: text-top;
}

.thumbnail:hover {
    position: relative;
    top: -25px;
    left: -35px;
    width: 500px;
    height: auto;
    display: block;
    z-index: 999;
}

.img-hover-zoom {
    height: 300px; /* [1.1] Set it as per your need */
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

    /* [2] Transition property for smooth transformation of images */
    .img-hover-zoom img {
        transition: transform .5s ease;
    }

    /* [3] Finally, transforming the image when container gets hovered */
    .img-hover-zoom:hover img {
        transform: scale(1.5);
    }

.ucase {
    text-transform: uppercase;
}

.datepicker {
    z-index: 1151 !important;
}

.panel-body {
    background: #f6f6f6;
}

/*.control-label-top {
    font-weight: bold;
}*/

.form-control {
    border-color: black;
}

.input-group-addon {
    border-color: black;
}

.select2-container {
    border: 1px solid black;
}

#content {
    padding-left: 5px;
}

.btn-success {
    background-color: #00b300;
}

.btn-danger {
    background-color: #ff0000;
}

.txt-error {
    background-color: #ff0000;
    color: white;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    display: none;
}

.input-group-addon .fa {
    width: 1em;
    text-align: center;
}


table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
    display: none;
}

table.dataTable thead .sorting_desc::after {
    display: none;
}

table.dataTable thead .sorting {
    background-image: url(/teams/content/TEAMSimg/sort_both.png);
    /*background-image: url(https://datatables.net/media/images/sort_both.png);*/
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting_asc {
    background-image: url(/teams/content/TEAMSimg/sort_asc.png);
    /*background-image: url(https://datatables.net/media/images/sort_asc.png);*/
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting_desc {
    background-image: url(/teams/content/TEAMSimg/sort_desc.png);
    /*background-image: url(https://datatables.net/media/images/sort_desc.png);*/
    background-repeat: no-repeat;
    background-position: center right;
}

.control-label-top2 {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    margin-top: -2px;
    vertical-align: middle;
    cursor: pointer;
}

article {
    margin-bottom: 50px;
}

.splash {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    background: #fff;
}

.searchBox {
    /*display: block;
  width: 100%;
  padding: 3px 9px;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.5px;
  border: none;
  outline: none;*/
    font-size: larger;
    font-weight: bolder;
    color: black;
    background-color: orange;
}

.searchBoxW {
    font-size: larger;
    font-weight: bolder;
    color: black;
    background-color: white;
}

::-webkit-input-placeholder {
    color: white;
}

hr.class-1 {
    border-top: 1px solid #8c8b8b;
    width: 100%;
}

#btnFloatingTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 35px;
    z-index: 99;
    /*font-size: 18px;*/
    border: none;
    outline: none;
    /*background-color: red;*/
    color: white;
    cursor: pointer;
    /*padding: 15px;*/
    border-radius: 4px;
}

    #btnFloatingTop:hover {
        background-color: #555;
    }

#btnFloatingSave {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 105px;
    z-index: 99;
    /*font-size: 18px;*/
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    /*padding: 15px;*/
    border-radius: 4px;
}

    #btnFloatingSave:hover {
        background-color: #555;
    }