/* apps/web2/css/style.css */

@import url("pe-icon-7-stroke.css");

/* Axon CSS */

.mt-0 {
    margin-top: 0;
}

.mt-1 {
    margin-top: .5em;
}

.mt-2 {
    margin-top: 1em;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: .5em;
}

.debug {
    border: 1px solid red;
}

.js-validation-alert {
    display: none;
}

.d-none {
    display: none;
}

.flex {
    display: flex;
}

.items-center {
    align-items: center;
}

.justify-between {
    justify-content: space-between;
}

.link {
    color: #444;
}

.link:hover {
    color: #357dc0;
}

.blue-link {
    color: #357dc0;
}

.blue-link:hover {
    color: #357dc0;
}

.m-0 {
    margin: 0;
}

.mx-5 {
    margin: 0 5px;
}

.my-5 {
    margin: 5px 0;
}

.mx-10 {
    margin: 0 10px;
}

.my-10 {
    margin: 10px 0;
}

.p-0 {
    padding: 0;
}

.new-profile-section {
    color: #333;
    margin: 20px 0;
    margin-right: 20px;
    padding: 20px 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    float: left;
    width: 90%;
}

.add-to-list-picker {
    width: 20em;
    min-height: 15em;
    height: 75%;
}


/* End Axon CSS */

/* Add Profile to list Selector */
.list-of-portfolios {
    border-radius: 5px;
    padding: .5em 2.5em;
    height: 35em;
    overflow-y: auto;
  }
  
  .list-of-portfolios h4 {
    margin: 0em;
  }

  article.list-select {
    position: relative;
    width: 100%;
    height: 3em;
    margin: .5em 0;
    float: left;
    background-color: hsla(217, 25.2%, 89.8%, 1);
    color: #222;
    box-sizing: border-box;
  }

  article.list-select div {
    width: 100%;
    height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 25px;
    transition: .5s ease;
  }
  
  article.list-select input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3em;
    opacity: 0;
    cursor: pointer;
  }

  article.list-select input[type=checkbox] {
    margin: 0;
  }

  article.list-select input[type=checkbox]:checked ~ div {
    background-color: hsla(217, 91.2%, 59.8%, 1);
    color: hsl(0, 0%, 100%);
  }

  article.list-select input[type=checkbox]:disabled ~ div {
    background-color: hsla(217, 91.2%, 89.8%, 1);
    color: #222;
  }

/* End add profile to list selector */

.highlight {
    background-color: #000;
}

.highlight:hover {
    background-color: #999;
}

section .main-panel {
    min-height: 100vh;
}

h4 {
    margin-top: 15px !important;
}

.page-wrapper {
    margin-top: 75px;
}

.glyphicon-refresh-animate {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.color_b50000 {
    color: #b50000;
}

.color_black {
    color: #000;
}

.color_white {
    color: #fff;
}

.top-logos {
    width: 175px;
    height: 30px;
    margin-top: 21px;
    margin-left: 5px;
    margin-right: 115px;
}

.user_icon {
    background-image: url(/images/sidebar_icons/Admin.svg);
    width: 30px;
    height: 27px;
    background-size: 30px 27px;
    display: inline-block;
}

.big-logo {
    background-image: url(http://content.g2link.com/image/png/581c93505fd74a9a038b45a0.png);
}

.break-all {
    word-break: break-all;
}

.alert_icon {
    background-image: url("/images/alert_icon.png");
    width: 30px;
    height: 27px;
    background-size: 30px 27px;
    display: inline-block;
}

.rounded-corners {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a {
    cursor: pointer;
}

.text-white {
    color: white;
}

.fa-lg-alt {
    font-size: 1.33333333em;
    line-height: inherit;
    vertical-align: -15%;
}


/** bootstrap 3 multiple modal fix **/

.modal {
    overflow: auto !important;
}

.modal .modal-dialog {
    max-width: 100vw;
}

.company-buttons .btn-group {
    margin-bottom: 7px;
}

.btn-highlight {
    color: #fff;
    background-color: darkorange;
}

.btn-highlight:hover {
    color: #333;
    background-color: #aaa;
}

@media (min-width: 992px) {
    .typo-line {
        padding-left: 140px;
        margin-bottom: 40px;
        position: relative;
    }
    .typo-line .category {
        transform: translateY(-50%);
        top: 50%;
        left: 0;
        position: absolute;
    }
}

.all-icons [class^="pe-"] {
    font-size: 40px;
}

.all-icons input {
    border: 0;
}

.all-icons .font-icon-detail {
    text-align: center;
    padding: 45px 0 30px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin: 15px 0;
}

.all-icons .font-icon-container a {
    padding: 5px 0;
    display: block;
    color: #666666;
}

.all-icons .font-icon-detail input {
    margin: 25px auto 0;
    width: 100%;
    text-align: center;
    display: block;
    color: #aaa;
    font-size: 13px;
}

.all-icons h5 {
    margin-top: 60px;
}

.all-icons>div>.row:first-child h5 {
    margin-top: 15px;
}

.places-buttons .btn {
    margin-bottom: 30px
}

.buttons-with-margin .btn {
    margin-bottom: 5px;
}

.animated .img-rounded {
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 0 auto;
    display: block;
}

.animated .img-rounded img {
    width: 100%;
}

.navbar {
    margin-bottom: 0;
}

.contant .text-center h2 {
    font-size: 60px;
    color: #0093c3;
    margin-bottom: 20px;
    text-align: center;
}


/*light boostrap file css start*/

.sidebar:after,
.bootstrap-navbar:after {
    background: #f5f5f5;
    z-index: 3;
    opacity: 1;
}

.footer .copyright {
    color: #797979;
    padding: 10px 10px;
    margin: 0 3px;
    line-height: 11px;
    font-size: 14px;
}

.footer nav>ul a:not(.btn) {
    color: #fff;
    display: block;
    margin-bottom: 3px;
}

.align_text {
    margin-top: -100px;
    padding-bottom: 71px;
}


/*light boostrap file css end*/


/*footer css start*/

.footer_main nav ul li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.8;
}

.footer_main nav ul li a {
    color: #8c8c8c;
}

.footer_main .f_h3 {
    padding-left: 35px;
    color: #474747;
}

.footer_main h4 {
    color: #474747;
}

.footer_main {
    background: #fff;
    display: inline-block;
    opacity: 1;
    position: relative;
    border-width: 1px 0 0;
    border-radius: 4px;
    border-color: rgb(200, 200, 200);
    border-style: solid;
    color: #8c8c8c;
    padding: 10px 0;
    z-index: 1000;
}

.log_in a {
    border: solid 2px #1599eb;
    border-radius: 4px;
}


/*footer css end */


/*index page  css  start*/

.index_back_img {
    background: url(http://uc.uxpin.com/files/595088/590851/te_-_web_-_banner_image.png) no-repeat center;
    padding: 200px 0;
    color: #fff;
    z-index: 2;
    text-align: center;
}

.index_page_btn {
    background: transparent;
    border-radius: 4px;
    border: solid 2px #fff;
    color: #fff;
    padding: 8px 16px;
    font-size: 18px;
    margin-top: 50px;
    outline: none;
}

.index_page_btn:hover {
    color: #68696b;
}

.sidebar {
    position: fixed;
    top: 61px;
    bottom: 0;
    width: 100px;
    display: block;
    z-index: 1;
    color: #fff;
    font-weight: 200;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.panel_heading {
    font-size: 20px;
    color: #777;
}


/*index page  css  end*/


/*login page css start*/

#login_form {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgb(247, 247, 247);
}

.center_div {
    float: none;
    margin: 0 auto;
}

/* .form-control {
    font-size: 16px;
    border-radius: 4px;
    border-color: rgb(200, 200, 200);
    border-width: 0 0 1px;
    padding: 8px 12px;
}

.form-control:focus {
    font-size: 16px;
    border-radius: 4px;
    border-color: rgb(200, 200, 200);
    border-width: 0 0 1px;
    padding: 8px 12px;
} */

.form_link {
    padding: 0;
    margin: 0;
    font-size: 14px;
    text-decoration: underline;
}

.margin_bottom_20 {
    margin-bottom: 20px !important;
}

.margin_bottom_8 {
    margin-bottom: 8px;
}

.margin_0 {
    margin: 0;
}

.padding_0 {
    padding: 0;
}

.big-logo {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 220px;
    width: 220px;
    height: 72px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.action_button {
    background: transparent;
    border-radius: 6px;
    padding: 6px 25px;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
    outline: none;
}

#message {
    text-align: center;
    font-weight: 400;
}

.button_log_page:hover {
    border: solid 2px #1599eb;
    color: #1599eb;
    background: transparent;
}


/*login page css end*/


/*404 page start css */

.main_body {
    margin-top: 90px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);
    background-color: #FFFFFF;
    margin-bottom: 30px;
}

.padding-top {
    padding-top: 90px;
}

.background_box {
    background: #f5f5f5;
}


/*404 page start end */


/*Sign Up page css start start */

.form-control_new {
    width: 100%;
    padding: 8px 12px;
    font-size: 16px;
    display: block;
    border-radius: 4px;
    border-color: rgb(200, 200, 200);
    /* border-width: 0 0 1px; */
    height: 40px;
}

.form-control_portfolio {
    width: 100%;
    padding: 8px 14px;
    font-size: 16px;
    display: block;
    border-radius: 4px;
    /* border-width: 0 0 1px; */
    height: 40px;
    /* border: none; */
    /* box-shadow: 0 0 11px -4px rgba(0, 0, 0, 0.58); */
}

.portfolio_event_dropdown {
    margin-right: 2px;
}

.form-control_new:focus {
    font-size: 16px;
    border-radius: 4px;
    border-color: rgb(200, 200, 200);
    /* border-width: 0 0 1px; */
}

.padding_left_60 {
    padding-left: 60px;
    z-index: 111;
}

.padding_left_80 {
    padding-left: 80px;
}


/*Sign Up page css start end */


/*header alert box css start */

.alert-list {
    width: 300px;
    height: 288px;
    overflow: auto;
}

.my-alert {
    width: 100%;
}

.make_it_red {
    border: solid 1px red;
}

.alert-list::-webkit-scrollbar {
    width: 12px;
}

.alert-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.alert-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.navbar-nav.navbar-right>li>.dropdown-menu.alert-list:before {
    left: auto;
    right: 12px;
}

.navbar-nav>li>.dropdown-menu.alert-list:before {
    border-bottom: 11px solid rgba(0, 0, 0, 0.2);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    left: 12px;
    top: -11px;
}

.hover_alert {
    padding: 8px 0;
    margin-top: 5px;
    cursor: pointer;
}

.hover_alert:hover {
    background: #F5F5F5;
}

.alert-row {
    border-radius: 4px;
    width: 75%;
    float: left;
    margin-bottom: 10px;
}

.company_alert_name {
    color: #1d8853;
    display: block !important;
}

.company_alert_date {
    display: block;
    font-size: 12px;
}

.arrow-left {
    height: 0;
    float: left;
    top: 20px;
    width: 25%;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-right: 50px solid #b40000;
    margin-top: 5px;
}

.icon {
    right: -40px;
    top: -15px;
    position: relative;
    color: #fff;
    font-size: 20px;
}


/*header alert box css end*/


/*portfolio css start*/

#portfolio h2 {
    font-size: 40px;
    font-weight: bold;
    margin-left: 1px;
}

#portfolio .main-panel {
    padding-top: 82px;
}

#portfolio .portfolio-list-box {
    padding-top: 40px;
}

#portfolio .contant {
    margin-top: 5px;
}

#portfolio .card {
    background: none;
    box-shadow: none;
}

#portfolio .alert {
    margin: 24px 0 0 0;
}

.alert a {
    color: #fefefe;
    text-decoration: underline;
}

.margin_left_12px {
    margin-left: 12px;
}

.default_list {
    right: -48px !important;
    position: absolute;
    width: 10px;
    float: right !important;
    margin-top: 5px;
}

.align-list {
    width: 200px;
    float: left;
    display: inline;
    padding-left: 30px;
    margin-top: 1px !important;
    font-size: 16px;
}

.new_box_portfolio .dropdown-menu {
    margin-right: -50px;
    width: 10px !important;
    display: block !important;
    border: none;
    border-radius: 20px;
    /* box-shadow: 0 0 11px -4px rgba(0, 0, 0, 0.58); */
}

.new_box_portfolio .dropdown-menu li {
    display: block !important;
    width: 100%
}

.portfolio-list>li {
    padding: 8px 16px;
    color: #333333;
}

.padding_tb_10px {
    padding: 10px 0;
}

.portfolio-list>li:hover {
    background: #f5f5f5;
    color: #333333;
}

.color_333 {
    color: #333 !important;
}

.color_999 {
    color: #999 !important;
}

.portfolio-list:first-child>li {
    margin-top: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.portfolio-list>li:last-child>a {
    margin-bottom: 5px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.new-portfolio li {
    margin-top: 0 !important;
}

#custom-search-input {
    margin-left: -10px;
    margin-right: -25px;
    margin-top: 10px;
    padding: 0;
}

#custom-search-input .search-query {
    border-bottom: none;
    margin-left: 35px;
    height: 35px;
}

#custom-search-input button {
    border: 0;
    background: none;
    /** belows styles are working good */
    padding: 2px 3px 10px 9px;
    margin-top: 9px;
    position: relative;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    color: #999;
}

.new_box_portfolio {
    background: #fff;
    border-radius: 10px;
    /* border: none; */
    /* box-shadow: 0 0 11px -4px rgba(0, 0, 0, 0.58); */
    margin-top: -8px;
    width: 100%;
}

.new_box_group {
    min-height: 300px;
}

.new_box_portfolio_scroll {
    overflow: auto;
    height: 200px;
    overflow-x: hidden;
    margin-top: 20px;
}

.progress_circle {
    width: 160px;
    height: 160px;
    margin: 19px 10px 10px 42px;
}

#style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #999;
}

.force-overflow {
    min-height: 30px;
    padding-left: 15px;
    text-transform: capitalize !important;
}

.company_name li:before {
    content: url(../../images/big-red-dot.png);
    margin-left: -34px !important;
    vertical-align: middle;
    margin-right: 5px;
}

.company_name li {
    margin-top: 12px !important;
    margin-bottom: 5px !important;
    font-size: 15px !important;
    color: #333 !important;
}

.new_box_portfolio ul li {
    margin-left: 9px;
    margin-top: 0;
    padding: 0 px 0 px 0 px 15 px;
}

.new_box_portfolio ul li span {
    text-align: left;
    float: left;
    margin-top: 10px;
}

.new_box_portfolio ul li {
    font-size: 18px;
    color: #9A9A9A;
    display: inline-block;
}

.new_box_portfolio ul li a {
    text-align: right;
    padding: 0;
    color: #9A9A9A;
    font-size: 17px;
    display: inline-block;
}

.new_box_portfolio ul li .dropdown-menu li {
    margin-bottom: 0;
    padding: 0;
}

.new_box_portfolio ul li .dropdown-menu li a {
    font-size: 14px;
}

.new_box_portfolio .navbar-nav>li>.dropdown-menu:before {
    display: none;
}

.new_box_portfolio .navbar-nav>li>.dropdown-menu:after {
    display: none;
}


/*portfolio css end*/

#sidebar_new .nav {
    margin-top: 50px;
}

#sidebar_new .nav li {
    margin-bottom: 20px;
}

#sidebar_new .nav li a {
    color: #000;
    text-align: center;
}

.centered {
    width: 40px;
    min-height: 40px;
    margin-left: auto;
    text-align: center;
    display: block;
    margin-right: auto;
    cursor: pointer;
}

.main-panel .pager a {
    background: transparent !important;
    color: #999 !important;
}

.new_company_name {
    margin-top: 28px;
}

.new_company_name p {
    font-size: 14px;
    /* line-height: 15px; */
    /* margin-top: -3px; */
}

.new_company_name ul {
    padding-left: 26px;
}

.new_company_name ul li {
    margin-bottom: 36px;
}

#portfolio .col-md-new {
    width: 16.66666667%;
    float: left;
    margin-left: -20px;
    margin-top: 24px;
}

.padding_15_box {
    padding: 15px;
}

#CreatePortfolioButton .badge {
    padding: 7px 10px;
    font-size: 13px !important;
    color: #999;
    margin-top: 7px;
    margin-left: 10 px;
    min-width: 10px;
    float: left;
    text-align: center;
    white-space: nowrap;
    font-weight: normal;
    vertical-align: middle;
    background: none;
    cursor: pointer;
    text-shadow: none;
    box-shadow: none;
    border-radius: 50px;
}

#CreatePortfolioButton .pager {
    float: left;
}

#CreatePortfolioButton .pager li a {
    border-radius: 50px;
}

#CreatePortfolioButton .pager li>a,
.pager li>span {
    display: inline-block;
    padding: 8px 24px 7px 11px;
    margin-left: 0 !important;
    border: 1px solid #ccc;
    margin-top: -1px;
}


/** timeline box structure **/

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
    top: 57px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #dfdfdf;
    left: 50%;
    margin-left: -1.5px;
}

.timeline.timeline-empty:before {
    display: none;
}

.tldate {
    color: #444;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    margin: 30px auto;
}

.timeline li {
    position: relative;
}

.timeline li:before,
.timeline li:after {
    content: " ";
    display: table;
}

.timeline li:after {
    clear: both;
}

.timeline li:before,
.timeline li:after {
    content: " ";
    display: table;
}


/** timeline panels **/

.timeline li .timeline-panel {
    width: 45%;
    float: left;
    background: #fff;
    border: 1 px solid #d4d4d4;
    padding: 20px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}


/** panel arrows **/

.timeline li .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15 px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline li .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline li .timeline-panel.noarrow:before,
.timeline li .timeline-panel.noarrow:after {
    top: 0;
    right: 0;
    display: none;
    border: 0;
}

.timeline li.timeline-inverted .timeline-panel {
    float: right;
}

.timeline li.timeline-inverted .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline li.timeline-inverted .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline li .delete-event.close {
    position: absolute;
    z-index: 1;
}

.timeline li.timeline-regular .delete-event.close {
    left: 5px;
}

.timeline li.timeline-inverted .delete-event.close {
    right: 5px;
}


/** comapny page css start **/

#company .box {
    width: 195px;
    float: left;
    margin-top: 42px;
}

#company .box h5 {
    margin-left: 10px;
    padding-bottom: 11px;
    font-size: 16px;
    padding-top: 1px;
    margin-top: 1px;
    border-bottom: solid 1px #ccc;
}

.news_icon {
    padding-top: 6px;
    color: #999;
}

#company .main-panel {
    padding-top: 25px;
}

#company .contant {
    margin-top: 30px;
}

#company .contant .breadcrumb {
    margin-top: 10px;
    font-size: 11px;
}

.business_description {
    color: #9A9A9A;
    font-size: 12px;
    margin-top: 20px;
}

.round-border {
    border-radius: 5px;
    border: 1px solid #c9c9c9;
}

.display-flex {
    display: flex;
}

.auto-flex {
    flex: auto;
}

.font_size_28px {
    font-size: 28px;
}

.font_size_36px {
    font-size: 36px;
}

.font_size_12px {
    color: #9A9A9A;
    font-size: 12px;
}

.font_size_10px {
    color: #ccc;
    font-size: 10px;
}

.margin_top_16px {
    margin-top: 16px;
}

.margin_top_12px {
    margin-top: 12px;
}

.margin_top_20px {
    margin-top: 20px;
}

.margin_top_30px {
    margin-top: 30px;
}

#company .col-md-5 .pager {
    font-size: 12px;
    margin-top: 46px;
    margin-left: 66 px;
}

#company .col-md-5 .pager li {
    float: left;
    margin-bottom: 5px;
}

.font_size_8px {
    font-size: 8px;
}

.padding_left_7px {
    padding-left: 7px;
}

.margin_bottom_49px {
    margin-bottom: 49px;
}

.margin_bottom_49px h4 {
    margin-left: -18px;
    margin-top: 2px;
}

.padding-left-10px {
    padding-left: 10px !important;
}

.color_ccc {
    color: #ccc;
}

.color_666 {
    color: #666 !important;
}

.gray_color {
    color: #959595;
    margin-top: -12px;
    font-size: 17px;
}

.print_icon {
    margin-left: 20px;
    font-size: 23px;
    cursor: pointer;
    color: #666;
}

.print_icon:hover {
    color: #333;
}

.csv_report_icon {
    margin-left: 0px;
    font-size: 23px;
    cursor: pointer;
    color: #666;
}

.csv_report_icon:hover {
    color: #333;
}

.seeting_icon {
    margin-left: 10px;
    margin-right: 12px;
    font-size: 23px;
    display: inline;
}

.date_picker {
    display: inline;
    width: 185px;
    font-size: 13px;
    color: #000;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    /* border: none; */
    /* box-shadow: 0 0 11px -4px rgba(0, 0, 0, 0.58); */
}

#company .contant .card {
    background: none;
    box-shadow: none;
}

#company .contant .breadcrumb li a {
    color: #9A9A9A;
}

#company .contant .col-md-7 h3 {
    margin-top: 10px;
}

.timeline li .tl-circ {
    position: absolute;
    top: 28px;
    left: 50.4%;
    text-align: center;
    background: none;
    color: #fff;
    width: 25px;
    height: 25px;
    line-height: 20px;
    background: #f9f9f9;
    margin-left: -16px;
    border: 3px solid #dfdfdf;
    border-radius: 50%;
    z-index: 9;
}


/** timeline content **/

.tl-heading h4 {
    margin: 0;
    color: #000;
}

.tl-body p,
.tl-body ul {
    margin-bottom: 0;
}

.tl-body>p+p {
    margin-top: 5px;
}


/** media queries **/

@media (max-width: 991px) {
    .timeline li .timeline-panel {
        width: 44%;
    }
}

@media (max-width: 700px) {
    /*  .page-header h1 { font-size: 1.8em; }

  ul.timeline:before {
    left: 40px;
  }

  .tldate { width: 140px; }

  ul.timeline li .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }

  ul.timeline li .tl-circ {
    top: 22px;
    left: 22px;
    margin-left: 0;

  }
  ul.timeline > li > .tldate {
    margin: 0;
  }

  ul.timeline > li > .timeline-panel {
    float: right;
  }

  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }

  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }*/
}

.card .breadcrumb {
    margin-bottom: 0;
    margin-left: -16px;
    padding-bottom: 0;
}

.card h3 {
    margin-top: 7px;
    font-size: 31px;
    font-weight: 500;
    text-transform: capitalize;
}

.card .breadcrumb>li+li:before {
    padding: 0 1px;
    color: #ccc;
    content: "\003e";
}


/** company page timeline circle icons end **/

input::-webkit-input-placeholder {
    /* WebKit browsers */
    padding-left: 0 !important;
    font-size: 14px;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    padding-left: 0 !important;
    font-size: 14px;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    padding-left: 0 !important;
    font-size: 14px;
}

.page-header {
    padding-bottom: 9px;
    margin: 33px 0 20px;
    border-bottom: 1px solid #eee;
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 24px 5px 11px;
    margin-left: 6px;
    margin-top: -1px;
    border: 1px solid #ccc;
}

.dot li {
    list-style: none;
}

.dot-blue li {
    list-style: none;
}

.dot-blue {
    list-style: none;
    margin: 19px 0 0 -12px;
    padding: 0;
}

.dot-blue li P {
    margin-left: -5px;
}

.dot {
    margin: 19px 0 0 -12px;
    padding: 0;
}

.dot li P {
    margin-left: -5px;
}

.dot li p:before {
    content: url(../../images/dot_red.png);
    color: red;
    position: relative;
    left: -8px;
    line-height: 0;
    display: inline;
    vertical-align: middle;
    margin-bottom: 80px;
    /* top: 0; */
    /* color: green; */
    /* font-size: 20px; */
}

.dot-blue li p:before {
    content: url(../../images/dot_blue.png);
    color: green;
    position: relative;
    left: -8px;
    line-height: 0;
    display: inline;
    vertical-align: middle;
    margin-bottom: 80px;
    /* top: 0; */
    /* color: green; */
    /* font-size: 20px; */
}


/** form  start **/

.form_section {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgb(247, 247, 247);
}

.form_section h2 {
    margin-left: 0;
    font-weight: 400;
    margin-bottom: 30px;
}

.form_section .font_20px {
    font-size: 20px;
    margin-left: -16px;
    margin-bottom: 15px;
}

.form_section label {
    font-weight: 400;
    color: #8c8c8c;
    font-size: 14px;
}

.form_section p {
    color: #8c8c8c;
    font-size: 14px;
}


/** reset password form end **/


/** Report page css start **/

#report {
    background: #f4f4f4;
    color: #333;
    padding-bottom: 160px;
    padding-top: 30px;
}

.report-box {
    background: #fff;
    color: #333;
    -webkit-box-shadow: 1px 1px 5px 1px rgba(204, 204, 204, 0.84);
    -moz-box-shadow: 1px 1px 5px 1px rgba(204, 204, 204, 0.84);
    box-shadow: 1px 1px 5px 1px rgba(204, 204, 204, 0.84);
    padding: 20px 20px;
}

.margin-bottom-40px {
    margin-bottom: 35px;
}

.report-box h5 {
    color: #333;
    z-index: 999;
}

.position-report {
    position: absolute;
    left: 110px;
    top: 45px;
    text-align: center;
}

.position-check {
    position: absolute;
    left: 110px;
    top: 45px;
    text-align: center;
}

.file-report {
    position: relative;
    left: 62px;
    top: 1px;
    text-align: center;
}

.file-check {
    position: relative;
    left: 62px;
    top: 1px;
    text-align: center;
}

.position-color {
    background: linear-gradient(to bottom, #48a6f4 0%, #7ecc52 100%);
    -webkit-background-clip: text !important;
    box-sizing: border-box;
    -webkit-text-fill-color: transparent !important;
    display: inline;
}

.font-size {
    font-size: 12px !important;
    text-align: center;
    color: #CCC;
}

.report-box .fa {
    width: 20px !important;
}

.report-box h5 {
    margin-bottom: 5px;
}

#report h2 {
    font-weight: 300;
    margin: 30px 0 1px;
}

#report .pager {
    margin-left: 20px;
}

#report .pager a {
    background: #fff;
    color: #999;
    border-radius: 25px;
    padding: 10px 25px 10px 15px;
}

#report .form-control {
    /* border: none; */
}

#report .form-control {
    width: 52%;
    float: left
}

.margin-less {}

.print_report {
    background: #62A5ED;
    color: #fff !important;
    display: inline;
}

.print_report:hover {
    background: #000 !important;
    color: #fff !important;
}

.print_report_update {
    background-color: #9CD264 !important;
    color: #fff !important;
    float: right;
    margin-right: 20px;
}

.print_report_update:hover {
    background: #000 !important;
    color: #fff !important;
}

#report .modal-dialog {
    width: 900px;
    margin: 40px auto !important;
}

#report .position-all {
    position: relative;
    top: 90px;
    z-index: 1051;
    left: 60%;
}

#report .search-portfolio {
    background: #fff !important;
    top: 2px;
    box-shadow: 1px 1px 5px 1px rgba(204, 204, 204, 0.84);
    width: 88%;
    position: absolute;
    margin-left: 12px;
    padding: 2px 0;
}

#portfolio .add-portfolio {
    background: #fff !important;
    top: 2px;
    box-shadow: 1px 1px 5px 1px rgba(204, 204, 204, 0.84);
    width: 88%;
    position: absolute;
    margin-left: 12px;
    padding: 2px 0;
}

#portfolio .add-portfolio {
    box-sizing: border-box;
    /* border: none; */
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

#report .portfolio-name {
    background: #efefef;
    color: #999;
    padding: 6px 20px;
    width: 36%;
    position: relative;
    top: 4px;
    left: 5px;
    float: left;
    border-radius: 25px;
}

#report .portfolio-name-events {
    background: #efefef;
    color: #999;
    padding: 6px 20px;
    width: 29%;
    top: 4px;
    position: relative;
    left: 5px;
    float: left;
    border-radius: 25px;
}

.report-dropdown {
    margin-top: 47px;
    background: #fff;
    height: 250px;
    width: 93%;
    display: none;
    padding-right: 20px;
    margin-left: 12px;
    position: relative;
    overflow: auto;
}

.report-dropdown li {
    width: 93%;
    list-style: none;
    font-weight: 400;
    color: #999;
    margin-left: -20px;
    padding: 10px 5px;
}

#style-11::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    margin-left: 20px;
}

#style-11::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    background-color: #F5F5F5;
}

#style-11::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#style-11::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #999;
}

.font_size_14px {
    font-size: 14px;
    color: #999;
}

.font_size_15px {
    font-size: 15px;
    color: #9A9A9A;
}

.font_size_11px {
    font-size: 11px;
}

.reportWhich h2 {
    text-align: center;
    font-weight: 400 !important;
    padding-left: 170px;
}

.reportWhich .align-p {
    padding-left: 170px;
    color: #999;
}

.reportWhich .event-repo-align {
    padding-top: 10px;
    text-align: center;
    font-size: 20px;
    margin-bottom: 0;
}

.reportWhich .event-repo-align {
    padding-top: 10px !important;
    text-align: center;
    font-size: 20px;
    margin-bottom: 0;
}

#report h2 {
    text-align: center;
    font-weight: 400 !important;
    padding-left: 170px;
}

#report .list-choose-align {
    padding-left: 170px;
    color: #999;
}

#report .margin-top-50px {
    margin-top: -50px;
}

#report .margin-top-bottom {
    margin-top: 80px;
    margin-bottom: 20px;
}


/** Report page css end **/


/** document drive page css start **/

#document-drive {
    margin-top: 100px;
}

#document-drive .pager li a {
    color: #333;
    padding: 7px 20px 7px 15px !important;
    border-radius: 25px;
    margin-top: 20px;
    margin-left: 245px;
}

#document-drive .doc-drive-table {
    padding-left: 125px;
    padding-right: 25px;
}

#document-drive .doc-drive-table .table tr th {
    color: #333;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 14px;
}

#document-drive .doc-drive-table .table tr td {
    color: #333;
    text-transform: capitalize;
    font-size: 14px;
}

#document-drive .doc-drive-table .table tr td u {
    color: #3482F6;
}

#document-drive .doc-drive-pagination .pagination li a {
    border-radius: 0 !important;
    margin: 0 !important;
    color: #333;
}

#document-drive .doc-drive-pagination {
    margin-bottom: 40px;
}

#document-drive .doc-drive-pagination .pagination>li.active>a,
.pagination>li.active>span,
.pagination>li.active>a:hover,
.pagination>li.active>span:hover,
.pagination>li.active>a:focus,
.pagination>li.active>span:focus {
    background-color: #888;
    border: 0;
    color: #FFFFFF;
    padding: 7px 13px;
}

#document-drive .table-striped {
    background: rgba(131, 198, 183, 0.1) !important;
}

#document-drive .table .icon-color {
    color: #444 !important;
}

#document-drive .table thead tr {
    background-color: #fff !important;
}

#document-drive .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}

#document-drive a {
    outline: none;
}


/** document drive page css end **/


/** Edit Document  page css start **/

#report .close-position {
    position: relative !important;
    top: -50px;
    font-size: 30px !important;
    right: -34px !important;
    color: #fff;
    opacity: 1 !important;
    outline: none;
}

#edit_document .edit_document-mar-left {
    margin-right: 10px;
    position: relative;
}

#edit_document .edit-document {
    background: #fff !important;
    top: 2px;
    box-shadow: 1px 1px 5px 1px rgba(204, 204, 204, 0.84);
    width: 80%;
    position: absolute;
    margin-left: 80px;
    padding: 2px 0;
}

#edit_document .form-control {
    width: 52%;
    float: left;
    /* border: none; */
}

#edit_document .portfolio-name-events {
    background: #efefef;
    color: #999;
    padding: 6px 20px;
    width: 45%;
    top: 4px;
    position: relative;
    left: 5px;
    float: left;
    border-radius: 25px;
}

#edit_document .margin_top_50px {
    margin-top: 20px;
}

#edit_document .report-dropdown {
    margin-top: 10px !important;
    background: #fff;
    height: 190px;
    width: 86%;
    display: none;
    box-shadow: 1px 1px 5px 1px rgba(204, 204, 204, 0.84);
    margin-left: 80px;
    position: relative;
    overflow: auto;
}

.positon-groups {
    margin-top: 10px;
}

#edit_document .align-editdoc-icon {
    margin-top: 6px;
    margin-left: -15px;
}

#edit_document .btn-main {
    margin-left: 348px !important;
}

#edit_document .margin-left {
    margin-left: 30px !important;
}

#edit_document .table>thead>tr>th {
    border-bottom-width: 1px;
    font-size: 14px;
    text-transform: capitalize;
    color: #333 !important;
    font-weight: 600;
    padding-bottom: 5px;
}

#edit_document .table {
    padding-right: 40px !important;
}

.margin-left-field-type {
    margin-left: 15px;
    margin-top: -25px;
}


/** Edit Document  page css end **/


/** mdal document drive start**/

.position-abs-edit {
    position: relative;
    margin-left: -100px !important;
}

.modal-dialog {
    width: 900px;
    margin: 40px auto;
}

#document-drive .modal-heading {
    font-weight: 600;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-top: 0 !important;
}

.close-position {
    position: relative !important;
    top: -50px;
    font-size: 30px !important;
    right: -34px !important;
    color: #fff;
    opacity: 1 !important;
    outline: none;
}

.date_picker1 {
    display: inline;
    width: 140px !important;
    font-size: 13px;
    color: #000;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    /* border: none; */
    /* box-shadow: 0 0 11px -4px rgba(0, 0, 0, 0.58); */
}

.input-group-addon {
    background-color: transparent;
    /* box-shadow: 0 0 11px -4px rgba(0, 0, 0, 0.58) !important; */
    /* border: none; */
    color: #000;
    border-radius: 4px;
    border-color: rgb(200, 200, 200);
}

#document-drive .datepicker table tr td,
.datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    /* border: none; */
}

#document-drive .datepicker table tr td,
.datepicker table tr td {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    /* border: none; */
}

.position-abs-edit {
    position: relative;
    top: -28px;
    margin-left: -60px !important;
}

.position-abs-portfolio {
    position: relative;
    top: 1px;
    cursor: pointer;
    margin-left: -30px !important;
}

.position-abs-edit2 {
    position: relative;
    top: -28px;
    margin-left: 280px !important;
}


/** select2 style override **/

.navbar-search-form {
    border-color: transparent;
    margin-top: 17px;
    margin-bottom: 18px;
}

.navbar-search-form .select2-container {
    border: solid 1px #dbdbdb;
    border-radius: 5px;
}

.navbar-search-form .selection .select2-selection {}

.navbar-search-form .selection .select2-selection .select2-search__field {
    width: 100%;
}

.portfolio-ed .navbar-nav>li.open>.dropdown-menu,
.dropdown.open .dropdown-menu,
.dropup.open .dropdown-menu,
.bootstrap-table .open .dropdown-menu {
    margin-top: 5px;
}

.dropdown-menu>li>a {
    padding: 2px 11px !important;
    color: #999;
}

.dropdown-menu:before {
    display: none;
}

.dropdown-menu:after {
    display: none;
}

.portfolio-ed {
    width: 270px !important;
}

#addeventModal .date_picker {
    width: 100%;
    font-size: 13px;
    color: #a09f9f;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    /* border: none; */
    /* box-shadow: 0 0 11px -4px rgba(0, 0, 0, 0.58); */
}

.date_picker_full {
    width: 100%;
    font-size: 13px;
    color: #a09f9f;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    /* border: none; */
    /* box-shadow: 0 0 11px -4px rgba(0, 0, 0, 0.58); */
}

#account .control-label {
    text-align: left !important;
}

li.company-pass-fail {
    content: '';
    display: block;
}

.force-overflow li {
    list-style: none;
    text-transform: capitalize !important;
    margin-bottom: 10px;
    vertical-align: middle;
    font-size: 14px;
}

.force-overflow .ddd li:before {
    content: url(../../images/big-red-dot.png);
    margin-right: 5px;
    vertical-align: middle;
    height: 30px;
}

li.red-dot:before {
    background-color: red;
}

li.green-dot:before {
    background-color: green;
}

li.gray-dot:before {
    background-color: gray;
}

.force-overflow li:before {
    content: "";
    width: 10px;
    float: left;
    height: 10px;
    margin-top: 4px;
    margin-right: 8px;
    display: inline-block;
    border-radius: 50%;
}


/*company page modal css start*/

#company-drive .doc-drive-table {
    margin-top: -30px;
    padding-right: 25px;
}

#company-drive .doc-drive-pagination {}

#company-drive .doc-drive-pagination .pagination>li>a,
.pagination>li>span,
.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 50%;
    margin: 0 2px;
    color: #797979;
}

.pagination {
    display: table;
    padding-left: 0;
    margin: 20px auto;
    border-radius: 4px;
}

.pagination>li {
    display: inline;
}

#company-drive .doc-drive-pagination .pagination li a {
    border-radius: 0 !important;
    margin: 0 !important;
    color: #ccc;
}

#company-drive a {
    outline: none;
}

#company-drive .pager li a {
    color: #333;
    padding: 7px 20px 7px 15px !important;
    border-radius: 25px;
    margin-top: 20px;
    margin-left: 102px;
}

#company-drive .row .col-md-12 .a {
    margin-left: 145px !important;
}

#company-drive .doc-drive-pagination .pagination>li.active>a,
.pagination>li.active>span,
.pagination>li.active>a:hover,
.pagination>li.active>span:hover,
.pagination>li.active>a:focus,
.pagination>li.active>span:focus {
    background-color: #d6d3d3;
    border: 0;
    color: #FFFFFF;
    padding: 7px 13px;
}

#company-drive .doc-drive-table .table tr td {
    color: #a09f9f;
    text-transform: capitalize;
    font-size: 13px;
}

#company .pager li>a,
.pager li>span {
    outline: none !important;
}

#company-drive .form-horizontal .control-label {
    vertical-align: middle;
}

#company-drive table tr th {
    text-transform: capitalize;
    font-size: 14px;
}

#company-drive .btn-main {
    margin-left: 356px !important;
}

#company-drive select {
    color: #9A9A9A;
}


/*company page modal css end*/


/*portfolio page modal css start*/

#addCompany .heading {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
}

#addCompany .select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    /* border: none; */
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

.modal-sm {
    width: 400px;
}

.modal-md {
    width: 650px;
}

#account .close-position {
    position: relative !important;
    top: -50px;
    font-size: 30px !important;
    right: -34px !important;
    color: #fff;
    opacity: 1 !important;
    outline: none;
}

#addCompany .close-position {
    position: relative !important;
    top: -50px;
    font-size: 30px !important;
    right: -34px !important;
    color: #fff;
    opacity: 1 !important;
    outline: none;
}

.search-add-company {
    background: transparent;
    /* border: none; */
    outline: 0;
    padding: 0 10px;
    box-shadow: none;
    -webkit-appearance: textfield;
}

#addCompany .search-add-company {
    border: solid black 1px;
    outline: 0;
}

.search-add-company {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

.search-add-company {
    box-sizing: border-box;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

#addCompany ul li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}


/*portfolio page modal css start*/

#deleteModal .close-position {
    position: relative !important;
    top: -50px;
    font-size: 30px !important;
    right: -34px !important;
    color: #fff;
    opacity: 1 !important;
    outline: none;
}

#deleteModal .heading {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
}


/* group-tree styles start */

.group-tree,
.group-tree ul {
    margin: 0 0 0 1em;
    /* indentation */
    padding: 0;
    list-style: none;
    color: #ccc;
    position: relative;
}

.group-tree ul {
    margin-left: .5em
}


/* (indentation/2) */

.group-tree:before,
.group-tree ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid;
}

.group-tree li {
    margin: 0;
    padding: 0 1.5em;
    /* indentation + .5em */
    line-height: 2em;
    /* default list item's `line-height` */
    position: relative;
}

.group-tree li {
    color: #999;
}

.group-tree li:before {
    content: "";
    display: block;
    width: 16px;
    /* same with indentation */
    height: 0;
    border-top: 1px solid;
    margin-top: -1px;
    /* border top width */
    position: absolute;
    top: 1em;
    /* (line-height/2) */
    left: 0;
}

.group-tree li:last-child:before {
    background: white;
    /* same with body background */
    height: auto;
    top: 1em;
    /* (line-height/2) */
    bottom: 0;
}

.modal-md .btn-main {
    margin-left: 32px !important;
}

.color-red-groups {
    color: red !important;
}

.toggle.ios,
.toggle-on.ios,
.toggle-off.ios {
    border-radius: 20px !important;
}

.toggle.ios .toggle-handle {
    border-radius: 20px !important;
}

.toggle-on {
    color: #fff !important;
    border: none !important;
    background-image: linear-gradient(to bottom, #48a6f4 0%, #7ecc52 100%);
}

.toggle-off.btn {
    padding-left: 24px !important;
    background: #ccc !important;
}

.toggle-off.btn:hover {
    background: #ccc !important;
    border: transparent;
    overflow: hidden !important;
}

.toggle-on.btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#66cc66), to(#3399ff)) !important;
    overflow: hidden !important;
    border: transparent !important;
}

.margin_bottom_29px {
    margin-bottom: 29px;
}

#CreatePortfolio P {
    font-size: 20px;
    margin-top: 20 px;
}

#CreatePortfolio .close-position {
    position: relative !important;
    top: -50px;
    font-size: 30px !important;
    right: -34px !important;
    color: #fff;
    opacity: 1 !important;
    outline: none;
}

#AddfileDocument .close-position {
    position: relative !important;
    top: -50px;
    font-size: 30px !important;
    right: -34px !important;
    color: #fff;
    opacity: 1 !important;
    outline: none;
}

#AddfileDocument P {
    font-size: 20px;
}

.search-bar-2 {
    border: solid 1px #dbdbdb;
    width: 319px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 20px;
    font-size: 16px;
    padding: 8px 12px !important;
    position: relative;
    vertical-align: middle;
}

.search-bar-3 {
    border: solid 1px #dbdbdb;
    width: 230px;
    margin-bottom: 15px;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 0;
    font-size: 18px;
    padding: 8px 12px;
    position: relative;
}

#Monitoring .heading {
    font-size: 20px;
    margin-top: 20 px;
    text-align: center;
}

#Monitoring .close-position {
    position: relative !important;
    top: -50px;
    font-size: 30px !important;
    right: -34px !important;
    color: #fff;
    opacity: 1 !important;
    outline: none;
}

sup {
    color: red !important;
}

#createcompany .close-position {
    position: relative !important;
    top: -50px;
    font-size: 30px !important;
    right: -34px !important;
    color: #fff;
    opacity: 1 !important;
    outline: none;
}

#createcompany .form-horizontal .control-label {
    text-align: left;
}

.header-btn {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

.header-btn {
    font-size: 12px;
    display: inline;
    margin-left: 30px;
    float: right;
    outline: none !important;
    display: inline-block;
    padding: 5px 24px 5px 11px;
    border: 1px solid #ccc;
    margin-top: 22px;
    border-radius: 15px;
}

#createcompany .modal-md .btn-main {
    margin-left: 11px !important;
}

.input-edit {
    background: #fff;
    width: 310px;
    margin-top: 20px !important;
    /* box-shadow: 0 0 11px -4px rgba(0, 0, 0, 0.58); */
    padding: 0 10px;
}

.edit_icon {
    font-size: 20px;
    cursor: pointer;
    display: inline;
    margin-top: -5px;
    margin-bottom: 15px !important;
}

.align-drop .pull-right {
    right: inherit !important;
    left: auto;
    max-height: 125px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.input-edit {
    display: none;
}

.close-edit {
    cursor: pointer;
    font-size: 18px;
    display: inline;
    margin-top: -100px;
}

.save-edit {
    cursor: pointer;
    font-size: 18px;
    display: inline;
    margin-top: -100px;
}

#copyList .close-position {
    position: relative !important;
    top: -50px;
    font-size: 30px !important;
    right: -34px !important;
    color: #fff;
    opacity: 1 !important;
    outline: none;
}

#copyList .heading {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
}

option:hover {
    cursor: pointer !important;
}

select:hover {
    cursor: pointer !important;
}

#alertDetails {
    padding-top: 45px;
    margin-left: 95px;
    background: #f4f4f4 !important;
}

#alertDetails h2 {
    margin-bottom: 35px;
    text-align: center;
    font-weight: 400 !important;
}

#alertDetails .media-left {
    padding-right: 30px !important;
}

#alertDetails .padding_15_box {
    padding: 30px 30px 10px 30px;
}

.united_gauranty {
    font-size: 24px;
    margin-bottom: 10px;
}

#alertDetails .new_box_portfolio {
    margin-bottom: 200px !important;
    border-radius: 0 !important;
}

#alertDetails .vertcical-align {
    margin-top: 31px;
}

#alertDetails .pager a {
    background: #fff;
    color: #999;
    border-radius: 25px;
    padding: 9px 25px 9px 15px;
}

#editList .modal-body {
    background: #f4f4f4 !important;
}

#editList .heading {
    font-size: 20px;
    margin-top: 20px;
    text-align: left !important;
}

#editList .btn-main {
    text-align: center;
    margin-left: 90px;
    /* background-image: -webkit-linear-gradient(top, #CC1007, #fefefe, #333333);
  background-image: -moz-linear-gradient(top, #CC1007, #fefefe, #333333);
  background-image: -ms-linear-gradient(top, #CC1007, #fefefe, #333333);
  background-image: -o-linear-gradient(top, #CC1007, #fefefe, #333333);
  background-image: linear-gradient(top, #CC1007, #fefefe, #333333);
  color: #fff;
*/
}

#editList .close-position {
    position: relative !important;
    top: -50px;
    font-size: 30px !important;
    right: -34px !important;
    color: #fff;
    opacity: 1 !important;
    outline: none;
}

#editList .companies-list {
    list-style: none;
    padding-left: 0 !important;
    height: 240px;
    margin-top: 10px !important;
    overflow: auto;
    overflow-x: hidden;
}

#editList .companies-list h3 {
    font-size: 13px !important;
    display: inline;
    font-weight: 400;
    margin-left: 25px !important;
}

#editList .modal-body {
    padding: 10px 30px;
}

.style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #ccc;
}

#editList li {
    background: #fff;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 1px;
}

#editList P {
    margin-top: 5px;
}

.dot-position {
    position: relative;
    left: -25px;
}

.checkbox {
    position: relative;
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    border: 1px solid #ddd;
}

.checkbox:after {
    position: absolute;
    background: #fff;
    transition: all 0.3s ease-in 0s;
    border: #888 1px solid;
    border-radius: 3px;
}

#checklists {
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
}

.red-tooltip+.tooltip>.tooltip-inner {
    width: 200px;
    height: 70px;
    text-align: left !important;
    padding: 20px;
    position: absolute;
    left: -90px;
    font-size: 12px;
}

.marks {
    font-size: 2.2em;
    text-align: center !important;
}

.marks {
    display: inline-block;
    position: relative;
    width: 100%;
    font-weight: 700;
    font-size: 15px;
    border-bottom: 4px solid #ccc;
}

.marks:after {
    display: block;
    content: "OR";
    position: absolute;
    width: 60px;
    height: 20px;
    background: #f4f4f4 !important;
    left: 38%;
    margin-left: -5px;
    margin-top: -5px;
}

.marks._or:after {
    content: "OR";
}

.marks._and:after {
    content: "AND";
}

.popup {
    display: none;
    position: absolute;
    margin-bottom: 50px;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    box-shadow: 0px 0px 10px 0px #888888;
}

#settings {
    cursor: pointer !important;
}

.popup-modal {
    padding: 20px;
    /* margin-left: 60px; */
    background: #fff;
    position: relative;
    border: solid 1px #dbdbdb;
}

.close {
    outline: none !important;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    background: #fff !important;
}

#addToList {
    cursor: pointer !important;
}

.category {
    display: none;
    position: absolute;
    background: #fff;
    padding: 10px 20px;
    margin-top: 10px;
    left: 160px;
    /* box-shadow: 0 0 11px -4px rgba(0, 0, 0, 0.58); */
    z-index: 2;
}

.category .btn-main {
    display: inline-block !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#48a6f4), to(#7ecc52)) !important;
    color: #fff !important;
    border-radius: 20px;
    margin-left: 15px !important;
    border: none !important;
}

span a {
    outline: none !important;
}

.btn-info {
    border: none !important;
}


/* .navbar-default {

} */

#password-page {
    background: #f2f2f2;
    height: 100%;
}

#password-page input::-webkit-input-placeholder {
    font-size: 20px;
    line-height: 3;
}

.show-password-button {
    position: absolute;
    top: 10px;
    right: 30px;
}

.form-control-password {
    display: block;
    width: 100%;
    height: 55px;
    padding: 16px 12px;
    font-size: 20px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: none !important;
    outline: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.document {
    max-width: 980px;
    margin: 0 auto;
    padding: 25px 10px;
}

.view-doc-item {
    display: inline-block;
    border: 1px solid #999999;
    border-radius: 5px;
    margin-left: 2px;
    padding: 3px;
}

.view-doc-item .thumbnail {
    padding: 0 33%;
}

.view-doc-item .caption {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}

.view-doc-item:hover .caption {
    overflow: visible;
}

.view-event-field {
    overflow: hidden;
}

#password-page {
    background: #f2f2f2;
    height: 100%;
    width: 100%;
    position: absolute;
}

#password-page input::-webkit-input-placeholder {
    font-size: 20px;
    line-height: 3;
}

.portfolio-heading {
    width: 350px !important;
    word-wrap: break-word !important;
    height: auto !important;
}

#company .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: white;
    background: -moz-linear-gradient(top, white 0%, #f1f1f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f1f1f2));
    background: -webkit-linear-gradient(top, white 0%, #f1f1f2 100%);
    background: -o-linear-gradient(top, white 0%, #f1f1f2 100%);
    background: -ms-linear-gradient(top, white 0%, #f1f1f2 100%);
    background: linear-gradient(to bottom, white 0%, #f1f1f2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f2', GradientType=0);
    border-radius: 0 !important;
    box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.4);
    height: 20px !important;
    width: 30px !important;
    cursor: pointer;
}

@media screen and (min-device-width: 991px) and (max-device-width: 1200px) {
    .margin_left_200 {
        margin-left: 400px !important;
    }
}


/*@media screen and (min-device-width:1501px) and (max-device-width: 2500px) {
    .contant{
	width:80%!important;

}
}*/


/*!
date picker css start
 */

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3000;
}

.daterangepicker.opensleft .ranges,
.daterangepicker.opensleft .calendar {
    float: left;
    margin: 4px;
}

.ranges {
    float: right !important;
}

.daterangepicker.opensright .ranges,
.daterangepicker.opensright .calendar {
    float: right;
    margin: 4px;
}

.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
    float: none;
}

.daterangepicker .ranges {
    width: 160 px;
    text-align: left;
}

.daterangepicker .ranges .range_inputs>div {
    float: left;
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
    padding-left: 11px;
}

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar.single .calendar-date {
    /* border: none; */
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    white-space: nowrap;
    text-align: center;
    min-width: 32px;
}

.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    text-shadow: #fff 1px 1px 0;
    text-transform: uppercase;
    width: 74px;
}

.daterangepicker .ranges input {
    font-size: 11px;
}

.daterangepicker .ranges .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 10px 0;
    padding: 0 6px;
    width: 74px;
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.daterangepicker .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #08c;
    border: 1px solid #08c;
    color: #fff;
}

.daterangepicker .calendar-date {
    border: 1px solid #ddd;
    padding: 4px;
    border-radius: 4px;
    background: #fff;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 8px auto 0 auto;
    line-height: 30px;
}

.daterangepicker {
    position: absolute;
    background: #fff;
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.daterangepicker table {
    width: 100%;
    margin: 0;
}

.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
}

.daterangepicker td.off {
    color: #999;
}

.daterangepicker td.disabled {
    color: #999;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: #eee;
}

.daterangepicker td.in-range {
    background: #ebf4f8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.daterangepicker td.start-date {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: #3071a9;
    color: #fff;
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.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.ampmselect {
    width: 50px;
    margin-bottom: 0;
}

.daterangepicker_start_input {
    float: left;
}

.daterangepicker_end_input {
    float: left;
    padding-left: 11px;
}

.daterangepicker th.month {
    width: auto;
}

.daterangepicker {
    width: 500px !important;
}


/*!
date picker css end
 */

.date-postion-company {
    position: relative;
    top: 0;
    left: 103px;
}

.sidebar-portfolio-position {
    top: 115px !important;
    z-index: 1;
    border: none !important;
    left: 120px;
    border-radius: 2px;
    position: absolute;
    text-align: left !important;
    width: inherit !important;
}

.sidebar-portfolio-position li {
    margin-bottom: 5px !important;
}

.sidebar-portfolio-position li a {
    font-size: 15px !important;
}

.sidebar-portfolio-position li a:before {
    content: "";
    width: 10px;
    float: left;
    background-color: red;
    height: 10px;
    margin-top: 4px;
    margin-right: 8px;
    display: inline;
    border-radius: 50%;
}

.sidebar-portfolio-position li.active {
    background: rgba(142, 230, 87, 0.1);
}

.sidebar-portfolio-position {
    display: none;
    z-index: 1;
    width: 100%;
}

.padding-10px {
    padding: 20px;
}

.btn-add-portfolio {
    background: transparent !important;
    text-align: center;
    width: 100%;
    color: #999;
    padding: 6px 20px;
    font-size: 14px;
    margin-top: 5px;
    border-style: dashed !important;
}

.postion-portfolio-arrow {
    position: inherit;
    margin-top: -55px !important;
    margin-left: 74px;
    cursor: pointer;
    color: #999 !important;
}

.header-settings-position {
    display: none;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125) !important;
    z-index: 1;
    top: 75px;
    left: 575px;
    padding: 10px 20px;
    border: none !important;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    text-align: left !important;
    width: inherit !important;
}

.header-settings-position .container {
    width: 150px !important;
}

.header-settings-position label {
    font-size: 11px !important;
    margin-bottom: 0;
}

.postion-setting-icon {
    position: relative;
    top: -31px;
    right: 10px;
}

#settings-postion {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 6px;
}

.close-header-settings-position {
    font-size: 11px !important;
    text-align: right;
    cursor: pointer;
    margin-right: -20px;
    margin-bottom: 10px;
}

.header-settings-position .demo {
    float: right;
}

.switch-wrapper {
    display: inline-block;
    position: relative;
    top: 3px;
}

.width-50per {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.demo::before {
    content: "" !important;
}

.switch-button-label {
    float: left;
    font-size: 8pt !important;
    cursor: pointer;
}

.ui-widget {
    font-size: 0.8em;
}

.ui-datepicker-trigger {
    margin: auto 4px auto 4px;
}

.fa-sort-alpha-desc-hide {
    display: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: none !important;
    background: #fff !important;
    font-weight: normal !important;
    color: #000 !important;
}

.position-arrows {
    position: absolute;
    left: -1px;
    top: 3px;
}

#menu-toggle:hover {
    color: #7ecc52 !important;
}

span.grippy {
    content: '....';
    width: 10px;
    height: 20px;
    display: inline-block;
    cursor: move;
    line-height: 5px;
    padding: 3px 4px;
    cursor: move;
    vertical-align: middle;
    margin-top: -.7em !important;
    margin-right: .3em;
    font-size: 12px;
    font-family: sans-serif;
    letter-spacing: 2px;
    color: #cccccc;
    text-shadow: 1px 0 1px black;
}

span.grippy::after {
    content: '.. .. .. ..';
}

.drag_and_drop {
    padding: 10px;
    background: #fff;
}


/*manage company modal css start*/

.user_list_toggles {
    display: none;
}

.scroll_div ul {
    border-radius: 6px;
    background: white;
    margin-top: 5px;
    font-size: 13px;
    padding-left: 0;
    -webkit-box-shadow: 0 0 5px 0 rgba(158, 156, 158, 0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(158, 156, 158, 0.3);
    box-shadow: 0 0 5px 0 rgba(158, 156, 158, 0.3);
}

.user_list_toggles .pager {
    text-align: right;
    margin-top: 20px !important;
    margin-bottom: 1px;
}

#manageCompany #Users .pager {
    text-align: right;
    margin-top: 20px !important;
    margin-bottom: 1px;
}

.scroll_div ul li {
    list-style: none;
    border-bottom: solid 1px #dbdbdb;
    padding: 6px 10px;
}

.scroll_div {
    height: 200px;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 10px;
}

.scroll_div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(102, 102, 102, .3);
    border-radius: 6px;
    background-color: #F5F5F5;
}

.scroll_div::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.scroll_div::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(102, 102, 102, .3);
    background-color: #ccc;
}

#Roles table {
    margin-bottom: 0;
}

.user_list_toggles {
    background: #f9f9f9;
    padding: 20px;
    border-bottom: solid 1px #ccc;
}

.new-bacground-box {
    background: #d4d4d4;
    padding: 3px 4px;
    font-size: 12px;
    border-radius: 4px;
}

#chevron-down-dropdown {
    cursor: pointer !important;
}

#chevron-down-dropdown .dropdown-menu {
    min-width: 130px !important;
    left: -125px !important;
    border: none !important;
    /* box-shadow: 0 0 11px -4px rgba(0, 0, 0, 0.58); */
}

#portfolio-postion-dropdown {
    cursor: pointer !important;
}

#portfolio-postion-dropdown .dropdown-menu {
    min-width: 130px !important;
    left: -22px !important;
}

.form-control-searchbar {
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px 40px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control-searchbar-position {
    position: absolute;
    top: 13px;
    left: 30px;
}

#manageCompany .nav-tabs>li>a {
    font-size: 16px !important;
    padding: 10px 40px;
}

#manageCompany .table>thead>tr>th {
    color: #333;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 14px;
    padding-bottom: 15px;
}

#manageCompany .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: 9px 8px;
}

#manageCompany .tab-pane {
    padding: 3px 0;
}

#position-search-pager {
    position: absolute;
    width: 100%;
    top: 85px;
}

#manageCompany .pager {
    margin-top: 5px;
}

#manageCompany .pager li a {
    outline: none;
}

#manageCompany .table>tbody>tr>td {
    color: #999;
    font-size: 13px;
}

#adduser .modal-dialog {
    margin-top: 70px;
}

#manageCompany .modal-body {
    position: relative;
    padding: 15px 50px;
}

#manageCompany .close-position {
    position: relative !important;
    top: -50px;
    font-size: 30px !important;
    right: -34px !important;
    color: #fff;
    opacity: 1 !important;
    outline: none;
}

.man-Comp-pag .pagination>li>a {
    border-radius: 0 !important;
    margin: 0 !important;
}

.man-Comp-pag .pagination>li a.active {
    background: #ccc !important;
    border-color: #ccc;
    color: #fff;
}

.man-Comp-pag {
    margin-top: 35px;
}

#adduser P {
    font-size: 20px;
}

.margin-top_28 {
    margin-top: 28px !important;
}


/*manage company modal css end*/


/*reseller page css start*/

#resellerEdit .background_fff {
    background: #fff !important;
    padding: 0 15px;
}

.margin-top_bottom_200 {
    margin-top: 87px !important;
    margin-bottom: 200px !important;
}

#reseller label {
    font-size: 16px !important;
}

#reseller h2 {
    font-size: 36px;
    font-weight: 400;
}

#reseller form .col-md-7 {
    margin-left: -145px !important;
}

#reseller .pager {
    margin: 40px -145px 0 0 !important;
}

.margin_bottom_5 {
    margin-bottom: 5px !important;
}

#reseller .pager a {
    padding: 5px 24px 5px 11px !important;
    font-size: 14px;
}

#resellerEdit .col-md-8 {
    margin-left: -95px;
}

#resellerEdit label {
    font-size: 14px !important;
}

#resellerEdit p {
    font-size: 14px !important;
}

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

#resellerEdit .modal-md .btn-main {
    margin-left: -15px !important;
}


/*reseller page css end*/

.fa-pencil,
.fa-trash {
    cursor: pointer;
}


/*groups page css start*/

#group-page .main-panel {
    padding-top: 75px;
}

#group-page h3 {
    margin-top: 7px;
    font-size: 31px;
    font-weight: 500;
}

.marks1 {
    display: inline-block;
    position: relative;
    width: 100%;
    font-weight: 700;
    text-align: center !important;
    font-size: 13px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.marks1:after {
    display: block;
    content: attr(data-content);
    height: 20px;
    color: #666;
    background: #f4f4f4 !important;
    left: 38%;
    margin-left: -5px;
    margin-top: -5px;
}

.align-group {
    width: 200px;
    font-size: 19px;
}

.default_groups {
    right: 0 !important;
    position: absolute;
    width: 10px;
    margin-top: -28px;
}

#group-page .new_box_portfolio .dropdown-menu {
    margin-right: 0 !important;
    width: 10px !important;
    display: block;
    /* border: none; */
    border-radius: 20px;
    /* box-shadow: 0 0 11px -4px rgba(0, 0, 0, 0.58); */
}

#group-page .new_box_portfolio ul.star_img li {
    display: block;
}

#group-page .new_box_portfolio ul li a {
    font-size: 14px !important;
}

#group-page .new_box_portfolio .dropdown-menu>li>a {
    padding: 2px 11px !important;
}

#group-page .dropdown-menu>li:first-child>a {
    margin-top: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#group-page .dropdown-menu {
    border-radius: 10px !important;
    margin-top: -10px;
}

/* #group-page .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
} */

.seach-icon_pace {
    position: absolute !important;
    top: 10px;
    left: 28px;
}

#group-page input::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 100;
}

.line_height_2 {
    line-height: 2 !important;
}

.line_height_25 {
    line-height: 2.5 !important;
}

.group-height {
    overflow: auto;
    height: 178px;
    overflow-x: hidden;
    margin-bottom: 5px;
}

#style-5::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    background-color: #F5F5F5;
}

#style-5::-webkit-scrollbar {
    width: 6px;
    background-color: #ccc;
}

#style-5::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #ccc;
}


/*.btn-circle {
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 3px 0px;
    font-size: 10px;
 	border:none!important;
    border-radius: 20px!important;
    background: #4da8f1;
}
*/

.star_img {
    padding-left: 0 !important;
    margin-left: -10px;
}

.star_img li {
    margin-left: 0 !important;
    color: #3482F6;
}

.star_img li a {
    padding-left: 10px !important;
    color: #3482F6 !important;
    line-height: 2;
    font-size: 8px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

#group-page .star_img .star-select:before {
    content: "\f005";
    /* FontAwesome Unicode */
    font-family: FontAwesome sans-serif;
    width: 20px !important;
    height: 20px !important;
    color: #fff;
    margin-left: 10px;
    text-align: center;
    padding: 3px 5px 4px 5px;
    font-size: 10px;
    line-height: 1;
    border: none !important;
    border-radius: 50%;
    background: #4da8f1;
    vertical-align: middle;
}


/*groups page css end*/

#addGroup .close-position {
    position: relative !important;
    top: -50px;
    font-size: 30px !important;
    right: -34px !important;
    color: #fff;
    opacity: 1 !important;
    outline: none;
}

.group-add {
    margin-top: 38px !important;
}

#addGroup .modal-md .btn-main {
    margin-left: 0 !important;
}

#addGroup .form-horizontal label {
    padding-top: 10px !important;
}

.search-bar-new {
    border: solid 1px #dbdbdb;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    padding: 8px 12px !important;
    position: relative;
    vertical-align: middle;
}

#addGroup .form-horizontal .form-group {
    margin-right: 0;
    margin-left: -15px;
}


/* An overlay of a different gradient that fades in on hover for a nice effect */

.te-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* If you don't want a gradient, just make both colors the same */
    background: linear-gradient(180deg, rgba(0, 90, 168, 1) 0%, rgba(50, 128, 6, 1) 100%);
    opacity: 0;
    transition: opacity 0.4s;
}

.te-icon:hover::before {
    opacity: 1;
}

.te-active {
    font-weight: 800;
}

.te-active a {
    font-weight: inherit;
}

.te-icon {
    display: inline-block;
    /* If you don't want a gradient, just make both colors the same */
    background: linear-gradient(180deg, rgba(72, 166, 244, 1) 0%, rgba(126, 204, 82, 1) 100%);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.sidebar-wrapper {
    background-color: white;
}


/* Icons are individually sized to keep their scaling somewhat accurate. */

.icon-dashboard {
    width: 50px;
    height: 30px;
    -webkit-mask-image: url(/images/sidebar_icons/Dashboards.svg);
    mask-image: url(/images/sidebar_icons/Dashboards.svg);
}

.icon-files {
    width: 42px;
    height: 52px;
    -webkit-mask-image: url(/images/sidebar_icons/Files.svg);
    mask-image: url(/images/sidebar_icons/Files.svg);
}

.icon-reports {
    width: 46px;
    height: 43px;
    -webkit-mask-image: url(/images/sidebar_icons/Reports.svg);
    mask-image: url(/images/sidebar_icons/Reports.svg);
}

.icon-groups {
    width: 47px;
    height: 37px;
    -webkit-mask-image: url(/images/sidebar_icons/Groups.svg);
    mask-image: url(/images/sidebar_icons/Groups.svg);
}

.icon-partner {
    width: 42px;
    height: 41px;
    -webkit-mask-image: url(/images/sidebar_icons/Partner.svg);
    mask-image: url(/images/sidebar_icons/Partner.svg);
}

.icon-admin {
    width: 40px;
    height: 41px;
    -webkit-mask-image: url(/images/sidebar_icons/Admin.svg);
    mask-image: url(/images/sidebar_icons/Admin.svg);
}

.dropdown .fa-angle-down:hover {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #666;
    color: #fefefe !important;
}

.modal-heading .alert .error-message {
    font-size: 15px;
}

.alignment-label {
    margin-left: 30px !important;
    margin-top: 20px;
}

#menu11 .table>thead>tr>th {
    border-bottom-width: 1px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-transform: capitalize;
}

#menu11 .table>tbody>tr>td {
    color: #999 !important;
}

#menu11 .padding-left-right {
    padding-left: 4px !important;
    padding-right: 4px !important;
}


/* The switch - the box around the slider */

.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    margin-top: 10px;
    height: 22px;
}


/* Hide default HTML checkbox */

.switch input {
    display: none;
}


/* The slider */

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    bottom: 2px;
    left: 2px;
    background-color: white;
    -webkit-transition: .4s;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background: -webkit-gradient(linear, left top, left bottom, from(#48a6f4), to(#7ecc52)) !important;
}

input:focus+.slider {
    box-shadow: 0 0 1px #7ecc52;
}

input:checked+.slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 100px;
}

.slider.round:before {
    border-radius: 50%;
}

#home11 label {
    margin-top: 12px;
}

.margin-top-bot-20px {
    margin-top: 15px;
    margin-bottom: 15px;
}

#reseller .nav-tabs>li.active>a {
    color: #555;
    cursor: default;
    background-color: #f5f5f5 !important;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

#CreateUser .form-horizontal .control-label {
    text-align: left !important;
}

#CreateUser .margin_top_16px {
    margin-top: 20px;
    margin-bottom: 10px;
}

#CreateUser .btn-main {
    margin-left: 0 !important;
}

#CuratorClaim P {
    font-size: 20px !important;
}


/*headar search bar button */

.private_button {
    padding: 6px 6px !important;
    background: #000;
    color: #fff;
}

.exchange_search_button {
    background: -webkit-gradient(linear, left top, left bottom, from(#48a6f4), to(#7ecc52)) !important;
    padding: 6px 2px !important;
    color: #fff;
    display: none;
}

.exchange_search_button:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#48a6f4), to(#7ecc52)) !important;
    color: #fff;
}

.private_button:hover {
    background: #333 !important;
    color: #fff !important;
}

.btn-width {
    width: 170px !important;
}


/*headar search bar button */

.position-button-private {
    display: inline;
    position: absolute;
    left: 325px;
    top: 9px;
}

#margin-left_27px {
    margin-left: 20px !important;
}

@media screen and (min-width: 960px) and (max-width: 1200px) {
    .position-button-private {
        display: inline;
        position: absolute;
        left: 105px !important;
        top: 9px;
    }
    .container {
        width: inherit !important;
    }
    body {
        min-width: 1600px;
        /* suppose you want minimun width of 1000px */
        width: auto !important;
        /* Firefox will set width as auto */
        width: 1600px !important;
        /* As IE ignores !important it will set width as 1000px; */
    }
    .margin-left_27px {
        margin-left: -7px !important;
    }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
    .navbar-nav .open .dropdown-menu {
        position: absolute !important;
        background: #fff !important;
    }
    .navbar-nav>li.open>.dropdown-menu,
    .dropdown.open .dropdown-menu,
    .dropup.open .dropdown-menu,
    .bootstrap-table .open .dropdown-menu {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        visibility: visible !important;
        transition: all 150ms linear !important;
        margin-top: 0 !important;
    }
    .new_box_portfolio .dropdown-menu {
        margin-right: -50px;
        width: 10px !important;
        /* border: none; */
        border-radius: 20px !important;
        /* box-shadow: 0 0 11px -4px rgba(0, 0, 0, 0.58) !important; */
    }
    /*header css*/
    #main-header-final .navbar-collapse.collapse {
        display: block !important;
    }
    .position-button-private {
        display: inline;
        position: inherit !important;
    }
    #main-header-final .navbar-nav>li,
    .navbar-nav {
        float: left !important;
    }
    #main-header-final .navbar-nav.navbar-right:last-child {
        margin-right: -15px !important;
    }
    #main-header-final .dropdown-menu .divider {
        background-color: #dbdbdb !important;
    }
    #main-header-final [class*="navbar-"] .navbar-nav>li>a,
    [class*="navbar-"] .navbar-nav>li>a:hover,
    [class*="navbar-"] .navbar-nav>li>a:focus,
    [class*="navbar-"] .navbar-nav .open .dropdown-menu>li>a,
    [class*="navbar-"] .navbar-nav .open .dropdown-menu>li>a:hover,
    [class*="navbar-"] .navbar-nav .open .dropdown-menu>li>a:focus {
        opacity: .7;
        color: #9A9A9A;
    }
    #main-header-final .navbar-right {
        float: right !important;
    }
    /*header css end*/
    .container {
        width: inherit !important;
    }
    body {
        min-width: 1600px;
        /* suppose you want minimun width of 1000px */
        width: auto !important;
        /* Firefox will set width as auto */
        width: 1600px !important;
        /* As IE ignores !important it will set width as 1000px; */
        font-size: 16px !important;
    }
    .margin-left_27px {
        margin-left: -7px !important;
    }
}


/* tutorial css */

.video_div {
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    margin-right: auto;
    margin-left: auto;
    border: 2px solid #333;
}

.video_div iframe {
    position: absolute;
    height: 100%;
    width: 100%;
}