/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body { padding-top: 50px; }

/*
 * Global add-ons
 */

.sub-header { padding-bottom: 10px; border-bottom: 1px solid #eee; }

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top { border: 0; }

/*
 * Sidebar
 */
/* Hide for mobile, show later */
.sidebar { display: none; }

@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar { margin-right: -21px; /* 20px padding + 1px border */ margin-bottom: 20px; margin-left: -20px; }
.nav-sidebar > li > a { padding-right: 20px; padding-left: 20px; }
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus { color: #fff; background-color: #428bca; }


/*
 * Main content
 */

.main { padding: 20px; }

@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header { margin-top: 0; }

/*
 * Placeholder dashboard ideas
 */
.placeholders { margin-bottom: 30px; text-align: center; }
.placeholders h4 { margin-bottom: 0; }
.placeholder { margin-bottom: 20px; }
.placeholder img { display: inline-block; border-radius: 50%; }

.square { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }

.Rblh input[type="radio"] { margin-left: 10px; margin-right: 1px; }

.bold{ font-weight:bold; }

/* ALIGNEMENT */        
.left{text-align:left}
table.left {float: left;}
.right {text-align: right}
table.right {float: right;}
.center {text-align: center}
table.center {margin-left: auto;margin-right: auto;}


.table wide{ width:100% }
.table-icon image{ height:20px; width:20px;}
a.linkbutton, a.linkbutton:visited, a.linkbutton img { border: none; outline: none; color: #000000; text-decoration:none; }

a.no_underline, a.no_underline:visited, a.no_underline {
    border: none;
    outline: none;
    text-decoration: none;
}

a.no_underline_gray, a.no_underline_gray:visited, a.no_underline_gray {
    border: none;
    outline: none;
    text-decoration: none;
    color:gray;
}

.list-no-style li, ul{ list-style:none; padding-left:0; }
.blue{ color: #0489B1; }
.small-icon{ height:20px; width:20px; }

.medium-icon{ height:32px; width:32px; }
.large-icon{ height:64px; width:64px; }
.xlarge-icon{ height:128px; width:128px; }

.chkChoice input { margin-right: 10px; }
.chkChoice td { padding-left: 20px; }
a.normalLink { font-weight:normal; }
.txt-error { color:#D43939; }
.text-danger { color: #d9534f; }
.imgvideo_small{ max-width: 210px; max-height: 120px; }
p.big { font-size: 1.3rem; line-height: 1.3rem }
p.medium { font-size: 2.0rem; font-weight:bolder;  line-height: 1.4rem }
.icon { height: 35px; }

.smallIcon { height: 20px; }
.mediumIcon { height: 40px; }
.largeIcon { height: 80px; }

[data-letters]:before { content: attr(data-letters); display: inline-block; font-size: 1em; width: 2.5em; height: 2.5em; line-height: 2.5em; text-align: center; border-radius: 50%; background: plum; vertical-align: middle; margin-right: 1em; color: white; }

.btn-circle-icone-small { width: 38px; height: 38px; text-align: center; padding: 6px 0; font-size: 18px; line-height: 1.42; border-radius: 25px; /* background: plum; */ }
.btn-circle-icone-large { width: 75px; height: 75px; text-align: center; padding: 12px 0; font-size: 35px; line-height: 1.42; border-radius: 50px; /* background: plum; */ }
.btn-circle-image-small { width: 40px; height: 40px; border-radius: 500px; -webkit-border-radius: 500px; -moz-border-radius: 500px }
.btn-circle-image-medium { width: 65px; height: 65px; border-radius: 500px; -webkit-border-radius: 500px; -moz-border-radius: 500px; }
.btn-circle-image-large { width: 50px; height: 50px; border-radius: 500px; -webkit-border-radius: 500px; -moz-border-radius: 500px; }

.small-icon { width: 40px; height: 40px; text-align: center; padding: 6px 0; font-size: 15px; line-height: 2.62; color: gray; /* background: plum; */ }
.medium-icon { width: 40px; height: 40px; text-align: center; /* background: plum; */ }
.large-icon { font-size: 35px; text-align: center; /* background: plum; */ }
.listing-small-icone-image { height: 30px; text-align: center; padding-top: 14px; font-size: 18px; line-height: 2.62; color: gray; }
.listing-text { text-align: center; padding: 6px 0; font-size: 14px; line-height: 2.62; color: gray; }
.TextBoxDisable { background-color: #F5F5F5; }

.bg-light { background-color: #f8f9fa; }
.btn.btn-form { background-color: gainsboro; font-weight:bold; text-align:left; }
.btn.btn-nohover:hover { cursor: default !important; }

/*
Simple Responsive Template
primary styles 
   Author: www.prowebdesign.ro
   Add your own styles to customize the project.
BASE (MOBILE) SIZE
	These are the mobile styles. It's what peo on their phones.
	Remember, keep it light: Speed is Important.
*/

/* typography */
.panel-hover:hover { background-color: #f5f5f5 !important; }
.panel-hover2:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.panel-hover2:hover a { text-decoration: none; color: #808080; }
.panel-hover2 a { text-decoration: none; color: #484848; }
.panel-hover-faq:hover a { text-decoration: none; color: #C0C0C0; }
.panel-hover-faq a { text-decoration: none; color: #FFF; }

a.panel-button { text-decoration: none; color: #000; }
a:hover.panel-button .panel-heading { text-decoration: none; color: white; background: #0000cc; }
a:hover.panel-button .panel-footer { text-decoration: none; color: white; background: #0000cc; }

.modal-scroll {
    overflow: auto;
}

.hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; }
.hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 50px 20px; }
.hovereffect img { display: block; position: relative; max-width: none; width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.hovereffect:hover img { opacity: 0.4; filter: alpha(opacity=40); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.hovereffect h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 1.3em; overflow: hidden; padding: 0.5em 0; background-color: transparent; opacity: 0; filter: alpha(opacity=0); }
.hovereffect h2:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
.hovereffect:hover h2:after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.hovereffect a, .hovereffect p, .hovereffect h2 { color: #FFF; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 { opacity: 0.6; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); background: #808080; }

.upload-drop-zone { height: 200px; border-width: 2px; margin-bottom: 20px; }
/* skin.css Style*/
.upload-drop-zone { color: #ccc; border-style: dashed; border-color: #ccc; line-height: 200px; text-align: center }
.upload-drop-zone.drop { color: #222; border-color: #222; }

.textnomargin {margin-top: 0;margin-bottom: 0}

.btn-file { position: relative; overflow: hidden; width:100%; }
.btn-file input[type=file] { top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 14px; text-align: right; cursor: inherit; display: block; }

input[readonly] { background-color: white !important; cursor: text !important; }