﻿.helppage {position:relative;}
.helppageblocks {color:  #37474F}
.helppageblocks h1 {font-size:25px;font-style:italic;color:#526069;margin:15px 10px 20px 10px !important;font-weight:bold;}
.helppageblocks h2 {font-size:21px;margin:25px 0px 10px 25px !important;}
.helppageblocks h3 {font-size:17px;margin:15px 0px 5px 5px !important;font-style:italic;}
.helppageblocks a {color:#0275d8}
.helppageblocks .htmltext {margin:10px 5px;}
.helppageblocks .infotext {background-color:#F3F7F9;margin:10px -30px;padding:5px 30px;min-height:40px;}
.helppageblocks .infotext b {display:block;padding-left:35px;font-size:18px;font-weight:normal;}
.helppageblocks .infotext span {display:block;padding:4px 0px 0px 35px;}
.helppageblocks .infotext i {display:block;float:left;margin-top:5px;font-size:25px;}
.helppageblocks .infotext.info i {color:#5bc0de}
.helppageblocks .infotext.warning i {color:#f0ad4e}
.helppageblocks .infoblock {padding:10px;min-height:65px;margin:10px 0px}
.helppageblocks .infoblock b {display:block;padding-left:60px;font-size:18px;font-weight:normal;margin-bottom:5px;}
.helppageblocks .infoblock span {display:block;padding-left:55px;}
.helppageblocks .infoblock i {font-size:35px;display:block;float:left;margin:5px;}
.helppageblocks .infoblock.info {border:solid 1px #5bc0de;background-color:rgba(91, 192, 222, 0.18)}
.helppageblocks .infoblock.info i {color:#5bc0de}
.helppageblocks .infoblock.warning {border:solid 1px #f0ad4e;background-color:rgba(240, 173, 78, 0.18)}
.helppageblocks .infoblock.warning i {color:#f0ad4e}
.helppageblocks .dfn {padding:5px 10px;margin:10px 15px;border-left:solid 5px #aaa;}
.helppageblocks .dfn b {font-weight: bold;}
.helppageblocks .dfn span.sep {margin:0px 3px;}
.helppageblocks .dfn span {color:#555}
.helppageblocks .lst-namedeftxt {margin:0px 0px 5px 25px;padding-left:20px;position:relative;}
.helppageblocks .lst-namedeftxt b {font-weight: bold;}
.helppageblocks .lst-namedeftxt i {position:absolute;left: 9px;top: 8px;background-color: #777;width: 4px;height:4px;;display:block;border-radius:50%;}
.helppageblocks .lst-namedeftxt span.sep {margin:0px 3px;}
.helppageblocks .lst-namedeftxt p {font-size:13px;font-style:italic;margin-bottom:0px;}
.helppageblocks .lst-numbered {margin:10px 0px;counter-reset: item;padding-left:25px;}
.helppageblocks .lst-numbered li{margin-bottom:10px;display: block }
.helppageblocks .lst-numbered li:before{content: counters(item, ".") "."; counter-increment: item; font-weight:bold;font-size:13px;color:#333; margin-right: 5px}
.helppageblocks .lst-numbered li p{display: inline;} 

.helppageblocks .btn-descr {margin:0px 0px 13px 25px;padding:2px 0px 0px 30px;position:relative;}
.helppageblocks .btn-descr .btnpreview {float:left;margin: -2px 10px 0px -20px;width:30px;}
.helppageblocks .btn-descr span.sep {margin:0px 5px 0px 0px;}
.helppageblocks .btn-descr p {font-size:13px;font-style:italic;margin:0px 0px 0px 35px;}
.helppageblocks .exptext {border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;margin:0px 15px 5px 15px;}
.helppageblocks .exptext>i {display:block;float:right;margin:15px 15px 0px 0px;color:#4765a0;transition:transform 200ms ease-out 50ms}
.helppageblocks .exptext>i.rotated {transform: rotate(180deg)}
.helppageblocks .exptext>a {display:block;padding:10px 15px 0px 15px;color:#4765a0;text-decoration:none;}
.helppageblocks .exptext>div {margin-bottom:10px;}
.helppageblocks .exptext>div>.exptextcontent {display:none;margin:0px 0px 0px 25px;padding:2px 5px 5px 10px;border-left:solid 2px #ddd;transition:margin-top .5s;overflow:hidden;}
.helppageblocks .exptext>div>.exptextcontent>p {margin:0px;padding:0px;}
.helppageblocks .img {}
.helppageblocks .img img {max-width:700px;max-width:100%;}
.helppageblocks .img div.overlay {position:absolute;display:block;width:100%;height:100%;background-color:transparent;top:0;left:0;transition-property:all;transition-duration:.5s;}
.helppageblocks .img:hover div.overlay {background-color:rgba(85, 85, 85, 0.32)}
.helppageblocks .img a {display:none;position:absolute;top:50%;left:50%;height:40px;width:40px;margin-top:-20px;margin-left:-20px;text-decoration:none;}
.helppageblocks .img a i {font-size:35px;color:#777;line-height:40px;}
.helppageblocks .img:hover a {display:block;}
.helppageblocks .img p {display:block;font-size:12px;margin:10px 0px 15px 0px;line-height:15px;padding-left:25px;}
.helppageblocks .img p i {display:block;float:left;font-size:16px;margin:0px 5px 5px -20px;}
.helppageblocks .imglink {margin-left: 40px; }
.helppageblocks .video {margin:10px auto;overflow:hidden; max-width: 700px}
.helppageblocks .video i {display:block;float:left;font-size:35px;color:#e74c3c;cursor:pointer}
.helppageblocks .video a {display:block;padding-left:50px;text-decoration:none;color:#555;font-size:18px;}
.helppageblocks .video a:hover {}
.helppageblocks .video span {display:block;padding-left:50px;}
.helppageblocks .childslist {overflow:hidden;}
.helppageblocks .childslist div.boxitem {float:left;width:150px;border:solid 1px #eee;margin:10px; padding:10px;text-align:center;transition: box-shadow ease-out 0.2s;}
.helppageblocks .childslist div.boxitem:hover {box-shadow:1px 1px 5px #ccc;}
.helppageblocks .childslist div.boxitem a:hover {text-decoration: underline;}
.helppageblocks .childslist div.boxitem div.icon {height:60px;color:#666;}
.helppageblocks .childslist div.boxitem div.icon i {font-size:50px;}
.helppageblocks .childslist div.boxitem div.lnk {height:45px; line-height: 1.3;}
.helppageblocks .childslist div.boxitem div.text {display:none;}
.helppageblocks .childslist div.listitem {min-height:100px;margin-bottom:10px; padding:10px;clear:both;}
.helppageblocks .childslist div.listitem div.icon {height:100px;color:#888;float:left;margin:10px 25px 10px 5px;}
.helppageblocks .childslist div.listitem div.icon i {font-size:70px;}
.helppageblocks .childslist div.listitem div.lnk {font-size:23px;display:block;margin:0px 0px 15px 0px;}
.helppageblocks .childslist a:hover {text-decoration: underline;}


@media (min-width: 768px) {
    .pull-md-3 {
        right: 25%;
    }

    .push-md-9 {
        left: 75%;
    }
}