/*-----------------------------------------------------------------------------------

	Theme Name: Sarasota
	Author: Derek Ortiz
	Author URI: http://www.revize.com/
	Date: Apri1 1, 2017

-----------------------------------------------------------------------------------*/ 
/* -----------------------------------------

#basic styles

-----------------------------------------*/ 
body{background:#fff;font-size:14px;line-height:1.6;font-family:'Open Sans',sans-serif;color:#525252;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}

/* -----------------------------------------

#typography

-----------------------------------------*/ 
h1,h2,h3,h4,h5,h6{font-family:"Fjalla One";color:#333;font-weight:normal;margin-bottom:30px;line-height:1.2;font-size:22px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:28px}
h2{font-size:26px;color:#333}
h3{font-size:21px;color:#333}
h4{font-size:17px;color:#333}
h5{font-size:13px}
h6{font-size:11px}
.header{font-size:22px;color:#333;margin-bottom:30px}
.subheader{font-size:18px;color:#333;margin-bottom:30px}
p{margin:0 0 30px 0}
em{font-style:italic}
strong,b{font-weight:bold}
small{font-size:80%}
hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}
#home h1,#home h2,#home h3,#home h4, #home h5,#home h6{margin-top: 0}
/* -----------------------------------------

#links

-----------------------------------------*/ 
a,a:visited{color:#1069A0;text-decoration:none;outline:0!important;
-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;
-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}
a:hover,a:focus{color:#0f99ee}
p a,p a:visited{line-height:inherit}

/* -----------------------------------------

#lists

-----------------------------------------*/ 
ul,ol{margin-bottom:20px;margin-left:30px}
ul{list-style:disc}
ol{list-style:decimal}
ul ul,ul ol,
ol ol,ol ul{margin:4px 0 5px 30px}
ul ul li,ul ol li,
ol ol li,ol ul li{margin-bottom:6px}
li{line-height:1.3;margin-bottom:7px}
li p{line-height:1.3}

/* -----------------------------------------

#images

-----------------------------------------*/
img{max-width:100%;height:auto}
a img{border:none}

.alignleft{float:left;clear:left;margin:0 20px 20px}
.alignright{float:right;margin:0 0 20px 20px}
.alignnone{margin:0 auto 20px;display:block}
img[align="right"],
img[style*="float: right"],
img[style*="float:right"]{
  margin: 0 20px 15px 0px;
}
img[align="left"],
img[style*="float: left"],
img[style*="float:left"]{
  margin: 0 20px 10px 0;
}

/* -----------------------------------------

#buttons

-----------------------------------------*/ 
.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.btn{padding:6px 26px;color:#fff!important;border:0;display:inline-block;font-size:12px;font-weight:700!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:middle;font-family:"Lato",sans-serif;text-transform:uppercase;transition:background .3s}
.btn:after{padding:6px 0;text-align:center}
/*.button:hover,
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#0e8cda}*/
.button:active,
a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#0e8cda}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0}
.btn-primary{background:#164822}
.btn-primary:hover{background:#515fdb}
.btn-secondary{background:#164822}
.customRadio{display:none}
.customRadio + label{font-size:14px;font-family:"Ubuntu";color:#898989;cursor:pointer;display:inline-block;margin-left:10%;margin-bottom::0}
.customRadio:checked + label{position:relative;color:#103a5d}
.customRadio:checked + label:after{content:'';position:absolute;background:#103a5d;bottom:-20px;left:0;right:0;height:2px}

/* -----------------------------------------

#forms

-----------------------------------------*/ 
form{margin-bottom:30px}
fieldset{margin-bottom:30px}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="date"],
textarea,
select{border:2px solid #e3e6f1;padding:10px 14px;outline:none;font-size:13px;font-family:sans-serif;color:#464646;margin:0;display:inline-block;background:#fff;border-radius:0;box-shadow:none;height:50px}
textarea{height:auto}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
textarea:focus{color:#63686c;border:2px solid #0F95E9}
label,
legend{display:block;font-weight:bold;font-size:13px}
input[type="checkbox"]{display:inline}
label span,
legend span{font-weight:normal;font-size:13px;color:#333333}
.form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none}
::-webkit-input-placeholder{color:#8f8f8f}
:-moz-placeholder{color:#8f8f8f}
::-moz-placeholder{color:#8f8f8f}
:-ms-input-placeholder{color:#8f8f8f}
.dp-wrap{position:relative}
.dp-wrap::after{content:'\f073';font-family:"FontAwesome";font-size:21px;color:#444;position:absolute;right:13px;top:50%;transform:translateY(-50%);line-height:.8}
input.dp[type="text"]{cursor:pointer!important}
/* Toggle box codde */
.togglebox input{ display:none; }
.togglebox{ display:inline-block;width:50px;height:30px;position:relative;border-radius:2px;color:#fff;overflow:hidden}
.togglebox label{ max-width:none;width:200%;height:100%;line-height:30px;position:absolute;top:0;left:-40px;z-index:1;font-size:12px;cursor:pointer;-webkit-transition:0.12s;-moz-transition:0.12s;transition:0.12s}
/*.togglebox span{ position:absolute;right:-100px}*/
.togglebox label::before{ content:'YES';display:block;width:75px;float:left;margin-right:-35px;padding-right:35px;text-align:center;background:#5cb85c}
.togglebox label b{ display:block;height:100%;width:10px;float:left;position:relative;z-index:1;background:#aaa}
.togglebox label:hover b{}
.togglebox label::after{ content:'NO';width:50px;display:block;float:left;margin-left:-10px;padding-left:10px;text-align:center;color:#fff;background:#434343}
.togglebox input:checked ~ label{ left:0px}
.togglebox input:checked ~ label b{background:#38ee68}
.filter.row{margin-bottom:20px}
.dropdown-toggle{width:100%;padding:12px 15px 10px;}
.btn-secondary{background:#fff;border:1px solid #525252;color:#525252!important}
.dropdown-toggle::after {display: inline-block;width:0;height:0;position:relative;top:5px;margin-left:.3em;vertical-align:middle;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent}
.dropdown-menu{width:100%;max-height:400px;overflow:auto}
.dropdown-item{display:block;padding:5px 10px;border-bottom:1px solid #ccc}
.dropdown-item:last-child{border:none}
/* -----------------------------------------

#main

-----------------------------------------*/
.login-form{max-width:100%;width:400px;margin:0 auto}
.tbl{display:table;table-layout:fixed}
.tc{display:table-cell;} 
html,body:not(.dogPage){height:100%}
body{overflow-x:hidden;/*background:#ECF0F1*/;position:relative;background:transparent}
.alert{border-radius:0}
.container{max-width:100%;width:1290px}
.main-wrap .container{padding-left:15px;padding-right:15px}
header{background:#1D2228;padding:0 0 0 10px;z-index:999}
.left,.right{padding:0 15px}
.left{float:left}
.right{float:right;position:static}
.req{text-decoration:underline}
.faded{background:rgba(255,0,0,.16)!important}
.main-nav a{color:#fff!important;font-size:16px;display:inline-block;padding:17px 15px;text-decoration:none!important}
.side-nav{position:absolute;left:0;top:60px;bottom:0;width:250px}
.side-nav a{color:#305275!important;display:block;text-align:left;border-bottom:1px solid #c5c5c5;padding:10px}
.main-wrap{margin-left:250px;background:#fff;min-height:100%;overflow:hidden;border-left:1px solid #c5c5c5}
.logo a{color:#fff!important;text-decoration:none;font-size:26px;font-weight:400;line-height:1.2;display:inline-block;padding-top:13px}
.logo .sub{font-size:19px;padding-left:24px;margin-top:-4px;color:#ef4035}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nav-toggle,
.toggle,
.toggle2{display:none}
section{background:transparent;margin:0 auto 40px}
section>.page-title:first-child{margin-top:0}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.form-control{height:40px;padding-top:0;padding-bottom:0}
.notice{font-size:11px;margin:20px auto}
.form-group{margin-bottom:20px}
.form-group .notice{margin:10px auto 0;padding:5px 15px}
.label-inline label{display:inline;margin-right:6px}
.instruct{margin-bottom:10px}
.example{margin-top:10px}
.btn-area{margin-bottom:20px}
.input-group .btn{padding-top:0;padding-bottom:0;height:100%}
.btn-wrap{margin:40px auto 20px;max-width:400px}
.btn-block{padding:10px 25px!important;font-size:16px}
.btn-block.md{max-width:500px}
.page-title{padding:0 0 20px;border-bottom:1px solid #cecece}
.count{font-size:18px}
.vc-table td{vertical-align:middle!important}

/* -----------------------------------------

#Search Results

-----------------------------------------*/ 
.container.container-small{width:700px}
.results-table{
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.panel{border:1px solid #dcdcdc;padding:20px}
#data-table{table-layout:fixed;width:100%}
.fifty{width:50px}
.seventy-five{width:75px}
.hundred{width:100px}
.hundred-fifty{width:150px}
.two-hundred{width:200px}
.no-pad-top .control-label{padding-top:0}
.data-sec{border:1px solid #ddd;padding:15px;margin-bottom:20px}
.table-sec{padding:0}
.table-sec .sec-head{margin:0}
.table-sec .table{margin:0}
.xs-break.container{max-width:850px;width:100%}
.print-link{float:right;font-size:16px;margin-top:10px}
.search-row td{vertical-align:middle!important}
.search{position:relative}
.search #search{padding-right:80px}
.search button{position:absolute;right:0;top:0;height:100%;padding:0;background:#164822;width:70px}
.offense{border-bottom: 1px solid #ddd;padding:5px 0}
.offense:last-child{border:none}
.tabs{font-size:0;overflow:hidden;border-bottom:1px solid #ddd;}
.tab{display:block;float:left;font-size:16px;width:33.3333%;padding:10px 15px;border-top-right-radius:3px;border-top-left-radius:3px;text-align:center}
.tab.active{border:1px solid #ddd;border-bottom:none}
.tab a{text-decoration:none!important}
.tab-pane{padding:20px 0}
.delOpt{width:60px}
.maxW{max-width:250px}
.viewDog{font-size:16px;margin-bottom:0}
.viewDog label{font-size:16px}
.l2{margin-bottom:10px;}
.noimage{position:relative;width:100%;border:6px solid #999;border-radius:8px;;background:#ddd;padding:15px;padding-bottom:100%;text-align:center;font-size:20px;font-weight:700;}
.noimage i{margin-top:15px;font-size:35px}
.v-center{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.dog{margin-bottom:20px}
.dog a{font-size:22px}

/*------------------------------------------

#pagination

------------------------------------------*/
.paginator{text-align:center;margin-bottom:20px}
.pagination{margin:0 auto}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{background-color:#164822;border-color:#164822}
.pagination>li>a,
.pagination>li>span{color:#164822}
.sortLink{color:#333!important}
.sortLink.asc::after{content:' \f0d8';font-family:"FontAwesome";margin-left:5px}
.sortLink.desc::after{content:' \f0d7';font-family:"FontAwesome";margin-left:5px}

/*-----------------------------------------

#stacktable

-----------------------------------------*/
.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }
/* RESPONSIVE EXAMPLE */
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }
.stacked table:first-child{display:none!important}
.stacked table:nth-child(odd) tr{background:#f4f8ff!important}
.stacked table:nth-child(even) tr{background:none!important}

/*-----------------------------------------

#parsley

-------------------------------------------*/
.parsley-errors-list{margin:10px 0;padding:0}
.parsley-required{color:#FF0000;margin-bottom:3px;list-style:none}

/* -----------------------------------------

#media queries

-----------------------------------------*/ 
@media only screen and (min-width:1200px) {
  .l1:first-child .row{margin-left:-5px}
  .l1:last-child .row{margin-right:-5px}
}
@media only screen and (max-width:1199px) and (min-width:992px) {
  .l1:first-child{margin-bottom:10px}
}

@media only screen and (min-width:992px) {

    section.container,section{padding:50px 0}

}

@media only screen and (max-width:991px) {
  section.container,section{padding:40px 0}
  .print-link{margin-top:5px}
 .v-align{margin-top:0px!important}
}

@media (min-width: 768px) {
  .main-nav{display:block!important}
  #menu-icon{display:none}
  .count{float:right;margin:13px 0 0}
  .control-label{padding-top:15px!important}
}

@media (max-width: 767px) {
  header{height:50px}
  header .right{width:100%}
  .main-nav{margin:0 -15px;display:none}
  header .right > nav{padding-bottom:20px}
  .main-nav a{display:block;text-align:left;padding:10px 20px;color:#305275!important;display:block;text-align:left;border-bottom:1px solid #c5c5c5;padding:10px}
  .side-nav{position:static;width:100%;margin:0;border-right:none}
  .side-nav a{}
  .panel .text-right{text-align:left;}
  #menu-icon{display:block;position:absolute;right:0;top:0;height:50px;width:50px;color:#fff;font-size:20px;font-weight:700;cursor:pointer;}
  #menu-icon::before{position:absolute;top:50%;left:0;right:0;margin:0 auto;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;}
  .logo a{font-size:21px;padding:12px 0}
  .logo .sub{font-size:13px;padding-left:14px}
  .main-wrap{margin-left:0}
  .fixed{padding-top:90px}
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table;table-layout:fixed }
  .st-key{width:80px;}
  .sortLink{color:#444!important}
  .user-sec label.text-right{text-align:left;display:block;width:100%}
  .filter-row input[type=text]{width:100%!important}
  .customRadio + label{margin-left:10px;}
  .customRadio:checked + label:after{bottom:-5px}
  .l2{margin-bottom:10px}
  .filter-row button{padding:18px 0 0;text-align:center;width:75px;}
  .results-table th:nth-child(1){width:auto}
  /* Force table to not be like tables anymore */
  .results-table:not(.stacktable.small-only) table, .results-table:not(.stacktable.small-only) thead, .results-table:not(.stacktable.small-only) tbody, .results-table:not(.stacktable.small-only) th, .results-table:not(.stacktable.small-only) td, .results-table:not(.stacktable.small-only) tr {
    display: block;
    height:auto!important;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .results-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    height:auto;
  }

  .results-table tr { border: 1px solid #ccc; }

  .results-table td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
  }
  .results-table.table-striped td::before, .results-table.table-striped td::after{display:none!important;background:none}
  .index .pli,.index .nli{width:95px}
  
}

@media (min-width: 568px) {
}
	/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:500px) {
	.xs-break .col-xs-1, .xs-break .col-xs-2, .xs-break .col-xs-3, .xs-break .col-xs-4, .xs-break .col-xs-5,.xs-break .col-xs-511, .xs-break .col-xs-512, .xs-break .col-xs-513, .xs-break .col-xs-514, .xs-break .col-xs-515, .xs-break .col-xs-6, .xs-break .col-xs-7, .xs-break .col-xs-8, .xs-break .col-xs-9, .xs-break .col-xs-10, .xs-break .col-xs-11, .xs-break .col-xs-12 {
	    float: none!important;
	    width:100%;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {}

@media print { 
	.nav-wrap,
	.sidebar,
	.breadcrumbs,
	.print-link,
	.btn-area,
	.e-notify{display:none!important}
	a[href]:after{content:none!important}

	.xs-break .form-group{margin-bottom:10px}
	.xs-break h1{margin-bottom:10px;font-size:20px}

  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5,.col-xs-511, .col-xs-512, .col-xs-513, .col-xs-514, .col-xs-515, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left!important;
  }
  .col-xs-12 {
    width: 100%!important;
  }
  .col-xs-11 {
    width: 91.66666667%!important;
  }
  .col-xs-10 {
    width: 83.33333333%!important;
  }
  .col-xs-9 {
    width: 75%!important;
  }
  .col-xs-8 {
    width: 66.66666667%!important;
  }
  .col-xs-7 {
    width: 58.33333333%!important;
  }
  .col-xs-6 {
    width: 50%!important;
  }
  .col-xs-5 {
    width: 41.66666667%!important;
  }
  .col-xs-4 {
    width: 33.33333333%!important;
  }
  .col-xs-3 {
    width: 25%!important;
  }
  .col-xs-2 {
    width: 16.66666667%!important;
  }
  .col-xs-1 {
    width: 8.33333333%!important;
  }

}