html, body {
   height: 100%;
   margin: 0;

   color: #837f7f ;
   background-color: #E0ECF4 !important;
   background:  url('../images/background_white.jpg');
   font-family: 'Open Sans', sans-serif !important;
   background-repeat: no-repeat;
   background-size:cover;
   background-attachment: fixed;




   letter-spacing: .1rem;
   text-decoration: none;
   text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, strong, b { font-family: 'Open Sans', sans-serif !important; margin-bottom: 20px; }
h1,h4 { font-weight: 700; margin-bottom: 10px; }
h2,h3 { font-weight: 300; color: #2265a3; }
h2 { font-size: 54px; text-align: center; }
h3 { font-size: 28px; }
pre, code { text-transform: none; }
.table-responsive {
    border: none !important;
}

.ui-select-choices {
   position: fixed !important;
   top: auto !important;
   left: auto !important;
   width: inherit !important;
 }

span.glyphicon.glyphicon-ok.check-mark {
    color: #2265A3 !important;
}

path {
   fill: rgb(34,101,163) !important;
}
.invisible {
   /*display: none !important;*/
   visibility: hidden !important;
}

.visible {
   /*display: block !important;*/
   visibility: visible !important;
}
.default-text {
   text-transform: none !important;
}
.panel, .panel-footer, .card-box, .jumbotron {
   /*-webkit-border-radius: 0px !important;
   -moz-border-radius: 0px !important;
   -o-border-radius: 0px !important;
   border-radius: 0px !important;
   border: 0px !important;*/
   border: 1px solid #837f7f !important;
 }
 @font-face {
     font-family: pirulen;
     src: url(../fonts/pirulen_rg.ttf);
 }
 .fa  { color: #837f7f !important; }

 .card-box {
     background-color: #FFFDF5 !important;
     border-color: #e0e0e0 !important;
 }
 .noselect {
 -webkit-touch-callout: none; /* iOS Safari */
   -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
      -moz-user-select: none; /* Firefox */
       -ms-user-select: none; /* Internet Explorer/Edge */
           user-select: none; /* Non-prefixed version, currently
                                 supported by Chrome and Opera */
 }
 .panel .card-drop, .card-box .card-drop {
     color: #837f7f;
     font-size: 20px;
     line-height: 1px;
     padding: 0px 5px;
     display: inline-block;
 }
.pagination ul {
   border: none;
}
.pagination>li>span:hover, .pagination>li>a:hover {
    background-color: #188ae2 !important;
   color: white !important;
   border: 1px solid rgb(34,101,163) !important;
   cursor: pointer !important;
}
.pagination>li>a, .pagination>li>span {
   color: #837f7f;
   border: 1px solid #434242;
   cursor: pointer;
}
.endPaginator {
    border-radius: 5px !important;
}

.pagination>.active>a,.pagination>.active>span {
   background-color: rgb(34,101,163) !important;
   border-color: #434242 !important;
}
.pagination li span {
   background-color: #FFFDF5 !important;

}
.pagination>li>span.paginator_info {
    margin-left: 10px;
    border: none;
}
.pagination>li:last-child>span:hover, .pagination>li:last-child>a:hover {
    border: none !important;
    background-color: white !important;
    cursor: default !important;
    color: #837f7f !important;
}

.dropdown-menu {
   background-color: #FFFDF5 !important;

}
.dropdown-menu * {
   color: #434242 !important;
}
.dropdown-menu li a:hover, .dropdown-menu li a:hover * {
   background-color:  rgb(34,101,163) !important;
   color: #FFF !important;
}
.full-height {
   height: 60px;
}

.flex-center {
   align-items: center;
   display: flex;
   justify-content: center;
}

.position-ref {
   position: relative;
}

.top-right {
   position: absolute;
   right: 10px;
   top: 18px;
}
.white {
   color: 434242;
}
.pirulen {
   font-family: pirulen;
}
.web-title {
   color: #837f7f !important;
   letter-spacing: .4rem;
   text-transform: uppercase;
   font-family: pirulen;
}
.navbar {
   background-color: 222222;
   border:  0;
}
.top-left {
   position: absolute;
   left: 30px;
   top: 18px;
}
.content {
   text-align: center;
}

.title {
   font-size: 84px;
}

#footer {
   height: 100px;
   color:  #837f7f;
   font-size: 12px;
   font-weight: 600;
   letter-spacing: .1rem;
   text-decoration: none;
   text-transform: uppercase;
}
/* /* The Modal (background) */
/* .modal { */
/*    display: none; /* Hidden by default */
   /*position: fixed; /* Stay in place */
   /*z-index: 1; /* Sit on top */
   /*padding-top: 100px; /* Location of the box */
   /*left: 0;
   /*top: 0;
   /*width: 100%; /* Full width */
   /*height: 100%; /* Full height */
   /*overflow: auto; /* Enable scroll if needed */
   /*background-color: rgb(0,0,0); /* Fallback color */
   /*background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
/*}

/* Modal Content */
/* .modal-content {
   background-color: #000;
   margin: auto;
   padding: 0px;
   border: 1px solid #888;
   width: 80%;
} */

/* The Close Button */
.close {
   color: #434242;
   float: right;
   font-size: 28px;
   font-weight: bold;
}

.close:hover,
.close:focus {
   color: #837f7f;
   text-decoration: none;
   cursor: pointer;
}

.p-25 {
 padding: 25px;
}
.p-l-10 {
   padding-left: 10px;
}
.p-t-10 {
   padding-top: 10px;
}
.p-l-30 {
   padding-left: 30px;
}
.m-t-3 {
   margin-top: 3px;
}
.m-t-10, .m-t-10 li {
   margin-top: 10px;
}
.m-t-15, .m-t-15 li {
   margin-top: 15px;
}
.m-t-20, .m-t-20 li {
   margin-top: 20px;
}
.m-t-60 {
 margin-top: 60px;
}
.m-t-80 {
 margin-top: 80px;
}
.m-t-100 {
 margin-top: 100px;
}
.m-b-5 {
 margin-bottom: 5px;
}
.m-b-10 {
 margin-bottom: 10px;
}
.m-b-15 {
 margin-bottom: 15px;
}
.m-b-20 {
 margin-bottom: 20px;
}
.m-b-25 {
 margin-bottom: 25px;
}
.m-b-30 {
   margin-bottom: 30px;
}
.m-b-35 {
 margin-bottom: 35px;
}
.m-b-40 {
 margin-bottom: 40px;
}
.m-b-45 {
 margin-bottom: 45px;
}
.m-b-50 {
 margin-bottom: 50px;
}
.m-b-55 {
 margin-bottom: 55px;
}
.m-b-60 {
 margin-bottom: 60px;
}
.m-b-65 {
 margin-bottom: 65px;
}
.m-b-70 {
 margin-bottom: 70px;
}
.m-b-75 {
 margin-bottom: 75px;
}
.m-b-80 {
 margin-bottom: 80px;
}
.m-b-85 {
 margin-bottom: 85px;
}
.m-b-90 {
 margin-bottom: 90px;
}
/***********************/
.m-l-5 {
 margin-left: 5px;
}
.m-l-10 {
 margin-left: 10px;
}
.m-l-15 {
 margin-left: 15px;
}
.m-l-20 {
 margin-left: 20px;
}
.m-l-25 {
 margin-left: 25px;
}
.m-l-30 {
 margin-left: 30px;
}
.m-l-35 {
 margin-left: 35px;
}
.m-l-40 {
 margin-left: 40px;
}
.m-l-45 {
 margin-left: 45px;
}
.m-l-50 {
 margin-left: 50px;
}
.m-l-55 {
 margin-left: 55px;
}
.m-l-60 {
 margin-left: 60px;
}
.m-l-65 {
 margin-left: 65px;
}
.m-l-70 {
 margin-left: 70px;
}
.m-l-75 {
 margin-left: 75px;
}
.m-l-80 {
 margin-left: 80px;
}
.m-l-85 {
 margin-left: 85px;
}
.m-l-90 {
 margin-left: 90px;
}
/*****/
.m-r-5 {
 margin-right: 5px;
}
.m-r-10 {
 margin-right: 10px;
}
.m-r-15 {
 margin-right: 15px;
}
.m-r-20 {
 margin-right: 20px;
}
.m-r-25 {
 margin-right: 25px;
}
.m-r-30 {
 margin-right: 30px;
}
.m-r-35 {
 margin-right: 35px;
}
.m-r-40 {
 margin-right: 40px;
}
.m-r-45 {
 margin-right: 45px;
}
.m-r-50 {
 margin-right: 50px;
}
.m-r-55 {
 margin-right: 55px;
}
.m-r-60 {
 margin-right: 60px;
}
.m-r-65 {
 margin-right: 65px;
}
.m-r-70 {
 margin-right: 70px;
}
.m-r-75 {
 margin-right: 75px;
}
.m-r-80 {
 margin-right: 80px;
}
.m-r-85 {
 margin-right: 85px;
}
.m-r-90 {
 margin-right: 90px;
}
.red {
   color: #7D0810;
}
.box-shadow {
   -webkit-box-shadow: 0px 0px 17px 5px rgba(0,0,0,0.92);
   -moz-box-shadow: 0px 0px 17px 5px rgba(0,0,0,0.92);
   box-shadow: 0px 0px 17px 5px rgba(0,0,0,0.92);
   z-index: 2 !important;
}
.box-shadow-2 {
   -webkit-box-shadow: 0px 16px 17px 5px rgba(0,0,0,0.92);
   -moz-box-shadow: 0px 16px 17px 5px rgba(0,0,0,0.92);
   box-shadow: 0px 16px 17px 5px rgba(0,0,0,0.92);
   z-index: 1 !important;
}
.box-shadow-3 {
   -webkit-box-shadow: 0px 0px 17px 5px rgba(0,0,0,0.72);
   -moz-box-shadow: 0px 0px 17px 5px rgba(0,0,0,0.72);
   box-shadow: 0px 0px 17px 5px rgba(0,0,0,0.72);
   z-index: 2 !important;
}
.panel.panel-default {
   border: 1px solid #e0e0e0 !important;
}
.panel {
   background-color: #FFFDF5 !important;
   border-color: #e0e0e0 !important;
}
.panel-footer {
   background-color: #FFFDF5 !important;
   border-color: #e0e0e0 !important;
   padding: 20px;
}
.panel-heading {
   background-color: #FFFDF5 !important;
   border-bottom:  1px solid #e0e0e0 !important;
   color: #837f7f !important;
}

label {
   color:  #837f7f;
}
.btn-primary {
   background-color: #2265A3 !important;
   color: white !important;
}
.navbar {
    margin-bottom: 0 !important;
   background-color: #222222 !important;
}
.navbar-right li a:hover {
   color:  white !important;
}
.simplebox, .simplebox:focus {
   background-color: #FFFDF5 !important;
   color: #837f7f !important;
   border: 1px solid #e0e0e0;
   /* width:  100%; */
   padding:  5px;
}
input:focus {
   color:  #837f7f;
}
.post .simplebox, .post .simplebox:focus {
   font: 600 15px/1.8 'Raleway', sans-serif;
   letter-spacing: .1rem;
   -webkit-box-shadow: 0 0 0px 1000px #837f7f inset !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {

   -webkit-box-shadow: 0 0 0px 1000px #222222 inset;
   -webkit-text-fill-color: #837f7f !important;
   color:  #837f7f;
}
input, button {
   /* border: 1px solid #837f7f !important; */
   min-height: 40px;
}
.btn-link {
   color:  #837f7f;
}
.btn-link:hover {
   color:  rgb(34,101,163) !important;
   text-decoration: none !important;
}
button:hover {
   /* border: 1px solid rgb(34,101,163) !important; */
   /* -webkit-box-shadow: 0 0 3px 2px #837f7f !important; */
}
.min-h-40 {
   min-height: 25px;
   line-height: 25px;
}
/* Style The Dropdown Button */
.dropbtn {
 background-color: rgb(34,101,163);
 color: #837f7f;
 padding: 16px;
 font-size: 16px;
 border: none;
 cursor: pointer;
 border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
 position: relative;
 display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
 display: none;
 position: absolute;
 background-color: #FFFDF5;
 min-width: 160px;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
 padding: 12px 16px;
 text-decoration: none;
 display: block;
 color: #837f7f;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: rgb(34,101,163); color: white}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
 display: block;
}
table thead a { color: rgb(34,101,163) !important; }
table thead a:hover { color: #188ae2 !important; }
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
 background-color: rgb(34,101,163); color: #837f7f;border: none;
}
.text { color: #837f7f !important;}

.btn-status-success {
   color: #10C469 !important;
   border: 1px solid #10C469 !important;
}
.btn-status-error {
   color: #ff5b5b !important;
   border: 1px solid #ff5b5b !important;
}
.btn-status-warning {
   color: #f9c851 !important;
   border: 1px solid #f9c851 !important;
}
.btn-status-primary {
   color: rgb(34,101,163) !important;
   border: 1px solid rgb(34,101,163) !important;
}
.btn-status-unknown {
   color: #9365B8 !important;
   border: 1px solid #9365B8 !important;
}
.btn-status-success-hover, .btn-status-warning-hover, .btn-status-error-hover, .btn-status-primary-hover, .btn-status-unknown-hover {
   color: #FFFFFF !important;
   border: 1px solid #FFFFFF !important;
}
.alert-blue {
    background-color: #d8e4f0 !important;
    border: 1px solid #c6dae9 !important;
    color: #3170aa;
}
#userTable tbody tr:hover, #adminTable tbody tr:hover {
   background-color: rgb(34,101,163);
   color: #FFFFFF !important;
   cursor: pointer;
}
#userTable thead tr:hover, #adminTable thead tr:hover {
   background-color: #FFFDF5 !important;
}
#userTable tbody td:first-child, #adminTable tbody td:first-child {
   text-align: center;
}
::-webkit-scrollbar {
   width: 1em;
}

::-webkit-scrollbar-track {
   background: #FFFDF5;
   -webkit-box-shadow: inset 0 0 6px #FFFDF5;
}

::-webkit-scrollbar-thumb {
 background-color: #636B6F;
 outline: 1px solid #FFFDF5;
}
::-webkit-resizer                {
   -webkit-box-shadow: inset 0 0 6px #FFFDF5;
   color: #e0e0e0;
}
.progress  {
   background-color: #FFFDF5;
}
.fa { color: #2265A3 !important; }
h1, h2, h4, h5, h6 {
   color: #837f7f !important;
}
.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
   border: 1px solid #837f7f !important;
}
.jvectormap-zoomin:hover, .jvectormap-zoomout:hover, .jvectormap-goback:hover {
   border: 1px solid #837f7f !important;
   background-color: rgba(227,43,16, 0.8) !important;
   color: #FFFFFF;
}
.world-map { background-color: #E0ECF4 !important; }
.visitor-chart { background-color: #D9F4CD !important; }

.laravel-add-on-data-captured ul { padding-left:20px; list-style:none; }
.laravel-add-on-data-captured li:before {
   font-family: 'FontAwesome';
   content: '\f061';
   margin:0 5px 0 -15px;
   color: #2265a3;
}

.background-white { background: #FFFDF5; }
.background-gray { background: #434242; }
.background-green { background: #D9F4CD; }
.background-blue { background: #E0ECF4; }

.text-green { color: #226500; }
.text-blue { color: #2265a3 !important; }
.text-laravel-red { color: #a94442; }
.background-green-dark { background: #226500; }
.visitor-tracker-image-link img {
    FILTER: BRIGHTNESS(.105);
}
.visitor-tracker-image-link img:hover {
    FILTER: BRIGHTNESS(.5);
}
.navbar-brand {
    color: #ffffff !important;
}
.navbar-toggle:hover {
    background-color: #188ae2 !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
}

h2.m-t-20.m-b-30.text-blue {
    line-height: 58px;
}

a strong:hover, a:hover {
    color: #188ae2;
}


/* PRELOADER */