#msgbox .modal-dialog
{
    z-index: 999999999;
}
.contentsIsBeingLoading
{
    display: none;
}
.pointer
{
    cursor: pointer !important;
    text-decoration: none !important;
}
.rounded
{
    border-radius: 4px;
}
.trashed
{
    opacity: 0.5;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.inside-icon select {
    text-indent: 20px;
}
.has-error-input, input.has-error-input
{
    border: 1px solid red !important;
    /*border-radius: 7px;*/
}
.has-error-input::-webkit-input-placeholder
{
    color: #fa7f7f;
}
.hide-more
{
    overflow: hidden;    
    text-overflow: ellipsis;
    white-space: nowrap; 
    width: 118px;
}

/*.stars i
{
    color: #ffca77;
    font-size: 19px; 
    display: inline-block;
    margin-right: 1px;
}*/


div.modal.fade div.modal-dialog
{
    z-index: 999999 !important;
}
.vr
{
    border-right: 1px solid #eee;
}
/*#loadingForm
{
    opacity: 0;
    background-color: #fff;
    position: fixed;
    z-index: 999999;
    display: none;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: wait;
    cursor: wait;            
}
#loadingForm div
{
    background-color: #fff;
    background-position: center 20px;
    background-repeat: no-repeat;
    width: 420px;            
    padding-top: 120px;
    text-align: center;
    margin: auto;
    margin-top: 100px;
    border-radius: 10px;
}*/
#loadingForm
{
    opacity: 0.5;
    background-color: #000;
    position: fixed;
    z-index: 999999;
    display: none;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /*cursor: wait;*/            
}
#loadingForm div
{
    background-color: #000;
    background-position: center 20px;
    background-repeat: no-repeat;
    width: 420px;            
    padding-top: 120px;
    text-align: center;
    margin: auto;
    margin-top: 100px;
    border-radius: 10px;
}
label.required:after
{
    content: " *";
    color: red;
}
.showContents
{
    display: none !important;
    opacity: 0 !important;
}

#the-loading div
{
    width: 0%;
    height: 5px;
}
#the-loading
{
    position: fixed !important;
    z-index: 5;
    bottom: 0px;
    left: 0;
    right: 0;
    display: block;
}

.width20
{
    width: 20% !important;
    display: inline-block !important;
}
.width25
{
    width: 25% !important;
    display: inline-block !important;
}
.width50
{
    width: calc(50% - 4px) !important;
    display: inline-block !important;
}
.width45
{
    width: calc(45% - 5px) !important;
    display: inline-block !important;
}
.width75
{
    width: 75% !important;
    display: inline-block !important;
}
.width80
{
    width: 80% !important;
    display: inline-block !important;
}
.width100
{
    width: 100% !important;
    display: block !important;
}
.widthall
{
    width: 100% !important;    
}
.width95
{
    width: 95% !important;
    display: block !important;
}

.fa-1x
{
    font-size: 17px !important;
}
.fa-1-5x
{
    font-size: 21px !important;
}
.inBlock
{
    display: inline-block !important;
}

.block
{
    display: block !important;
}

.center-block
{
    display: block !important;
    margin: auto !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.clear
{
    clear: both !important;
}

.disabled, .disabled a
{
    opacity: 0.7;
    text-decoration: none !important;
    cursor: no-drop !important;
}

ng-picker .dropdown-menu
{
    min-width: 250px;
}
ng-picker .dropdown-menu input.form-control
{
    margin: 0px !important;
  
}
.yellow
{
    color: #F1C40F;
}

.text-bold
{
    font-weight: bold !important;
}

.padding-top-10
{
    padding-top: 10px;
}

.padding-top-20
{
    padding-top: 20px;
}

.row
{
    margin-bottom: 5px;
}

.margin-top-10
{
    margin-top: 10px !important;
}

.fa:disabled, .fa.disabled
{
    cursor: no-drop !important;
}
.rtl
{
    direction: rtl !important;
}
.ltr
{
    direction: ltr !important;
}
.email
{
    direction: ltr !important;
}

.nopadding
{
    padding: 0px !important;
}
.removed
{
    text-decoration: line-through !important;
    cursor: no-drop !important;
}

.small-margins
{
    margin: 2px;
    padding: 2px 8px;
    margin-top: 10px;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.relative
{
    position: relative !important;
}

@keyframes attention {
  0%   { transform: scale(1);  }
  25%  { transform: scale(1.3); }
  50%  { transform: scale(1); }
  75% { transform: scale(1.3); }
  100% { transform: scale(1); }
}
@-o-keyframes attention{
  0%   { transform: scale(1);  }
  25%  { transform: scale(1.3); }
  50%  { transform: scale(1); }
  75% { transform: scale(1.3); }
  100% { transform: scale(1); }
}
@-moz-keyframes attention{
  0%   { transform: scale(1);  }
  25%  { transform: scale(1.3); }
  50%  { transform: scale(1); }
  75% { transform: scale(1.3); }
  100% { transform: scale(1); }
}
@-webkit-keyframes attention{
  0%   { transform: scale(1);  }
  25%  { transform: scale(1.3); }
  50%  { transform: scale(1); }
  75% { transform: scale(1.3); }
  100% { transform: scale(1); }
}
.animate-attention {
   -webkit-animation: attention 2s infinite;
   -moz-animation: attention 2s infinite;
   -o-animation: attention 2s infinite;
    animation: attention 2s infinite;
}

.text-gray
{
    color: #a4a9a4;
}