html{ position: relative; min-height: 100%;}
body{background: #555; font-size: 14px; color: #686868; min-height: 100%; padding-bottom: 0; margin: 0; padding: 0!important; font-family: 'Roboto Condensed',Helvetica,Arial,sans-serif;}
a, a:hover, a:active, .btn { text-decoration: none !important; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}

body.dashboard{ background: url(../../../imgs/bgsvg.svg); background-color: #2B2E33;}

@media (min-width: 992px){
    .main-container.container:before { width: inherit;}
}
/*----------  //MAIN CONTENT  ----------*/
.main-container{ padding: 0; width: 100%; height: 100%; }
.main-container:before{display: block; content: ""; position: fixed; z-index: -2; width: 100%; bottom: 0; top: 0; background-color: #f5f5f5;}
/*----------  //NAVBAR TOP  ----------*/
.navbar-top.fixed{ position: fixed; top: 0; left: 0; right: 0; max-height: 50px; background-color: #2B2E33; z-index: 1000}
.navbar-top .navbar-header{ width: 260px; background: #25272C !important; height: 50px; line-height: 50px; text-align: center;}
.navbar-top .navbar-header a{ color: #fff; text-transform: uppercase; font-size: 20px; font-weight: bold;}
.navbar-top.container{ padding: 0}
/*----------  //NAVBAR SIDE  ----------*/
.navbar-side{background: #2B2E33; width: 260px; border: 1px solid #2f2f2f; border-width: 0 1px 0 0;}
.navbar-side.fixed{ position: fixed; height: 100%; top: 50px; z-index: 1}
.navbar-side .sidebar-user-profile{padding: 15px; background: url(../../../imgs/bgsvg.svg); background-color: #2B2E33; width: 100%;}
.navbar-side .sidebar-user-profile .avatar{ width: 70px; height: 70px;}
.navbar-side .sidebar-user-profile .avatar img{ max-width: 100%; border: 1px solid #25272C; padding: 5px;}
.navbar-side .sidebar-user-profile h4{ font-weight: 100; margin-bottom: 0; margin-top: 20px; margin-left: 15px; float: left; font-size: 16px; color: #999}
.navbar-side .sidebar-user-profile h4 span{ display: block; font-size: 12px; text-transform: capitalize}
.navbar-side .side-nav{ float: none; background: #2B2E33; margin: 0 !important;}
.navbar-side .side-nav h3{padding: 13px; font-size: 13px; margin: 0; color: #94989d; background: rgba(0,0,0, 0.1)}
.navbar-side .side-nav h3:after{content: "\f103"; margin-left: 4px; font-family: FontAwesome; font-style: normal; font-weight: 400;}
.navbar-side .side-nav li{ display: block; float: none; position: relative; overflow: hidden;}
.navbar-side .side-nav li a{color: #94989d; padding: 12px; padding-left: 50px; display: block; font-size: 13px; text-transform: uppercase; border-right: 3px solid transparent}
.navbar-side .side-nav li a:before{font-family: 'FontAwesome'; content: "\f108"; position: absolute; left: 20px; top: 50%; margin-top: -8px;}
.navbar-side .side-nav li a.accordion-toggle:after{font-family: 'FontAwesome'; content: "\f078"; position: absolute; right: 20px; top: 50%; margin-top: -10px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
.navbar-side .side-nav li a.menu-open,
.navbar-side .side-nav li a:hover,
.navbar-side .side-nav li a:active{ background:#FFA500 !important; color: #fff}
.navbar-side .side-nav li a:focus{ background: none;}
/*----------  //NAVBAR SIDE DROP ----------*/
.navbar-side .side-nav li a.menu-open:after{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.navbar-side .side-nav li a.menu-open + ul{ display: block}
.navbar-side .side-nav li a.menu-open, 
.navbar-side .side-nav li a.menu-open + ul li a{ border-right: none !important}
.navbar-side .side-nav li ul.sub-nav{background: #202226; display: none; position: relative}
.navbar-side .side-nav li ul.sub-nav li{ position: relative; border: none}
.navbar-side .side-nav li ul.sub-nav li a{color: #94989d; padding: 12px 20px 12px 49px;}
.navbar-side .side-nav li ul.sub-nav li > a:before{ content: '';}
.navbar-side .side-nav li ul.sub-nav li a:hover{color: #f1f1f1; background: none !important}
.navbar-side .side-nav li ul.sub-nav:after{ position: absolute; bottom: 0; left: 27px; width: 1px; background: #2b2e33; height: 100%; display: block}
.navbar-side .side-nav li ul.sub-nav li:before{  background: #2b2e33; bottom: auto; content: ""; height: 8px; left: 23px; margin-top: 17px; position: absolute; right: auto; width: 8px; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
/*----------  //PAGE WRAPPER ----------*/
.page-wrapper{ margin-left: 260px; margin-top: 50px; padding: 0 15px; background-color: #f5f5f5; position: relative; padding-bottom: 150px;}
/*----------  //BREADCRUMB ----------*/
.breadcrumbs{position: relative; padding: 0 12px 0 0; min-height: 45px; line-height: 44px; background: #fff; margin: 0 -15px; border: 0 none; border-bottom: 1px solid #eee;}
.breadcrumbs.fixed{ position: fixed; right: 0; left: 260px; z-index: 1024; margin: 0; top: 50px;}
.breadcrumbs .breadcrumb{ background: transparent; display: inline-block; line-height: 20px; margin: 5px 15px 0; padding: 0;}
.breadcrumbs .breadcrumb li:first-child :before { content: "\f015"; margin-right: 4px; font-family: FontAwesome; font-style: normal; font-weight: 400; font-size: 18px; vertical-align: top;}
.breadcrumbs .breadcrumb li+li:before{content: "//\00a0"; padding: 0 5px;}
.breadcrumbs .breadcrumb li a{ color: #555; font-weight: 100}
/*----------  //PAGE HEADER ----------*/
.page-header.title { margin-top: 45px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; color: #414141; padding: 15px; background-color: #fff; position: relative}
.page-header h1 { margin: 0; font-size: 26px;font-weight: 100; }
.page-header h1 :before { content: "\f101"; margin-right: 4px; font-family: FontAwesome; color: #488075;}
.page-header h1 span { font-size: 60%; text-transform: none; color: #999;}
/*----------  //FILE UPLOAD ----------*/
.dropzone{ border: 5px dotted #eee;}
.dropzone.dz-clickable *{ cursor: pointer}
.dropzone .dz-default.dz-message{ background: none; margin-top: -40.5px;}
.dropzone .dz-default.dz-message span {display: block; text-align: center; color: #000; font-size: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.dropzone .dz-default.dz-message span small{ font-size: 18px;}
.table-infos .progress{ margin-bottom: 0}
.custom-dropzone{position: relative; background: rgba(0,0,0,0.02); padding: 1em; border: 5px dotted #eee;}
.custom-dropzone .dz-message{opacity: 1; -ms-filter: none; filter: none; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; text-align: center; padding: 50px;}
.custom-dropzone .dz-message span{display: block; text-align: center; color: #000; font-size: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.custom-dropzone .dz-message button{ margin-top: 10px;}
.custom-dropzone .dz-message span small{ font-size: 18px; display: block;}
.custom-dropzone.dropzone-knob{ /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDNjUyQUNCMzE0MjE2ODExODIyQUVCNzVDNzQyMTQwOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5OTAxMkEyODhFNDMxMUUzOTcxODlEOERCNzcxREVBMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5OTAxMkEyNzhFNDMxMUUzOTcxODlEOERCNzcxREVBMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTgyMkFCNkJGNUYzQTFCOTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzY1MkFDQjMxNDIxNjgxMTgyMkFFQjc1Qzc0MjE0MDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61e2ZIAAAAO0lEQVR42mL89OlTAwMS4OXlhbM/f/7MwIRPEgSY8EnCFeCSBCvAJ4liBTZJkGYmfJJgE/BJggBAgAEA3y0bZiBtLDkAAAAASUVORK5CYII=);*/ border:none; margin:-15px;}
.custom-dropzone.dropzone-knob .dz-message{ padding-bottom: 10px;}
.custom-dropzone.dropzone-knob .dz-message span small{ display: block;}
.custom-dropzone.dropzone-knob a{ margin-bottom: 30px; margin-top: 15px;}
.custom-dropzone.dropzone-knob ul{ padding: 10px; padding-bottom: 0; margin-bottom: 0; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.custom-dropzone.dropzone-knob ul li{ background: #fff; padding:20px;  display: block; border: 1px solid #f1f1f1; margin: 5px 0; position: relative;}
.custom-dropzone.dropzone-knob ul li canvas{ position: absolute; top: 50%; left: 15px; margin-top:-15px;}
.custom-dropzone.dropzone-knob ul li p{ position: relative; left: 40px; margin: 0; text-transform: uppercase; font-weight: normal; width: 70%; }
.custom-dropzone.dropzone-knob ul li p small{ display: block; color: #999; font-weight: 100}
.custom-dropzone.dropzone-knob ul li span{ position: absolute; right: 30px; top: 50%; margin-top: -12px; width: 18px; height: 18px; text-align: center;}
.custom-dropzone.dropzone-knob ul li span:before{font-family: FontAwesome; content: "\f00c"; cursor: pointer; color: #24C279; font-size: 18px; line-height: 18px;}
.custom-dropzone.dropzone-knob ul li span:hover:before{content:"\f00d";  color: #D11F49}
.custom-dropzone.dropzone-knob ul li.sending span:before{content:"\f00d";  color: #D11F49}
.custom-dropzone.dropzone-knob ul li.error p{ color: #D11F49;}l{ font-size: 18px}
.table-infos { margin-bottom: 0 }
/*----------  //GALLERY ----------*/
.gallery{ margin-top: 5px; display: none}
.gallery figure{ border: 5px solid #F3F3F3}
.gallery figure img{ max-width: 100%; width: 100%; height: 180px;}
.gallery figure{ margin: 15px 0;}
.gallery figure i{ font-size: 20px; margin-right: 5px; color: #ccc; float: left; margin-top: 0}
/*----------  //PAGE LOGIN ----------*/
.membership-container{ margin: 12% auto;}
.membership-container .form-content{ background: #fff; margin: 0 auto; padding: 25px 20px; width: 400px; position: relative}
.membership-container .form-content .form-group:last-child{ margin: 0;}
.membership-container p{ margin: 0 auto; padding: 17px; text-align: center; width: 400px;  color: #999; text-transform: uppercase; font-size: 12px; background: rgba(0,0,0, 0.2)}
/*----------  //FORM IMAGENS ----------*/
.form-images .content-upload{ border: 5px solid #f1f1f1; margin: 10px 0;}
.form-images .content-upload .btns{ display: block;}
.form-images .content-upload ul{ padding: 0;}
.form-images .content-upload li{border-bottom: 1px solid #eee !important}
.form-images .content-upload a.btn{ padding-top: 10px; padding-bottom: 10px; background: transparent !important; color: #666 !important; box-shadow: none !important; font-weight: 100; }
.form-images .content-upload a.btn:hover{ background: #f1f1f1 !important;}
.form-images .content-upload li:last-child{ border:none !important}
/*.form-images div:first-child{ width: 100%;}
*/.form-images img{ width: 100%;}