﻿

/* ------------------------------ */
   /* JQUERY UI - TAB FIX */
/* ------------------------------ */
 
.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active {

    border-bottom: 1px solid white !important;
    margin-bottom: -1px !important;

}

.k-window-title {
    font-family: "Archivo Black", "Lucida Sans Unicode", Verdana, sans-serif;
}
/* ------------------------------ */
/* JQUERY UI - TAB FIX */
/* ------------------------------ */
.k-grid .k-textbox {
    width: 97%;
}
.k-grid .k-numerictextbox {
    width: 97%
}


/* ------------------------------ */
   /* VALIDATION STYLING */
/* ------------------------------ */

   .input-validation-error {
       background-color: pink;
   }
.select2-container.input-validation-error {
    border-radius: 3px;
}
 
   .field-validation-error {
       background-color: khaki;
       padding: 2px;
       border: 1px solid lightgrey;
       overflow: visible;
       font-size: .8em;
       position: absolute;
       white-space:nowrap;
   }


   
   input[type=text]  {
       height: 20px;
       font-size: 12px !important;
       padding-left: 8px;
       padding-right: 2px;
       border-radius: 3px;
       border: 1px solid #999;
   }
   /* ------------------------------ */
   /* KENDO STYLING */
   /* ------------------------------ */

   
div.k-window-content {
    white-space: nowrap;
    overflow: visible;
}
.k-combobox .k-dropdown-wrap::before, .k-numeric-wrap::before, .k-picker-wrap::before {
   
       height: 1.2em; 
   }

   .k-autocomplete-clearable .k-input, .k-combobox-clearable .k-input, .k-multiselect-clearable .k-input {
       height: 1.4em; 
   }

.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    font-size: 12px;
}

.k-popup.k-calendar-container, .k-popup.k-list-container {
    font-size: 12px !important;
}

   
   .k-ff input.k-textbox {
       height: 22px;
       padding-left: 8px;
       padding-right: 2px;
       border-radius: 3px;
       border: 1px solid #999;
   }
        
   .k-numerictextbox .k-input {
       height: 20px !important; 
       border: 0;
   }

   .k-maskedtextbox {
       white-space:nowrap;
   }

   /* ------------------------------ */
   /* SELECT2 STYLING */
   /* ------------------------------ */
 .k-window {
 
    background-color: white;

}
    .k-window .select2-container {
        z-index: 19995;
    }

     .select2-drop-mask {
        z-index: 19995;
    }

    .select2-drop-active {
        z-index: 20000;
    } 



.select2-container {
    z-index: 9995;
}
 

   .select2-container .select2-choice {
       display: block;
       height: 22px;
       padding: 0 0 0 8px;
       overflow: hidden;
       position: relative;
       border: 1px solid #aaa;
       white-space: nowrap;
       line-height: 22px;
       color: #444;
       text-decoration: none;
       border-radius: 4px;
       background-clip: padding-box;
       -webkit-touch-callout: none;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       background-color: transparent !important;
       background-image: none;
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
   }

   .select2-container .select2-choice .select2-arrow b {

       background: url('/Scripts/Select2/select2.png') no-repeat 0 0px;
   }

   .select2-container .select2-choice abbr {
       top: 5px;
   }


   .select2-default {
       color: #CCCCCC !important;
   }