/* Margins & Paddings */
.m-auto { margin: 0 auto !important; }
.m-0 { margin: 0px !important; }
.m-1 { margin: 1px !important; }
.m-2 { margin: 2px !important; }
.m-3 { margin: 3px !important; }
.m-4 { margin: 4px !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 25px !important; }
.m-30 { margin: 30px !important; }
.m-35 { margin: 35px !important; }
.m-40 { margin: 40px !important; }

.m-t-0 { margin-top: 0px !important; }
.m-t-1 { margin-top: 1px !important; }
.m-t-2 { margin-top: 2px !important; }
.m-t-3 { margin-top: 3px !important; }
.m-t-4 { margin-top: 4px !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-25 { margin-top: 25px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-35 { margin-top: 35px !important; }
.m-t-40 { margin-top: 40px !important; }

.m-r-0 { margin-right: 0px !important; }
.m-r-1 { margin-right: 1px !important; }
.m-r-2 { margin-right: 2px !important; }
.m-r-3 { margin-right: 3px !important; }
.m-r-4 { margin-right: 4px !important; }
.m-r-5 { margin-right: 5px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-20 { margin-right: 20px !important; }
.m-r-25 { margin-right: 25px !important; }
.m-r-30 { margin-right: 30px !important; }
.m-r-35 { margin-right: 35px !important; }
.m-r-40 { margin-right: 40px !important; }

.m-b-0 { margin-bottom: 0px !important; }
.m-b-1 { margin-bottom: 1px !important; }
.m-b-2 { margin-bottom: 2px !important; }
.m-b-3 { margin-bottom: 3px !important; }
.m-b-4 { margin-bottom: 4px !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-b-35 { margin-bottom: 35px !important; }
.m-b-40 { margin-bottom: 40px !important; }

.m-l-0 { margin-left: 0px !important; }
.m-l-1 { margin-left: 1px !important; }
.m-l-2 { margin-left: 2px !important; }
.m-l-3 { margin-left: 3px !important; }
.m-l-4 { margin-left: 4px !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-25 { margin-left: 25px !important; }
.m-l-30 { margin-left: 30px !important; }
.m-l-35 { margin-left: 35px !important; }
.m-l-40 { margin-left: 40px !important; }

.p-0 { padding: 0px !important; }
.p-1 { padding: 1px !important; }
.p-2 { padding: 2px !important; }
.p-3 { padding: 3px !important; }
.p-4 { padding: 4px !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15, .wrapper { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-25 { padding: 25px !important; }
.p-30 { padding: 30px !important; }
.p-35 { padding: 35px !important; }
.p-40 { padding: 40px !important; }

.p-t-0 { padding-top: 0px !important; }
.p-t-1 { padding-top: 1px !important; }
.p-t-2 { padding-top: 2px !important; }
.p-t-3 { padding-top: 3px !important; }
.p-t-4 { padding-top: 4px !important; }
.p-t-5 { padding-top: 5px !important; }
.p-t-8 { padding-top: 8px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-t-25 { padding-top: 25px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-t-35 { padding-top: 35px !important; }
.p-t-40 { padding-top: 40px !important; }

.p-r-0 { padding-right: 0px !important; }
.p-r-1 { padding-right: 1px !important; }
.p-r-2 { padding-right: 2px !important; }
.p-r-3 { padding-right: 3px !important; }
.p-r-4 { padding-right: 4px !important; }
.p-r-5 { padding-right: 5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-r-20 { padding-right: 20px !important; }
.p-r-25 { padding-right: 25px !important; }
.p-r-30 { padding-right: 30px !important; }
.p-r-35 { padding-right: 35px !important; }
.p-r-40 { padding-right: 40px !important; }

.p-b-0 { padding-bottom: 0px !important; }
.p-b-1 { padding-bottom: 1px !important; }
.p-b-2 { padding-bottom: 2px !important; }
.p-b-3 { padding-bottom: 3px !important; }
.p-b-4 { padding-bottom: 4px !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-8 { padding-bottom: 8px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-b-25 { padding-bottom: 25px !important; }
.p-b-30 { padding-bottom: 30px !important; }
.p-b-35 { padding-bottom: 35px !important; }
.p-b-40 { padding-bottom: 40px !important; }

.p-l-0 { padding-left: 0px !important; }
.p-l-1 { padding-left: 1px !important; }
.p-l-2 { padding-left: 2px !important; }
.p-l-3 { padding-left: 3px !important; }
.p-l-4 { padding-left: 4px !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-l-25 { padding-left: 25px !important; }
.p-l-30 { padding-left: 30px !important; }
.p-l-35 { padding-left: 35px !important; }
.p-l-40 { padding-left: 40px !important; }

/* Font Sizes */
.f-s-8 { font-size: 8px !important; }
.f-s-9 { font-size: 9px !important; }
.f-s-10 { font-size: 10px !important; }
.f-s-11 { font-size: 11px !important; }
.f-s-12 { font-size: 12px !important; }
.f-s-13 { font-size: 13px !important; }
.f-s-14 { font-size: 14px !important; }
.f-s-15 { font-size: 15px !important; }
.f-s-16 { font-size: 16px !important; }
.f-s-17 { font-size: 17px !important; }
.f-s-18 { font-size: 18px !important; }
.f-s-19 { font-size: 19px !important; }
.f-s-20 { font-size: 20px !important; }
.f-s-24 { font-size: 24px !important; }
.f-s-30 { font-size: 30px !important; }
.f-s-35 { font-size: 35px !important; }


/* Borders */
.b-0 { border: 0 !important; }
.b-t-0 { border-top: 0 !important; }
.b-l-0 { border-left: 0 !important; }
.b-r-0 { border-right: 0 !important; }
.b-b-0 { border-bottom: 0 !important; }
.l-h-33{
    line-height: 33px;
}
/* Text Alignment */
@media (max-width: 768px) {
    .text-xs-left { text-align: left; }
    .text-xs-right { text-align: right; }
    .text-xs-center { text-align: center; }
    .text-xs-justify { text-align: justify; }
}

@media (min-width: 767px) and (max-width: 991px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px)  and (max-width: 1199px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}
/* Text Alignment */



/* Background Colors */
.bg-blue-gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e74f3+0,595ee9+40,7f4be1+100 */
    background: rgb(46,116,243); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(46,116,243,1) 0%, rgba(89,94,233,1) 40%, rgba(127,75,225,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(46,116,243,1) 0%,rgba(89,94,233,1) 40%,rgba(127,75,225,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(46,116,243,1) 0%,rgba(89,94,233,1) 40%,rgba(127,75,225,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e74f3', endColorstr='#7f4be1',GradientType=1 ); /* IE6-9 */
    color:#ffffff;
    border: 0;
}
.bg-blue-gradient1{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b86ed+0,3eabe3+47,32ced9+100 */
    background: rgb(75,134,237); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(75,134,237,1) 0%, rgba(62,171,227,1) 47%, rgba(50,206,217,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(75,134,237,1) 0%,rgba(62,171,227,1) 47%,rgba(50,206,217,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(75,134,237,1) 0%,rgba(62,171,227,1) 47%,rgba(50,206,217,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b86ed', endColorstr='#32ced9',GradientType=1 ); /* IE6-9 */
    color:#ffffff;
}
.bg-yelow-gradient{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f28121+0,e3ad22+40,dbc522+100 */
    background: rgb(242,129,33); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(242,129,33,1) 0%, rgba(227,173,34,1) 40%, rgba(219,197,34,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(242,129,33,1) 0%,rgba(227,173,34,1) 40%,rgba(219,197,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(242,129,33,1) 0%,rgba(227,173,34,1) 40%,rgba(219,197,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28121', endColorstr='#dbc522',GradientType=1 ); /* IE6-9 */
    color:#ffffff;
}
.bg-green-gradient{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#127e43+0,1ea782+40,29cdbf+100 */
    background: rgb(18,126,67); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(18,126,67,1) 0%, rgba(30,167,130,1) 40%, rgba(41,205,191,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(18,126,67,1) 0%,rgba(30,167,130,1) 40%,rgba(41,205,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(18,126,67,1) 0%,rgba(30,167,130,1) 40%,rgba(41,205,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#127e43', endColorstr='#29cdbf',GradientType=1 ); /* IE6-9 */
    color:#ffffff;
}
.bg-red-gradient{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bf0000+0,ea853c+100 */
    background: rgb(191,0,0); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(191,0,0,1) 0%, rgba(234,133,60,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(191,0,0,1) 0%,rgba(234,133,60,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(191,0,0,1) 0%,rgba(234,133,60,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0000', endColorstr='#ea853c',GradientType=1 ); /* IE6-9 */
    color:#ffffff;
}

/* Text Colors */
.text-red { color: #C21111; }


.inline-block {
    display: inline-block;
}
.overflow-ellipsis {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Bootstrap Overwrite */
.alert {
    padding-right: 34px;
}
.alert button.close {
    position: absolute;
    right: 10px;
    top: 4px;
}

/* SweetALert */
.swal-text {
    text-align: center !important;
}

/* Custom Icons */
.navigation li a > i.icon-delivery-van {
    background: url(../images/icons/delivery-van.svg) no-repeat 0 0;
    height: 18px;
    width: 18px;
    background-size: 18px;
    opacity: 0.8;
    margin-right: 13px;
}
.navigation li:hover a > i.icon-delivery-van {
    opacity: 1;
}
.sidebar-xs .sidebar-main .navigation > li > a > i.icon-delivery-van {
    width: 100%;
    background-position: center;
}

/***** header *****/
.common-header-logo {
    display: inline-block;
    padding: 15px 0;
}
.common-header-logo img {
    height: 55px;
}
.common-login-logo img {
    height: 80px;
}
.common-footer-logo {
    display: inline-block;
}
.common-footer-logo img {
    height: 55px;
}
.header-search{
    float: left;
    padding-top: 5px; 
}
.header-search button.btn, #close-searchbar{
    display: none;
}
#show-searchbar{
    display: none;
}

/* Sidebar */ 
.sidebar .sidebar-user {
    text-align: center;
    padding: 20px;
}
.sidebar .sidebar-user .logo {
    /*background: #fff;*/
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: inline-block;
}
.sidebar .sidebar-user .logo img {
    width: 100%;
}
.sidebar .sidebar-user .logo-movers-mini {
    display: none;
}
.sidebar-xs .sidebar .sidebar-user .logo-movers {
    display: none;
}
.sidebar-xs .sidebar .sidebar-user .logo-movers-mini {
    display: block;
}
.sidebar-xs .sidebar .sidebar-user .logo-movers-mini img {
    width: 100%;
}
.sidebar-xs .sidebar .sidebar-user {
    width: auto;
    padding: 10px;
}
.sidebar-xs .sidebar .sidebar-user .logo {
    width: auto;
    height: auto;
}
/* .sidebar .sidebar-user .logo-movers {
    width: 200px;
    height: 50px;
    margin: 0 auto;
}*/
.sidebar .sidebar-user .logo-movers img.company-logo {
    width: 200px;
} 
/* Navigation */
.navigation-main .tooltip-inner {
    background: #eee;
    color:#000;
}
.navigation-main .tooltip.top .tooltip-arrow {
    border-top-color: #eee;
}


/* List Groups */
[class*="list-group bg-"] > a.list-group-item {
    color: rgba(255,255,255,0.7);
}
[class*="list-group bg-"] > a.list-group-item:hover {
    background: rgba(255,255,255,0.2);
    color: #fff;
}
[class*="list-group bg-"] > a.list-group-item.active {    
    background: rgba(255,255,255,0.2);
    color: #fff;
}
[class*="list-group bg-"] .list-group-header {
    color: #fff;
    text-transform: none;
    font-size: 16px;
    line-height: 22px;
    background: rgba(0, 0, 0, 0.2);
}

/* CUSTOM RADIO-CIRCLE */
.horizanntal-scroll-track{
    overflow-x: auto;
    white-space: nowrap;
}
.horizanntal-scroll-track ul.custom-radio-step li{
    float: none;
    display: inline-block;
}
ul.custom-radio-step{
    padding: 0;
    margin: 0;
    position: relative;
    margin-bottom: 0px;
}
/*ul.custom-radio-step::after{
    content: '';
    background:rgba(255,255,255,0.2);
    position: absolute;
    left: 0;
    top:12px;
    width: 100%;
    height: 2px;
    z-index: 1;
}*/
ul.custom-radio-step li{
    float: left;
    list-style-type: none;
    width: 20%;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    vertical-align: top;
    margin-left: -4px;
}
ul.custom-radio-step li:before {
    position: absolute;
    content: " ";
    display: block;
    width: 100%;
    height: 2px;
    background: rgba(255,255,255,0.2);
    top: 12px;
}
ul.custom-radio-step li.active:before {
    background: rgba(255,255,255,1);
}
.radio-circle{
    display: inline-block;
    position: relative;
    padding: 0;
}
.radio-circle input {
    display: none;
}
.radio-circle span{
    background: #429be8;
    border:2px solid #ffffff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    position: relative;
}
.radio-circle span:before {
    content: '';
    position: absolute;
    background: #ffffff;
    border: 3px solid #429be8;
    border-radius: 50%;
    width: 21px;
    height: 21px;
    display: inline-block;
    text-align: center;
    display: none;
}
.radio-circle > input:checked + span:before{
    display: block;
}
ul.custom-radio-step li.active .radio-circle > input + span:before{
    display: block;
}
ul.custom-radio-step li h4{
    font-size: 15px;
}
ul.custom-radio-step li p{
    margin: 0;
    color:#06487a;
    font-size: 13px;
}
.border-radius-3px{
    border-radius: 3px;
}
.table-cell{
    display: table-cell;
}
/* Content */
.content-container {
    min-height: calc(100vh - 128px);
}

/* header new design*/
.navbar-nav.tabrow {
    margin-top: 10px;
    margin-left: 10%
}
.navbar-nav.tabrow li a {
    padding: 8px 16px;
    display: inline-block;
    background: #fbfbfb;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: 5px;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    margin-top: 3px;
    /* color: #9c9c9c; */
    color:#5095d4;
}
.navbar-nav.tabrow li.header-btn-help a{
    background: rgb(12, 13, 13);
    background: -moz-linear-gradient(left, rgba(12, 13, 13, 1) 49%, rgba(6, 53, 101, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(12, 13, 13, 1) 49%, rgba(6, 53, 101, 1) 100%);
    background: linear-gradient(to right, rgba(12, 13, 13, 1) 49%, rgba(6, 53, 101, 1) 100%);
    color: #fff;
    font-weight: 500;
}
.navbar-nav.tabrow li.selected a {
    padding-bottom: 11px;
    margin-bottom: -1px;
    background: #f5f5f5;
    border-color: #ddd;
    margin-top: 3px;
    color: #064f8c;
    font-weight: bold;
}
.navbar-nav.tabrow li a:hover {
    margin-top: 0;
}
.navbar-nav.tabrow li:first-child a {
    color:#1868B2;
    font-weight: 600;
}
.navbar .form-control{
    border: 0;
    width: 290px;
}
.service-box .custom-checkbox-wrap {
    position: absolute;
    right: 4px;
    top: 15px;
}
/* Custom Checkbox & Radios */
/* Custom Checkbox */
.checkbox-inline.custom-checkbox {
    position: relative;
    cursor: pointer;
    padding-left: 30px;
    min-width: 22px;
    min-height: 22px;
}

.custom-checkbox input {
    display: none;
}

.custom-checkbox input + span {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;  
    border: 2px solid #b0b8c1;
    border-radius: 3px;
    box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.18);
}
.custom-checkbox.check-success input + span {
    border-color: #63c628;
}

.custom-checkbox input:checked + span {
    background: #b0b8c1;
    box-shadow:none;;
}
.custom-checkbox.check-success input:checked + span {
    background: #63c628;
    box-shadow:none;;
}

.custom-checkbox input + span:after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.custom-checkbox input:checked + span:after {
    display: block;
}

/* CSS Grids */
.panel-grid {
    display: grid;
    grid-column-gap: 30px;
}
.grid-col-3 {
    grid-template-columns: calc(33% - 15px) calc(33% - 15px) calc(33% - 15px);
}
@media only screen and (min-width: 1270px) and (max-width:1360px){
    .navbar .form-control {
        width: 220px;
    }
    .navbar-nav.tabrow li a {
        padding: 8px;
    }
}
@media only screen and (min-width: 1200px) and (max-width:1270px){
    .navbar .form-control {
        border: 0;
        width: 150px;
    }
}
@media only screen and (max-width: 1300px){
    #tab-military-approved .list-group-item .pull-left {
        width:90%;
        display: inline-block;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 1025px){
    #tab-military-approved .list-group-item .pull-left {
        width:88%;
        display: inline-block;
    }
}
@media only screen and (max-width: 980px){
    .grid-col-3 {
        grid-template-columns: calc(50% - 15px) calc(50% - 15px);
    }
}
@media only screen and (max-width: 768px){
    .navbar-default {
        margin-left: 0px;
    }
    .header-highlight .navbar-header:not([class*="bg-"]){
        display: block;
        background: #0a1034;
    }
    .navbar-default .navbar-brand{
        color:#ffffff;
        font-weight: bold;
        text-transform: uppercase;
    }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
        color: #f6f6f6;
        background-color: transparent;
    }
    .grid-col-3 {
        grid-template-columns: calc(100% - 15px);
    }
}

/* dashboard */
#radialProgressBar {
    padding: 10px;
    background: #fdb900;
    border-radius: 50%;
    height: auto !important;
}
#radialProgressBarTwo {
    padding: 10px;
    background: #ec407a;
    border-radius: 50%;
    height: auto !important;
}
.media-list.dashboard {
    padding: 0;
    margin: 0;
}
.inbox-list.dashboard {
    height: 270px;
    overflow: auto;
}
.media-list.dashboard .media {
    margin-top: 0;
} 
.media .link-msg-details {
    display: block;
    border-top: 1px solid #cccccc;
    padding: 12px 20px;
} 

.media .link-msg-details:hover{
    background: #f1f5fb;
}
.media-list.dashboard .media.unread .text-muted,.media-list.dashboard .media.unread .media-annotation {
    color:#666;
    font-weight: 600;
}
.inbox-list .media-annotation{
    font-size: 11px;
}
.nav-horizantal-scroll{
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .nav-tabs.nav-horizantal-scroll {
        margin-top: 0px;
        padding: 0;
    }
    .nav-tabs.nav-horizantal-scroll > li {
        float: none;
        display: table-cell;
    }
    .nav-tabs.nav-tabs-bottom.nav-horizantal-scroll > li.active > a, .nav-tabs.nav-tabs-bottom.nav-horizantal-scroll > li.active > a:hover, .nav-tabs.nav-tabs-bottom.nav-horizantal-scroll > li.active > a:focus {
        color: #C21111;
        background-color: transparent;
    }
    .nav-tabs.nav-horizantal-scroll > li.active > a:after, .nav-tabs.nav-horizantal-scroll > li.active > a:hover:after, .nav-tabs.nav-horizantal-scroll > li.active > a:focus:after {
        width: auto;
        right: 0;
        top: auto;
        height: 2px;
    }
    .nav-tabs.nav-horizantal-scroll:before {
        content: '';
        margin: 0;
    }
    .nav.nav-horizantal-scroll > li > a {
        padding: 15px;
    }
  }
.nav-tabs.nav-tabs-bottom > li.active > a,
.nav-tabs.nav-tabs-bottom > li.active > a:hover,
.nav-tabs.nav-tabs-bottom > li.active > a:focus {
    color: #C21111;
}
.nav-tabs.nav-tabs-bottom > li.active > a::after {
    background-color: #C21111;
}


.form-group-material > .control-label {
    color: #a7a7a7;
    margin-bottom: 0;
}

/* Login & Registration */
.login-page-register{
    background: url('../images/login-imn-bg.png') no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.register-page{
    height: 100%;
}
.login-register-box{
    width: 50%;
    margin-left: 50%;
    /*border: 6px solid #4562b3;*/
    min-height: 100vh;
    background: #ffffff;
    padding: 30px 7%;
    box-sizing: border-box;
}
.login-box-header  .btn-group {
    display: flex;
    width: 100%;
}
.login-box-header .btn-group > a {
    width: 50%;
}
.login-box-header .btn-group .border-slate{
    border:3px solid #dadfe6;
    color:#dadfe6 !important;
    font-weight: 600;
    padding:10px  50px;
    background: transparent;
    font-size:16px;
}
.login-box-header .btn-group .btn + .btn, .login-box-header .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .login-box-header .btn-group .btn-group + .btn-group{
    margin-left: -2px;
}
.login-box-header .btn-group .border-slate.active{
    border:3px solid #2b4aa1;
    color:#2b4aa1 !important;
    font-weight: 600;
    padding:10px  50px;
    background: #ffffff !important;
    box-shadow: none;
}
.login-box-body .form-group {
    margin-bottom: 20px;
}
.login-box-body .form-control{
    border:none;
    border-bottom: 1px solid #bfcbc5;
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
}
.form-group-material > .control-label.is-visible {
    text-transform: uppercase;
    top: 4px;
}
.login-box-body .btn-primary {
    padding: 8px 35px;
    background-color: #0b3f74;
    border-color: #0b3f74;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff !important;
}
.login-box-body .btn-primary:hover {
    color: #fff;
}
.login-box-body .btn-link{
    color:#0b3f74;
    padding: 10px 0px 10px;
    font-size: 14px;
}
.login-box-footer .link-btn{
    font-size: 14px;
    color:#3f4743;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
}
.login-box-body .module-list li{
    list-style-type: none;
    padding: 15px 0;
}
.login-box-body .module-list li .module-img-con{
    float: left;
    width: 61px;
    margin-right: 8px;
}
.login-box-body .module-list li .module-info{
    float: left;
} 
.login-box-body select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}
.login-box-header .btn-group a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.card-icon{
    position: absolute;
    bottom: 9px;
    right: 0;
}
.info-cvv{
    position: absolute;
    bottom: 9px;
    right: 0;
}
.card-icon img{
    width: 44px;
}
.card-no-inner .card-icon{
    position: absolute;
    bottom: 6px;
    right: 8px;
}
.card-no-inner  .card-icon img{
    width: 38px;
}
.card-no-inner .info-cvv{
    right: 8px;
}
.profile-image {
    position: relative;
}
@media (max-width: 1025px) { 
    .profile-image img {
        display: block;
        margin: auto
    }
}
@media (max-width: 992px) { 
    .login-register-box {
        padding: 30px;
    }
    .login-register-box img {
        width: 100%;
    }
    .login-box-header .btn-group {
        flex-direction: column;
    }
    .login-box-header .btn-group > a {
        width: 100%;
        margin-bottom: 20px;
    }
    .login-box-header .btn-group > a:last-child {
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 767px){
    .login-page-register {
        background-attachment: scroll;
        padding: 50px 0;
    }
    .login-register-box {
        margin: 0 auto;
        width: 90%;
    }
}
.profile-img-uplaod {
    position: absolute;
    bottom: 0;
    left:0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    display: inline-block;
    margin: 0;
    text-align: center;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 13px;
}
.profile-page .avtar {
    width: 135px;
    height: 135px;
    border-radius: 50%;
    margin: 0px auto;
    border: 5px solid #bababa;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.avtar .change-photo-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    color: #fff;
    margin: 0px;
    width: 100%;
    padding: 2px;
    font-weight: 300;
    cursor: pointer;
    display: none;
}

.avtar:hover .change-photo-overlay {
    display: block;
}
.d-none {
    display: none !important;
}



/* My Order Details Section */
.horizontal-scroll.file-manager {
    margin-right: -15px;
    overflow-x: auto;
    white-space: nowrap;
}
.horizontal-scroll.file-manager > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.horizontal-scroll.file-manager ul li {
    display: inline-block;
    width: 164px;
    float: none;
    vertical-align: top;
    padding-right: 15px;
    padding-bottom: 5px;
}

.show-inventory-items.horizontal-scroll.file-manager ul li{
    width: 310px;
}
/* File Manager */
.hori-scroll {
    overflow-x: auto;
    white-space: nowrap;
}
.file-manager > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.file-manager > ul > li {
    float: left;
    width: 20%;
    vertical-align: top;
    padding-right: 0px;
    padding-bottom: 15px;
}
.file-manager > ul > li .file-wrapper {
    border: 1px solid #eee;
    border-radius: 6px;
    position: relative;
}
.file-manager > ul > li .file-wrapper .file-icon {
    background: #f8f8f8;
    /*background: rgb(11,12,46);
    background: -moz-linear-gradient(45deg,  rgba(11,12,46,1) 0%, rgba(3,50,130,1) 98%);
    background: -webkit-linear-gradient(45deg,  rgba(11,12,46,1) 0%,rgba(3,50,130,1) 98%);
    background: linear-gradient(45deg,  rgba(11,12,46,1) 0%,rgba(3,50,130,1) 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0c2e', endColorstr='#033282',GradientType=1 );*/
    text-align: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    height: 100px;
    border-bottom: 1px solid #eee;
}
.file-manager > ul > li .file-wrapper:hover .file-icon {
    background-color: #3d4147;
    border-bottom-color: #3d4147;
}
.file-manager > ul > li .file-wrapper.filetype-image .file-icon {
    padding: 0;
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #eee;
}
.file-manager > ul > li .file-wrapper .file-icon img {
    width: 30%;
}
.file-manager > ul > li .file-wrapper .file-title {
    background: #fff;
    border-radius: 6px;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.file-manager > ul > li .file-wrapper .file-title a {
    color: #3d4147;
}
.file-manager > ul > li .file-wrapper .options {
    position: absolute;
    right: 15px;
    top: 10px;
}
.file-manager > ul > li .file-wrapper .options a {
    border: 2px solid #ffe6e6;
    border-radius: 50%;
}
.file-manager > ul > li .file-wrapper:not(.filetype-image) .options > a {
    color: #a7a7a7;
    margin: 0px;
    width: 100%;
    padding: 2px;
    font-weight: 300;
    cursor: pointer;
}
.file-manager > ul > li .file-wrapper.filetype-pdf .file-icon img {
    margin-top: 20px;
}
.file-manager > ul > li .file-wrapper.filetype-excel .file-icon img {
    margin-top: 20px;    
}
.file-manager > ul > li .file-wrapper.filetype-powerpoint .file-icon img {
    margin-top: 20px;
}
.file-manager > ul > li .file-wrapper.filetype-zip .file-icon img {
    margin-top: 20px;    
}
.file-manager > ul > li .file-wrapper.filetype-audio .file-icon img {
    margin-top: 20px;    
}
.file-manager > ul > li .file-wrapper.filetype-video .file-icon img {
    margin-top: 20px;    
}
.overlay-file{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    background: rgba(22, 30, 37, 0.86);
    text-align: center;
    padding: 15px;
    transition: all 0.2s ease 0s;
    transform: scale(1.2);
    opacity: 0;
    transform: scale(1);
    border-radius: 6px;
}
.overlay-file a{
  width: 33.33%;
  box-sizing: border-box;
  display: inline-block;
  padding: 33px 8px;
}
.file-manager .file-wrapper:hover .overlay-file{
    opacity: 1;
}
.panel-default > .panel-heading .badge {
    color: #fcfcfc;
    background-color:none;
}
/* Hire Moving Companies */
.hire-moving-company-steps .input-group > ul {
    position: absolute;
    width: 100%;
    z-index: 99;
    top: 35px;
    list-style: none;
    text-align: left;
    padding: 5px 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.hire-moving-company-steps .input-group > ul > li {
    cursor: pointer;
    display: block;
    padding: 10px 15px;
}
.hire-moving-company-steps .input-group > ul > li:hover {
    background: #eee;
}

.btn.btn-file input {
    display: none;
}
.hori-scroll.file-manager ul  li {
    display: inline-block;
    width: 130px;
    float: none;
    vertical-align: top;
}

.attachedment-files > .file-manager > ul > li{
    width: 193px;
    height: auto;
}
.attachedment-files > .file-manager > ul > li .file-wrapper{
    height: auto;
}
.attachedment-files > .file-manager > ul > li .file-wrapper .options{
    top:14px; 
}
.file-input {
    height: .01em;
    left: 0;
    outline: 0;
    position: absolute;
    top: 0;
    width: .01em;
}
.file-label{
    cursor: pointer;
    margin-top: 15px;
}
.control-height{
    min-height: 272px;
}

/* company profile */
.upload-company-logo {
    position: relative;
    overflow: hidden;
    /*height: 150px;*/
    height: 200px;
    width: 200px;
    cursor: pointer;
}
.upload-company-logo input[type=file]{
    display: none;
}
.upload-company-logo::after {
    position: absolute;
    content: "Upload Company Logo";
    bottom: 0;
    width: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    z-index: 9;
    padding: 10px;
    font-weight: bold;
}
.upload-company-logo:hover:after {
    bottom: 0;
}
.upload-company-logo img {
    position: relative;
    z-index: 8;
}
.thumbnail .custom-logo{
  /* height: 144px;*/
  height: 160px;
width: 100%;
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: 100% !important;
background-color: #f0f0f0  !important;
}
.thumbnail.only-myprofile .custom-logo{
      height: 238px;
}
.heading-elements .btn-group .btn-default.active{
    background-color: #0561a5;
    color:#ffffff;
    border-color:#0561a5;
}


.bg-red-gradient i{
    font-size: 20px;
    margin-right: 13px;
}
.bg-green-gradient a{
    color:#f0d04e;
    text-decoration: underline;
}

.custom-tab1 li{
    text-align: center;
    min-width: 50%;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-top: 15px;
}
.custom-tab1 li .avatar{
    padding-top: 15px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    width: 80px;
    height:80px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #f3f6f8;
    text-align: center;
}
.custom-tab1 li img{
    width: 45px;
    vertical-align: middle;
}
.custom-tab1 .info{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.custom-tab1 h6{
    margin-bottom: 0;
    font-weight: 600;
}
.custom-tab1 p{
    margin: 0;
}
.custom-tab1 .nav-tabs > li.active:first-child, 
.custom-tab1 .nav-tabs > li.active:first-child, 
.custom-tab1 .nav-tabs > li.active:first-child{
    border-left: 0;
}
.custom-tab1 .nav-tabs > li.active:last-child, 
.custom-tab1 .nav-tabs > li.active:last-child, 
.custom-tab1 .nav-tabs > li.active:last-child{
    border-right: 0;
}
.custom-tab1 .nav-tabs > li.active{
    color: #333333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
    cursor: default;
}
.custom-tab1 .tab-content{
    background: #ffffff;
}
.cuatom-tab-design.nav-tabs.nav-tabs-solid{
    background: #ddd;
}
.cuatom-tab-design.nav-tabs.nav-tabs-solid > li{
    position: relative;
}
.cuatom-tab-design.nav-tabs.nav-tabs-solid > li a{
    margin-left: 1px;
    background: #fff;
}
.cuatom-tab-design.nav-tabs.nav-tabs-solid > li:first-child a{
    margin-left: 0;
    border-top-left-radius: 0;
}
.cuatom-tab-design.nav-tabs.nav-tabs-solid > li:last-child a{
    border-top-right-radius: 0;
}
.cuatom-tab-design.nav-tabs.nav-tabs-solid li a small{
    display: inline-block;
    margin-bottom: 3px;
}
.cuatom-tab-design.nav-tabs.nav-tabs-solid > li.active > a,
.cuatom-tab-design.nav-tabs.nav-tabs-solid > li > a:hover,
.cuatom-tab-design.nav-tabs.nav-tabs-solid > li > a:focus {
    background-color: #2196F3;
    color:#ffffff;
}
.cuatom-tab-design.nav-tabs.nav-tabs-solid > li.active > a:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #2196F3;
    content: " ";
    position: absolute;
    bottom: -10px;
    left: 47%;
}
.cuatom-tab-design.nav-tabs.nav-tabs-solid > li a{
    border-radius: 0;
}

/* ratting */
div.stars {
    width: 270px;
    display: inline-block;
}
input.star { display: none; }
label.star {
    float: right;
    padding: 10px;
    font-size: 36px;
    color: #444;
    transition: all .2s;
}
input.star:checked ~ label.star:before {
    content: '\f005';
    color: #FD4;
    transition: all .25s;
}
input.star-5:checked ~ label.star:before {
    color: #FE7;
}
input.star-1:checked ~ label.star:before { color: #F62; }
label.star:hover { transform: scale(1.2); }
label.star:before {
    content: '\f006';
    font-family: FontAwesome;
}


/* Find a Service */
.vertical-service-box {
    display: grid;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
.book-relocation .service-box{
    min-height: 273px;
}
.service-box {
    display: block;
    width: 100%;
    border: 1px solid #b0b8c1;
    border-radius: 3px;
    position:relative;
    text-align: center;
    /* min-height: 227px; */
    background: #ffffff;
    padding: 55px 10px 20px 10px;
}
.service-box-list {
    display: block;  
    padding: 5px 15px;
    vertical-align: middle;
}
.service-box-list:last-child {
    border:none;
}
.service-box-list li {
    display:block; 
    vertical-align: middle;
    padding: 5px 0 5px 0;
}
.service-box-list li a {
    color:#333333;
}
.service-box-list a {
    font-weight: 500;
}
.service-box-list li p {
    color:#656f79 ;
    margin-bottom: 0;
    font-size:12px;
}
.service-box-list li span {
    width: 66px;
    height: 66px;
    display: inline-block;
    text-align: center;
    border:1px solid #d8dfe6;
    border-radius: 50%;
    padding: 10px;
    line-height: 43px;
}
.service-box-list span img {
    width: 100%;
}
.btn-request,.btn-request:focus, .btn-request:hover  {
    background: #bbc7ce;    
} 
div.corner-triangle {    
    width: 57px;
    height: 57px;
    border-style: solid;
    border-width: 57px 57px 0 0;
    border-color: #63c628 transparent transparent transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
    color: white; 

}
div.corner-triangle .corner-triangle-image {
    position: absolute;
    top: -52px;
    left: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(-3deg);
    width: 25px;
}
div.corner-triangle .corner-triangle-image img{
    width: 100%;
}

  /*.service-box.feature > .corner-triangle + .service-box-list {
      padding-left: 40px;
}*/
.corner-triangle {
    display: none;;
}
.feature .corner-triangle {
    display: block;
}
.feature.service-box{
    border-color:#63c628;
    border-width: 2px;
}
.feature.service-box .service-box-list{
    border-color:#e6e9ec;
}
.service-box .service-box-list .btn.bg-slate-400:hover, .service-box .service-box-list .btn.bg-slate-400:focus{
    background-color:#63c628;
    border-color:#63c628;
}

.selected-comapany h6 {
    font-weight: 700;
    color:#0b3f74;
}
.selected-comapany h6 img {
    width: 30px;
    margin-right: 8px;
}
.selected-company-list {
    padding: 0;
    margin: 0;
}
.selected-company-list li {
    list-style-type: none;
    margin:5px 0;
    color:#656f79;
    font-size: 14px;
    clear: both;
    margin-bottom: 9px;
}
/* ----------- side bar -----------*/
.panel.panel-default.sidebar-content{
    background: #ffffff;;
    min-height: auto;
    overflow-x: hidden;
}
.sidebar-fixed-rightside.affix {

    position: fixed;
    width: 260px;
    height: auto;
    top: 60px;
    bottom: 20px;
    -webkit-transition: bottom ease-in-out .15s;
    -o-transition: bottom ease-in-out .15s;
    transition: bottom ease-in-out .15s;
}
.sidebar-fixed-rightside.affix .sidebar-content {
    max-height: 100%;
    overflow-y: auto;
    display: block;
    background: none;
    background: #ffffff;;
}
.sidebar-content ul {
    list-style: none;
}
.sidebar-content > ul {
    padding-left: 0;
}

.sidebar-fixed-rightside.affix.fixed-sidebar-space {
    bottom:70px;
    display: block;

}
.navbar-default .navbar-nav > li.request-service > .btn-success:hover,
.navbar-default .navbar-nav > li.request-service > .btn-success:focus {
    background-color: #4CAF50;
    border-color: #4CAF50;
}

/* Reimbursement Status */
.reimbursement-status {
    display: inline-block;
    margin-right: 10px;
}
.reimbursement-status > span {
    display: inline-block;
    width: 20px;
    height: 5px;
    background: #2196F3;
    opacity: 0.2;
    vertical-align: middle;
}
.reimbursement-status > span.active {
    opacity: 1;
}
.reimbursement-status > span + span {
    background: #F44336;
}
.reimbursement-status > span + span + span {
    background: #4CAF50;
}

.service-box form {
    position: absolute;
    right: 0px;
    top: 10px;
}
.panel-title img {
    max-height: 29px;
    display: inline-block;
    vertical-align: bottom;
}

/* Tags List */
.tags-list {
    list-style: none;
    padding: 0;
}
.tags-list li {
    border:1px solid #9c9c9c;
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 10px;
    background: #fff;
    margin-bottom: 10px;
}


/* The actual timeline (the vertical ruler) */
.timeline1 {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.tracking-timeline {
    position: relative;
}
.tracking-timeline ul {
    list-style: none;
    margin: 0;
}
.tracking-timeline ul:before {
    content: " ";
    background: #e6ebee;
    width: 3px;
    left: 180px;
    height: 100%;
    position: absolute;
}
.tracking-timeline ul li {
    padding-left: 190px;
    position: relative;
    padding-bottom: 50px;
    font-size: 16px;
    color: #333333;
    /*opacity: 0.4;*/
}
/*.tracking-timeline ul li.active {
    color: #4caf50;
    opacity: 1;
}*/
.tracking-timeline ul li:first-child {
    margin-top: 0;
    padding-top: 50px;
}
.tracking-timeline ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 40px;
}
.tracking-timeline ul li > div:before {
    content: attr(data-date) "\A" attr(data-time);
    white-space: pre-wrap;
    position: absolute;
    left: 0;
    top: -10px;
    width: 115px;
    color: #7f8e9d;
    font-size: 13px;
    text-align: right;
}
/*.tracking-timeline ul li.active:after {
    background: #4caf50;
}*/
.tracking-timeline ul li:first-child > div:before {
    top: 40px;
}
.tracking-timeline ul li.complete:before {
    content: " ";
    background: #4CAF50;
    width: 3px;
    left: 155px;
    height: 100%;
    position: absolute;
    top: 0;
}
.tracking-timeline ul li.current > div:after,
.tracking-timeline ul li.complete > div:after {
    background: #4CAF50;
}
.tracking-timeline ul li.skip:before {
    content: " ";
    background: #dd7f05;
    width: 3px;
    left: 155px;
    height: 100%;
    position: absolute;
    top: 0;
}
.tracking-timeline ul li.skip > div:after {
    background: #dd7f05;
}
.tracking-timeline ul li > div:after {
    content: " ";
    background: #a4b7c3;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    left: 149px;
    top: 0px;
}
.tracking-timeline ul li:first-child > div:after {
    top: 53px;
}

/* Checkbox List */
.checkbox-list {
    list-style: none;
    padding: 0;
}
.checkbox-list li {
    padding: 0;
    display: inline-block;
}

#manageProfile .checkbox-list li {
    display: block;
    padding: 0;
}
.select-xs.select2-selection--single {
    height: 36px;
}



.timeline1::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #e6ebee;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}
/* order-detils military */
.select-profile ul{
    text-align: center;
    display: flex;
    width: 60%;
    margin: 0 auto;
    padding: 0;
}
.select-profile ul li{
    list-style-type: none;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 33.3%;

}
.select-profile .profile-icon {
    background: #f6f6f6;
    width: 164px;
    height: 164px;
    border-radius: 50%;
    padding-top: 40px;
    margin-bottom: 20px;
    display: inline-block;
}
.select-profile  .profile-icon img {
    width: 50%;
}
.select-profile h4 {
    color: #073b70;
    text-align: center;
    margin: 0;

}
/* Container around content */
.container1 {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

/* The circles on the timeline */
.container1::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -17px;
    background-color: white;
    border: 4px solid #FF9F55;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
}

/* Place the container to the left */
.left1 {
    left: 0;
}

/* Place the container to the right */
.right1 {
    left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left1::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right1::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right1::after {
    left: -16px;
}

/* The actual content */
.content1 {
    padding: 20px 30px;
    background-color: white;
    position: relative;
    border-radius: 6px;
}
/* inbox */

.inbox-list .media-body span.display-block.text-muted{
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.inbox-list .media-left, .inbox-list .media-body{
    display: inline-block;
}
.inbox-list .media-body{
    width: calc(100% - 56px);
}
.text-muted {
    color: #999999 !important;
}

/* customer list popup */
.customer-details {
    position: relative;
}
.customer-list-info {
    color: #1E88E5;
    cursor: pointer;
}
.customer-list-info i {
    font-size: 13px;
}
.customer-details-info {
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border: 1px solid rgba(0,0,0,.2);
    padding: 15px;
    border-radius: 3px;
    top: 30px;
    z-index: 10;
    display: none;
}
.customer-img {
    display: inline-block;
    width: 96px;
    height: 96px;
    vertical-align: top;
    margin-right: 20px;
    background-size: cover;
    border: none;
    border-radius: 50%;
    background-position: top;
}
.customer-info {
    display: inline-block;
}
.customer-info h5 {
    font-size: 13px;
}
/* Panel Styles */
.panel-heading.show-or:after {
    content: 'OR';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #c21111;
    padding: 5px;
    z-index: 99;
    background: #c21111;
    color: #fff;
    font-size: 12px;
}

.triangle-with-shadow {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -50px;
    overflow: hidden;
}
.triangle-with-shadow:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
    top: 42px;
    left: 25px;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,.2);
    border: 1px solid rgba(0,0,0,.2);    
}
/* faq */
#accordion .top-label{
    position: absolute;
    top:0;
    right: 0;
}
#accordion .panel-heading [data-toggle="collapse"]:after {
    font-family: 'FontAwesome';
    content: "\f078"; /* "play" icon */
    float: right;
    color: #F58723;
    font-size: 18px;
    line-height: 22px;
    /* rotate "play" icon from > (right arrow) to down arrow */
    /*    -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); */
}

#accordion .panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    /*    -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); */
    color: #454444;
}
/* Millitary Chat Section */
.messages-dropdown {
    text-decoration: none;
    font-size: 25px;
    color: #212121;
    text-decoration: none !important;
}
.messages-dropdown small {
    color: #9b9b9b;
    font-size: 20px;
}
.messages-dropdown .caret {
    color: #bebebe;
    border-width: 8px;
    border-radius: 4px;
    margin-left: 20px;
}
.fullscreen-chat .chat-window {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9999;
}
.messages {
    background: #fff;
    border-radius: 3px;
    display: flex;    
}
.messages .message-left {
    width: 310px;
    border-right: 1px solid #e1e3ea;
}
.messages .message-left .user-list {
    height: 507px;
    overflow: auto;
}
.fullscreen-chat .messages .message-left .user-list {
    height: calc(100vh - 144px);
}
.message-top .show-users {
    display: none;
}
.messages .message-left .message-header {
    padding: 20px;
    border-bottom: 1px solid #ddd;
}
.messages .message-left .message-header input[type=text] {
    background: #fbfbfc url(../images/icons/search-users.svg) no-repeat 16px center;
    background-size: 16px;
    /*box-shadow: none;
    border: none;
    height: 40px;*/
    padding-left: 40px;
}
.messages .user-list > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.messages .user-list > ul > li.active {
    background: #f8f9fd;
}
.messages .user-list > ul > li {
    display: flex;
    padding: 10px 8px 10px 20px;
    align-content: center;
}
.messages .user-list > ul > li a {
    text-decoration: none !important;
}
.messages .user-list > ul > li .user-image {
    width: 40px;
    position: relative;
}
.rounded-avatar {
    border-radius: 50% !important;
    overflow: hidden;
}
.messages .user-list > ul > li > .user-image .rounded-avatar,
.messages .user-list > ul > li > .user-image .rounded-avatar img {
    width: 40px;
    height: 40px;
}
.messages .user-list > ul > li > .user-image .live-status {
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #bebebe;
    display: block;
    position: absolute;
    right: -1px;
    top: 30px;
}
.messages .user-list > ul > li > .user-image .live-status.online {
    background: #21d331;
}
.messages .user-list > ul > li > .user-info {
    width: 170px;
    padding-left: 12px;
    color: #212121;
}
.messages .user-list > ul > li > .user-info > a {
    color: #212121;
}
.messages .user-list > ul > li > .user-info > p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #a2a2a2;
    font-size: 85%;
    margin-bottom: 0;
}
.messages .user-list > ul > li > .status-and-more {
    width: calc(100% - 210px);
    text-align: right;
    color: #a9aaaa;
}
.messages .user-list > ul > li > .status-and-more > a {
    display: inline-block;
}
.messages .user-list li > .status-and-more a svg {
    fill: #bebebe;
    vertical-align: top;
    height: 20px;
    width: 25px;
}
.messages .user-list > ul > li > .status-and-more p {
    font-size: 75%;
}
.messages .message-right {
    width: calc(100% - 310px);    
}
.messages .message-right .message-right-header {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 13px 20px;
    border-bottom: 1px solid #ddd;
}
.messages .message-right .message-right-header .user-image {
    position: relative;
    width: 50px;
}
.messages .message-right .message-right-header .user-image .rounded-avatar,
.messages .message-right .message-right-header .user-image .rounded-avatar img {
    width: 50px;
    height: 50px;
}
.messages .message-right .message-right-header .user-image .live-status {
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #bebebe;
    display: block;
    position: absolute;
    right: 5px;
    top: 79%;
}
.messages .message-right .message-right-header .user-image .live-status.online {
    background: #21d331;
}
.messages .message-right .message-right-header .user-info {
    width: calc(100% - 120px);
    font-size: 18px;
    color: #212121;
    padding-left: 20px;
}
.messages .message-right .message-right-header .user-info p {
    font-size: 14px;
    color: #a2a2a2;
    margin-bottom: 0;
}
.messages .message-right .message-right-header .more {
    width: 50px;
    text-align: right;
}
.messages .message-right .section-chat {
    height: 434px;
    padding: 30px 20px;
    overflow: auto;
}
.fullscreen-chat .messages .message-right .section-chat {
    height: calc(100vh - 217px);
}
.messages .message-right .section-chat .chat-line {
    display: flex;
    align-items: flex-end;
    max-width: 85%;
    margin-bottom: 30px;
    float: left;
}
.messages .message-right .section-chat .chat-line.me {
    float: right;
}
.messages .message-right .section-chat .chat-line .user-avatar {
    width: 40px;
    margin-right: 15px;
}
.messages .message-right .section-chat .chat-line.me .user-avatar {
    margin-right: 0;
    margin-left: 15px;
}
.messages .message-right .section-chat .chat-line .user-avatar .rounded-avatar,
.messages .message-right .section-chat .chat-line .user-avatar .rounded-avatar img {
    width: 40px;
    height: 40px;
}
.messages .message-right .section-chat .chat-line .chat-message {
    width: calc(100% - 55px);
    padding: 15px;
    background: #f8f9fb;
    border-radius: 12px;
    border-bottom-left-radius: 0;
}
.messages .message-right .section-chat .chat-line.me .chat-message {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0;
    background: #6482e6;
    color: #fff;
}
.messages .message-right .write-message {
    display: flex;
    padding: 15px 20px;
    border-top: 1px solid #e1e3ea;
    align-items: center;
}
.messages .message-right .write-message .attachment {
    width: 40px;
}
.messages .message-right .write-message .type-message {
    width: calc(100% - 180px);
    padding: 0 20px 0 0;
    position: relative;
}
.messages .message-right .write-message .type-message .emoji-icon-container2{
    position: absolute;
    z-index: 9;
    top:8px;
    right: 15px;
}
.messages .message-right .write-message .type-message input[type=text] {
    height: 40px;
    border: 0;
    box-shadow: none;
}
.messages .message-right .write-message .button {
    width: 140px;
}
.emojiPicker {
    bottom: 50px;
    right: 0;
}
.add-attachment {
    background: url(../images/icons/attachment.svg) no-repeat 0 0;
    width: 35px;
    height: 35px;
    padding-bottom: 0;
    margin-bottom: 0;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
}
.add-attachment input[type="file"] {
    display: none;
}
.btn.btn-send-msg{
    background-image: url('../images/icons/send-white.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding: 10px 57px 10px 15px;
    text-align: left !important;
    min-width: 130px;
    transition: all 0.2s ease;
    background-color: #6482E6;
    border-color: #6482E6;
    color: #fff;
}
.btn.btn-send-msg:active:focus,
.btn.btn-send-msg:active {
    background-image: url('../images/icons/send-white.svg');
}
.btn.btn-send-msg:hover {
    background-image: url('../images/icons/send-white.svg');
    background-position: right 5px center;
}
/* pricing */

.columns{
    position: relative;
    transform: scale(0.98);
    border: 1px solid #ccc;
}
.columns.active {
    border: 5px solid #5F5BE8;
    transform: scale(1);

}
.columns.active .icon-div{
    display: block;
}
.columns.active .grey{
    color:#5F5BE8;
}
.columns .icon-div{
    border-radius: 50%;
    width: 46px;
    height: 46px;
    box-sizing: border-box;
    text-align: center;
    background: #a2d46e;
    border: 3px solid #fff;
    position: absolute;
    top: -11px;
    right: -18px;
    display: none;
}
.columns .icon-div i{
    font-size: 19px;
    margin-top: 11px;
    color: #fff;
}
.price {
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

.price .header {
    background-color: #055fa2;
    color: white;
    font-size:19px;
}

.price li {
    border-bottom: 1px solid #eee;
    padding:10px;
    text-align: center;
}
.price .grey {
    background-color: #eee;
    font-size: 18px;
    font-weight: 700;
}
/* offers received */
.order-item-box {
    display: grid;
    grid-template-columns: calc(33.33% - 10px) calc(33.33% - 20px) calc(33.33% - 10px);
    grid-gap: 20px;
}
@media only screen and (max-width: 1024px) {
    .order-item-box {
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    }
}
@media only screen and (max-width: 800px) {
    .order-item-box {
        grid-template-columns: auto;
    }
}
.order-item {
    border: 1px solid #b0b8c1;
    background: #ffffff;
    position: relative;
    border-radius: 3px;
    box-sizing: border-box;
}
.order-item label.label{
    position: absolute;
    z-index: 99;
    bottom: 15px;
    right: -2px;
}
.order-item .order-item-footer label.label{
    position: static;  
}
/* .order-item .order-item-header, .order-item .order-item-footer {
    padding: 12px 20px;
} */
.order-item-details {
    padding: 15px;
}
.order-item .order-item-header h4 {
    color: #1868B2;
}
.order-item .order-item-header span span {
    width: 80px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    display: inline-block;
    text-overflow: ellipsis;
}
/* .order-item:hover .overlay {
    display: block;
    top: 0;
    opacity: 1;
    transform: scale(1);
} */
.order-item-details:hover .overlay {
    display: block;
    top: 0;
    opacity: 1;
    transform: scale(1);
}
/* .order-item .overlay {
    width: 100%;
    height: 86%;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    background: rgba(22, 30, 37, 0.86);
    text-align: center;
    transition: all 0.2s ease 0s;
    opacity: 0;
    padding: 0 20px;
} */
.order-item-details .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    background: rgba(22, 30, 37, 0.86);
    text-align: center;
    transition: all 0.2s ease 0s;
    opacity: 0;
    padding: 0 15px;
}
.order-item-details {
    height: 87%;
    position: relative;
}
.order-bottom-footer {
    height: 13%;
}
.order-item .overlay a {
    top: 43%;
    margin: auto auto 10px;
    padding: 5px;
    font-size: 16px;
    color: #fff;
}
.order-item span {
    font-weight: 600;
    text-overflow: ellipsis;
}
/* End offers received */

.btn.btn-border-success {
    background: #fff;
    color: #63c628;
    border: 2px solid #63c628;
    background: transparent;
}

/* Subscription Page */
.alternate-payment-method {
    position: relative;
}
.alternate-payment-method::after {
    content: "or";
    background: #333;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 11px;
    border-radius: 50%;
    position: absolute;
    bottom: -12px;
    left: 16px;
    text-align: center;
    line-height: 25px;
}

/* video modal */
#myVideo .modal-body video {
    width:100%;
    height:400px;
}
/* Footer Help Section */
.footer-help > a {
    position: fixed;
    bottom: 0;
    right: 200px;
    background: #333;
    border: 1px solid #000;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    padding: 5px 30px;
    font-size: 16px;
    color: #fff;
}
.navbar-nav.tabrow li a.army-green-btn  {
    background: #303f18 url(../images/army-bg-small.jpg) no-repeat center;
    color:#ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 15px;
    position: relative;
    overflow: hidden;
    vertical-align: bottom;
    padding: 9px 10px 8px;
}
.myreloreview {
    position: relative;
}
.navbar-nav.tabrow li a.army-green-btn:after,.myreloreview:after {
    content: " ";
    position: absolute;
    top: 0;
    left: -70px;
    height: 40px;
    width: 50px;
    background: rgba(255, 255, 255, 0.2);
    transition: all .3s linear;
    transform: skewX(20deg) translateX(0);
	animation: zoominoutsinglefeatured 5s ease infinite;
}
.navigation > li > a.army-green-btn{
    background: #303f18 url(../images/army-bg-small.jpg) no-repeat center;
    color:#ffffff;
    margin: 10px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
    overflow: hidden;
}
.navigation > li > a.army-green-btn:after {
    content: " ";
    position: absolute;
    top: 0;
    left: -70px;
    height: 53px;
    width: 50px;
    background: rgba(255, 255, 255, 0.2);
    transition: all .3s linear;
    transform: skewX(20deg) translateX(0);
	animation: zoominoutsinglefeatured 5s ease infinite;
}
.for-PremiumFeature-graph {
    position: relative;
}
.for-PremiumFeature-graph #claim-pie-chart {
    min-width: auto !important;
}
.for-PremiumFeature-graph .highcharts-container {
    width: auto !important;
}
.for-PremiumFeature-graph .GraphPremiumFeature-btn{
    position: absolute;
    top: 52%;
    left: 11%;
    width: 80%;
    background: #63c221;
    border-color: #fff;
    font-size: 18px;
    border-width: 2px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.btn.PremiumBtn{
    position: relative;
    padding-right: 80px;
    min-width: 163px;
    text-align: left;
    margin-left: 10px;
    overflow: hidden;
}
.btn.PremiumBtn span.PremiumBtn-badge{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    background: #ec9e01;
    color: #fff;
    padding: 13px 10px;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
}
.btn.PremiumBtn span.PremiumBtn-badge::after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 5px solid #ec9e01;
    display: inline-block;
    position: absolute;
    left: -5px;
}

/* Premium Modal */
.subscribe-to-premium-modal .modal-content {
    background: none;
    box-shadow: none;
}
.subscribe-to-premium-modal .modal-body {
    position: relative;
}
.subscribe-to-premium-modal .btn-close {
    background: #000;
    display: inline-block;
    width: 34px;
    height: 34px;
    text-align: center;
    position: absolute;
    right: 35px;
    top: -12px;
    padding-top: 5px;
    border-radius: 50%;
    color: #fff;
    border: 2px solid #fff;
}
.graph-value-zero .zero-value{
    background: #C21111;
    width: 137px;
    height: 137px;
    border-radius: 50%;
    padding: 14px;
}
.graph-value-zero .zero-value span{
    border:1px solid #ffffff;
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    padding: 30px 0 0 42px;
    font-size: 35px;
    color:#ffffff;
}
.graph-value-zero #radialProgressBarTwo, .graph-value-zero #count2{
    display: none;
}

/*----------start checkbox------------*/
.star-ratting {
    position: relative;
    display: inline-block;
    border: none;
    font-size: 14px;
    margin: 15px auto;
    left: 50%;
    transform: translateX(-50%);
}

.star-ratting input {
    border: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    opacity: 0;
}

.star-ratting label {
    position: relative;
    float: right;
    color: #C8C8C8;
}

.star-ratting label:before {
    margin: 5px;
    content: "\ece2";
    font-family: 'icomoon';
    display: inline-block;
    font-size: 25px;
    color: #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.star-ratting input:checked ~ label:before {
    color: #FFC107;
}

.star-ratting label:hover ~ label:before {
    color: #ffdb70;
}

.star-ratting label:hover:before {
    color: #FFC107;
}
/* circle percentage */


.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.09em solid #000000;
  width: 0.82em;
  height: 0.82em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}



.c100 {
  position: relative;
font-size: 75px;
width: 75px;
height: 75px;
border-radius: 50%;
display: inline-block;
margin: 15px 8px;
background-color: #dfe8ed;
box-sizing: border-box;
margin-top: 0;
}
.c100 *,
.c100 *:before,
.c100 *:after {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #3c4761;
  display: block;
  text-align: center;
  white-space: nowrap;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.09em;
  left: 0.09em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #ffffff;
  width: 60px;
  height: 60px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -webkit-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -webkit-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -webkit-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -webkit-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -webkit-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -webkit-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -webkit-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -webkit-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -webkit-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -webkit-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -webkit-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -webkit-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -webkit-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -webkit-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -webkit-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -webkit-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -webkit-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -webkit-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -webkit-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -webkit-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100.p51 .bar {
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -webkit-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -webkit-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -webkit-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -webkit-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -webkit-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -webkit-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -webkit-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -webkit-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -webkit-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -webkit-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -webkit-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -webkit-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -webkit-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -webkit-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -webkit-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -webkit-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -webkit-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -webkit-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -webkit-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -webkit-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -webkit-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p76 .bar {
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -webkit-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -webkit-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -webkit-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -webkit-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -webkit-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -webkit-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -webkit-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -webkit-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p86 .bar {
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -webkit-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -webkit-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -webkit-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -webkit-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -webkit-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -webkit-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -webkit-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -webkit-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -webkit-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -webkit-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -webkit-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -webkit-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -webkit-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
/*.c100:hover {
  cursor: default;
}*/
/*.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #3c4761;
}*/
/*.c100:hover:after {
 top: 4px;
left: 4px;
width: 66px;
height: 66px;
}*/
.c100.blue .bar,
.c100.blue .fill {
  border-color: #30bae7 !important;
}
/*.c100.blue:hover > span {
  color: #3c4761;
}*/
.c100.red .bar,
.c100.red .fill {
  border-color: #e00404  !important;
}
/*.c100.red:hover > span {
  color: #3c4761;
}*/
.c100.green .bar,
.c100.green .fill {
  border-color: #15c7a8 !important;
}
/*.c100.green:hover > span {
  color: #3c4761;
}*/
.c100.orange .bar,
.c100.orange .fill {
  border-color: #eb7d4b !important;
}
/*.c100.orange:hover > span {
  color: #3c4761;
}*/
.border-circle-title{
    position: absolute;
    bottom: -36px;
    width: 134%;
    text-align: center;
    font-size: 11px;
    z-index: 99;
    color: #666;
    text-transform: uppercase;
    font-weight: 600;
    left: -13px;
}
.viewReport-total{
    display:block;
}
.viewReport-total .total-percentage p{
    font-size: 13px;
text-transform: uppercase;
color: #6f6f6f;
margin: 0;
font-weight: 500;
}
.viewReport-total .total-percentage{
    width: 30%;
   float: left;
}
.viewReport-total .total-individual{
    width: 70%;
    float: left;
    border-left: 1px solid #ccc;
    padding-left: 15px;
    box-sizing: border-box;
}
.viewReport-total .total-individual .progress{
    height: 9px;
}
.viewReport-total .total-percentage h1{
   font-size: 40px;
margin: 5px 0;
color: #0564aa;
line-height: 64px;
}
.viewReport-total .left-label{
   float: left;
margin-right: 5px;
width: 88px;
line-height: 7px;
text-align: right;
}
.viewReport-total .center-label{
    float: left;
    margin-right: 5px;
    width: calc(100% - 147px);
}
.viewReport-total .right-label{
    float: left;
    width: 48px;
    line-height: 7px;
}

.custom-sidebar-page .list-group li.list-group-item{
    border-bottom: 1px solid #ddd;
}
.custom-sidebar-page .list-group li.list-group-item:last-child{
    border-bottom: none;
}
.custom-sidebar-page .list-group-item{
    padding:10px;
}
.custom-sidebar-page .media .media-body{
    width: 75%;
}
.custom-sidebar-page .media .media-right{
    width: 100px;
    text-align: right;
}
.InCat .media-body{
    width: 62%;
}
.InCat .media-right{
    width: 100px;
    text-align: right;
}
#menu-accordion > .panel.panel-default > .panel-heading.active{
    background: #f0f8ff;
}
#menu-accordion .list-group-item.active a, #menu-accordion .list-group-item.active a i{
    color:#ffffff !important;
}

@media only screen and (max-width: 600px) {
    .columns {
        width: 100%;
    }
}


@keyframes zoominoutsinglefeatured {
    0% { transform: skewX(20deg) translateX(0); }
    30% { transform: skewX(20deg) translateX(400px) }
    100% { transform: skewX(20deg) translateX(400px) }
}

/* Media queries - Responsive timeline on screens less than 600px wide */

@media only screen and (max-width: 1300px){
    /***** header *****/
    .navbar-nav.tabrow li a {
        padding: 6px 12px;
    }

}
@media only screen and (max-width: 1300px){
    #tab-military-approved .btn.btn-success.pull-right {
    display: block;
    float: none !important;
}
#tab-military-approved .progress {
    margin-bottom: 15px;
}
}
@media only screen and (max-width: 900px){
    /***** header *****/
    #navbar-mobile {
        position: relative;
    }
    .header-search {
        position: absolute;
        top: 0;
        left: 46px;
        right: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 99;
        display: none;
    }    
    .header-search .form-control{
        width: 100%;
    }
    .searchbar-visible .header-search{
        display: block;
    }
    .header-search button.btn {
        position: absolute;
        right: 26px;
        top: 5px;
        background-color: #fff;
        display: block;
        cursor: pointer;
    }
    #close-searchbar{
        display: block;
        position: absolute;
        right: 12px;
        top: 13px;
        color: #26a69a;
        cursor: pointer;
    }
    #show-searchbar{
        display: block;
    }
}


@media only screen and (max-width: 768px){

    .columns{
        margin-bottom: 20px;
    }
    .sidebar-mobile-main {
        overflow: hidden;
    }
    .navbar-default {
        position: fixed;
        top: -1px;
        left: 0;
        width: 100%;
        margin-left: 0;
        border-top: 0;
    }
    .navbar-default .navbar-nav {
        width: 60px;
        border-bottom: 0;
        float: left;
    }
    .navbar-default .navbar-text:not([data-toggle="collapse"]) {
        width: calc(100% - 200px);
        border-bottom: 0;
        float: left;
        text-align: left;
        padding-left: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .navbar-collapse ul.navbar-nav.navbar-right {
        float: right;
        width: auto;
        margin-right: 15px;
    }
    .navbar-collapse ul.navbar-nav.navbar-right > li {
        float: left;
    }
    .navbar-collapse ul.navbar-nav.navbar-right > li.dropdown-user > a > span {
        display: none;
    }
    .navbar-default .navbar-nav .open:last-child .dropdown-menu {
        position: absolute;
        background: #fff;
        border-radius: 2px;
    }
    .navbar-nav > .dropdown-user > a, .navbar-nav > .dropdown-user > a > span {
        padding: 9px 6px;
    }
    .sidebar-main {
        left: -100vw;
        position: fixed;
        top: 49px;
        height: calc(100vh - 49px);
        overflow: auto;
        transition: all 0.2s ease;
        display: block;
        z-index: 999;
    }
    .sidebar-mobile-main .sidebar-main {
        left: 0;
    }
    /*--/Admin header sidebar & top --/Military*/
    .sidebar-xs-indicator .navbar-collapse.collapse{
        display: block;
    }
    .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
    .navbar-default .navbar-nav{
        width: 37px;
    }
    .header-search{
        left: 30px;
    }
    .heading-elements-toggle{
        right: -16px;
    }
    .panel-flat .panel-heading .visible-elements{
        padding: 10px 0;
    }
    .panel.panel-flat.profile-page .heading-elements.visible-elements .icons-list{
        margin-top: 0;
        float: inherit !important;
    }
    .panel.panel-flat.profile-page .heading-elements.visible-elements{
        margin-top: 40px;
    }
    #accordion .top-label{
        position: inherit; 
    }
    .hori-scroll{
        margin-right: 0px;
    }
    .nav-tabs{
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
    .messages{
        display: inline-block;
        width: 100%;
    }
    .messages .message-left{
        width: 100%;
        border-bottom: 1px solid #e1e3ea;
    }
    .messages .message-right{
        width: 100%;
    }
    /*.messages .message-right {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        z-index: 999;
        height: 100%;

    }*/
    ul.custom-radio-step li{
        width: 30%;
    }
}

@media screen and (max-width: 600px) {
    .media-list.dashboard .media-annotation {
    color: #666;
    font-weight: 600;
    float: none !important;
    clear: both;
    display: block;
    text-align: left;}
    /* Place the timelime to the left */
    .timeline::after {
        left: 31px;
    }

    /* Full-width containers */
    /* .container {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    } */

    /* Make sure that all arrows are pointing leftwards */
    /* .container::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    } */

    /* Make sure all circles are at the same spot */
    .left::after, .right::after {
        left: 15px;
    }

    /* Make all right containers behave like the left ones */
    .right {
        left: 0%;
    }
    /*--/Admin Military*/
    .file-manager > ul > li{
        width: 50%;
    }
    .file-manager > ul > li .file-wrapper .file-icon img{
        width: 25%;
    }
    #tab-military-approved .btn.btn-success.pull-right{
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    /*--/Admin Military*/
    .file-manager > ul > li{
        width: 100%;
    }
    .file-manager > ul > li .file-wrapper .file-icon img{
        width: 20%;
    } 
    .dataTables_filter input{
        width: 160px;
    }
    .panel-body #highcharts-mf3hmsk-0 svg {
        width: 80% !important;
    }
    .panel-body #highcharts-mf3hmsk-2 svg {
        width: 80% !important;
    }
    ul.custom-radio-step li{
        width: 40%;
    }
    .radio-inline + .radio-inline{
        margin-left: 0px;
    }
    .panel-heading .heading-elements a.btn.btn-success {
        float: none !important;
    }
    .panel.panel-flat .panel-body .stars{
        width: 100%;
    }
    label.star{
        float: none;
        padding: 4px;
    }
}

/* Video Call CSS */
#videoPopUp .modal-footer{
    text-align: center !important;
}
.round-btn {
    height: 60px;
    width: 60px;
    border-radius: 50px;
    padding: 0;
}
#call-receive img{
    transform: rotate(180deg);
}
#call-decline img{
    transform: rotate(135deg);
}
.toast.info-toast {
    background-color: #3498db;
}
.toast.notice-toast {
    background-color: #07bc0c;
}
.toast.error-toast {
    background-color: #e74c3c;
}
.agora-theme .collapsible-header {
    border: none;
}
.agora-theme .btn-primary {
    color: #fff;
    background-color: #1e88e5 !important;
}
.agora-theme .agora-github-pin {
    width: 55px;
    height: 55px;
    position: absolute;
    right: 0;
}
.agora-theme .agora-primary-bg {
    color: #fff;
    background-color: #1e88e5 !important;
    align-items: center;
}
.agora-theme .card.container {
    margin-left: 20px;
}
.agora-theme h5 {
    margin: 0;
    margin-left: 20px;
}
.agora-theme nav {
    height: 55px;
}
.agora-theme .agora-secondary-border {
    border: 1px solid #424242 !important;
}
.agora-theme .agora-secondary-bg {
    color: #fff;
    background-color: #424242 !important;
    align-items: center;
}
.agora-theme .switch {
    height: 55px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.agora-theme .switch h6 {
    margin: 0;
}
.agora-theme #local_stream {
    position: relative;
}
.agora-theme #local_video_info {
    position: absolute;
}
.agora-theme .video-view {
    position: relative;
}
.agora-theme .video-view-local, .agora-theme .video-placeholder{
    width: 100%;
    height: 500px;
    position: absolute;
}
#videoPopUp .modal-body{
    height: 500px;
}
.agora-theme #local_stream, .agora-theme #local_video_info {
    position: absolute;
    left: 0;
    width: 100px;
    height: 140px;
    margin: 5px;
    z-index: 999999;
}
.agora-theme .video-profile {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    z-index: 2;
    color: #fff;
    opacity: 0.9;
    text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 10px;
}
.agora-theme .video-grid {
    
    /*
    display: flex;
    grid-gap: 20px;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: auto; */
}
.agora-theme .autoplay-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: block;
    cursor: pointer;
}
.agora-theme .autoplay-fallback::after {
    content: 'click here to play';
    font-size: 1.5rem;
    opacity: 0.9;
    text-shadow: black 0.1em 0.1em 0.2em;
    display: block;
    color: #fff;
}
.video-placeholder div video{
    position: inherit !important;
}
#call-decline {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 35px;
}

.popup-chat-window .chat-body .chat-item .text-center-callend{
    width: 100% !important;
    text-align: center !important;
    padding: 0px 0px 0px 0px !important;
}

.link-text-curser-style{
    cursor: pointer !important;
}

/* Address show auto-populate in Modal */
.pac-container {z-index: 1055 !important;}

.daterangepicker {z-index: 1600 !important;}

/* Image view in Modal  */
.filetype-image .file-icon {
    max-width: 100%;
    height: 400px;
    width: 400px;
    background-size: cover;
    margin: auto;
}

/* subscription info Design start */
.subscrip-info {
    background: #efc85e;
    padding: 3px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
}
.subscrip-info-swal .swal-text {
    /* background-color: #FEFAE3; */
    padding: 8px 40px;
    /* border: 1px solid #F0E1A1; */
    display: block;
    margin: 0px 15px 20px;
    text-align: center;
    color: #61534e;
    font-size: 17px;
}
.subscrip-info-swal .swal-footer {
    background-color: rgb(245, 248, 250);
    margin-top: 10px;
    border-top: 1px solid #E9EEF1;
    overflow: hidden;
    text-align: center;
    padding: 8px;
}
.subscrip-info-swal .swal-button {
    width: 150px;
    background: #ff696a;
}
.subscrip-info-swal .swal-icon {
    margin: 0px auto;
}
.subscrip-info-swal .swal-title {
    color: #f75353;
    font-weight: 500;
    margin-bottom: 0;
    padding: 13px 16px 10px;
}
.subscrip-info-swal .swal-button:not([disabled]):hover {
    background-color: #ff696a;
}
.subscrip-info-swal .swal-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #ff696a;
}
/* subscription info Design end */

/* My moves New Design start */
.inner-page.tab-navigation {
    display: flex;
    border: 1px solid #C3C8D0;
    overflow-x: auto;
}
.inner-page.tab-navigation li { 
    margin-right: 0px;
    flex: 1;
    min-width: 200px;
}
.inner-page.tab-navigation li + li {
    margin-top: 0px;
}
.inner-page.tab-navigation li a {
    background: #E9E9E9;
    padding: 12px;
    border-right: 1px solid #C3C8D0;
    text-align: center;
    color: #0B3F74;
}
.inner-page.tab-navigation li:last-child a {
    border-right: none;
}
/* .inner-page.tab-navigation li.active a {
    color:#D52625
} */
.inner-page.tab-navigation > li.active > a, .inner-page.tab-navigation > li.active > a:hover, .inner-page.tab-navigation > li.active > a:focus {
    color:#D52625;
    background: #E9E9E9;
}
.table.mover-table > tbody > tr > td ,.panel > .panel-body + .table.mover-table {
    border-top:none;
}
.panel > .panel-body + .table.mover-table {
    border-bottom: 1px solid #ddd;
}
.table.mover-table .count {
    position: relative;
}
.table.mover-table .info {
    width: 25px;
    height: 18px;
    display: inline-block;
    border-radius: 10px;
    padding: 0;
    background: #d40000;
    position: absolute;
    left: 30px;
    top: 14px;
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 13px;
    border: 2px solid #fff;
}
.table.mover-table .media-left a {
    width:40px;
    height: 40px;
    display: block;
}
.table.mover-table .media-left a img {
    border-radius: 50%;
}
.table.mover-table .media-body {
    vertical-align: middle;
}
/* My moves New Design end */
.nav.navbar-nav .notification {
    position: relative;
    box-shadow: none !important;
    background: none!important;
    padding: 0!important;
    margin: 0!important;
    margin-left: 5px!important;
    opacity: 1 !important;
    line-height: normal !important;
  }
  .nav.navbar-nav .notification a {
    padding: 16px 12px;
  }

  .horizontal-scroll.file-manager > ul > li .file-wrapper .overlay-file.archive-filetype a {
    width: auto;
    padding: 50px 5px;
}
.horizontal-scroll.file-manager > ul > li .file-wrapper .overlay-file.archive-filetype{
    padding: 0;
}
.attachedment-files .file-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.attachedment-files .file-list li {
    width: 193px;
    float: left;
    padding-right: 15px;
    padding-bottom: 15px;
}
.attachedment-files .file-list li > a {
    display: block;
    border: 1px solid #b0b8c1;
    background: #fff;
    color: #3d4147;
    border-radius: 3px;
    padding: 8px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.attachedment-files .file-list li > a > i {
    margin-right: 8px;
}
.relo-msg .info {
    width: 25px;
    height: 18px;
    display: inline-block;
    border-radius: 10px;
    padding: 0;
    background: #d40000;
    position: absolute;
    right: -15px;
    top: -10px;
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 13px;
    border: 2px solid #fff;
}
/* New dashboard design css start */
.offer-box-wrap .order-item-box {
    border: 1px solid #eaeaea;
    background: #ffffff;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px -3px rgba(0,0,0,.2);
}
.offer-box-wrap .order-item {
    border:none;
}
.offer-box-wrap .order-item .overlay a {
    width: 70%;
}
.offer-box-wrap .owl-carousel .owl-stage {
    display: flex;
}
.offer-box-wrap .article-items {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.offer-box-wrap .order-item-box {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: auto;
}
.offer-box-wrap .order-bottom-footer , .offer-box-wrap .order-item-details{
    height: auto;
} 
.dashboard-offer-owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -30px;
    top: 35% !important;
    background-size: 32px;
    height: 42px;
    width: 42px;
    border-radius: 50px;
    text-align: center;
    top: 43px;
    line-height: 45px;
    border: 1px solid #e0e3e7;
    background-position: center;
    font-size: 0px;
    color:#888888;
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);
}
.dashboard-offer-owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -30px;
    top: 35% !important;
    height: 42px;
    width: 42px;
    border-radius: 50px;
    text-align: center;
    top: 43px;
    line-height: 45px;
    border: 1px solid #e0e3e7;
    background-position: center;
    font-size: 0px;
    color:#888888;
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);
}
.dashboard-offer-owl-carousel.owl-carousel .owl-nav.disabled, .dashboard-offer-owl-carousel.owl-carousel .owl-dots.disabled {
    display: block;
}
.success-status {
    color:#4CAF50;
    padding-left: 25px;
}
.warning-status {
    color:#EE832A;
    padding-left: 25px;
}
.mover-tracking-status {
    position: relative;
}
.mover-tracking-status .success-status span {
    content:'';
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 50%;
    background: #4CAF50;
    border: 4px solid #c8f5ca;
    vertical-align: middle;
    margin-right: 10px;
    position: absolute;
    margin-left: -25px;
    top: 4px;
}
.mover-tracking-status .warning-status span {
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 50%;
    background: #EE832A;
    border: 4px solid #fddec0;
    vertical-align: middle;
    margin-right: 10px;
    position: absolute;
    margin-left: -25px;
    top: 4px;
}
.profile-completion {
    border-left: 12px solid #C31012;
    border-radius: 3px 0 0 3px;
}
.profile-completion h5 {
    color:#1868B2;
}
.text-unread {
    font-weight: 500;
    color: #6f6f6f !important;
}
.text-unread h6 {
    font-weight: 500;
}
.share-app {
    background: rgb(10,34,78);
    background: linear-gradient(90deg, rgba(10,34,78,1) 30%, rgba(6,70,128,1) 100%);
}
.share-app h4 {
    color: #fede00;
    line-height: normal;
}
.share-app p {
    line-height: normal;
}
.share-app i {
    background-color: #CE3F13;
    border-radius: 3px 0 0 3px;
    margin-top: 1px;
}
/* New dashboard design css end */ 

.btn-load {
    background: #dfdfdf;
    border: 1px solid #a7a7a7;
    color: #565555;
    font-weight: 500;
    text-transform: uppercase;
    width: 300px;
    padding: 12px;
}
@media (max-width: 500px) {
    .btn-load {
        width: auto;
        display: block;
    }
}
@media (max-width: 1145px) { 
    .icons-list.mobile-icon-list li.dropdown {
        position: absolute;
        right: 19px;
        top: 15px;
    }
    .icons-list li:first-child {
        margin-top: 30px;
    }
}
@media (max-width: 1113px) { 
    .icons-list.mobile-icon-list li.dropdown {
        position: absolute;
        right: 19px;
        top: 15px;
    }
    .icons-list li:first-child {
        /* margin-top: 0px; */
        text-align: center;
    }
    .icons-list li .btn {
        margin-bottom: 5px;
    }
}
@media (max-width: 769px) and (min-width: 674px) { 
    .icons-list li:first-child {
        margin-top: 30px;
    }
}
@media (max-width: 673px) { 
    .icons-list li:first-child {
        margin-top: 0px;
    }
}
.nav-affix .tab-navigation {
    width: 100%;
    top: 0px;
    position: fixed;
    overflow: visible!important;
    padding: 28px 0px 0px 0px;
    z-index: 9998;
    margin: 0 auto;
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    margin: 0 auto;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

/*---------------------------------------
    Inventory progess bar style start
-----------------------------------------*/
.progress-file-icon{
    position: relative;
  }
  .progress-file-icon img {
    width: 100%;
    filter: blur(4px);
    -webkit-filter: blur(4px);
  }
  .CircularProgressbar{
    width: 50% !important;
    margin: auto;
  }
  .CircularProgressbar-path {
  stroke: #2A6BAC !important;
  }
  .CircularProgressbar-trail {
  stroke: #eae9e9 !important;
  }
  .CircularProgressbar-text {
    fill: #0B3F74 !important;
    font-weight: bold;
    font-size: 20px;
    dominant-baseline: middle;
    text-anchor: middle;
  }
  .CircularProgressbar-background {
  fill: #4CAF50 !important;;
  }
  .inventory-progess-bar{
    position: absolute;
    top: 41px;
    left: 0;
    right: 0;
    text-align: center;
  }
  /*---------------------------------------
    Inventory progess bar style end
  -----------------------------------------*/
  
  
  /* File Upload New Design Start*/
  
  .horizontal-scroll.file-manager > ul > li .file-wrapper.upload-box{
    height: 200px;
  }
  .uploadfile-icons {
    display: flex;
    justify-content: center;
    background: #f7f4f4;
  }
  .uploadfile-icons a{
    margin: 5px;
  }
  
  #showfile .show-file-picture img{
    width: 100%;
  }
  
  /* File Upload New Design end*/
  /*---------------------------------------
    BGC Verified style Start
-----------------------------------------*/
.bgc-badge-wrap {
    position: absolute;
    top: 5px;
    left: 4px;
}

.bgc-badge-wrap .bgc-badge-media img {
    width: 70px;
}

.bgc-badge-wrap .bgc-badge-media p {
    font-size: 12px;
    line-height: 10px;
}

.bgc-badge-media {
    padding: 4px 15px 8px 40px;
    background: #eeeded;
    border-radius: 50px;
}

.bgc-badge-media::before {
    content: "";
    left: 8px;
    top: 5px;
    position: absolute;
    width: 30px;
    height: 40px;
    background: url(../images/bgc-flag.png) no-repeat;
    background-size: 26px;
}

/* Profile Page */

.bgc-badge-wrap.profile-bgc-badge {
    position: inherit;
    left: 0;
    top: 0;
}

.bgc-badge-wrap.profile-bgc-badge .bgc-badge-media {
    padding: 4px 15px 8px 50px;
    background: #d4d9dd;
    border-radius: 0;
}

.bgc-badge-wrap.profile-bgc-badge .bgc-badge-media::before {
    width: 41px;
    height: 48px;
    background-size: 40px;
    left: 5px;
    top: 6px;
}

.bgc-badge-wrap.profile-bgc-badge .bgc-badge-media img {
    width: 100px;
}

.bgc-badge-wrap.profile-bgc-badge .bgc-badge-media p {
    font-size: 11px;
    line-height: 14px;
}
/* .bgc-badge {
    background-image: url(../images/bgc-flag.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 19px;
    height: 50px;
    width: 135px;
    background-size: 137px;
    left: -22px;
    transform: rotate(-45deg);
}
.bgc-badge span {
    color: #fff;
    font-weight: bold;
    margin-left: 20px;
}
.bgc-badge span i {
    font-size: 12px;
}
.mmc-list-item-badge.bgc-badge{
    left: -12px;
} */

/*---------------------------------------
    BGC Verified style End
-----------------------------------------*/
.offer-grid {
    display: grid;
}

.offer-grid.grid-col-2 {
    grid-template-columns: calc(50% - 15px) calc(50% - 15px);
    column-gap: 30px;
}

.offer-grid.grid-col-3 {
    grid-template-columns: calc(33.3% - 15px) calc(33.3% - 30px) calc(33.3% - 15px);
    column-gap: 30px;
}

@media only screen and (max-width:1024px) {
    .offer-grid.grid-col-3 {
        grid-template-columns: calc(50% - 15px) calc(50% - 15px);
        column-gap: 30px;
    }
}

@media only screen and (max-width:768px) {
    .offer-grid.grid-col-2 {
        grid-template-columns: 100%;
        column-gap: 0;
    }

    .offer-grid.grid-col-3 {
        grid-template-columns: 100%;
        column-gap: 0;
    }
}

.filetype-image img {
    width: 100%;
}
/*---------------------------------------
    My Training style start
-----------------------------------------*/
.my-training-container {
    display: grid;
    grid-template-columns: 300px auto;
    grid-gap: 20px;
}
@media only screen and (max-width: 992px){ 
    .my-training-container {
        grid-template-columns: auto;
    } 
}
.download-pdf-file {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px;
}
@media only screen and (max-width: 767px){ 
    .download-pdf-file {
        width: 300px;
        margin: auto;
    }
}
.download-pdf-file img {
    height: 220px;
    /* width: 100%; */
    margin: auto;
}
.download-pdf-file a {
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    z-index: 9;
    padding: 10px;
    font-weight: bold;
}
/*---------------------------------------
    My Training style end
-----------------------------------------*/
/*---------------------------------------
    schedule-switch Start
-----------------------------------------*/
.schedule-switch {
    display: inline-block;
    border: 1px solid #ddd;
    /* padding: 5px 10px; */
    border-radius: 3px;
    background: #fff;
    margin: 0 0 15px 0;
}
/*---------------------------------------
    schedule-switch End
-----------------------------------------*/

/*---------------------------------------
    Moverappz subscription Start
-----------------------------------------*/
.price-wrapper .disabled {
    opacity: 0.7;
    cursor: not-allowed;
}
.subscrip-msg {
    font-size: 18px;
text-align: center;
padding: 18px;
border: 1px solid #2f8cee;
/* background: #F5F5F5; */
width: 600px;
position: relative;
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
margin: 30px auto;
}
.ribbon {
    padding: 3px;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    margin-top: 0;
}
.ribbon-custom {
    background-color: #2f8cee;
position: absolute;
width: 160px;
z-index: 6;
left: -6px;
font-weight: 600;
color: #fff;
font-size: 16px;
top: 15px;
}
.ribbon-custom:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    font-size: 0;
    line-height: 0;
    z-index: 5;
    border-top: 0 solid transparent;
    border-bottom: 12px solid transparent;
    bottom: -12px;
}
.ribbon-custom:after {
    border-right: 6px solid #2f8cee;
    left: 0;
}
.subscrip-msg p { 
    margin: 0 0 0 40px;
    color: #0e1e9c;
}
.base-package {
    border: 4px solid #055fa2;
}
.price strike {
    color: #dc6056;
}
.money-gurantee-msg img {
    /* position: absolute;
    left: -11px;
    top: -16px; */
    /* background: #dff7fa;
    border: 1px solid #01bcd4;
    border-radius: 50%;
    padding: 5px;
    margin-right: 10px; */
    /* box-shadow: 0 7px 12px 0 rgba(0,0,0,0.2); */
}
.money-gurantee-msg .media .media-right img {
    width: 150px;
    height: 150px;
}
.circle-warning {
    background: #0b707d;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    line-height: 21px;
}
.moverappzFeaturesListing {
    margin: 0;
    padding: 0;
}
.moverappzFeaturesListing li {
    list-style: none;
    font-size: 16px;
    color: #073560;
    position: relative;
    padding-left: 35px;
    margin-bottom: 22px;
}
.moverappzFeaturesListing.moverappzSubscriptionListing li{
    font-size: 14px;
}
.moverappzFeaturesListing li::before{
    content: "\ee73";
    font-family: icomoon;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 26px;
    line-height: 26px;
    color: #4caf50;
}
@media only screen and (max-width: 950px){ 
    .subscrip-msg {
        width: 90%;
    }
    .subscrip-msg p {
        margin: 30px 0 0 0;
    }
}
/*---------------------------------------
    Moverappz subscription End
-----------------------------------------*/
.border-none {
    border: none;
}
.moverappz-profile.upload-company-logo {
    width: 100%;
}
@media only screen and (max-width: 1025px){ 
    .moverappz-profile.upload-company-logo {
        width: 300px;
        margin: 20px auto;
    }
}
.creat-new {
    text-decoration: underline;
    font-weight: 500;
    font-size: 15px;
    display: block;
    text-align: center;
    margin-bottom: 20px;
    color: #147dd0;
}
.creat-new:hover {
    text-decoration: underline;
}
.mover-table .media-body {
    width: 100%;
}
.footer.admin-footer {
    background: #fff;
}
.content {
    padding: 0 20px 30px 20px;
}
.datatable-scroll {
    overflow-x: scroll;
}