/*
 * general.css: changing the default style of standard HTML tags, without any specific classes or id
 */
html {overflow-y: auto; height:100%;}
body {margin: 0; padding: 0; font-size: 12px;}
form {margin: 0px; border: 0px; padding: 0px;}
table, tbody, tr, td {padding: 0px;}

body, input, textarea, button, select {
	 font-family: var(--general-fonts);
}

hr {
	border-top: none;
	border-right: none;
	border-left: none;
	margin:5px 0px;/*Vincent: this creates more spacing*/
}

a:link, a:visited {text-decoration:none; color: #6086d5;}
a:hover {text-decoration:underline; color: #f7a354;}
a:active {text-decoration:none; color: #8c12a1;}
img {border: none;}

textarea {width: 100%;}

input:not([type]),
input[type=text],
input[type=password],
textarea {
	box-sizing: border-box; 
}

input:not([type]):not([readonly]):not([disabled]),
input[type=text]:not([readonly]):not([disabled]),
input[type=password]:not([readonly]):not([disabled]),
textarea:not([readonly]):not([disabled]) {
    color: #333;
    background-image: none;
}

textarea[readonly],
textarea[disabled],
input:not([type])[readonly],
input:not([type])[disabled],
input[type=text][readonly],
input[type=text][disabled],
input[type=password][disabled],
input[type=password][readonly],
select[disabled] { 
	color: black;
    background-color: #f2f2f2;
    opacity:1;
    border-color: transparent !important;
    background: transparent;
}

input[type="text"][readonly] {
	background-color: transparent;
	padding: 0px;
	border: none;
}

/* for whatever reason, the pseudo classes need to be specified exactly like below 
	:focus with one colon, ::placeholder with two, and :focus comes first.
*/
input:focus::placeholder {
	color: transparent;
}



.ctrl-attachment-uploaded-by {
	position: absolute;
	bottom: 8px;
	left: 12px;
}

.ctrl-fixed-file-panel {
	border-bottom: none !important;
	min-height: 295px;
	padding: 5px !important;
	margin: 10px 5px;
	position: relative;
	background-color: #f8fbfe !important;
}

/* Set the width and height of the scrollbar */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4);
}

/* Custom Scrollbar for Firefox */
        @-moz-document url-prefix() {
            * {
                scrollbar-width: thin;
                scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
            }
        }