/*
Template Name: 
Version: 
Author: 
Author URI: 

[Table of contents]

1. Helpers
2. Elements
    2.1. Animation Box
    2.2. Columns & sections
4. Header
    4.1. Main menu
    4.2. Header Style 2
    4.3. Header Style 1 & 2 Inverted
    4.4. Header Style 3
    4.5. Mega Menu
    4.6. Title/Breadcrumbs Bar
5. Slider place
6. Blog
    6.1. Blog Timeline
    6.2. Blog Posts
    6.3. Post Comments
    6.4. Post Pagination
7. Videos
8. Contact Form 7
9. Widgets
    9.1. Search
    9.2. Categories
    9.3. Tag Cloud
    9.4. Flickr stream
    9.5. Contact Info Widget
10. Pages
    10.1. Portfolio
    10.2. Contact Page - Contact Info
    10.3. About us page
    10.4. 404 page
11. Other
    11.1. AB testimonials
12. Footer


/*-----------------------------------------------------------------*/
/* 1. Helpers
/*-----------------------------------------------------------------*/


/********** 1.1. COLORS **********/

/* Background */
.bg-none{ background-color: transparent !important; }
.bg-white{ background-color: #fff; }
.bg-body{ background-color: #fbfbfb; }
.bg-gray{ background-color: #444444; }
.bg-graylight{ background-color: #B4AD8B; }
.bg-light{ background-color: #E6E4D9; }
.bg-blue{ background-color: #34495e; }
.bg-bluelight{ background-color: #CCD8D1; }
.bg-orange{ background-color: #E16F4D; }
.bg-theme{ background-color: #536385 !important; }


/* Botões */
.btn-theme{ background-color: #536385 !important; color: #fff !important; }


/********** 1.2. FONTS|TEXT **********/

/* Font Weight */
fw-100{ font-weight: 100; }
fw-200{ font-weight: 200; }
fw-300{ font-weight: 300; }
fw-400{ font-weight: 400; }
fw-500{ font-weight: 500; }
fw-600{ font-weight: 600; }
fw-700{ font-weight: 700; }
fw-800{ font-weight: 800; }
fw-900{ font-weight: 900; }


/* Font Size PX */
.fs-11{ font-size: 11px !important; }
.fs-16{ font-size: 16px !important; }
.fs-18{ font-size: 18px !important; }
.fs-20{ font-size: 20px !important; }


/* Font Color */
.fc-white{ color: #fff !important;}
.fc-black{ color: #000 !important;}
.fc-yellow{ color: #ffc107 !important; }
.fc-theme{ color: #BB2821 !important; }
.fc-default{ color: #828282 !important; }


/* Text Transform */
.tt-none{ text-transform: none !important; }
.tt-uppercase{ text-transform: uppercase !important; }
.tt-lowercase{ text-transform: lowercase !important; }
.tt-capitalize{ text-transform: capitalize !important; }


/* Text Decoration */
.td-none{ text-decoration: none; }
.td-overline{ text-decoration: overline; }
.td-line-through{ text-decoration: line-through; }
.td-underline{ text-decoration: underline !important; }


/********** 1.3. ALIGN **********/

/* Text Align */
.ta-left{ text-align: left;}
.ta-right{ text-align: right;}
.ta-center{ text-align: center !important; }
.ta-justify{ text-align: justify !important; }

/* TEXT ALIGN LAST */
.tal-center{ text-align-last: center; }
.tal-right{ text-align-last: right; }
.tal-left{ text-align-last: left; }


/********** 1.3. ALIGN AND POSITION **********/

/* POSITION */
.position-absolute{ position: absolute !important; }
.position-relative{ position: relative !important; }
.position-fixed{ position: fixed !important;  }
.position-static{ position: static !important; }


/* Float */
.fl-left{ float: left !important; }
.fl-right{ float: right !important; }
.fl-none{ float: none !important; }


/* Display */
.ds-block{ display: block; }
.ds-inblock{ display: inline-block; }
.ds-inline{ display: inline; }
.ds-none{ display: none; }


/* VERTICAL ALIGN */
.va-middle{vertical-align: middle; }
.va-baseline{vertical-align: baseline; }
.va-text-top{vertical-align: text-top; }
.va-text-bottom{vertical-align: text-bottom; }


/* WHITE-SPACE */
.ws-nowrap{ white-space: nowrap; }
.ws-normal{ white-space: normal; }
.ws-pre{ white-space: pre; }


/********** 1.3. MOUSE AND EVENTS **********/


/* Pointer Events */
.pe-none{ pointer-events: none; }
.pe-auto{ pointer-events: auto; }


/* Cursor */
.cursor-pointer{ cursor: pointer; }
.cursor-alias{ cursor: alias; }
.cursor-cell{ cursor: cell; }
.cursor-context-menu{ cursor: context-menu; }
.cursor-copy{ cursor: copy; }
.cursor-crosshair{ cursor: crosshair; }
.cursor-grab{ cursor: -webkit-grab; cursor: grab; }
.cursor-grabbing{ cursor: -webkit-grabbing; cursor: grabbing; }
.cursor-help{ cursor: help; }
.cursor-move{ cursor: move; }
.cursor-no-drop{ cursor: no-drop; }
.cursor-none{ cursor: none; }
.cursor-progress{ cursor: progress; }
.cursor-text{ cursor: text; }


/********** 1.4. OTHERS **********/

/*PAGINAÇÃO*/
.paginator{ float: left; width: 100%; text-align: center; }
.paginator li{ display: inline-block; margin: 0 20px; font-size: 1.1em; }
.paginator a {color: #fff; }
.paginator a:hover{ text-decoration: underline; }


/*TRIGGER*/
.trigger{ float: left; width: 100%; padding: 25px; font-size: 1.2em; margin-bottom: 30px; }
.trigger-bottom{margin: 30px 0 0 0;}

.trigger-accept{ background-color: #accc9a; color: #6b7f60; }
.trigger-infor{ background-color: #9ab7cc; color: #60727f; }
.trigger-alert{ background-color: #c6b247; color: #776b2b; }
.trigger-error{ background-color: #e69f9f; color: #996a6a; }


.rounded{ border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; }
.b-thin{border-width: 3px !important;}
.b-normal{border-width: 5px !important;}
.b-thick{border-width: 7px !important;}


.textshadow{ text-shadow: 1px 1px 0 #ccc; }
.boxshadow{-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); }
.radius{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.round{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.last{ margin-right: 0 !important; }
.clear{ clear: both; }
.opacity0{ opacity: 0; }
.no-resize{ resize:none !important; }


/********** 1.4. BORDAS **********/

/* Border Color */
.border-theme{ border-color: #536385 !important; }

/* Border Style */
.bs-none{ border-style: none; }
.bs-dotted{ border-style: dotted; }
.bs-dashed{ border-style: dashed; }
.bs-solid{ border-style: solid; }
.bs-double{ border-style: double; }
.bs-groove{ border-style: groove; }
.bs-groove{ border-style: ridge; }
.bs-inset{ border-style: inset; }
.bs-outset{ border-style: outset; }

/* Border Top */
.bt-0{ border-top: 0; }
.bt-1{ border-top: 1px; }
.bt-2{ border-top: 2px; }
.bt-3{ border-top: 3px; }
.bt-4{ border-top: 4px; }
.bt-5{ border-top: 5px; }
.bt-6{ border-top: 6px; }
.bt-7{ border-top: 7px; }
.bt-8{ border-top: 8px; }
.bt-9{ border-top: 9px; }
.bt-10{ border-top: 10px; }

/* Border Bottom */
.bb-0{ border-bottom: 0; }
.bb-1{ border-bottom: 1px; }
.bb-2{ border-bottom: 2px; }
.bb-3{ border-bottom: 3px; }
.bb-4{ border-bottom: 4px; }
.bb-5{ border-bottom: 5px; }
.bb-6{ border-bottom: 6px; }
.bb-7{ border-bottom: 7px; }
.bb-8{ border-bottom: 8px; }
.bb-9{ border-bottom: 9px; }
.bb-10{ border-bottom: 10px; }

/* Border Left */
.bl-0{ border-left: 0; }
.bl-1{ border-left: 1px; }
.bl-2{ border-left: 2px; }
.bl-3{ border-left: 3px; }
.bl-4{ border-left: 4px; }
.bl-5{ border-left: 5px; }
.bl-6{ border-left: 6px; }
.bl-7{ border-left: 7px; }
.bl-8{ border-left: 8px; }
.bl-9{ border-left: 9px; }
.bl-10{ border-left: 10px; }

/* Border Right */
.br-0{ border-right: 0; }
.br-1{ border-right: 1px; }
.br-2{ border-right: 2px; }
.br-3{ border-right: 3px; }
.br-4{ border-right: 4px; }
.br-5{ border-right: 5px; }
.br-6{ border-right: 6px; }
.br-7{ border-right: 7px; }
.br-8{ border-right: 8px; }
.br-9{ border-right: 9px; }
.br-10{ border-right: 10px; }


/********** 1.5. SPACEMENTS **********/


/* Margin */
.m-0{ margin: 0 !important; }
.m-auto{ margin: 0 auto !important; }

.m-5{ margin: 5px !important; }
.m-10{ margin: 10px !important; }
.m-15{ margin: 15px !important; }
.m-20{ margin: 20px !important; }
.m-25{ margin: 25px !important; }
.m-30{ margin: 30px !important; }
.m-35{ margin: 35px !important; }
.m-40{ margin: 40px !important; }
.m-45{ margin: 45px !important; }
.m-50{ margin: 50px !important; }
.m-55{ margin: 55px !important; }
.m-60{ margin: 60px !important; }
.m-65{ margin: 65px !important; }
.m-70{ margin: 70px !important; }
.m-75{ margin: 75px !important; }
.m-80{ margin: 80px !important; }
.m-85{ margin: 85px !important; }
.m-90{ margin: 90px !important; }
.m-95{ margin: 95px !important; }
.m-100{ margin: 100px !important; }


/* Margin Top */
.mt-0{ margin-top: 0 !important; }
.mt-5{ margin-top: 5px !important; }
.mt-10{ margin-top: 10px !important; }
.mt-15{ margin-top: 15px !important; }
.mt-20{ margin-top: 20px !important; }
.mt-25{ margin-top: 25px !important; }
.mt-30{ margin-top: 30px !important; }
.mt-35{ margin-top: 25px !important; }
.mt-40{ margin-top: 40px !important; }

/* Margin Bottom */
.mb-0{ margin-bottom: 0 !important; }
.mb-5{ margin-bottom: 5px !important; }
.mb-10{ margin-bottom: 10px !important; }
.mb-15{ margin-bottom: 15px !important; }
.mb-20{ margin-bottom: 20px !important; }
.mb-25{ margin-bottom: 25px !important; }
.mb-30{ margin-bottom: 30px !important; }
.mb-35{ margin-bottom: 25px !important; }
.mb-40{ margin-bottom: 40px !important; }

/* Margin left   */
.ml-0{ margin-left: 0 !important; }
.ml-5{ margin-left: 5px !important; }
.ml-10{ margin-left: 10px !important; }
.ml-15{ margin-left: 15px !important; }
.ml-20{ margin-left: 20px !important; }
.ml-25{ margin-left: 25px !important; }
.ml-30{ margin-left: 30px !important; }
.ml-35{ margin-left: 25px !important; }
.ml-40{ margin-left: 40px !important; }

/* Margin Right  */
.mr-0{ margin-right: 0 !important; }
.mr-5{ margin-right: 5px !important; }
.mr-10{ margin-right: 10px !important; }
.mr-15{ margin-right: 15px !important; }
.mr-20{ margin-right: 20px !important; }
.mr-25{ margin-right: 25px !important; }
.mr-30{ margin-right: 30px !important; }
.mr-35{ margin-right: 25px !important; }
.mr-40{ margin-right: 40px !important; }

/* Padding */
.p-0{ padding: 0 !important; }
.p-5{ padding: 5px !important; }
.p-10{ padding: 10px !important; }
.p-15{ padding: 15px !important; }
.p-20{ padding: 20px !important; }
.p-25{ padding: 25px !important; }
.p-30{ padding: 30px !important; }
.p-35{ padding: 35px !important; }
.p-40{ padding: 40px !important; }

/* Padding Top */
.pt-0{ padding-top: 0 !important; }
.pt-5{ padding-top: 5px !important; }
.pt-10{ padding-top: 10px !important; }
.pt-15{ padding-top: 15px !important; }
.pt-20{ padding-top: 20px !important; }
.pt-25{ padding-top: 25px !important; }
.pt-30{ padding-top: 30px !important; }
.pt-35{ padding-top: 25px !important; }
.pt-40{ padding-top: 40px !important; }

/* Padding Bottom */
.pb-0{ padding-bottom: 0 !important; }
.pb-5{ padding-bottom: 5px !important; }
.pb-10{ padding-bottom: 10px !important; }
.pb-15{ padding-bottom: 15px !important; }
.pb-20{ padding-bottom: 20px !important; }
.pb-25{ padding-bottom: 25px !important; }
.pb-30{ padding-bottom: 30px !important; }
.pb-35{ padding-bottom: 25px !important; }
.pb-40{ padding-bottom: 40px !important; }

/* Padding Left   */
.pl-0{ padding-left: 0 !important; }
.pl-5{ padding-left: 5px !important; }
.pl-10{ padding-left: 10px !important; }
.pl-15{ padding-left: 15px !important; }
.pl-20{ padding-left: 20px !important; }
.pl-25{ padding-left: 25px !important; }
.pl-30{ padding-left: 30px !important; }
.pl-35{ padding-left: 25px !important; }
.pl-40{ padding-left: 40px !important; }

/* Padding Right  */
.pr-0{ padding-right: 0 !important; }
.pr-5{ padding-right: 5px !important; }
.pr-10{ padding-right: 10px !important; }
.pr-15{ padding-right: 15px !important; }
.pr-20{ padding-right: 20px !important; }
.pr-25{ padding-right: 25px !important; }
.pr-30{ padding-right: 30px !important; }
.pr-35{ padding-right: 25px !important; }
.pr-40{ padding-right: 40px !important; }

/*WIDTH*/
.wd-10{ width: 10%; }
.wd-15{ width: 15%; }
.wd-20{ width: 20%; }
.wd-25{ width: 25%; }
.wd-30{ width: 30%; }
.wd-35{ width: 35%; }
.wd-40{ width: 40%; }
.wd-45{ width: 45%; }
.wd-50{ width: 50%; }
.wd-55{ width: 55%; }
.wd-60{ width: 60%; }
.wd-65{ width: 65%; }
.wd-70{ width: 70%; }
.wd-75{ width: 75%; }
.wd-80{ width: 80%; }
.wd-85{ width: 85%; }
.wd-90{ width: 90%; }
.wd-95{ width: 95%; }
.wd-100{ width: 100% !important; }


/*-----------------------------------------------------------------*/
/* 2. DEBUG
/*-----------------------------------------------------------------*/


/* ==============================================
	SLIDES
============================================== */

/* Icones das Ações */
.d-block-img-icons-actions .media-items-options{ position: absolute; top: 10px; right: 25px; display:none; }
.d-block-img-icons-actions .push:hover .media-items-options{ display:block; }
.d-block-img-icons-actions .media-items-options a{ margin-right:5px; }


/* ==============================================
	ESTATISTICAS
============================================== */

.d-td-border-statistics{ border-bottom-color: #fff !important; border-left-color: #fff !important; }


/* ==============================================
	CONFIGURAÇÕES
============================================== */

/* Informações */
.d-dl-info-system{ height: 136px; } /* -> bloco de conteudo da pagina de informações do modulo de configurações*/

/* Horários de Atenidmento */


/*==============================================
	TABELA AÇÕES
==============================================*/

.d-icons-action-two{ width: 70px !important; max-width: 70px !important; text-align: center; }
.d-icons-action-three{ width: 90px !important; min-width: 90px !important; max-width: 90px !important; text-align: center !important;  }
.d-icons-action-four{ width: 120px !important; min-width: 120px !important; max-width: 120px !important; text-align: center; }
.d-icons-action-five{ width: 140px !important;  min-width: 140px !important; max-width: 140px !important; text-align: center; }
.d-icons-action-six{ width: 190px !important; min-width: 190px !important; max-width: 190px !important; text-align: center; }
.d-icons-action-seven{ width: 190px !important; min-width: 190px !important; max-width: 190px !important; text-align: center; }
.d-icons-action-eight{ width: 210px !important; min-width: 210px !important; max-width: 210px !important; text-align: center; }
.d-icons-action-two a, .d-icons-action-three a, .d-icons-action-four a, .d-icons-action-five a, .d-icons-action-six a, .d-icons-action-seven a, .d-icons-action-eight a{margin-right: 5px;}

table thead tr th{ font-size: 15px !important; }


/*==============================================
	EFEITOS GERAIS
==============================================*/

/* Formulários Gerais */
.form-group{ padding-bottom: 25px !important; padding-top: 15px; }

/* Crop */
form[name="form-crop"] .form-group{ padding-bottom: 0 !important; padding-top: 0 !important; }

/* Modais */
.d-modal-format-default fieldset legend{ padding: 5px 0 5px !important; }
.d-modal-format-default .form-group{ padding-bottom: 15px !important; padding-top: 0px !important; }

/* Loading da Página */
.dialog{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:104; }
.dialog .loadsistem{ padding:30px; width:260px; text-align:center; background:#fff; position:absolute; top:50%; left:50%; margin-top:-60px; margin-left:-130px; }

/* Tabelas Gerais */
.table-responsive{ border: none !important; }

/* Titulos dos Blocos Painéis das paginas */
.block-title h2{ font-size:15px; }  

/* Espaços das Legendas dos formularios das modais */
/*.d-modal-legend-padding-md fieldset legend{ padding: 15px 0 10px !important; } 
.d-modal-legend-padding-sm fieldset legend{ padding: 0 0 5px !important; } */



/*-----------------------------------------------------------------*/
/* 3. PLUGINS
/*-----------------------------------------------------------------*/


/* Bootstrap Badge */
.badge-primary{ background-color: #007bff; }
.badge-secondary{ background-color: #868e96; }
.badge-success{ background-color: #28a745; }
.badge-danger{ background-color: #dc3545; }
.badge-warning{ background-color: #ffc107; }
.badge-info{ background-color: #17a2b8; }
.badge-light{ background-color: #f8f9fa; }
.badge-dark{ background-color: #343a40; }


/* Bootstrap Modal - Classe que fica na Body */
body{ padding-right: 0 !important }
.modal{ padding-right:0 !important; }
.modal-open{ padding-right: 0px !important; overflow-y: visible; }

/* Bootstrap Modal - Scroll no conteudo da modal */
.modal .modal-body { max-height: 500px; overflow-y: auto; } /* aplica scroll */

/* Bootstrap Modal */
.modal-header{ background-color:#0088cc; }
.modal-title{ color:#fff; }

/* Borda branca superior dos lados da modal */
.modal-content{ background-color: none !important;  border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; } 
.j-close-modal{ position: absolute; right: 15px; color: #fff; opacity: 1; } /* botão de fechar das modais bootstrap */

/* File Input em Modal Bootstrap */
.modal .file-error-message{ margin: 0; } /* => corrigi o espaço da mensagem de erro na modal */
.modal .file-preview{ padding:0; } /* => corrigi o espaço da mensagem de erro na modal */
.file-error-message{ word-wrap:break-word !important; }

/*Sparkline*/
.jqstooltip, .jqsfield { width: 100px !important; white-space:normal !important; } 

/* Facebook */
#fb-root{ display: none; }
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }

/* Datatables */
.dataTables_info{ padding-bottom:8px; } /* => para não mexer na altura do bloco quando solicitar edição do registro no datatables */

/* Jquery Confirm */
.jconfirm .jconfirm-box{ border-top: solid 7px #1bbae1 !important; }
.jconfirm .jconfirm-box div.jconfirm-closeIcon{ top: 11px !important; }
.jconfirm .jconfirm-title{ font-size: 19px !important; }

/* Alinha o conteudo jquery confirm para o centro*/
.jconfirm .jconfirm-box{ text-align: center !important; }
.jconfirm .jconfirm-content{ text-align: center !important; }
.jconfirm .jconfirm-buttons{ text-align: center !important; float: none !important; }

.jconfirm-title{ font-size: 18px !important; }

/** Cropper */
.d-block-crop{ width: 100%; max-width: 100%; overflow: hidden; }
.d-block-modal-crop{  max-width: 100%; overflow: hidden; }

/* LightBox Gallery */
#html5-watermark{ display: none !important;}

/* Datepicker */
.datepicker{ z-index:999999 !important; }

/*Debug datetimepicker - datetimepicker fica atrás da modal-body por esta estar configurada com overflow auto*/
form[name="form-maintenance-active"] .bootstrap-datetimepicker-widget.dropdown-menu{ position: fixed; top: 270px !important; bottom: auto !important; }

/* Select2 */
.select2-selection{ height: 35px; border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; }

/*LIGHTBOX HMLT5*/
.html5-title{ text-align: center; }


/*-----------------------------------------------------------------*/
/* 1. MEDIA QUERIES
/*-----------------------------------------------------------------*/


@media screen and (max-width: 1200px) {
    
    /* Bloco de conteudo da pagina de informações do modulo de configurações */
    .d-dl-info-system{ height: 172px; } 
    
}
@media screen and (max-width: 991px) {
    
    /* Espaçamento das Colunas Grid nos formulários Bootstrap */
    .d-form-column-margin .form-group { padding-bottom: 30px !important; }
    .d-form-column-margin .form-group .mce-container, .d-form-column-margin .form-group .mce-container div {  margin-bottom: 0px !important; } /* -> tinymce */
     
     /*Botão Remove Fileinput*/
    .form-horizontal .fileinput-remove-button{ margin-top: -6px; }
    
}
@media screen and (max-width: 768px) {
    
    /* Bug do ultimo elemento draggtable slides */
    .d-block-img-icons-actions .col-sm-3{ width: 49.9%; float: left;} 
    
    /* Espaçamento das Colunas Grid nos formulários Bootstrap */
    .d-form-column-margin .form-group div[class*="3"], .d-form-column-margin .form-group div[class*="4"], .d-form-column-margin .form-group div[class*="6"]{ margin-bottom: 30px; }
    .d-form-column-margin .form-group div[class*="3"], .d-form-column-margin .form-group div[class*="4"], .d-form-column-margin .form-group div[class*="6"]:last-child{ margin-bottom: 0px; }
    .d-form-column-margin .form-group{ margin-bottom: 20px !important; padding-bottom: 0px !important; border-bottom: 0; }
    
    /* Bloco de conteudo da pagina de informações do modulo de configurações */
    .d-dl-info-system{ height: auto; } 
    
    /* Botão Remove Fileinput */
    .form-horizontal .fileinput-remove-button{ margin-top: -15px; }
}
@media screen and (max-width: 480px) {
    
}