/*@font-face {
    font-family: 'BebasNeue';
	src: url('../fonts/Brandon_light.eot'),
		 url('../fonts/BebasNeue.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon';	
	src: url('../fonts/Brandon_light.eot'),
		 url('../fonts/Brandon_light.ttf');
    font-weight: normal;
    font-style: normal;
}*/

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #777;
  
  background: #18393d url('../../assets/img/afnie-bg.png') repeat;
  /*background:#1570a6;*/
}



*{
  margin: 0;
  padding: 0;
}



img {
	max-width: 100%;
}

h1,
h2,
h3 {
	margin: 0;
	padding: 0;
}

h1 {
  font-size: 3.7em;
  letter-spacing: 5px;
}

h2,
h2 a {
  font-size: 40px;
  letter-spacing: 1px;
  font-style: italic;
  color: #94b1af;
}

h3 {
  font-size: 2.3em;
  letter-spacing: 0.5px;
}

h4 {
  font-size: 2.07em;
  letter-spacing: 0.5px;
  color: white;
}

h5 {
  font-size: 1em;
  letter-spacing: 0.5px;
}

h6 {
  font-size: 1.85em;
  letter-spacing: 0.5px;
}

a:focus {
	outline: none;
}

.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.no-padding-sides {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.no-padding-left {
	padding-left: 0 !important;
}

.no-padding-right {
	padding-right: 0 !important;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.no-scroll {
	overflow: hidden;
}

main.container{
    margin-top:40px;
}

.container{
    width:90%;
}

.navbar-brand img{
height:28px;

margin-left:12px;
}

nav.navbar{
/*background:#0f4e74 !important;*/ 
background:#0a2d31 !important;
padding:0px 8px;
}

nav.navbar .navbar-nav li a{
font-size:16px;
}

.PageTitle{    
  background: url('../../assets/img/header-bg.png') repeat-x;
  /*height:40px;*/
  padding:12px 0px;

  border-bottom:1px solid #fff;
}

.PageTitle h2{
    text-transform:uppercase;
    color:#fff;
    font-size:18px;

    font-style:normal;
    display:inline-block;
}

.PageTitle a:hover h2{
    color:#f5d408;
    
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

.PageTitle i{
    color:#f5d408;
    display:inline-block;
    margin-right:8px;
}

.PageTitle span{
    color:#f5d408;
    font-weight:bold;

    margin-left:8px;
}

.PageTitle input[type]{
    background:none;
    color:#fff;
    /*font-weight:bold;*/
    border:none;
    text-align:right;

    width:160px;
}

.PasswordTitle{    

  margin-left:16px;
  padding:8px 0px;
    
  border-bottom:2px solid #1570a6;

  /*border-bottom:1px solid #777;*/

  /*background: #2b4a83;*/ /* Old browsers */
/*background: -moz-linear-gradient(top,  #2b4a83 0%, #296faa 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #2b4a83 0%,#296faa 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #2b4a83 0%,#296faa 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4a83', endColorstr='#296faa',GradientType=0 );*/ /* IE6-9 */

}


.PasswordTitle h2{
    text-transform:uppercase;
    color:#1570a6;
    font-size:18px;

    font-style:normal;
    display:inline-block;
}

.PasswordTitle i{
    color:#1570a6;
    display:inline-block;
    margin-right:8px;
}

.pw_checklist ul li{
    font-size:14px;
}

.Content{
    /*margin:50px auto 40px auto;*/
     margin:16px auto 40px auto;
}

.Content p{
    color:#fff;
    text-transform:uppercase;
    text-align:right;
}

.ClockHolder{
    background:#fff;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    width:100%;

    padding:60px 20px;
    text-align:center;

    /*margin:0 auto;*/
}

.ClockHolder span,
.ClockHolder p{
    display:inline-block;
}

.ClockHolder .unit{
    background:none;
    font-size:100px;
    font-weight:bold;

    color:#666;

}

.ClockHolder .unit#minutes{
    color:#a7a7a7;
}

.ClockHolder .unit#seconds{
    color:#bdbdbd;
}

.ClockHolder .unit#ampm{
    color:#3c3c3c;
    font-size:52px;
    font-weight:normal;

    margin-left:16px;
    margin-top:-16px;

}

.ClockHolder .Delimiter{
    color:#666;
    font-size:80px;
    font-weight:bold;
    margin:0px 16px;
}

.ClockHolder .Delimiter.One {
}
.ClockHolder .Delimiter.Two {
    color:#a7a7a7;
}

.ButtonHolder{

}

.ButtonHolder input[type="button"]{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b4a83+0,296faa+100 */
/*background: #2b4a83;*/ /* Old browsers */
/*background: -moz-linear-gradient(top,  #2b4a83 0%, #296faa 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #2b4a83 0%,#296faa 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #2b4a83 0%,#296faa 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4a83', endColorstr='#296faa',GradientType=0 );*/ /* IE6-9 */

background:#0f4e74;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

padding:12px 24px;
color:#fff;
border:1px solid #0f4e74;

width:160px;

margin-top:16px;

-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;

cursor:pointer;
}

.ButtonHolder input[type="button"]:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#296faa+0,2b4a83+100 */
/*background: #296faa;*/ /* Old browsers */
/*background: -moz-linear-gradient(top,  #296faa 0%, #2b4a83 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #296faa 0%,#2b4a83 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #296faa 0%,#2b4a83 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#296faa', endColorstr='#2b4a83',GradientType=0 );*/ /* IE6-9 */
background:#02324f;
}


.ButtonHolder input[type="button"]:disabled {
    /*background: #a7a7a7;
    color:#666;*/
    background:#747576;
    color:#333;
    border:1px solid #747576;
}

.ButtonHolder input[type="button"]:disabled:hover{    
  background-color: #4a4b4c !important;
    color:#111;
}

.LogsHolder{

    padding:16px;
    background:#296faa;
    color:#fff;
    font-size:14px;
    text-transform:uppercase;

}

.LogsHolder .LogsItem{
    height:440px;

    /*overflow-y:scroll;*/
    overflow:hidden;

}

.LogsHolder table{
    width:100%;

}

.LogsHolder .name{
    color:#fff;
    border-bottom:1px solid #246296;
    padding-bottom:8px;
}

.LogsContent th{
    
    border-bottom:1px solid #246296;
    padding-bottom:8px;
}

.LogsContent tr td{
    padding:6px 0px;
}

.LogsContent input[type="text"],
.LogsContent input[type="text"]:disabled{
    background:#296faa;
    border:none;

    color:#fff;

    width:200px;

}

.navbar-nav {
      flex-direction: row;
      margin:0px;
    }
    
    .nav-link {
      padding-right: .5rem !important;
      padding-left: .5rem !important;

      min-width:180px;
      text-align:right;
    }

    .dropdown-item{
      text-align:left;
    }

.navbar-dark .navbar-brand{
padding:4px 0px 5px 0px;
}

.dropdown .dropdown-menu{
    /*background:#0f4e74;*/
    
    background:#0a2d31 !important;
    color:#fff;

    /*left:-120px;*/
    right:0px;
}

.dropdown .dropdown-menu a{
color:#fff;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

.dropdown .dropdown-menu a:hover{
    color:#fff;
    /*background:#0f7a8a;*/
    background:#146a9d;
}

.dropdown .dropdown-menu a i{
    margin-right:8px;
}

.ContentHolder{
    background:#fff;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    width:100%;

    padding:60px 20px;
    text-align:left;
}

.ContentHolder input[type="text"]:disabled{
    background:none;
    border:none;
    font-size:14px !important;
}

.FormHolder{
margin:0px;
}

.FormHolder form{
width:100%;
}


.FormHolder input[type="text"],
.FormHolder input[type="password"],
.FormHolder textarea{
border:1px solid #ccc;
margin:4px 0px;

-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

.FormHolder input[type="text"]:focus,
.FormHolder input[type="password"]:focus,
.FormHolder textarea:focus {
    border: 1px solid #777;
    box-shadow:unset !important;
}

.FormHolder input[type="submit"],
.FormHolder a.btn-default{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b4a83+0,296faa+100 */
/*background: #2b4a83;*/ /* Old browsers */
/*background: -moz-linear-gradient(top,  #2b4a83 0%, #296faa 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #2b4a83 0%,#296faa 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #2b4a83 0%,#296faa 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4a83', endColorstr='#296faa',GradientType=0 );*/ /* IE6-9 */

/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;*/
border-radius:0px;

padding:8px 24px;
color:#fff;
/*border:1px solid #8fa3c2;*/
border:none;



-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;

cursor:pointer;

background-color: #4d90fe;
font-size:14px;
}

.FormHolder input[type="submit"]:hover,
.FormHolder a.btn-default:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#296faa+0,2b4a83+100 */
/*background: #296faa;*/ /* Old browsers */
/*background: -moz-linear-gradient(top,  #296faa 0%, #2b4a83 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #296faa 0%,#2b4a83 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #296faa 0%,#2b4a83 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#296faa', endColorstr='#2b4a83',GradientType=0 );*/ /* IE6-9 */

background-color: #0362fd;
}

.FormHolder a.BackBtn{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce2929+0,723d3d+100 */
/*background: #ce2929;*/ /* Old browsers */
/*background: -moz-linear-gradient(top,  #ce2929 0%, #723d3d 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #ce2929 0%,#723d3d 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #ce2929 0%,#723d3d 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce2929', endColorstr='#723d3d',GradientType=0 );*/ /* IE6-9 */
background:#d84a38;

/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;*/
border-radius: 0px;

padding:8px 24px;
color:#fff;
border:1px solid #ce2929;



-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;

cursor:pointer;

font-size:14px;
}

.FormHolder a.BackBtn:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#723d3d+0,ce2929+100 */
/*background: #723d3d;*/ /* Old browsers */
/*background: -moz-linear-gradient(top,  #723d3d 0%, #ce2929 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #723d3d 0%,#ce2929 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #723d3d 0%,#ce2929 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#723d3d', endColorstr='#ce2929',GradientType=0 );*/ /* IE6-9 */

background:#bb2413;

text-decoration:none;
}


.FormHolder span{
    text-align:left;
    font-size:12px;
    display:block;
}

.FormHolder .text-danger ul{
    padding:0px;
    margin:0px;

}

.FormHolder .text-danger ul li{
    list-style:none;
    text-align:left;
    font-size:14px;
}

.TableHolder{
/*margin:24px 16px;*/
margin:0px 16px;
text-align:left;
}

.TableHolder .table{
margin-bottom:0px;
}

.TableHolder .table th, 
.TableHolder .table td{
padding:2px 4px;

font-size:14px;
}

.LoginHolder{
    background:#fff;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    width:400px;    
    margin:0px auto;
    padding:20px 20px;
    text-align:center;
}

.LoginHolder h3{
    font-size:20px;
    text-transform:uppercase;
    text-align:left;
    letter-spacing:normal;
    font-weight:bold;
}

.LoginHolder p{
    font-size:14px;
    text-align:left;
    margin-top:16px;
}


.LoginHolder a.ForgotPw{
color:#aaa;
text-align:left;
text-decoration:none;
display:block;

-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

.LoginHolder a.ForgotPw:hover{
text-decoration:none;
color:#333;

}

.LogoHolder{
    /*background:#2b4a83;
    text-align:center;*/
    /*padding:20px 0px;*/
    width:300px;
    margin:0px auto;
}

.LogoHolder img{
    width:266px;
    margin:16px auto;
}

.LogoHolder .text {
    color: #fff;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.CustomFile .input-group-btn{
background: #4d90fe; /*#17a2b8*/
color:#fff;
font-size:14px;

padding:8px;
height:38px;

margin-top:4px;

cursor:pointer;

-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

.CustomFile .input-group-btn:hover{
background: #0362fd;
}

.CustomFile .input-group-btn label{
padding:0px;
margin:0px;
cursor:pointer;

}

body.CustomDTR{
overflow:hidden;
}

.dtr-title {
	padding: 6px 0px !important;
}

.dtr-title h2 {
	font-size: 15px; !important;
}

.dtr-content {
	margin: 14px auto 40px auto !important;
}

.form-control{
border-radius:0px;
font-size:14px;
}

.bootstrap-filestyle.input-group input[type="text"]{
border:1px solid #ced4da;
padding:7px 14px;
}

@media only screen and (min-width: 1280px) {
.dtr-table table th,
.dtr-table table td {
    font-size: 11.5px !important;
}

.dtr-content{
margin:10px auto 40px auto !important
}

.TableHolder .table th, 
.TableHolder .table td{
padding:0px 4px;
}
}


@media only screen and (min-width: 976px) {
    .dtr-table table th,
.dtr-table table td {
    font-size: 11.5px !important;
}

.dtr-content{
margin:10px auto 40px auto !important
}

.TableHolder .table th, 
.TableHolder .table td{
padding:0px 4px;
font-size:14px !important;
}
}