@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');
h4, h5, h6,

h1, h2, h3 {
    margin: 0;
}

ul, ol {
    margin: 0;
}

p {
    margin: 0;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}


html, body {
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    overflow-x: hidden;
    background-size: cover;
}

body a {
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {

    margin: 0;

}

p {

    margin: 0;

}

ul, label {

    margin: 10px 0px 10px 0px;

    padding: 0;

}

body a:hover {

    text-decoration: none;

}

/*sidebar navigation*/

label {

    font-weight: normal;

    font-size: 14px;

    margin-bottom: 8px;

}

#sidebar {

    width: 240px;

    height: 100%;

    position: fixed;

    background: rgb(255 255 255);

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    box-shadow: 0 2px 4px 0 rgba(185, 185, 185, 0.5);

    -webkit-box-shadow: 0 2px 4px 0 rgba(185, 185, 185, 0.5);

    -moz-box-shadow: 0 2px 4px 0 rgba(185, 185, 185, 0.5);

    -ms-box-shadow: 0 2px 4px 0 rgba(185, 185, 185, 0.5);

    border: none;

}

#sidebar ul li {

    position: relative;

}

.leftside-navigation, .right-stat-bar {

    height: 100%;

}

.right-stat-bar ul {

    list-style-type: none;

    padding-left: 0;

}

/*LEFT NAVIGATION ICON*/

.dcjq-icon {

    height: 17px;

    width: 17px;

    display: inline-block;

    background: url(../images/nav-expand.png) no-repeat top;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    position: absolute;

    right: 10px;

}

.dcjq-icon:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/plus-icon.webp) no-repeat top;
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    background-size: 12px;
}

.active .dcjq-icon:before {
    background: url(../images/minus.webp) no-repeat top;
}


.right-side-accordion .dcjq-icon {

    height: 17px;

    width: 17px;

    display: inline-block;

    background: url(../images/acc-expand.png) no-repeat top;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    position: absolute;

    right: 10px;

}

.right-side-accordion .active .dcjq-icon {

    background: url(../images/acc-expand.png) no-repeat bottom;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}

.right-side-accordion li:nth-child(2) ul li .prog-row {

    border: none;

}

/*---*/

.nav-collapse.collapse {

    display: inline;

}

ul.sidebar-menu, ul.sidebar-menu li ul.sub {
    margin: -2px 0 0;
    padding: 0;
}

ul.sidebar-menu {

    padding-top: 95px;
}

#sidebar>ul>li>ul.sub {

    display: none;

}

#sidebar .sub-menu>.sub li a {

    padding-left: 46px;

}

#sidebar>ul>li.active>ul.sub, #sidebar>ul>li>ul.sub>li>a {

    display: block;

}

ul.sidebar-menu li ul.sub li {

    background: rgba(52, 48, 48, 0);

    margin-bottom: 0;

    margin-left: 0;

    margin-right: 0;

}

ul.sidebar-menu li ul.sub li a {

    font-size: 12px;

    padding-top: 13px;

    padding-bottom: 13px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    color: black;

}



.page-title {

    background-color: #ffffff;

    margin-bottom: 15px;

    padding: 11px 18px;

    width: 100%;

}

;



ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {

    color: #fff;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    display: block;

    background: rgba(40, 40, 46, 0.28);

}

ul.sidebar-menu li {

    border-bottom: 1px solid rgb(255 255 255);

}

ul.sidebar-menu li.sub-menu {

    line-height: 15px;

}

ul.sidebar-menu ul.sub li {

    border-bottom: none;

}

ul.sidebar-menu li a span {

    display: inline-block;

}

ul.sidebar-menu li a {

    color: #3a3a3a;

    text-decoration: none;

    display: block;

    padding: 18px 0 18px 25px;

    font-size: 13.5px;

    outline: none;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;
    font-weight: 400;
    font-family: 'Poppins';

}


ul.sidebar-menu li a i {

    font-size: 16px;

    padding-right: 0px;

}

ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {

    color: #3f6ad8;

}

ul.sidebar-menu li a.active i {

    color: #d2ae6d;

}

.mail-info, .mail-info:hover {

    margin: -3px 6px 0 0;

    font-size: 11px;

}

.sidebar-menu>li>a>.fa {

    width: 25px;

}

/*main content*/

#main-content {

    margin-left: 240px;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.footer {

    background: #d19a98;

    padding: 20px;

}

.footer p {

    color: #fff;

    letter-spacing: 1px;

}

.footer p a {

    color: #744e7d;

}

.footer p a:hover {

    color: #fff;

}

.header {

    left: 0;

    right: 0;

    z-index: 1002;

    background: #fff;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);

}

.merge-header {

    margin-right: 240px;

}

.fixed-top {

    position: fixed;

    /* box-shadow:1px 0 3px rgba(0,0,0,.15); */

}





.wrapper {

    background-color: #eff7f8;

    display: inline-block;

    margin-top: 60px;

    padding: 30px;

    width: 100%;

}

.brand {

    background: #ffffff;

    float: left;

    width: 240px;

    min-height: 95px;

    position: relative;

}

a.logo {

    font-size: 32px;

    color: #fff;

    float: left;

    margin: 0px 0 0 30px;

    text-transform: uppercase;

    text-align: center;

    width: 100%;

}

a.logo:hover, a.logo:focus {

    text-decoration: none;

    outline: none;

}

a.logo span {

    color: #FF6C60;

}

/*notification*/

#top_menu .nav>li, ul.top-menu>li {

    float: left;

}

.notify-row {

    float: left;

    margin-top: 23px;

    margin-left: 25px;

}

ul.top-menu {

    margin-right: 15px;

    margin-top: 0;

}

ul.top-menu>li>a {

    color: #fff;

    font-size: 16px;

    background: #8b5c7e;

    padding: 4px 8px;

    margin-right: 15px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    padding-right: 8px !important;

}

ul.top-menu>li>a:hover, ul.top-menu>li>a:focus {

    background: #fa9fa4;

    text-decoration: none;

    color: #fff !important;

    padding-right: 8px !important;

}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {

    background: #fa9fa4 !important;

    color: #fff !important;

}

.notify-row .badge {

    position: absolute;

    right: -10px;

    top: -10px;

    z-index: 100;

}

.dropdown-menu.extended {

    max-width: 320px !important;

    min-width: 160px !important;

    top: 42px;

    width: 300px !important;

    padding: 0 10px;

    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1) !important;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    background: #fff;

    border: none;

    left: -10px;

}

.notify-row .notification span.label {

    display: inline-block;

    height: 21px;

    padding: 5px;

    width: 22px;

    font-size: 12px;

    margin-right: 10px;

}

.dropdown-menu.extended .alert-icon, .noti-info {

    float: left;

}

.noti-info {

    padding-left: 10px;

    padding-top: 6px;

    color: #414147;

}

.dropdown-menu.extended .alert {

    margin-bottom: 10px;

}

.dropdown-menu.extended .alert-icon {

    border-radius: 100%;

    display: inline-block;

    height: 35px;

    width: 35px;

}

.dropdown-menu.extended .alert-icon i {

    font-size: 16px;

    width: 35px;

    line-height: 35px;

    height: 35px;

}

.dropdown-menu.extended.inbox li a, .dropdown-menu.extended.tasks-bar li a {

    background: #f1f2f7;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    padding: 10px;

    margin-bottom: 10px;

    float: left;

    width: 100%;

}

.dropdown-menu.extended li p {

    margin: 0;

    padding: 10px 0;

    border-radius: 0px;

    -webkit-border-radius: 0px;

}

.dropdown-menu.extended li a {

    font-size: 12px;

    list-style: none;

}

.dropdown-menu.extended.logout {

    padding: 10px;

}

.dropdown-menu.extended.logout li a {

    padding: 10px;

}

.dropdown-menu.extended li a:hover {

    color: #32323a;

}

.dropdown-menu.tasks-bar .task-info .desc {

    font-size: 13px;

    font-weight: normal;

    float: left;

    width: 80%;

}

.dropdown-menu.tasks-bar .task-info .desc h5 {

    color: #32323a;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 600;

    margin-bottom: 5px;

    margin-top: 0;

}

.dropdown-menu.tasks-bar .task-info .desc p {

    padding-top: 0;

    color: #8f8f9b;

    font-weight: 300;

}

.dropdown-menu.tasks-bar .task-info .percent {

    width: 20%;

    float: right;

    font-size: 13px;

    font-weight: 600;

    padding-left: 10px;

    line-height: normal;

}

.dropdown-menu.tasks-bar .progress {

    background: #fff;

}

.dropdown-menu.extended .progress {

    margin-bottom: 0 !important;

    height: 10px;

}

.dropdown-menu.inbox li a .photo img {

    border-radius: 2px 2px 2px 2px;

    -webkit-border-radius: 2px 2px 2px 2px;

    float: left;

    height: 40px;

    margin-right: 10px;

    width: 40px;

}

.dropdown-menu.inbox li a .subject {

    display: block;

}

.dropdown-menu.inbox li a .subject .from {

    font-size: 12px;

    font-weight: 600;

}

.dropdown-menu.inbox li a .subject .time {

    font-size: 11px;

    font-style: italic;

    font-weight: bold;

    position: absolute;

    right: 20px;

}

.dropdown-menu.inbox li a .message {

    display: block !important;
    font-size: 11px;

}

.top-nav img {

    border-radius: 50%;

    -webkit-border-radius: 50%;

    width: 33px;

}

.top-nav .icon-user i {

    height: 33px;

    width: 33px;

    line-height: 33px;

    display: inline-block;

    font-size: 1.7em;

    padding-left: 10px;

}

.top-nav .icon-user .username {

    color: #555555;

    font-size: 13px;

    position: relative;

    top: -5px;

}

.top-nav .icon-user .caret {

    position: relative;

    top: -4px;

}

.top-nav ul.top-menu>li .dropdown-menu.logout {

    width: 170px !important;

}

.top-nav li.dropdown .dropdown-menu {

    float: right;

    right: 0;

    left: auto;

}

.dropdown-menu.extended.logout>li {

    float: left;

    width: 100%;

}

.log-arrow-up {

    background: url("../images/top-arrow.png") no-repeat;

    width: 18px;

    height: 10px;

    margin-top: -20px;

    float: right;

    margin-right: 15px;

}

.dropdown-menu.extended.logout>li>a {

    border-bottom: none !important;

}

.full-width .dropdown-menu.extended.logout>li>a:hover {

    background: #F1F2F7 !important;

    color: #32323a !important;

}

.dropdown-menu.extended.logout>li>a:hover {

    background: #F1F2F7 !important;

    border-radius: 5px;

}

.dropdown-menu.extended.logout>li>a:hover i {

    color: #ffa2a2;

}

.dropdown-menu.extended.logout>li>a i {

    font-size: 17px;

}

.dropdown-menu.extended.logout>li>a>i {

    padding-right: 10px;

}

.top-nav .username {

    font-size: 13px;

    color: #fff;

}

.top-nav ul.top-menu>li>a {

    border-radius: 100px;

    -webkit-border-radius: 100px;

    padding: 10px;

    background: none;

    margin-right: 0;

    box-shadow: 0px 0px 10px;

    border: 1px solid #fff;

    background: #c3932c;

}

.top-nav ul.top-menu>li.language>a {

    margin-top: -2px;

    padding: 4px 12px;

    line-height: 20px;

}

.top-nav ul.top-menu>li.language>a img {

    border-radius: 0;

    -webkit-border-radius: 0;

    width: 18px;

}

.top-nav ul.top-menu>li.language ul.dropdown-menu li img {

    border-radius: 0;

    -webkit-border-radius: 0;

    width: 18px;

}

.top-nav ul.top-menu>li {

    margin-left: 10px;

}

.top-nav ul.top-menu>li>a:hover, .top-nav ul.top-menu>li>a:focus {

    border: 1px solid #282727;

    background: #282727 !important;

    border-radius: 100px;

    -webkit-border-radius: 100px;

}

.top-nav .dropdown-menu.extended.logout {

    top: 50px;

}

.top-nav .nav .caret {

    border-bottom-color: #A4AABA;

    border-top-color: #A4AABA;

}

.top-nav ul.top-menu>li>a:hover .caret {

    border-bottom-color: #000;

    border-top-color: #000;

}

/*form*/

.position-center {

    width: 62%;

    margin: 0 auto;

}

/*----*/

.notify-arrow {

    background: url("../images/top-arrow.png") no-repeat;

    width: 18px;

    height: 10px;

    margin-top: 0;

    opacity: 0;

    position: absolute;

    left: 16px;

    top: -20px;

    transition: all 0.25s ease 0s;

    z-index: 10;

    margin-top: 10px;

    opacity: 1;

}

/*search*/

.search {

    width: 20px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    border: 1px solid #8b5c7e;

    box-shadow: none;

    background: #8b5c7e url(../images/search-icon.png) no-repeat 10px 8px;

    padding: 0 5px 0 30px;

    color: #fff;

    border-radius: 100px;

    -webkit-border-radius: 100px;

    cursor: pointer;

}

.search:focus {

    width: 180px;

    border: 1px solid #8b5c7e;

    box-shadow: none;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    color: #c8c8c8;

    font-weight: 300;

}

.todo-search:focus {

    width: 100% !important;

}

/*--sidebar toggle---*/

.sidebar-toggle-box {

    float: left;

    margin-top: 13px;

    margin-left: -15px;

    background: #3f6ad8;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    width: 32px;

    height: 32px;

    position: absolute;

    right: -15px;

}

.sidebar-toggle-box .fa-bars {

    cursor: pointer;

    display: inline-block;

    font-size: 14px;

    padding: 9px 9px 10px 10px;

    color: #fff;

}

.sidebar-toggle-box:hover {

    background: #3f6ad8;

}

.hide-left-bar {

    margin-left: -240px !important;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.open-right-bar {

    right: 0px !important;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.merge-left {

    margin-left: 0px !important;

}

.hide-right-bar {

    margin-right: -240px !important;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.toggle-right-box {

    float: left;

    background: #f6f6f6;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    width: 35px;

    height: 35px;

}

.toggle-right-box:hover {

    background: #ffa2a2;

}

.toggle-right-box:hover .fa-bars {

    color: rgba(0, 0, 0, 0.3);

}

.toggle-right-box .fa-bars {

    cursor: pointer;

    display: inline-block;

    font-size: 15px;

    padding: 10px;

    color: #bfbfc1;

}

/*--market--*/

.market-update-block {

    padding: 2em 2em;

    background: #999;

}

.market-update-block h3 {

    color: #fff;

    font-size: 2em;

}

.market-update-block h4 {

    font-size: 1.2em;

    color: #fff;

    margin: 0.3em 0em;

}

.market-update-block p {

    color: #fff;

    font-size: 0.8em;

    line-height: 1.8em;

}

.market-update-block.clr-block-1 {

    background: #53d769;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}

.market-update-block.clr-block-2 {

    background: #fc3158;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}

.market-update-block.clr-block-3 {

    background: #147efb;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}

.market-update-block.clr-block-4 {

    background: #2a2727;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}

.market-update-block.clr-block-1:hover {

    background: #8b5c7e;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}

.market-update-block.clr-block-2:hover {

    background: #8b5c7e;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}

.market-update-block.clr-block-3:hover {

    background: #8b5c7e;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}

.market-update-block.clr-block-4:hover {

    background: #8b5c7e;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}

.market-update-right i.fa.fa-users {

    font-size: 3em;

    color: #fff;

    text-align: left;

}

.market-update-right i.fa.fa-eye {

    font-size: 3em;

    color: #fff;

    text-align: left;

}

.market-update-right i.fa.fa-usd {

    font-size: 3em;

    color: #fff;

    text-align: left;

}

.market-update-right i.fa.fa-shopping-cart {

    font-size: 3em;

    color: #fff;

    text-align: left;

}

.market-update-left {

    padding: 0px;

}

.market-update-right {

    padding-left: 0;

}

.market-updates {

    margin: 1.5em 0;

}

/*--market--*/

.panel-heading {

    position: relative;

    height: 57px;

    line-height: 57px;

    letter-spacing: 0.2px;

    color: #000;

    font-size: 18px;

    font-weight: 400;

    padding: 0 16px;

    background: #ddede0;

    border-top-right-radius: 2px;

    border-top-left-radius: 2px;

    text-transform: uppercase;

    text-align: center;

}

.panel {

    border: none ! important;

}

.agileinfo-grap {

    padding: 2em;

    background: rgb(238, 249, 240);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}

header.agileits-box-header.clearfix h3 {

    font-size: 24px;

    font-weight: 400;

    text-transform: uppercase;

    color: #000;

    text-align: center;

    margin-bottom: 1em;

}

.calendar-widget {

    background-color: #eef9f0;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    padding: 2em;

}

span.panel-title {

    color: #000000;

    font-size: 18px;

}



.agile-calendar-grid {

    border: 1px solid #c0dbc5;

}

.alert-info .alert-icon {

    background-color: #99cce3;

}

.alert-danger .alert-icon {

    background-color: #fcb1ae;

}

.alert-success .alert-icon {

    background-color: #98d7ad;

}

.alert-warning .alert-icon {

    background-color: #ffe699;

}

.alert-icon i {

    width: 40px;

    height: 40px;

    display: block;

    text-align: center;

    line-height: 40px;

    font-size: 20px;

    color: #fff;

}

.alert-icon {

    width: 40px;

    height: 40px;

    display: inline-block;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

}

.notification-sender {

    color: #414147;

}

.alert-success .notification-info a {

    color: #42b663;

}

.notification-info p {

    margin: 0px;

    color: #999;

    font-size: 12px;

}

.notification-meta {

    margin-bottom: 3px;

    padding-left: 0;

    list-style: none;

}

.notification-info {

    margin-left: 56px;

    margin-top: -40px;

}

.notifications {

    background-color: #eef9f0;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    padding: 2em;

}

.alert-danger .notification-info a {

    color: #fb6f6b;

}

.alert-info .notification-info a {

    color: #45a2c9;

}

.alert {

    padding: 16.8px !important;

}

/*-- graphs --*/

.area-grids {

    border: 10px solid #d8d8d8;

    background: #FFF;

    padding: 1em;

}

.charts-right {

    padding-left: 0;

}

.chart-left {

    padding-right: 0;

}

.agile-bottom-right {

    padding-left: 0;

}

.agile-bottom-left {

    padding-right: 0;

}

#graph {

    width: 100%;

    margin: 20px auto 0 auto;

}

pre {

    height: 250px;

    overflow: auto;

}



div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9 {

    width: 100% !important;

    z-index: 1;

}

.agile-Updating-grids, .agile-bottom-grid, .agile-last-grid {

    background: #eef9f0;

    padding: 2em;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}

.agile-bottom-grids {

    margin: 2em 0;

}

.agil-info-calendar {

    margin: 1.5em 0;

}

.area-grids-heading h3 {

    font-size: 20px;

    color: #000;

    text-align: center;

    margin-bottom: 1em;

    text-transform: uppercase;

}

/*-- graphs --*/

/*--statistics--*/

.stats-info ul li {

    margin-bottom: 1em;

    border-bottom: 1px solid #e1ab91;

    padding-bottom: 18px;

    font-size: 0.9em;

    color: #555;

}

.table>thead>tr>th {

    border-top: 1.5px solid #e9e9e9 !important;

}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

    border-bottom: 1px solid #e9e9e9 ! important;

}

.progress.progress-right {

    width: 25%;

    float: right;

    height: 8px;

    margin-bottom: 0;

}

.stats-info ul li.last {

    border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0.5em;

}

.stats-info span.pull-right {

    font-size: 0.7em;

    margin-left: 11px;

    line-height: 2em;

}

.table.stats-table {

    margin-bottom: 0;

}

.stats-table span.label {

    font-weight: 500;

}

.stats-table h5 {

    color: #4F52BA;

    font-size: 0.9em;

}

.stats-table h5.down {

    color: #D81B60;

}

.stats-table h5 i.fa {

    font-size: 1.2em;

    font-weight: 800;

    margin-left: 3px;

}

.stats-table thead tr th {

    color: #8b5c7e;

}

.stats-table td {

    font-size: 0.9em;

    color: #555;

    padding: 11px !important;

}

/*--//statistics--*/

/*--Progress bars--*/

.progress {

    height: 10px;

    margin: 7px 0;

    overflow: hidden;

    background: #e1e1e1;

    z-index: 1;

    cursor: pointer;

}

.task-info .percentage {

    float: right;

    height: inherit;

    line-height: inherit;

}

.task-desc {

    font-size: 12px;

}

.wrapper-dropdown-3 .dropdown li a:hover span.task-desc {

    color: #65cea7;

}

.progress .bar {

    z-index: 2;

    height: 15px;

    font-size: 12px;

    color: white;

    text-align: center;

    float: left;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    -ms-box-sizing: content-box;

    box-sizing: content-box;

    -webkit-transition: width 0.6s ease;

    -moz-transition: width 0.6s ease;

    -o-transition: width 0.6s ease;

    transition: width 0.6s ease;

}

.progress-striped .yellow {

    background: #f0ad4e;

}

.progress-striped .green {

    background: #5cb85c;

}

.progress-striped .light-blue {

    background: #4F52BA;

}

.progress-striped .red {

    background: #d9534f;

}

.progress-striped .blue {

    background: #428bca;

}

.progress-striped .orange {

    background: #e94e02;

}

.progress-striped .bar {

    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));

    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

    -webkit-background-size: 40px 40px;

    -moz-background-size: 40px 40px;

    -o-background-size: 40px 40px;

    background-size: 40px 40px;

}

.progress.active .bar {

    -webkit-animation: progress-bar-stripes 2s linear infinite;

    -moz-animation: progress-bar-stripes 2s linear infinite;

    -ms-animation: progress-bar-stripes 2s linear infinite;

    -o-animation: progress-bar-stripes 2s linear infinite;

    animation: progress-bar-stripes 2s linear infinite;

}

@-webkit-keyframes progress-bar-stripes {

    from {

        background-position: 40px 0;

    }

    to {

        background-position: 0 0;

    }

}

@-moz-keyframes progress-bar-stripes {

    from {

        background-position: 40px 0;

    }

    to {

        background-position: 0 0;

    }

}

@-ms-keyframes progress-bar-stripes {

    from {

        background-position: 40px 0;

    }

    to {

        background-position: 0 0;

    }

}

@-o-keyframes progress-bar-stripes {

    from {

        background-position: 0 0;

    }

    to {

        background-position: 40px 0;

    }

}

@keyframes progress-bar-stripes {

    from {

        background-position: 40px 0;

    }

    to {

        background-position: 0 0;

    }

}

/*--Progress bars--*/

.stats-info-agileits {

    background: #eef9f0;

    padding: 2em;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}

.agileits-w3layouts-stats {

    margin: 1.5em 0;

}

h4.title {

    font-size: 20px;

    color: #000;

    text-align: center;

    margin-bottom: 2em;

    text-transform: uppercase;

}

.stats-last-agile {

    background: #eef9f0;

    padding: 2em;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}

.w3-agile-google_map {

    background: #eef9f0;

    padding: 2em;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}

.w3-agile-map-left iframe {

    width: 100%;

    min-height: 450px;

    border: 15px solid #ffffff;

    outline: none;

}

.w3-agile-map-right iframe {

    width: 100%;

    min-height: 450px;

    border: 15px solid #ffffff;

    outline: none;

}

/*button*/

.btn-row {

    margin-bottom: 10px;

}

.typo-agile {

    background: #eef9f0;

    padding: 2em;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}

/*-- icons --*/

.codes a {

    color: #999;

}

.icon-box {

    padding: 8px 15px;

    background: rgb(218, 223, 219);

    margin: 1em 0 1em 0;

    border: 5px solid #eef9f0;

    text-align: left;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 13px;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

    -moz-transition: 0.5s all;

    cursor: pointer;

}

.icon-box:hover {

    background: #000;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

    -moz-transition: 0.5s all;

}

.icon-box:hover i.fa {

    color: #fff !important;

}

.icon-box:hover a.agile-icon {

    color: #fff !important;

}

.codes .bs-glyphicons li {

    float: left;

    width: 12.5%;

    height: 115px;

    padding: 10px;

    line-height: 1.4;

    text-align: center;

    font-size: 12px;

    list-style-type: none;

}

.codes .bs-glyphicons .glyphicon {

    margin-top: 5px;

    margin-bottom: 10px;

    font-size: 24px;

}

.codes .glyphicon {

    position: relative;

    top: 1px;

    display: inline-block;

    font-family: 'Glyphicons Halflings';

    font-style: normal;

    font-weight: 400;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    color: #777;

}

.codes .bs-glyphicons .glyphicon-class {

    display: block;

    text-align: center;

    word-wrap: break-word;

}

h3.icon-subheading {

    font-size: 28px;

    color: #b64d99 !important;

    margin: 30px 0 15px;

    letter-spacing: 2px;

    border: none;

    display: block;

}

h3.agileits-icons-title {

    text-align: center;

    font-size: 33px;

    color: #222222;

    font-weight: 600;

    letter-spacing: 2px;

}

.icons a {

    color: #000000;

}

.icon-box i {

    margin-right: 10px !important;

    font-size: 20px !important;

    color: #000000 !important;

}

.bs-glyphicons li {

    float: left;

    width: 18%;

    height: 115px;

    padding: 10px;

    line-height: 1.4;

    text-align: center;

    font-size: 12px;

    list-style-type: none;

    background: rgba(149, 149, 149, 0.18);

    margin: 1%;

}

.bs-glyphicons .glyphicon {

    margin-top: 5px;

    margin-bottom: 10px;

    font-size: 24px;

    color: #282a2b;

}

.glyphicon {

    position: relative;

    top: 1px;

    display: inline-block;

    font-family: 'Glyphicons Halflings';

    font-style: normal;

    font-weight: 400;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    color: #777;

}

.bs-glyphicons .glyphicon-class {

    display: block;

    text-align: center;

    word-wrap: break-word;

}

@media (max-width:1080px) {

    .icon-box {

        width: 33.33%;

    }

}

@media (max-width:991px) {

    h3.agileits-icons-title {

        font-size: 28px;

    }

    h3.icon-subheading {

        font-size: 22px;

    }

}

@media (max-width:768px) {

    h3.agileits-icons-title {

        font-size: 28px;

    }

    h3.icon-subheading {

        font-size: 25px;

    }

    .row {

        margin-right: 0;

        margin-left: 0;

    }

    .icon-box {

        margin: 0;

        width: 100%;

    }

}

@media (max-width: 640px) {

    .icon-box {

        float: left;

        width: 50%;

    }

}

@media (max-width: 480px) {

    .bs-glyphicons li {

        width: 31%;

    }

}

@media (max-width: 414px) {

    h3.agileits-icons-title {

        font-size: 23px;

    }

    h3.icon-subheading {

        font-size: 18px;

    }

    .bs-glyphicons li {

        width: 31.33%;

    }

}

@media (max-width: 384px) {

    .icon-box {

        float: none;

        width: 100%;

    }

}

/*-- //icons --*/

.w3_wthree_agileits_icons.main-grid-border {

    padding: 5em 0;

}

/*--Typography--*/

.well {

    font-weight: 300;

    font-size: 14px;

}

.list-group-item {

    font-weight: 300;

    font-size: 14px;

}

li.list-group-item1 {

    font-size: 14px;

    font-weight: 300;

}

.typo p {

    margin: 0;

    font-size: 14px;

    font-weight: 300;

}

.show-grid [class^=col-] {

    background: #fff;

    text-align: center;

    margin-bottom: 10px;

    line-height: 2em;

    border: 10px solid #f0f0f0;

}

.show-grid [class*="col-"]:hover {

    background: #e0e0e0;

}

.grid_3 {

    margin-bottom: 2em;

}

.xs h3, h3.m_1 {

    color: #000;

    font-size: 1.7em;

    font-weight: 300;

    margin-bottom: 1em;

}

.grid_3 p {

    color: #999;

    font-size: 0.85em;

    margin-bottom: 1em;

    font-weight: 300;

}

.grid_4 {

    background: none;



}

.label {

    font-weight: 300 !important;

    border-radius: 4px;

}

.grid_5 {

    background: none;

    padding: 2em 0;

}

.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {

    margin-bottom: 1em;

    color: #b64d99;

    font-size: 26px;

    letter-spacing: 2px;

}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {

    border-top: none !important;

}

.tab-content>.active {

    display: block;

    visibility: visible;

}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {

    z-index: 0;

}

.badge-primary {

    background-color: #03a9f4;

}

.badge-success {

    background-color: #fb5710;

}

.badge-warning {

    background-color: #ffc107;

}

.badge-danger {

    background-color: #e51c23;

}

.grid_3 p {

    line-height: 2em;

    color: #888;

    font-size: 0.9em;

    margin-bottom: 1em;

    font-weight: 300;

}

.bs-docs-example {

    margin: 1em 0;

}

section#tables p {

    margin-top: 1em;

}

.tab-container .tab-content {

    border-radius: 0 2px 2px 2px;

    border: 1px solid #e0e0e0;

    padding: 16px;

    background-color: #ffffff;

}

.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

    padding: 15px !important;

}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {

    font-size: 0.9em;

    color: #999;

    border-top: none !important;

}

.tab-content>.active {

    display: block;

    visibility: visible;

}

.label {

    font-weight: 300 !important;

}

.label {

    padding: 4px 6px;

    border: none;

    text-shadow: none;

}

.alert {

    font-size: 0.85em;

}

h1.t-button, h2.t-button, h3.t-button, h4.t-button, h5.t-button {

    line-height: 2em;

    margin-top: 0.5em;

    margin-bottom: 0.5em;

}

li.list-group-item1 {

    line-height: 2.5em;

}

.input-group {

    margin-bottom: 20px;

}

.in-gp-tl {

    padding: 0;

}

.in-gp-tb {

    padding-right: 0;

}

.list-group {

    margin-bottom: 48px;

}

ol {

    margin-bottom: 44px;

}

h2.typoh2 {

    margin: 0 0 10px;

}

@media (max-width:768px) {

    .grid_5 {

        padding: 0 0 1em;

    }

    .grid_3 {

        margin-bottom: 0em;

    }

}

@media (max-width:640px) {

    h1, .h1, h2, .h2, h3, .h3 {

        margin-top: 0px;

        margin-bottom: 0px;

    }

    .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {

        margin-bottom: .5em;

    }

    .progress {

        height: 10px;

        margin-bottom: 10px;

    }

    ol.breadcrumb li, .grid_3 p, ul.list-group li, li.list-group-item1 {

        font-size: 14px;

    }

    .breadcrumb {

        margin-bottom: 25px;

    }

    .well {

        font-size: 14px;

        margin-bottom: 10px;

    }

    h2.typoh2 {

        font-size: 1.5em;

    }

    .label {

        font-size: 60%;

    }

    .in-gp-tl {

        padding: 0 1em;

    }

    .in-gp-tb {

        padding-right: 1em;

    }

}

@media (max-width:480px) {

    .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {

        font-size: 1.2em;

    }

    .table h1 {

        font-size: 26px;

    }

    .table h2 {

        font-size: 23px;

    }

    .table h3 {

        font-size: 20px;

    }

    .label {

        font-size: 53%;

    }

    .alert, p {

        font-size: 14px;

    }

    .pagination {

        margin: 20px 0 0px;

    }

    .grid_3.grid_4.w3layouts {

        margin-top: 25px;

    }

}

@media (max-width: 320px) {

    .grid_4 {

        margin-top: 18px;

    }

    h3.title {

        font-size: 1.6em;

    }

    .alert, p, ol.breadcrumb li, .grid_3 p, .well, ul.list-group li, li.list-group-item1, a.list-group-item {

        font-size: 13px;

    }

    .alert {

        padding: 10px;

        margin-bottom: 10px;

    }

    ul.pagination li a {

        font-size: 14px;

        padding: 5px 10px;

    }

    .list-group {

        margin-bottom: 10px;

    }

    .well {

        padding: 10px;

    }

    .nav>li>a {

        font-size: 14px;

    }

}

/*-- //typography --*/

.typo {

    padding: 5em 0;

}

ul.bs-glyphicons-list {

    padding: 0;

}

.w3ls_head {

    font-size: 30px;

    color: #000000;

    margin-bottom: 2em;

    letter-spacing: 2px;

    text-transform: uppercase;

    text-align: center;

}

.agile-grid {

    background: #eef9f0;

    padding: 2em;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}

.wthree-font-awesome {

    background: #eef9f0;

    padding: 2em;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}

.w3layouts-glyphicon {

    background: #eef9f0;

    padding: 2em;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}

.table-agile-info {

    background: #eef9f0;

    padding: 2em;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}

.form-w3layouts {

    background: #eef9f0;

    padding: 2em;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}

.panel-default>.panel-heading {

    color: #000000 ! important;

    background-color: #ddede0 ! important;

    border-color: #ddede0 ! important;

    font-size: 20px;

}

p.hd-title {

    color: #b64d99;

    font-size: 20px;

    margin-bottom: 1em;

}

.bg-success {

    color: #c6efd0;

    background-color: #27c24c;

}

.bg-info {

    color: #dcf2f8;

    background-color: #23b7e5;

}

.bg-info {

    color: #dcf2f8;

    background-color: #23b7e5;

}

.bg-danger {

    color: #ffffff;

    background-color: #f05050;

}

.text-success {

    color: #27c24c;

}

.text-warning {

    color: #fad733;

}

.text-danger {

    color: #f05050;

}

.btn-default {

    color: #58666e !important;

    background-color: #fcfdfd;

    background-color: #fff;

    border-color: #dee5e7;

    border-bottom-color: #d8e1e3;

    -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);

    box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);

}

select.input-sm {

    height: 30px;

    line-height: 30px;

}

.w-sm {

    width: 150px;

}

.inline {

    display: inline-block !important;

}

.v-middle {

    vertical-align: middle !important;

}

.m-b-xs {

    margin-bottom: 5px;

}

#upload {

    font-family: 'PT Sans Narrow', sans-serif;

    background-color: #fff;

    /*background-image:-webkit-linear-gradient(top, #373a3d, #313437);*/

    /*background-image:-moz-linear-gradient(top, #373a3d, #313437);*/

    /*background-image:linear-gradient(top, #373a3d, #313437);*/

    width: 100%;

    padding: 30px;

    border-radius: 3px;

    margin: 0px auto 100px;

    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/

}

#drop {

    background-color: #fff;

    padding: 100px 50px;

    margin-bottom: 30px;

    border: 5px dashed #F1F2F7;

    border-radius: 3px;

    /*border-image: url('../img/border-image.png') 25 repeat;*/

    text-align: center;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: bold;

    color: #7f858a;

}

#drop a {

    background-color: #8b5c7e;

    padding: 12px 26px;

    color: #fff;

    font-size: 14px;

    border-radius: 2px;

    cursor: pointer;

    display: inline-block;

    margin-top: 12px;

    line-height: 1;

}

#drop a:hover {

    background-color: #dfa7a6;

}

#drop input {

    display: none;

}

#upload ul {

    list-style: none;

    margin: 0;

    /*border-top:1px solid #2b2e31;*/

    /*border-bottom:1px solid #3d4043;*/

}

#upload ul li {

    background-color: #F1F2F7;

    /*background-image:-webkit-linear-gradient(top, #333639, #303335);*/

    /*background-image:-moz-linear-gradient(top, #333639, #303335);*/

    /*background-image:linear-gradient(top, #333639, #303335);*/

    /*border-top:1px solid #3d4043;*/

    /*border-bottom:1px solid #2b2e31;*/

    padding: 15px;

    height: 80px;

    position: relative;

}

#upload ul li input {

    display: none;

}

#upload ul li p {

    width: 144px;

    overflow: hidden;

    white-space: nowrap;

    color: #32323a;

    font-size: 16px;

    font-weight: bold;

    position: absolute;

    top: 20px;

    left: 100px;

}

#upload ul li i {

    font-weight: normal;

    font-style: normal;

    color: #7f7f7f;

    display: block;

}

#upload ul li canvas {

    top: 15px;

    left: 32px;

    position: absolute;

}

#upload ul li span {

    width: 15px;

    height: 12px;

    background: url('../img/icons.png') no-repeat;

    position: absolute;

    top: 34px;

    right: 33px;

    cursor: pointer;

}

#upload ul li.working span {

    height: 16px;

    background-position: 0 -12px;

}

#upload ul li.error p {

    color: #8b5c7e;

}

#tzine-download {

    opacity: 0.9;

    background-color: #257691;

    font-size: 11px;

    text-align: center;

    text-transform: uppercase;

    width: 150px;

    height: 28px;

    line-height: 28px;

    text-decoration: none !important;

    display: inline-block;

    border-radius: 2px;

    color: #fff !important;

    font-weight: bold;

    box-shadow: 0 -1px 2px #1e5e74 inset;

    border-top: 1px solid #26849c;

    text-shadow: 1px 1px 1px #1e6176;

    margin-top: 6px;

}

#tzine-download:hover {

    opacity: 1;

}

#tzine-actions {

    position: absolute;

    top: 0;

    width: 500px;

    right: 50%;

    margin-right: -420px;

    text-align: right;

}

#tzine-actions iframe {

    display: inline-block;

    height: 21px;

    width: 95px;

    position: relative;

    float: left;

    margin-top: 11px;

}

.badge.bg-important {

    background: #ff6c60;

}

.badge.bg-warning {

    background: #FCB322;

}

/* mail inbox */

.mail-nav {

    margin: 15px -15px 0 -15px;

}

.mail-nav li a {

    border-radius: 0;

    -webkit-border-radius: 0;

    border-top: 1px solid #f2f3f6;

    padding: 15px;

    border-right: 3px solid rgba(0, 0, 0, 0);

}

.mail-nav>li>a:hover, .mail-nav>li>a:focus {

    background: #fafafa;

    color: #8b5c7e;

    border-right: 3px solid #8b5c7e;

}

.mail-nav>li.active>a, .mail-nav>li.active>a:hover, .mail-nav>li.active>a:focus {

    background: #fafafa;

    color: #8b5c7e;

    border-right: 3px solid #8b5c7e;

}

.mail-nav>li+li {

    margin-left: 0;

    margin-top: 0px;

}

.mail-nav i {

    font-size: 16px;

    margin-right: 10px;

}

.inbox-notification {

    margin-top: -2px;

}

.user-head .inbox-avatar {

    width: 65px;

    float: left;

}

.user-head .inbox-avatar img {

    border-radius: 4px;

    -webkit-border-radius: 4px;

}

.user-head .user-name {

    display: inline-block;

    margin: 0 0 0 10px;

}

.user-head .user-name h5 {

    font-size: 14px;

    margin-top: 15px;

    margin-bottom: 0;

    font-weight: 300;

}

.user-head .user-name h5 a {

    color: #fff;

}

.user-head .user-name span a {

    font-size: 12px;

    color: #87e2e7;

}

a.mail-dropdown {

    background: #80d3d9;

    padding: 3px 5px;

    font-size: 10px;

    color: #01a7b3;

    border-radius: 2px;

    margin-top: 20px;

}

.inbox-body {

    padding: 20px;

}

.btn-compose {

    background: #f0bcb4;

    padding: 12px 0;

    text-align: center;

    width: 100%;

    color: #fff;

}

.btn-compose:hover, .btn-compose:focus {

    background: #1ca59e;

    color: #fff;

}

ul.inbox-nav {

    display: inline-block;

    width: 100%;

    margin: 0;

    padding: 0;

}

.inbox-divider {

    border-bottom: 1px solid #d5d8df;

}

.inbox-action {

    margin-top: 50px;

}

.src-position {

    margin-top: -7px;

}

.mail-src-position {

    margin-top: -3px;

}

ul.labels-info {

    border-bottom: 1px solid #f1f2f7;

    margin-bottom: 10px;

}

ul.inbox-nav li {

    display: inline-block;

    line-height: 45px;

    width: 100%;

}

ul.inbox-nav li a {

    color: #6a6a6a;

    line-height: 45px;

    width: 100%;

    display: inline-block;

    padding: 0 20px;

}

ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {

    color: #6a6a6a;

    background: #d5d7de;

}

ul.inbox-nav li a i {

    padding-right: 10px;

    font-size: 16px;

    color: #6a6a6a;

}

ul.inbox-nav li a span.label {

    margin-top: 13px;

}

ul.labels-info li h4 {

    padding-top: 5px;

    color: #5c5c5e;

    font-size: 15px;

    text-transform: uppercase;

}

ul.labels-info li {

    margin: 0;

}

ul.labels-info li a {

    color: #6a6a6a;

    border-radius: 0;

    padding-left: 0;

    padding-right: 0;

}

ul.labels-info li a:hover, ul.labels-info li a:focus {

    color: #6a6a6a;

    background: none;

}

ul.labels-info li a i {

    padding-right: 10px;

}

.nav.nav-pills.nav-stacked.labels-info p {

    margin-bottom: 0;

    padding: 0 22px;

    color: #9d9f9e;

    font-size: 11px;

}

.inbox-head {

    padding: 20px;

    background: #41cac0;

    color: #fff;

    border-radius: 0 4px 0 0;

    -webkit-border-radius: 0 4px 0 0;

    min-height: 80px;

}

.inbox-head h3 {

    margin: 0;

    display: inline-block;

    padding-top: 6px;

    font-weight: 300;

}

.inbox-head .sr-input {

    height: 40px;

    border: none;

    box-shadow: none;

    padding: 0 10px;

    float: left;

    border-radius: 4px 0 0 4px;

    color: #8a8a8a;

}

.inbox-head .sr-btn {

    height: 40px;

    border: none;

    background: #00a6b2;

    color: #fff;

    padding: 0 20px;

    border-radius: 0 4px 4px 0;

    -webkit-border-radius: 0 4px 4px 0;

}

.wht-bg {

    background: #fff;

    padding: 20px;

}

.wht-bg h4 {

    font-size: 24px;

    color: #a2a2a2;

    font-weight: 300;

    text-align: left;

}

.table-inbox-wrap {

    margin: 0 -15px;

}

.mail-checkbox {

    margin-right: 10px;

}

.table-inbox {

    margin: 0;

}

.table-inbox tr td {

    padding: 12px !important;

}

.table-inbox tr td:first-child {

    width: 5%;

}

.table-inbox tr td:first-child .icheckbox_minimal {

    margin-left: 15px;

}

.table-inbox tr td:hover {

    cursor: pointer;

}

.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {

    color: #f78a09;

}

.table-inbox tr td .fa-star {

    color: #d5d5d5;

}

.table-inbox tr.unread td {

    font-weight: 600;

    background: #f7f7f7;

}

.table-inbox tr.unread a {

    color: #32323a;

}

.table-inbox tr a {

    color: #767676;

}

ul.inbox-pagination {

    float: right;

    list-style-type: none;

}

ul.inbox-pagination li {

    float: left;

}

.pagination li a {

    color: #32323a;

}

.mail-option {

    display: inline-block;

    margin-bottom: 10px;

    width: 100%;

}

.mail-option .chk-all {

    float: left;

}

.mail-option .chk-all, .mail-option .btn-group {

    margin-right: 5px;

}

.mail-option .chk-all, .mail-option .btn-group a.btn {

    border: 1px solid #e7e7e7;

    padding: 5px 10px;

    display: inline-block;

    background: #fcfcfc;

    color: #afafaf;

    border-radius: 3px !important;

    -webkit-border-radius: 3px !important;

}

.inbox-pagination a.np-btn {

    border: 1px solid #e7e7e7;

    padding: 5px 15px;

    display: inline-block;

    background: #fcfcfc;

    color: #afafaf;

    border-radius: 3px !important;

    -webkit-border-radius: 3px !important;

}

.mail-option .chk-all input[type=checkbox] {

    margin-top: 0;

}

.mail-option .btn-group a.all {

    padding: 0;

    border: none;

}

.inbox-pagination a.np-btn {

    margin-left: 5px;

}

.inbox-pagination li span {

    display: inline-block;

    margin-top: 7px;

    margin-right: 5px;

}

.fileinput-button {

    border: 1px solid #e6e6e6;

    background: #eeeeee;

}

.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {

    border: 1px solid #e6e6e6;

    box-shadow: none;

}

.btn-send, .btn-send:hover {

    background: #00A8B3;

    color: #fff;

}

.btn-send:hover {

    background: #009da7;

}

.modal-header h4.modal-title {

    font-weight: 300;

    font-family: 'Open Sans', sans-serif;

}

.modal-body label {

    font-weight: 400;

    font-family: 'Open Sans', sans-serif;

}

.compose-mail {

    width: 100%;

    display: inline-block;

    position: relative;

    margin-top: 20px;

}

.compose-mail .compose-options {

    color: #979797;

    cursor: pointer;

    display: inline-block;

    font-size: 14px;

    position: absolute;

    right: 10px;

    top: 7px;

}

.compose-mail input, .compose-mail input:focus {

    border: none;

    padding: 0;

    width: 80%;

    float: left;

}

.compose-mail .form-group {

    border: 1px solid #F2F3F6;

    display: inline-block;

    width: 100%;

    margin-bottom: 0;

}

.compose-mail .form-group label {

    line-height: 34px;

    width: 10%;

    float: left;

    padding-left: 5px;

    margin-bottom: 0;

}

.compose-editor input {

    margin-top: 15px;

}

.compose-editor {

    margin-bottom: 15px;

    display: inline-block;

    width: 100%;

}

.compose-btn {

    float: left;

    margin-top: 6px;

}

.mail-header h4 {

    font-weight: 300;

}

.mail-sender, .attachment-mail {

    width: 100%;

    display: inline-block;

    margin: 20px 0;

    border-top: 1px solid #EFF2F7;

    border-bottom: 1px solid #EFF2F7;

    padding: 10px 0;

}

.mail-sender img {

    width: 30px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

}

.mail-sender .date {

    line-height: 30px;

    margin-bottom: 0;

    text-align: right;

}

.view-mail a, .attachment-mail a:hover {

    color: #35bcb5;

}

.attachment-mail a {

    color: #32323a;

}

.attachment-mail ul li {

    float: left;

    width: 200px;

    margin-right: 15px;

    margin-top: 15px;

    list-style: none;

}

.attachment-mail ul li a.atch-thumb img {

    width: 200px;

    height: 180px;

    margin-bottom: 10px;

}

.attachment-mail ul li a.name span {

    float: right;

    color: #767676;

}

.agile-info h3 {

    font-size: 2.5em;

    text-transform: uppercase;

    color: #8b5c7e;

    font-weight: 500;

    letter-spacing: 12px;

}

.agile-info h2 {

    font-size: 12em;

    color: #8b5c7e;

    line-height: 1;

    font-weight: 300;

    letter-spacing: 20px;

}

.agile-info {

    padding: 9em 2em 16.6em;

    background: rgba(240, 188, 180, 0.42);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    text-align: center;

}

.agile-info p {

    font-size: 1em;

    color: #fff;

    text-transform: capitalize;

    letter-spacing: 1px;

    margin-bottom: 3em;

    margin-top: 2em;

}

.agile-info a {

    font-size: 1em;

    text-transform: uppercase;

    color: white;

    width: 18%;

    padding: 12px 0px;

    letter-spacing: 2px;

    display: inline-block;

    background: #f0bcb4;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -o-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.agile-info a:hover {

    background: #8b5c7e;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -o-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

/*-- gallery --*/

.w3l-gallery-heading h3 {

    text-align: right !important;

    color: #FF5722 !important;

}

.gallery-grid img {

    width: 100%;

    cursor: pointer;

}

.gallery-top-grids:nth-child(2), .gallery-top-grids:nth-child(3) {

    margin-top: 0;

}

.gallery-grids-left {

    padding: 10px;

}

.gallery-grid {

    position: relative;

    overflow: hidden;

}

.gallery-grid:hover .captn {

    bottom: 12%;

}

.captn {

    background: rgba(139, 92, 126, 0.73);

    padding: 2em;

    position: absolute;

    border: solid 1px #FFF;

    left: 6%;

    bottom: -100%;

    text-align: center;

    width: 340px;

    height: 200px;

    -webkit-transition: .5s all;

    transition: .5s all;

    -moz-transition: .5s all;

}

.captn h4 {

    font-size: 1.2em;

    color: #fff;

    margin: 2.5em 0 0 0;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 2px;

}

.captn p {

    margin: 0.5em 0 0 0;

    color: #FFFFFF;

    font-size: .9em;

}

/*-- //gallery --*/

.gallery {

    padding: 2em;

    background: rgb(238, 249, 240);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}

/*-- gallery --*/

.w3layouts-main h2 {

    color: #000000;

    font-size: 29px;

    letter-spacing: 2px;

    text-transform: uppercase;

    padding-bottom: 15px;

    text-align: center;

}

.w3layouts-main {

    width: 25%;

    margin: 5em auto;

    background: rgb(255 255 255 / 88%);

    padding: 42px 35px;

    box-shadow: 0 2px 4px 0 rgba(185, 185, 185, 0.5);

    -webkit-box-shadow: 0 2px 4px 0 rgba(185, 185, 185, 0.5);

    -moz-box-shadow: 0 2px 4px 0 rgba(185, 185, 185, 0.5);

    -ms-box-shadow: 0 2px 4px 0 rgba(185, 185, 185, 0.5);

    border-radius: 15px;

}

/*--//header--*/

/*--login--*/

input.ggg {

    width: 100%;

    padding: 15px 0px 15px 15px;

    border: 1px solid #5c5c5c;

    outline: none;

    font-size: 14px;

    color: #5c5c5c;

    margin: 14px 0px;

    background: none;

}

.w3layouts-main span {

    font-size: 16px;

    color: #fff;

    float: left;

    width: 32%;

    margin-top: 8px;

}

.w3layouts-main h6 {

    font-size: 16px;

    float: right;

    width: 37%;

    color: #fff;

    letter-spacing: 1px;

    margin-top: 8px;

    text-decoration: underline;

}

.w3layouts-main a {

    color: #fff;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -o-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.w3layouts-main a:hover {

    color: #f0bcb4;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -o-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.w3layouts-main input[type="submit"] {

    padding: 12px 38px;

    font-size: 18px;

    text-transform: uppercase;

    letter-spacing: 2px;

    background: #3f6ad8;

    color: white;

    border: none;

    outline: none;

    display: table;

    cursor: pointer;

    margin: 45px auto 31px;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -o-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.w3layouts-main input[type="submit"]:hover {

    background: #3f6ad8;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -o-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.w3layouts-main p a {

    color: #f0bcb4;

    padding: 10px;

}

.w3layouts-main p a:hover {

    color: #fff;

}

.w3layouts-main p {

    font-size: 17px;

    color: #fff;

    text-align: center;

}

/*--//login--*/

h4 input[type="checkbox"] {

    margin-right: 10px;

}

.w3layouts-main h4 {

    margin-right: 10px;

    color: #fff;

    font-weight: 400;

    font-size: 14px;

}

/*--placeholder-color--*/

::-webkit-input-placeholder {

    color: #5c5c5c !important;

}

:-moz-placeholder {
    /* Firefox 18- */

    color: #5c5c5c !important;

}

::-moz-placeholder {
    /* Firefox 19+ */

    color: #5c5c5c !important;

}

:-ms-input-placeholder {

    color: #5c5c5c !important;

}

/*--//placeholder-color--*/

.alert {

    margin-bottom: 23px !important;

}

div#chartContainer1, div#chartContainer2, div#chartContainer3, div#chartContainer4 {

    width: 100%;

    min-height: 500px;

}

div#chartContainer5, div#chartContainer6, div#chartContainer7, div#chartContainer8 {

    width: 100%;

    min-height: 500px;

}

.chart_agile_top {

    background-color: #eef9f0;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    padding: 2em;

    margin: 0 0 2em;

}

.floatcharts_w3layouts_top {

    background-color: #eef9f0;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    padding: 2em;

}

.map_wthree_top {

    background-color: #eef9f0;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    padding: 2em;

}

.vector-stat {

    height: 150px;

    margin-top: 20px;

}



.chart_agile_bottom {

    padding: 20px;

    background: #fff;

}

.floatcharts_w3layouts_bottom {

    padding: 20px;

    background: #fff;

}

.floatcharts_w3layouts_left {

    margin-bottom: 2em;

}

.w3-res-tb {

    padding: 2em 1em 0;

}

.pagination {

    margin: 0 !important;

}

div#graph10, div#graph11 {

    width: 100%;

}

/*-- responsive design --*/

@media (max-width: 1440px) {

    .w3layouts-main {

        width: 33%;

    }

    .captn {

        padding: 1em;

        width: 301px;

        height: 182px;

    }

}

@media (max-width: 1366px) {

    .w3layouts-main {

        width: 35%;

    }

    .captn {

        width: 280px;

        height: 170px;

    }

}

@media (max-width: 1280px) {

    .w3layouts-main {

        width: 38%;

    }

    .captn {

        width: 256px;

        height: 150px;

    }

    .market-update-block {

        padding: 1em 1em;

    }

    .alert {

        margin-bottom: 13px !important;

        padding: 12.8px !important;

    }

    div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9, div#graph10, div#graph11 {

        width: 260px ! important;

    }

}

@media (max-width: 1080px) {

    .w3layouts-main {

        width: 45%;

    }

    .agile-info {

        padding: 9.1em 2em;

    }

    .captn {

        width: 198px;

        height: 118px;

    }

    .captn h4 {

        margin: 1em 0 0 0;

    }

    .market-update-gd {

        float: left;

        width: 50%;

        margin: 1em 0;

    }

    .market-updates {

        margin: 0em 0;

    }

    .agile-calendar {

        width: 100%;

        margin-bottom: 1.5em;

    }

    .w3agile-notifications {

        width: 100%;

    }

    .agile-last-left {

        width: 100%;

    }

    .agile-last-left.agile-last-middle {

        width: 100%;

        margin: 1.5em 0;

    }

    .agile-last-left.agile-last-right {

        width: 100%;

    }

    div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9, div#graph10, div#graph11 {

        width: 650px !important;

    }

    .stats-info.widget {

        width: 100%;

        margin-bottom: 1.5em;

    }

    .stats-info.stats-last.widget-shadow {

        width: 100%;

    }

    .w-sm {

        width: 138px;

    }

}

@media (max-width: 1024px) {

    .w3layouts-main {

        width: 47%;

    }

    .captn {

        width: 180px;

        height: 110px;

    }

}

@media (max-width: 991px) {

    .captn {

        width: 171px;

        height: 102px;

    }

    .market-update-left {

        float: left;

        margin-left: 20px;

    }

    .market-update-right {

        float: left;

    }

    div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9, div#graph10, div#graph11 {

        width: 600px !important;

    }

    .w-sm {

        width: 127px;

    }

}

@media (max-width: 800px) {

    .w3layouts-main {

        width: 62%;

    }

    .gallery-grids-left {

        width: 100%;

    }

    .captn {

        width: 350px;

        height: 200px;

    }

    .captn h4 {

        margin: 3em 0 0 0;

    }

    .market-update-right {

        width: 100%;

        padding: 0;

        text-align: center;

    }

    .market-update-left {

        margin-left: 0;

        text-align: center;

        width: 100%;

    }

    div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9, div#graph10, div#graph11 {

        width: 430px !important;

    }

    .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

        padding: 7px !important;

    }

    .com-w3ls {

        width: 100%;

    }

    .mail-w3agile {

        width: 100%;

    }

}

@media (max-width: 768px) {

    .agile-info {

        padding: 17em 2em;

    }

    div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9, div#graph10, div#graph11 {

        width: 400px !important;

    }

    .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

        padding: 6px !important;

    }

    #drop {

        padding: 100px 30px;

    }

    .table-agile-info {

        padding: 2em 2em 10.7em;

    }

    .position-center {

        width: 100%;

        margin: 0 auto;

    }

    #upload {

        margin: 0px auto 230px;

    }

    .w3ls-graph {

        padding: 0;

    }

    .w3layouts-main {

        margin: 14.3em auto;

    }

    .search:focus {

        width: 170px;

    }

    .todo-search:focus {

        width: 95% !important;

    }

}

@media (max-width: 736px) {

    .w3layouts-main {

        width: 65%;

    }

    .agile-info {

        padding: 2em 2em;

    }

    .captn {

        width: 534px;

        height: 300px;

    }

    .captn h4 {

        margin: 6em 0 0 0;

    }

    .w3ls-graph {

        padding: 0;

    }

    div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9, div#graph10, div#graph11 {

        width: 620px !important;

    }

    .table-agile-info {

        padding: 2em;

    }

    #upload {

        margin: 0px auto 50px;

    }

    .w3layouts-main {

        margin: 5em auto;

    }

}

@media (max-width: 667px) {

    .w3layouts-main {

        width: 72%;

    }

    .agile-info p {

        font-size: 0.9em;

        margin-bottom: 2em;

        margin-top: 2em;

    }

    .agile-info a {

        width: 26%;

    }

    .captn {

        width: 474px;

        height: 267px;

    }

    .captn h4 {

        margin: 5em 0 0 0;

    }

    div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9, div#graph10, div#graph11 {

        width: 555px !important;

    }

}

@media (max-width: 640px) {

    .w3layouts-main {

        width: 75%;

    }

    .agile-info {

        padding: 3.7em 2em;

    }

    .captn {

        width: 452px;

        height: 250px;

    }

    div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9, div#graph10, div#graph11 {

        width: 525px !important;

    }

}

@media (max-width: 600px) {

    .w3layouts-main {

        width: 80%;

    }

    .captn {

        width: 414px;

        height: 242px;

    }

    div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9, div#graph10, div#graph11 {

        width: 480px !important;

    }

}

@media (max-width: 568px) {

    .w3layouts-main {

        width: 84%;

    }

    .captn {

        width: 386px;

        height: 225px;

    }

    .captn h4 {

        margin: 4em 0 0 0;

    }

    div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9, div#graph10, div#graph11 {

        width: 450px !important;

    }

}

@media (max-width: 480px) {

    .w3layouts-main {

        width: 92%;

        margin: 3em auto;

        padding: 30px 20px;

    }

    .agile-info {

        padding: 7.1em 2em;

    }

    .agile-info a {

        width: 33%;

    }

    .captn {

        width: 308px;

        height: 180px;

    }

    .captn h4 {

        margin: 3em 0 0 0;

    }

    .w3-agile-map-left iframe {

        min-height: 300px;

    }

    .w3-agile-map-right iframe {

        min-height: 300px;

    }

    div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9, div#graph10, div#graph11 {

        width: 332px !important;

    }

    .table-agile-info {

        padding: 1em;

    }

    .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

        padding: 5px !important;

    }

    .form-w3layouts {

        padding: 1em;

    }

}

@media (max-width: 414px) {

    .w3layouts-main h2 {

        font-size: 24px;

    }

    .w3layouts-main h6 {

        font-size: 14px;

        width: 45%;

    }

    .w3layouts-main span {

        font-size: 14px;

        width: 37%;

        margin-top: 2px;

    }

    .agile-info a {

        width: 40%;

    }

    .agile-info h2 {

        font-size: 9em;

    }

    .agile-info {

        padding: 5em 2em 11.3em;

    }

    .w3layouts-main {

        margin: 0em auto 11.4em;

        padding: 30px 20px;

    }

    .captn {

        width: 250px;

        height: 146px;

    }

    .captn h4 {

        margin: 2em 0 0 0;

    }

    .w3-agile-map-left, .w3-agile-map-right {

        padding: 0;

    }

    .market-update-gd {

        float: left;

        width: 100%;

    }

    .market-update-left {

        margin-left: 0;

        text-align: left;

        width: 63%;

    }

    .market-update-right {

        width: 26%;

        padding: 0;

        text-align: left;

    }

    .agileinfo-grap {

        padding: 1em;

    }

    .calendar-widget {

        padding: 1em;

    }

    .notifications {

        padding: 1em;

    }

    div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9, div#graph10, div#graph11 {

        width: 300px !important;

    }

    .agile-Updating-grids, .agile-bottom-grid, .agile-last-grid {

        padding: 1em;

    }

    .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

        padding: 6px !important;

    }

    .stats-info-agileits {

        padding: 1em;

    }

    .stats-last-agile {

        padding: 1em;

    }

    .w3layouts-glyphicon {

        padding: 1em;

    }

    .typo-agile {

        padding: 1em;

    }

    .agile-grid {

        padding: 1em;

    }

    .position-center {

        width: 92%;

    }

    #drop {

        padding: 50px 30px;

        margin-bottom: 0;

    }

    .com-w3ls {

        padding: 0;

    }

    .mail-w3agile {

        padding: 0;

    }

    .wht-bg h4 {

        font-size: 16px;

    }

    .chart_agile_top {

        padding: 1em;

        margin: 0 0 1em;

    }

    .chart_agile_left, .chart_agile_right {

        padding: 0;

    }

    .floatcharts_w3layouts_top {

        padding: 1em;

    }

    .floatcharts_w3layouts_left {

        margin-bottom: 1em;

        padding: 0;

    }

    .vec-wthree {

        padding: 0;

    }

}

@media (max-width: 384px) {

    .agile-info {

        padding: 5.9em 2em;

    }

    .w3layouts-main {

        margin: 0em auto 5.4em;

    }

    .gallery {

        padding: 1em;

    }

    .w3ls_head {

        margin-bottom: 0.5em;
        ;

    }

    .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

        padding: 3px !important;

    }

    .wht-bg h4 {

        font-size: 14px;

    }

}

@media (max-width: 375px) {

    .agile-info {

        padding: 3em 2em 8.95em;

    }

    .captn {

        width: 244px;

        height: 146px;

    }

    .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

        padding: 4px !important;

        font-size: 0.75em;

    }

    div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9, div#graph10, div#graph11 {

        width: 290px !important;

    }

    .wht-bg h4 {

        font-size: 13px;

    }

}

@media (max-width: 320px) {

    .w3layouts-main {

        width: 95%;

        margin: 0em auto 2em;

    }

    .w3layouts-main h6 {

        font-size: 13px;

        width: 49%;

    }

    .w3layouts-main span {

        width: 45%;

    }

    .w3layouts-main input[type="submit"] {

        padding: 10px 26px;

        font-size: 16px;

        margin: 45px auto 18px;

    }

    .agile-info h2 {

        font-size: 7em;

    }

    .agile-info a {

        width: 55%;

        font-size: 0.9em;

    }

    .agile-info {

        padding: 3em 2em 8.95em;

    }

    .captn {

        width: 196px;

        height: 114px;

    }

    .captn h4 {

        margin: 1em 0 0 0;

    }

    .w3-agile-google_map {

        padding: 1em;

    }

    .w3-agile-map-left iframe {

        min-height: 250px;

    }

    .w3-agile-map-right iframe {

        min-height: 250px;

    }

    .market-update-gd {

        padding: 0;

    }

    .market-update-gd {

        margin: 0.8em 0;

    }

    .market-update-right {

        width: 30%;

    }

    .panel-body {

        padding: 6px ! important;

    }

    .agileinfo-grap {

        margin-top: 0.8em;

    }

    .agile-calendar {

        margin-bottom: 1em;

        padding: 0;

    }

    .w3agile-notifications {

        padding: 0;

    }

    .agile-last-left {

        padding: 0;

    }

    div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9, div#graph10, div#graph11 {

        width: 250px !important;

    }

    .stats-info.widget {

        margin-bottom: 1em;

        padding: 0;

    }

    .stats-info.stats-last.widget-shadow {

        padding: 0;

    }

    .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

        padding: 0px !important;

    }

    .agile-last-left.agile-last-middle {

        margin: 1em 0;

    }

    .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {

        font-size: 0.75em;

    }

    #drop {

        padding: 50px 16px;

    }

    .mail-nav {

        margin: 0;

    }

    .w3-res-tb {

        padding: 2em 0em 0;

    }

    .col-lg-12 {

        padding: 0;

    }

    .table-inbox {

        margin: 14px;

    }

    .table {

        width: 90%;

    }

    .wht-bg h4 {

        font-size: 16px;

        float: none;

        text-align: center;

    }

    .input-append {

        margin-top: 1em;

    }

    .search:focus {

        width: 150px;

    }

    .todo-search:focus {

        width: 90% !important;

    }

    .wthree-font-awesome {

        padding: 1em;

    }

    .floatcharts_w3layouts_bottom {

        padding: 0px;

    }

    .chart_agile_bottom {

        padding: 0;

    }

}



.blog_image {

    height: 35%;

}

.navbar-nav .nav-item .nav-link {

    color: #d8d8d8;

}

.navbar-nav .nav-item.nav-profile .nav-profile-name {
    font-weight: 500;
    margin-right: .5rem;
    font-size: 12px;
    font-weight: 600;
    color: #666;

}

table.table-bordered.dataTable tbody tr.even {
    background-color: #f8f9fa;
}

.navbar-nav .nav-item.nav-profile .online-status {

    width: 8px;

    height: 8px;

    border: solid 1px #ffffff;

    background-color: #0ddbb9;

    border-radius: 100%;

    position: absolute;
    top: 1.25rem;
    right: 18px;


}

.navbar-nav .nav-item.nav-profile img {

    border-radius: .25rem;

    -webkit-box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0);

    -moz-box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0);

    box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0);
    max-width: 80%;
    object-fit: contain;


}

.dropdown .dropdown-toggle:after {

    border-top: 0;

    border-right: 0;

    border-left: 0;

    border-bottom: 0;

    font: normal normal normal 14px/1 FontAwesome;

    content: "\f107";

    width: auto;

    height: auto;

    vertical-align: middle;

    line-height: .625rem;

    font-size: 1.25rem;

    margin-left: 0;

}

.dropdown-toggle::after {

    display: inline-block;

    margin-left: 0.255em;

    vertical-align: 0.255em;

    content: "";

    border-top: 0.3em solid;

    border-right: 0.3em solid transparent;

    border-bottom: 0;

    border-left: 0.3em solid transparent;

}

.navbar-nav .nav-item.nav-profile.dropdown .navbar-dropdown {

    position: absolute;

    font-size: 0.9rem;

    margin-top: 0;

    right: 1rem;

    left: auto;

    top: 48px;

}

.navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item {

    margin-bottom: 0;

    padding: 11px 13px;

}

.dropdown-item {

    display: block;

    width: 100%;

    padding: 0.25rem 1.5rem;

    clear: both;

    font-weight: 400;

    color: #6c7293;

    text-align: inherit;

    white-space: nowrap;

    background-color: transparent;

    border: 0;

}

.navbar-nav-right li {

    list-style: none;

}

.btn-primary {

    color: #fff;

    background-color: #3f6ad8;

    border-color: #3f6ad8;

}

.btn {

    letter-spacing: 0px;

    text-transform: none;

}

.page-title h1 {

    font-size: 18px;
    margin-bottom: 15px;
    color: #5b626b;

}

div.dataTables_wrapper div.dataTables_length label {

    font-size: 13px;

}

.table>thead>tr>th {

    color: #262626 !important;
    font-size: 13px !important;
    border-color: #e9ecef !important;

}



.table>tbody>tr>td {

    color: #262626 !important;

    font-size: 13px !important;
    border-color: #e9ecef !important;

}

div.dataTables_wrapper div.dataTables_info {

    font-size: 13px;

}

.pagination>li {

    font-size: 12px;

}

.pagination>li>a, .pagination>li>span {

    padding: 6px 11px;

}

.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {

    z-index: 3;

    color: #fff;

    background-color: #3f6ad8;

    border-color: #3f6ad8;

}

div.dataTables_wrapper div.dataTables_filter label {

    font-size: 13px;

}

.breadcrumb>li {

    color: #8b8b8b;

}

.breadcrumb>.active a {

    color: #6a6a6a;

}

.pagetitle {

    background-color: transparent;

    margin-bottom: 0px;

    box-shadow: none;

    display: inherit;

    padding-left: 0px;

}

.page-title h1 {

    width: 100%;

}

.page-title .breadcrumb.side {

    width: 100%;

}

.cardsec {

    padding-top: 6px;

    padding-bottom: 6px;

}

.marginT30 {

    margin-top: 30px !important;

}

.marginT38 {

    margin-top: 38px !important;

}

.galleryimg {

    width: 100%;

    height: 210px;

}

.btn.btn-lg {

    padding: 7px 10px;

}

h2 {

    font-size: 14px;

    margin-bottom: 10px;

}

.listservice h3 {

    font-size: 12px;

    font-weight: normal;

}

.listservice strong {

    font-weight: normal;

}

.marginB30 {

    margin-bottom: 30px;

}

.gallerysec {

    position: relative;

    height: 244px;

}

.deleteimg {

    position: absolute;

    z-index: 9;

    right: -8px;

    top: -7px;

    background: red;

    height: 24px;

    width: 24px;

    text-align: center;

    color: #fff;

    border-radius: 50%;

    font-weight: bold;

    cursor: pointer;

}

.days {

    font-size: 14px;

    margin-top: 4px;

}

.daysection {

    font-size: 13px;

    font-weight: bold;

    margin-bottom: 17px;

    margin-top: 25px;

}

.marginB20 {

    margin-bottom: 20px;

}

.paddingL0 {

    padding-left: 0px;

}

.paddingR0 {

    padding-right: 0px;

}

.displaynone {

    display: none !important;

}

.marginT84 {

    margin-top: 84px;

}

.margin121 {

    margin-top: 121px;

}

.select2-container .select2-selection--single {

    height: 34px !important;

    font-size: 14px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 34px !important;

}

.select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 30px !important;

}

.select2-container--default .select2-selection--multiple {

    height: 34px !important;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice {

    margin-top: 3px !important;

}

.orderby {

    width: 50% !important;

    float: left;

    margin-right: 10px;

}

.ordersec {

    width: 52%;

    float: left;

    margin-top: 40px;

}

.buttonright {

    float: right;

}

.imgwidth {

    width: 100%;

}





.validlabel {

    display: none;

}

label.error {

    color: red;

    font-size: 1rem;

    display: block;

    margin-top: 5px;

}

label.errors {

    color: red;

    font-size: 1rem;

    display: block;

    margin-top: 5px;

}



input.error {

    border: 1px dashed red;

    font-weight: 300;

    color: red;

}

select~label.error {

    position: absolute;

    z-index: 9;

    top: 75px;

}

@media (min-width: 768px) {

    .navbar-nav {

        float: right;

        margin-right: 0px;

        /* margin-top: 10px; */

    }

    .btn .btn-lg {

        padding: 7px 10px;

    }

}

/* admin-design by sohan 31-05-2023 */
select, input, textarea {
    border: none !important;
    border-bottom: 1px solid !important;
    padding: 4px 12px 4px 0 !important;
    box-shadow: none !important;
    /* margin-bottom: 20px; */
}

textarea {
    /* height: 34px !important; */
}

.admin_img_card {
    box-shadow: 0 0 4px #ccc;
    padding: 20px 20px 1px;
    border-radius: 15px;
    margin: 10px;
}

.admin_logo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #dde0e4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    background-color: #fff;
}

.admin_login_profile {
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.nav-link.dropdown-toggle {
    position: relative;
}

.dropdown .dropdown-toggle:after {
    position: absolute;
    right: 0;
    top: 20px;
}

.online-status {
    display: none;
}


.wrapper {
    margin-top: 70px;
}

.navbar-nav .nav-item.nav-profile.dropdown .navbar-dropdown {
    right: -27px;
    top: 50px;
}

.sidebar-toggle-box {
    background-color: #703738;
    display: none;
    right: 0;
    top: 16%;
}

#sidebar {
    background: #fff6f6;
}

ul.sidebar-menu li {
    border-bottom: none;
}

ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
    background: #703738;
    color: #FFF;

}

ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
    color: #D2AE6D;
}

ul.sidebar-menu li a {
    padding: 6px 0 5px 20px;
}

ul.sidebar-menu li ul.sub li a {
    padding: 0px 0 0px 40px;
}

ul.sidebar-menu li ul.sub {
    background: #fbe6e6;
}

ul.sidebar-menu li ul.sub li a:hover {
    background-color: #ebecef;
    color: #703738;
    font-weight: inherit;
}


.breadcrumb.side {
    background: transparent !important;
}

.page-title {
    margin-bottom: 15px;
    background-color: transparent;
    box-shadow: none;
    padding: 0px;
}

.card {
    background-color: #fff;
    border-radius: 10px;
}

.panel {
    margin-top: 15px;
}

.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #D2AE6D;
    border-color: #D2AE6D;
}

.form-control {
    background-color: transparent;
}

.btn-primary {
    color: #fff;
    background-color: #D2AE6D;
    border-color: #D2AE6D;
}

.card.cardsec {
    margin-bottom: 0;
    background: #eff7f8;
    box-shadow: none;
}

.btn-default:hover {
    color: #fff !important;
    background-color: #707070;
}

.sidebar-toggle-box:hover {
    background: #D2AE6D;
}

.w3layouts-main input[type="submit"] {
    padding: 10px 20px !important;
    border-radius: 10px;
    font-size: 14px;
    text-align: center;
    background: #D2AE6D;
}

.logo-block {
    padding-top: 40px;
}

.header.fixed-top.clearfix {
    box-shadow: none;
    max-height: 70px;
}

table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
    border-right-width: 0;
    display: flex;
}

.btn.btn-warning.btn-lg {
    margin: 0 5px;
}

.card-body .col-sm-12 {
    overflow-x: auto;
    min-height: 0.01%;
}

.panel-footer .pull-left {
    font-size: 15px;
}

.brand {
    padding-top: 0px;
}

.search_bar input {
    background-color: transparent;
    border-bottom: unset !important;
    padding: 4px 12px !important;
    box-shadow: unset !important;
    margin-bottom: unset;
}

.header_content .col-md-4 {
    padding-left: 0px;
    padding-right: 0px;
}

.search_bar {
    display: flex;
    align-items: center;
    background-color: #fff6f6;
    border: 1px solid #fff6f6 !important;
    border-radius: 5px;
    border-bottom: unset !important;
    padding: 0px 12px !important;
    box-shadow: unset !important;
    margin-bottom: unset;
    margin-top: 15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 2px !important;
}

.search_bar i {
    color: #616a75;
}

.dropdown-menu {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
}

.btn.btn-info.btn-lg {
    background: #005c39;
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 400;
}

.btn.btn-danger.btn-lg, .btn.btn-warning.btn-lg {
    border-radius: 6px;
}

.image_tile {
    font-size: 12px;
    display: none;
}

input[type="file"] {
    margin-bottom: 0px;
}

.file_type_design {
    font-size: 12px;
}

/* 02-06-2023 Mr.Ranjan*/
#nav-accordion .myhub+ul {
    display: block !important;
}

li.bold.mnactive.dcjq-parent-li.iammainparent>a i {
    color: #D2AE6D;
}

li.bold.mnactive.dcjq-parent-li.iammainparent>a {
    background: #703137;
    color: #fff;
}

ul.sidebar-menu li ul.sub li.sbactive a {
    background-color: #eff7f8;
    color: #703738;
    font-weight: inherit;
}



.w3layouts-main span {
    font-size: 22px;
    color: #fff;
    right: 35px;
    float: unset;
    width: unset;
    margin-top: 8px;
    position: absolute;
}

.captchacodeleftpic {
    width: 100%;
}

.captchacodeleftpic img {
    width: 100%;
    height: 38px;
}

.w-50.d-flex {
    display: flex;
    align-items: center;
    width: 50%;
}

.btnBtnSubmits {
    background-color: #D2AE6D;
}

.btnBtnSubmits:hover {
    color: #000;
}

.w-50 {
    width: 50%;
}

.w-50 #captchacode {
    width: 100%;
    margin-bottom: 0;
    outline: none;
    padding: 4px 12px 4px 12px !important;
}

.captcha-box {
    display: flex;
    padding-top: 20px;
    padding-bottom: 14px;
}

.submit_btn {
    padding-top: 25px;
    text-align: center;
}

.submit_btn button {
    padding: 10px 20px !important;
    border-radius: 10px;
    font-size: 14px;
    text-align: center;
    background: #D2AE6D;
    width: 100%;
}

.req-captcha-box {
    width: 80%;
}

#toggleIcon {
    color: #703137;
}

.btnBtnSubmits:hover, .btnBtnSubmits:focus {
    color: unset;
    text-decoration: none;
    transform: unset;
    box-shadow: unset;
    outline: none;
}

.frgt_pswd {
    color: #703137 !important;
    font-size: 14px !important;
}

.frgt_pswd:hover {
    text-decoration: underline;
    color: #d0ae70 !important;
}

.login_logo {
    padding-top: unset;
    padding-bottom: 15px;
}

.w3layouts-main {
    box-shadow: 6px 12px 60px rgba(0, 0, 0, 0.2);
    background: #fff;
    position: relative;
    margin: 5rem auto;
}

.pg-login.pace-done, .pg-forgot-password.pace-done, .pg-change-password.pace-done {
    background: url(../images/grediant_ban.jpg) no-repeat top;
    position: unset;
    width: 100%;
    height: unset;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 0 !important;
}

.log-w3 {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.forgottxt {
    color: #6d7175;

}

.error {
    font-size: 12px;
    color: red;
}

input.ggg {
    margin-bottom: 0 !important;
}

.main_form_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}

.main_form_div {
    position: relative;
}

.hospital_img {
    width: 100%;
    height: 100vh;
}

.hospital_img img {
    width: 100%;
    height: 100%;
}


.Form_container {
    position: absolute;
    height: 100vh;
    /* background-color: #fff; */
    width: 30%;
    right: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left_form {
    width: 80%;
    background: #fff;
    padding: 30px;
    border-radius: 25px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.login_logo {
    text-align: center;
}

.form_fields {
    position: relative;
}

#togglePassword {
    position: absolute;
    right: 5px;
    top: 25%;
    font-size: 20px;
}

.top-nav .navbar-nav {
    background-color: #fff;
    padding: 10px 10px 10px 0;
    border-left: 1px solid #eff7f8;
}

.pright-0 {
    padding-right: 0px;
}

.search-sec-and-login {
    display: flex;
    justify-content: flex-end;
}

.search-sec-and-login .search_bar {
    min-width: 460px;
    margin: 12px;
    border-radius: 30px;
    border: none !important;
    position: relative;
    padding-left: 27px !important;
}

.search-sec-and-login .search_bar i {
    position: absolute;
    right: 25px;
}

.brand {
    background: #ffffff;
    float: unset;
    width: 100%;
    min-height: unset;
    position: relative;

}

.brand .logo img {
    width: 100%;
    height: 100%;
}

a.logo {
    width: unset;
    height: 70px;
}

.change_pswd #togglePassword {
    position: absolute;
    top: 18px;
}

.change_pswd #togglePassword1 {
    position: absolute;
    top: 60px;
    right: 5px;
    font-size: 20px;
}

.change_pswd #toggleIcon1 {
    color: #703137;
}

.appointment_strip {
    background-color: #1f1f25;
    padding: 15px 0;
    border-radius: 15px;
}

.strip_form {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.appointment_list {
    margin-top: 10px;
}

.design_daterange label {
    display: block;
}

.appointment_strip label {
    color: #d2ae6d;
    margin-top: 0;
    margin-bottom: 0;
}

#reportrange {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc;
    background: transparent;
    border: none;
    color: #fff;
}

.appointment_strip .select_form {
    background: transparent;
    color: #fff;
    padding: 5px 10px !important;
    margin-bottom: unset;

}

.glyphicon-calendar {
    color: #fff;
}



.appointment_strip .numbr_appointment {
    padding: 0 10px;
    color: #fff;
    font-size: 22px;
}

select option {
    color: #000;
}

.profile_detail .col-6 {
    padding: 5px 0;
}

.user_name {
    padding: 10px 0;
    font-size: 18px;
    font-weight: 600;
}

.profile_page .info {
    font-size: 18px;
    font-weight: 500;
}

.profile_page .gradient-custom {

    border-right: 1px solid #ccc;
}

.profile_page {
    padding: 40px;
    background-image: linear-gradient(to top, #feada6 0%, #ffd8a3 100%);
    width: 50%;
    margin: auto;
    border-radius: 25px 0;
}

.profile_page .container {
    width: 100%;
}

.profile_page .user_card {
    margin-bottom: unset;
}

.profile_page h6 {
    font-size: 14px;
}

.user_card_desing {
    width: 55%;
    margin: auto;
}
.validation_error_clan{
    font-size: 13px;
    font-weight: bold;
    color: red ;
}

@media only screen and (min-width:992px) and (max-width:1024px) {
    .Form_container {
        width: 45%;
        right: 60px;
    }
}

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

@media only screen and (min-width:480px) and (max-width:768px) {
    .Form_container {
        width: 50%;
        right: 40px;
    }
}

@media only screen and (min-width:320px) and (max-width:480px) {
    .Form_container {
        width: 100%;
        right: 0;
    }
}