html,body {
margin:0px;
padding:0px;
}
body {
min-height:100%;
overflow-y: scroll;
}

h1, h2, h3 {
font-weight:lighter;
}
h3.head-result {
margin-top:0;
float:left;
}
h3.head-result label {
position:relative;
top:1px;
}

a:hover {
color:red;
}

#cancelAddNumber {
float: left;
}
#overlay {
z-index:10000;
position:fixed;
top:0;
left:0;
display:none;
width:100%;
background-color:#000;
opacity:0.3;
}
#modPopUp {
z-index:100000;
padding:0 10px;
position:absolute;
display:none;
background-color:#FFF;
box-shadow:0 0 10px rgba(0,0,0,0.5);
}
#modPopUpConfirm {
z-index: 100000;
position: absolute;
display: none;
background-color: gray;
padding: 15px;
border: 5px solid rgb(124, 123, 123);
opacity: 0.95;
}
#modPopUpConfirm input {
border: 5px solid rgb(124, 123, 123);
color: red;
outline: none;
}
#modPopUpConfirm input:hover {
color: #fff;
background-color: rgb(124, 123, 123);
cursor: pointer;
}
#modProgress {
z-index: 100000;
position: absolute;
display : none;
background-color : gray;
padding: 15px;
border : 5px solid rgb(124, 123, 123);
opacity : 0.95;
}
#modMessage  {
z-index: 100000;
position: fixed;
display : none;
padding: 15px 25px;
top:45px;
right:35px;
color:#fff;
}
#modMessage p, #modMessage h3, #modMessage div {
color:#fff;
}
#searchProgress {
width: 24px;
height: 24px;
position: absolute;
top: 16px;
right: 24px;
}
#table-numbers {
padding-top:15px;
}
#table-numbers table {
width:100%;
}
#table-numbers table th {
text-align:left;
white-space:nowrap;
}
#table-numbers table th, #table-numbers table td {
padding:5px;
}
#table-numbers table tr:hover td {
background-color:#f0f0f0;
cursor:pointer;
}
#table-numbers table td:last-child {
cursor:default !important;
white-space: nowrap;
}
#group-menu {
position: fixed;
bottom: 10px;
left: 55px;
padding:15px 35px;
background-color: #53B45F;
color:#fff;
}
#group-menu * {
color:#fff;
}
#group-menu a:hover {
text-decoration:none;
}
#addNumberForm input {
display:block;
}

input.form-control-error {
border: 2px solid red;
}
input[type="checkbox"] {
cursor:pointer;
}
input.half {
width : 198px;
}
input.triple:first-child {
width : 263px;
}
input.triple {
width : 262px;
}
input.mini {
width : 98px;
}
input[type='submit'], input[type='button'] {
margin:0;
font-size:1em;
padding: 4px 20px;
border:1px solid silver;
background-color:#fff;
}
input[type='checkbox'] {
margin:0;
position: relative;
top: .5px;
}

textarea {
width : 400px;
height : 100px;
font-size : 16px;
}
textarea.input-like {
width : 400px !important;
height : 31px;
vertical-align:top !important;
}

select {
width:400px;
height:31px;
cursor:pointer;
}
select.half {
width:198px;
}
select.page {
display: inline;
width: 80px;
height: 26px;
padding: 0;
position: relative;
top: -2px;
}

table.number-results {
border-collapse:collapse;
border-spacing:0;
}
table.number-results td, table.number-results th {
border-right:1px solid #d9d9d9;
border-left:1px solid #d9d9d9;
border-bottom:1px solid #f0f0f0;
border-top:1px solid #f0f0f0;
}
table.number-results th {
background-color:#f0f0f0;
}
table.number-results img {
max-height:32px;
}
table.standard th {
text-align:left;
}
table.standard th, table.standard td {
padding:5px 50px 5px 10px;
}
table.standard th:last-child, table.standard td:last-child {
padding-right:0;
}
table.standard tr:hover td {
background-color:#f0f0f0;
}

tr.header th:first-child {
background-color:#FFDB4C;
text-align:center;
width:22px;
}
tr.vbottom {
vertical-align:bottom;
}
tr.ta-center {
text-align:center;
}

th.group-edit {
text-align:center !important;
cursor:pointer;
}
th.group-edit:hover {
background-color:#E5E5E5;
}
td.login {
height:300px;
padding:0 70px;
border-radius: 1em;
box-shadow:0 0 10px rgba(0,0,0,0.5);
}
td.login input[type='text'], td.login input[type='password'] {
width:220px;
}

div.copy-field-adm div.cloned-div {
margin-top:10px;
}
div.head-result-print {
float: right;
margin-top: 9px;
}
div.head-result-print img {
top: 2px;
position: relative;
margin-right: 5px;
}
div.search-filter {
margin:10px 0;
}
div.search-filter input {
height:30px;
width: 100%;
}
div.button-filter {
margin:10px 0;
}
div.filter-box {
min-width:170px;
min-width:300px;
max-width:500px;
max-height:250px;
overflow-y:scroll;
padding-right:15px;
}
div.general-number {
float:left;
margin-top:0 !important;
position:relative;
}
div.dop-inputs {
height:0.0001;
width:0;
overflow:hidden;
}
div.dop-inputs .form-control {
margin-bottom:15px !important;
}
div.dop-inputs .form-control:last-child {
margin-bottom:0 !important;
}
div.dop-inputs div.fine-uploader {
height:34px;
margin-bottom: 15px;
float:left;
}
div.dop-inputs div.fine-uploader:last-child {
margin-bottom: 0 !important;
}
div.dop-inputs-expanded {
overflow:inherit;
}
div.dop-inputs-first {
height:0;
overflow:hidden;
}
div.menu {
float:left;
padding:13px 17px;
}
div.menu a {
margin-right:15px;
}
div.menu a.active {
text-decoration:none;
cursor:default;
color:inherit;
}
div.exit {
float:right;
padding:13px 17px;
}
div.top-line {
height:50px;
background-color:#fff;
box-shadow:0 0 5px rgba(0,0,0,0.5);
}
div.body {
padding:0 17px;
}
div.head h1 {
margin-right:20px;
}
div.head div.link {
position:relative;
top:38px;
float:left;
}
div.search-number {
clear:both;
background-color:#FFDB4C;
padding: 6px 5px 1px 5px;
text-align:center;
border-radius: 4px;
}
div.search-number input {
width: 800px;
margin: 0 auto;
}
div.search-number form {
margin-bottom: 5px;
}
div.divTemplate {
width:1228px;
}

label:hover, label:hover * {
cursor:pointer;
}
label.checkSaveTemplateLabel {
margin-top: 4px;
float: left;
}

form select {
vertical-align:top;
}

a.number-auto-gen {
position: absolute;
width: 25px;
height: 25px;
bottom: 0;
right: 12px;
}
a.number-auto-gen:hover {
opacity:0.6;
}
a.self {
border-bottom:1px dotted;
text-decoration:none;
}
a.self:hover, a.self:active, a.self:focus {
border-bottom:1px solid;
text-decoration:none;
}
a.filter-box img {
background-color: brown;
position: relative;
top: -1px;
}
a.filter-box {
margin-right:15px;
}
a.filter-box:hover {
text-decoration:none;
}
a.sort-field {
position:absolute;
text-decoration:none;
opacity:0.5;
padding: 4px;
font-size: 10px;
right:-4px;
}
a.sort-field:hover {
opacity:1;
text-decoration:none;
}
a.sort-field-active {
color: #A52A2A;
opacity: 1;
}
a.sort-field-desc {
transform: rotate(180deg);
}
a.podmenu {
margin-right:20px;
}
a.podmenu:last-child {
margin-right:0;
}
a.podmenu.active {
text-decoration:none;
border-bottom:none;
}

.clear {
clear:both;
}
.left {
float:left;
}
.right {
float:right;
}
.slow-height {
-webkit-transition: height 0.2s ease-in;
-moz-transition: height 0.2s ease-in;
transition: height 0.2s ease-in;
}
.slow-width {
-webkit-transition: width 0.2s ease-in;
-moz-transition: width 0.2s ease-in;
transition: width 0.2s ease-in;
}
.hidden {
display:none;
}
.pointer {
cursor:pointer;
}
.relative {
position:relative;
}

div::-webkit-scrollbar {
width : 20px;
height : 10px;
cursor : pointer;
}
div::-webkit-scrollbar-track-piece {
background : silver;
}
div::-webkit-scrollbar-thumb:vertical {
cursor : pointer;
height : 5px;
background-color : gray;
}
div::-webkit-scrollbar-thumb:horizontal {
width : 10px;
height:10px;
background-color : #d9d9d9;
cursor : pointer;
}

.m-t-10 { margin-top:10px !important; }
.m-t-20 { margin-top:20px !important; }
.m-t-30 { margin-top:30px !important; }
.m-t-40 { margin-top:40px !important; }
.m-b-5 { margin-bottom:5px !important; }
.m-b-10 { margin-bottom:10px !important; }
.m-b-20 { margin-bottom:20px !important; }
.m-b-30 { margin-bottom:30px !important; }
.m-b-40 { margin-bottom:40px !important; }
.m-r-5 { margin-right:5px !important; }
.p-t-20 { padding-top:20px !important; }
.f-s-14 { font-size:14px !important; }
.h-10 { height:10px !important; }
.hidden { display:none !important; }
.d-i-b { display:inline-block !important; }
.green { color:#429742 !important; }
.red { color:#D9534F !important; }
.left { float:left !important; }
.right { float:right !important; }
.width-50p { width:50% !important; }
.width-90p { width:90% !important; }
.width-25 { width:25px !important; }
.width-260 { width:260px !important; }
.width-300 { width:300px !important; }
.width-370 { width:370px !important; }
.baseline { vertical-align: baseline !important; }
.text-center { text-align: center !important; }
.placeholder { color:#999; }