/*******************************************************************************
        ## IMPORTS
*******************************************************************************/

/****************   FONTS AND ICON FONTS    ********************/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@import url(../fonts/dashicons/css/dashicons.css);
@import url(../fonts/font-awesome/css/font-awesome.min.css);
@import url(../fonts/sli-icons/simple-line-icons.css);
@import url(../fonts/themify-icons/themify-icons.css);
@import url(../fonts/font-awesome/segoe/segoe-font.css);
@import url(../fonts/productsans/styles-productsans.css);

/****************   OTHER COMPOMENTS     ********************/

@import url(lib/cmp-pace.min.css);
@import url(lib/cmp-bs-checkbox.css);
@import url(lib/cmp-css-toggle.css);

/****************   BOOTSTRAP OVERIDE    ********************/
@import url(bs-overide/bootstrap.overide.css);
@import url(bs-overide/bootstrap.buttons.css);
@import url(bs-overide/bootstrap.formcontrol.css);
@import url(bs-overide/bootstrap.panels.css);




/*******************************************************************************
        ## GENREAL
*******************************************************************************/
body,html {height: 100%}

body {    
    font-family: 'Roboto', sans-serif;
    /*font-family: -apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;*/
    
    background-color: #eeeeee;
    color: #363A5C;
}
body.white-bg{background-color: #fff;}
.chart{height: 350px;}
.upper{text-transform: uppercase;}
textarea:focus, input:focus{outline: none;}




/*******************************************************************************
        ## TOP HEADER
*******************************************************************************/
.header-top{top:0;left:0;right:0;height:60px;z-index:1040;border-radius:0;border:0;margin-bottom:0;background-color:#5190E9;transition:left 0.2s,right .2s;-webkit-transition:left 0.2s,right .2s}
.header-top.fixed-top{position:fixed}
.header-top.no-transition{transition:none;-webkit-transition:none}
.header-top .navbar-header{height:60px}
.header-top .navbar-brand{font-size:18px;color:#fff;text-align:center;transition:color .2s;line-height:33px;-webkit-transition:color .2s}
.header-top .navbar-brand img{width:120px;float:left;margin-right:8px}
.header-top .navbar-brand:hover,.header-top .navbar-brand:focus{color:#fff}
.header-top .top-bar{position:fixed;z-index:10;height:60px;line-height:50px;display:none;width:100%;top:-60px;background-color:#fff;box-shadow:0 2px 1px rgba(0,0,0,0.01);-webkit-box-shadow:0 2px 1px rgba(0,0,0,0.01);transition:top .2s;-webkit-transition:top .2s}
.header-top .top-bar .close-search{position:absolute;top:22px;right:15px;line-height:normal;font-size:10px;cursor:pointer;text-transform:uppercase}
.header-top .header-inner{position:relative;z-index:9;height:50px;background-color:#fff}
.header-top .navbar_header{width:150px;float:left}
.header-top .navbar-toggle{float:left;font-size:16px;margin-top:9px}
.header-top .navbar-toggle .icon-bar{background:rgba(255,255,255,0.6)}
.header-top .navbar-toggle:hover{background-color:rgba(0,0,0,.1)}
.header-top .navbar-toggle:hover .icon-bar{background:#fff}
.header-top .navbar-nav.navbar-right .dropdown-menu:before{right:12px;left:auto}
.header-top .navbar-nav.navbar-right .dropdown-menu:after{right:13px;left:auto}

li.user-profile>a{padding-bottom:15px}
li.user-profile .dropdown-menu > li > a{padding:5px 10px}
li.user-profile .dropdown-menu > li > a > i{margin-right:5px}
.header-top .navbar-nav>li.user-profile>a{padding-left:10px;padding-right:10px}
.header-top .navbar-nav>li.user-profile>a img{float:left;width:35px;height:35px;margin-top:-3px;margin-bottom:-10px;border-radius:50em;border:2px solid #f0f3f5}
.header-top .navbar-nav>li>a{position:relative;font-size:14px;color:#dbe6f8;line-height:30px;font-weight:500}
.header-top .navbar-nav>li>a>i{font-size:16px}
.header-top .navbar-nav>li>a.font-lg{font-size:16px}
.header-top .navbar-nav>li>a .badge{font-size:10px;padding:2px 4px}
.header-top .navbar-nav>li>a .new-alert{position:absolute;background-color:#ff3ba2;top:17px;right:14px;display:block;width:7px;height:7px;border-radius:50em;transform:scale(0);-webkit-transform:scale(0);transition:transform .4s;-webkit-transition:transform .4s}
.header-top .navbar-nav>li>a .new-alert:before{background:transparent;border:4px solid #eb2f92;content:"";width:16px;height:16px;left:-5px;top:-5px;border-radius:50em;opacity:0;position:absolute;animation:sonar 2s 1s ease infinite;-webkit-animation:sonar 2s 1s ease infinite;-moz-animation:sonar 2s 1s ease infinite;-ms-animation:sonar 2s 1s ease infinite;-o-animation:sonar 2s 1s ease infinite}
.header-top .navbar-nav>li>a .new-alert.active{transform:scale(1);-webkit-transform:scale(1)}
.header-top .navbar-nav>li.open>a,.header-top .navbar-nav>li.open>a:focus,.header-top .navbar-nav>li.open>a:hover{color:#fff;background-color:#5d9af0}
.header-top .navbar-nav .dropdown-menu.dropdown-lg{min-width:250px;background-color:#fff}
.header-top .navbar-nav .dropdown-menu.dropdown-lg>li>a:hover,.header-top .navbar-nav .dropdown-menu.dropdown-lg>li>a:focus{background-color:#fafafa;color:#7f888f}
.header-top .navbar-nav .dropdown-menu.list-group-dropdown>li>a{padding:7px 10px}
.header-top .navbar-nav .dropdown-menu.list-group-dropdown>li+li a{border-top:1px solid #eaeaea}
.header-top .navbar-nav .dropdown-menu.list-group-dropdown>li.no-link{display:block;padding:7px 10px;color:#8b97ae}
.header-top .navbar-nav .dropdown-menu .user-list-wrap{display:table;width:100%}
.header-top .navbar-nav .dropdown-menu .user-list-wrap .profile-pic{display:table-cell;width:45px;vertical-align:middle}
.header-top .navbar-nav .dropdown-menu .user-list-wrap .profile-pic img{width:35px;height:35px;border-radius:50em}
.header-top .navbar-nav .dropdown-menu .user-list-wrap .profile-pic.profile-icon{padding-left:5px}
.header-top .navbar-nav .dropdown-menu .user-list-wrap .profile-pic.profile-icon i{font-size:22px}
.header-top .navbar-nav .dropdown-menu .user-list-wrap .detail{position:relative;display:table-cell;vertical-align:middle;max-width:200px}
.header-top .navbar-nav .dropdown-menu .user-list-wrap .time{font-size:10px;font-style:italic}
.header-top .navbar-nav-xs{float:right;line-height:60px}
.header-top .navbar-nav-xs>li{float:left}
.header-top .navbar-nav-xs>li>a{padding-top:15px;padding-bottom:15px;line-height:30px;color:rgba(255,255,255,0.6)}
.header-top .navbar-nav-xs>li>a.font-lg{font-size:16px}
.header-dark{background-color:#32465b}
.header-dark .navbar-nav>li>a{color:rgba(255,255,255,0.6)}
.header-dark .navbar-nav>li>a:hover,.header-dark .navbar-nav>li>a:focus{color:#fff;background-color:#2f4154}
.header-dark .navbar-nav>li.open>a,.header-dark .navbar-nav>li.open>a:hover,.header-dark .navbar-nav>li.open>a:focus{color:#fff;background-color:#2f4154}
.nav-top .header-top .container{position:relative}
.nav-top .header-top .navbar-brand{width:auto;text-align:left;margin-left:15px}
.nav-top .header-top .navbar-header{background-color:transparent;width:auto}
.top-navigation{position:absolute;height:50px;background-color:#fff;top:50px;left:0;right:0;z-index:10;box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);transition:left 0.2s,right .2s;-webkit-transition:left 0.2s,right .2s}
.top-navigation.topnav-fixed{position:fixed}
.top-navigation.no-transition{transition:none;-webkit-transition:none}
.top-navigation .container{position:relative}
.top-navigation .navbar-nav>li>a{position:relative;color:#8b97ae;font-size:12px}
.top-navigation .navbar-nav>li>a:hover,.top-navigation .navbar-nav>li>a:focus{background-color:#f6f9fa;color:#7f888f}
.top-navigation .navbar-nav>li>a i{font-size:15px;position:relative;top:2px;margin-right:7px}
.top-navigation .navbar-nav>li.active>a:before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#5090f7}
.top-navigation .navbar-nav.magic-nav{position:relative}
.top-navigation .navbar-nav.magic-nav>li.active>a:before{display:none}
.top-navigation .navbar-nav.magic-nav .magic-line{position:absolute;bottom:-1px;left:0;width:100px;height:1px;background:#5090f7}




/*---new styles for header----*/
li.welcome-user h3{padding: 18px 0 0 20px;margin: 0; color: #fff;font-weight: 400;font-size: 20px;}

.wrapword{
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/

white-space: normal;

}
.header-top .navbar-nav .dropdown-menu.list-group-dropdown>li.notf-title {
    display: block;
    padding: 7px 10px;
    
}
.notf-title{font-size: 14px;color: #000;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
p.notf-dtl{line-height: 1.4;font-size: 12px;margin: 0;}
span.notf-time{font-size: 12px;color: #9b9b9b;font-style: italic;}





@media (min-width: 768px) {
.header-top .navbar-header{width:230px}
.header-top .navbar-nav>li.user-profile>a .user-name{margin-left:0}
.header-top .navbar-nav>li>a .badge{position:absolute;top:7px;right:5px}
.header-top .navbar-nav-xs{display:none}
.side-nav-sm:not(.sidenav-active) .navbar-header{width:50px;text-align:center}
.side-nav-sm:not(.sidenav-active) .navbar-brand{float:none;display:block}
.side-nav-sm:not(.sidenav-active) .navbar-brand span{display:none}
.hover-expand .navbar-header{transition:width .2s cubic-bezier(.5,.2,.5,1);-webkit-transition:width .2s cubic-bezier(.5,.2,.5,1)}    
}

@media (max-width: 767px) {
.header-top .navbar-collapse{background-color:#fff;border-bottom:1px solid #f0f3f5}
.header-top .navbar-brand{width:auto}
.header-top .top-bar{display:block}
.header-top .top-bar.active{top:0}
.header-top .header-inner{height:auto}
.header-top .navbar-nav>li>a.font-lg{font-size:14px}
.header-top .navbar-nav>li>a .badge{float:right;margin-top:2px}
.header-top .navbar-nav .dropdown-menu{display:none;animation:none!important;-webkit-animation:none!important}
.header-top .navbar-nav .dropdown-menu:before,.header-top .navbar-nav .dropdown-menu:after{display:none}
.header-top .navbar-nav .open .dropdown-menu{display:block}
.top-navigation{position:relative;height:auto;top:0}
.top-navigation .navbar-nav>li .dropdown-menu{display:none;animation:none!important;-webkit-animation:none!important}
.top-navigation .navbar-nav>li.open .dropdown-menu{display:block}
.top-navigation .navbar-nav.magic-nav .magic-line{display:none}
    
}

/*******************************************************************************
        ## MAIN SEARCH
*******************************************************************************/
.main-search{position:relative;float:right;padding:12px 5px}
.main-search .input-wrap{position:relative;margin-top:1px}
.main-search .input-wrap a{position:absolute;top:10px;right:15px;color:#c6cbd7;line-height:normal}
.main-search .input-wrap a:hover,.main-search .input-wrap a:focus{color:#7f888f;text-decoration:none}
.main-search input{border-radius:50em;padding-left:15px;width:170px;margin-bottom:0;font-size:12px;padding-right:30px;-webkit-box-sizing:border-box;box-sizing:border-box}

@media (max-width: 767px) {
    .main-search input {
        width:310px
    }
}

.main-search input:focus{padding-left:15px!important}
.main-search input::-webkit-input-placeholder{color:#c6cbd7;font-size:12px}
.main-search input::-moz-placeholder{color:#c6cbd7;font-size:12px}
.main-search input:-ms-input-placeholder{color:#c6cbd7;font-size:12px}

@media (max-width: 767px) {
    .main-search {
        float:none;
        padding-right: 70px
    }

    .main-search input {
        width: 100%
    }
}




/*******************************************************************************
        ## LEFT SIDEBAR
*******************************************************************************/
.side-navigation-wrap{position:absolute;width:230px;height:100%;z-index:11;transition:left .2s;-webkit-transition:left .2s}

@media (min-width: 768px) {
    
    .side-navigation-wrap {
        left:0 !important
    }
    
}

@media (max-width: 767px) {
    
    .side-navigation-wrap {
        left:-230px
    }
    
}

.side-navigation-wrap.sidebar-fixed{position:fixed}
.side-navigation-wrap .side-nav-inner{position:relative}
.side-navigation-wrap.no-transition{transition:none;-webkit-transition:none}

@media (max-width: 767px) {
    .side-nav-shown .side-navigation-wrap {
        left:0
    }
}

.side-nav{position:relative;list-style:none;padding-left:0;margin-bottom:0;color:#9cabba;font-weight:500}
.side-nav.magic-nav>li.active:after{display:none}
.side-nav>li{position:relative}
.side-nav>li:after{content:'';position:absolute;top:0;right:0;height:0;width:3px;display:none;background-color:#5090f7;transition:height .4s;-webkit-transition:height .4s}
.side-nav>li.no-link{display:block;padding:13px 20px;border-bottom:1px solid #f1f2f3}
.side-nav>li.side-nav-header{position:relative;display:block;padding:15px 15px 10px 20px;font-size:12px;overflow:visible;color:rgba(255,255,255,.4);font-weight:300}
.side-nav>li.side-nav-header small,.side-nav>li.side-nav-header .dropdown{font-size:10px;float:right;margin-top:2px;margin-right:5px}
.side-nav>li.side-nav-header small>a,.side-nav>li.side-nav-header .dropdown>a{color:#9cabba;text-decoration:none}
.side-nav>li.side-nav-header small>a:hover,.side-nav>li.side-nav-header .dropdown>a:hover,.side-nav>li.side-nav-header small>a:focus,.side-nav>li.side-nav-header .dropdown>a:focus{color:#fff}
.side-nav>li.side-nav-header small .dropdown-menu,.side-nav>li.side-nav-header .dropdown .dropdown-menu{left:-15px}
.side-nav>li.side-nav-header small .dropdown-menu.pull-right,.side-nav>li.side-nav-header .dropdown .dropdown-menu.pull-right{right:-15px;left:auto}
.side-nav>li.side-nav-header small .dropdown-menu>li>a,.side-nav>li.side-nav-header .dropdown .dropdown-menu>li>a{text-transform:none;font-size:12px}
.side-nav>li.side-nav-header small .pull-right .dropdown-menu,.side-nav>li.side-nav-header .dropdown .pull-right .dropdown-menu{right:-15px;left:auto}
.side-nav>li.seperator{border-bottom:1px solid #485d71}
.side-nav>li.active:after{display:block;height:100%}
.side-nav>li.active>a{color:#fff}
.side-nav>li.opened>a{color:#fff}
.side-nav>li>a{position:relative;display:block;padding:13px 20px;text-decoration:none;font-size:15px;transform:translateZ(0);-webkit-transform:translateZ(0);transition:background-color .1s,color .1s;-webkit-transition:background-color .1s,color .1s;font-weight:400}

.side-nav>li>a i{position:relative;top:-1px;font-size:15px;margin-right:15px}
.side-nav>li>a .badge{float:right;margin-top:1px;padding:4px}
.side-nav>li .sub-menu{position:relative}
.side-nav>li .sub-menu.opened{animation:fadeIn .4s;-webkit-animation:fadeIn .4s}
.side-nav>li .sub-menu.closed{animation:fadeOut .4s;-webkit-animation:fadeOut .4s}
.side-nav>li .sub-menu.tertiary.list-style-dashed>ul>li>a:before{left:47px;width:7px}
.side-nav>li .sub-menu.tertiary.list-style-circle>ul>li>a:before{left:44px}
.side-nav>li .sub-menu.tertiary>ul:before{left:47px}
.side-nav>li .sub-menu.tertiary>ul>li>a{padding-left:60px}
.side-nav>li .sub-menu>ul{position:relative;list-style:none;padding-left:0;margin-bottom:0}
.side-nav>li .sub-menu>ul>li>a{position:relative;display:block;padding:13px 20px;font-size:15px;text-decoration:none;transform:translateZ(0);-webkit-transform:translateZ(0);transition:color .2s;-webkit-transition:color .2s;font-weight:400}
.side-nav>li .sub-menu>ul>li>a>i{margin-right:15px}
.side-nav>li .sub-menu>ul>li>a:before{content:'';position:absolute;display:none}


.side-nav>li .progress{margin-bottom:0;height:7px;margin-top:2px}
.side-nav .magic-line{position:absolute;left:0;width:3px;height:46px;background:#5090f7}
@media (max-width: 767px) {
    .side-nav .magic-line {
        display:none
    }
}

.side-tabs{padding-top:7px;background-color:#f6f9fa}
.side-tabs>ul{border-color:#485d71;padding-left:5px;box-shadow:0 -1px 1px rgba(0,0,0,0.05) inset;-webkit-box-shadow:0 -1px 1px rgba(0,0,0,0.03) inset}
.side-tabs>ul>li+li{margin-left:4px}
.side-tabs>ul>li>a{padding-top:8px;padding-bottom:8px;font-size:12px;color:#9cabba}
.side-tabs>ul>li:not(.active){padding-top:5px}
.side-tabs>ul>li:not(.active)>a{padding-top:3px;padding-bottom:3px;border-radius:6px;background-color:#e4eef0;border-color:#e4eef0}
.side-tabs>ul>li:not(.active)>a:hover,.side-tabs>ul>li:not(.active)>a:focus{background-color:#dae8eb;color:#7f888f}
.side-tabs>ul>li.active>a,.side-tabs>ul>li.active>a:focus,.side-tabs>ul>li.active>a:hover{color:#7f888f;border-color:#485d71;border-bottom-color:transparent}
.side-tabs>ul>li.active>a{box-shadow:1px -1px 1px rgba(0,0,0,0.03);-webkit-box-shadow:1px -1px 1px rgba(0,0,0,0.03)}

@media (min-width: 768px) {
    .side-nav-sm:not(.sidenav-active) .side-navigation-wrap{width:50px}
.side-nav-sm:not(.sidenav-active) .side-nav>li>a{text-align:center;padding-left:10px;padding-right:10px}
.side-nav-sm:not(.sidenav-active) .side-nav>li>a i{margin-right:0}
.side-nav-sm:not(.sidenav-active) .side-nav>li>a .badge{float:none;position:absolute;top:5px;right:5px;font-size:9px;padding:2px 4px}
.side-nav-sm:not(.sidenav-active) .side-nav>li .sub-menu{width:200px}
.side-nav-sm:not(.sidenav-active) .side-nav>li .sub-menu.secondary{position:absolute;top:0;left:100%;padding:5px 0;border-radius:0 0 0 0}
.side-nav-sm:not(.sidenav-active) .side-nav>li .sub-menu.secondary>ul:before{display:none}
.side-nav-sm:not(.sidenav-active) .side-nav>li .sub-menu.secondary>ul>li>a{padding-left:20px}
.side-nav-sm:not(.sidenav-active) .side-nav>li .sub-menu.secondary>ul>li>a:before{display:none}
.side-nav-sm:not(.sidenav-active) .side-nav>li .sub-menu.tertiary>ul:before{left:27px}
.side-nav-sm:not(.sidenav-active) .side-nav>li .sub-menu.tertiary>ul>li>a{padding-left:40px}
.side-nav-sm:not(.sidenav-active) .side-nav>li .sub-menu.tertiary>ul>li>a:before{left:27px}
.side-nav-sm:not(.sidenav-active) .side-nav>li .sub-menu.tertiary.list-style-circle li>a:before{left:24px}
.side-nav-sm:not(.sidenav-active) .side-nav .side-nav-header,.side-nav-sm:not(.sidenav-active) .side-nav .nav-text,.side-nav-sm:not(.sidenav-active) .side-nav .milestone{display:none}
.side-nav-sm:not(.sidenav-active) .side-nav .magic-line{left:0}
.side-nav-sm:not(.sidenav-active) .slimScrollDiv,.side-nav-sm:not(.sidenav-active) .sidenav-inner{overflow:visible!important}
.side-nav-sm:not(.sidenav-active) .sidenav-size-toggle i{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
}

.sidebar-tab{margin-bottom:0}
.sidebar-tab>li{float:left;width:33.333333333333%}
.sidebar-tab>li a{display:block;padding:17px 10px 18px;text-align:center;color:#9cabba}
.sidebar-tab>li a:hover,.sidebar-tab>li a:focus{text-decoration:none}
.sidebar-tab>li a:hover{color:#fff}
.sidebar-tab>.active>a{color:#fff}

@media (min-width: 768px) {
    .hover-expand .side-navigation-wrap {
        transition:width .2s cubic-bezier(.5, .2, .5, 1),left .2s;
        -webkit-transition: width .2s cubic-bezier(.5, .2, .5, 1),left .2s;
        overflow: hidden
    }

    .hover-expand .side-nav>li>a {
        white-space: nowrap
    }
    
}





/*******************************************************************************
        ## CONTENT & WRAPPER
*******************************************************************************/

.wrapper{position:relative;min-height:100%;padding-top:60px;overflow:hidden}
.wrapper:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;visibility:hidden;opacity:0}
.content-wrap{padding:15px}
.has-footer .content-wrap{padding-bottom:65px}

@media (min-width: 768px) {
    .wrapper:after {
        visibility:hidden !important
    }
}

.wrapper.side-nav-shown:after {
    opacity: 1;
    visibility: visible
}

@media (min-width: 768px) {
.wrapper.nav-top{padding-top:100px}
}
.wrapper.no-header{padding-top:0}
.wrapper.no-footer{padding-bottom:0}
@media (max-width: 767px) {
.wrapper.hide-footer-xs{padding-bottom:0}
}

.main-container {
    position: relative;
    transition: left 0.2s, right 0.2s;
    -webkit-transition: left 0.2s, right 0.2s
}

@media (min-width: 768px) {
    .main-container {
        margin-left:230px;
        left: 0 !important
    }
}

@media (max-width: 767px) {
    .main-container {
        left:0
    }
}

.main-container.no-transition {
    transition: none;
    -webkit-transition: none
}

@media (min-width: 768px) {
    .side-nav-sm .main-container {
        margin-left:50px
    }
}

.side-nav-shown .main-container {
    left: 230px;
    right: -230px
}

.nav-top .main-container {
    margin-left: 0
}

.nav-top .app-wrapper {
    border: 1px solid #e4eef0;
    border-width: 0 1px
}

@media (min-width: 768px) {
    .nav-top .page-header {
        padding-left:30px
    }
}

@media (min-width: 768px) {
    .full-width-container .container {
        width:100%
    }
}

.app-layout .main-container {
    position: absolute;
    top: 50px;
    bottom: 0;
    right: 0
}

.app-layout .main-container>.container {
    height: 100%
}

@media (max-width: 767px) {
    .app-layout .main-container>.container {
        padding-left:0;
        padding-right: 0
    }
}

@media (min-width: 768px) {
    .app-layout.nav-top .main-container {
        top:100px
    }
}

.header-toolbar {
    font-size: 14px;
    position: absolute;
    top: 28px;
    right: 15px
}

@media (max-width: 767px) {
    .header-toolbar {
        top:18px
    }
}

.footer {
    background-color: #fff;
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 230px;
    padding: 15px;
    border-top: 1px solid #f0f3f5
}

@media (max-width: 767px) {
    .footer {
        left:0
    }
}

@media (min-width: 768px) {
    .side-nav-sm:not(.sidenav-active) .footer {
        left:50px
    }
}

.nav-top .footer {
    left: 0
}

@media (max-width: 767px) {
    .hide-footer-xs .footer {
        display:none
    }
}








/

/******************************   BUTTON LISTS    *****************************/

.list-buttons{
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

.list-buttons > li{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.list-buttons > li:last-child{
    margin-right: 0;
}



/******************************  BOOTSTRAP MEDIA    ***************************/

.media{
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #EEEEEE;
}

.media:last-child{
    border:none;
}

.media .media-object{
    width: 64px;
    height: 64px;
    border-radius: 3px;
}

.media h4.media-heading{
    font-weight: 600;
}


/*******************************************************************************
        ## BOOTSTRAP TABLES & DATA TABLES
*******************************************************************************/

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, 
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 15px 5px;
    color: #72728D;
    vertical-align: middle;
    border-top: 1px solid #EEEEEE;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th{
    color: #62627C;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after, table.dataTable thead 
.sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 15px;
    right: 8px;
    display: block;
    font-family: fs-font;
    opacity: 0.5;
}

table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: "\e0f6";
}

table.dataTable thead .sorting_asc:after {
    content: "\e164";
}

table.dataTable thead .sorting_desc:after {
    content: "\e161"
}

.dataTable td form input{
    outline: none;
    border: none;
    font-weight: bold;
}












/* Item */

.mini-image-block{
    position:relative;
    overflow:hidden;
    border:1px solid #ddd;
}

@media(max-width: 400px){
    .mini-image-block{
        border:1px solid #ddd;
    }
}

/* Image */
.mini-image-block img {
    width:100%;
    height:100%;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.mini-image-block:hover img {
    -moz-transition: scale(1.1);
    -o-transition: scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}

/* Details */
.mini-image-block .ui-details{
    position:absolute;
    top:0px;
    left:0px;
    background:#fff;
    height:100%;
    width:65%;
    padding:18px 20px;
    box-shadow:0px 0px 25px rgba(0,0,0,0.5);
}

@media(max-width: 400px){
    
    .mini-image-block.ui-details{
        position:static;
        width:100%;
        border:0px;
        padding-bottom:22px;
    }
    
}

/* Heading */
.mini-image-block .ui-details h3{
    font-size:14px;
    line-height:22px;
    text-transform:uppercase;
}

/* Paragraph */
.mini-image-block .ui-details p{font-size:12px;line-height:25px;margin:5px 0 10px;color:#999}
.mini-image-block .ui-details .btn{border:0;padding:3px 7px}
.mini-image-block a.ui-circle{display:block;width:40px;height:40px;position:absolute;top:20px;right:20px;border-radius:100%;color:#fff;line-height:40px;text-align:center;font-weight:600;font-size:15px}
.mini-data-progress{background:#fff;padding:15px 20px;position:relative;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);margin-bottom:25px}
.mini-data-progress i{position:absolute;top:10px;right:10px;font-size:60px}
.mini-data-progress h3{font-size:14px;line-height:1;text-transform:uppercase}
.mini-data-progress h2{font-size:34px;line-height:1;text-transform:uppercase;font-weight:300}




/*******************************************************************************
        ## HELPER
*******************************************************************************/
.text-xs{ font-size: 10px; }
.text-sm{ font-size: 15px; }
.text-md{ font-size: 20px; }
.text-lg{ font-size: 30px; }

.img-w100{
    width: 100px;
}

.shadow-one{
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);
}

.shadow-two,
.shadow-three,
.shadow-four {
    position: relative;
}

.shadow-two:before, 
.shadow-two:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 50%;
    max-width: 300px;
    background: rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.shadow-two:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

.shadow-three:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 50%;
    max-width: 300px;
    background: rgba(0, 0, 0, 0.25);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.shadow-four:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    right: 10px;
    left: auto;
    width: 50%;
    top: 40%;
    max-width: 300px;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

.shadow-five {
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.05) inset;
}

.shadow-six {
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}


.jqstooltip {
    padding: 2px 5px !important;
    height: 20px;
    width: 45px;
    text-align: center;
    border: none!important;
}

.list-quick-setting-1 > li{
    padding:6px 0px;
    font-weight:600;
}
.list-quick-setting-1 > li > i{
    font-size:15px;
    color:#bbb;
    font-weight:normal;
}
.list-quick-setting-1 > li > a.btn{
    float:right;
}


.popover{
    border-radius: 3px;
}

.tooltip-inner{
    border-radius: 2px;
}

.popover-title,
.popover-content,
.tooltip-inner {
    font-family: 'Nunito', sans-serif;
    
}





/*******************************************************************************
        ## TABS STYLE
*******************************************************************************/

.tab-content{padding:10px}
.tabs-reversed>li{float:right;margin-right:0}
.tabs-reversed>li>a{margin-right:0}
.nav-tabs>li>a{border-radius:0 0 0 0;color:#555;font-weight:500}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#5765ce}
.tabs-below>.nav-pills,.tabs-below>.nav-tabs{border-bottom:0;margin-bottom:0;margin-top:10px}
.tabs-below>.nav-tabs{border-top:1px solid #ddd;margin-bottom:0;margin-top:10px}
.tabs-below>.nav-tabs>li>a{margin-top:-1px;margin-bottom:0}
.tabs-below>.nav-tabs>li>a:focus,.tabs-below>.nav-tabs>li>a:hover{border-top-color:#ddd;border-bottom-color:transparent}
.tabs-below>.nav-tabs>li>a .dropdown-menu{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0}
.tabs-below>.nav-tabs .active a,.tabs-below>.nav-tabs .active a:hover .active a:focus{-webkit-border-radius:0 0 0 0;-moz-border-radius:0;-ms-border-radius:0 0 0 0;border-radius:0 0 0 0;border-color:transparent #ddd #ddd!important}
.tabs-left.nav-tabs,.tabs-right.nav-tabs{border-bottom:0}
.tabs-left.nav-tabs>li,.tabs-right.nav-tabs>li{float:none}
.tabs-left.nav-tabs>li>a,.tabs-right.nav-tabs>li>a{margin-right:0;margin-bottom:3px}
.tabs-left.nav-tabs{border-right:1px solid #ddd}
.tabs-left.nav-tabs>li>a{display:block;margin-right:-1px}
.tabs-left.nav-tabs>li>a:focus,.tabs-left.nav-tabs>li>a:hover{border-radius:0 0 0 0;border-color:#eee #ddd #eee #eee}
.tabs-left.nav-tabs>li.active>a,.tabs-left.nav-tabs>li.active>a:hover>li.active>a:focus{-webkit-border-radius:0 0 0 0;-moz-border-radius:0;-ms-border-radius:0 0 0 0;border-radius:0 0 0 0;border-color:#ddd transparent #ddd #ddd}
.tabs-right.nav-tabs{border-left:1px solid #ddd}
.tabs-right.nav-tabs>li>a{display:block;margin-left:-1px}
.tabbable:after,.tabbable:before,.tiles:after,.tiles:before{display:table;content:" "}
.tabs-right.nav-tabs>li>a:focus,.tabs-right.nav-tabs>li>a:hover{border-radius:0 0 0 0;border-color:#eee #eee #eee #ddd}
.tabs-right.nav-tabs>li.active>a,.tabs-right.nav-tabs>li.active>a:hover>li.active>a:focus{-webkit-border-radius:0 0 0 0;-moz-border-radius:0;-ms-border-radius:0 0 0 0;border-radius:0 0 0 0;border-color:#ddd #ddd #ddd transparent}



/*******************************************************************************
        ## Accordion Styles
*******************************************************************************/

.panel-group .panel{border-radius:0;background-clip:padding-box;border:0 none}
.panel-collapse{border:1px solid #e1e1e1;border-top:0;box-shadow:none}
.accordion .panel-title>a{display:block;position:relative;outline:none;text-decoration:none;padding-right:15px}
.accordion .panel-title>a:hover{text-decoration:none;color:#fff}
.accordion .panel-default .panel-title>a:hover{text-decoration:none;color:#5f69e0}
.accordion .panel-title>a:after{content:"\f068";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;margin-top:-5px;font-size:.75em;position:absolute;right:0;top:50%}
.accordion .panel-title>a.accordion-toggle.collapsed:after{content:"\f067"}
.accordion .panel-title>a.accordion-toggle>i{width:24px;text-align:center;padding-right:6px}



/





/*******************************************************************************
        ## SEARCH PAGE
*******************************************************************************/

.search-options {
  max-width:920px;
  padding:10px;
  margin-bottom:20px;
  background-color:#fff;
  border:1px solid rgba(0,0,0,.1);
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}

@media (max-width:767px) {
  .search-options {
    text-align:center;
  }
}

.search-options .search-pager {
  float:right;
}

@media (max-width:767px) {
  .search-options .search-pager {
    float:none;
    text-align:center;
    margin-top:20px;
  }
}

.search-filter {
  padding-bottom:10px;
  margin-bottom:30px;
  border-bottom:1px solid #ddd;
}

.search-filter ul li a {
  display:block;
  padding:10px 15px;
  color:#777;
  transition:all .2s ease;
  -webkit-transition:all .2s ease;
  -moz-transition:all .2s ease;
  -ms-transition:all .2s ease;
  -o-transition:all .2s ease;
}

.search-filter ul li a:focus,
.search-filter ul li a:hover {
  color:#3c8dbc;
  text-decoration:none;
  transition:all .2s ease;
  -webkit-transition:all .2s ease;
  -moz-transition:all .2s ease;
  -ms-transition:all .2s ease;
  -o-transition:all .2s ease;
}

.search-container .search-header {
  padding-bottom:5px;
  border-bottom:1px solid #f1f5fc;
}












/*******************************************************************************
        ## PROFILE
*******************************************************************************/

.dataBgImage {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.page-profile .page-header {
    margin-top: -10px;
    padding-top: 150px;
    margin-bottom: 50px;
}

.page-profile .page-header .img-profile{
    width: 150px;
    position: relative;
    bottom: -20px;
    background: #FFFFFF;
    padding: 3px;
}

.page-profile .page-header .user-name{
    color: #FFFFFF;
    position: absolute;
    margin-top: -40px;
    margin-left: 160px;
}

.page-profile .basic-info .form-group{
    border-bottom: 1px solid #EEEEEE;
}


.list-flow-info{
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    clear: both;
}

.list-flow-info li{
    
}

.list-flow-info li h3{
    font-size: 15px;
}

.list-flow-info li h4{
    font-size: 30px;
    font-weight: 100;
}











/*******************************************************************************
        ## ONBOARD SCREENS SCREENS
*******************************************************************************/
.signup-wrapper{margin: 0 auto;padding: 100px 0 0 0;}
.signup-wrapper h2{font-size:46px;color: #888B8D;margin: 0;font-family: 'ProductSans-Regular';}
.signup-wrapper p{font-size: 20px;margin:0;line-height: 1.4;margin-top:5px;color: #A6ACB0}
.signup-wrapper .signup-form{padding:20px 0 0 0;}
.signup-form .conditions{font-size: 14px;margin: 0;color: #A6ACB0;line-height: 1.4;padding: 10px 0 20px 0;}
.signup-form .conditions a{color: #333333}
.signup-form .conditions a:hover{color: #818181}
.signup-form .get-started input.submit-btn{background-color: #3a89f7;border: 0;width: inherit;padding: 13px 35px;color: #fff;font-size: 18px;border-radius:4px;margin: 10px 0 0 0;}
.signup-form .get-started input.submit-btn:hover{background-color: #3783ed;}
.signup-form .get-started input.submit-btn:active{background-color: #2572dc;border-color: #2b7beb;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}

.signedup-wrapper{margin: 0 auto;padding: 100px 0 0 0;text-align: center;}
.signedup-wrapper h2{font-size:46px;color: #888B8D;margin:30px 0 0 0;font-family: 'ProductSans-Regular';}
.signedup-wrapper p{font-size:30px;margin:0;line-height: 1.8;margin:0px;color: #888B8D;}

.welcome-wrapper{margin: 0 auto;padding: 100px 0 0 0;}
.welcome-wrapper h2{font-size:44px;color: #888B8D;margin: 0 0 20px 0;font-family: 'ProductSans-Regular';}
.welcome-wrapper p{font-size:28px;line-height: 1.4;color: #888B8D;margin: 0;}
.welcome-wrapper .builtpltfrm-btns{margin-top:50px;}
.welcome-wrapper ul{list-style: none;margin: 0;padding: 0;}
.welcome-wrapper ul li{display: inline-block;margin-right:15px;}
.welcome-wrapper ul li:last-child{margin-right: 0;}
.welcome-wrapper .builtpltfrm-btns li a.btn{font-family: 'ProductSans-Regular';border-radius: 4px;font-size: 16px;margin: 5px 0;}
.welcome-wrapper .btn-social>:first-child{border-right: 0;width: 56px;}

.siteinfo-wrapper{margin: 0 auto;padding: 130px 0 0 0;overflow-wrap: break-word;}
.siteinfo-wrapper h3{font-size:28px;color: #888B8D;margin: 0 0 30px 0;line-height: 1.4;font-family: 'ProductSans-Regular';}
.siteinfo-wrapper input{background-color: #fff;padding: 12px;border: 1px solid #cbcbcb;box-shadow: inset 0 1px 1px 0 rgba(109, 109, 109, 0.15);width: 400px;line-height: 16px;font-size: 16px;}
.siteinfo-wrapper input[type="text"]::-webkit-input-placeholder{color: #BFBFBF;}

.content-importing{padding: 20px ;}
.content-importing h2{margin: 0;font-size: 42px;color: #888B8D;font-family: 'ProductSans-Regular';}
.content-importing p{margin: 0;font-size:26px;color: #888B8D;line-height: 1.4;margin-top:25px;}
.content-importing h3{margin: 0;font-size:26px;color: #888B8D;line-height: 1.4;margin-top:50px;}

.signin-info{width: 400px;margin:0px 0 10px 0;}
.signin-info .checkbox{display: inline-block;float: left;}
.signin-info .checkbox input{width: inherit;}
.signin-info .checkbox label::before, .signin-info .checkbox label::after{margin-top:1px;}
.signin-info .forgot-pass{float: right;padding: 11px 0 0 0;}
.signin-info .forgot-pass a{line-height: 16px;}
.create-account{margin:40px 0 0 0;}

/*-----Importing complete arrow styles-----*/
@-webkit-keyframes lr-bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  60% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}
@-moz-keyframes lr-bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(30px);
  }
  60% {
    transform: translateX(15px);
  }
}
@keyframes lr-bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  60% {
    -ms-transform: translateX(15px);
    transform: translateX(15px);
  }
}
.intrfc-arrow{position:absolute;top:1px;right:40px;font-size:32px;color: #5190E9;}
.lr-bounce{-webkit-animation:lr-bounce 2s infinite;animation:lr-bounce 2s infinite;}


/*******************************************************************************
                      ## PAGE DASHBOARD
*******************************************************************************/
.chartDashboard{height:280px}
.legendColorBox{padding:3px 0;overflow:hidden;border:none}
.legendColorBox div{border-radius:2px;margin-right:2px}
.legendColorBox > div{border:0!important}

/*navigation styels*/
.side-nav li{border-left: 2px solid transparent;}
.side-nav li.first-li:hover, li.first-li.active-link{border-left-color:#f4ba16;}
.side-nav li.second-li:hover, li.second-li.active-link{border-left-color:#db4437;}
.side-nav li.third-li.active-link {background-color: #F8F8F8;box-shadow: inset 0 1px 3px 0 rgba(217, 217, 217, 0.5);-webkit-box-shadow: inset 0 1px 3px 0 rgba(217, 217, 217, 0.5);}

.side-nav li.fourth-li:hover, li.fourth-li.active-link{border-left-color:#0f9f58;}
.side-nav li.fifth-li:hover, li.fifth-li.active-link{border-left-color:#757575;}
.side-nav li.third-li.third-li:hover > .sub-menu.secondary li{border-left-color: #fdfdfd;}

.side-nav>li.has-submenu>a[aria-expanded="true"] {color: #4D4D4E;margin-left: -2px;}
.side-nav>li .sub-menu>ul>li.opened>a, .side-nav>li .sub-menu>ul>li.active>a {border-left: 2px solid #5190e9;margin-left: -2px;background-color: #F8F8F8;}
.side-nav>li.has-submenu{background-color: #F8F8F8;    box-shadow: inset 0 1px 3px 0 rgba(217,217,217,0.5);
-webkit-box-shadow: inset 0 1px 3px 0 rgba(217,217,217,0.5);}
.side-nav>li.has-submenu .recrds-link{border-left: 2px solid transparent;margin-left: -2px}
.side-nav>li.has-submenu .recrds-link:hover{border-left: 2px solid #5190e9;background-color: #F8F8F8}
.side-nav>li.has-submenu .recrds-link.active-link, .side-nav>li.rcrds-li:hover{border-left: 2px solid #5190e9;}

.side-nav li.third-li li{margin-left: -2px;}
.side-nav li.third-li li.first-sbulistli{border-left-color:#f8f8f8;}
.side-nav li.third-li li.second-sbulistli{border-left-color:#f8f8f8;}
.side-nav li.third-li li.first-sbulistli:hover{border-left-color:#3a89f7 !important;}
.side-nav li.third-li li.second-sbulistli:hover{border-left-color:#3a89f7 !important;}


.panel-body{box-shadow: 0 1px 5px 0 rgba(0,0,0,0.40);min-height: 85vh;}
.dashbox{border:1px solid #dedede;border-radius: 3px;padding:12px 25px 10px 20px;color: #4d4d4d;display: inline-block;margin:0 15px;background-color: #fefefe;}
.dashbox h3{padding: 0;margin: 0;display: inline-block;font-size:38px;font-weight: 400;}
.dashbox h4{padding: 0;margin: 0;display: inline-block;color: #9c9c9d;font-size:24px;font-weight: 400;}
.dashbox p{line-height: 1.6;margin: 0;color: #4d4d4e;font-size:24px;display: inline-block;text-transform: uppercase;padding-right:8px;}
.dashbox p.next-cdate{font-size: 10px;line-height: 1;display: inline-block;text-transform:inherit; }
.nomarginleft{margin-left: 0;}

.dashrecord-tbl{margin-top:15px;}
.dashrecord-tbl table{margin: 0;}
.dashrecord-tbl table.table th{padding:5px 0;font-size: 15px;font-weight: 400;vertical-align: baseline;border-bottom: 1px solid #d6d5d5;text-align: center;color: #444444;}
.dashrecord-tbl table.table th.bigger{font-size: 24px;}
.dashrecord-tbl table.table td{padding: 10px 0px;font-size: 15px;color: #4d4d4e;border-bottom: 1px solid #d6d5d5;text-align: center;}
.dashrecord-tbl .mk-trc{margin-bottom: 0;padding-top: 5px;}
.dashrecord-tbl table.table .left-txt{text-align: left;}
.dashrecord-tbl span.linked-sites{text-align: left;padding-left: 10px;}
.dashrecordtbs-btm .add-record a{color: #4d4d4e;font-size: 16px;}
.dashrecordtbs-btm .add-record a i{background-color: #fafafa;border-radius: 50%;color: #6b6b6b;margin-right: 10px;
box-shadow: 0 2px 7px 0 rgba(0,0,0,0.26);width: 34px;height: 34px;text-align: center;padding:9px 0 0 0px; }
.dashrecordtbs-btm{margin-top: 30px;}
.dashrecordtbs-btm .dashtbl-btns button{margin-left: 5px;}
.dashrecordtbs-btm .dashtbl-btns img{color: #fff;}

/*.dashrecord-tbl table.table td.tblrow-icons{opacity:.5;}*/
/*.dashrecord-tbl table.table tr:hover > .tblrow-icons{opacity: 1;}*/
.dashrecord-tbl table.table .tblrow-icons ul{margin: 0;padding: 0;text-align: center;}
.dashrecord-tbl table.table .tblrow-icons ul li{list-style: none;margin: 0;padding: 0;text-align: left;margin: 0 8px;display: inline-block;}
.dashrecord-tbl table.table .tblrow-icons ul li a{opacity:.7;}
.dashrecord-tbl table.table .tblrow-icons ul li a:hover{opacity: 1;}
.dashrecord-tbl table.table .tblrow-icons {white-space: nowrap;}

.dsh-singlelicns .dashbox{margin: 0 10px 0 0;width: 100%;background-color: #fefefe;padding-right: 5px;}
.dsh-singlelicns .dashbox h3{padding: 0;margin: 0;display: inline-block;font-size:38px;font-weight: 400;}
.dsh-singlelicns .dashbox h4{padding: 0;margin: 0;display: inline-block;color: #9c9c9d;font-size:24px;font-weight: 400;}
.dsh-singlelicns .dashbox p{line-height: 1.6;margin: 0;color: #4d4d4e;font-size:24px;}
.dsh-singlelicns .nomarginright{margin-right: 0;padding-right: 0;}
.dsh-updtsnews h3{margin: 0;border-bottom: 1px solid #d6d5d5;padding: 5px 0 10px 0;font-weight:400;}
.dsh-updtsnews .updts-row{margin-top: 25px;}
.dsh-updtsnews .updts-row h4{margin: 0;font-size: 16px;color: #4d4d4d;}
.dsh-updtsnews .updts-row p{margin:7px 0 0 0;line-height: 1.2;font-size: 14px;}
.dsh-updtsnews .updts-row span{font-size: 12px;color: #6b6b6b;margin-top:8px;display: block;}
.dsh-singlelicns .dashrecord-tbl{margin-top:25px;}
.dsh-singlelicns .dashrecord-tbl table{margin: 0;}
.dsh-singlelicns .dashrecord-tbl table.table th{text-align:right;}
.dsh-singlelicns .dashrecord-tbl table.table td{text-align: right;}
.dsh-singlelicns .dashrecord-tbl table.table .left-txt{text-align: left;}


/*******************************************************************************
        ## KEYFRAM FOR NOTIFICATION PULSE
*******************************************************************************/

@-webkit-keyframes fadeIn {
    from {opacity: 0}
    to {opacity: 1}
}

@keyframes fadeIn {
    from {opacity: 0}
    to {opacity: 1}
}

@-webkit-keyframes fadeOut {
    from {opacity: 1}
    to {opacity: 0}
}

@keyframes fadeOut {
    from {opacity: 1}
    to {opacity: 0}
}

@-webkit-keyframes slideInRight {
    from {
        transform: translateX(-30px);
        -webkit-transform: translateX(-30px)
    }
    to {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

@keyframes slideInRight {
    from {
        transform: translateX(-30px);
        -webkit-transform: translateX(-30px)
    }
    to {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes sonar {
    from {
        -webkit-transform: scale(0);
        opacity: 1
    }
    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes sonar {
    from {
        transform: scale(0);
        opacity: 1
    }
    to {
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes pop-open {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes pop-open {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes pop-close {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes pop-close {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes dotRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes dotRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dotBounce {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dotBounce {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}



/*=======================================================
                   Analytics page styels
=======================================================*/
li.website-dd{margin-left:5px;}
.header-top .navbar-nav>li.website-dd>a{font-size: 16px;font-weight: 400;color: #fff;}
.analytics-wrapper{margin-top:15px;}
.data-box{border:1px solid #dedede;border-radius: 3px;padding:12px 15px 10px 20px;color: #4d4d4d;}
.data-box h3{padding: 0;margin: 0;display: inline-block;font-size:38px;font-weight: 400;}
.data-box h4{padding: 0;margin: 0;display: inline-block;font-size:38px;font-weight: 400;float: left;}
.data-box p{line-height: 1.6;margin: 0;color: #4d4d4e;font-size:20px;padding: 3px 0 0 0;}
.analytics-wrapper .nomarginleft{margin-left: 0;padding-left: 0;}
.data-box .ctrinfo{float: right;padding-top:7px;}
.data-box .ctrinfo h5{font-size: 13px;margin: 0;font-weight: 400;}
.data-box .ctrinfo h6{line-height: 1.2;margin: 0;font-size: 15px;font-weight: 500;}


.analytics-chart{margin-top:40px;}
.analytics-data{margin-top: 70px;}
.analytics-data .anldata-tbl{}
.analytics-data .anldata-tbl table{margin-bottom: 40px;}
.analytics-data .anldata-tbl table th{padding: 0 0 2px 0;font-size: 18px;font-weight: 400;border-bottom: 1px solid #cbcbcb; }
.analytics-data .anldata-tbl table td{padding: 15px 0;vertical-align: top;border-bottom: 1px solid #e0e0e0;border-top: 0}
.analytics-data .anldata-tbl table td.bigger{font-size: 18px;}
.analytics-data .anldata-tbl table td:last-child{text-align: right;}
.analytics-data .anldata-tbl table td a{color: #5597e4}
.analytics-data .anldata-tbl table td a:hover{color: #0d70e5}


/*------ Date Picker -------*/
#config-demo{border-radius:4px;background-color:#717171;border:0;cursor:pointer;height:36px;padding-left:10px;color: #fff;font-size: 15px;}

.daterangepicker{position:absolute;color:inherit;background:#fff;border-radius:4px;width:278px;padding:4px;margin-top:1px;top:100px;left:20px}
.daterangepicker:before,.daterangepicker:after{position:absolute;display:inline-block;border-bottom-color:rgba(0,0,0,0.2);content:''}
.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}
.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}
.daterangepicker.opensleft:before{right:9px}
.daterangepicker.opensleft:after{right:10px}
.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}
.daterangepicker.openscenter:after{left:0;right:0;width:0;margin-left:auto;margin-right:auto}
.daterangepicker.opensright:before{left:9px}
.daterangepicker.opensright:after{left:10px}
.daterangepicker.dropup{margin-top:-5px}
.daterangepicker.dropup:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}
.daterangepicker.dropup:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}
.daterangepicker.dropdown-menu{max-width:none;z-index:3001}
.daterangepicker.single .ranges,.daterangepicker.single .calendar{float:none}
.daterangepicker.show-calendar .calendar{display:block}
.daterangepicker .calendar{display:none;max-width:270px;margin:4px}
.daterangepicker .calendar.single .calendar-table{border:none}
.daterangepicker .calendar th,.daterangepicker .calendar td{white-space:nowrap;text-align:center;min-width:26px;font-size:13px;}
.daterangepicker .calendar-table{border:1px solid #fff;padding:4px;border-radius:4px;background:#fff}
.daterangepicker table{width:100%;margin:0}
.daterangepicker td,.daterangepicker th{text-align:center;width:20px;height:20px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer}
.daterangepicker td.available:hover,.daterangepicker th.available:hover{background:#eee}
.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}
.daterangepicker td.off,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date,.daterangepicker td.off.end-date{background-color:#fff;border-color:transparent;color:#999}
.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}
.daterangepicker td.start-date{border-radius:4px 0 0 4px}
.daterangepicker td.end-date{border-radius:0 4px 4px 0}
.daterangepicker td.start-date.end-date{border-radius:4px}
.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#357ebd;border-color:transparent;color:#fff}
.daterangepicker th.month{width:auto}
.daterangepicker td.disabled,.daterangepicker option.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}
.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}
.daterangepicker select.monthselect{margin-right:2%;width:56%}
.daterangepicker select.yearselect{width:40%}
.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.daterangepicker select.ampmselect{width:50px;margin-bottom:0}
.daterangepicker .input-mini{border:1px solid #ccc;border-radius:4px;color:#555;height:30px;line-height:30px;display:block;vertical-align:middle;margin:0 0 5px;padding:0 6px 0 28px;width:100%}
.daterangepicker .input-mini.active{border:1px solid #08c;border-radius:4px}
.daterangepicker .daterangepicker_input{position:relative}
.daterangepicker .daterangepicker_input i{position:absolute;left:8px;top:8px}
.daterangepicker .calendar-time{text-align:center;margin:5px auto;line-height:30px;position:relative;padding-left:28px}
.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}
.ranges{font-size:11px;float:none;margin:4px;text-align:left}
.ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}
.ranges li{font-size:13px;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:4px;color:#08c;padding:3px 12px;margin-bottom:8px;cursor:pointer}
.ranges li:hover{background:#08c;border:1px solid #08c;color:#fff}
.ranges li.active{background:#08c;border:1px solid #08c;color:#fff}
.demo i {position: absolute;bottom: 10px;right: 24px;top: auto;cursor: pointer;color: #fff;}

.export-input{padding-left: 0;}
.export-input select{padding:3px;margin: 0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background: #f8f8f8;color:#fff;
border:none;outline:none;display: inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:4px;background-color:#fbfbfb;border:0;cursor:pointer;width:100%;min-width:110px;
height:36px;padding-left:10px;background-color:#717171;}
.export-input label {position:relative;font-size:14px;font-weight:inherit;width:100%;}
.export-input label:after {color:#fff;content: "\f019"; font-family: FontAwesome;right:12px;position:absolute;top:8px;font-size: 14px;}
.export-input label:before {content:'';right:6px; top:0px;width:20px; height:20px;position:absolute;pointer-events:none;display:block;}

@media (min-width: 564px) {
.daterangepicker{width:auto}
.daterangepicker .ranges ul{width:160px}
.daterangepicker.single .ranges ul{width:100%}
.daterangepicker.single .calendar.left{clear:none}
.daterangepicker.single .ranges,.daterangepicker.single .calendar{float:left}
.daterangepicker .calendar.left{clear:left;margin-right:0}
.daterangepicker .calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}
.daterangepicker .calendar.right{margin-left:0}
.daterangepicker .calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}
.daterangepicker .left .daterangepicker_input{padding-right:12px}
.daterangepicker .calendar.left .calendar-table{padding-right:12px}
.daterangepicker .ranges,.daterangepicker .calendar{float:left}
}

@media (min-width: 730px) {
.daterangepicker .ranges{width:auto;float:left}
.daterangepicker .calendar.left{clear:none}
}




/*=======================================================
                   Records page styels
=======================================================*/

.recrd-searchbox{padding-left: 30px;position: relative;margin-left:20px;padding-top:7px;}
.recrd-searchbox input[type="text"]{border:0;border-bottom: 1px solid #d6d5d5;font-size: 16px;line-height: 16px;padding:5px 0 5px 0;display: block;width: 57%;margin-bottom: 8px;}
.recrd-searchbox input[type="text"]::-webkit-input-placeholder{font-size: 24px;color: #BFBFBF;}
.recrd-searchbox span{color:#999999;font-size: 22px;position: absolute;top:10px;left: 0;}
.recrd-searchbox p{font-size: 12px;display: inline-block;padding-right: 10px;margin-bottom: 5px;}
.recrd-searchbox .checkbox{display: inline-block;margin: 0;padding-right:20px;}
.recrd-searchbox .checkbox label{font-size: 13px;}
.allrecords-main{margin-top:50px;margin-bottom:30px;}
.allrecords-heading h2{font-size: 20px;font-weight: 400;border-bottom: 1px solid #d6d5d5;margin:0;padding: 0 0 10px 0;}
.allrecords-main .allrecords-row{border-bottom: 1px solid #d6d5d5;padding:22px 0;position: relative;}
.allrecords-main .allrecords-L{float: left;width: calc(100% - 50px);}
.allrecords-main .allrecords-L h4{font-size: 14px;margin: 0;padding: 2px 0;line-height: 16px;}
.allrecords-main .allrecords-L span a{font-size: 13px;color: #6b6b6b;}
.allrecords-main .allrecords-L span a:hover{color: #333333;}
.allrecords-main .allrecords-row .edit-record{float: right;padding: 5px 5px 0 0;}
.allrecords-main .allrecords-row .edit-record a{font-size: 12px;color: #6b6b6b;}


/*=======================================================
                   Results Ranking Page Styels
=======================================================*/
.resluts-wrapper{padding-bottom: 30px;}
.rr-leftcontrols .rr-heading h2{margin: 0;font-size:32px;font-weight: 400;color: #6b6b6b;}
.rr-leftcontrols .rr-heading p{line-height:20px;font-size: 14px;padding-top: 10px;}
.rr-leftcontrols .rr-matchprcs{margin-top: 40px;}
.rr-leftcontrols .rr-matchprcs h3{font-size: 18px;font-weight: 400;border-bottom: 1px solid #d6d5d5;padding:0 0 8px 0;margin: 0 0 10px 0;}
.rr-leftcontrols .rr-fild-weights{margin-top: 40px;}
.rr-leftcontrols .rr-fild-weights h3{font-size: 18px;font-weight: 400;border-bottom: 1px solid #d6d5d5;padding:0 0 8px 0;margin: 0 0 10px 0;}
.rr-leftcontrols .rr-restore-btn{padding-top: 30px;}
.rr-leftcontrols .rr-restore-btn button .btn-label{padding-left: 30px;}


.rr-rightresults{}
.rr-rightresults .rr-bigsearch{padding:7px 0 50px 30px;position: relative;margin:20px 0 0 0px;}
.rr-rightresults .rr-bigsearch input[type="text"]{border:0;border-bottom: 1px solid #d6d5d5;font-size:24px;line-height:24px;padding:0;display: block;width:100%;margin-bottom: 8px;}
.rr-rightresults .rr-bigsearch input[type="text"]::-webkit-input-placeholder{font-size: 24px;color: #BFBFBF;}
.rr-rightresults .rr-bigsearch span{color:#999999;font-size: 22px;position: absolute;top:14px;left: 0;}
.rr-rightresults .rr-resultscont{padding:10px 0 0 30px;}
.rr-rightresults .rr-resultscont em{font-style:normal;background-color: #d9ebff; }
.rr-rightresults .rr-resultscont h3{font-size: 14px;color: #6b6b6b;margin: 0;}
.rr-rightresults .rr-resultscont p{font-size: 13px;color: #6b6b6b;line-height: 18px;margin: 0;}
.rr-rightresults .rr-resultscont .rr-resultrow{margin-bottom: 30px;}
.rr-rightresults .rr-results-info{padding: 4px 0 ;}
.rr-rightresults .rr-results-info ul{list-style: none;margin: 0;padding: 0;}
.rr-rightresults .rr-results-info ul li{display: inline-block;font-size: 13px;color: #6b6b6b;float: left;padding: 0 3px;}
.rr-rightresults .rr-results-info ul li:first-child{padding-left: 0;}



/*=======================================================
                   Synonyms Page Styels
=======================================================*/
.rr-leftcontrols .syn-addinput{margin-top: 40px;}
.rr-leftcontrols .syn-addinput input{border:0;border-bottom: 1px solid #d6d5d5;width: 100%;padding:0 0 5px 0;font-size: 16px;}
.rr-leftcontrols .syn-addinput input[type="text"]::-webkit-input-placeholder{font-size:18px;color: #BFBFBF;}
.rr-leftcontrols .syn-addinput button.add-synm{margin-top:10px;}
.rr-leftcontrols .syn-addinput button.add-synm .btn-label{padding-left: 30px;}

.rr-rightresults .synm-rightsction{padding:25px 0 0 30px;}
.synm-rightsction .synm-edit-cont{border-top: 1px solid #d6d5d5}
.synm-rightsction .edit-synm-row{border-bottom: 1px solid #d6d5d5;padding: 10px 0;}
.synm-rightsction .edit-synm-row .edit-synm-L{float: left;width: calc(100% - 100px);}
.synm-rightsction .edit-synm-row .edit-synm-L h4{margin: 0;font-weight: 400;font-size: 14px;}
.synm-rightsction .edit-synm-row .edit-synm-R{float: right;padding:0px 5px 0 0;}
.synm-rightsction .edit-synm-row .edit-synm-R a{font-size: 12px;color: #6b6b6b;margin-left:10px;}
.synm-rightsction .edit-synm-row .edit-synm-R a:hover{color: #000;}

.synonym-edit{padding: 10px 0;}
.btn-lightgrey{background-color: #e6e6e6;border-color: #c8cacb;}
.btn-lightgrey:hover{background-color: #e0e0e0;border-color: #CFCFCF;}

/*=======================================================
                 Linked sites Page Styels
=======================================================*/
.rr-leftcontrols .syn-grpname{margin-top: 40px;}
.rr-leftcontrols .syn-grpname input{border:0;border-bottom: 1px solid #d6d5d5;width:70%;padding:0 0 5px 0;font-size: 16px;display: block;}
.rr-leftcontrols .syn-grpname input[type="text"]::-webkit-input-placeholder{font-size:18px;color: #BFBFBF;}
.rr-leftcontrols .syn-grpname button.add-synm{margin-top:10px;}
.rr-leftcontrols .syn-grpname button.add-synm .btn-label{padding-left: 30px;}

.lnkdsites-tbl{margin-top:15px;}
.lnkdsites-tbl table{margin: 0;}
.lnkdsites-tbl table.table th{padding:5px 0;font-size: 15px;font-weight: 400;vertical-align: baseline;border-bottom: 1px solid #d6d5d5;text-align: center;color: #444444;}
.lnkdsites-tbl table.table th.bigger{font-size: 24px;}
.lnkdsites-tbl table.table td{padding: 10px 0px;font-size: 15px;color: #4d4d4e;border-bottom: 1px solid #d6d5d5;text-align: center;}
.lnkdsites-tbl table.table .col-left{text-align: left;}
.lnkdsites-tbl table.table .col-right{text-align:right;}
.lnkdsites-tbl table.table .center-align{padding: 0 10px;}
.lnkdsites-tbl table.table ul{margin:0;padding: 0; }
.lnkdsites-tbl table.table ul li{margin:0 12px;padding: 0; display: inline-block;vertical-align: middle;}
.lnkdsites-tbl table.table ul li a{color: #4d4d4e;}
.lnkdsites-tbl table.table ul li a span{font-size:18px;margin-right:5px;float: left;}
.lnkdsites-tbl table.table ul li a p{float: left;margin: 0;padding: 0;line-height: 1.6;}
.lnkdsites-tbl table.table ul li a:hover span, .lnkdsites-tbl table.table ul li a:hover p{color: #a4a4a4;}



/*=======================================================
                   Interface Page Styels
=======================================================*/
.clear{clear: both;display: block;}
.intrtabs-cont{}
.intrtabs-cont ul{}
.intrtabs-cont .tab-content{box-shadow: 0 1px 5px 0 rgba(0,0,0,0.40);}
.intrtabs-cont ul.nav-tabs{background-color: #f1f1f1;box-shadow: 0px 1px 5px 0 rgba(0,0,0,0.40);display: table;border-bottom: 0;}
.intrtabs-cont .tab-content{background-color: #fff;padding:40px 20px 30px;}
.intrtabs-cont .nav-tabs > li{margin-bottom: 0;}
.intrtabs-cont .nav-tabs > li > a{margin-right: -1px;border-right: 1px solid #d7d7d7;padding: 10px 52px;color: #555555;}
.intrtabs-cont .nav-tabs>li.active>a{color:#555555;}
.intrtabs-cont .nav-tabs > li > a:hover{border-color: #eee #d7d7d7 #d7d7d7 #d7d7d7;}
.intrtabs-cont .nav-tabs > li.active a:hover{border-bottom: 1px solid #fff;border-top: 1px solid #d7d7d7}
.intrtabs-cont .nav-tabs > li:first-child > a{border-left: 1px solid transparent;}
.intrtabs-cont .nav-tabs > li.active:first-child > a{border-left: 1px solid transparent;}

/*-----autocomplete tab-----*/
.intrautotb-L{}
.intrautotb-L .intL-gnrlstl{margin-bottom:45px;}
.intrautotb-L .intL-gnrlstl .gnrlstl-row{margin: 20px 0;}
.intrautotb-L .intL-gnrlstl .gnrlstl-row label{font-size: 13px;font-weight: 400;float: left;;margin: 0;}
.intrautotb-L .intL-gnrlstl .gnrlstl-row .checkbox{float: right;margin:0 5px 0 0;padding: 0;}
.intrautotb-L .intL-gnrlstl .gnrlstl-row .checkbox label{padding: 0;}
.intL-gnrlstl .gnrlstl-row .gnrlstl-inputxt{float: right;}
.intL-gnrlstl .gnrlstl-row .gnrlstl-inputxt input[type="text"]{border:0;border-bottom: 1px solid #979797;width: 30px;text-align: center;font-size: 13px;}

.intL-gnrlstl-clrpckr{}
.intrautotb-L .intL-gnrlstl-clrpckr{margin-bottom: 50px;}
.intrautotb-L .intL-gnrlstl-clrpckr .gnrlstl-row{margin:30px 0;}
.intrautotb-L .intL-gnrlstl-clrpckr .gnrlstl-row label{font-size: 13px;font-weight: 400;float: left;;margin: 0;padding-top: 3px;}
.intrautotb-L .intL-gnrlstl-clrpckr h4{border-bottom: 1px solid #d6d5d5;font-size: 16px;padding: 4px 0 6px;margin: 0 0 20px 0;font-size: 18px;color: #555555;font-weight: 400;}
.intL-gnrlstl-clrpckr .gnrlstl-row .form-group{margin: 0;}
.intL-gnrlstl-clrpckr .gnrlstl-row .input-group{float: right;}
.intrautotb-L .color-picker .form-control{border:0;border-bottom: 2px solid #cbcbcb;text-align: right;width:80px;padding: 0 5px 0 0;height: inherit;margin-right: 5px;}
.intrautotb-L .color-picker .input-group-addon{background-color: #fff;border:0;padding: 0;margin-top: 5px;display: inherit;}
.intrautotb-L .color-picker .input-group-addon i{border:1px solid #979797;}
.intL-gnrlstl-clrpckr .gnrlstl-row .gnrlstl-input input{border:0;border-bottom: 2px solid #cbcbcb;width:45px;padding:0;text-align: center;margin-right:7px;font-size: 14px;float:right;}

.intL-gnrlstl-lblcstm{}
.intrautotb-L .intL-gnrlstl-lblcstm{margin-bottom: 50px;}
.intrautotb-L .intL-gnrlstl-lblcstm .gnrlstl-row{margin:30px 0;}
.intrautotb-L .intL-gnrlstl-lblcstm h4{border-bottom: 1px solid #d6d5d5;font-size: 16px;padding: 4px 0 6px;margin: 0 0 20px 0;font-size: 18px;color: #555555;font-weight: 400;}
.intrautotb-L .intL-gnrlstl-lblcstm input{border:0;border-bottom: 2px solid #cbcbcb;font-size: 13px;padding-bottom: 3px;display: block;width: 160px;}
.intrautotb-L .intL-gnrlstl-lblcstm input::-webkit-input-placeholder{font-size:13px;color: #BFBFBF;}
.intrautotb-L .intL-gnrlstl-lblcstm span{font-size: 12px;color: #6c6c6c;padding-top:8px;display: block;}
.intrautotb-L  .rr-restore-btn button .btn-label {padding-left: 30px;}

.intr-autotabs .intrautotb-R{margin-top: 20px;}
.intrautotb-R .preview-box{border:1px solid #b4b4b4;padding: 5px;}
.intrautotb-R .preview-box .prvbox-title h3{background-color:#dddddd;padding:2px 0;text-align: center;margin: 0;font-size: 13px;}
.intrautotb-R .preview-box .prvbox-srch{margin-top:8px;}
.intrautotb-R .preview-box .prvbox-srch input{border-radius:3px;box-shadow: none;border:1px solid #b6b6b6;width: 100%;padding: 7px 7px;font-size: 13px;}
.intrautotb-R .preview-box .preview-img img{max-width: 100%;}

/*-----Result page tab-----*/
.intL-gnrlstl-lblcstm .gnrlstl-row.fullwidth-input input{width: 100%;}
.intrautotb-L .intL-gnrlstl .gnrlstl-row.rsltpg-url label{color: #3e3e3e;float: none;display: block;padding-bottom: 7px;}
.intrautotb-L .intL-gnrlstl .gnrlstl-row.rsltpg-url input{border: 0;border-bottom: 2px solid #cbcbcb;font-size: 13px;padding-bottom: 3px;display: block;width: 100%;color: }
.intrautotb-L .intL-gnrlstl .gnrlstl-row.rsltpg-url input::-webkit-input-placeholder{font-size:13px;color: #bababa;}

.intrautotb-R .rsltpg-preview-box{border:1px solid #b4b4b4;padding: 5px;}
.intrautotb-R .rsltpg-preview-box .prvbox-title h3{background-color:#dddddd;padding:2px 0;text-align: center;margin: 0;font-size: 13px;}
.intrautotb-R .rsltpg-preview-box .prvbox-srch{margin-top:8px;position: relative;padding: 0 10px;}
.intrautotb-R .rsltpg-preview-box .preview-img img{max-width: 100%;padding: 0 10px;}
.intrautotb-R .rsltpg-preview-box .prvbox-srch input{border:1px solid #ddd;width:100%;margin-bottom:10px;font-size:16px;padding:6px 130px 8px 37px;line-height:120%;height:42px;text-align:left;background:url(../images/search-bg.png) no-repeat 10px center;font-family: 'Segoe UI';}
.intrautotb-R .rsltpg-preview-box .prvbox-srch input::-webkit-input-placeholder{font-size:16px;color: #aeaeac;font-family: 'Segoe UI SemiBold';}
.intrautotb-R .rsltpg-preview-box .prvbox-srch .srch-poweredbysiq{height:42px;position:absolute;top:0;right:0;border:0;box-shadow:none;outline:none}
.intrautotb-R .rsltpg-preview-box .prvbox-srch .srch-poweredbysiq p{font-size:11px;color:#aaa;padding:10px 15px 0 0;font-family: 'Segoe UI';}
.intrautotb-R .rsltpg-preview-box .prvbox-srch .srch-poweredbysiq a{font-size:12px;color:#000;font-family: 'Segoe UI';}

/*-----mobile page tab-----*/
.intrautotb-L .intL-gnrlstl-clrpckr .gnrlstl-row.rsltpg-url label{color: #3e3e3e;float: none;display: block;padding-bottom: 7px;}
.intrautotb-L .intL-gnrlstl-clrpckr .gnrlstl-row.rsltpg-url input{border: 0;border-bottom: 2px solid #cbcbcb;font-size: 13px;padding-bottom: 3px;display: block;width: 100%;}
.intrautotb-L .intL-gnrlstl-clrpckr .gnrlstl-row.rsltpg-url input::-webkit-input-placeholder{font-size:13px;color: #bababa;}

.intrautotb-R .preview-box-mb{border:1px solid #b4b4b4;padding: 5px 0;    max-width: 382px;}
.intrautotb-R .preview-box-mb .prvbox-title{padding: 0 10px;}
.intrautotb-R .preview-box-mb .prvbox-title h3{background-color:#dddddd;padding:2px 0;text-align: center;margin: 0;font-size: 13px;}
.intrautotb-R .preview-box-mb .prvbox-srch{margin-top:8px;padding:10px;background-color: #f7f7f7;border-bottom: 1px solid #c4c4c4;border-top: 1px solid #c4c4c4;}
.intrautotb-R .preview-box-mb .prvbox-srch input{border-radius:5px;box-shadow: none;border:1px solid #e2e2e3;width: 100%;padding: 7px 7px;font-size: 13px;}
.intrautotb-R .preview-box-mb .preview-img img{max-width: 100%;}





/*-----Installation page tab-----*/
.tab-content .codebox{margin-bottom: 35px;}
.tab-content .codebox p{margin: 0;font-size: 13px;padding-bottom:10px;line-height: 1.3;}


/*-----Advanced Settings page-----*/
.advsetings-wrpr{padding-bottom: 30px;}
.advstL .advsetings-heading h2{margin: 0;font-size:32px;font-weight: 400;color: #6b6b6b;}
.advstL .advsetings-heading p{line-height:16px;font-size: 13px;padding-top: 10px;}
.advstL .linksitemp-btn{margin: 0 0 30px 0;}
.advstL .linksitemp-btn p{margin: 15px 0 0 0;padding:2px 10px;font-size: 12px;background-color: #f9f9f9;display: inline-block;border-radius: 3px;    border: 1px solid #eeeeee;line-height: 22px;}
.advstL .linksitemp-btn p i{margin-right: 7px;}
.advstL .linksitemp-btn button.link-stmp {margin-top:20px;}
.advstL .linksitemp-btn button.link-stmp .btn-label {font-size: 18px;padding: 4px 12px 6px 30px;}

.advstL .rstr-srchrstls{}
.advstL .rstr-srchrstls h4{font-size: 16px;border-bottom: 1px solid #d6d5d5;padding: 0 0 7px 0;margin: 0;display: inline-block;font-weight: 400;}
.advstL .rstr-srchrstls ul{list-style-type:none;margin:0;padding:5px 0 0 0;}
.advstL .rstr-srchrstls ul li{font-size: 13px;padding:2px 0;}
.advstL .rstr-srchrstls .advst-inptxt{margin-top:20px;position: relative;}
.advstL .rstr-srchrstls .advst-inptxt input{border: 0;border-bottom: 2px solid #cbcbcb;font-size: 13px;padding: 3px 0;display: block;width: 100%;}
.advstL .rstr-srchrstls .advst-inptxt input::-webkit-input-placeholder{font-size:13px;color: #bababa;}
.advstL .rstr-srchrstls .advst-inptxt a{right: 0;top:3px;font-size: 13px;color: #6b6b6b;margin-left: 10px;}
.advstL .rstr-srchrstls .advst-inptxt a:hover{color: #000;}


.advstL .advcrlr-set{margin-top:60px;padding-bottom:20px;}
.advstL .advcrlr-set h4{font-size: 16px;border-bottom: 1px solid #d6d5d5;padding: 0 0 7px 0;margin: 0;display: inline-block;font-weight: 400;min-width: 63%;}
.advstL .advcrlr-set p{font-size: 13px;line-height: 1.6;padding-top: 5px;}
.advstL .advcrlr-set .advst-inptxt{margin-top:20px;position: relative;}
.advstL .advcrlr-set .advst-inptxt input{border: 0;border-bottom: 2px solid #cbcbcb;font-size: 13px;padding: 3px 0;display: block;width: 100%;margin-bottom: 25px;}
.advstL .advcrlr-set .advst-inptxt input::-webkit-input-placeholder{font-size:13px;color: #bababa;}
.advstL .rr-restore-btn span{padding-left: 0;}

.advstR .delete-btn{float: right;}
.advstR .delete-btn span{padding-left: 30px;}

/*-----popup delete site styles-----*/
.delt-site-popup p{margin: 2px 0;}


/*-----analytics detail page styles-----*/
.domain-dtl{text-align: right;}
.domain-dtl h4{line-height: 1.2;padding:10px 10px 0 0;font-size: 20px;margin: 0;}
.analytics-data .anldatadtl-tbl table{margin-bottom: 40px;}
.analytics-data .anldatadtl-tbl table th{padding: 0 0 5px 0;font-size: 14px;font-weight: 400;border-bottom: 1px solid #979797; }
.analytics-data .anldatadtl-tbl table td{padding: 15px 10px 15px 0;vertical-align: top;border-bottom: 1px solid #e0e0e0;border-top: 0;font-size: 13px;}
.analytics-data .anldatadtl-tbl table td:last-child{text-align: center;}
.analytics-data .anldatadtl-tbl table td a{color: #72728D}
.analytics-data .anldatadtl-tbl table td a:hover{color: #111111}
.analytics-data .anldatadtl-tbl table .right-txt{text-align: right;}
.analytics-data .anldatadtl-tbl table .center-txt{text-align: center;}
.analytics-data .anldatadtl-tbl table .left-txt{text-align: left;}

.analytics-data .anldata-tbl table th a{font-size: 13px;color: #333}
.analytics-data .anldata-tbl table th.right-txt{text-align: right;}


/*-----domain ready page styles-----*/
.siteinfo-wrapper h4{font-size:26px;color: #888B8D;margin: 0 0 10px 0;line-height: 1.4;font-family: 'ProductSans-Regular';}
.siteinfo-wrapper strong{font-size:40px;color: #354558;line-height: 1.4;font-weight: normal;}
.siteinfo-wrapper p{font-size:18px;color: #888B8D;margin: 0 0 30px 0;line-height: 1.4;width: 75%;}
.siteinfo-wrapper .builtpltfrm-btns{margin-top:30px;}
.siteinfo-wrapper .builtpltfrm-btns span{margin-right:5px;font-size: inherit;}
.siteinfo-wrapper ul{list-style: none;margin: 0;padding: 0;}
.siteinfo-wrapper ul li{display: inline-block;margin-right:10px;}
.siteinfo-wrapper ul li:last-child{margin-right: 0;}
.siteinfo-wrapper .builtpltfrm-btns li a.btn{border-radius: 4px;font-size: 16px;margin: 5px 0;}
.siteinfo-wrapper .btn-social>:first-child{border-right: 0;width: 56px;}








/* My Profile */
.myprofile-box{margin-bottom:40px;}
.myprofileL .myprofile-heading h2{margin: 0;font-size:24px;font-weight: 400;color: #6b6b6b;margin-bottom:10px;border-bottom: 1px solid #e3e3e3;padding-bottom: 10px;}
.myprofileL .myprofile-heading p{line-height:16px;font-size: 13px;padding-top: 10px;}
.myprofile-panel label{font-size: 13px;font-weight: 400;float: left;margin: 0; text-align: left}
.myprofile-panel .alert {padding-top: 10px;padding-bottom: 10px;}
.myprofile-panel .mypf-accountdtl h3{font-size: 14px;color: #585858;margin: 10px 0 25px 0;font-weight: 400;}
.myprofile-panel .mypf-accountdtl p{font-size: 14px;color: #585858;margin:0px 0 5px 0;}
.myprofile-panel .mypf-accountdtl span{font-size: 14px;color: #333333;font-weight:500;}
.myprofile-panel .mypf-uppgradebtns .btn{padding: 6px 15px;}

/*---Resource Plans-----*/
.modal-resplans{padding: 0 10px;}
.modal-resplans .resor-col{text-align: center;border: 1px solid #e2e2e2;margin: 15px 10px;border-radius: 3px;padding: 20px 0 25px;}
.modal-resplans .resor-col.last-col{border-right: 0;}
.modal-resplans .resor-col h4{font-size: 14px;color: #b1b1b1;font-weight: 400;margin: 0;}
.modal-resplans .resor-col h4:after{content: "";display: block;width: 32px;background-color: #8b8b8b;height: 2px;margin: 8px auto 0;}
.modal-resplans .resor-col h3{font-size: 24px;color: #333333;font-weight: 500;margin: 20px;}
.modal-resplans .resor-col h3 span{font-size: 14px;color: #b1b1b1;font-weight: 400;}
.modal-resplans .resor-col ul{list-style-type: none;margin: 0;padding: 0}
.modal-resplans .resor-col ul li{color: #6b6b6b;margin:6px 0;font-size: 14px;}
.modal-resplans .resor-col ul li span{color:#333333;}
.modal-resplans .resor-col .btn{padding: 6px 20px;margin-top: 20px;}
.modal-resplans .resor-col .res-dtl{font-size: 11px;color: #6b6b6b;margin:8px 0 10px;}

/*---Stored Card Details-----*/
.modal-storedcards{}
.modal-storedcards .radio{margin: 0;}
.modal-storedcards .table{margin: 0;}
.modal-storedcards .table > thead > tr > th{border-bottom: 1px solid #ddd;font-size: 14px;color: #444444;font-weight: 400;padding:10px 0;}
.modal-storedcards .table > tbody > tr > td{padding: 10px 5px;border-bottom:1px solid #EEEEEE;}
.footer-secondary {padding:5px 20px 20px 20px;text-align: right;border-top:0;}

/*---Transaction successfull modal-----*/
.trans-success{}
.trans-success h3{font-size: 14px;color: #6b6b6b;font-weight: 400;margin:10px 0 10px 0;}


/*---Price Plans-----*/
.modal-prcplans .price-col{text-align: center;border-left: 1px solid #e2e2e2;margin: 0;padding: 15px 0;font-family: 'ProductSans-Regular';}
.modal-prcplans .price-col.last-col{border-right: 0;}
.modal-prcplans .price-col h4{font-size: 14px;color: #b1b1b1;font-weight: 400;margin: 0;display: inline-block;padding-bottom:4px;text-transform: uppercase;}

.modal-prcplans .price-col ul{list-style-type: none;margin: 0;padding: 0}
.modal-prcplans .price-col ul li{color: #6b6b6b;margin:30px 0;}
.modal-prcplans .price-col ul li span{color:#2c2c2c;font-size: 16px;}
.modal-prcplans .price-col ul li p{margin: 0;font-size: 14px;color:#bdbbbb;line-height: 20px;}

.modal-prcplans .price-col h4.yello{border-bottom: 2px solid #F9B000}
.modal-prcplans .price-col h4.green{border-bottom: 2px solid #0f9f58}
.modal-prcplans .price-col h4.blue{border-bottom: 2px solid #3a89f7}
.modal-prcplans .price-col h4.red{border-bottom: 2px solid #e53334}

.modal-prcplans .price-col.selected{background-color: #fafafa}
.modal-prcplans .price-col .price-starting{font-size: 13px;color: #b1b1b1;text-align: left;padding: 0 0 2px 3px;}
.modal-prcplans .price-col .plan-price{margin: 8px auto 20px;width: 120px;position:relative;}
.modal-prcplans .price-col .plan-price p.dlsign{margin: 0;display: inline-block;line-height: inherit;font-size: 16px;font-weight: 400;vertical-align: top;padding-right:2px;}
.modal-prcplans .price-col .plan-price h3{font-size:30px;color: #333333;display: inline-block;margin: 0;font-family: 'ProductSans-Bold';line-height: 30px;}
.modal-prcplans .price-col .plan-price span{font-size: 14px;color: #b1b1b1;font-weight: 400;display: inline-block;}

.crt-plan{margin: 15px 0;padding: 10px 20px;}
.crtplan-form.startup{margin-top:25px;}
.crt-plan h4 {font-size: 15px;color: #b1b1b1;font-weight: 400;margin: 0;display: inline-block;padding-bottom: 4px;text-transform: uppercase;font-family: 'ProductSans-Regular';}
.crt-plan p{line-height: 16px;font-size: 13px;color: #6b6b6b;}
.crt-plan .gnrlstl-row{margin:25px 0;color: #6b6b6b;}
.crt-plan .gnrlstl-row label{font-size: 13px;font-weight: 400;float: left;;margin: 0;padding-top: 3px;width:150px;}
.crt-plan .gnrlstl-row .gnrlstl-input input{border:0;border-bottom: 1px solid #979797;width:90px;padding:0 5px 0 0;text-align:right;margin-right:7px;font-size: 13px;float:right;}
.plan-dd{margin:10px 0;}
.plan-dd.grey .form-control{color: #bdbbbb;}
.plan-dd .form-control{border-radius: 4px;height: 40px;border:1px solid #aeaeae;}

.crt-plan .plan-totl{display: inline-block;width: 100%;margin-top: 20px;}
.crt-plan .plan-totl .highlights{background-color: #efefef;padding: 3px 10px;}
.crt-plan .plan-totl .highlights .high-row{padding: 7px 0;}
.crt-plan .plan-totl .highlights .high-row h4{float: left;margin: 0;padding: 0;line-height: 16px;font-size: 15px;color: #6b6b6b;font-family: 'Roboto', sans-serif;text-transform:inherit;}
.crt-plan .plan-totl .highlights .high-row span{float:right;line-height: 16px;font-size: 15px;}
.crt-plan .plan-totl .pl-total{padding:12px 10px 10px;width: 100%;display: inline-block;}
.crt-plan .plan-totl .pl-total h3{float: left;margin: 0;padding: 0;line-height: 16px;font-size: 15px;color: #6b6b6b;font-weight:700;}
.crt-plan .plan-totl .pl-total span{float: right;font-weight:700;line-height: 16px;font-size: 15px;}
.crt-plan .plan-totl .pl-confirm{}
.crt-plan .plan-totl .pl-confirm .btn{width: 100%;padding:10px 0;}


/*---Stripe Form Styles-----*/
.stripe-modaldialog{width: 305px;margin: 60px auto 30px;}
.modal-content.subscription-form{box-shadow: none;border-radius: 5px;   box-shadow: 0 12px 28px 0 rgba(0,0,0,0.5);}
.subscription-form .modal-header{text-align: center; border-bottom: 1px solid #CCCCCC;border-radius: 5px 5px 0 0;padding: 24px 0 16px 0;
background: #f5f5f7; /* Old browsers */
background: -moz-linear-gradient(top, #f5f5f7 0%, #e6e6e7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f5f5f7 0%,#e6e6e7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f5f5f7 0%,#e6e6e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f7', endColorstr='#e6e6e7',GradientType=0 ); /* IE6-9 */
}
.subscription-form .modal-header .close {color: #fff;text-shadow: 0 1px 0 #929294;font-size: 18px;line-height: 20px;position: absolute;top:8px;left: 10px;opacity: 1;
width: 20px;height: 20px;border-radius: 50%;background-color: #C9C9CC;box-shadow: inset 0 1px 1.5px 0 rgba(0,0,0,0.5), 0 -1px 1px 0 #D9D9D9;
}
.subscription-form .modal-header .close:hover{background-color: #b5b5b5}
.subscription-form .modal-header h4{font-size: 14px;color: #666666;  text-shadow: 0 1px 1px #FFFFFF;font-family: 'ProductSans-Regular';line-height: 16px;padding-top:9px;}
.subscription-form .modal-body{background-color: #f5f5f5;padding: 40px 35px;border-radius: 0 0 5px 5px;}
.subscription-form .stripe-fields{border: 1px solid #cccccc; border-radius: 5px;background-color: #fff; }
.subscription-form .stripe-fields input{width: 100%;border: 0;padding:8px 8px 8px 35px;font-size: 15px;

}
.subscription-form .stripe-fields input::placeholder{color:#b3b3b3;}
.subscription-form .stripe-fields input.card-nmbr{background:url(../images/card-icon.png) no-repeat 10px center;background-size:16px 13px;}
.subscription-form .stripe-fields input.mmyy{background:url(../images/calendar-icon.png) no-repeat 10px center;background-size:16px 16px;}
.subscription-form .stripe-fields input.ccv{background:url(../images/lock-icon.png) no-repeat 10px center;background-size:16px 18px;}
.subscription-form .stripe-fields input.zip-code{background:url(../images/placeholder-icon.png) no-repeat 10px center;background-size:14px 21px;}
.subscription-form .stripe-fields .stripe-myccv{}
.subscription-form .stripe-fields .stripe-myccv input{width: 50%;float: left;border-right: 1px solid #b0b0b0;}
.subscription-form .stripe-fields .stripe-myccv input:last-child{border: 0;}
.subscription-form .stripe-fields .border-top{border-top: 1px solid #BFBFBF;}

.stripe-paybtn{text-align: center;margin-top:27px;}
.stripe-paybtn a{color: #fff;border-radius: 4px;width: 100%;display: block;padding:7px 0;border: 1px solid #339CE1;
    font-size: 17px;font-weight: 500;
background: #43aee6; /* Old browsers */
background: -moz-linear-gradient(top, #43aee6 0%, #3096dc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #43aee6 0%,#3096dc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #43aee6 0%,#3096dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43aee6', endColorstr='#3096dc',GradientType=0 ); /* IE6-9 */
box-shadow: 0 1px 2px 0 #9FB8C8;}
.stripe-paybtn a:hover{color: #fff;
background: #45b0e9; /* Old browsers */
background: -moz-linear-gradient(top, #45b0e9 0%, #39a0e4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #45b0e9 0%,#39a0e4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #45b0e9 0%,#39a0e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b0e9', endColorstr='#39a0e4',GradientType=0 ); /* IE6-9 */
}
.stripe-paybtn a:active{background: #349ad9;border: 1px solid #3196d5;
-webkit-box-shadow: inset 0px 2px 5px 0px rgba(43,132,187,1);
-moz-box-shadow: inset 0px 2px 5px 0px rgba(43,132,187,1);
box-shadow: inset 0px 2px 5px 0px rgba(43,132,187,1);
}
.stripe-paybtn a:focus{color: #a8d1eb;}

.stripe-paybtn a.disabled, .stripe-paybtn a.disabled:hover, .stripe-paybtn a.disabled:active, .stripe-paybtn a.disabled:focus{
    color: #c4e6f8;
    border-radius: 4px;
    width: 100%;
    display: block;
    padding:7px 0;
    border: 1px solid #77b2da;
    font-size: 17px;font-weight: 500;
    background: #b9d9ea; /* Old browsers */
    background: -moz-linear-gradient(top, #b9d9ea 0%, #77b2da 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b9d9ea 0%,#77b2da 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b9d9ea 0%,#77b2da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9d9ea', endColorstr='#77b2da',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 1px 2px 0 #9FB8C8;
    cursor: default;
    position:relative;
}

.stripe-paybtn a .fa {display: none;}
.stripe-paybtn a.disabled span {display: none;}
.stripe-paybtn a.disabled .fa {
    display: inline-block;
}


/*------Add Domain Styles-----*/
#disabled-sidebar{opacity: .25}
#disabled-sidebar a{cursor: default;}
#disabled-sidebar a:hover{background-color: transparent;}
#disabled-sidebar .side-nav li, #disabled-sidebar .side-nav li:hover{border-left: 2px solid transparent;}

.addwp-domain{margin: 0 auto;padding: 30px 0 0 50px;}
.addwp-domain h2{font-size:44px;color: #888B8D;margin: 0 0 20px 0;font-family: 'ProductSans-Regular';}
.addwp-domain p{font-size:28px;line-height: 1.4;color: #888B8D;margin: 0;}
.addwp-domain .builtpltfrm-btns{margin-top:50px;}
.addwp-domain ul{list-style: none;margin: 0;padding: 0;}
.addwp-domain ul li{display: inline-block;margin-right:15px;}
.addwp-domain ul li:last-child{margin-right: 0;}
.addwp-domain .builtpltfrm-btns li a.btn{font-family: 'ProductSans-Regular';border-radius: 4px;font-size: 16px;margin: 5px 0;}
.addwp-domain .btn-social>:first-child{border-right: 0;width: 56px;}

.wpinstal-instructions{}
.wpinstal-instructions{margin: 0 auto;padding: 30px 0 0 50px;}
.wpinstal-instructions h2{font-size:30px;color: #888B8D;margin: 0 0 20px 0;font-family: 'ProductSans-Regular';}
.wpinstal-instructions ul{margin: 0;padding: 0;list-style-position: inside;}
.wpinstal-instructions ul li{list-style-type: decimal;color:#4A4A4A;font-size: 18px;padding:25px 0;margin-left:80px;}
.wpinstal-instructions ul li img{display: block;margin-top: 10px;margin-left: 20px;max-width: 100%;}
.wpinstal-instructions ul li.postouter img{margin-left:-50px;}
.wpinstal-instructions ul li a{color:#4A4A4A;text-decoration: underline;font-weight:700}
.wpinstal-instructions ul li a:hover{text-decoration: none;}
.wpinstal-instructions ul li span{font-weight: 700;}
.unique-apikey{margin: 0 0 50px 110px;}
.unique-apikey p{margin: 0;padding: 0 0 10px 0;font-size: 18px;color: #9b9b9b;line-height: 18px;}
.unique-apikey input{background-color: #fff;width: 100%;max-width:435px;font-size:22px;color: #8e8e8e;padding: 12px 25px;border: 1px solid #cbcbcb;
box-shadow: inset 0 1px 1px 0 rgba(109, 109, 109, 0.15);display: block;}
.unique-apikey a{background-color: #3A89F7;color: #fff;font-size: 17px; font-family: "ProductSans-Regular";padding: 15px 35px;
display: inline-block;margin-top: 20px;border-radius: 4px;}
.unique-apikey a:hover{color: #fff;background-color:#559af9; }
.unique-apikey a:active{color: #fff;background-color:#2f77db;
-webkit-box-shadow: inset 0px 2px 5px 0px rgba(43,132,187,1);
-moz-box-shadow: inset 0px 2px 5px 0px rgba(43,132,187,1);
box-shadow: inset 0px 2px 5px 0px rgba(90,113,146,1);}






/*===========================================================================================
                                 max width 991
===========================================================================================*/
@media (max-width:991px) {
.siteinfo-wrapper h4{font-size:20px;}
.siteinfo-wrapper strong{font-size:32px;}
.siteinfo-wrapper p{width:100%;font-size: 16px;}

/*-----modal price window----*/
.crt-plan{padding: 10px;}


}



/*===========================================================================================
                                       Max 767 width styles
===========================================================================================*/

@media (max-width: 767px) {
/*----Header styels-----*/    
.navbar-nav{margin: 0;}
.header-top .navbar-nav>li>a {color: #444444;}
li.welcome-user h3 {color: #444444;}
.header-top .navbar-nav>li>a:hover, .header-top .navbar-nav>li>a:focus {color: #444444;background-color: transparent;}
.header-top .navbar-toggle {margin-left: 10px;}
.header-top .navbar-brand{margin-top:2px;}
.header-top .navbar-brand img{width: 120px;}

.navbar-collapse{padding: 0;}
#hdrddrespons .nav > li > a{border-bottom: 1px solid #f1f1f1;}
.header-top .navbar-nav>li>a .new-alert {position: absolute;left: 27px;top: 13px;}

/*-----overview Multi License users table-----*/
.table-responsive{border:0 }
.dashrecord-tbl table.table th{padding: 0 10px;}
.dashrecord-tbl table.table .left-txt {padding-left: 0}
.dashrecord-tbl table.table td.tblrow-icons{opacity: 1;}
.dashrecord-tbl table.table .tblrow-icons ul li a{opacity:.8;}
.dashbox h3 {font-size:28px;}
.dashbox h4 {font-size: 20px;}
.dashbox p {font-size:24px;}

.dashbox{display: block;padding-left: 15px;}
.nomarginleft{margin-left:15px;margin-top: 15px;}
.dashrecordtbs-btm {margin-top: 15px;}
.add-record{margin-bottom:20px;}
.dashtbl-btns{text-align: left;}
.dashtbl-btns button{margin:5px 0;}

/*-----overview single License user table-----*/
.dsh-singlelicns .nomarginright{padding-right:15px;}
.dsh-singlelicns .dashbox{margin-bottom: 10px;}
.dsh-singlelicns .dsh-updtsnews{margin-top: 20px;}
.dsh-singlelicns .dsh-updtsnews h3 {font-size: 20px;}
.dsh-singlelicns .dashbox h3 {font-size:28px;}
.dsh-singlelicns .dashbox h4 {font-size: 20px;}
.dsh-singlelicns .dashbox p {font-size:20px;}




/*-----------analytics screen styles-----------*/
.analytics-wrapper .nomarginleft {margin-left:15px;margin-top: 15px;}
.export-input {margin-top: 10px;padding-left: 15px;}
.header-top .navbar-nav>li.website-dd>a {color: #444444;padding-left: 10px;padding-right: 10px;}
li.website-dd {margin-left: 0px;}

/*-----------records screen styles-----------*/
.recrd-searchbox{margin-left: 0;margin-top: 10px;}
.recrd-searchbox input[type="text"]{width: 100%;}
.recrd-searchbox .checkbox{margin:5px 0;}
.allrecords-main{margin-top: 30px;}

/*-----------result ranking screen styles-----------*/
.rr-leftcontrols .rr-heading h2{font-size:24px;}
.rr-rightresults .rr-bigsearch {padding: 7px 0 20px 30px;}
.rr-rightresults .rr-resultscont {padding: 10px 0 0 10px;}
.rr-leftcontrols .rr-restore-btn {padding-top: 10px;padding-bottom: 20px;}

/*-----------synonym screen styles-----------*/
.rr-rightresults .synm-rightsction {padding: 10px 0 0 10px;}

/*-----------linkedin screen styles-----------*/
.rr-leftcontrols .syn-grpname input{width: 100%;}
.lnkdsites-tbl table.table th.bigger {font-size: 18px;}
.lnkdsites-tbl {margin-top:0;}
.rr-leftcontrols .syn-grpname input{font-size: 14px;}
.rr-leftcontrols .syn-grpname input[type="text"]::-webkit-input-placeholder{font-size:16px;}

/*-----autocomplete tabs-----*/
.intrtabs-cont .tab-content {padding:10px 20px 30px;}
.intrtabs-cont .nav-tabs > li > a{padding:7px 7px;font-size: 11px;}
.intr-autotabs .intrautotb-R {margin-top: 40px;}
.tab-content .codebox.first-box{margin-top: 20px;}

/*-----advanced settings page-----*/
.advstR .delete-btn{float: left;margin: 20px 0 0 0;}
.advstL .advcrlr-set {margin-top:30px;}
.advstL .rstr-srchrstls h4{font-size: 15px;}


/*-----signup page-----*/
.signup-wrapper h2 {font-size:24px;}
.signup-wrapper p {font-size:16px;}
.awesome-form input {width:100%;}
.awesome-form .input-group{width: 100%;}
.signup-wrapper .signup-form {padding: 10px 0 0 0;}
.signup-wrapper {padding: 40px 0 0 0;}
.signup-form .get-started input.submit-btn {padding: 12px 25px;font-size: 16px;margin: 10px 0 0 0;}

/*-----signed up page-----*/
.signedup-wrapper{padding:0;margin-top: 40%;}
.signedup-wrapper img{max-width:200px;}
.signedup-wrapper h2{font-size:34px;}
.signedup-wrapper p{font-size:24px;}

.welcome-wrapper h2{font-size:30px;}
.welcome-wrapper p{font-size:20px;}
.welcome-wrapper .builtpltfrm-btns{margin-top:50px;}
.welcome-wrapper .builtpltfrm-btns li a.btn {margin: 7px 0;}

.siteinfo-wrapper h3 {font-size: 20px;margin: 0 0 20px 0;}
.siteinfo-wrapper input {width:100%;}

.content-importing {padding: 5px;}
.content-importing h2 {font-size:30px;}
.content-importing p {font-size:18px;margin-top:15px;}
.content-importing h3 {margin-top:20px;font-size:20px;}

/*-----domain ready page styles-----*/
.siteinfo-wrapper h4{font-size:16px;}
.siteinfo-wrapper strong{font-size:20px;}
.siteinfo-wrapper p{width:100%;font-size: 14px;}

/*------Sign in page styles-------*/
.signin-info{width: 100%;}


/*------Add Domain Styles-----*/
.addwp-domain h2{font-size:30px;}
.addwp-domain p{font-size:20px;}
.addwp-domain{margin: 0 auto;padding: 15px 0 0 15px;}
.addwp-domain .builtpltfrm-btns{margin-top:50px;}
.addwp-domain .builtpltfrm-btns li a.btn {margin: 7px 0;}

.wpinstal-instructions h2 {font-size: 22px;}
.wpinstal-instructions ul li{margin-left: 0;}
.wpinstal-instructions ul li img{margin-left: 0}
.wpinstal-instructions ul li.postouter img {margin-left: 0;}
.wpinstal-instructions {margin: 0 auto;padding: 20px 0 0 10px;}
.unique-apikey {margin: 0 0 50px 0px;}


.add-site{margin-top: 5px !important}


}



/*.signin-info{width: 100%;}*/

/*===========================================================================================
                                         min 768 and max 991
===========================================================================================*/
@media (min-width: 768px) and (max-width:991px) {

/*-----------analytics screen styles-----------*/
.nomarginleft{margin-bottom: 10px;}
.dashbox{display: block;padding-left: 15px;}
.nomarginleft{margin-left:15px;margin-top: 15px;}
.dashrecordtbs-btm {margin-top: 15px;}

.dsh-singlelicns .nomarginright{padding-right:15px;}
.dsh-singlelicns .dashbox{margin-bottom: 10px;}
.dsh-singlelicns .dsh-updtsnews{margin-top: 20px;}

/*-----advanced settings page-----*/
.advstR .delete-btn{float: left;margin: 20px 0 0 0;}

/*-----signup page-----*/
.signup-wrapper h2 {font-size:40px;}


/*------Add Domain Styles-----*/
.wpinstal-instructions {padding: 30px 0 0 10px;}
.wpinstal-instructions ul li {margin-left: 10px;}
.wpinstal-instructions ul li.postouter img{margin-left: 0}
}    
/*===========================================================================================
                                  min 768 and max 991
===========================================================================================*/
@media (min-width: 992px) and (max-width:1199px) {

/*-----------analytics screen styles-----------*/
.dsh-singlelicns .dsh-updtsnews{margin-top: 20px;}


}

.modal.modal-primary .modal-dialog { max-width: 95%; }

.margin-top-15 { margin-top: 15px; }

.blink {animation: blinker 1s linear infinite;}
@keyframes blinker {
    50% { opacity: 0; }
}

#payment-form input.stripe-error {
    color: red;
}

#card-errors {
    color: red;
    padding-top: 10px;
}

.crt-plan .gnrlstl-row .gnrlstl-input input.plan-overage {
    color:red
}
.pricing-upgrade-btn-wrapper {
    height: 34px;
}

#user-cards button.disabled span {
     display: none;
}

#user-cards button.disabled i {
    display: inline-block;
}

#user-cards button i {
    display: none;
}

.plan-switch__input {
    display: none;
}

.pricing2 .pricing-switcher {
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    margin-bottom: 15px;
    margin-top: 15px;
}

.pricing3 .pricing-switcher {
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    margin: 0;
}

.pricing2 .pricing-switcher label {
    user-select: none;
    display: inline-block;
}

.pricing3 .pricing-switcher label {
    user-select: none;
    display: inline-block;
    padding-left: 15px;
}

.pricing-switcher label {
    font-weight: 400;
    color: #333;
    font-family: Proximanova, sans-serif;
    font-size: 16px;
    margin: 0;
}

.pricing2 .plan-switch__input:checked~.pricing-switcher label span {
    background-color: #d3e4f9;
}

.pricing2 .pricing-switcher span {
    width: 54px;
    height: 26px;
    border-radius: 15px;
    background: #a0a0a0;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 8px 0;
    position: relative;
    cursor: pointer;
}

.pricing2 .plan-switch__input:checked~.pricing-switcher label span:before {
    background-color: #3a89f7;
}

.pricing2 .plan-switch__input:checked+.pricing-switcher span:before {
    left: 32px;
}

.pricing2 .pricing-switcher span:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 6px;
    top: 5px;
    transition: left .2s ease-in-out;
}

/* billing info page */
.pricing3 .plan-switch__input:checked~.pricing-switcher label span {
    background-color: #d3e4f9;
}

.pricing3 .pricing-switcher span {
    width: 54px;
    height: 26px;
    border-radius: 15px;
    background: #a0a0a0;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 8px 0;
    position: relative;
    cursor: pointer;
}

.pricing3 .plan-switch__input:checked~.pricing-switcher label span:before {
    background-color: #3a89f7;
}

.pricing3 .plan-switch__input:checked+.pricing-switcher span:before {
    left: 32px;
}

.pricing3 .pricing-switcher span:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 6px;
    top: 5px;
    transition: left .2s ease-in-out;
}

.billed-plan {
    margin-bottom: 5px;
    text-align: center;
    position: absolute;
    width: 100%;
}

.billed-plan div {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 20px;
    color: #bdbbbb;
}

.custom-field-settings-item {
    padding-bottom: 15px;
    border-bottom: solid 1px #d6d5d5;
    margin-bottom: 15px;
}

.custom-field-settings-item label {
    margin-top: 10px;
}

.custom-field-settings-action {
    padding-top: 5px;
    margin-top: 35px;
}

.custom-field-settings-action .red-color {
    color: #d20000;
}

.custom-field-settings-action a {
    margin-right: 10px;
}

.custom-field-settings-item input[type="checkbox"] {
    margin-right: 5px;
}

input.ng-invalid.ng-dirty.ng-touched, input.custom-field-name-error {
    border-color: #eb3927;
}

.whitelist-form {
    margin-top: 20px;
}

#header-domain-list {
    max-height: 400px;
    overflow: auto;
}

.margin-top-20 {
    margin-top: 20px;
}

#preview-div-search-icon, #preview-div {
    margin: 10px 0 0;
    display: flex;
}
#preview-div-search-icon > div, #preview-div > div.preview-menu-item {
    padding: 0 20px;
    line-height: 26px;
    font-size: 18px;
}
.gnrlstl-input select {
    float: right;
    width: auto;
}

.preview-static-searchbox {
    width: 300px;
}

#autocompleteForm .preview-content {
    border: 0;
}

#search-icon-preview-box {
    margin-top: 100px;
}


/*=========== Save and restore alert messages =======*/
.hide-message { display: none; }
.alert-success-message, .alert-fail-message { position: fixed; top: 80px; min-width: 260px; margin: 0 auto; z-index: 99999999999; left: 50%; transform: translateX(-50%); }
.alert-message-wrapper { background: #E0F0D8; color: #3C763E; border-radius: 4px; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 500; border: 1px solid #90b97c; padding: 10px; max-width: 240px; line-height: 16px; margin: 0 auto; text-align: center; }
.alert-fail-message .alert-message-wrapper { background: #f0d8d8; color: #763c3c; border-color: #b97c7c; }
body #siq_search_results { zoom: .7; }
.restore-popup-container { }
.restore-popup-container .restore-popup-header { padding:18px; background-color:#4e4e4e; border-radius: 4px 4px 0 0; }
.restore-popup-container .restore-popup-header .modal-title { color: #fff; }
.restore-popup-container .restore-popup-header button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; text-shadow: none; color: #fff; opacity: 1; -webkit-font-smoothing: antialiased; width: 24px; height: 24px; background: #888888; border-radius: 20px; line-height: 24px; }
.restore-popup-container .restore-popup-header button.close:hover{background: #9a9a9a;}
.restore-popup-container .modal-body { padding:18px; }
.restore-popup-container .modal-body p { font-size: 15px; }

/** PARTNER START **/

.add-new-site-header{padding:15px 20px;border-bottom: 1px solid #C4C4C4;display:flex;align-items: center;}
.close-go-back{margin:0 40px 0 10px}
.close-go-back a{background-color:transparent;width: 34px;height: 34px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.close-go-back a:hover{background-color: #EBEBEB;}
.add-new-site-header h3{margin:0;padding: 0;font-size:20px;color: #333;font-weight: 400;}
.analytics-wrapper .total-earnings p.visitors{font-size: 13px;}
.partner-analytics .data-box { min-height: 122px; }
.partner-analytics .data-box p {font-size: 18px;}
.description-detail-box{padding: 20px 18px;-webkit-box-flex: 1; -ms-flex-positive: 1;flex-grow: 1; }
.description-detail-title{margin-bottom: 17px;}
.description-detail-title h3{font-size: 18px;line-height: 21px;margin: 0;font-family: 'Roboto', sans-serif;color: #4D4D4E;font-weight: 500;}
.payment-detail-options{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 10px;}
.description-main-container{border: 1px solid #E0E0E0;border-radius: 5px;display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-flex: 0;-ms-flex: 0 0 49%;flex: 0 0 49%;}
.description-bank-details{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;margin-top: 26px;}
.earning-reports-history{margin-top: 0px;}
.earning-reports-history table{margin-bottom: 0;}
.earning-reports-history table td{border: none}
.earning-reports-history table td{padding: 10px 0;}
.earning-reports-history table td:last-child {text-align: right;}

/** PARTNER END **/

#native-autocomplete-preview {
    display: inline-block;
    position: relative;
    padding: 10px;
    border: solid 1px #999;
    left: 374px;
    width: 300px;
}

#native-autocomplete-preview .native-result-items {
    margin-top: 10px;
}

.native-atuocomplete-title {
    font-weight: 900;
}

#native-autocomplete-preview .native-result-items ul {
    padding-left: 0;
    list-style: none;
}

#native-autocomplete-preview .native-result-items ul li {
    padding: 5px;
    cursor: pointer;
    position: relative;
}

#native-autocomplete-preview .native-result-items ul li:hover {
    background: #f5f5f5;
}

#native-autocomplete-preview .native-result-items ul li:before {
    content: '';
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    background: #999999;
    border-radius: 3px;
    float: left;
    margin: 0 10px 10px 0;
}

.input-size-unit {
    float: right;
    margin-right: 5px;
}