@charset "utf-8";

@font-face {
    font-family			: 'Custom Font';
    font-style			: normal;
    font-weight			: normal;
    src				: url('Nunito-Regular.ttf') format('truetype');
}

@font-face {
    font-family			: 'Custom Font Bold';
    font-style			: normal;
    font-weight			: normal;
    src				: url('Nunito-Bold.ttf') format('truetype');
}

body { 
    font-family			: 'Custom Font',Tahoma, Verdana, Arial, Helvetica;
    margin			: 0 auto; 
    padding			: 0; 
    color			: #111111;
    background-color		: #FEFEFE;
    background			: #FEFEFE;

    background-image		: linear-gradient( to top, rgb(220,220,220) 10%, rgb(247,247,247) 100%);

    background-attachment	: fixed;
    overflow-x			: hidden;
    overflow-y			: scroll;
    max-width : 1620px;
}

b:after,
strong:after {
    font-family : 'Custom Font Bold',Tahoma,Verdana,Arial,Helvetica;
}

.top-box-menu {

    height 			: 60px;

    border-bottom		: solid 1px red;
    box-shadow			: 0px 0px 4px 0px #666;
    -moz-box-shadow		: 0px 0px 4px 0px #666;
    -webkit-box-shadow		: 0px 0px 4px 0px #666;
    z-index			: 99999;
    margin : 0 auto;
    background			: #FDFDFD;
}


@media (min-width: 576px) {
  .content-margin {
	margin-left : 3px;
	margin-right : 3px;
    }
}

@media (min-width : 768px) {
    .content-margin {
	margin-left : 6px;
	margin-right : 6px;
    }
}
@media (min-width : 992px) {
    .content-margin {
	margin-left : 9px;
	margin-right : 9px;
    }
}
@media (min-width : 1200px) {
    .content-margin {
	margin-left : 12px;
	margin-right : 12px;
    }
}

.form-control:focus {
    box-shadow : none;
}

.cookie-warn {
    position : fixed;
    bottom : 0;
    background : #333;
    margin : 0;
    padding : 10px;
    z-index : 99999;
    opacity : 0.9;
    font-weight : bold;
    width : 100%;
}
.cookie-warn a{
    color : #D66E1A;
/*    text-transform : uppercase; */
    padding-right : 20px;
    text-align:right;
    white-space:nowrap;
    font-size : 10pt;
    float:right;
    color:yellow;
    font-weight:bold;
    cursor:pointer;
}
.cookie-warn p{
    font-size : 10pt;
    text-align:left;
    float:left;
    color:#fff;
}



.boxtitle {
    background-image		: linear-gradient( to right, #dddddd 10%, #f0f0f0 100%);
}

.boxtitletd {
    padding-left		: 5px;
    padding-top			: 1px;
    font-family			: Tahoma, Verdana, Arial, Helvetica;
    font-size			: 10pt;
    height			: 24px;
    border			: solid 1px #AAAAAA;
    color			: #111111;
    text-align			: left;
    white-space			: nowrap;
    text-transform		: uppercase;
    font-weight			: bold;
}

.boxcontent {
    background			: #FeFeFe;
}

.boxcontenttd {
    border			: solid 1px #AAAAAA;
    font			: normal 76% Tahoma, Verdana, Helvetica, Arial;
}

.boxtitlealert, .boxtitlealerts {

    background			: rgb(213,73,55);
    background-image		: linear-gradient( to right, rgb(213,73,55) 10%, rgb(255,123,105) 100%);
}


.boxtitlealerttd, .boxtitlealerts td {
    padding-left		: 5px;
    padding-top			: 1px;
    font			: bold 10pt Tahoma, Verdana, Arial, Helvetica;
    height			: 24px;
    border			: solid 1px #AAAAAA;
    color			: #ffffff;
    text-align			: left;
    white-space			: nowrap;
    text-transform		: uppercase;
}

.boxcontentalert {
    background			: #FFFFFF;
}

.boxcontentalerttd {
    padding			: 5px 5px 5px 5px;
    border			: solid 1px #AAAAAA;
    color			: #000000;
    font			: normal 76%  Tahoma, Verdana, Helvetica, Arial;
}

.boxcontentalerts {
    background-color		: #FFE2E6; 
}

.boxcontentalertstd {
    padding			: 5px 5px 5px 5px;
    border			: solid 1px #AAAAAA;
    color			: #ff0000;
    font			: normal 76% Tahoma, Verdana, Arial, Helvetica;
}

.boxtitleinfo {
    background			: #4889f1;
    background-image		: linear-gradient( to right, rgb(72,137,241) 10%, rgb(122,187,255) 100%);
}

.boxtitleinfotd {
    color			: #FFFFFF;
    padding-left		: 5px;
    padding-top			: 1px;
    border			: solid 1px #AAAAAA;
    height			: 24px;
    font			: bold 10pt Tahoma, Verdana, Arial, Helvetica;
    text-align			: left;
    white-space			: nowrap;
    text-transform		: uppercase;
}

.boxcontentinfo {
    background			: #FFFFFF;
}

.boxcontentinfotd {
    padding			: 5px 5px 5px 5px;
    border			: solid 1px #AAAAAA;
    color			: #000000;
    font			: normal 76% Tahoma, Verdana, Arial, Helvetica;
}

.boxtitlemess {
    background			: #079e5b;
    background-image		: linear-gradient( to right, rgb(7,158,91) 10%, rgb(57,208,141) 100%);
}

.boxtitlemesstd {
    color			: #FFFFFF;
    padding-left		: 5px;
    padding-top			: 1px;
    borde			: solid 1px #AAAAAA;
    height			: 24px;
    font			: bold 10pt Tahoma, Verdana, Arial, Helvetica;
    text-align			: left;
    white-space			: nowrap;
    text-transform		: uppercase;
}

.boxcontentmess {
    background-color		: #f7fff9;
    background			: #FFFFFF;
}

.boxcontentmesstd {
    padding			: 5px 5px 5px 5px;
    border			: solid 1px #AAAAAA;
    color			: #000000;
    font			: normal 76% Tahoma, Verdana, Arial, Helvetica;
}

.boxtitlewarn {
    background			: rgb(249,199,61);
    background-image		: linear-gradient( to right, rgb(249,199,61) 10%, rgb(249,249,111) 100%);
}


.boxtitlewarntd {
    color			: #000000;
    padding-left		: 5px;
    padding-top			: 1px;
    border			: solid 1px #AAAAAA;
    height			: 24px;
    font			: bold 10pt Tahoma, Verdana, Arial, Helvetica;
    text-align			: left;
    white-space			: nowrap;
    text-transform		: uppercase;
}

.boxcontentwarn {
    background			: #FFFFFF;
}

.boxcontentwarntd {
    padding			: 5px 5px 5px 5px;
    border			: solid 1px #AAAAAA;
    color			: #000000;
    font			: normal 76% Tahoma, Verdana, Arial, Helvetica;
}

.boxtitleteal {
    background			: rgb(0,128,128);/*#008080;*/
    background-image		: linear-gradient( to right, rgb(0,128,128) 10%, rgb(0,178,178) 100%);
}


.boxtitletealtd {
    color			: #FFFFFF;
    padding-left		: 5px;
    vertical-allign		: middle;
    border			: solid 1px #AAAAAA;
    height			: 24px;
    font			: bold 10pt Tahoma, Verdana, Arial, Helvetica;
    text-align			: left;
    white-space			: nowrap;
    text-transform		: uppercase;
}

.boxcontentteal {
    background			: #FFFFFF;
}

.boxcontenttealtd {
    padding			: 5px 5px 5px 5px;
    border			: solid 1px #AAAAAA;
    color			: #000000;
    font			: normal 76% Tahoma, Verdana, Arial, Helvetica;
}

.boxtitlemediumblue {
    background			: #0000CD;
    background-image		: linear-gradient( to right, rgb(0,0,205) 10%, rgb(50,50,255) 100%);
}


.boxtitlemediumbluetd {
    color			: #FFFFFF;
    padding-left		: 5px;
    padding-top			: 1px;
    border			: solid 1px #AAAAAA;
    height			: 24px;
    font			: bold 10pt Tahoma, Verdana, Arial, Helvetica;
    text-align			: left;
    white-space			: nowrap;
    text-transform		: uppercase;
}

.boxcontentmediumblue {
    background			: #FFFFFF;
}

.boxcontentmediumbluetd {
    padding			: 5px 5px 5px 5px;
    border			: solid 1px #AAAAAA;
    color			: #000000;
    font			: normal 10pt Tahoma, Verdana, Arial, Helvetica;
}

.panel-title {
    font-weight			: normal;
    font-size			: 13pt;
    font-family			: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, Tahoma, Verdana;
    margin-bottom		: 6pt;
    margin-top			: 2pt;
    text-shadow			: 1px 1px 0 rgba(10, 10, 0, 1);
    text-shadow			: 1px 1px 1px #888;
    display 			: table;
    width 			: 100%;
/*    border-left 		: solid 2px red; */
color			: #E21F1D;
}


.page-title {
    font-weight			: normal;
    font-size			: 16pt;
    font-family			: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, Tahoma, Verdana;
    padding 			: 4px 10px;
    margin-bottom		: 6pt;
    margin-top			: 2pt;
/*    text-shadow			: 1px 1px 0 rgba(10, 10, 0, 1);
    text-shadow			: 1px 1px 1px #888;
*/
    display 			: table;
    width 			: 100%;
/*    border-left 		: solid 2px red; */
}

.page-title .title {

    color			: #5B453B;
    color			: #E21F1D;
    float 			: left;
    padding-top 		: 1pt;
    padding-bottom		: 2pt;

}

.page-title .link a {
    float :			 right;
    font-size 			: 10pt;
}

.page-title .help a {
    float 			: left;
    cursor			: pointer;
    color 			: #555;
    font-size 			: 17px;
    margin-right 		: 6pt;
    padding-top 		: 2pt;
    padding-bottom		: 1pt;
}

.page-title .help a:hover {
    text-shadow			: 0 -1px 0 rgba(0, 0, 0, 0.4);
    color 			: blue;
}

.radius {
    border-radius		: 4px 4px 4px 4px;
    -moz-border-radius		: 4px 4px 4px 4px;
    -webkit-border-radius	: 4px 4px 4px 4px;
}

.radiuslt {
    border-radius		: 4px 0 0 0;
    -moz-border-radius		: 4px 0 0 0;
    -webkit-border-radius	: 4px 0 0 0;
}

.radiusrt {
    border-radius		: 0 4px 0 0;
    -moz-border-radius		: 0 4px 0 0;
    -webkit-border-radius	: 0 4px 0 0;
}

.radiuslb {
    border-radius		: 0 0 0 4px;
    -moz-border-radius		: 0 0 0 4px;
    -webkit-border-radius	: 0 0 0 4px;
}

.radiusrb {
    border-radius		: 0 0 4px 0;
    -moz-border-radius		: 0 0 4px 0;
    -webkit-border-radius	: 0 0 4px 0;
}

.radiustop {
    border-radius		: 4px 4px 0 0;
    -moz-border-radius		: 4px 4px 0 0;
    -webkit-border-radius	: 4px 4px 0 0;
}

.radiusbottom {
    border-radius		: 0 0 4px 4px;
    -moz-border-radius		: 0 0 4px 4px;
    -webkit-border-radius	: 0 0 4px 4px;
}

.shadow {
    box-shadow			: #333333 1px 1px 12px;
    -moz-box-shadow		: 1px 1px 12px #333333;
    -webkit-box-shadow		: #333333 1px 1px 12px;
}

.shadow {
    box-shadow			: #666663 1px 1px 8px;
    -moz-box-shadow		: 1px 1px 8px #666666;
    -webkit-box-shadow		: #666663 1px 1px 8px;
}

.alerts {
    border : solid 1px red;
}


.quicklink {
    white-space : nowrap;
}

.table > tbody > tr > td.quicklink {
    white-space : nowrap;
    padding-left : 10px;
}

.quicklink a ,
.quicklink i {
    font-size : 1.1rem; 
    color : #222222;
    text-decoration : none;
    font-weight:normal;
    cursor : pointer;
    margin-right : 1px;
}

.quicklink a:hover,
.quicklink i:hover {
    color : red;
}

.quicklink > a.danger,
.quicklink > i.danger { 
    color			: #FF0000; 
}

.quicklink > a.warning,
.quicklink > i.warning {
    color			: #FFBF00;
}
.clearfix{
    content : " ";
    display : table;
    width : 100%;
}


.pull-right {
    float : right;
    margin-top : 5px;
    margin-bottom : 5px;
}

.table-disabled, .table-disabled > th, .table-disabled > tr, .table-disabled > td {
    color : #888;
    font-weight : normal;
    font-style : italic;
}

.table .thead-grey th {
    color : #222;
    background-color : #e9E9E9;
    border-color : #ccc;
    
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {

    background-repeat:no-repeat;
    background-position: right
}


table.dataTable thead .sorting {
    background-image:url("sort_both.png") 
}

table.dataTable thead .sorting_asc {
    background-image:url("sort_asc.png") 
}

table.dataTable thead .sorting_desc{
    background-image:url("sort_desc.png") 
}

table.dataTable thead .sorting_asc_disabled{
    background-image:url("sort_asc_disabled.png")
}
table.dataTable thead .sorting_desc_disabled {
    background-image:url("sort_desc_disabled.png")
}

.panel {
    border-radius		: 6px;
    border			: 1px solid #CCCCCC;
    padding-left		: 2px;
    padding-right		: 2px;
    -moz-border-radius		: 6px;
    -webkit-border-radius	: 6px;
    -khtml-border-radius	: 6px;
    background 			: #FEFEFE;
    box-shadow			: 0 .125rem .25rem rgba(0,0,0,.075)!important
}

.table > thead > tr > th {
    font-weight : bold;
    background-color : #eee;
/*    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);*/
    padding-left : 4px;
    padding-right : 4px;
    text-align : left;
}

.table-hover > tbody > tr:hover {
/*  background-color: #f5f5f5;*/
  background-color: #FFFFCC;
}

.table > tbody > tr > td {
    padding-left : 4px;
    padding-right : 4px;
/*    font-size : 9pt;*/
/*    text-align : left;*/
}