body {font-family: 'Roboto', Arial, Helvetica, Tahoma; font-size: 16px;}
td {font-family: 'Roboto', Arial, Helvetica, Tahoma;border-color: #bebebe; font-size: 16px;}
th {font-family: 'Roboto', Arial, Helvetica, Tahoma; font-weight: normal;padding: 5px; color: #ffffff; font-size: 16px; background-color:#8F8F8F;}

table {border-radius: 3px;}

.col {
    background: #f8f8f8; box-shadow: 0px 0px 1px 1px #bebebe; border-radius: 3px; padding: 20px;
    border-collapse: collapse;
    border-spacing: 0px;
    border-color: #bebebe;
    }
table.sortable { 
    background: #f8f8f8; box-shadow: 0px 0px 1px 1px #bebebe; border-radius: 3px; padding: 20px;
    border-collapse: collapse;
    border-spacing: 0px;
    border-color: #bebebe;
}
table.sortable a.sortheader {
    color: #fff;
    text-decoration: none;
    display: block;
    }
table.sortable span.sortarrow {
    color: red;
    text-decoration: none;}
.myLabel {
    position: relative; cursor: pointer;
}
.myLabel input {
    position: absolute;
    z-index: 2;
    opacity: 0;
    padding:10px;
    width:100%;
    height:100%;
}

/* Example custom styling */
.myLabel {
    border: 1px dashed #8F8F8F;
    padding: 15px 15px;
    margin: 2px;
    background: #efc892;
    display: inline-block;
    color: #000;
     font-family: Oswald;
}
.myLabel:hover {
    background: #efc892;
}
.myLabel:active {
    background: #efc892;
}
.myLabel2 {
    position: relative; cursor: pointer;
}
.myLabel2 input {
    position: absolute;
    z-index: 2;
    opacity: 0;
    padding:10px;
    width:100%;
    height:100%;
}
.myLabel2 {
    border: 1px dashed #8F8F8F;
    padding: 15px 15px;
    margin: 2px;
    background: #F2A3A3;
    display: inline-block;
    color: #A33333;
     font-family: Oswald;
}
.myLabel2:hover {
    background: #F2A3A3;
}
.myLabel2:active {
    background: #F2A3A3;
}
INPUT {background: #f6f6f6; color: #000;border: 0px solid #8F8F8F; padding: 2px 15px; font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma;font-size: 14px;box-shadow: inset 0px 0px 1px 1px #bebebe; border-radius: 3px;}
SELECT {background: #f6f6f6; color: #000;border: 0px solid #8F8F8F; padding: 2px 15px; font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma;font-size: 14px;box-shadow: inset 0px 0px 1px 1px #bebebe; border-radius: 3px;}
textarea {background: #f6f6f6; color: #000;border: 1px solid #8F8F8F;  font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma;font-size: 14px;box-shadow: inset 0px 0px 1px 1px #bebebe; border-radius: 3px;}
input.filee {border: 1px solid grey; font-size: 12px; padding:0;}
.submit {background: #DCDCDC; color: #2b2b2b;border: 1px solid #8F8F8F; border-top:#fff 1px solid;border-left:#fff 1px solid; padding: 2px 15px; cursor: pointer; text-decoration: none; box-shadow: 0px 0px 1px 1px #bebebe; border-radius: 3px;font-size: 16px;}
.submit:hover { box-shadow: 0px 0px 1px 1px #DCDCDC;} 
.submit:active {box-shadow: none;}
.submitdown {background: #DCDCDC; color: #2b2b2b;border: 1px solid #8F8F8F; border-top:#fff 1px solid;border-left:#fff 1px solid; padding: 2px 15px; cursor: pointer; text-decoration: none; box-shadow: 0px 0px 1px 1px #ffffff; border-radius: 3px;font-size: 16px;}
INPUT.submitinactive {background: #f1f1f1; color: #d7d7d6;border: 1px solid #c1c0bf; padding: 2px 15px;
     cursor: no-drop;}
a.submitinactive {background: #f1f1f1; color: #d7d7d6;border: 1px solid #c1c0bf; padding: 2px 15px;
        cursor: no-drop;}
.peleka {background: #EBEBEB; box-shadow: 0px 0px 1px 1px #bebebe; border-radius: 3px; padding: 20px;}
.alertus {font-size: 20px; color: white; background-color: red; padding: 3px;}
.hilite {background-color:#ffffff; border: 1px solid #8F8F8F; }
.hilite2 {background-color:#DCDCDC; border: 1px solid #8F8F8F; }
.hilite3 {background-color:#ffeeee; border: 1px solid #8F8F8F; }
button{
    border-radius: 3px;
}
a.sar {color: #8D2630 ; text-decoration: none;}
a {color: #8D2630 ; text-decoration: none;}
a:visited {color: #8D2630 ; text-decoration: none;}

.sticky {
    position: fixed;
    top: 0; 
    right:0;
  }
.pievienots {background-color:#d9eaff; border: 1px solid #8F8F8F; }
.pievienots2 {background-color:#fff4ee; border: 1px solid #8F8F8F; }
.imbede {color: #8F8F8F; text-shadow: #686868 -1px -1px 1px, #ebebeb 1px 1px 1px; }
#return-to-top {
    font-size: 22px; font-weight: bold;
    color: #fff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #8D2630;
    width: 30px;
    height: 30px;
    display: block;
    text-decoration: none;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: #2B2A29;
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}