/* header  dropdown e2 */


/* dropdown addon ul*/
.header_cont .wrapper{overflow: visible;}
.header_cont ul li.guide_menu span{color:#104a69;cursor:pointer}
.header_cont ul li.guide_menu span:hover{color:#104a69;background:#e5ebef;border-radius:20px}
.header_cont.active ul li.guide_menu span{color:#fff}
.header_cont.active ul li.guide_menu span:hover{color:#fbff44;background:none}
.header_cont li.guide_menu span{font-size:14px!important;padding:7px 9px 7px 12px}
.header_cont li.guide_menu{position:relative;margin-top:22px}
.header_cont li.guide_menu span.dpw-icon{background:url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/e2-drop-down.svg) no-repeat 3px 5px;width:13px;height:7px;display:inline-block}
.header_cont li.guide_menu span.dpw-icon:hover{background:url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/e2-drop-down.svg) no-repeat 3px 5px !important}
.header_cont.active li.guide_menu span.dpw-icon{background-position: 3px -32px;}
.header_cont.active li.guide_menu span.dpw-icon:hover{background-position: 3px -32px !important;}
.header_cont ul.submenu:before {bottom: 100%;right: 364px;border: solid transparent;content: "";height: 0;width: 0;position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0);border-bottom-color: #e5e5e5;border-width: 10px; margin-left: -10px;}
.header_cont ul.submenu:after {bottom: 100%;right: 365px;border: solid transparent;content: "";height: 0;width: 0; position: absolute;pointer-events: none;border-color: rgb(136 183 213 / 0%);border-bottom-color: #ffffff;border-width: 9px;margin-left: -9px;} 
.header_cont ul li.guide_menu span:hover ul.submenu{display:block}
.header_cont li.guide_menu:hover ul.submenu{display:block}
.header_cont ul.submenu{display:none;position:absolute;z-index:10;right:-350px;width: auto !important;top: 40px;background-color: #fff;    padding: 0;
    box-shadow: 0 .1873rem .373rem 0 rgba(43, 60, 81, .23);
    border: 1px solid #e5e5e5;
    overflow: visible;
    border-radius: 5px;
    min-width: 100%;}
.guides-list-main{height:402px;overflow:auto;}
.guides-list-main .list-sub-sec.last{margin-top: 1px;}
.guides-list-main h3{color: #104A69;font-size: 22px; font-weight: 600;margin-bottom: 12px;text-align:center;    padding-top: 22px;}
.guides-list-main p{color: #000;font-size: 14px;cursor: auto;font-weight: normal;margin-bottom: 8px;padding-bottom: 15px;
    width: 88%;
    margin: 0 auto;
    text-align: center;line-height: 24px;}
.guides-list-main p.txt-new{align-items: flex-start;padding-bottom: 14px;}
.guides-list-main p a{all: unset !important;padding: 0 !important;height: auto !important;color: #0071bc !important;cursor: pointer !important;}
.guides-list-main p a sup{line-height: initial;font-size: 12px;}
.guides-list-main p a:hover{background: none !important; color: #000 !important;}
.guides-list-main .guides-inside{display:flex;flex-direction:row;gap:8px;padding: 10px 0px 10px 24px;border-top: 1px solid #ccc;width: 100%;}
.guides-list-main .list-sub-sec{width:210px;}
/*.guides-list-main .list-sub-sec.fst{width:160px}
.guides-list-main .list-sub-sec.last{width:177px}*/
.guides-list-main .list-sub-sec h4{font-size:14px;font-weight:600;color:#0d72b9;text-decoration:none;text-decoration:underline}
.guides-list-main .list-sub-sec ul{margin: 0 !important;width: 100%;}
.guides-list-main .list-sub-sec ul li{line-height: 20px !important;width: 100%;}
.guides-list-main .list-sub-sec ul li a{font-size:13px;color:#000;text-decoration:none;text-align: left;padding: 0;height: auto;}
.guides-list-main .list-sub-sec ul li a sup{line-height: initial;font-size: 11px;}
.guides-list-main .list-sub-sec ul li {line-height: 20px !important;background: url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/e2-dropdown-arrow02.svg) no-repeat left 5px !important;padding-left: 15px !important;margin:9px 0;list-style-type: none;text-align: left;}
.guides-list-main .list-sub-sec ul li:hover a{color: #000 !important;}
.guides-list-main .list-sub-sec ul li a:hover{background: none;border-radius: none;height: auto;color: #0071bc !important;}
.header_cont.active .guides-list-main .list-sub-sec ul li a{color: #000;}
.header_cont.active p a{color: #0071bc !important;}
.header_cont.active p a:hover{color: #000 !important;}
.header_cont .menu_cont li.guide_menu:hover a{color: #000;}
.header_cont .menu_cont li.guide_menu:hover .list-sub-sec ul li a{color: #000;}
.e2-doc .guide_menu.act span{
    color: #104a69;
    background-color: #e5ebef;
    border-radius: 20px;
}
.e2-doc .header_cont.active .guide_menu.act span {
    color: #fff;background-color: transparent;
}
.e2-doc .header_cont.active .guide_menu.act span:hover{color: #fbff44;}
@media screen and (max-width: 1180px) {
    .guides-list-main .list-sub-sec{width: 180px;}
    .header_cont ul.submenu{right: -294px;}
    .guides-list-main .guides-inside{gap: 15px;}
    .header_cont ul.submenu:before{right:308px;}
    .header_cont ul.submenu:after{right:309px;}
    .header_cont .menu_cont li a{font-size: 13px;}
    .header_cont li.guide_menu span{font-size: 13px !important;}
}
@media screen and (max-width: 1024px) {
    .guides-list-main .list-sub-sec{width: 180px;}
    .header_cont ul.submenu{right: -269px;}
    .header_cont ul.submenu:before{right:283px;}
    .header_cont ul.submenu:after{right:284px;}
	.header_cont li.guide_menu{margin-top: 22px;}
    .header_cont .menu_cont li a{font-size: 13px;}
    .header_cont li.guide_menu span{font-size: 13px !important;}
   
}
@media screen and (max-width: 1020px) {
    .guides-list-main .list-sub-sec{width: 170px;}
}