/* 
    Created on : 19-set-2014, 11:09:05
    Author     : mirkox
*/

/*********** Fonts ************/
@font-face {
    font-family: OpenSans;
    src: url(./fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: OpenSans;
    src: url(./fonts/OpenSans-Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: OpenSansSemi;
    src: url(./fonts/OpenSans-Semibold.ttf);
}

@font-face {
    font-family: OpenSansBold;
    src: url(./fonts/OpenSans-Bold.ttf);
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(./fonts/glyphicons-halflings-regular.ttf);
}



/*********** Page Setup ************/
html {
    min-height: 100% !important;
}

body {
    background: linear-gradient(to bottom, #E5E5E5 0, #FAFAFA 125px) !important;
}

table td {
    font-family: OpenSans, Arial, sans-serif !important;
}

/*********** General Styles ************/
h1, h2, h3, h4, h5, h6 {
    font-family: OpenSansSemi, Arial, sans-serif !important;
    color: #333;
    font-weight: normal;
    margin: 0;
}

h1 {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 28pt;
}

h2 {
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 22pt;
}

h3 {
    margin-top: 9px;
    margin-bottom: 9px;
    font-size: 19pt;
}

h4 {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 15pt;
}

a {
    color: #99284C !important;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;    
}

ul {
    margin: 0;    
}

hr {
    background-color: #eaeaea;
    height: 1px;
    border: 0;
}

/*********** GWT Elements ************/
.gwt-TabPanelBottom {
    padding: 20px !important;
    background: #FFF !important;
    border-radius: 7px;
    border: 1px solid #BCBCBC !important;
}

.gwt-PushButton {
    padding: 7px;
    text-align: center;
}

.gwt-Label {
    font-family: OpenSans, Arial, sans-serif !important;
}

.gwt-TextBox {
    padding: 0 !important;
}

input {
  padding: 0 !important;
  width: 85% !important;
}

select {
  padding: 0 !important;
  width: 87% !important;
}

/*********** Splash Screen ************/
#splashpage {
    display: block;
    position: absolute;
    top: 30%;
    left: 50%;
    text-align: center;
    margin-left: -200px;
    background: white;
    border: 4px black dashed;
    padding: 10px;
    width: 400px;
    font-size: 3em;
}

.small_light {
    color: darkgrey;
    font-size: 0.3em;
}

.display{
    display:block;
}
        
.dontDisplay{
    display:none;
}

.selectedFilter{
  font-weight: normal;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  cursor: pointer;   
  color: #99284c;
}
.selectedFilter:hover{
  font-weight: bold;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  cursor: pointer;
}

.unselectedFilter{
  font-weight: normal;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */     
  cursor: pointer; 
}

.unselectedFilter:hover{
    -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  cursor: pointer;
  font-weight: bold;
  color: #99284c;
}




.filterLabel:hover{
    color: #99284C ;
    font-weight: normal;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    cursor: pointer; 
}
        
.filterLabel{
    margin-right: 7px;
    color: #333;
    font-weight: bold;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */     
    cursor: pointer; 
}
        
.selectedEnpointCell{

  color: #99284C ;
  background-color: #EEE;
  font-weight: normal;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  cursor: pointer; 
            
}
        
.unselectedEnpointCell{

  font-weight: normal;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  cursor: pointer; 
            
}


.selectedPauseCampaignsLabel{
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  font-weight: bold;
  cursor: pointer; 
  margin-bottom: 7px;
  border-color: #AAA;
  border-width: 3px;
  padding: 5px;
}

.unselectedPauseCampaignsLabel{
    
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
 
  cursor: pointer; 
  margin-bottom: 7px;
  border-color: #AAA;
  border-width: 3px;
  padding: 5px;
}

.unselectedPauseCampaignsLabel:hover{
    font-weight: bold;
}

.selectedPauseCampaignsLabel:hover{
}

.errorLabel{
    
    color:red;
    
}










svg {
  width: 100px;
  display: block;
  margin: 20px auto 0;
}

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  &.circle {
    -webkit-animation: dash .9s ease-in-out;
    animation: dash .9s ease-in-out;
  }
  &.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash .9s .35s ease-in-out forwards;
    animation: dash .9s .35s ease-in-out forwards;
  }
  &.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check .9s .35s ease-in-out forwards;
    animation: dash-check .9s .35s ease-in-out forwards;
  }
}

p {
  text-align: center;
  margin: 20px 0 60px;
  font-size: 1.25em;
  &.success {
    color: #73AF55;
  }
  &.error {
    color: #D06079;
  }
}


@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}