/**
 * @brief IndigoFlatStyle theme, main CSS styles
 * @details Plugin / Theme CSS styles
 * @author CaMykS Team
 * @version 1.0.8
 * @date Creation: Oct 2014
 * @date Modification: Mar 2025
 * @copyright 2014 - 2025 CaMykS Team
 * @note This program is distributed as is - WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 */

/* global */
* { padding:0; margin:0; box-sizing:border-box;}
body {background: #eeeeee;}
p {padding: 4px 0;}
a { color:#5b8dcd; text-decoration:none;}
a:hover { color:#777f77; text-decoration:underline;}
ul { margin:0px 0px 0px 28px; padding:0; list-style:url(../img/bullet.gif); }
ul ul { margin:0px 0px 0px 18px; padding:0; list-style:url(../img/bullet2.gif); }
ul ul ul{ margin:0px 0px 0px 14px; padding:0; list-style:url(../img/bullet3.gif); }
ol { margin:0px 0px 0px 28px; padding:0;}
li { margin:4px 4px; }
label {font-family:inherit; font-size:inherit; font-weight:inherit; font-style:inherit; color:inherit; text-transform:inherit;}
img {border:0;}
table { border-spacing: 0; border-collapse: collapse;}
blockquote { margin:8px 20px; }
input, textarea, select, div.inputs, div.linputs, div.sinputs, div.vsinputs, div.vlinputs {padding:0; background: white; color:#808080; font-weight:bold; font-size:11px; border:solid 1px #e2e2e2; border-radius: 3px;}
/* select { background: transparent; -webkit-appearance: none; height: 20px; border:0; line-height: 1px; color:#808080; font-weight:bold; } */
select {padding:2px 4px;}
input, textarea, option {padding:2px 4px; font-weight:bold; color:#808080; font-size:11px; transition:box-shadow 0.5s;}
input:focus, textarea:focus, select:focus {box-shadow: 0 0 4px 2px rgba(91, 141, 205, 0.5);}
textarea{resize: none;}
option.separator {color:#ababab; padding:0 4px; font-size:1px; height:4px; border-bottom:dotted 1px #ababab; margin-bottom:4px;}
option:disabled {color:#b0b0b0;}
.inputs {width:200px;} div.inputs{display:inline-block; width:210px; width:208px; background:url(../img/form/selectArrowLarge.gif) 100% 0 no-repeat white; overflow:hidden; }
.linputs {width:400px;} div.linputs{display:inline-block; width:410px; width:408px; background:url(../img/form/selectArrowLarge.gif) 100% 0 no-repeat white; overflow:hidden;}
.sinputs {width:100px;} div.sinputs{display:inline-block; width:110px; width:100px; background:url(../img/form/selectArrowMedium.gif) 100% 0 no-repeat white; overflow:hidden;}
.vsinputs {width:75px;} div.vsinputs{display:inline-block; width:85px; width:83px; background:url(../img/form/selectArrow.gif) 100% 0 no-repeat white; overflow:hidden;}
.vlinputs {width:98%;} div.vlinputs{display:inline-block;}
form {margin:0;}
label {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor:default;}
input[type="radio"] + label {margin:0 20px 0 8px; display:inline-block;}
input[type="radio"]:checked + label {color:#6a798b;}
input[type="checkbox"] + label {margin:0 20px 0 8px; display:inline-block;}
input[type="checkbox"]:checked + label {color:#6a798b;}
input[type="number"] {padding-right:0;}


.eTableHeader input[type="radio"]:checked + label {color:white;}
.eTableHeader input[type="checkbox"]:checked + label {color:white;}
.eTableSubHeader input[type="radio"]:checked + label {color:white;}
.eTableSubHeader input[type="checkbox"]:checked + label {color:white;}


.inputHeight {height:20px;}
.img{font-size:0}
pre {font-family: monospace; white-space: pre; line-height:10px; font-size:10px;}

strong {font-weight:bold; font-size:inherit; color:inherit; font-style:inherit;}
em {font-style:italic; font-size:inherit; color:inherit; font-weight:inherit;}
sup, sub{font-size:9px; color:inherit;}

/* icon image for layered menu */
img.icon{ float:left; margin-right:4px; max-width:80px; }

/* error */
.error {font-size:12px; font-weight:bold; color:#CC3333 !important; padding:4px;}

/* tools */
.clearer {height:0; font-size:0; clear:both;}
.unselectable {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor:default;}
.lefted {text-align:left;}
.righted {text-align:right;}
.centered {text-align:center;}