CSS

/*
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-white{background-color: #fff; color: #333;}
.bg-body{background-color: #fbfbfb; color: #333;}
.bg-gray{background-color: #444444; color: #fff;}
.bg-graylight{background-color: #B4AD8B; color: #333;}
.bg-light{background-color: #E6E4D9; color: #444;}
.bg-blue{background-color: #34495e; color: #fff;}
.bg-bluelight{background-color: #CCD8D1; color: #444;}
.bg-orange{background-color: #E16F4D; color: #fff;}
.bg-gray small, .bg-blue small, .bg-orange small{color: #fff !important;}


/********** 1.2. FONTS **********/

/* Font Weight */
.font-thin{font-weight: 100 !important;}
.font-light{font-weight: 300 !important;}
.font-normal{font-weight: 400 !important;}
.font-bold{font-weight: 700 !important;}

.font-weight-light{font-weight: 300 !important;}
.font-weight-normal{font-weight: 400 !important;}
.font-weight-semibold{font-weight: 600 !important;}
.font-weight-bold{font-weight: 700 !important;}

/* Font Size */
.fontzero{font-size: 0em !important;}
.fontsize1{font-size: 1em;}
.fontsize1b{font-size: 1.5em;}
.fontsize2{font-size: 2em;}
.fontsize2b{font-size: 2.5em;}
.fontsize3{font-size: 3em;}
.fontsize3b{font-size: 3.5em;}

/* Font Size */
.text-xs{font-size: 1rem !important;}
.text-sm{font-size: 1.3rem !important;}
.text-md{font-size: 1.6rem !important;}
.text-lg{font-size: 1.9rem !important;}
.text-xl{font-size: 2.2rem !important;}

/* Font Color */
.text-muted{color: #999 !important;}
.text-muted html.dark {color: #505461 !important;}
.text-dark{color: #1d2127 !important;}
.text-light{color: #FFF !important;}

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

/* Font Decoration */
.text-decoration-underline{ text-decoration: underline !important;}


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

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

/* 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 ;}


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

/*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; }

/*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;}

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

/********** 1.3. OTHERS **********/
.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.5. SPACEMENTS **********/

/* spacement top & bottom */
.m-none{margin: 0 !important;}
.m-auto{margin: 0 auto !important;}

.m-xs{margin: 5px !important;}
.m-sm{margin: 10px !important;}
.m-md{margin: 15px !important;}
.m-lg{margin: 25px !important;}
.m-xl{margin: 40px !important;}

/* spacement top    */
.mt-none{margin-top: 0 !important;}
.mt-xs{margin-top: 5px !important;}
.mt-sm{margin-top: 10px !important;}
.mt-md{margin-top: 15px !important;}
.mt-lg{margin-top: 25px !important;}
.mt-xl{margin-top: 40px !important;}

/* spacement bottom */
.mb-none{margin-bottom: 0 !important;}
.mb-xs{margin-bottom: 5px !important;}
.mb-sm{margin-bottom: 10px !important;}
.mb-md{margin-bottom: 15px !important;}
.mb-lg{margin-bottom: 25px !important;}
.mb-xl{margin-bottom: 40px !important;}

/* spacement left   */
.ml-none{margin-left: 0 !important;}
.ml-xs{margin-left: 5px !important;}
.ml-sm{margin-left: 10px !important;}
.ml-md{margin-left: 15px !important;}
.ml-lg{margin-left: 25px !important;}
.ml-xl{margin-left: 40px !important;}

/* spacement right  */
.mr-none{margin-right: 0 !important;}
.mr-xs{margin-right: 5px !important;}
.mr-sm{margin-right: 10px !important;}
.mr-md{margin-right: 15px !important;}
.mr-lg{margin-right: 25px !important;}
.mr-xl{margin-right: 40px !important;}

/* Spacement Padding */
.p-none{padding: 0 !important;}
.p-xs{padding: 5px !important;}
.p-sm{padding: 10px !important;}
.p-md{padding: 15px !important;}
.p-lg{padding: 25px !important;}
.p-xl{padding: 40px !important;}

/* spacement top    */
.pt-none{padding-top: 0 !important;}
.pt-xs{padding-top: 5px !important;}
.pt-sm{padding-top: 10px !important;}
.pt-md{padding-top: 15px !important;}
.pt-lg{padding-top: 25px !important;}
.pt-xl{padding-top: 40px !important;}

/* spacement bottom */
.pb-none{padding-bottom: 0 !important;}
.pb-xs{padding-bottom: 5px !important;}
.pb-sm{padding-bottom: 10px !important;}
.pb-md{padding-bottom: 15px !important;}
.pb-lg{padding-bottom: 25px !important;}
.pb-xl{padding-bottom: 40px !important;}

/* spacement left   */
.pl-none{padding-left: 0 !important;}
.pl-xs{padding-left: 5px !important;}
.pl-sm{padding-left: 10px !important;}
.pl-md{padding-left: 15px !important;}
.pl-lg{padding-left: 25px !important;}
.pl-xl{padding-left: 40px !important;}

/* spacement right  */
.pr-none{padding-right: 0 !important;}
.pr-xs{padding-right: 5px !important;}
.pr-sm{padding-right: 10px !important;}
.pr-md{padding-right: 15px !important;}
.pr-lg{padding-right: 25px !important;}
.pr-xl{padding-right: 40px !important;}

.ib{display: inline-block; vertical-align: top; }
.va-middle{vertical-align: middle;}
.ws-nowrap{ white-space: nowrap; }
.ws-normal{ white-space: normal; }


.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%; }


/* 
2. DEBUG ___________________________________________________________________________________________________________________ */



/*==============================================
	CLUBE
==============================================*/

/*SLIDES - ESTRUTURA */
.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; }


 /***** ESTRUTURA *****/
.j-color-product-img{ position: absolute; bottom: 10px; left: 20px; }


/*==============================================
	HOME
==============================================*/

.d_tdlastnewshome{font-size: 11px !important}
.j_filterreghome li{padding:2px 4px !important;} /*filtro das listas(li)*/
.content-header-media .header-section{ background: rgba(0, 0, 0, 0.4) !important; }

.disabledd { pointer-events: none; }


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

.d_iconsaction{ width: 170px !important; max-width: 170px !important; text-align: center; }
.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: 160px !important; min-width: 160px !important; max-width: 160px !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_iconsactionuser{ width: 80px !important; text-align: center; }

.d_iconsaction a, .d_iconsactionuser a, .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;}
.d_iconsactionsgrid a{ margin-right: 4px;}

/*INDEX CLIENTES*/
.j_clienteslist .widget{min-height: 119px !important;}
.d_actionscliente{  margin-top: 8px;}

.loadconfig{ margin-right:5px; display:none; }

/*OUTROS*/
.load_mod{margin-right: 5px; display: none;}

/*FILTROS DE ATIVOS*/
.d_padfilreset{padding-left: 0;}


/*INDEX PAINEL*/
.d_inputpesq{background-color:rgb(204,204,204);}

/*FILES*/
.d_filemargin{margin-right:3px;}

/*CREATE/EDIT CHECKBOX*/
.d_labelcheckbox{  display:inline-block;}
.d_labelcheckbox.d_mgcheckbox{margin-left: 20px;}
.d_labelcheckbox span{margin-left:8px;  float: right;}
.formloading{margin-left:5px;}

/*LOADING*/
.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; }

/*MODAL CONFIRM*/
.j_loadconfirm{margin-right:8px;}

/*MODAL MANUTENÇÃO*/
.d_radiomain .iradio_minimal-blue{margin-right:5px !important; }

/*ICONES DE AÇÕES*/
.d_bloptions{margin:0 6px; line-height:37px; }
.d_bloptions .btn{ border-radius:15px; padding-right:8px; padding-left:8px; min-height: 30px; text-align:center;}

/*MODULO SOCIOS*/
.d_padleft0{padding-left:0 !important;}
.j_buttonativos{ cursor:pointer !important; }

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

/*CURSOS*/
.widget-advanced .d-online-course-background{ background-color: #eaedf1; } 

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

/*TUTORES*/
.d_bltutorindex{width:100%; display:block; }
.d_bltutorindex img{ display:block; float:none !important; margin: 0 auto !important;}
.d_bltutorname{ display:block !important; text-align:center !important;}
.d_bliconstutors{ position:absolute; top: 5px; right:20px;}
.d_bltutor{ min-height: 170px; max-height: 170px;}

/*GESTÃO DE ANEXOS*/
.d_iconsactionattachment a{ margin-right:4px;}


/*CONFIGURACOES*/
form[name="form-general-edit"] .formloading{ margin-right:5px;}

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


/*FOOTER*/
.d_mbfooter{ margin-bottom: 100px !important;}


/*FORMULARIOS*/
.form-group{ padding-bottom: 25px !important; padding-top: 15px; }





/*-----------------------------------------------------------------*/
/* 1. 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; }
h4 .badge{ padding: 4px 7px; font-size: 12px; }


/* PLACEHOLDER */
.d-place-center::-webkit-input-placeholder{ text-align: center; }
.d-place-center:-moz-placeholder{ Firefox 18- text-align: center; }
.d-place-center::-moz-placeholder{ Firefox 19+ text-align: center; }
.d-place-center:-ms-input-placeholder{ text-align: center; }


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

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

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

/*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; }

.alert-dismissable, .alert-dismissible{padding-right:0 !important;} /*modal de exclusão*/
.j_blattachments .media-items { max-height:180px; min-height:180px; }

/*Jquery Confirm*/
.d-modal-legend-padding-md fieldset legend{padding:15px 0 10px !important;} /*modal cat*/
.d-modal-legend-padding-sm fieldset legend{padding:0 0 5px !important;} /*modal cat*/

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


.datepicker{ z-index:999999 !important; }
.table-responsive{ border: none !important; }
.block-title h2{ font-size:15px; }   

 /***** Tags Input *****/
#example-clickable-facebook-moderation-comments_tag{ width: 140px; }

 /***** 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*/

/*File Input 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; }

/* JQUERY CONFIRM */
.jconfirm .jconfirm-box{ border-top: solid 7px #282251 !important; }
.jconfirm .jconfirm-box div.jconfirm-closeIcon{ top: 11px !important; }
.jconfirm .jconfirm-title, .jconfirm .jconfirm-content{ text-align: center; }

/* 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; }

/* ALERT DE COMPARTILHAMENTO */
.jconfirm.jconfirm-material .jconfirm-title-c{ font-size: 17px !important; }
.jconfirm.jconfirm-material .jconfirm-content { } 
.jconfirm .jconfirm-box div.jconfirm-closeIcon{ top: 7px !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;}


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

@media screen and (max-width: 1200px) {
    .d-dl-info-system{ height: 172px; } /* -> bloco de conteudo da pagina de informações do modulo de configurações*/
}
@media screen and (max-width: 991px) {
     .d_form-margin-fields .form-group div{ margin-bottom: 5px !important; }
     .d_form-margin-fields .form-group .mce-container, .d_form-margin-fields .form-group .mce-container div {  margin-bottom: 0px !important; } /* -> tinymce */
     
     /*BOTÃO REMOVER FILE*/
    .form-horizontal .fileinput-remove-button{ margin-top: -6px;}
}
@media screen and (max-width: 768px) {
    
    .d-block-img-icons-actions .col-sm-3{ width: 49.9%; float: left;} /* Bug do ultimo elemento draggtable slides  */
    
    .d_form-margin-fields .form-group div{ margin-bottom: 15px !important; }
    .d_form-margin-fields .form-group{ margin-bottom: 0px !important; }
    
    .d-dl-info-system{ height: auto; } /* -> bloco de conteudo da pagina de informações do modulo de configurações*/
    
    /*BOTÃO REMOVER FILE*/
    .form-horizontal .fileinput-remove-button{ margin-top: -15px;}
}
@media screen and (max-width: 480px) {
    
}