html, body, div,
h2, h3, h4, h5, h6, p,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, heade, menu{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
/* Basic Elements*/
body {
background: #DDDDDD;
color: #000;
font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
font-size:90%;
margin: 0;
}
a {
color: #0070a8;
text-decoration:none;
}
ul, li {
margin: 0 12px;
}
p {
margin: 0 0 1em 0;
}
/*Layout*/
.wrap {
margin: 0 auto;
width: 85%;
box-shadow: 0 0 0 10px rgba(0,0,0,.07);
background-color: #fff;
}
.container {
position: relative;
margin: 0 auto;
width: 95%;
background-color: #fff;
}
.section-title {
text-transform: uppercase;
}
.style-1 .section-title {color: #124162;}
/* Header*/
header{
background-color: rgba(255, 255, 255, 0.00);
box-shadow: none;
height: auto;
}
.wrap-header {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 190px;
}
.wrap-header {
background: #17517a; /* Old browsers */
background: -moz-linear-gradient(top, #17517a 0%, #17517a 69%, #124162 69%, #124162 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17517a), color-stop(69%,#17517a), color-stop(69%,#124162), color-stop(100%,#124162)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #17517a 0%,#17517a 69%,#124162 69%,#124162 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #17517a 0%,#17517a 69%,#124162 69%,#124162 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #17517a 0%,#17517a 69%,#124162 69%,#124162 100%); /* IE10+ */
background: linear-gradient(top, #17517a 0%,#17517a 69%,#124162 69%,#124162 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17517a', endColorstr='#124162',GradientType=0 ); /* IE6-9 */
}
#header {
position: relative;
z-index: 9;
width: 100%;
}
#logo {
float: left;
margin: 0 30px 20px;
}
/* Botones */
.form button[type="submit"] {
float: right;
display: block;
margin: 0;
padding: 0 30px;
color: #fff;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 25px;
}
.not-ie input[type="submit"] {
-webkit-transition: all .25s linear;
-moz-transition: all .25s linear;
-ms-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
}
.form button[type="submit"] {background-color: #a2b933;}
input[type="submit"]:hover {
text-shadow: -1px -1px 0 rgba(0,0,0,.2);
color: #fff;
}
.not-ie input[type="submit"]:hover {
-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,.35);
-moz-box-shadow: inset 0 0 8px rgba(0,0,0,.35);
box-shadow: inset 0 0 8px rgba(0,0,0,.35);
}
.style-1 input[type="submit"]:hover {background-color: #61931d;}
/* Footer*/
#footer {
margin-top: 35px;
padding: 60px 0 60px;
border-top-width: 3px;
border-top-style: solid;
}
.style-1 #footer {border-top-color: #17517a;}
ul.copyright {
position: relative;
clear: both;
margin: 70px auto 0;
width: 84%;
list-style: none;
text-align: center;
}
ul.copyright li:first-child {padding-left: 0;}
ul.copyright li:first-child:before {margin: 0; content: '';}
ul.copyright li {
display: inline-block;
font-size: 11px;
color: #6d7a7e;
}
.ie7 ul.copyright li {float: left;}
ul.copyright li:before {
margin: 0 8px;
content: '.';
vertical-align: text-bottom;
line-height: 1.8;
}
/*login*/
#content-box {
border: 2px solid #ccc;
border-top: 2;
width: 35%;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
margin-bottom: 5px;
top: 30px;
float: none;
padding-bottom: 35px;
}
#logout-box {
border: 2px solid #ccc;
border-top: 2;
float: right;
width: 25%;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-bottom: 5px;
top: 25px;
}
/** Tables **/
.event-table select{
margin-bottom: 0px;
}
.edit .ion{
margin-left: 7%;
margin-right: 7%;
}
.contact-table .edit{
display: none;
text-align: center;
}
.contact-table td{
font-size: 9.5px;
cursor: text;
}
.contact-table td input{
font-size: 11px;
width: 100%;
margin: 0px;
margin-bottom: 2px;
}
.contact-table td .ion{
font-size: 0.875rem;
}
table {
border-right:0;
clear: both;
color: #333;
margin-bottom: 10px;
width: 100%;
}
th {
border:0;
border-bottom:2px solid #555;
text-align: left;
padding:4px;
}
th a {
display: block;
padding: 2px 4px;
text-decoration: none;
}
th a.asc:after {
content: ' ⇣';
}
th a.desc:after {
content: ' ⇡';
}
table tr td {
padding: 6px;
text-align: left;
vertical-align: top;
border-bottom:1px solid #ddd;
}
table tr:nth-child(even) {
background: #f9f9f9;
}
td.actions {
text-align: center;
white-space: nowrap;
}
table td.actions a, table td.actions div, table td .edit a{
margin: 0px 6px;
padding:2px 5px;
}
table td.actions div, table td .edit div{
cursor: pointer;
}
table td.actions div:hover, table td .edit div:hover{
background-color: #ddd;
}
/** containers **/
.fake-button{
background-color: #a2b933;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 13px;
padding-right: 13px;
}
.fake-button:before{
margin-top: 4px;
}
.filter-user{
float: right;
width: 40px;
height: 40px;
font-size: 20px;
margin: 5px;
}
div.version-left{
float:left;
width:50%;
border-right:1px solid #666;
padding:10px 1%;
padding-top: 0px;
}
div.version-right{
float:right;
width:50%;
padding:10px 1%;
padding-top: 0px;
}
div.form,
div.index,
div.view {
float:right;
width:75%;
border-left:1px solid #666;
padding:10px 1%;
padding-top: 0px;
}
div.actions {
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
float: left;
padding: 10px 1.5%;
width: 23%;
margin-bottom: 1rem;
}
div.actions h3 {
padding-top: 0;
color: #777;
font-size: 18px;
font-weight: bold;
}
div.actions h4 {
font-size: 16px;
margin-top: 3px;
}
/** Layout **/
.view-name{
font-size: 2rem;
color: #0070a8;
}
#container {
text-align: left;
}
#header h1 {
line-height:20px;
color: #000000;
padding: 0px 30px;
}
#header h1 a {
color: #fff;
background: #003d4c;
font-weight: normal;
text-decoration: none;
}
#header h1 a:hover {
color: #fff;
background: #003d4c;
text-decoration: underline;
}
#content{
background: #fff;
clear: both;
color: #333;
padding: 10px 20px 40px 20px;
overflow: auto;
}
#footer {
clear: both;
padding: 6px 10px;
color: #000000;
}
#header a, #footer a {
color: #111111;
}
/* Buttons and button links */
.actions ul li a,
.actions a, .actions div, .edit div{
font-weight:normal;
color:#0070a8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
text-shadow: #fff 0px 1px 0px;
min-width: 0;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
-webkit-user-select: none;
user-select: none;
}
.actions ul li a:hover,
.actions a:hover {
background: #ededed;
border-color: #acacac;
text-decoration: none;
}
.actions ul li a:active,
.actions a:active {
background: #eee;
border-color: #aaa;
text-decoration: none;
}
/** Actions **/
.actions ul {
margin: 0;
padding: 0;
}
.actions li {
margin:0 0 0.5em 0;
list-style-type: none;
white-space: nowrap;
padding: 0;
}
.actions ul li a {
font-weight: normal;
display: block;
clear: both;
font-size: 14px;
}
.titulo {
font-size: 32px;
margin-top: 10px;
display: block;
margin-left: auto;
margin-right: auto
}
label {
display: inline-block;
width: 150px;
text-align: right;
}
fieldset {
width: 100%;
margin: 0px;
padding: 0.5rem;
}
div.error-message {
color: red;
text-align: center;
}
div.message{
color: orange;
text-align: center;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
/** Forms **/
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea{
padding: 0px;
}
form{
margin: 0 0 0.7rem;
}
select[name="next_call[year]"]{
min-width: 70px;
}
.login label{
text-align: center;
}
button, .form button[type="submit"]{
background-color: #a2b933;
margin: 0 0 0;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 13px;
padding-right: 13px;
}
button:hover{
background-color: #92a923;
}
.input{
display: inline-block;
}
input[type="text"], input[type="password"], select{
display: inline;
width: 50%;
height: 1.5rem;
}
select{
height: 2.2rem;
}
/*Contacts index*/
.contact-table table{
margin-top: 1rem;
}
/*Pop Ups*/
.pop-up-notes .event-notes{
padding: 1rem;
margin-left: 20%;
width: 60%;
}
.pop-up-event{
display: none;
}
.pop-up-event .background{
position: absolute;
width: 100vw;
height: 100%;
z-index: 10;
background-color: black;
opacity: 0.85;
top: -4%;
left: -4.2%;
z-index: 0;
}
.event-table{
position: fixed;
top: 4%;
background-color: #e8e8e8;
margin-left: 2%;
margin-right: 2%;
overflow: scroll;
max-height: 94%;
}
.event-table table{
width: 96%;
margin-left: 2%;
margin-top: 1%;
}
#event-filter{
display: inline-block;
}
/** fix jquery **/
.ui-autocomplete {
list-style-type: none;
width: 30%;
}
.ui-autocomplete li:hover{
background: #0070a8;
}
.ui-autocomplete li{
background: #f1f1f1;
}
select > .placeholder {
display: none;
}
div.message.error{
color: #C3232D;
background-color: #FFF;
border-color: #FFF;
padding: 10px;
display: none;
}
.paging li{
display: inline;
}
.bug .input{
display: block;
}
div.version-left h1{
font-size: 2rem;
}
div.version-right h1{
font-size: 2rem;
}
.multipleInput-container {
border:1px #ccc solid;
padding:1px;
padding-bottom:0;
cursor:text;
font-size:13px;
width:100%;
}
.multipleInput-container input {
font-size:13px;
clear:both;
width:250px;
height:24px;
border:0;
margin-bottom:1px;
}
.multipleInput-container ul {
list-style-type:none;
}
li.multipleInput-job, li.multipleInput-country, li.multipleInput-segment{
float:left;
margin-right:2px;
margin-left: 2px;
margin-bottom:1px;
border:1px #BBD8FB solid;
padding:2px;
background:#F3F7FD;
}
.multipleInput-close {
width:16px;
height:16px;
background:url(close.png);
display:block;
float:right;
margin:0 3px;
}
ul{
list-style: none;
}
#jobPlaceholder, #countryPlaceholder, #segmentPlaceholder{
width: 90%;
max-width: 170px;
}
.ui-autocomplete {
max-height: 150px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
#email-form .input{
width: 100%;
}
#email-form label{
width: auto;
margin-left: 5px;
}
#email-form > div:nth-child(4), #email-form > div:nth-child(5){
max-width: 50%;
}
.edit-next-call{
min-height: 25px;
min-width: 50px;
}
.half-window{
width: 50%;
}
.qty{
float: right;
width: 100%;
}
#edit-clients{
width: 100%;
}
.alert-message{
width: 85%;
border: 1px solid;
padding: 2px;
}
.spinner-content {
display: block;
width: 100%;
height: 100vh;
position: absolute;
background: rgba(0,0,0,0.5);
}
.text{
min-height: 25px;
}