/*
BOOTSTRAP OVERRIDE CSS ;)
*/

/* GENERAL */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&subset=greek,greek-ext');
body {font-family: 'Open Sans', sans-serif; font-size:100%; line-height: 100%; font-weight:400; color: #222; }
html,body {
  height: 100%;
}

.page-top {background:#1e1e1e; text-align: center; padding: 15px; color:#fff; width: 50px; height: 50px; cursor: pointer; position:fixed; bottom:10px; right:10px; display: none; opacity: 0.8;}
.page-top:after{
	content: "\f077";
	font-family: 'Font Awesome\ 5 Free'; font-size: 20px; line-height: 20px; font-weight:900
}
.page-top:hover {color:#fee701; }

input[type=text], input[type=email], input[type=password], textarea, select {resize:none!important; outline:none!important; box-shadow: none!important;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc!important;
  opacity: 1; /* Firefox */
}
input[readonly]{background:#fff!important}
.fa-calendar {cursor: pointer;}

.bootstrap-datetimepicker-widget table {background: #fefefe;}
.bootstrap-datetimepicker-widget table td { padding: 5px; font-size: .9rem; line-height: 1rem!important; }
.bootstrap-datetimepicker-widget table td.day {padding: 5px!important}

a:focus, 
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(126, 239, 104, 0.8);
  box-shadow: none;
  outline: 0 none;
}

/*MENU*/


/* SPECIFIC */
.minitop {min-height: 55px;}
.minitop .col-md-9 a {color: #fff; text-decoration: none;} .minitop .col-md-9 a:hover {color: #ccc;}
.minitop .col-md-9 i.far, .minitop .col-md-9 i.fas, .minitop .col-md-9 i.fab {
  width: 26px;
  display: inline-block!important;
  border-radius: 60px!important;
  border: 1px #fff solid!important;
  padding: 0.4em 0.5em!important;
  margin: 0px 5px!important;
  font-size: .8rem!important; color: #fff!important;
}
.minitop .col-md-9 i.far:hover, .minitop .col-md-9 i.fas:hover, .minitop .col-md-9 i.fab:hover {color: #007BFF!important;}
.minitop span {font-style: italic; font-weight: 600;}
.minitop .col-md-3, .minitop .col-12 {font-style: italic;}
.minitop span {font-style: normal; font-weight: 600; }
.minitop .fa-database {
    color: #007BFF;
    font-size: 1.4rem; line-height: 1.2rem;
    border: none;
    margin: 0px 5px; padding: 0;
    border: none; position: relative; top: 2px;
}
.menu {border-right: 1px #ddd solid; padding: 0px!important;}
.navbar {padding: .3rem;}
.navbar-collapse {padding: 0;}
.menu .navbar-nav ul { margin: 5px; padding: 0;}
.menu .navbar-collapse .nav-link {padding:10px 5px; font-weight: 400; font-size: .9rem;}
.menu .navbar-collapse .nav-link .fas {width: 25px; text-align: center;}
.menu .navbar-collapse .nav-link:hover, .menu .navbar-collapse .nav-link:focus, .menu .navbar-collapse .nav-link:active {background: #007BFF; color: #fff}
.menu .navbar-collapse .active .nav-link {font-weight: 600;}
.menu .navbar-collapse .dropdown-menu {border: none; border-radius: 0; background: #007BFF; color: #fff; margin-top: 0px; padding-top: 0px; font-size: .8rem;}
.menu .navbar-collapse .dropdown-menu a{color: #fff}
.menu .navbar-collapse .dropdown-menu a:hover{background: #0069D9;}
.menu .navbar-collapse .dropdown-menu .fas {width: 20px; text-align: center; font-size: .8rem; }

#account-menu, #search-results {display: none;}
.popover-body ul {list-style: none; padding: 0; margin: 0;}
.popover-body li {padding: 3px 10px;}
.popover-body li:hover{background: #eee}
.popover-body li a{color:#222; text-decoration: none; }
.popover-body li a:hover {color: #007BFF;}
.popover-body li .fas { width: 20px; text-align: left; position: relative; left: -3px; color: #007BFF;}
.popover-header {background: #007BFF!important; color: #fff!important; text-align: center; }

.form-group label {color: #007BFF;}
.lead {font-size: 1.2rem; line-height: 1.6rem;}

.breadcrumb a{text-decoration: none!important}

.set-whitelist:hover, .set-whitelist-bulk:hover, .set-imperial:hover, .set-imperial-bulk:hover, .set-blacklist:hover, .set-blacklist-bulk:hover, .download-disavow:hover {cursor: pointer; background: #343A40!important; color:#fff!important;}

table.table-hover a{text-decoration: none;}
table.table-hover a:hover{text-decoration: underline;}
table.table-hover .text-white a{color:#fff!important;}
table.table-hover .btn:hover {text-decoration:none!important;}
table.table-sm th .btn-dark {font-size: .8rem; height: 20px; line-height: .5rem;}

.form-control.inline-sm {max-width: 60px!important; display: inline; text-align: center;}

h1 {font-size: 1.6rem; line-height: 2rem; text-transform: uppercase; font-weight: 600;}

#map_canvas {width:100%; height:250px; margin:0 auto;}

input.no-b-left {border-left: none!important;}
input.no-b-right {border-right: none!important;}
.input-group-text {color: #999;background: none;}
.input-group-prepend .input-group-text { padding-right: 0px;}

.dd-handle.bg-danger { opacity: .8;}

.read-text {font-size: .9rem; line-height: 1.2rem; font-weight: 500;}

.hover-cursor:hover {cursor: pointer;}

@media screen and (max-width:1199px){ 

}

@media screen and (max-width:991px){ 
    html,body {
        height: auto;
    }
    .menu {border-bottom: 1px #ddd solid; padding: 20px 0px;}
    .navbar {padding: 1rem;}
}

@media screen and (max-width:767px){ 
    .minitop .col-md-9 { border-top: 1px #444 solid}
}

@media screen and (max-width:577px){

}

@media screen and (max-width:480px){

}
/* TEMPLATE */