.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
	display: inline-block;
    /*margin-left:-2px;*/
    margin-right:-2px;
	vertical-align: top;
    margin-bottom:5px;
    margin-top:5px;
}

.w-150 {
	width: 150px;
}


img.login-logo {
	width: 150px;
}

img.header-logo {
	width: 100px;
	margin-top: 10px;
}


.settingSidebar .settingPanelToggle {
	display: none;
}


.nav-link.bigmenu {
	font-size: 20px;
}

.btn.attach-button {
	padding: 3px 20px;
	margin-bottom: 5px;
}

.btn.attach-button i {
	font-size: 16px;
}

.btn {
	font-size: 14px;
	/* margin-bottom: 4px; */
}



.modal-body {
	padding-top: 0px;

}
.modal-header, .modal-body, .modal-footer {
	padding: 0px;
	margin-bottom: 10px;
	border-bottom: solid 1px #efefef;
	padding-bottom: 10px;
}

.modal.show .modal-content {
    padding:15px;
}


.modal-footer {
	margin-top: 20px;
}



/*.main-content {
	padding-left: 280px;
	padding-right: 30px;
	padding-top: 35px;
	width: 100%;
	position: relative;
}*/

.btn.btn-primary:hover {
	color: #fff !important;
}

table.table tr.tr-divider td {
	border-bottom: solid 1px #ccc;
}


input.form-control.number {
	text-align: right;
	width: 150px;
}


form {
	width: 100%;
}

.bold {
    font-weight:bold;
}

.margin-top {
	margin-top: 15px;
}


a:not([href]):not([tabindex]) {
	color: #fff;
	text-decoration: none;
}


span.large-code {
	font-size: 18px;
	font-weight: bold;
}



#tbl_cloud tbody td {
	border-bottom: solid 1px #777;
}

#tbl_cloud tr td {
    cursor:default;
} 

#tbl_cloud tr.selected td {
	background-color: #e8f0fe;
    color:#000;
}

#tbl_cloud td.actions > a > i {
    font-size:16px;
}

a.copy-after-text {
	font-size: 19px;
}


td i.shareicon {
	font-size: 14px;
	color: orangered;
	vertical-align: middle;
	margin-left: 10px;
}

td.share-name {
	font-weight: bold;
	color: #000;
	font-size: 18px;
}


div.cloud-contextmenu {
	border: solid 1px #ccc;
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	min-height: 150px;
	z-index: 10;
	overflow: visible;
	min-width: 300px;
}


div.drag-area {
	height: 100px;
	text-align: center;
	font-size: 19px;
	padding-top: 20px;
	margin-top: 20px;
}


ul.context-menu {
	padding: 0px 10px;
}

ul.context-menu li {
	list-style-type: none;
}

ul.context-menu li a {
	font-size: 16px;
	color: #333;
}


ul.context-menu li a i {
	font-size: 20px;
	margin-right: 10px;
	width: 24px;
	vertical-align: middle;
	color: #333;
}


ul.context-menu li.head {
	font-weight: bold;
	color: #333;
	border-bottom: solid 1px #efefef;
	text-align: left;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 16px;
}





ul.progress-bar-list {
	padding: 0px;
}

ul.progress-bar-list li {
	list-style-type: none;
	margin-bottom: 10px;
}


ul.progress-bar-list li label {
	margin-bottom: -7px;
	display: block;
	color: #000;
	font-size: 11px;
	overflow: hidden;
}


div.progressbar-body {
	display: block;
	border: solid 1px #ccc;
	height: 27px;
}



div.progressbar-body .pbar {
	display: block;
	background-color: green;
	height: 26px;
	border: solid 1px green;
	width: 0px;
	color: #fff;
	text-align: center;
	/* padding-top: -16px; */
}





a.cloud-uploader-selector {
	margin-top: 20px;
	font-size: 18px;
}


#tbl_cloud td.ico i {
	font-size: 24px;
	text-align: center;
}

#tbl_cloud td.ico .file-icon {
	width: 24px;
}

td.ico i.fa-folder {
    color: darkorange;
}

td.ico i.fa-user-lock {
    color: orangered;
}


ul.cloud-bar {
	padding: 0px 16px;
	font-size: 17px;
	color: #fff;
	font-weight: bold;
}


ul.cloud-bar li {
	list-style-type: none;
	display: inline-block;
	margin-right: 10px;
}

a.browse-link {
	background-color: #ff;
	padding: 3px 17px;
}



.btn.btn-default.round-button {
	border: solid 2px #ccc;
	font-size: 22px;
}

.btn.btn-default.round-button:hover {
	color:#333;
}




.form-control.auto {
	width: auto;
}

 .dark .modal-dialog .form-control {
	background-color: #fff;
	border-color: #979da6;
	color: #96a2b4;
}


 td.ico, th.ico {
	width: 150px;
}

 th.number, td.number {
	text-align: right;
	width: 200px;
}


div.console-area {
	font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
	max-height: 500px;
	overflow: scroll;
	font-size: 11px;
}

span.console-title {
	background-color: #000;
	color: #fff;
	font-size: 10px;
	display: block;
	padding: 10px 5px;
	word-wrap: break-word;
	vertical-align: top;
	overflow: auto;
}



div.console-area > span {
	display: block;
}


#tbl_console_items > tbody > tr.focused {
    background-color:#fff;
    color:#000;
}
#tbl_console_items > tbody > tr.focused > td > a {
    color:#fff;
}

table.table-report:not(.table-sm):not(.table-md):not(.dataTable) td {
	vertical-align: top;
}

p.probe-comment {
	margin-left: 15px;
	margin-bottom: 0px;
}

.section-header ul {
	padding-left: 0px;
}



.main-wrapper-1 .section .section-header {
	margin-left: -30px;
	margin-right: -30px;
	margin-top: -20px;
	border-radius: 0;
	border-top: 1px solid #f9f9f9;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 5px;
}


div.row.top-fixed {
	position: fixed;
	top: 70px;
	right: 0px;
	background-color: #3b4452;
	padding: 5px 48px;
	opacity: 1;
	z-index: 100;
	height: 34px;
	width: 100%;
}

td.system-progress {
	width: 120px;
}

.form-group {
	display: inline-block;
}

a.clipboard-button {
	font-size: 24px;
	margin-left: 10px;
	margin-top: -2px;
	display: inline-block;
	vertical-align: middle;
}

.form-group > label:first-child {
	margin-bottom: 0px;
	font-size: 13px;
	font-weight: bold;
	display: block;
}

.login .form-group {
	display: block;
}

td.date,th.date {
	width: 170px;
}


td.small-ico,th.small-ico {
	width: 0px;
}

.form-control.error {
	border: solid 1px #fb160a;
}

span.custom-switch-indicator {
	cursor: pointer;
}


ul.activity-list li {
	font-size: 18px;
	vertical-align: middle;
	color: #000;
	border-bottom: solid 1px #efefef;
	padding-bottom: 2px;
	margin-bottom: 5px;
}

ul.activity-list li a {
	color: #394eea !important;
}


ul.activity-list li i {
	font-size: 18px;
	vertical-align: middle;
	margin-left: 18px;
	float: right;
	vertical-align: middle;
}


td.actions, th.actions {
	text-align: left;
}




td.actions > a.small {
	padding: 0px 5px;
}

td.actions > a {
	padding: 2px 6px;
	padding-top: 4px;
	padding-bottom: 0px;
	margin-top: 5px;
	float: left;
	margin-left: 5px;
    width:50px;
}

td.actions > a > i {
	font-size: 20px;
}


.div-modal-error {
	width: 100%;
	text-align: center;
}

.div-modal-error > i {
	font-size: 60px;
	color: red;
}



a.btn-danger > i {
	color: #fff;
}

.high-offset {
    font-weight:bold;
}
.dark .high-offset {
    color:#fff;
}
.light .high-offset {
    color:#000;
}

em.timepart {
	font-size: 11px;
	font-style: normal;
}

td.fullsize > div.badge {
	width: 100%;
}


ul.dropdown-menu li a.nav-link > span.badge {
	font-size: 10px;
	padding: 5px 4px;
	width: unset;
	position: absolute;
	right: 10px;
}



body.login {
	background-image: url(/assets/img//backgrounds/background-min.jpg);
}
.nav .nav-item .nav-link .ion, .nav .nav-item .nav-link .fas, .nav .nav-item .nav-link .far, .nav .nav-item .nav-link .fab, .nav .nav-item .nav-link .fal {
	margin-right: 3px;
	font-size: unset;
}

.table.v-top:not(.table-sm):not(.table-md):not(.dataTable) td {
	vertical-align: top;
}

div.mini-loader {
	position: fixed;
	bottom: 0px;
	right: 0px;
	background: orange;
	color: white;
	padding: 2px 20px 2px 5px;
	border-radius: 5px 0px;
    z-index:99999999999;
}
div.mini-loader.green {
    background-color: #28a745;
    color:#fff;
}
div.mini-loader.red {
    background-color: #dc3545;
    color:#fff;
}

.loader {
    opacity:0.75;
}
a {
	cursor: pointer;
}

.process-details .nav-pills .nav-link.active {
	background-color: #6777ef;
}


.navbar {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: fixed;
	top: 0px;
}


.main-sidebar .sidebar-brand {
	display: inline-block;
	width: 100%;
	text-align: left;
	height: 70px;
	line-height: 70px;
	margin-left: 10px;
}

.main-sidebar .sidebar-user {
	text-align: left;
}

.main-sidebar .sidebar-user .sidebar-user-details .user-role {
	font-weight: 400;
	color: #868e96;
	font-size: 10px;
	letter-spacing: .5px;
	display: block;
	text-align: left;
	margin-left: 8px;
}

.main-sidebar .sidebar-user .sidebar-user-details .user-name {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-top: 7px;
	margin-bottom: 3px;
	font-weight: 600;
	color: #505c66;
	font-size: 16px;
	margin-left: 5px;
    text-transform: uppercase;
}


.main-sidebar .sidebar-user .sidebar-user-details .user-role {
	font-size: 16px;
}

.main-sidebar .sidebar-user .sidebar-user-details .user-role.red {
	color: #dc3545;
}

.bold {
    font-weight:bold;
}
.red {
    color: #fc544b;
    /*color: #dc3545;*/
}
.green {
    color: #28a745;
}

.orange {
    color:orange;
}

.dark .white {
	color: #fff;
}

.light .white {
    color: #3abaf4;
}


.blue {
    color: #3abaf4;
}

.darkblue {
    color: #394eea;
}


.hidden {
	display: none;
}

.theme-black .login .card.card-primary {
	opacity: 0.96;
}

.login h3 {
	font-size: 24px;
	padding: 10px;
	text-align: center;
}
.login p {
	font-size: 14px;
	text-align: center;
}

.login .form-group label {
    font-size:16px;
}

.login a.btn {
	font-size: 22px;
	cursor: pointer;
}

.login-logo {
	margin: auto;
}


.table:not(.table-sm):not(.table-md):not(.dataTable) td {
	padding: 5px 5px;
	height: unset;
	vertical-align: middle;
}

.table:not(.table-sm):not(.table-md):not(.dataTable) th {
    padding:5px 5px;
    height:60px;    
}


.dark .table:not(.table-sm) thead th {
	/* color: #96a2b4; */
    color:#fff;
	background-color: rgba(0,0,0,0.2);
    height:60px;
}



.table.table-report td {
	font-size: 12px;
	color: #000;
    border: solid 1px #000;
}
.table.table-report th {
    font-size:18px;
    border: solid 1px #000;
}

td.console-type-ico,th.console-type-ico {
	text-align: center;
}


td.console-type-ico > i {
	font-size: 22px;
}


.m-bottom {
    margin-bottom:10px;
}

.theme-black a.btn-info {
	color: #fff;
}




td.ghost-row {
	text-align: center;
	font-size: 23px;
	letter-spacing: 10px;
	color: darkorange;
	font-weight: bold;
}


ul.customdata-list {
	padding: 0px;
	margin: 0px;
	border: solid 1px #96a2b4;
	padding: 1px 6px;
	margin-bottom: 5px;
	padding-right: 0px;
}



ul.customdata-list li {
	list-style-type: circle;
	padding: 1px;
	margin-left: 10px;
	line-height: 14px;
	font-size: 81%;
}


ul.customdata-list li label.cd-title {
	display: inline-block;
	padding: 0px;
	margin: 0px;
	width: 70%;
}


ul.customdata-list li label.cd-value {
	display: inline-block;
	padding: 0px;
	margin: 0px;
	width: 25%;
	text-align: right;
    font-weight:bold;
}

ul.customdata-list li a.cd-report {
	font-weight: bold;
	cursor: pointer;
    color: #3abaf4;
}

a.custom-data-file-get {
	color: #0da8ee;
}

a.page-item {
	padding: 2px 0px;
	cursor: pointer;
	font-weight: bold;
	margin-right: 8px;
}

.page-item.selected {
	border-bottom: solid 3px red;
}


div.process-details a.nav-link > i.fa,div.process-details a.nav-link > i.fas,div.process-details a.nav-link > i.far {
	font-size: 20px;
	vertical-align: middle;
}

ul.stage-log {
	padding: 0px;
	padding-left: 10px;
}

ul.stage-log li {
	list-style-type: none;
	margin-left: 10px;
	line-height: 16px;
}

ul.stage-log li .log-date {
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin-left: -20px;
	margin-top: 8px;
}


.process-details .log-content {
	font-size: 11px;
	line-height: 17px;
	padding: 0px;
	margin: 0px;
	height: 0px;
	display: inline-block;
	word-wrap: anywhere;
}

a.log-file-name {
	color: blue;
	font-size: 12px;
	font-style: italic;
}

a.log-file-name.red {
    color: #fc544b;
}

.process-details li.nav-item {
	margin-bottom: 2px;
}


/*.process-details li.nav-item i {
	display: inline-block;
	font-size: 24px;
	width: 30px;
}*/


/*.process-details li.nav-item {
    margin-bottom:5px;
}

.process-details li.nav-item a.nav-link {
	display: inline;
    margin-left:10px;
}*/


div.chartrow .card .card-body,div.chartrow .card .card-header {
	background-color: #fff;
}

.modal-dialog .modal-footer button.btn {
	padding: 5px 30px;
	font-size: 18px;
}


/*BOARD*/
div.post-body {
	font-style: italic;
	font-size: 13px;
	border-top: solid 1px #ccc;
	padding: 10px 10px 10px 10px;
}

div.post-severity i {
	font-size: 40px;
}

a.post-unread-button i {
	font-size: 40px;
	margin-right: 15px;
}

td.post-severity i {
	font-size: 20px;
}

tr.post-row.unread a {
	font-weight: bold;
}


tr.post-row td.post-subject i {
	font-size: 20px;
	margin-right: 18px;
}

.inbox-center th {
	padding: 0 15px !important;
	text-align: left !important;
}



.inbox-center td.text-right {
	text-align: right !important;
}
.inbox-center td.text-center {
	text-align: center !important;
}

.inbox-center td.actions {
	text-align: right !important;
}

tr.post-row {
	height: 32px;
}


ul.process-actions {
	padding: 0px;
	margin: 0px;
}

ul.process-actions li {
	list-style-type: none;
	border-top: solid 1px #ccc;
	padding: 5px;
}


ul.process-actions > li > a > i {
	font-size: 32px;
}

ul.process-actions li a span {
	display: inline-block;
	margin-top: 3px;
	position: absolute;
	margin-left: 10px;
	font-weight: bold;
}


tr.strikeout > td {
	text-decoration: line-through;
	opacity: 0.3;
}


span.aborted-byuser {
	font-size: 32px;
	text-align: center;
	width: 100%;
	display: block;
	font-weight: bold;
	letter-spacing: 5px;
	text-decoration: underline;
	background-color: red;
	color: #fff;
    margin-bottom:30px;
}

fieldset.grouped-files {
	border: solid 1px #ccc;
}

fieldset.grouped-files > legend {
	font-size: 20px;
	display: inline-block;
	width: auto;
	margin: 0px 6px;
	padding: 0px 3px;
	color: #555;
}


table.machine-info th {
	text-transform: capitalize;
	text-align: right;
	padding-right: 10px;
	color: #333;
}

table.machine-info th:after {
    content:":";
}

table.machine-info th {
	text-transform: capitalize;
	text-align: right;
	padding-right: 10px;
	color: #333;
}






div.activity-slot {
	border: solid 1px #ccc;
	background-color: #fff;
	min-height: 300px;
	border-radius: 5px;
	padding: 10px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
}

div.activity-slot:hover {
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
}

div.p-bottom {
    position: absolute;
	bottom: 10px;
	right: 30px;
}

div.p-bottom.auto {
	position: unset;
	margin-top: 10px;
	display: block;
}


fieldset.notifications {
	border: solid 1px #ccc;
	display: block;
	overflow: auto;
	padding: 0px 5px;
}

fieldset.notifications legend {
	font-size: 16px;
	font-weight: bold;
	padding: 0px 13px;
	display: inline-block;
	width: auto;
	margin-left: 5px;
}

.custom-switch {
	padding-left: 0.25rem;
}


ul.notification-settings {
	display: block;
	padding: 0px;
}

ul.notification-settings li {
	list-style-type: none;
	font-size: 14px;
	/* color: #000; */
}



.head {
	font-weight: bold;
	font-size: 18px;
}
.subhead {
	display:block;
    font-weight:bold;
}

label.date {
	float: right;
	font-weight: bold;
	color: darkorange;
}


div.activity-slot a {
	font-size: 18px;
	margin-left: 10px;
}

div.activity-slot a em {
	font-size: 14px;
}


td.ico, th.ico {
	text-align: center;
	width: 0px;
	font-size: 14px;
}


td.attachments-box {
	max-width: 130px;
	overflow: hidden;
}

.table.small-table:not(.table-sm):not(.table-md):not(.dataTable) th, .table.small-table:not(.table-sm):not(.table-md):not(.dataTable) td {
	height: unset;
	padding: 2px;
}

div.divider {
	display: block;
	border-bottom: solid 1px #efefef;
	margin: 10px 0px;
}

a.link-uploader {
	margin-bottom: 10px;
}


div.file-item a {
	color: darkblue !important;
    font-size:12px;
}



fieldset {
    overflow:auto;
}

fieldset.attachments {
	margin-bottom: 20px;
	border-bottom: solid 1px #efefef;
	padding: 5px;
	border: solid 1px #efefef;
}

fieldset.attachments legend {
	font-size: 16px;
	display: inline-block;
	text-align: left;
	margin-left: 10px;
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
	width: auto;
	padding-left: 5px;
	padding-right: 10px;
}



div.file-item {
	/* font-size: 18px; */
	display: inline-block;
	border: solid 1px #6777ef;
	padding: 10px;
	margin-bottom: 5px;
	width: 120px;
	overflow: hidden;
	border-radius: 5px;
	vertical-align: top;
	height: 42px;
	margin-right: 5px;
	background-color: lightyellow;
}

td.attachments-box div.file-item{
    display: block !important;
}


div.file-item a {
	font-size: 12px;
	display: block;
	overflow: hidden;
	margin-top: -4px;
	overflow: hidden;
	height: 22px;
	vertical-align: middle;
}



.table.table-phases td {
	border-bottom: solid 1px #888;
	padding: 10px;
}


.table.table-phases thead th {
	padding: 3px 7px !important;
	height: 6px !important;
	background-color: #fff !important;
}

.table.table-phases td textarea {
	min-height: 100px;
}





table.table.row-divider tbody td {
	border-bottom: dashed 1px #ccc;
}

td i.large {
	font-size: 24px;
}


.section-header ul li {
	list-style-type: none;
	font-size: 20px;
	display: inline-block;
	margin-right: 50px;
	font-weight: bold;
}




i.remove-icon {
	font-size: 18px;
	cursor: pointer;
	margin-left: 0px;
	margin-right: -7px;
	vertical-align: middle;
	margin-top: -8px;
	display: block;
	text-align: right;
	margin-bottom: 5px;
}
legend a.small {
	padding: 0px 8px;
}


.table:not(.table-sm):not(.table-md):not(.dataTable) td.v-top {
	vertical-align: top;
}




/*WEBCAM CAPTURE*/

#preview_toolbar {
	position: absolute;
	top: 10px;
    left:10px;
	text-align: left;
	width: 100%;
}

#camererror {
	padding: 10px;
	background-color: red;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
    display:none;
}

#cameraloading {
	padding: 5px;
	font-weight: bold;
	font-size: 22px;
	display: none;
	color: red;
}


#preview_toolbar a.btn {
    margin-right: 20px;
    padding: 8px 30px;
    font-size: 19px;
    width: 200px;
}

.image-item {
    display: inline-block;
}
img.small-preview {
    width: 100px;
    padding: 5px;
    border-radius: 6px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.image-item i.remove-icon {
	position: absolute;
	margin-left: 87px;
	font-size: 19px;
	top: -4px;
	display: block;
}



.big-text p {
	font-size: 18px;
	text-align: left;
	padding: 5px 20px;
	margin: 0px;
}



/*@media(min-width:1200px) {
    .col-lg-3 {
	    -ms-flex: 0 0 25%;
	    -webkit-box-flex: 0;
	    flex: 0 0 25%;
	    max-width: 25%;
    }
}


@media(min-width:996) {
    .col-md-6 {
	    -ms-flex: 0 0 50%;
	    -webkit-box-flex: 0;
	    flex: 0 0 50%;
	    max-width: 50%;
    }
}*/


@media(max-width:768px) {
    .modal-dialog {
	    margin: 0px;
	    width: 100% !important;
	    padding: 0px;
    }

    .modal-dialog .modal-content {
        padding: 2px !important;
    }
    .modal-dialog .modal-header {
        text-align: center !important;
    }
    .modal-header .close {
	    padding: 1rem 1rem;
	    margin: -1rem -1rem -1rem auto;
	    margin-right: -2px;
	    font-size: 30px;
    }
    .modal-header h5 {
	    font-size: 18px;
	    display: block;
	    width: 100%;
    }



}


@media(max-width:550px) {
    .modal-footer {
	    -ms-flex-align: center;
	    -webkit-box-align: unset;
	    align-items: center;
	    -webkit-box-pack: unset;
        display:unset;
        text-align:center;
    }
}