* {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html {
    font-size: 14px;
    height:100%;
}
body {
    background-color: #f9f9f9;
    /*margin-top: 52px;*/
    color: black;
    height: 100%;
}
.has-error {
    color: #d9534f;
}
.has-warning {
    color: #E28F00;
}
.a_click {} .popUp_click {} .flex {
    display: flex;
}
.center {
    align-self: center;
}
a,
a:link,
a:visited {
    color: #4D7496;
}
a:link,
a:visited {
    text-decoration: inherit;
}
.dropdown-item {
    color: inherit;
}
.jm-20-pct {
    width: 20%;
}
.jm-40-pct {
    width: 40%;
}
.jm-align-center {
    text-align: center;
}
.jm-border-normal {
    border: 1px solid darkgrey;
}
.jm-dist-all-10 {
    margin: 10px;
}
.jm-dist-bottom-20 {
    margin-bottom: 20px;
}
.jm-dist-left-1 {
    margin-left: 1px;
}
.jm-dist-left-15 {
    margin-left: 15px;
}
.jm-dist-right-20 {
    margin-right: 20px;
}
.jm-dist-right-30 {
    margin-right: 30px;
}
.jm-dist-right-210 {
    margin-right: 210px;
}
.jm-dist-right-448 {
    margin-right: 448px;
}
.jm-dist-top-12 {
    margin-top: 12px;
}
.jm-dist-top-20 {
    margin-top: 20px;
}
.jm-dist-top-right-10 {
    margin-top: 10px;
    margin-right: 10px;
}
.jm-green {
    background-color: darkgreen;
}
.jmhide {
    display: none;
}
.jm-lowercase {
    text-transform: lowercase;
}
.jm-not-bold {
    font-weight: normal;
}
.jm-pad-all-10 {
    padding: 10px;
}
.jm-pad-right-5 {
    padding-right: 5px;
}
.jm-table-even {
    background-color: #F3F3F3;
}
.show-subjects {
    cursor: pointer;
    position: relative;
}
.forum-topic-list-wrapper {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 7px;
    left: -12px;
    -moz-transition: max-height 1s ease;
    -webkit-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease;
}
.forum-topic-list-wrapper.agents-list {
    top: 12px;
    right: -10px;
    left: auto;
}
.forum-topic-list {
    background-color: white;
    position: relative;
    padding: 0;
    margin: 12px 5px 5px 5px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    border: 1px solid rgba(0, 0, 0, .15);
}
.show-subjects:hover .forum-topic-list-wrapper {
    max-height: 1000px;
}
.forum-topic-list:after {
    bottom: 100%;
    left: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #DDDDDD;
    border-width: 7px;
    margin-left: -10px;
}
.forum-topic-list-wrapper.agents-list .forum-topic-list:after {
    left: auto;
    right: 0px;
}
.forum-topic-list li {
    list-style-type: none;
}
.forum-topic-list li a {
    white-space: nowrap;
    padding: 10px 20px;
    display: block;
    font-size: 0.928rem;
    color: #373A3C;
}
.forum-topic-list li a:hover {
    background-color: #f5f5f5;
}
.modal .modal-header .threadcreator {
    margin-bottom:-20px;
}
.modal fieldset {
    border: none;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}
.bg-blue {
    background-color: #4d7496;
}
.main-container {
    margin-bottom: 30px;
}
.btn {
    border-radius: 0;
}
/*.btn + .btn {
    margin-right: 5px;
}*/
.btn-row {
    margin-bottom:20px;
}
.btn-primary {
    background-color: #4d7496;
    border-color: #2c577c;
}
.btn-primary:visited,
.btn-success:visited,
.btn-primary:link,
.btn-success:link {
    color: White;
}
.muted {
    opacity: 0.5;
}
.alert-floating {
    position: fixed;
    right: 15px;
    top: 110px;
    max-width: 290px;
    padding: 8px;
    border-radius: 0;
    font-size: 0.75rem;
    z-index: 5000;
}
.alert.fade.out {
    z-index: -10;
}
.alert-floating .close {
    top: -9px;
    right: -5px
}
.alert-unread {
    background-color: #FFF39C;
}
.alerthidden {
    display: none;
}
.navbar .navbar-nav .nav-link,
.navbar,
.navbar .nav-pills .nav-link,
.navbar-brand,
.navbar-brand:visited,
.navbar-brand:link
/*remove when old css is gone*/

{
    color: white;
}
.navbar .navbar-nav .nav-link {
    font-size: 13px;
    padding-top: 11px;
    padding-bottom: 9px;
    padding-left: 0;
    padding-right: 5px
    /*18px*/
    ;
    padding-left: 5px
    /*18px*/
    ;
}
.navbar {
    padding-top: 0;
    padding-bottom: 0;
    text-shadow: 0 1px 0 #000;
    border-bottom: 4px solid #2a4053;
}
.navbar .nav-pills .nav-link {
    font-size: 13px;
}
.navbar-brand {
    padding-right: 1em;
}
.navbar-brand a {
    padding-right: 1em;
}
#ctl00_itregIcon {
    width: 49px;
    height: auto;
    margin-bottom: -7px;
}
.navbar .nav>li,
.navbar-brand {
    line-height: 28px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgba(0, 0, 0, 0.2);
}
.navbar .dropdown-menu {
    margin-top: -1px;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    font-size: 13px;
    text-shadow: none;
}
.navbar .username {
    font-weight: bold;
}
.nav-item.open {
    background-color: #334d63;
    webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset;
    -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset;
}
.navbar-nav .nav-item + .nav-item {
    margin-left: 0;
}
.navbar .nav>li>a:hover,
.navbar .nav>li>a:focus {
    background: rgba(255, 255, 255, 0.05);
}
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover {
    background-color: inherit;
}
.navbar .nav.nav-pills>li {
    border: 0;
}
.card {
    background-color: #f9f9f9;
}
#content {
    padding-top: 65px;
}
.sub-content {
    padding-top: 96px;
}
.header {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 52px;
    background-color: #F9F9F9;
    z-index: 10;
    padding-top: 23px;
    padding-bottom: 10px;
    background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 90%, rgba(249, 249, 249, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 90%, rgba(249, 249, 249, 0) 100%);
    background: linear-gradient(to bottom, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 90%, rgba(249, 249, 249, 0) 100%);
    filter:  DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#00f9f9f9', GradientType=0);
}
.header h2 {
    font-weight: 100;
}
.breadcrumb {
    background-color: transparent;
    padding: 0;
    margin: 0;
    font-size: 0.9rem;
}
table.answer {
    border-left: 3px solid #4D7496;
}
/*table.answer {
    margin-left: 30px;
    width: calc(100% - 30px);
}*/

#Responses {
    overflow-x: hidden;
}
#Responses > div {
    margin-left: 30px;
}
.wysiwyg-container {
    margin-bottom: 15px;
}
.wysiwyg-container > div {
    margin-bottom: 10px;
}
.wysiwyg-container > div > div + div {
    background-color: white;
}
.table-bordered th,
.table-bordered td {
    border: 1px solid #e0e0e0;
}
.table thead th {
    border-bottom: 2px solid #e0e0e0;
}
.thead-default th {
    background-color: #e0e0e0;
}
.admin th,
.admin td {
    border: 1px solid #4D7496;
}
.admin.table thead th {
    border-bottom: 2px solid #4D7496;
}
.admin .thead-default th {
    background-color: #4D7496;
    color: white;
}
table.table-va td {
    vertical-align: middle;
}
.table thead th {
    text-transform: uppercase;
    font-size: 0.9rem;
    white-space: nowrap;
}
.breadcrumb > li + li:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105 ";
}
.contract {
    width: 1%;
}
.expand {
    width: 99%;
}
td.latest-comment {
    max-width: 250px;
}
td.latest-comment a {
    display: block;
    max-width: 200px;
    max-height: 1.429em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.btn-comment-reply {
    padding: .0rem .5rem;
    margin: -1px;
}
.wysiwyg-container #threadName {
    border-bottom: none;
}
.wysiwyg-container #threadContent {
    margin-bottom: 5px;
}
.form-control {
    border-radius: 0;
}
tr.unread,
tr.unread small {
    font-weight: bold;
}
.ajax__html_editor_extender_container {
    width: 100% !important;
}
/* work-around CSS for old menu DOM */

#top-menu-wrapper {
    padding-left: 75px;
}
#top-menu-wrapper > a {
    display: none;
}
#top-menu-wrapper > table a {
    display: inline-block;
    margin: 14px 0 13px 0;
    color: white;
    cursor: default!important;
}
#ctl00_treeMenuViewn0 + td,
#ctl00_treeMenuViewn1 + td,
#ctl00_treeMenuViewn2 + td,
#ctl00_treeMenuViewn3 + td,
#ctl00_treeMenuViewn4 + td,
#ctl00_treeMenuViewn5 + td,
#ctl00_treeMenuViewn6 + td,
#ctl00_treeMenuViewn7 + td,
#ctl00_treeMenuViewn8 + td,
#ctl00_treeMenuViewn9 + td,
#ctl00_treeMenuViewn10 + td,
#ctl00_treeMenuViewn11 + td,
#ctl00_treeMenuViewn12 + td,
#ctl00_treeMenuViewn13 + td,
#ctl00_treeMenuViewn14 + td,
#ctl00_treeMenuViewn15 + td {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.Menu {
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    font-size: 13px;
    text-shadow: none;
    clip: auto!important;
    margin-bottom: 10px;
}
.Menu td a {
    color: #373a3c;
    font-weight: normal;
    display: block;
    padding: 6px 20px;
    margin: 1px 0;
}
.Menu td a:hover {
    color: #373a3c;
    background-color: #f5f5f5;
}
.ctl00_treeMenuView_5 {
    padding: 0 !important;
}
.pulse {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite; 
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
}
tr.has-warning,
.dragscroll tr.has-warning td:first-child,
.dragscroll tr.has-warning th:first-child {
    color: white;
    background-color: rgb(232, 98, 98)!important;
}
tr.has-warning-light,
.dragscroll tr.has-warning-light td:first-child,
.dragscroll tr.has-warning-light th:first-child {
    color: white;
    background-color: #E28F00!important;
}
tr.has-warning a,
tr.has-warning a:hover,
tr.has-warning-light a,
tr.has-warning-light a:hover {
    color: white;
}
.dragscroll {
    width: calc(100% - 100px);
    overflow-x: scroll;
    margin-left: 101px;
    overflow-y: visible;
}
.dragscroll td {
    cursor:ew-resize;
}
.dragscroll .LM_ListWithLinksClass .DataRowOdd:hover,
.dragscroll .LM_ListWithLinksClass .DataRowEven:hover {
    background-color:#e0e0e0;
}
.dragscroll td:first-child,
.dragscroll th:first-child {
    position: absolute;
    width: 100px;
    left: 15px;
    background-color: #e0e0e0;
}
.table-activity img {
    width: 50px;
}
.table-activity p {
    margin-bottom: 0;
}
.table-activity tr td:first-child {
    border-right: none;
}
.table-activity tr td:nth-child(2) {
    border-left: none;
}
@keyframes pulsate {
    0% {opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {opacity: 0.0;}
}
@keyframes pulsate_weak {
    0% {opacity: 0.7;}
    50% {opacity: 1.0;}
    100% {opacity: 0.7;}
}
.grey {
    color:grey;
}
.forum-container .breadcrumb a,
.forum-container .name {
    color:grey;
}
.forum-container .breadcrumb {
    margin-top: 5px;
}
.forum-container .breadcrumb a:hover,
.forum-container .name:hover {
    color: #4D7496;
}
.alarm-container,
.news-container,
.overview-container,
.forum-container {
    background: white;
}
.news-container {
    overflow: scroll;
}
.overview-container,
.news-container,
.forum-container {
    height: 450px;
}
.scroll-wrapper,
.btn-relative {
    position: relative;
}
.btn .tag.tag-badge {
    position: absolute;
    top: -7px;
    right: -4px;
}

input.disabled, input:disabled {
    cursor: not-allowed;
    opacity: .65;
}

.scroll {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px;
    margin: 0 1px;
    border-radius: 3px;
    border-bottom: 1px solid #E0E0E0;
    color: grey;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.table-warnings {
    font-size: 0.9em;
}
.nowrap {
    white-space: nowrap;
}
.forum-container .circle {
    border: 1px solid #E0E0E0;
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 50px;
    text-align: center;
    margin: auto;
}
.forum-container .circle:hover {
    background-color: #E0E0E0;
    color: white;
}
.forum-container .circle:hover .grey {
    color: white;
}
.forum-container .number {
    font-size: 50px;
    margin: 0.3em 0 0 0;
    line-height: 1em;
}
.forum-container .circle-container {
    width: 45%;
    float: left;
    margin: 10px 0;
}
.forum-container .circle-container:first-child {
    margin-left: 5%;
}
#content .overview-container > .table, #content .forum-container > .table {
    margin-bottom: 20px;
}
#content, #aspnetForm, .no-overflow {
    height:100%;
}
/* helpdesk */
.modal-header .chat-language-flag {
    float: left;
    margin-right: 10px;
}
.fa-circle.online {
    color: #5cb85c;
}
.fa-circle.offline {
    color: #818a91;
}
.table-hover tbody tr:hover {
    cursor: pointer;
}
.chat-alert-global {
    position: fixed;
    right: 15px;
    top: 68px;
    cursor: pointer;
}
.chat-language-flag {
    background-color: grey;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #e7e7e8;
}
td.chat-language-cell {
    border-right-color: transparent;
}
#ticket-list, #ticket-conversation {
    height: calc(100% - 15px);
}
#ticket-list {
    overflow-y: scroll;
}
#ticket-conversation .modal-body {
    height: calc(100% - 248px);
    overflow-y: scroll;
}
.active-conversation {
    background-color: rgba(0,0,0,.075);
}
.period {
    color:grey;
    position: relative;
    margin-bottom: 20px;
}
.period p {
    z-index: 10;
    position: inherit;
    background-color: white;
    display: inline;
    padding: 0 12px;
}
.period:after {
    content: '';
    position: absolute;
    height: 1px;
    right: 0;
    bottom: 9px;
    left: 0;
    background-color: #d9d9d9;
}
/* helpdesk end */

.ListControlSorting {
    cursor:pointer;
    padding-right: 20px;
}

.ListControlSorting:after {
    content: "\f0dc";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity:0;
}

.ListControlSorting:hover:after {
    opacity:1;
}

.sorting-asc .ListControlSorting:after,
.sorting-desc .ListControlSorting:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity:1;
}
.sorting-asc .ListControlSorting:after {
    content: "\f0de";
}

.sorting-desc .ListControlSorting:after {
    content: "\f0dd";
}

.hide-column {
    float: right;
    cursor: pointer;
    color:grey;
    width: 20px;
    text-align: right;
}

.nav-tabs .nav-link-sub {
    display: block;
    padding: .5em 1em;
    border: 1px solid transparent;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem;
}

.nav-tabs .nav-item.open .nav-link-sub, .nav-tabs .nav-item.open .nav-link-sub:focus, .nav-tabs .nav-item.open .nav-link-sub:hover, .nav-tabs .nav-link-sub.active, .nav-tabs .nav-link-sub.active:focus, .nav-tabs .nav-link-sub.active:hover {
    color: #55595c;
    background-color: #fff;
    border-color: #ddd #ddd transparent;
}

.nav-tabs .nav-link-sub:focus, .nav-tabs .nav-link-sub:hover {
    border-color: #eceeef #eceeef #ddd;
}

.nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,
.nav-tabs .nav-item.open .nav-link-sub, .nav-tabs .nav-item.open .nav-link-sub:focus, .nav-tabs .nav-item.open .nav-link-sub:hover, .nav-tabs .nav-link-sub.active, .nav-tabs .nav-link-sub.active:focus, .nav-tabs .nav-link-sub.active:hover {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(249,249,249,1) 100%);
    background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(249,249,249,1) 100%);
    background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(249,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9',GradientType=0 );
    border-bottom-color: #f9f9f9;
}

.nav-tabs.sub-nav .nav-link.active {
    background:transparent;
}
.nav-tabs {
    margin-bottom: 15px;
}
button.ui-datepicker-trigger {
    padding: 1px 5px;
}

.show-columns {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07); */
    position: absolute;
    z-index: 999;
    padding-top: 6px;
    max-height: 0;
    overflow: hidden;
    -moz-transition: max-height 1s ease;
    -webkit-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease;
}

.show-columns-wrapper span:hover + .show-columns,
.show-columns:hover {
    max-height: 1000px;
}

.show-columns-wrapper span:hover + .show-columns:after,
.show-columns:hover:after {
    opacity: 1;
    -moz-transition: opacity 0s ease;
    -webkit-transition: opacity 0s ease;
    -o-transition: opacity 0s ease;
    transition: opacity 0s ease;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.show-columns:after {
    top: -7px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #DDDDDD;
    border-width: 7px;
    left: 27px;
    opacity: 0;
    -moz-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    -moz-transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.show-columns .form-check-label {
    padding-left:0;
}

.show-columns input[type="checkbox"] {
    margin:0 5px 0 0;
    display: inline-block;
    position: static;
}

#loading-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    display:none;
    animation: fadein 0.25s;
    -webkit-animation: fadein 0.25s; /* Safari and Chrome */
}

#loading-wrapper.loading {
    display:block;
}

.loading-overlay {
    left: 0px;
    width: 100%;
    z-index: 0;
    height: 100%;
    position: fixed;
    top: 0px;
    background:rgba(0,0,0,0.8);
    background:-webkit-radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
    background:-moz-radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
    background:-o-radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
    background:radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
}

.spinner {
    display: block;
    width: 110px;
    height: 110px;
    position: fixed;
    border: 10px solid white;
    border-radius: 110px;
    left: 50%;
    top: 50%;
    margin-left:-55px;
    margin-top:-55px;
    z-index:1;
    border-top-color: #4d7496;
    -webkit-animation: rotate360 1.1s infinite linear;
    animation: rotate360 1.1s infinite linear;
}

.fixedWidth {
    width: 2px;
}

.btn.fileUpload {
    padding: 5px 10px 6px 10px;
    margin-top: -3px;
}

#btnOKNew {
    width: 75px
}

@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}





/* Extra small devices (portrait phones, less than ???px) */

/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 34em and up) */

@media (min-width: 34em) {
    ...
}
/* Medium devices (tablets, 48em and up) */

@media (min-width: 48em) {
    ...
}
/* Large devices (desktops, 62em and up) */

@media (min-width: 62em) {
    ...
}
/* Extra large devices (large desktops, 75em and up) */

@media (min-width: 75em) {
    ...
}
/* We occasionally use media queries that go in the other direction (the given screen size or smaller) */

/* Extra small devices (portrait phones, less than 34em) */

@media (max-width: 33.9em) {
    ...
}
/* Small devices (landscape phones, less than 48em) */

@media (max-width: 47.9em) {
    ...
}
/* Medium devices (tablets, less than 62em) */

@media (max-width: 61.9em) {
    ...
}
/* Large devices (desktops, less than 75em) */

@media (max-width: 74.9em) {
    ...
}
/* Extra large devices (large desktops) */

/* No media query since the extra-large breakpoint has no upper bound on its width */