[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

/*#region Browser Specific*/
*:focus {
    outline: none;
}

::-ms-clear {
    display: none;
}

.search-safari-fix {
    padding: 0;
    height: 23px;
}

input[type=number] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {  
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/*#endregion*/




/*#region ladda button*/
.btn-bottom .ladda-button[data-style="expand-right"][data-loading] {
    padding-right: 45px !important;
}
/*#endregion*/

/*#region ui-select*/
.ui-select-placeholder {
    float: left;
}

.ui-select-bootstrap .form-control:focus {
    box-shadow: 0 0 8px rgba(204, 242, 193, 0.6);
    border-color: #ccf2c1;
}

.ui-select-choices-row:hover {
    background: #e1e1e1;
}

.ui-select-bootstrap .ui-select-choices-row > a {
    word-break: break-all;
    white-space: normal;
    padding: 7px 20px;
}

.ui-select-bootstrap .ui-select-choices-row.active > a {
    background: #ccf2c1;
    color: #000;
}

.ui-select-bootstrap > .ui-select-match > .ui-select-toggle > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    width: 85%;
}

.ui-select-bootstrap > .ui-select-match > .btn {
    font-family: 'robotoregular';
    background: #fff !important;
}
.ui-select-bootstrap.disabled > .ui-select-match > .btn,
.ui-select-match[disabled] {
    background: #eee !important;
}

.ui-select-bootstrap > .ui-select-choices {
    margin-top: 0;
    padding: 0;
}

.ui-select-bootstrap .form-control {
    outline: none !important;
}

.ui-select-match[disabled] .btn-default.disabled,
.ui-select-match[disabled] .btn-default[disabled] {
    background-color: #eee !important;
    border-color: #c8c7cc;
    color: #999;
    opacity: 1;
}
/*#endregion*/

/*#region making toastr center screen*/
.toast-top-center {
    top: 40%;
    left: 0;
}

@media all and (max-width: 240px) {
    .toast-top-center {
        margin-left: -54px;
    }
}

@media all and (min-width: 241px) and (max-width: 320px) {
    .toast-top-center {
        margin-left: -64px;
    }
}

@media all and (min-width: 321px) and (max-width: 480px) {
    .toast-top-center {
        margin-left: -96px;
    }
}

/*#endregion*/

/** TOAST */
.toast-top-full-width {
    top: 55px !important;
}

.toast-top-full-width>div {
    width: 100% !important;
}

#toast-container>div{
	opacity: 1;
}

/** TEXT-COUNTER */
.text-count-wrapper{
    float: right;
    font-size: 10px;
    background-color: #333 !important;
    color: white;
    padding: 0 5px 0 5px;
}

.blockUI > h1 {
    font-size: 36px;
}