@charset "UTF-8";

html {
font-family: 'Lato', sans-serif !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;  height: 100%;
  }

body {
  background-color: #fff;
  /* color: rgba(54, 54, 54, 0.6); */
  color:#000;
  font-family: 'Lato', sans-serif !important;
  font-size: 14px;
  height: 100%;
  overflow-x: hidden;
  width: 100%; margin: 0;
  border-top:10px solid #0465A6;
  }

a {
  color: #0465A6;
  transition: color .15s linear; }
a:hover {
    color: #161013;
    text-decoration:underline; }

p {
  line-height: 24px; }

h1, h2, h3, h4, h5, h6 {
  color: #363636; }

h1, h2, h3 {
  font-weight: 300;
  margin-bottom: 30px; }

h1 {
  font-size: 30px; }

h2 {
  font-size: 26px; }

h3 {
  font-size: 22px; }

h4, h5, h6 {
  font-weight: normal;
  margin-bottom: 10px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 14px; }

ol li {
  margin-bottom: 15px; }

form {width:100%; float:left;}

hr { border-color:#161013;}
legend { text-transform:uppercase!important; margin:20px auto; float:left; width:100%; font-size:18px;}
blockquote {float:left; width:100%}

section {width:100%; float:left; }

section .row {--gutter-x: -2em; --gutter-y: 0; margin-left: calc(var(--gutter-x)*-.5); margin-right: calc(var(--gutter-x)*-.5); margin-top: calc(var(--gutter-y)*-1);}


.page-header {text-transform:capitalize; font-size:22px;}

.text-center {text-align:center; }
.text-bold, .font-bold { font-weight:bold}

.box-shadow {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin:15px auto}

.isa_info, .isa_success, .isa_warning, .isa_error {
    margin: 10px 0px;
    padding:12px;
 
}
.isa_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.isa_error {
    color: #D8000C;
    background-color: #FFD2D2;
}

.form-search {border:1px solid #4B00A3; margin:5px auto; padding:5px 0; }

.form-search input, .form-search select {padding:5px;}
.form-search input[type="submit"], .form-search a.btn{padding:5px 10px; background-color:#F48631; color:#fff; border:none;}
.form-search label{font-weight:bold; width:100%; text-align:right; margin:5px auto 0;}

.header {padding:0; }
.logo img {max-height:60px; }
.top-login { font-size:small;}
.top-login p {margin:3px auto}

.sliders {}
.sliders img { width:100% }

.topmenu{margin:10px auto; display:inline-block }

.topmenu ul { padding:0; width:100% }
.topmenu li{float:left; list-style:none;}
.topmenu li a {}
.topmenu li a:hover { background-color:#161013; color:#fff; text-decoration:none}

.contents, .contents .container {}
.contents {}
.content {width:100%; display:inline-block; background-color:#fff; min-height:400px; padding:15px  }
.content h3 {margin:10px auto; font-size:18px; }

blockquote { font-size:14px; font-style:italic; margin-bottom:10px }

img{max-width:100%;}
label { display:block; font-weight:bold; text-transform:capitalize; }
label.required:after { content:'*'; color: #f00; margin-left:2px }

.font-bold {font-weight:bold; }
.error {color:#F48631; }

a.btn, input.btn, button.btn { border:none; background-color:#161013; color:#fff!important; padding:7px 15px; }
a.btn:hover, input.btn:hover, button.btn:hover { background-color:#0465A6; }

.page-title { font-weight:bold; margin:10px auto 10px; font-size:16px; padding: 0 10px; }

.form .col-md-12 {margin:5px auto; }

.slider {background-image:url(../images/slide.jpg); background-size:cover; background-repeat:no-repeat; background-position: center center; min-height:77px!important; position:relative; }

.slider div {position:absolute; margin: 0;  top: 50%;  -ms-transform: translateY(-50%); transform: translateY(-50%); width:97%; overflow:hidden; color:#fff; font-size:30px; }

.contents {padding:30px 0; background-color:#f3f3f3; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;}
.contents ul, .contents ol {margin:5px auto 5px 3px; padding-left:5px; }
.contents ul li, .contents ol li {margin:5px 10px; }


.sitename { padding:18px 0; color:#0465A6; font-weight:bold; font-size:24px; }

.login-form { }
.login-form .login, .login-form .login-intro{ padding:30px }
.login-form .login{display:inline-block;   }
.login-form .login .full-row{margin:15px auto }
.login-form input{text-align:center; }
.login-form input[type="email"],
.login-form input[type="password"]{padding:20px!important; }
.login-form h3 { font-size:20px; font-weight:bold; }
.login-form #login {box-shadow:5px 5px 5px 5px #161013; margin:10px; width:100%;}
.login-intro, .login-intro p { line-height:2em }
.login-intro li { list-style:none }
.login-intro li:before {
    content: '✓';
    margin: 0 5px 0 -20px;
	}

/*
.admin-menu-bar {margin:10px auto; padding:10px; box-shadow: 0px 0px 5px 5px rgba(43, 43, 43, 0.5); text-transform:capitalize; }

.dashboard  { padding:20px 10px; }

.dashboard .icon {width:100%; margin:15px auto; }

.dashboard .icon:hover { box-shadow: 0 0 3px #FF862C, 0 0 5px rgba(255, 133, 42, 0.5) ;}

.dashboard img { max-width:100%; height:100px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.dashboard label { display:block; width:100%; margin:5px auto; text-transform:capitalize; }
*/
.frame-400 { max-height:400px; overflow:scroll;}

.actions img {height:15px; margin:5px; }
.actions a {margin:auto 5px; }

.full-row { margin:10px auto!important}

.search-panel {}
.panel-actions {border:1px solid #f4f4f4!important; padding:20px; }
.panel-actions form{width:100%; max-width:300px; text-align:center; display:inline-block }


hr.separator { height:10px; background-color:#F7F8F9; }

.iframe {width:100%; float:left; display:block;}
.iframe-400{ max-height:400px; overflow:scroll;}
.iframe-500{ max-height:500px; overflow:scroll;}
.iframe-600{ max-height:600px; overflow:scroll;}

.no-padding {padding:0!Important; }
.font-small, .text-small {font-size:small; }

.copyright {background:#161013; color:#fff; padding:20px 0; }

@media (min-width:768px){
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {margin:10px auto; } 
}

.farm-manager {border:1px solid #0465A6; float:left; width:100%; padding:10px; }
.farm-manager legend{ font-size:20px; }