* {
    margin: 0;
}
html,
body {
    height: 100%;
}
body {
    color: #797979;
    background: #f1f2f7;
    font-family: 'Open Sans', sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 13px;
}
a {
    cursor: pointer;
}
textarea.form-control {
    max-width: 100% !important;
}
ul li {
    list-style: none;
}
a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}
::selection {
    background: #FF6C60;
    color: #fff;
}
::-moz-selection {
    background: #FF6C60;
    color: #fff;
}
#container {
    width: 100%;
    height: 100%;
}
#main-content {
    min-height: 100%;
    margin-bottom: -53px;
}
#main-content {
    min-height: 100%;
    margin-bottom: -53px;
}
#main-content:after {
    content: "";
    display: block;
}
.dd1,
.dd2,
.dd3 {
    float: left;
    font-size: 30px;
    height: 65px;
    text-align: center;
    padding-top: 10px;
    width: 50%;
}
.dd1 {
    background-color: #ffebeb;
}
.dd2 {
    background-color: #ffffe1;
}
.dd3 {
    background-color: #f1ffeb;
}
/*login page*/

.login-body {
    background: url(../img/login-pattern.png) repeat 0 0;
}
.form-signin {
    max-width: 330px;
    margin: 100px auto 0;
    background: #fff;
    border-radius: 7px;
    -webkit-border-radius: 7px;
}
.triangle-topleftR,
.triangle-topleftY,
.triangle-topleftW,
.triangle-bottomright {
    width: 0;
    height: 0;
}
.triangle-topleftR {
    border-right: 173px solid transparent;
    border-top: 160px solid #F01C1F;
}
.triangle-topleftY {
    border-right: 176px solid transparent;
    border-top: 160px solid #FFF800;
}
.triangle-topleftW {
    border-right: 125px solid transparent;
    border-top: 130px solid #ffffff;
}
.triangle-bottomright {
    border-bottom: 160px solid #F8F829;
    border-left: 173px solid rgba(90, 19, 19, 0);
    position: absolute;
    top: 0;
}
.fc-grid .fc-day-content {
    /*                    height: 60px;
                        position: relative;*/
}
.fc-border-separate th, .fc-border-separate td {
    position: relative;
}
.equipmentsname {
    font-size: 17px;
}
.monthfloating {
    float: left;
    margin-right: 10px;
}
.part3 {
    height: 160px;
    width: 160px;
}
.pp1 {
    top: 87px;
    position: absolute;
    font-size: 30px;
    left: -65px;
    right: 34px;
    z-index: 111;
}
.buttontable {
    display: inline !important;
    padding: 6px 8px!important;
}
.adisp {
    display: inline !important;
    margin-right: 2px;
}
.fd {
    float: left !important;
}
.pagenumer {
    width: 330px;
}
.sz {
    width: 750px;
}
.iq {
    height: 100%;
    text-align: center;
    position: relative;
    font-size: 30px;
    cursor: pointer;
}
/**===============Added By Sagar (06-06-2015) =================**/

.iq span {
    display: block;
    padding: 25%;
    color: black;
}
.iqLanding span {
    display: block;
    padding: 25%;
    color: black;
    font-size: 20px;
    text-align: center;
}
.iq1 {
    width: 50%;
    position: absolute;
    font-size: 30px;
    top: 90px;
    cursor: pointer;
    right: 75px;
}
.pladd,
.p0add,
p2add {
    z-index: 10;
    height: 30px !important;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
.pladd {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.07);
    bottom: 0;
}
.p0add {
    position: relative;
    background-color: #ebe8e8;
    top: -130px;
}
.p2add {
    background-color: #ebe8e8;
    top: -130px;
}
.pp0 {
    top: 25px;
    position: absolute;
    left: 25px;
    font-size: 30px;
    height: 0;
    z-index: 1000;
    margin: 0px;
    width: 50%;
    color: black;
}
.hdaddbtn1 {
    color: #000;
}
.hdaddbtn {
    background-color: rgba(0, 0, 0, 0.07) !important;
    color: #000;
}
.indicator1,
.indicator2,
.indicator3,
.indicator4,
.indicator5,
.indicator-grey,
.indicator-green {
    width: 20px !important;
    height: 15px;
    border: 1px #DDDDDD solid;
}
.indicator1 {
    background-color: #FFF800;
}
.indicatorParentMem{
    width: 20px !important;
    height: 15px;
    border: 1px #DDDDDD solid;
    background-color: antiquewhite !important;
}
.indicator2 {
    background-color: #F01C1F;
}
.indicator3 {
    background-color: #fff;
}
.indicator4 {
    background-color: #768798;
}
.indicator5 {
    background-color: #fabb3d;
}
.indicator-grey {
    background-color: #EEEEEE;
}
.indicator-green {
    background-color: #78CD51;
}
.updateSessionTrue{background-color: #fabb3d;}
.adbtnmain,
.adbtnmain1,
.adbtnmain2 {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
}
.adbtnmain1 {
    padding-top: 20px;
}
.adbtnmain2 {
    padding-top: 4px;
    height: 100%;
    position: relative;
    top: 0px;
}
.adbtnmain2 span {
    display: block;
    padding: 25%;
}
.adbtn3 {
    background-color: rgba(0, 0, 0, 0.07);
    text-align: center;
    height: 28px;
    font-weight: bold;
    font-size: 20px;
    border-top: #CCCCCC 1px solid;
}
.W1 {
    background-color: #f1ffeb;
    height: 40px;
    text-align: center;
    font-size: 18px;
    padding-top: 7px;
}
.white1 {
    width: 20px;
    height: 16px;
    text-align: center;
    font-weight: bold;
}
.W {
    background-color: #fff;
}
.R,
.O,
.G,
.G {
    color: #fff;
}
.R {
    background-color: #F01C1F !important;
    color: #fff;
}
.O {
    background-color: #FCB322 !important;
    color: #fff;
}
.G {
    background-color: #78CD51 !important;
    color: #fff;
}
.YB,
.RB,
.WB {
    padding: 0px !important;
}
.YB {
    background-color: #ffffe1;
}
.RB {
    background-color: #ffebeb;
}
.WB {
    background-color: #fff;
}
.R1,
.R12,
.W1,
.W12,
.Y1,
.Y12 {
    height: 40px;
    text-align: center;
    font-size: 18px;
    padding-top: 7px;
}
.R1 {
    background-color: #F01C1F;
}
.R12 {
    background-color: #ffebeb;
}
.W1 {
    background-color: #fff;
}
.W12 {
    background-color: #fff;
}
.Y {
    background-color: #FFF800;
}
.Y1 {
    background-color: #FFF800;
}
.Y12 {
    background-color: #ffffe1;
}
.adbtn1 {
    background-color: rgba(0, 0, 0, 0.07);
}
.adbtn2 {
    background-color: rgba(0, 0, 0, 0.07);
}
.adbtn1,
.adbtn2 {
    text-align: center;
    height: 28px;
    font-weight: bold;
    font-size: 20px;
    border-top: #CCCCCC 1px solid;
}
.highdate {
    background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 10px, rgba(200, 197, 197, 0.3) 8px, rgba(200, 197, 197, 0.3) 8px, rgba(200, 197, 197, 0.3) 8px, rgba(200, 197, 197, 0.3) 15px), url(../img/highdate.png) repeat;
}
.borderRound,
.borderRound2 {
    border: solid 1px #DADADA;
    padding-left: 0;
    padding-right: 0;
    margin-left: 1.5%;
    margin-bottom: 20px;
    height: 310px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 3px rgba(0, 0, 0, 0.09), 2px 0 3px rgba(0, 0, 0, 0.06), -2px 0 3px rgba(0, 0, 0, 0.06);
}
.borderRound3 {
    height: 500px;
}
.borderRound4 {
    height: 552px;
}
.recipebox1 {
    width: 19.2%;
    padding-left: 0;
    padding-right: 0;
    margin-right: -17px;
}
.recipebox2 {
    padding-left: 9px;
    width: 11%;
    margin-left: 7px;
    padding-right: 0;
    margin-right: -17px;
}
.recipebox3 {
    margin-left: -34px;
    padding-left: 0;
    width: 18%;
}
.recipebox4 {
    padding-left: 0px;
    margin-left: -73px;
}
.recipebox5 {
    padding-left: 0px;
    margin-left: -30px;
    width: 11%;
}
.recipebox6 {
    margin-left: -54px;
    padding-left: 17px;
    width: 19.667% !important;
}
.recipebox7 {
    padding-left: 0px;
    width: 11%;
    padding-right: 0;
    margin-right: 17px;
}
.recipebox8 {
    margin-left: -10px;
    padding-left: 17px;
    width: 19.667% !important;
}
.form-signin h2.form-signin-heading {
    margin: 0;
    padding: 20px 15px;
    text-align: center;
    background: #3d4351;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    color: #c6c6d2;
    font-size: 18px;
    text-transform: none;
    font-weight: normal;
    font-family: Verdana, Geneva, sans-serif;
}
.mfp-bg {
    top: 0;
    left: 0;
    height: 100%;
    z-index: 99999;
    overflow: hidden;
    position: fixed;
    filter: alpha(opacity=60);
    opacity: 0.6;
    background: #000000;
}
.ajaxLoader {
    bottom: 50%;
    left: 32%; width: 450px;margin-top: -5em;position: fixed;border-radius: 10px;z-index: 99999;background-color: #ccc;padding: 10px;color: #000;margin: 0 auto;text-align: center;}
.ajaxLoaderImage {
    top: 50%;
    width: 128px;
    height: 27px;
    margin-top: 25%;
    margin-left: 20%;
}
.ajaxMsgCss {
    text-align: center;
    margin-top: 5%;
}
.hideajaxLoader {
    display: none;
}
.selectRol {
    border: none !important;
    padding-bottom: 0 !important;
    padding-left: 7px !important;
    margin-bottom: 0;
}
.form-signin .checkbox {
    font-weight: normal;
    color: #b2b6c1;
    font-weight: 300;
    margin-bottom: 14px;
    float: left
}
.form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
    margin-bottom: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: none;
    box-shadow: none;
    font-size: 12px;
    background: #3d4351;
    color: #acb2c0
}
.form-signin .btn-login {
    background: #8e9ab4;
    color: #fff;
    text-transform: none;
    font-weight: 300;
    font-family: Verdana, Geneva, sans-serif;
    margin-bottom: 0px;
    border: 1px solid rgba(000, 000, 000, 0);
    border-radius: 4px;
    font-size: 16px;
    padding: 12px 0 13px 0
}
.form-signin .btn-login:hover,
.form-signin .btn-login.active {
    background: #8593b0;
    color: #FFF
}
.registration {
    display: block;
    text-align: center
}
.form-signin p {
    text-align: left;
    color: #929292;
    font-size: 16px;
    font-weight: 300;
}
.form-signin a {
    color: #b1b5c0;
}
.form-signin a:hover {
    color: #b6b6b6;
}
.login-wrap {
    padding: 20px;
    background: #2c3039;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.login-social-link {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 15px;
}
.login-social-link a {
    color: #fff;
    padding: 15px 28px;
    border-radius: 4px;
}
.login-social-link a:hover {
    color: #fff;
}
.login-social-link a i {
    font-size: 20px;
    padding-right: 10px;
}
.login-social-link a.facebook {
    background: #5193ea;
    margin-right: 22px;
    box-shadow: 0 4px #2775e2;
    float: left;
}
.login-social-link a.twitter {
    background: #44ccfe;
    box-shadow: 0 4px #2bb4e8;
    float: left;
}
/*sidebar navigation*/
#sidebar {
    width: 210px;
    height: 100%;
    position: fixed;
    background: #2a3542;
}
#sidebar ul li {
    position: relative;
}
#sidebar .sub-menu > .sub li {
    padding-left: 32px;
}
#sidebar .sub-menu > .sub li:last-child {
    padding-bottom: 10px;
}
/*LEFT NAVIGATION ICON*/
.dcjq-icon,
.active .dcjq-icon {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.dcjq-icon {
    height: 17px;
    width: 17px;
    display: inline-block;
    background: url(../img/nav-expand.png) no-repeat top;
    position: absolute;
    right: 10px;
    top: 15px;
}
.active .dcjq-icon {
    background: url(../img/nav-expand.png) no-repeat center -17px;
}
.nav-collapse.collapse {
    display: inline;
}
ul.sidebar-menu,
ul.sidebar-menu li ul.sub {
    margin: -2px 0 0;
    padding: 0;
}
ul.sidebar-menu {
    margin-top: 75px;
}
#sidebar > ul > li > ul.sub {
    display: none;
}
#sidebar > ul > li.active > ul.sub,
#sidebar > ul > li > ul.sub > li > a {
    display: block;
}
ul.sidebar-menu li ul.sub li {
    background: #454e5e;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}
ul.sidebar-menu li ul.sub li:last-child {
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}
ul.sidebar-menu li ul.sub li a {
    font-size: 12px;
    padding: 6px 0;
    line-height: 35px;
    height: 35px;
    color: #aeb2b7;
}
ul.sidebar-menu li ul.sub li a:hover,
ul.sidebar-menu li ul.sub li.active a {
    color: #78cd51;
    display: block;
}
ul.sidebar-menu li {
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}
ul.sidebar-menu li.sub-menu {
    line-height: 15px;
}
ul.sidebar-menu li a span {
    display: inline-block;
}
ul.sidebar-menu li a {
    color: #8d99b3;
    text-decoration: none;
    display: block;
    padding: 15px 0 15px 10px;
    font-size: 12px;
    outline: none;
    cursor: pointer;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
ul.sidebar-menu li a.active,
ul.sidebar-menu li a:hover,
ul.sidebar-menu li a:focus {
    background: #454e5e;
    display: block;
    border-radius: 4px;
    color: #fff;
}
ul.sidebar-menu li a i {
    font-size: 15px;
    padding-right: 6px;
}
ul.sidebar-menu li a:hover i,
ul.sidebar-menu li a:focus i,
ul.sidebar-menu li a.active i {
    color: #fff;
}
.mail-info,
.mail-info:hover {
    margin: -3px 6px 0 0;
    font-size: 11px;
}
.dashheader1 {
    background-color: #6ccac9;
    color: #fff;
    font-size: 18px;
    padding: 18px;
}
/*main content*/
.header,
.footer {
    min-height: 60px;
    padding: 0 15px;
}
.header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1002;
}
.white-bg {
    background: #fff;
    border-bottom: 1px solid #f1f2f7;
}
.wrapper {
    display: inline-block;
    margin-top: 60px;
    padding: 15px;
}
a.logo {
    float: left;
    margin-top: 4px;
    text-transform: uppercase;
    background: url(../img/logo.png) no-repeat 0 0;
    overflow: hidden;
    text-indent: -999999px;
    width: 45px;
    height: 51px;
}
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: 5px;
    margin-left: 7.3%;
}
ul.top-menu > li > a {
    color: #666666;
    font-size: 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 2px 6px;
    margin-right: 15px;
}
ul.top-menu > li > a:hover,
ul.top-menu > li > a:focus {
    background-color: #fff!important;
    border-color: #f0f0f8 !important;
    text-decoration: none;
    border-radius: 4px;
    color: #2E2E2E !important;
}
.notify-row .badge {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 100;
}
.dropdown-menu.extended {
    max-width: 300px !important;
    min-width: 160px !important;
    top: 42px;
    width: 235px !important;
    padding: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
    border: none !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
/* Safari and Chrome */
.dropdown-menu.extended {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
}
.dropdown-menu.extended li p {
    background-color: #F1F2F7;
    color: #666666;
    margin: 0;
    padding: 10px;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}
.dropdown-menu.extended li p.green {
    background-color: #78cd51;
    color: #fff;
}
.dropdown-menu.extended li p.red {
    background-color: #ff6c60;
    color: #fff;
}
.dropdown-menu.extended li p.yellow {
    background-color: #fcb322;
    color: #fff;
}
.dropdown-menu.extended li a {
    border-bottom: 1px solid #EBEBEB !important;
    font-size: 12px;
    list-style: none;
}
.dropdown-menu.extended li a {
    padding: 15px 10px !important;
    display: inline-block;
}
.dropdown-menu.extended li a:hover {
    background-color: #F7F8F9 !important;
    color: #2E2E2E;
}
.dropdown-menu.tasks-bar .task-info .desc {
    font-size: 13px;
    font-weight: normal;
}
.dropdown-menu.tasks-bar .task-info .percent {
    display: inline-block;
    float: right;
    font-size: 13px;
    font-weight: 600;
    padding-left: 10px;
    margin-top: -4px;
}
.dropdown-menu.extended .progress {
    margin-bottom: 0 !important;
    height: 10px;
}
.dropdown-menu.inbox li a .photo img {
    border-radius: 2px 2px 2px 2px;
    float: left;
    height: 40px;
    margin-right: 4px;
    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: 5px;
}
.dropdown-menu.inbox li a .message {
    display: block !important;
    font-size: 11px;
}
.top-nav {
    margin-top: 7px;
    float: right;
    display: inline-block;
}
.top-nav ul.top-menu > li .dropdown-menu.logout {
    width: 240px !important;
}
.top-nav li.dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto;
}
.dropdown-menu.extended.logout > li {
    float: left;
    text-align: center;
    width: 33.3%;
}
.dropdown-menu.extended.logout > li:last-child {
    float: left;
    text-align: center;
    background: #a9d96c;
    border-radius: 0 0 3px 3px;
}
.dropdown-menu.extended.logout > li:last-child > a,
.dropdown-menu.extended.logout > li:last-child > a:hover {
    color: #fff;
    border-bottom: none !important;
    text-transform: uppercase;
}
.dropdown-menu.extended.logout > li:last-child > a:hover > i {
    color: #fff;
}
.dropdown-menu.extended.logout > li > a {
    color: #a4abbb;
    border-bottom: none !important;
}
.full-width .dropdown-menu.extended.logout > li > a:hover {
    background: none !important;
    color: #50c8ea !important;
}
.dropdown-menu.extended.logout > li > a:hover {
    background: none !important;
}
.dropdown-menu.extended.logout > li > a:hover i {
    color: #50c8ea;
}
.dropdown-menu.extended.logout > li > a i {
    font-size: 17px;
}
.dropdown-menu.extended.logout > li > a > i {
    display: block;
}
.top-nav .username {
    font-size: 13px;
    color: #7c828d;
    margin: 8px;
}
.top-nav ul.top-menu > li > a {
    border: 1px solid #eeeeee;
    border-radius: 100%;
    padding: 0px;
    margin-right: 0;
    margin-top: 4px;
}
.top-nav ul.top-menu > li {
    margin-left: 7px;
    float: left;
}
.top-nav .nav>li>a>img {
    border-radius:100%;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.26);
}

.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;
}
.log-arrow-up {
    background: url("../img/arrow-up.png") no-repeat;
    width: 20px;
    height: 11px;
    position: absolute;
    right: 6px;
    top: -10px;
}
.notify-arrow {
    border-style: solid;
    border-width: 0 9px 9px;
    height: 0;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    left: 7px;
    top: -18px;
    transition: all 0.25s ease 0s;
    width: 0;
    z-index: 10;
    margin-top: 10px;
    opacity: 1;
}
.notify-arrow-yellow {
    border-color: transparent transparent #FCB322;
    border-bottom-color: #FCB322 !important;
    border-top-color: #FCB322 !important;
}
.notify-arrow-red {
    border-color: transparent transparent #ff6c60;
    border-bottom-color: #ff6c60 !important;
    border-top-color: #ff6c60 !important;
}
.notify-arrow-green {
    border-color: transparent transparent #78cd51;
    border-bottom-color: #78cd51 !important;
    border-top-color: #78cd51 !important;
}
/*search*/
.search {
    margin-top: 6px;
    width: 20px;
    border: 1px solid #fff;
    box-shadow: none;
    background: url("../img/search-icon.jpg") no-repeat 10px 8px;
    padding: 0 5px 0 35px;
    color: #fff;
}
.search:focus {
    margin-top: 5px;
    width: 180px;
    border: 1px solid #eaeaea;
    box-shadow: none;
    color: #c8c8c8;
    font-weight: 300;
}
/*--sidebar toggle---*/
.sidebar-toggle-box {
    float: left;
    padding-right: 10px;
    margin-top: 20px;
}
.sidebar-toggle-box .fa-bars {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
}
.sidebar-closed > #sidebar > ul {
    display: none;
}
.sidebar-closed #main-content {
    margin-left: 0px;
}
.sidebar-closed #sidebar {
    margin-left: -180px;
}
/*state overview*/
.state-overview .symbol,
.state-overview .value {
    display: inline-block;
    text-align: center;
}
.state-overview .value {
    float: right;
}
.state-overview .value h1,
.state-overview .value p {
    margin: 0;
    padding: 0;
    color: #c6cad6;
}
.state-overview .value h1 {
    font-weight: 300;
}
.state-overview .symbol i {
    color: #fff;
    font-size: 50px;
}
.state-overview .symbol {
    width: 40%;
    padding: 25px 15px;
    border-radius: 4px 0px 0px 4px;
}
.state-overview .value {
    width: 58%;
    padding-top: 21px;
}
.state-overview .red {
    background: #ff6c60;
}
.state-overview .yellow {
    background: #f8d347;
}
.state-overview .blue {
    background: #57c8f2;
}
/*main chart*/
.border-head h3 {
    border-bottom: 1px solid #c9cdd7;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-weight: normal;
    font-size: 18px;
    display: inline-block;
    font-weight: 300;
}
.custom-bar-chart {
    height: 290px;
    margin-top: 20px;
    margin-left: 10px;
    position: relative;
    border-bottom: 1px solid #c9cdd7;
}
.custom-bar-chart .bar {
    height: 100%;
    position: relative;
    width: 4.3%;
    margin: 0px 2%;
    float: left;
    text-align: center;
    border-radius: 5px 5px 0 0;
    z-index: 10;
}
.custom-bar-chart .bar .title {
    position: absolute;
    bottom: -30px;
    text-align: center;
    font-size: 12px;
}
.custom-bar-chart .bar .value {
    position: absolute;
    bottom: 0;
    background: #bfc2cd;
    color: #bfc2cd;
    border-radius: 5px 5px 0 0;
}
.custom-bar-chart .bar .value:hover {
    background: #e8403f;
    color: #fff;
}
.y-axis {
    color: #555555;
    position: absolute;
    text-align: right;
}
.y-axis li {
    border-top: 1px dashed #dbdce0;
    display: block;
    height: 58px;
}
.y-axis li:last-child {
    border-top: none;
}
.y-axis li span {
    display: block;
    margin: -10px 0 0 -25px;
    padding: 0 10px;
    width: 40px;
}
/*spark line*/
.chart {
    display: inline-block;
    text-align: center;
}
.chart .heading {
    text-align: left;
}
.chart .heading span {
    display: block;
}
.panel.green-chart .chart-tittle,
.panel.terques-chart .chart-tittle {
    font-size: 16px;
    padding: 15px;
    display: inline-block;
    font-weight: normal;
    background: #99c262;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}
#barchart {
    margin-bottom: -15px;
    display: inline-block;
}
.panel.green-chart .chart-tittle .value {
    float: right;
    color: #c0f080;
}
.panel.green-chart {
    background: #a9d96c;
    color: #fff;
}
.panel.terques-chart {
    background: #41cac0;
    color: #fff;
}
.panel.terques-chart .chart-tittle .value {
    float: right;
    color: #fff;
}
.panel.terques-chart .chart-tittle .value a {
    color: #fff;
    font-size: 12px;
}
.panel.terques-chart .chart-tittle .value a:hover,
.panel.terques-chart .chart-tittle .value a.active {
    color: #55f2e7;
    font-size: 12px;
}
.panel.terques-chart .chart-tittle {
    background: #39b7ac;
}
.inline-block {
    display: inline-block;
}
.panel-body.chart-texture {
    background: url("../img/chart-texture.jpg");
    border-radius: 4px 4px 0px 0px;
}
/*personal task*/
.task-thumb {
    width: 90px;
    float: left;
}
.task-thumb img {
    border-radius: 4px;
}
.task-thumb-details {
    display: inline-block;
    margin: 25px 0 0 10px;
}
.task-progress {
    float: left;
}
.task-thumb-details h1,
.task-thumb-details h1 a,
.task-progress h1,
.task-progress h1 a {
    color: #39b5aa;
    font-size: 18px;
    margin: 0;
    padding: 0;
    font-weight: 400;
}
.task-thumb-details p,
.task-progress p {
    padding-top: 5px;
    color: #a4aaba;
}
.personal-task tbody tr td {
    padding: 11px 15px;
    border-color: #eeeff1;
}
.personal-task tbody tr td i {
    font-size: 20px;
    color: #c7cbd4;
}
.personal-task.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f7f8fc;
}
.personal-task.table-hover > tbody > tr:hover > td i {
    color: #78CD51;
}
.personal-task > tbody > tr > td:last-child {
    text-align: right;
}
.task-option {
    float: right;
}
.task-option select {
    height: 35px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    padding: 8px;
    color: #a4abbb;
}
.progress-panel {
    padding-bottom: 5px;
}
/*badge*/
.badge.bg-primary {
    background: #8075c4;
}
.badge.bg-warning {
    background: #FCB322;
}
.badge.bg-important {
    background: #ff6c60;
}
.badge.bg-info {
    background: #41cac0;
}
.badge.bg-inverse {
    background: #2A3542;
}
/*timeline*/
.timeline {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    position: relative;
    table-layout: fixed;
}
.timeLineBox {
    padding: 20px
}
.timeline .panel {
    box-shadow: none;
    border: none;
    width: auto;
}
.timeline:before {
    background-color: #C7CBD6;
    bottom: 0px;
    content: "";
    left: 50%;
    position: absolute;
    top: 0;
    width: 2px;
    z-index: 0;
}
h3.timeline-title {
    margin: 0;
    color: #C8CCD7;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.t-info {
    color: #C8CCD7;
}
.timeline-item:before,
.timeline-item.alt:after {
    content: "";
    display: block;
    width: 50%;
}
.timeline-item {
    display: table-row;
}
.timeline-desk {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}
.timeline-desk h1 {
    font-size: 14px;
    font-weight: 300;
    margin: 0 0 5px;
}
.timeline-desk .panel {
    display: block;
    margin-left: 25px;
    position: relative;
    text-align: left;
    background: #F4F4F4;
}
.timeline-item .timeline-desk .arrow,
.timeline-item.alt .timeline-desk .arrow-alt {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -7px;
    position: absolute;
    top: 13px;
    width: 0;
}
.timeline-item .timeline-desk .arrow,
.timeline-item.alt .timeline-desk .arrow-alt {
    border-right: 8px solid #F4F4F4 !important;
}
.timeline-item.alt .timeline-desk .arrow-alt {
    left: auto !important;
}
.timeline .timeline-icon {
    left: -30px;
    position: absolute;
    top: 15px;
    background: #C7CBD6;
    box-shadow: 0 0 0 3px #C7CBD6;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    display: block;
    height: 12px;
    width: 12px;
}
.timeline-desk span a {
    text-transform: uppercase;
}
.timeline-desk h1.red,
.timeline-desk span a.red {
    color: #EF6F66;
}
.timeline-desk h1.green,
.timeline-desk span a.green {
    color: #39B6AE;
}
.timeline-desk h1.blue,
.timeline-desk span a.blue {
    color: #56C9F5;
}
.timeline-desk h1.purple,
.timeline-desk span a.purple {
    color: #8074C6;
}
.timeline-desk h1.light-green,
.timeline-desk span a.light-green {
    color: #A8D76F;
}
.timeline .timeline-icon.red {
    background: #EF6F66;
    box-shadow: 0 0 0 3px #EF6F66;
}
.timeline .timeline-icon.green {
    background: #39B6AE;
    box-shadow: 0 0 0 3px #39B6AE;
}
.timeline .timeline-icon.blue {
    background: #56C9F5;
    box-shadow: 0 0 0 3px #56C9F5;
}
.timeline .timeline-icon.purple {
    background: #8074C6;
    box-shadow: 0 0 0 3px #8074C6;
}
.timeline .timeline-icon.light-green {
    background: #A8D76F;
    box-shadow: 0 0 0 3px #A8D76F;
}
.timeline-item.alt .timeline-icon {
    left: auto;
    right: -32px;
}
.timeline .time-icon:before {
    font-size: 16px;
    margin-top: 5px;
}
.timeline .timeline-date {
    left: -200px;
    position: absolute;
    text-align: right;
    top: 12px;
    width: 150px;
}
.timeline-desk h5 span {
    color: #999999;
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
}
.timeline-item.alt:before {
    display: none;
}
.timeline-item:before,
.timeline-item.alt:after {
    content: "";
    display: block;
    width: 50%;
}
.timeline-desk p {
    font-size: 12px;
    margin-bottom: 0;
}
.timeline-desk .panel {
    margin-bottom: 5px;
}
.timeline-desk .album {
    margin-top: 20px;
}
.timeline-desk .album a {
    margin-right: 5px;
    float: left;
}
.timeline-desk .notification {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 20px;
    padding: 8px;
}
.timeline-item.alt .panel {
    margin-left: 0;
    margin-right: 25px;
}
.timeline-item.alt .timeline-date {
    left: auto;
    right: -200px;
    text-align: left;
}
.mbot30 {
    margin-bottom: 30px;
}
/*---revenue----*/
.revenue-head {
    background: #ff6c60;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    color: #fff;
    line-height: 50px;
}
.revenue-head span {
    background: #e56155;
    padding: 16px;
    -webkit-border-radius: 4px 0px 0px 0px;
    border-radius: 4px 0px 0px 0px;
}
.revenue-head span i {
    font-size: 18px;
}
.revenue-head h3 {
    display: inline;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 300;
}
.revenue-head span.rev-combo {
    background: #e56155;
    padding: 16px;
    line-height: normal;
    -webkit-border-radius: 0px 4px 0px 0px;
    border-radius: 0px 4px 0px 0px;
}
/*easy pie chart*/
.easy-pie-chart {
    display: inline-block;
    padding: 30px 0;
}
.chart-info,
.chart-info .increase,
.chart-info .decrease {
    display: inline-block;
}
.chart-info {
    margin-bottom: 5px;
}
.chart-position {
    margin-top: 70px;
}
.chart-info span {
    margin: 0 3px;
}
.chart-info .increase {
    background: #ff6c60;
    width: 10px;
    height: 10px;
}
.chart-info .decrease {
    background: #f2f2f2;
    width: 10px;
    height: 10px;
}
.panel-footer.revenue-foot {
    background-color: #e6e7ec;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    border: none;
    padding: 0;
    display: inline-block;
}
.panel-footer.revenue-foot {
    margin-bottom: -4px;
}
.panel-footer.revenue-foot ul {
    margin: 0;
    padding: 0;
    display: inline-flex;
}
.panel-footer.revenue-foot ul li {
    float: left;
    width: 33.33%;
}
.panel-footer.revenue-foot ul li.first a:hover,
.panel-footer.revenue-foot ul li.first a {
    -webkit-border-radius: 0px 0px 0px 4px;
    border-radius: 0px 0px 0px 4px;
}
.panel-footer.revenue-foot ul li.last a:hover,
.panel-footer.revenue-foot ul li.last a {
    -webkit-border-radius: 0px 0px 4px 0px;
    border-radius: 0px 0px 4px 0px;
    border-right: none;
}
.panel-footer.revenue-foot ul li a {
    display: inline-block;
    padding: 14px 15px;
    text-align: center;
    border-right: 1px solid #d5d8df;
    color: #797979;
}
.panel-footer.revenue-foot ul li a:hover,
.panel-footer.revenue-foot ul li.active a {
    background: #fff;
    position: relative;
}
.panel-footer.revenue-foot ul li a i,
.panel-footer.revenue-foot ul li a:hover i,
.panel-footer.revenue-foot ul li.active a i {
    display: block;
    font-size: 16px;
}
.panel-footer.revenue-foot ul li a i {
    color: #c6cad5;
}
.panel-footer.revenue-foot ul li a:hover i,
.panel-footer.revenue-foot ul li.active a i {
    color: #ff6c60;
}
/*flatlab carousel model*/
.flat-carousal {
    background: #58c9f3;
    border-radius: 4px 4px 0px 0px;
    padding: 10px;
    color: #fff;
    position: relative;
}
.flat-carousal h1 {
    text-align: center;
    font-size: 16px;
    margin: 30px 20px;
    line-height: 20px;
    font-weight: 300;
    font-style: italic;
}
a.view-all {
    color: #fff;
    background: rgba(0, 0, 0, 0.1);
    padding: 8px 15px;
    text-align: center;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    margin-bottom: 18px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
}
ul.ft-link {
    margin: 0;
    padding: 0;
}
ul.ft-link li {
    border-right: 1px solid #E6E7EC;
    display: inline-block;
    line-height: 30px;
    margin: 8px 0;
    text-align: center;
    width: 24%;
}
ul.ft-link li a {
    color: #74829c;
    text-transform: uppercase;
    font-size: 12px;
}
ul.ft-link li a:hover,
ul.ft-link li.active a {
    color: #58c9f3;
}
ul.ft-link li:last-child {
    border-right: none;
}
ul.ft-link li a i {
    display: block;
}
#owl-demo .item img {
    display: block;
    height: auto;
}
.owl-buttons {
    position: absolute;
    top: 70px;
}
.owl-prev,
.owl-next {
    position: absolute;
}
.owl-next {
    right: 0;
}
.owl-buttons .owl-prev {
    text-indent: -9999px;
    background: url("../img/left-arrow.png") no-repeat;
    width: 6px;
    height: 10px;
    display: inline-block;
}
.owl-buttons .owl-next {
    text-indent: -9999px;
    background: url("../img/right-arrow.png") no-repeat;
    width: 6px;
    height: 10px;
    display: inline-block;
}
/*product post*/
.post-wrap aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}
.pro-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
}
.post-info {
    position: relative;
}
.arrow-pro.right:after {
    border-left-color: #FFFFFF;
    border-right-width: 0;
    top: 85px;
    content: " ";
}
.arrow-pro.left:after {
    border-right-color: #FFFFFF;
    border-left-width: 0;
    top: 80px;
    content: " ";
}
.arrow-pro.left {
    left: -8px;
}
.arrow-pro:after {
    border-width: 7px;
    content: "";
}
.arrow-pro,
.arrow-pro:after {
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    right: -5px;
}
.post-highlight.yellow {
    background: #f8d347;
    border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
}
.post-highlight.terques {
    background: #41cac0;
    border-radius: 4px 0px 0px 04px;
    -webkit-border-radius: 4px 0px 0px 04px;
}
.post-info h1 {
    margin: 0;
    font-size: 18px;
    color: #a19899;
    font-weight: 300;
}
.post-highlight.terques h2 {
    font-size: 16px;
    color: #fff;
    font-style: italic;
    padding: 0 20px;
    line-height: 22px;
    margin: 0;
    font-weight: 300;
}
.post-highlight.terques h2 span,
.post-highlight.terques h2 a {
    color: #92faf3;
}
.post-info h1 strong {
    text-transform: uppercase;
    color: #937b7b;
}
.post-info .desk {
    display: inline-block;
}
.post-info .desk h3 {
    font-size: 16px;
}
.post-info .desk.yellow h3 {
    color: #f8d347;
}
.post-btn a {
    float: left;
    margin-right: 8px;
    font-size: 18px;
    color: #9a9a9a;
}
.post-btn a:hover {
    color: #727272;
}
.pro-thumb {
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 10px solid rgba(256, 256, 256, 0.4);
}
.pro-thumb img {
    text-align: center;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.v-align {
    vertical-align: middle !important;
}
.twite h1 {
    margin: 50px 0;
}
.social-footer {
    display: inline;
    text-align: center;
}
.social-footer ul {
    text-align: center;
    margin: 0;
    padding: 0;
}
.social-footer ul li {
    display: inline-block;
    margin: 0 20px;
}
.social-footer ul li a {
    font-size: 25px;
    color: #ceced0;
}
.social-footer ul li a:hover i.fa-facebook,
.social-footer ul li.active a i.fa-facebook {
    color: #486eac;
}
.social-footer ul li a:hover i.fa-twitter,
.social-footer ul li.active a i.fa-twitter {
    color: #58c9f3;
}
.social-footer ul li a:hover i.fa-google-plus,
.social-footer ul li.active a i.fa-google-plus {
    color: #4a4a4a;
}
.social-footer ul li a:hover i.fa-pinterest,
.social-footer ul li.active a i.fa-pinterest {
    color: #d1282d;
}
/*pie chart */
.pie-foot {
    background: #6b6b6b;
    padding: 18px 15px;
    color: #fff;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}
/*follower*/
.follower {
    background: #69778b;
    color: #fff;
    text-align: center;
    border-radius: 4px 0px 0 0;
    -webkit-border-radius: 4px 0px 0 0;
}
.follower-foot {
    padding: 10px 5px 5px 5px;
    color: #757575;
    border-radius: 0 0 0px 4px;
    -webkit-border-radius: 0 0 0px 4px;
    font-weight: 300;
}
.follower-foot ul {
    padding: 0;
    margin: 0;
}
.follower-foot ul li {
    text-align: center;
    line-height: normal;
    padding-top: 12px;
}
.follower-foot ul li h5 {
    margin: 5px 0 0 0;
}
.follower h4 {
    margin: 0 0 10px 0;
    font-size: 15px;
    font-weight: 300;
}
.follow-ava {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid #18b2a6;
    display: inline-block;
}
.follower img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 62px;
    height: 62px;
    /*display: inline-block;*/
}
/*weather*/
.weather-bg {
    background: #8175c7;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}
.weather-bg i {
    font-size: 60px;
    display: block;
}
.weather-bg .degree {
    font-size: 60px;
}
.weather-category {
    padding: 10px 0;
    color: #74829C;
}
.weather-category ul {
    padding: 0;
    margin: 0;
    display: inline-block;
}
.weather-category ul li {
    display: inline-block;
    width: 47%;
    text-align: center;
    border-right: 2px solid #e6e6e6;
    display: inline-block;
    margin-bottom: 15px;
}
.weather-category ul li h5 {
    margin: 0 0 5px 0;
    text-transform: uppercase;
    font-weight: 300;
}
.weather-category ul li:last-child {
    border-right: none;
}
/*fontawesome*/
.fontawesome-icon-list h2 {
    margin-top: 0;
    font-size: 20px;
    font-weight: 300;
}
.fontawesome-icon-list .col-sm-4,
.fontawesome-icon-list .col-md-3,
.fontawesome-icon-list .col-xs-6 {
    margin-bottom: 10px;
}
.fontawesome-icon-list .page-header {
    border-bottom: 1px solid #C9CDD7;
}
.fontawesome-icon-list a {
    color: #797979;
}
.fontawesome-icon-list a:hover {
    color: #35404D;
}
.fontawesome-icon-list i {
    font-size: 16px;
    padding-right: 10px;
}
#web-application,
#text-editor,
#directional,
#video-player,
#brand,
#medical,
#currency {
    margin-top: 10px;
}
/*mail inbox*/
.mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
}
.mail-box aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}
.mail-box .sm-side {
    width: 25%;
    background: #e5e8ef;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
}
.mail-box .lg-side {
    width: 40%;
    background: #fff;
    border-radius: 0px 4px 4px 0;
    -webkit-border-radius: 0px 4px 4px 0;
}
.mail-box .sm-side .user-head {
    background: #00a8b3;
    border-radius: 4px 0px 0px 0;
    -webkit-border-radius: 4px 0px 0px 0;
    padding: 10px;
    color: #fff;
    min-height: 80px;
}
.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 8px 10px;
    width: 100%;
}
.user-head .user-name h5 {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 300;
    line-height: 22px;
}
.user-head .user-name h5 a {
    color: #fff;
}
.user-head .user-name span a {
    font-size: 12px;
    line-height: 20px;
    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: #ff6c60;
    padding: 12px 0;
    text-align: center;
    color: #fff;
    border: solid 1px #ff6c60
}
.btn-compose:hover {
    background: #f5675c;
}
ul.inbox-nav {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.inbox-divider {
    border-bottom: 1px solid #d5d8df;
}
ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
}
ul.inbox-nav li a {
    color: #6a6a6a;
    line-height: 45px;
    display: inline-block;
    padding: 0 20px;
}
ul.inbox-nav li a:hover,
ul.inbox-nav li.active a,
ul.inbox-nav li a:focus {
    background: #d5d7de;
}
ul.inbox-nav li a .label {
    margin-left: 4px;
    background: #8175C7
}
ul.inbox-nav li a:hover .label,
ul.inbox-nav li.active a .label,
ul.inbox-nav li a:focus .label {
    background: #FF6C60;
    color: #FFF
}
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-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    color: #5c5c5e;
    font-size: 13px;
    text-transform: uppercase;
}
ul.labels-info li {
    margin: 0;
}
ul.labels-info li a {
    color: #6a6a6a;
    border-radius: 0;
}
ul.labels-info li a:hover,
ul.labels-info li a:focus {
    color: #6a6a6a;
    background: #d5d7de;
}
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;
}
.table-inbox {
    border: 1px solid #d3d3d3;
    margin-bottom: 0;
}
.table-inbox tr td {
    padding: 12px !important;
}
.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;
}
ul.inbox-pagination {
    float: right;
}
ul.inbox-pagination li {
    float: left;
}
.mail-option {
    display: inline-block;
    margin-bottom: 10px;
}
.mail-option .chk-all,
.mail-option .btn-group {
    margin-right: 5px;
}
.mail-option .chk-all,
.mail-option .btn-group a.btn,
.inbox-pagination a.np-btn {
    border: 1px solid #e7e7e7;
    padding: 5px 10px;
    display: inline-block;
    background: #fcfcfc;
    color: #afafaf;
    border-radius: 3px !important;
}
.mail-option .chk-all,
.mail-option .btn-group a.btn {
    padding: 5px 10px;
}
.inbox-pagination a.np-btn {
    padding: 5px 15px;
}
.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;
}
.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-size: 16px;
}
.modal-body label {
    font-weight: 400;
}
/*404 page*/
.body-404 {
    background: #18d4cb;
    color: #fff;
}
.error-wrapper {
    text-align: center;
    margin-top: 10%;
}
.error-wrapper .icon-404 {
    background: url("../img/404_icon.png") no-repeat;
    width: 289px;
    height: 274px;
    display: inline-block;
    margin-left: 30px;
}
.error-wrapper h1 {
    font-size: 90px;
    font-weight: 300;
    margin: -50px 0 0 0;
}
.error-wrapper h2 {
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 30px 0;
}
.error-wrapper p,
.error-wrapper p a {
    font-size: 18px;
    font-weight: 300;
}
.error-wrapper p.page-404 {
    color: #7dfff7;
}
.error-wrapper p.page-404 a,
.error-wrapper p.page-500 a,
.error-wrapper p.page-404 a:hover,
.error-wrapper p.page-500 a:hover {
    color: #fff;
}
/*500 page*/
.body-500 {
    background: #8075c6;
    color: #fff;
}
.error-wrapper p.page-500 {
    color: #afa5f1;
}
.error-wrapper .icon-500 {
    background: url("../img/500_icon.png") no-repeat;
    width: 289px;
    height: 274px;
    display: inline-block;
    margin-left: 55px;
}
/*profile*/
.profile-nav .user-heading {
    background: #a3c769;
    color: #fff;
    border-radius: 0;
    border-radius: 4px 4px 0 0 !important;
    -webkit-border-radius: 4px 4px 0px 0px;
    padding: 10px 5px 10px 30px;
    text-align: center;
    margin-bottom: 15px;
}
.profile-nav .user-heading.round a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 10px solid rgba(256, 256, 256, 0.3);
    display: inline-block;
}
.profile-nav .user-heading a img {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.profile-nav .user-heading h1 {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 5px;
    margin-top: 10px;
    display: inline-block;
}
.profile-nav .user-heading p {
    font-size: 12px;
    margin-bottom: 0;
    display: inline-block;
}
.profile-nav ul {
    margin-top: 1px;
}
.profile-nav ul > li {
    margin-top: 0;
    line-height: 30px;
}
.profile-nav ul > li:last-child {
    border-bottom: none;
}
.profile-nav ul > li > a {
    border-radius: 0;
    color: #89817f;
    border-left: 5px solid #fff;
    display: block;
    font-size: 14px;
    cursor: pointer;
}
.profile-nav ul > li > a:hover,
.profile-nav ul > li > a:focus,
.profile-nav ul li.active a {
    background: #f8f7f5 !important;
    border-left: 5px solid #78CD51;
    color: #89817f !important;
}
.profile-nav ul > li:last-child > a:last-child {
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}
.profile-nav ul > li > a > i {
    font-size: 16px;
    padding-right: 10px;
    color: #bcb3aa;
}
.r-activity {
    margin: 6px 0 0;
    font-size: 12px;
}
.p-text-area,
.p-text-area:focus {
    border: none;
    font-weight: 300;
    box-shadow: none;
    color: #c3c3c3;
    font-size: 16px;
}
.profile-info .panel-footer {
    background-color: #f8f7f5;
    border-top: 1px solid #e7ebee;
}
.profile-info .panel-footer ul li a {
    color: #7a7a7a;
}
.bio-graph-heading {
    background: #41cac0;
    color: #fff;
    padding: 15px 20px;
    border-radius: 4px 4px 0 0 !important;
    -webkit-border-radius: 4px 4px 0 0;
    font-size: 30px;
    font-weight: 300;
}
.bio-graph-info {
    color: #89817e;
}
.bio-graph-info h1 {
    font-size: 22px;
    font-weight: 300;
    margin: 0 0 20px;
}
.bio-row,
.bio-row1 {
    margin-bottom: 10px;
    padding: 0 15px;
}
.bio-row1 {
    margin-bottom: 10px;
    padding: 0 15px;
}
.bio-row p span,
.bio-row1 p span {
    display: inline;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 800;
    margin-right: 5px;
    width: 165px;
}
.bio-row p span {
    display: inline;
}
.bio-row1 p span {
    color: #58C9F3;
    display: inline;
}
.bio-row1 p,
.bio-row p {
    color: #666666;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bio-row1 #inqRemarkTxt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
    display: inline-block;
}
.bio-chart,
.bio-desk {
    float: left;
}
.bio-chart {
    width: 40%;
}
.bio-desk {
    width: 60%;
}
.bio-desk h4 {
    font-size: 18px;
    font-weight: 400;
}
.bio-desk h4.terques,
.bio-desk h3.terques {
    color: #4CC5CD;
}
.bio-desk h4.red,
.bio-desk h3.red {
    color: #e26b7f;
}
.bio-desk h4.green {
    color: #97be4b;
}
.bio-desk h4.purple {
    color: #caa3da;
}
.file-pos {
    margin: 6px 0 10px 0;
}
.profile-activity h5 {
    font-weight: 300;
    margin-top: 0;
    color: #c3c3c3;
}
.summary-head {
    background: #ee7272;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #ee7272;
}
.summary-head h4 {
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.summary-head p {
    color: rgba(256, 256, 256, 0.6);
}
ul.summary-list {
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
}
ul.summary-list > li {
    display: inline-block;
    width: 19.5%;
    text-align: center;
}
ul.summary-list > li > a > i {
    display: block;
    font-size: 18px;
    padding-bottom: 5px;
}
ul.summary-list > li > a {
    padding: 10px 0;
    display: inline-block;
    color: #818181;
}
.state-overview .terques,
.badge.bg-success,
.fc-state-hover .fc-button-inner,
.tab-bg-dark-navy-blue,
.twt-feed.blue-bg,
.adtocart,
.pricing-head h2,
.pricing-table ul li:hover .itemNumber a,
.pricing-table ul li.active .itemNumber a,
.packageColorChange,
.packageColorChange .pricing-head h1,
.packageColorChange .pricing-table ul,
.packageColorChange .pricing-table ul li:hover,
.packageColorChange .pricing-table ul li.active,
.btn-generate,
.addvenuebtn,
.propeactive,
.menubtn,
.calendermain .fc-day-number,
.mdheader,
.acbtn > a,
.newData,
.modal-header,
.callIcon,
.fp .nav-tabs-alt .nav-tabs > li.active > a.i2,
.fp .nav-tabs-alt .nav-tabs > li > a.i2:hover,
.greenbg,
.btn-edit,
.bg-green,
.rmbox-header,
.editable-buttons button.btn-primary,
label.desc-header,
.menu-tabs,
.menu-tabs li a,
.menu_search_bar > button,
.dec-selitm-tool span,
.white1,
.fc-state-active,
.fc-state-active .fc-button-inner,
.fc-state-hover,
.fc-state-hover .fc-button-inner {
    background: #78cd51;
    color: #fff;
    border-bottom: 1px solid #d5d7de !important;
}
ul.sidebar-menu li ul.sub li a,
ul.sidebar-menu li ul.sub li a:hover,
ul.sidebar-menu li ul.sub li.active a,
ul.sidebar-menu li a,
ul.sidebar-menu li a.active,
ul.sidebar-menu li a:hover,
ul.sidebar-menu li a:focus,
.search,
.search:focus,
.custom-bar-chart .bar .value,
.vertical-menu li a,
.vertical-menu li a:hover,
.vertical-menu li a:focus,
.vertical-menu li.active a {
    -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;
}
#container,
.iq,
.fc-grid .fc-day-content,
.pladd,
.p0add,
p2add,
.adbtn3,
.W1,
.Y12,
.adbtn1,
.adbtn2,
.mfp-bg,
.wrapper,
.dropdown-menu.extended li a,
.dropdown-menu.extended.logout > li:last-child,
.border-head h3,
.custom-bar-chart .bar .title,
.custom-bar-chart .bar .value,
.y-axis,
.y-axis li,
.chart,
.panel.green-chart .chart-tittle,
.panel.terques-chart .chart-tittle,
.timeline,
.panel-footer.revenue-foot,
.panel-footer.revenue-foot ul,
.panel-footer.revenue-foot ul li a,
#owl-demo .item img,
.owl-buttons,
.pro-box,
.follower-foot ul li,
.weather-category ul,
.mail-box,
.btn-compose,
ul.inbox-nav,
ul.inbox-nav li,
ul.inbox-nav li a,
.mail-option,
ul.summary-list,
.activity,
.activity.alt,
.dataTables_filter label,
.fc-view,
.tab-head,
.panel-heading .nav > li > a,
.tagsinput-remove-link,
.tags_clear,
.user-heading.alt,
.twt-category,
.gmaps,
#editor-container,
.adv-table .dataTables_filter label,
.demo-xchart,
.full-width .navbar-header,
#sortable,
#time,
.product-list img,
.pro-img-details img,
.pro-img-list,
.team-info,
.vertical-menu li a,
.vertical-menu li a:hover,
.vertical-menu li a:focus,
.vertical-menu li.active a,
.propertyField li .col-xs-6,
.propertyField li .col-xs-7,
.propertyField li .col-lg-2,
.formSteps,
.chat-room,
.room-desk,
.room-box,
.invite-row,
.group-rom {
    width: 100%;
}
ul.summary-list > li:last-child {
    border-right: none;
}
.activity,
.activity.alt {
    float: left;
    margin-bottom: 10px;
}
.activity span {
    float: left;
}
.activity.alt span {
    float: right;
}
.activity span,
.activity.alt span {
    width: 45px;
    height: 45px;
    line-height: 47px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #eee;
    text-align: center;
    color: #fff;
    font-size: 12px;
}
.activity.terques span {
    background: #8dd7d6;
}
.activity.terques h4,
.activity.purple h4,
.activity.blue h4 {
    color: #555454;
}
.activity.purple span {
    background: #b984dc;
}
.activity.blue span {
    background: #90b4e6;
}
.activity.green span {
    background: #aec785;
}
.activity.green h4 {
    color: #aec785;
}
.activity h4 {
    margin-top: 0;
    font-size: 15px;
}
.activity p {
    margin-bottom: 0;
    font-size: 13px;
}
.activity .activity-desk i,
.activity.alt .activity-desk i {
    float: left;
    font-size: 18px;
    margin-right: 10px;
    color: #bebebe;
}
.activity .activity-desk,
.activity.alt .activity-desk {
    margin-left: 0px;
    position: relative;
}
.activity.alt .activity-desk .panel {
    float: right;
    position: relative;
    width: 126%;
}
.activity-desk .panel {
    background: #F4F4F4;
    display: inline-block;
}
.activity .activity-desk .arrow {
    border-right: 8px solid #F4F4F4;
}
.activity .activity-desk .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -7px;
    position: absolute;
    top: 13px;
    width: 0;
}
.activity-desk .arrow-alt {
    border-left: 8px solid #F4F4F4 !important;
}
.activity-desk .album {
    display: inline-block;
    margin-top: 10px;
}
.activity-desk .album a {
    margin-right: 10px;
}
.activity-desk .album a:last-child {
    margin-right: 0px;
}
/*invoice*/
.invoice-list,
.corporate-id {
    margin-bottom: 30px;
}
.invoice-list h4,
.invoice-btn a {
    font-weight: 300;
    font-size: 16px;
}
.invoice-block {
    text-align: right;
}
ul.amounts li {
    background: #f5f5f5;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: 300;
}
.invoice-btn a {
    margin: 0 5px;
}
/*panel heading color*/
.panel-primary > .panel-heading.navyblue {
    background-color: #2A3542;
    border-color: #2A3542;
    color: #FFFFFF;
}
/*table*/
#campList .adv-table {
    margin-top: 0px;
}
.table-advance tr td {
    vertical-align: middle !important;
}
.no-border {
    border-bottom: none;
}
.dataTables_info {
    padding: 0 15px;
}
.dataTables_filter {
    float: right;
}
#divActListing .dataTables_filter {
    padding: 0;
}
.dataTables_length select {
    width: 65px;
    padding: 5px 8px;
}
.dataTables_length label,
.dataTables_filter label {
    font-weight: 300;
}
.dataTables_filter label {}
.border-top {
    border-top: 1px solid #ddd;
}
.dataTables_paginate.paging_bootstrap.pagination li {
    float: left;
    margin: 0 1px;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.dataTables_paginate.paging_bootstrap.pagination li.disabled a {
    color: #c7c7c7;
}
.dataTables_paginate.paging_bootstrap.pagination li a {
    color: #797979;
    padding: 5px 10px;
    display: inline-block;
}
.dataTables_paginate.paging_bootstrap.pagination li:hover a,
.dataTables_paginate.paging_bootstrap.pagination li.active a {
    color: #797979;
    background: #eee;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.dataTable tr:last-child {
    border-bottom: 1px solid #ddd;
}
/*calender*/
.has-toolbar.fc {
    margin-top: 50px;
}
.fc-header-title {
    display: inline-block;
    margin-top: -42px;
    vertical-align: top;
}
.fc-view {
    margin-top: -50px;
    overflow: hidden;
}
.fc-state-default,
.fc-state-default .fc-button-inner {
    background: #F3F3F3 !important;
    border-color: #DDDDDD;
    border-style: none solid;
    color: #646464;
}
.fc-event-skin {
    background-color: #499b24 !important;
    border: none !important;
    color: #FFFFFF !important;
}
.fc-grid th {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #F3F3F3 !important;
}
.fc-header-title h2 {
    font-size: 20px !important;
    color: #C8CCD7;
    font-weight: 300;
}
.external-event {
    cursor: move;
    display: inline-block !important;
    margin-bottom: 6px !important;
    margin-right: 6px !important;
    padding: 8px;
}
#external-events p input[type="checkbox"] {
    margin: 0;
}
.drg-event-title {
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.fc-content .fc-event {
    border-radius: 4px;
    padding: 4px 6px;
}
.fc-corner-left,
.fc-corner-right {
    border-radius: 4px;
}
.drp-rmv {
    padding-top: 10px;
    margin-top: 10px;
}
.datepicker {
    z-index: 9999 !important
}
/*button*/
.btn-row {
    margin-bottom: 10px;
}
/*tabs*/
.tab-head {
    background: #7087a3;
    display: inline-block;
    margin-top: 60px;
}
.tab-container {
    margin-top: 10px;
}
.tab-head .nav-tabs > li > a {
    border-radius: 0;
    margin-right: 1px;
    color: #fff;
}
.tab-head .nav-tabs > li.active > a,
.tab-head .nav-tabs > li > a:hover,
.tab-head .nav-tabs > li.active > a:hover,
.tab-head .nav-tabs > li.active > a:focus {
    background-color: #f1f2f7;
    border-color: #f1f2f7;
    color: #797979;
}
/*general page*/
.progress-xs {
    height: 8px;
}
.progress-sm {
    height: 12px;
    width: 89%;
    float: left
}
.panel-heading .nav {
    border: medium none;
    font-size: 13px;
    margin: -10px -15px -11px;
}
.tab-bg-dark-navy-blue {
    border-bottom: none;
    font-weight: bold;
}
.tab-bg-dark-navy-blue .nav-tabs li {
    margin: 0
}
.panel-heading .nav > li > a,
.panel-heading .nav > li.active > a,
.panel-heading .nav > li.active > a:hover,
.panel-heading .nav > li.active > a:focus {
    border-width: 0;
    border-radius: 0;
}
.panel-heading .nav > li > a {
    color: #fff;
}
.panel-heading .nav > li.active > a,
.panel-heading .nav > li > a:hover {
    color: #47596f;
    background: #EAE8E8;
}
.panel-heading .nav > li:first-child.active > a,
.panel-heading .nav > li:first-child > a:hover {
    border-radius: 4px 0 0 0;
}
.tab-right {
    height: 38px;
}
.panel-heading.tab-right .nav > li:first-child.active > a,
.tab-right.panel-heading .nav > li:first-child > a:hover {
    border-radius: 0;
}
.panel-heading.tab-right .nav > li:last-child.active > a,
.tab-right.panel-heading .nav > li:last-child > a:hover {
    border-radius: 0 4px 0 0;
}
.panel-heading.tab-right .nav-tabs > li > a {
    margin-left: 1px;
    margin-right: 0px;
}
.m-bot20 {
    margin-bottom: 20px;
}
.m-bot-none {
    margin-bottom: 0;
}
.wht-color {
    color: #fff;
}
.close-sm {
    font-size: 14px;
}
/*carousel*/
.carousel-indicators li {
    background: rgba(0, 0, 0, 0.2);
    border: none;
    transition: background-color 0.25s ease 0s;
    -moz-transition: background-color 0.25s ease 0s;
    -webkit-transition: background-color 0.25s ease 0s;
}
.carousel-indicators .active {
    height: 10px;
    margin: 1px;
    width: 10px;
}
.carousel-indicators.out {
    bottom: -5px;
}
.carousel-control {
    color: #999999;
    text-shadow: none;
    width: 0px;
}
.carousel-control i {
    display: inline-block;
    height: 25px;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 20px;
    font-size: 30px;
    color: #000;
    z-index: 5;
}
.carousel-control.left,
.carousel-control.right {
    background: none;
    filter: none;
}
.carousel-control:hover,
.carousel-control:focus {
    color: #CCCCCC;
    opacity: 0.9;
    text-decoration: none;
}
.carousel-inner h3 {
    font-weight: 300;
    font-size: 16px;
    margin: 0;
}
.carousel-inner {
    margin-bottom: 15px;
}
/*gritter*/
.gritter-close {
    left: auto !important;
    right: 3px !important;
}
/*form*/
.sm-input {
    width: 175px;
}
.form-horizontal.tasi-form .form-group {
    border-bottom: 1px solid #eff2f7;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.form-horizontal.tasi-form .form-group:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.form-horizontal.tasi-form .form-group .help-block {
    margin-bottom: 0;
}
.round-input {
    border-radius: 500px;
    -webkit-border-radius: 500px;
}
.m-bot15 {
    margin-bottom: 15px;
}
.form-horizontal.tasi-form .checkbox-inline > input {
    margin-top: 1px;
    border: none;
}
/*form validation*/
.cmxform .form-group label.error {
    display: inline;
    margin: 5px 0;
    color: #B94A48;
    font-weight: 400;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus,
.cmxform .form-group input.error,
.cmxform .form-group textarea.error {
    border-color: #B94A48 !important;
}
#signupForm label.error {
    display: inline;
    margin: 5px 0px;
    width: auto;
    color: #B94A48;
}
.checkbox,
.checkbox:hover,
.checkbox:focus {
    border: none;
}
/*slider*/
table.sliders tr td {
    padding: 30px 0;
    border: none;
}
.slider {
    margin-top: 3px;
}
.slider-info {
    padding-top: 10px;
}
.sliders .ui-widget-header {
    background: #22bacf !important;
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br,
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-bottom-right-radius: 0 !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl,
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-bottom-left-radius: 0 !important;
}
#eq span {
    height: 120px;
    float: left;
    margin: 15px
}
.ui-widget-content {
    background: #f0f2f7 !important;
    border: none !important;
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
}
.ui-slider-horizontal {
    height: 8px !important;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -0.57em !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #fff !important;
    border: 3px solid #22bacf !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
}
.ui-slider-vertical {
    width: 8px !important;
}
.ui-slider-vertical .ui-slider-handle {
    left: -0.5em !important;
}
.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.6em;
    position: absolute;
    width: 1.6em;
    z-index: 2;
}
.bound-s {
    width: 90px;
    margin-bottom: 15px;
}
/*----switch ----*/
.has-switch {
    width: 200px !important;
    vertical-align: middle;
}
.has-switch {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    display: inline-block;
    cursor: pointer;
    line-height: 1.231;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 80px;
    -webkit-mask: url('../img/mask.png') 0 0 repeat;
    mask: url('../img/mask.png') 0 0 no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.has-switch.deactivate {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default !important;
}
.has-switch.deactivate label,
.has-switch.deactivate span {
    cursor: default !important;
}
.has-switch > div {
    width: 185%;
    position: relative;
    top: 0;
}
.has-switch > div.switch-animate {
    -webkit-transition: left 0.25s ease-out;
    -moz-transition: left 0.25s ease-out;
    -o-transition: left 0.25s ease-out;
    transition: left 0.25s ease-out;
    -webkit-backface-visibility: hidden;
}
.has-switch > div.switch-off {
    left: -85%;
}
.has-switch > div.switch-off label {
    background-color: #BDC3C7;
    border-color: #FFF;
    -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
}
.has-switch > div.switch-on {
    left: 0%;
}
.has-switch > div.switch-on label {
    background-color: #fff;
}
.has-switch input[type=checkbox] {
    display: none;
}
.has-switch span {
    cursor: pointer;
    font-size: 14.994px;
    font-weight: 700;
    float: left;
    height: 29px;
    line-height: 19px;
    margin: 0;
    padding-bottom: 6px;
    padding-top: 5px;
    position: relative;
    text-align: center;
    width: 50%;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.25s ease-out;
    -moz-transition: 0.25s ease-out;
    -o-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
    -webkit-backface-visibility: hidden;
}
.has-switch span.switch-left {
    border-radius: 30px 0 0 30px;
    background-color: #78CD51;
    color: #FFF;
    border-left: 1px solid transparent;
}
.has-switch span.switch-right {
    border-radius: 0 30px 30px 0;
    background-color: #BDC3C7;
    color: #FFF;
    text-indent: 7px;
}
.has-switch span.switch-right [class*="fui-"] {
    text-indent: 0;
}
.has-switch label {
    border: 4px solid #78CD51;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    float: left;
    height: 29px;
    margin: 0 -21px 0 -14px;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 29px;
    z-index: 100;
    -webkit-transition: 0.25s ease-out;
    -moz-transition: 0.25s ease-out;
    -o-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
    -webkit-backface-visibility: hidden;
}
.switch-square {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-mask: url('../img/mask.png') 0 0 no-repeat;
    mask: url('../img/mask.png') 0 0 no-repeat;
}
.switch-square > div.switch-off label {
    border-color: #7f8c9a;
    border-radius: 6px 0 0 6px;
}
.switch-square span.switch-left {
    border-radius: 6px 0 0 6px;
}
.switch-square span.switch-left [class*="fui-"] {
    text-indent: -10px;
}
.switch-square span.switch-right {
    border-radius: 0 6px 6px 0;
}
.switch-square span.switch-right [class*="fui-"] {
    text-indent: 5px;
}
.switch-square label {
    border-radius: 0 6px 6px 0;
    border-color: #41cac0;
}
/*tag input*/
.tagsinput {
    border: 1px solid #e3e6ed;
    border-radius: 6px;
    height: 100px;
    padding: 6px 1px 1px 6px;
    overflow-y: auto;
    text-align: left;
}
.tagsinput .tag {
    border-radius: 4px;
    background-color: #41cac0;
    color: #ffffff;
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    line-height: 15px;
    padding: 6px 13px 8px 19px;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    *display: inline;
    -webkit-transition: 0.14s linear;
    -moz-transition: 0.14s linear;
    -o-transition: 0.14s linear;
    transition: 0.14s linear;
    -webkit-backface-visibility: hidden;
}
.tagsinput .tag:hover {
    background-color: #39b1a8;
    color: #ffffff;
    padding-left: 12px;
    padding-right: 20px;
}
.tagsinput .tag:hover .tagsinput-remove-link {
    color: #ffffff;
    opacity: 1;
    display: block\9;
}
.tagsinput input {
    background: transparent;
    border: none;
    color: #34495e;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    margin: 0px;
    padding: 0 0 0 5px;
    outline: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 12px;
}
.tagsinput-remove-link {
    bottom: 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
    opacity: 0;
    padding: 7px 7px 5px 0;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    top: 0;
    z-index: 2;
    display: none\9;
}
.tagsinput-remove-link:before {
    color: #ffffff;
    content: "\f00d";
    font-family: "FontAwesome";
}
.tagsinput-add-container {
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.tagsinput-add {
    background-color: #d6dbdf;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 6px 9px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden;
}
.tagsinput-add:hover {
    background-color: #3bb8af;
}
.tagsinput-add:before {
    content: "\f067";
    font-family: "FontAwesome";
}
.tags_clear {
    clear: both;
    height: 0px;
}
/*checkbox & radio style*/
.checkboxes label,
.radios label {
    display: block;
    cursor: pointer;
    line-height: 20px;
    padding-bottom: 7px;
    font-weight: 300;
}
.checkboxes {
    margin-bottom: 0
}
.checkboxes li {
    display: block
}
.checkboxes li label {
    display: inline-block
}
.sendCheckBox li {
    float: left;
    margin-right: 30px;
}
.radios {
    padding-top: 18px;
}
.label_check input,
.label_radio input {
    margin-right: 5px;
}
.has-js .label_check,
.has-js .label_radio {
    padding-left: 28px;
}
.has-js .label_radio {
    background: url(../img/radio-off.png) no-repeat;
}
.has-js .label_check {
    background: url(../img/check-off.png) no-repeat; 
    background-size:18px 18px;
}
.has-js label.c_on {
    background: url(../img/check-on.png) no-repeat;
    background-size:18px 18px;
}
.has-js label.r_on {
    background: url(../img/radio-on.png) no-repeat;
}
.has-js .label_check input,
.has-js .label_radio input {
    position: absolute;
    left: -9999px;
}
/*date picker*/
.add-on {
    float: right;
    margin-top: -37px;
    padding: 3px;
    text-align: center;
}
.add-on .btn {
    padding: 9px;
}
.daterangepicker .ranges .range_inputs > div:nth-child(2) {
    margin-bottom: 10px;
    padding-left: 0px;
}
.daterangepicker .ranges label {
    padding-bottom: 0;
    padding-top: 8px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover,
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active.active:hover,
.datepicker td.active.disabled,
.datepicker td.active.disabled:hover,
.datepicker td.active[disabled],
.datepicker td.active[disabled]:hover,
.datepicker td span.active:hover,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
    background: #41CAC0 !important;
}
.daterangepicker .calendar th,
.daterangepicker .calendar td {
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
}
.daterangepicker td.active,
.daterangepicker td.active:hover,
.datepicker td.active,
.datepicker td.active:hover,
.datepicker td span.active {
    text-shadow: none;
}
.datepicker th.switch {
    width: 125px;
}
.datepicker td span {
    height: 40px;
    line-height: 40px;
}
.bootstrap-timepicker table td input {
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
/*ck editor*/
.cke_top,
.cke_bottom {
    background: #F5F5F5 !important;
    background: -moz-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
    background: -webkit-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
    background: -o-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
    box-shadow: none;
    padding: 6px 8px 2px;
}
.cke_top {
    border-bottom: 1px solid #cccccc !important;
}
.cke_chrome {
    display: block;
    padding: 0;
}
/*form wizard*/
.stepy-tab {
    text-align: center;
}
.stepy-tab ul {
    display: inline-block;
}
.stepy-tab ul li {
    float: left;
}
.step legend {
    border: none;
}
.button-back {
    float: left;
}
.button-next,
.finish {
    float: right;
}
.button-back,
.button-next,
.finish {
    cursor: pointer;
    text-decoration: none;
}
.step {
    clear: left;
}
.step label {
    display: block;
}
.stepy-titles li {
    color: #757575;
    cursor: pointer;
    float: left;
    margin: 10px 15px;
}
.stepy-titles li span {
    display: block;
}
.stepy-titles li.current-step div {
    color: #fff;
    cursor: auto;
    background: #A9D86E;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
}
.stepy-titles li div {
    font-size: 16px;
    font-weight: 300;
    background: #eee;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
}
/*widget*/
.user-heading.alt {
    display: inline-block;
    text-align: left;
}
.alt.green-bg {
    background: #aec785;
}
.profile-nav.alt.green-border ul > li > a:hover,
.profile-nav.alt.green-border ul > li > a:focus,
.profile-nav.alt.green-border ul li.active a {
    border-left: 5px solid #aec785;
}
.user-heading.alt a.profileImg {
    float: left;
    margin-right: 15px;
    margin-left: -10px;
    display: inline-block;
    border: 5px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.user-heading.alt a img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.twt-feed {
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    color: #FFFFFF;
    padding: 10px;
    position: relative;
    text-align: center;
}
.twt-feed h1 {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 5px;
}
.twt-feed a {
    border: 8px solid #fff;
    border-radius: 50%;
    -webit-border-radius: 50%;
    display: inline-block;
    margin-bottom: -55px;
}
.twt-feed a img {
    height: 112px;
    width: 112px;
    border-radius: 50%;
    -webit-border-radius: 50%;
}
.twt-category {
    display: inline-block;
    margin-bottom: 11px;
    margin-top: 55px;
}
.twt-category ul li {
    color: #89817f;
    font-size: 15px;
}
.twt-category h5 {
    font-size: 20px;
    font-weight: 300;
}
.twt-write .t-text-area {
    border: 1px solid #eeeeee;
    border-radius: 0;
}
.twt-footer {
    padding: 10px 15px;
}
.btn-space {
    padding-left: 11.6%;
    padding-right: 11%;
}
.p-head {
    color: #f77b6f;
    font-weight: 400;
    font-size: 14px;
}
.cmt-head {
    font-weight: 400;
    font-size: 13px;
}
.p-thumb img {
    width: 50px;
    height: 50px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tasi-tab .media-body p {
    /*color: #b8bac6;*/
}
/*Timeline chat*/
.chat-form {
    /* margin-top: 25px;*/
    clear: both;
}
.chat-form .input-cont {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.chat-form .input-cont input {
    margin-bottom: 0px;
}
.chat-form .input-cont input {
    border: 1px solid #d3d3d3 !important;
    margin-top: 0;
    min-height: 30px;
}
.chat-form .input-cont input {
    background-color: #fff !important;
}
.chat-features a {
    margin-left: 10px;
}
.chat-features a i {
    color: #d0d0d0;
}
.timeline-messages:before {
    background: rgba(0, 0, 0, 0.1);
    bottom: 0;
    top: 0;
    width: 2px;
}
.timeline-messages:before,
.msg-time-chat:before,
.msg-time-chat .text:before {
    content: "";
    left: 60px;
    position: absolute;
    top: -2px;
}
.timeline-messages,
.msg-time-chat,
.timeline-messages .msg-in,
.timeline-messages .msg-out {
    position: relative;
}
.timeline-messages .msg-in .arrow {
    /*border-right: 8px solid #F4F4F4 !important;*/
}
.timeline-messages .msg-in .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 13px;
    width: 0;
}
.timeline-messages .msg-out .arrow {
    /*border-right: 8px solid #41cac0 !important;*/
}
.timeline-messages .msg-out .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 13px;
    width: 0;
}
.msg-time-chat:first-child:before {
    margin-top: 16px;
}
.msg-time-chat:before {
    background: #CCCCCC;
    border: 2px solid #FAFAFA;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    height: 14px;
    margin: 23px 0 0 -6px;
    width: 14px;
}
.msg-time-chat:hover:before {
    background: #41cac0;
}
.msg-time-chat:first-child {
    padding-top: 0;
}
.message-img {
    float: left;
    margin-right: 30px;
    overflow: hidden;
}
.message-img img {
    display: block;
    height: 44px;
    width: 44px;
}
.message-body {
    margin-left: 80px;
}
.msg-time-chat .msg-in .text {
    border: 1px solid #e3e6ed;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.msg-time-chat .msg-out .text {
    border: 1px solid #e3e6ed;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.msg-time-chat p {
    margin: 0;
}
.msg-time-chat .attribution {
    font-size: 11px;
    margin: 0px 0 5px;
}
.msg-time-chat {
    overflow: hidden;
    padding: 8px 0;
}
.msg-in a,
.msg-in a:hover {
    color: #b64c4c;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 10px;
    font-weight: 400;
    font-size: 13px;
}
.msg-out a,
.msg-out a:hover {
    color: #288f98;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-right: 10px;
    font-weight: 400;
    font-size: 13px;
}
/*custom select*/
span.customSelect {
    font-size: 12px;
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #EAEAEA;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #A4AABA;
}
span.customSelect.changed {
    background-color: #fff;
}
.customSelectInner {
    background: url(../img/customSelect-arrow.gif) no-repeat center right;
}
/*boxed page */
.boxed-page {
    background-color: #ccc !important;
}
.boxed-page .container {
    background: #2A3542;
    padding-left: 0;
    padding-right: 0;
}
.boxed-page .container #sidebar {
    position: inherit;
}
.boxed-page .container .header .container {
    background: #fff;
}
.boxed-page .container aside {
    float: left;
}
.boxed-page .container .wrapper {
    background: #F1F2F7;
    min-height: 900px;
}
/*collapsible*/
.tools a {
    margin-left: 10px;
    color: #a7a7a7;
    font-size: 12px;
}
/* google maps */
.gmaps {
    height: 300px;
}
/* star rating */
.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 30px;
    font-family: FontAwesome;
    content: "\f005";
    color: #58C9F3 !important;
}
.rating span.star,
.rating span.star {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    content: "\f005";
    color: #58C9F3 !important;
}
.rating span.star:hover,
.rating span.star:hover {
    cursor: pointer;
}
.rating span.star:before,
.rating span.star:before {
    content: "\f006";
    padding-right: 5px;
    color: #BEC3C7;
}
.rating span.star:hover:before,
.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before,
.rating span.star:hover ~ span.star:before {
    content: "\f005";
    color: #58C9F3;
}
/*search page*/
.classic-search {
    margin-bottom: 30px;
}
.classic-search h4 {
    margin-bottom: 3px;
    font-weight: 300;
    font-size: 16px;
}
.classic-search h4 a {
    color: #314558;
}
.classic-search h4 a:hover {
    text-decoration: underline;
}
/*ckEditor*/
#editor-container {
    margin: 10px auto 0;
}
#header-editor {
    overflow: hidden;
    padding: 0 0 30px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}
#headerLeft,
#headerRight {
    width: 49%;
    overflow: hidden;
}
#headerLeft {
    float: left;
    padding: 10px 1px 1px;
}
#headerLeft h2,
#headerLeft h3 {
    margin: 0;
    overflow: hidden;
    font-weight: normal;
}
#headerLeft h2 {
    font-size: 2.6em;
    line-height: 1.1em;
    text-transform: capitalize;
    color: #314558;
    margin-bottom: 20px;
}
#headerLeft h3 {
    font-size: 1.5em;
    line-height: 1.1em;
    margin: .2em 0 0;
    color: #757575;
}
#headerRight {
    float: right;
    padding: 1px;
}
#headerRight p {
    line-height: 1.8em;
    text-align: justify;
    margin: 0;
}
#headerRight p + p {
    margin-top: 20px;
}
#headerRight > div {
    padding: 20px;
    margin: 0 0 0 30px;
    font-size: 1.1em;
    color: #757575;
}
#columns {
    color: #757575;
    overflow: hidden;
    padding: 20px 0;
}
#columns h3 {
    color: #314558;
}
#columns > div {
    float: left;
    width: 33.3%;
}
#columns #column1 > div {
    margin-left: 1px;
}
#columns #column3 > div {
    margin-right: 1px;
}
#columns > div > div {
    margin: 0px 10px;
    padding: 10px 20px;
}
#columns blockquote {
    margin-left: 15px;
}
#taglist {
    display: inline-block;
    margin-left: 20px;
    font-weight: bold;
    margin: 0 0 0 20px;
}
.cke_editable.cke_editable_inline.cke_focus {
    background: #fcfcfc;
    border: 1px solid #eaeaea;
    cursor: text;
    outline: medium none;
}
tr.odd.gradeA td.sorting_1,
tr.odd td.sorting_1,
tr.even.gradeA td.sorting_1 {
    background: none;
}
td.details {
    background-color: #f4f5f9;
}
td.details table tr td,
.dataTable tr:last-child {
    border: none;
}
.adv-table table.display tr.odd.gradeA {
    background-color: #F9F9F9;
}
.adv-table table.display tr.even.gradeA {
    background-color: #FFFFFF;
}
.adv-table .dataTables_filter label input {
    float: none;
    margin-left: 10px;
    width: 203px;
    display: inline-block;
    height: 28px;
    border-radius: 3px
}
.adv-table .dataTables_filter label {
    line-height: 33px;
}
.adv-table .dataTables_length select {
    display: inline-block;
    margin: 0;
    padding: 3px 5px 4px 5px;
    width: 59px;
    border-radius: 3px;
}
.adv-table .dataTables_info,
.dataTables_paginate {
    /*        padding: 15px;*/
}
/*.adv-table .dataTables_length,
.adv-table .dataTables_filter {
    padding: 0 0 10px;
}*/
.adv-table .dataTables_length {
    padding-top: 4px
}
.cke_chrome {
    border: none !important;
}
.editable-table .dataTables_filter {
    width: 80%;
}
tr.odd.gradeX td.sorting_1,
tr.even.gradeX td.sorting_1,
table.display tr.even.gradeX,
table.display tr.gradeX,
tr.even.gradeU td.sorting_1,
tr.even td.sorting_1,
table.display tr.even.gradeC,
table.display tr.gradeC,
tr.odd.gradeC td.sorting_1,
table.display tr.even.gradeU,
table.display tr.gradeU,
tr.odd.gradeU td.sorting_1 {
    background: none;
}
/*flot chart*/
.flot-chart .chart,
.flot-chart .pie,
.flot-chart .bars {
    height: 300px;
}
/*xchart*/
.demo-xchart {
    height: 400px;
}
/*Horizontal menu*/
.full-width #main-content {
    margin-left: 0;
}
.horizontal-menu {
    margin-left: 50px;
    float: left;
}
.horizontal-menu .navbar-nav > li > a {
    padding-bottom: 20px;
    padding-top: 20px;
}
.full-width .nav > li > a:hover,
.full-width .nav li.active a,
.full-width .nav li.dropdown a:hover,
.full-width .nav li.dropdown.open a:focus,
.full-width .nav .open > a,
.full-width .nav .open > a:hover,
.full-width .nav .open > a:focus {
    background-color: #F77B6F;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.full-width .dropdown-menu {
    box-shadow: none;
}
.full-width .dropdown-menu > li > a {
    padding: 10px 20px;
    font-size: 13px;
}
/*advanced form*/
.form-body {
    padding: 20px;
}
/*multiselect*/
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    background-color: rgba(109, 187, 74, 0.8);
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}
.ms-container .ms-list,
.ms-container .ms-list.ms-focus {
    box-shadow: none !important;
}
.ms-container .ms-list.ms-focus {
    border: 1px solid #2A3542;
}
.ms-selectable .search-input,
.ms-selection .search-input {
    margin-bottom: 10px;
}
/*spinner*/
.spinner-buttons.btn-group-vertical .btn {
    height: 17px;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    width: 22px;
}
.spinner-buttons.btn-group-vertical .btn i {
    margin-top: -3px;
}
.spinner-buttons.btn-group-vertical .btn:first-child {
    border-radius: 0 4px 0 0 !important;
    -webkit-border-radius: 0 4px 0 0 !important;
}
.spinner-buttons.btn-group-vertical .btn:last-child {
    border-radius: 0 0 4px !important;
    -webkit-border-radius: 0 0 4px !important;
}
/**/
.wysihtml5-toolbar .btn-default {
    background: #fff;
    color: #757575;
}
/*todolist*/
#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#sortable li {
    padding-left: 3em;
    font-size: 12px;
}
#sortable li i {
    position: absolute;
    left: 6px;
    padding: 4px 10px 0 10px;
    cursor: pointer;
}
#sortable li input[type=checkbox] {
    margin-top: 0;
}
.ui-sortable > li {
    padding: 14px 0 14px 18px !important;
    position: relative;
    background: #f5f6f8;
    margin-bottom: 2px;
    border-bottom: none !important;
}
.ui-sortable li.list-primary {
    border-left: 3px solid #41CAC0;
}
.ui-sortable li.list-success {
    border-left: 3px solid #78CD51;
}
.ui-sortable li.list-danger {
    border-left: 3px solid #FF6C60;
}
.ui-sortable li.list-warning {
    border-left: 3px solid #F1C500;
}
.ui-sortable li.list-info {
    border-left: 3px solid #58C9F3;
}
.ui-sortable li.list-inverse {
    border-left: 3px solid #BEC3C7;
}
/*lock screen*/
.lock-screen {
    background: #02bac6 url("../img/lock-bg.jpg");
    background-size: cover;
    background-repeat: repeat;
}
.lock-wrapper {
    margin: 10% auto;
    max-width: 330px;
}
.lock-box {
    background: rgba(255, 255, 255, .3);
    padding: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
}
.lock-wrapper img {
    position: absolute;
    left: 40%;
    top: -40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid #fff;
}
.lock-wrapper h1 {
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 20px 0 0 0;
}
.lock-wrapper .locked {
    margin-bottom: 20px;
    display: inline-block;
    color: #026f7a;
}
.btn-lock,
.btn-lock:hover {
    background: #02b5c2;
    color: #fff;
}
.lock-input {
    width: 83%;
    border: none;
    float: left;
    margin-right: 3px;
}
#time {
    color: #fff;
    font-size: 60px;
    margin-bottom: 80px;
    display: inline-block;
    text-align: center;
    font-weight: 300;
}
/*language*/
.language {
    margin-top: 4px;
}
.language .dropdown-menu {
    border: 1px solid #eee;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.176) !important;
}
.language .dropdown-menu li a {
    border-bottom: 1px solid #eee;
    padding: 10px;
}
.language .dropdown-menu li:last-child a {
    border-bottom: none;
}
.language .dropdown-menu li a {
    font-size: 13px;
}
/*product list*/
.prod-cat li a {
    display: block;
    border-bottom: 1px dashed #d9d9d9;
}
.prod-cat li a {
    color: #3b3b3b;
}
.prod-cat li ul {
    margin-left: 30px;
}
.prod-cat li ul li a {
    border-bottom: none;
}
.prod-cat li ul li a:hover,
.prod-cat li ul li a:focus,
.prod-cat li ul li.active a,
.prod-cat li a:hover,
.prod-cat li a:focus,
.prod-cat li a.active {
    background: none;
    color: #ff7261;
}
.pro-lab {
    margin-right: 10px;
    font-weight: normal;
    float: left;
    padding: 8px 0 0 0
}
.pro-sort {
    padding-right: 20px;
    float: left;
}
.pro-sort {
    width: 30%
}
.pro-sort select {
    width: 71%
}
.pro-page-list {
    margin: 5px 0 0 0;
}
.product-list img {
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}
.product-list .pro-img-box {
    position: relative;
    height: 40px;
    /*border-bottom:2px #eee solid;*/
    background: #F7F7F7;
    color: #616161;
    border-radius: 0px 0px 5px 5px;
}
.adtocart {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    border: 3px solid #fff;
    left: 27%;
    bottom: 83px;
    position: absolute;
}
.adtocart i {
    color: #fff;
    font-size: 18px;
    line-height: 41px;
}
.pro-title {
    color: #5A5A5A;
    display: block;
    font-size: 15px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 58px;
    /*  font-family: bree_serifregular;
    */
}
.product-list .price {
    color: #fc5959;
    font-size: 15px;
}
.pro-img-details {
    margin-left: -15px;
}
.pro-d-title {
    font-size: 16px;
    margin-top: 0;
}
.product_meta {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    margin: 15px 0;
}
.product_meta span {
    display: block;
    margin-bottom: 10px;
}
.product_meta a,
.pro-price {
    color: #fc5959;
}
.pro-price,
.amount-old {
    font-size: 18px;
    padding: 0 10px;
}
.amount-old {
    text-decoration: line-through;
}
.quantity {
    width: 120px;
}
.pro-img-list {
    margin: 10px 0 0 -15px;
    display: inline-block;
}
.pro-img-list a {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    display: block
}
.pro-img-list a img {
    width: 100px;
}
.pro-d-head {
    font-size: 18px;
    font-weight: 300;
}
/*footer*/
.site-footer {
    background: /*#2a3542*/ #000;
    color: #fff;
    padding: 10px 0;
    position: relative;
    z-index: 9;
}
.go-top {
    margin-right: 1%;
    float: right;
    background: rgba(255, 255, 255, .5);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.go-top i {
    color: #2A3542;
}
.site-min-height {
    min-height: 85vh;
}
/*pricing table*/
.feature-head {
    padding: 10px 0 50px;
}
.feature-head h1 {
    font-size: 25px;
    font-weight: normal;
}
.pricing-table {
    background: #fff;
    text-align: center;
    padding: 0 0 0 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.pricing-table.most-popular {
    top: -20px;
    position: relative;
}
.most-popular {
    background: #f77b6f;
    color: #fff;
}
.most-popular h1 {
    font-size: 25px !important;
    padding-bottom: 10px;
    padding-top: 17px !important;
}
.most-popular h2 {
    background: #d76b61 !important;
    margin-top: 20px !important;
}
.most-popular ul li {
    border-bottom: 1px dotted #d76b61 !important;
}
.most-popular .price-actions .btn {
    background: #d76b61 !important;
    margin: 10px 0;
    cursor: pointer;
}
.pricing-table .price-actions .btn {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #acacac;
    color: #fff;
    border: none;
    box-shadow: none;
    text-shadow: none;
    padding: 10px 20px;
    cursor: pointer;
}
.pricing-head h1 {
    font-size: 15px;
    font-weight: 300;
    padding-top: 24px;
    padding-bottom: 14px;
    background: #e1e1e1;
    color: #363434;
    margin: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top: solid 1px #FFF;
    position: relative
}
.pricing-head h2 {
    padding: 15px 0 18px 0;
    font-size: 18px;
    font-weight: normal;
    font-family: Verdana, Geneva, sans-serif;
    border-bottom: solid 1px #FFF;
    margin: 0;
    border-bottom: solid 1px #FFF
}
.pricing-table ul {
    margin: 0;
    padding: 0 0 15px 0;
    height: 391px;
    overflow: auto
}
.pricing-table ul li {
    padding: 0 25px;
    margin: 0;
    text-align: center;
    font-weight: 300;
    font-size: 11px;
}
.pricing-head span.note {
    display: inline;
    font-size: 25px;
    line-height: 0.8em;
    position: relative;
    top: -18px;
}
.pricing-quotation,
.team-info {
    background: #EEEEEE;
    padding: 20px 20px 35px 20px;
    margin-bottom: 100px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.pricing-quotation h3,
.team-info h3 {
    font-weight: 300;
}
.pricing-quotation p,
.team-info p {
    margin-bottom: 0px;
}
.pricing-plan,
.team-info-wrap {
    position: relative;
}
.pricing-quotation:before,
.team-info:before {
    background-color: #EEEEEE;
    border-color: #EEEEEE;
    border-image: none;
    border-right: 1px solid #EEEEEE;
    border-style: none;
    top: -7px;
    content: "";
    display: block;
    height: 14px;
    left: 48%;
    position: absolute;
    transform: rotate(45deg);
    width: 15px;
}
.dispnone {
    display: none !important;
}
/*dragable portlet*/
.sortable .panel .panel-heading {
    cursor: move;
}
/*faq*/
.vertical-menu li a,
.vertical-menu li a:hover,
.vertical-menu li a:focus,
.vertical-menu li.active a {
    float: left;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.vertical-menu li a {
    background: #fff;
    color: #797979;
}
.vertical-menu li a:hover,
.vertical-menu li a:focus,
.vertical-menu li.active a {
    background: #2A3542;
    color: #fff;
}
.panelContainer .customerDetails li,
.pageTitle,
.itemNumber,
.itemName,
.packageInformation,
time,
.tableDataList li,
.createCustomerBox .modal-header h4.modal-title {
    font-family: Verdana, Geneva, sans-serif
}
.clearfixBox:after {
    content: ".";
    display: block;
    font-size: 0;
    line-height: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfixBox {
    display: inline-block;
}
* html .clearfixBox {
    height: 1%;
}
.clearfixBox {
    display: block;
}
.top-menu .input-group {
    margin-top: 5px;
    margin-right: 90px
}
.top-menu .input-group-btn {
    float: right
}
.top-menu .btn.btn-success {
    margin-top: 5px;
    font-size: 14px;
    color: #FFF;
    border-color: transparent;
    border-radius: 4px;
    line-height: 1.42857px;
    padding: 9px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    min-width: 34px;
    margin: 4px 0 0 5px !important;
    border-radius: 100% !important;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.26);
    
}
.top-menu .btn.btn-success:hover,
.top-menu .btn.btn-success:focus,
.top-menu .btn.btn-success:active {
    background-color: #6dbb4a !important;
    border-color: #6dbb4a !important;
    color: #FFFFFF !important;
}
.top-menu .form-control {
    /*border-color: #f0f0f0;*/
    border-color: #78CD51;
    width: 99%;
    float: left
}
.btn-white {
    border-color: #f0f0f0
}
.top-menu input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    height: 33px
}
.panelContainer {
    padding: 8px 15px 0 0px
}
.customerDetails,
.customercreat {
    margin-bottom: 15px
}
.customercreat li,
.customerDetails li {
    float: left;
    color: #585858;
    margin-left: 4%;
}
.customercreat li {
    min-width: 15%
}
.customercreat li:first-child {
    margin-left: 0;
    min-width: 15%
}
.customerDetails li {
    min-width: 31%
}
.customerDetails li:first-child {
    margin-left: 0;
    min-width: 23%
}
.panelContainer .customerDetails {
    margin-left: 8px;
    margin-bottom: 23px
}
.panelContainer .customerDetails li {
    min-width: inherit;
    color: inherit;
}
.panelContainer .venuerList li {
    min-width: 16%
}
.panelContainer .col-lg-6 {
    padding-left: 0
}
.panelContainer .fa-calendar:before,
.dateButton .fa-calendar:before {
    margin-left: 5px;
    cursor: pointer
}
.selecetMenuCity select {
    width: 92%;
    margin-bottom: 0
}
.panelContainer .btn-default,
.timeButton .btn-default {
    background: none;
    border: none;
    padding: 0 4px;
    margin: 0
}
.fa-clock-o {
    font-size: 15px;
    cursor: pointer
}
.fa-building-o {
    padding: 10px 0 0 4px;
    font-size: 15px;
    cursor: pointer
}
.fa-sort-down {
    margin-top: -5px;
    display: inline-block;
    vertical-align: middle
}
.numberPicker input {
    float: left;
    width: 92%
}
.inquiryVenue {
    padding: 0
}
.inquiryVenue .selecetMenuCity select {
    width: 100%
}
.inquiryVenue .numberPicker input {
    width: 96%
}
.to {
    display: inline-block;
    margin-left: -16px;
    margin-top: 10px;
    font-size: 10px;
    float: left
}
.sprite {
    background: url(../img/sprite.png) no-repeat 0 0;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.iconDashboard,
.iconCalender {
    width: 17px;
    height: 16px;
    margin: -2px 5px 0 0;
    padding: 0 !important
}
.iconDashboard {
    background-position: 0 0;
}
.iconCalender {
    background-position: 0 -17px;
}
.plusArrow {
    background: url(../img/nav-expand.png) no-repeat -4px -37px;
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 8px
}
.iconDownArrow,
.iconDownArrowup {
    background-position: 0 -35px;
    width: 15px;
    height: 9px;
    position: absolute;
    right: 9px;
    top: 26px
}
.iconDownArrowDown {
    background-position: 0 -45px
}
.iconTablePrev a,
.iconTableNext a,
.fc-button-next.fc-corner-right .fc-button-content,
.fc-button-prev.fc-corner-left .fc-button-content {
    background: url(../img/sprite.png) no-repeat 0 0;
    display: block;
    font-size: 0;
    line-height: 0
}
.iconTablePrev a,
.fc-button-prev.fc-corner-left .fc-button-content {
    background-position: -20px 0;
    width: 27px;
    height: 26px
}
.iconTablePrev a:hover {
    background-position: -20px -28px;
}
.iconTableNext a,
.fc-button-next.fc-corner-right .fc-button-content {
    background-position: -51px 0;
    width: 27px;
    height: 26px
}
.iconTableNext a:hover {
    background-position: -51px -28px;
}
.pageTitle {
    font-size: 12px;
    color: #a9b0be
}
.fc-button-next.fc-corner-right .fc-button-content,
.fc-button-prev.fc-corner-left .fc-button-content {
    font-size: 0;
    line-height: 0;
}
.fc-button-next.fc-corner-right .fc-button-inner,
.fc-button-prev.fc-corner-left .fc-button-inner {
    padding: 0;
    border: none;
}
.fc-button-prev.fc-corner-left {
    margin-right: 5px;
    margin-top: 5px;
}
.fc-button-next.fc-corner-right {
    margin-top: 5px;
}
.fc-button-prev:hover,
.fc-button-prev.fc-state-hover,
.fc-button-next:hover,
.fc-button-next.fc-state-hover {
    opacity: 0.8
}
.tableDateSlier {
    margin-left: 0
}
.panel-body .panel-heading {
    border: none;
}
.packageTable {
    border: solid 1px #f0f0f0;
    border-radius: 6px;
    margin: 0 4px;
    padding: 0;
    z-index: 1000;
}
.itemName {
    width: 66%;
    display: block;
    float: left;
    text-align: left;
}
.itemNumber {
    float: right;
    text-align: center;
    margin: 0 0 0 6px;
    display: inline-block;
}
.itemNumber a {
    padding: 2px 0 4px;
    display: block;
    width: 21px;
    border-radius: 3px
}
.itemContainer {
    padding: 14px 0 10px 0;
    border-bottom: 2px dotted #CCCCCC;
}
.pricing-table ul li:hover,
.pricing-table ul li.active {
    background: #eeeeee;
    color: #000
}
.packageColorChange,
.packageColorChange .pricing-head h1 {
    border-color: #78cd51
}
.packageColorChange .pricing-head h2 {
    border-bottom-color: #78cd51
}
.packageColorChange .pricing-table ul li .itemNumber a {
    color: #FFF
}
.packageColorChange .pricing-table ul li .itemNumber.active a {
    background: #4c5566;
    color: #FFF
}
.packageDetails {
    margin-top: -1px;
    padding-top: 0;
    padding-bottom: 10px;
    padding-left: 0
}
.packageInformation {
    color: #9198a7;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 0 0 0 0
}
.packageInformation li {
    float: left;
    margin-right: 4%;
    margin-bottom: 10px;
    width: 30%;
}
.packageInformation li a {
    color: #9198a7
}
.packageInformation li a:hover {
    color: #000
}
.packageInformation li p {
    margin-bottom: 5px
}
.packageInformation li span {
    color: #70757e
}
.tableDataCustomer {
    width: 68%;
    float: left;
    background: #FFF;
    padding: 0;
    box-shadow: 1px 1px 2px rgba(000, 000, 000, 0.1)
}
.tableDataCustomer .tools {
    margin-right: 10px;
}
.packageDetails .panel-heading {
    padding: 10px 0 5px 10px;
    border-bottom: solid 1px #f3f3f3
}
.customerPanelBody {
    padding: 10px 0 10px 10px
}
.packageDate {
    float: right;
    color: #a9b2c5;
    font-size: 12px;
    padding-right: 5px;
}
.packageDate time span {
    font-size: 45px;
    line-height: 70px;
    display: inline-block;
    float: left
}
.dateTimePackage {
    float: left;
    padding: 11px 0 0 5px;
    margin-right: 22px;
}
.packageDay {
    font-size: 19px;
    font-style: normal;
    display: block;
    margin-bottom: 4px;
}
.datePackage {
    font-style: normal;
    display: block;
    color: #c2c6cf;
}
.packageImg {
    margin-top: 12px;
    float: left
}
.listli {
    overflow: hidden;
    line-height: 25px;
}
.venuee {
    width: 60%;
    text-align: right;
}
.tableSliderArrow {
    float: right;
    margin-right: 10px;
    margin-bottom: 0
}
.tableSliderArrow li {
    float: left;
    margin-left: 4px
}
.tableSliderArrow li .disabled {
    opacity: 0.4
}
.bx-controls {
    display: none
}
.tableDataContainer {
    /*padding: 0 0 0 6.7%;*/
    padding: 0 0 0 4%;
}
.tableDataList li {
    float: left;
    font-size: 12px;
    color: #7e7e7e;
    margin-left: 3%
}
.tableDataList li:first-child {
    margin-left: 0
}
.createCustomerBox .modal-content {
    box-shadow: 0 5px 3px rgba(0, 0, 0, 0.09), 2px 0 3px rgba(0, 0, 0, 0.06), -2px 0 3px rgba(0, 0, 0, 0.06)
}
.createCustomerBox .modal-header {
    background: none;
    border-bottom: solid 2px #EFF2F7;
    padding: 11px 15px 10px 15px
}
.createCustomerBox .modal-body {
    padding: 15px 20px 15px 25px
}
.createCustomerBox .modal-header h4.modal-title {
    color: #767676;
    font-size: 16px;
    font-weight: normal
}
.calculaterBox {
    background: #979797 url(../img/login-bg.png) repeat-x 0 0;
    bottom: auto;
    color: #EDE6D2;
    display: none;
    left: 100%;
    padding: 5px;
    position: absolute;
    right: auto;
    top: 10px;
    width: 171px;
    z-index: 99;
    margin: 0 0 0 6px;
    border: solid 1px rgba(000, 000, 000, 0.2)
}
.calculaterBox li {
    float: left;
    padding: 0;
    margin: 0
}
.calculaterBox li a {
    background: #979797 url(../img/calc-button-bg.png) repeat-x left top;
    border: solid 1px rgba(000, 000, 000, 0.2);
    color: #FFF;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 39px;
    line-height: 35px;
    text-align: center;
    width: 53px;
}
.calculaterBox li a:hover,
.calculaterBox li.active a {
    background-position: 0 -51px;
    background-color: #bcbcbc;
    text-decoration: none;
}
.calcuter {
    position: relative;
    display: inline-block
}
.showyourlocation {
    display: none;
}
.inquiryDetail li {
    margin-top: 15px;
}
.inquiryDetail li:first-child {
    margin-top: 0
}
.inquiryDetail li span {
    width: 130px;
    display: inline-block;
    vertical-align: top
}
.number {
    font-style: normal
}
.number a {
    color: #797979
}
.follUpBtn {
    margin-top: -4px
}
.date-set {
    padding: 0 4px 0 2px
}
.profile-activity .panel {
    box-shadow: none;
}
.modal-body .packageTable {
    margin: 20px 0 10px 0
}
.status {
    display: inline-block;
    margin: 0 0 0 19px
}
.inquiryDetail li .status span {
    width: 83px
}
.priority.high {
    background: none repeat scroll 0 0 #FFEDED;
    margin-bottom: 1px;
}
.priority.high span,
.priority.medium span,
.priority.low span,
.priority.inProcess span {
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    padding: 2px 10px;
}
.priority.high span {
    background: none repeat scroll 0 0 #FF5454;
}
.priority.medium {
    background: none repeat scroll 0 0 #FEF8EB;
    margin-bottom: 1px;
}
.priority.medium span {
    background: none repeat scroll 0 0 #FABB3D;
}
.priority.low {
    background: none repeat scroll 0 0 #E4F5DC;
    margin-bottom: 1px;
}
.priority.low span {
    background: none repeat scroll 0 0 #78CD51;
}
.priority.inProcess {
    background: none repeat scroll 0 0 #FFE5B9;
    margin-bottom: 1px;
}
.priority.inProcess span {
    background: none repeat scroll 0 0 #c09853;
}
.task {
    border-bottom: 1px solid #F1DDDD;
    margin-bottom: 1px;
    position: relative;
}
.task a {
    color: #000
}
.task:hover,
.task.active {
    background: #fafafa;
    color: #000;
}
.task .desc {
    display: inline-block;
    font-size: 12px;
    padding: 2% 2% 0 2%;
    width: 68%;
}
.task .desc .title2 {
    font-size: 14px;
    margin-bottom: 5px;
    color: #000;
}
.followupdetails {
    color: #919090;
}
.task .desc .title3 {
    font-size: 17px;
    margin-bottom: 5px;
}
.task .desc .title {
    font-size: 14px;
    margin-bottom: 5px;
}
.task .time {
    display: inline-block;
    font-size: 12px;
    padding: 2% 2% 2% 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 40%;
}
.task .time .date {
    font-size: 15px;
    margin-bottom: 25px;
}
.task.last {
    border-bottom: 1px solid rgba(250, 187, 61, 0.2);
}
.task.high {
    border-left: 2px solid #FF5454;
}
.task.medium {
    border-left: 2px solid #FABB3D;
}
.task.low {
    border-left: 2px solid #78CD51;
}
.todayfollow {
    float: left;
    margin-right: 15px;
    width: auto;
}
.propertyField {
    margin: 0;
    float: left
}
.propertyField li {
    float: left;
    margin-left: 10px;
    line-height: 31px
}
.propertyField li .col-xs-6,
.propertyField li .col-xs-7,
.propertyField li .col-lg-2 {
    margin: 0;
    padding: 0
}
.propertyField li.first-child {
    width: 127px;
}
.propertyField li:first-child {
    margin-left: 0
}
.table .btn {
    display: block;
    padding: 5px 7px;
    margin-top: -5px;
    margin-bottom: -5px
}
.packageWidth {
    width: 8%
}
.adv-table .table > tbody > tr:hover,
.adv-table .table > tbody > tr.active {
   /* background-color: inherit !important*/
}
.inquiryTable .table > tbody > tr.inquiry-green {
    background-color: #f1ffeb !important
}
.inquiryTable .table > tbody > tr.inquiry-red {
    background-color: #ffebeb !important
}
.inquiryTable .table > tbody > tr.inquiry-yellow {
    background-color: #ffffe1 !important
}
.tableTitle {
    display: inline-block;
    color: #767676;
    font-size: 18px;
    padding: 2px 0 0 0;
    position: relative;
    z-index: 999
}
.adv-table {
    /*margin-top: -44px;*/
}
.propertyWise {
    margin: 0
}
.ddl {
    display: block;
    border-bottom: solid 1px #666;
    width: 15px;
    text-align: center;
    margin-top: -11px;
}
.dd {
    border: none;
    margin: 0 0 -10px 0
}
.table tr td a {
    display: block;
    font-weight: 600;
}
.inquiryTablePopup {
    width: 70%;
}
#ui-id-1 {
    width: 300px !important;
    border-radius: 0 !important
}
#ui-id-1 li a {
    padding: 5px 15px !important;
    display: block !important;
    cursor: pointer
}
.ui-helper-hidden-accessible {
    display: none !important
}
.odcCalender {
    padding-bottom: 10px;
}
.titleOdc {
    display: inline-block;
    float: left;
    padding: 8px 0 0 0;
}
.odcBox {
    display: none
}
.state-overview .panel {
    border: solid 1px #e8e8e8;
    box-shadow: none
}
.chargesListing {
    margin: 0
}
.chargesListing li {
    padding: 10px 20px 10px 15px;
    border-top: solid 1px #DDDDDD
}
.chargesListing li:first-child {
    border: none
}
.chargesListing li .fa {
    color: #747474;
    font-size: 15px;
    margin: 0 30px 0 0
}
.editable-table {
    margin: 0
}
.editable-table .dataTables_filter label input {
    width: 80%
}
.dataTables_wrapper {
    padding: 0
}
.table-advance .label {
    display: inline-block
}
.btn-delete{
    background: #8175c7;
    border-color: #8175c7;
    color: #FFF;
}
.btn-delete:hover {
    color: #FFF;
}
.btn-delete:hover,
.btn-delete.active,
.btn-delete:focus {
    background: #7b6fbf;
    border-color: #7b6fbf
}
.btn-generate {
    border-color: #78cd51
}
.btn-generate:hover,
.btn-generate.active,
.btn-generate:focus {
    background: #5cb733;
    border-color: #5cb733;
    color: #FFF;
}
.btn-group-justified .btn {
    padding: 20px 5px;
    font-size: 13px;
}
.form-control.noOfpax {
    width: 96.6%;
    float: left
}
.nav-stacked li a {
    display: block
}
.eventDataListing,
.eventListing {
    margin: 0
}
.eventDataListing li {
    border-top: solid 1px #EBEAE6
}
.eventDataListing > li:first-child {
    border: none
}
.eventDataListing li a {
    display: block;
    padding: 11px 15px;
    color: #89817F;
    border-left: solid 3px #FFF
}
.eventDataListing li:hover a,
.eventDataListing li.active a,
.eventDataListing li a:focus {
    background: #f8f7f5;
    border-color: #aec785
}
.eventDataListing li ul {
    display: none
}
.eventDataListing li ul li a {
    padding: 11px 15px 11px 30px;
    background: #f8f7f5;
    border-color: #aec785
}
.eventDataListing li ul li:hover a,
.eventDataListing li ul li.active a,
.eventDataListing li ul li a:focus {
    background: #FFF;
}
.table-condensed tbody tr a {
    color: #797979
}
.table-condensed tbody tr a:hover {
    color: #000
}
.eventCalender .col-lg-4 {
    padding: 0 0 0 20px
}
.eventCalender .col-lg-4:first-child {
    padding-left: 0
}
.eventListing li {
    padding: 8px 15px;
    font-size: 13px;
    border-top: solid 1px #EBEAE6
}
.eventListing li span,
.eventListing li div.pull-right {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.eventListing li span {
    width: 40%;
}
.eventListing li:first-child {
    border: none
}
.eventListing li:hover {
    background: #fbfbfb
}
.eventCalender .panel-heading {
    padding-left: 0;
    padding-right: 0;
}
.dpd1 {
    border-radius: 4px 0 0 4px
}
.endTime {
    padding-right: 0
}
.endTime .btn {
    margin-right: 0;
    padding-right: 0;
}
.invoice-list .col-lg-6 {
    padding: 0;
    margin-bottom: 8px
}
.propertyWise tr td:first-child,
.propertyWise tr th:first-child,
.propertyWise .dataTables_info,
.propertyWise #hidden-table-info_paginate,
.propertyWise .dataTables_length,
.propertyWise .dataTables_filter {
    display: none
}
.propertyWise .table > tbody > tr > td.property-green {
    background: #000
}
.propertyWise .table > tbody > tr > td.property-green {
    background-color: #f1ffeb
}
.propertyWise .table > tbody > tr > td.property-red {
    background-color: #ffebeb
}
.propertyWise .table > tbody > tr > td.property-yellow {
    background-color: #fff
}
.eventProfile .user-heading {
    padding: 10px 15px;
    font-size: 13px;
}
.todayMenu {
    border: solid 1px #CCCCCC;
    height: 200px;
}
.todayMenu li {
    border-top: 1px solid #EEEEEE;
    font-size: 14px;
    padding: 2px 10px;
    color: #555555
}
.todayMenu li:first-child {
    border: none;
}
.imgCarouselSlider {
    position: inherit;
    left: inherit;
    top: inherit;
    margin: 0;
    bottom: inherit;
    width: auto;
    text-align: left
}
.imgCarouselSlider li {
    float: left;
    display: inline-block;
}
.imgCarouselSlider li:first-child,
.imgCarouselSlider li:first-child.active {
    margin: 0
}
.imgCarouselSlider li.active,
.imgCarouselSlider li {
    height: auto;
    width: 17%;
    text-indent: inherit;
    margin: 0 0 0 9px
}
.imgCarouselSlider li img {
    width: 100%
}
.carousel-inner {
    margin-bottom: 9px;
}
.createBtn {
    margin-left: 4px;
}
.panel-body .step .panel-heading {
    border-bottom: solid 2px #EFF2F7;
    padding: 10px 15px;
    margin-bottom: 5px;
}
.itemSelection {
    border-bottom: solid 1px #EBEAE6;
}
.itemSelection li {
    color: #89817F;
    padding: 8px 15px
}
.itemSelection li label {
    margin-bottom: 0;
    font-weight: normal;
    line-height: 21px;
    float: left;
    margin-top: 8px;
}
.itemSelection li .form-control {
    float: right;
    width: 75px
}
.addBtn {
    margin: 10px 15px 10px 0
}
.counterPlanListing .col-lg-4:first-child {
    padding-left: 0
}
.counterPlanListing .panel-heading {
    border-bottom: solid 2px #EFF2F7;
    padding: 10px 11px
}
.labelStatus .label-mini {
    width: 32.5%;
    display: inline-block;
    font-size: 12px;
    padding-top: 13px;
    padding-bottom: 13px;
}
.counterDetail ul li {
    border-top: solid 1px #eeeeee
}
.counterDetail ul li:first-child {
    border: none
}
.eventProfile .datePackage {
    font-size: 11px;
    color: #FFF
}
.eventProfile .packageDate time span {
    font-size: 37px;
    line-height: 39px
}
.eventProfile .packageDay {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 1px;
    color: #ffffff;
}
.eventProfile .user-heading p {
    padding: 10px 0 0;
    font-size: 15px;
}
.eventProfile .dateTimePackage {
    margin: 0
}
/*  tirthak   */
.addTable.editable-table .dataTables_filter label input {
    width: 60%;
    float: left;
    margin-left: -20px;
    margin-top: -7px;
}
.addTable.editable-table.stepSearch .dataTables_filter label input {
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.addTable.editable-table.stepSearch .dataTables_filter label input:focus {
    border: 1px solid #517397;
    box-shadow: none;
}
.col-lg-4 .addTable {
    margin-top: 10px;
}
.formSteps1 {
    margin-right: 20px;
    margin-bottom: 30px;
}
.formSteps2,
.formSteps1 {
    display: block;
    float: left;
    width: 45%;
    margin: 0 auto;
}
.editable-table.stepSearch .dataTables_filter {
    margin-bottom: 10px;
}
.editable-table .dataTables_filter {
    width: 80%;
    float: left;
    margin-left: 15px;
    padding-left: 15px;
}
.user-create-steps {
    width: 70%;
    margin: 0 auto;
}
.btnManage {
    margin-bottom: -35px;
    margin-right: 10px;
    position: relative;
    z-index: 1;
}
.addcheckbox >thead>tr>th,
.addcheckbox >tbody>tr>th,
.addcheckbox >tfoot>tr>th,
.addcheckbox >thead>tr>td,
.addcheckbox >tbody>tr>td,
.addcheckbox >tfoot>tr>td {
    line-height: 30px;
}
.addcheckbox >thead>tr>td>label,
.addcheckbox >tbody>tr>td>label,
.addcheckbox >tfoot>tr>td>label {
    margin-bottom: 0;
    margin-top: 5px;
}
.addcheckbox th {
    display: none;
}
.addcheckbox.table-striped>tbody>tr:nth-child(odd)>td,
.addcheckbox.table-striped>tbody>tr:nth-child(odd)>th {
    background: #FFF;
    overflow: auto;
}
.borderRound label {
    font-size: 0;
}
.panel-body .step .panel-heading.stepSelect {
    display: block;
    margin-bottom: 12px;
}
.formSteps {
    display: block;
    float: none;
    margin: 0 auto 20px;
}
.stepInput {
    margin-left: 0;
    padding-bottom: 10px;
}
.formSteps .formColumn {
    width: 50%;
}
.labbel1 {
    font-size: 17px;
    font-weight: 300;
    text-align: center;
    margin-top: 5px;
}
.btn-default2 {
    background-color: #b0b5b9;
    border-color: #bec3c7;
    color: #fff;
}
.hiddiv {
    height: 310px;
}
.list-group-item:last-child {
    border-bottom: none !important;
}
.rolpad {
    padding-left: 10px;
    padding-right: 10px;
}
.column2 {
    margin-bottom: 10px;
}
.column,
.column3,
.column4 {
    margin: 1% 0 1% 2.5%;
}
.column3 {
    width: 45.5%;
}
.column {
    width: 33.5%;
}
.column4 {
    width: 93.4%;
}
.column5 {
    width: 45.5%;
}
.column6 {
    width: 23.5%;
    margin: 1% 0 1% -1.5%;
}
.column7 {
    width: 23.5%;
}
.iconic-input {
    position: relative;
}
.iconic-input i {
    color: #CCCCCC;
    display: block;
    font-size: 16px;
    height: 16px;
    margin: 8px 5px 8px 10px;
    position: absolute;
    text-align: center;
    width: 16px;
}
.iconic-input input {
    padding-left: 30px !important;
}
.iconic-input.right input {
    padding-left: 10px !important;
    padding-right: 30px !important;
}
.iconic-input.right i {
    float: right;
    right: 5px;
}
.iconic-input.rightSelect i {
    float: right;
    right: 10px;
}
.panelContainer .customerDetails2 {
    margin-left: 8px;
    margin-bottom: 10px
}
.panelContainer .customerDetails2 li {
    min-width: inherit;
    color: inherit;
}
.lablinehight {
    line-height: 2.8 !important;
}
.h3ped {
    margin-top: 10px;
    margin-bottom: 10px;
}
.openordbtn {
    padding: 5px 2px 5px 11px !important;
    margin-right: 5px;
}
.currentclr {
    background: #f0fbde;
}
.currentcorner {
    border-right: 8px solid #f0fbde !important;
}
.chartborder {
    border: 10px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
}
.pedrightleft {
    padding-left: 0px;
    padding-right: 0px;
}
.pedleft {
    padding-left: 0px;
}
.pedright {
    padding-right: 0px;
}
.timelineped {
    padding: 8px;
}
.currentclr > table >thead > tr > th,
.table tbody > tr > th {
    padding: 3px;
}
.currentclr > table tbody > tr > td {
    padding: 5px;
}
.currentclr > table-hover>tbody > tr:hover > th {
    background-color: #78CD51
}
.cornerright {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    right: -7px;
    position: absolute;
    top: 13px;
    width: 0;
}
.greetingscheck {
    float: left;
}
.inqcollapsmarg {
    margin: 10px 10px 10px 40px;
}
.timelinew {
    width: auto;
}
/*chat room*/
.chat-room {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    position: relative;
}
.chat-room aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}
.chat-room .left-side {
    width: 20%;
    background: #e5e8ef;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
}
.chat-room .mid-side {
    width: 80%;
    background: #fff;
    border-right: 1px solid #e5e8ef;
}
.chat-room .right-side {
    width: 25%;
    background: #fff;
    border-radius: 0 4px 4px 0;
}
.chat-room .left-side .user-head,
.chat-room .right-side .user-head,
.chat-room-head {
    background: #00A8B3;
    border-radius: 4px 0 0;
    color: #FFFFFF;
    min-height: 70px;
    padding: 15px;
}
.chat-room .right-side .user-head {
    padding: 10px;
    border-left: 1px solid #00A8B3;
    margin-left: -1px;
    position: relative;
}
.chat-room .user-head i {
    float: left;
    font-size: 40px;
    margin-right: 10px;
}
.chat-room .user-head h3 {
    margin: 6px 0 0 0;
    font-weight: 100;
    letter-spacing: 1px;
}
.chat-room-head {
    background: #41CAC0;
    border-radius: none;
}
.chat-room-head h3 {
    margin: 5px 0 0;
    font-weight: 100;
    letter-spacing: 1px;
    display: inline-block;
}
.chat-room-head .search-btn,
.chat-room-head .search-btn:focus {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: none;
    color: #fff;
}
.chat-room-head, .search-btn
{
    /*width: 20px;
    background: #01a6b2 url("../img/chat-search.png") no-repeat 12px 9px;
    padding: 0 5px 0 35px;
    margin-top: 2px;*/
    border: none;
}
.chat-room-head .search-btn:focus {
    width: 180px;
    font-weight: 300;
}
.chat-room-head .search-btn:focus::-moz-placeholder {
    color: #fff;
}
ul.chat-list li a {
    color: #6a6a6a;
    display: block;
    padding: 15px;
    font-weight: 300;
}
ul.chat-list li a:hover,
ul.chat-list li.active a {
    color: #00a9b4;
    background: #f2f4f7;
}
ul.chat-list li h4 {
    padding: 17px 15px;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #D5D7DE;
}
ul.chat-list li h4 i {
    padding-right: 5px;
}
ul.chat-list li a span {
    padding-left: 10px;
}
ul.chat-list li a i.fa-times {
    color: #9fa3b0;
}
ul.chat-list li.active {
    color: #00a9b4;
    background: #f2f4f7;
}
ul.chat-user {
    margin-bottom: 200px;
}
ul.chat-user li {
    border-bottom: none;
}
ul.chat-user li a:hover {
    background: none;
    color: #6a6a6a;
}
.chat-room .left-side footer,
.chat-room .right-side footer {
    padding: 15px;
    height: 70px;
    position: absolute;
    bottom: 0;
}
.chat-room .left-side footer {
    background: #d5d7de;
    border-radius: 0 0 0 4px;
    -webkit-border-radius: 0 0 0 4px;
    width: 25%;
}
.chat-room .mid-side footer {
    background: #f6f6f6;
    width: 50%;
    border-right: 1px solid #E5E8EF;
}
.chat-room .right-side footer {
    background: #fff;
    width: 25%;
    border-top: 1px solid #E5E8EF;
    border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
}
.chat-room .left-side footer .chat-avatar img {
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    float: left;
}
.chat-room .left-side footer .user-status {
    float: left;
    margin: 10px;
}
.chat-room .left-side footer .user-status i {
    padding-right: 5px;
}
.chat-room .left-side footer a.chat-dropdown {
    background: #96979a;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    margin-top: 10px;
    padding: 3px 5px;
}
.room-desk {
    display: inline-block;
    margin-bottom: 30px;
    padding: 15px;
}
.room-desk h4 {
    font-weight: 300;
    font-size: 16px;
    margin: 5px 0 0 0;
}
.room-box {
    border: 1px solid #e7e7e7;
    background: #f7f8fa;
    padding: 10px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.room-box h5 {
    margin: 0 0 5px 0;
    font-weight: 300;
    font-size: 16px;
}
.room-box h5 a {
    color: #00a9b4;
}
.chat-tools {
    float: right;
    padding: 3px;
    width: 40px;
    height: 35px;
    line-height: 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    margin-top: 6px;
    margin-left: 10px;
}
.chat-tools i {
    font-size: 16px !important;
    float: none !important;
    margin-right: 0 !important;
    color: #fff;
}
.btn-key {
    background: #4ac9c0;
}
.btn-key:hover {
    background: #44bab2;
}
.invite-row {
    background: #f2f4f7;
    padding: 6px 10px;
    display: inline-block;
    border-bottom: 2PX #d5d7de solid;
}
.invite-row h4 {
    font-size: 16px;
    font-weight: 300;
}
ul.chat-available-user {
    padding: 10px;
}
ul.chat-available-user li {
    margin-bottom: 15px;
}
ul.chat-available-user li a {
    color: #6a6a6a;
}
ul.chat-available-user li i {
    padding-right: 5px;
    font-size: 10px;
}
.group-rom {
    float: left;
    border-bottom: 1px solid #eaebee;
}
.group-rom .first-part,
.group-rom .second-part,
.group-rom .third-part {
    float: left;
    padding: 15px;
}
.group-rom .first-part {
    width: 25%;
}
.group-rom .first-part.odd {
    background: #f7f8fa;
    color: #6a6a6a;
    font-weight: 600;
}
.group-rom .second-part {
    width: 60%;
}
.group-rom .third-part {
    width: 15%;
    color: #d4d3d3;
}
a.guest-on {
    color: #6a6a6a;
    margin-top: 8px;
    display: inline-block;
}
a.guest-on i {
    background: #40cabe;
    color: #fff;
    padding: 4px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-right: 5px;
}
.chat-txt {
    float: left;
    width: 70%;
    margin-right: 5px;
}
.lobby {
    padding: 0 !important;
}
/*right side bar*/
.sb-slidebar {
    background-color: rgba(42, 53, 66, 1) !important;
    margin-top: 60px;
    color: #aeb2b7;
}
.sb-slidebar .side-title {
    padding: 10px 15px;
    text-transform: uppercase;
    color: #78CD51;
}
.sb-toggle-right {
    cursor: pointer;
    margin-top: 12px;
}
.sb-toggle-right i {
    font-size: 20px;
}
.quick-chat-list {
    margin-bottom: 20px;
}
.quick-chat-list:last-child {
    /*padding: 0;*/
    padding-bottom: 50px;
}
.quick-chat-list li {
    padding: 10px 15px;
    border-bottom: 1px dashed #35404d;
    cursor: pointer;
}
.quick-chat-list li:hover {
    background: #35404d;
}
.quick-chat-list li .media-object {
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.media .media-status {
    display: inline-block;
    margin-top: 10px;
    position: absolute;
    right: 10px;
}
.media .media-body small {
    display: block;
}
.quick-chat-list .media .media-object {
    width: 40px;
    height: 40px;
}
/*-------*/
.propertynamebox {
    padding: 5px 5px 5px 5px;
    height: 65px;
    background: #fff;
    border-radius: 0px 0px 5px 5px;
}
.propertyheader {
    background: none repeat scroll 0 0 #78cd51;
    font-size: 17px;
    padding: 3px;
    color: #fff;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
}
.propertyicon {
    margin-top: 29px;
    padding: inherit;
}
.propertynofiy,
.propertynofiyRoom,
.propertynofiyDateWise {
    background: #FF8700;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    display: inline-block;
    text-align: center;
    left: 76%;
    bottom: 138px;
    position: absolute;
    line-height: 25px;
}
.propertynofiyDateWise {
    left: 100px;
    top: -5px;
    position: absolute;
    line-height: 25px;
}
.propertynofiyDateWiseBooking {
    background: #F01C1F;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    display: inline-block;
    text-align: center;
    /*border: 3px solid #fff;*/
    left: 133px;
    top: -5px;
    position: absolute;
    line-height: 25px;
}
.followrepo {
    border-radius: 5px 5px 5px 5px;
    background: #00CC00;
}
.propdetailalign {
    margin-top: 10px;
    padding: 0px;
    text-align: center;
}
#autocomplete.ui-autocomplete-loading {
    background-image: url(../img/input-spinner.gif);
    background-position: right center;
    background-repeat: no-repeat;
}
.poptimezone {
    display: inline-block;
}
.poptimezone li {
    margin-right: 20px;
}
.squarebox1 {
    width: 100px;
    height: 100px;
    background: red;
}
.timeselect > tbody > tr > td > a {
    height: 16px;
    padding-right: 5px;
    padding-left: 5px;
    line-height: 16px;
}
.timeY,
.timeR,
.timeW {
    width: 25px;
    text-align: center;
    font-size: 18px;
}
.timeY {
    background-color: #ffffe1;
}
.timeR {
    background-color: #ffebeb;
}
.timeW {
    background-color: #FFF;
}
.propefilterhight {
    min-height: 743px;
}
.addvenuebtn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    border: 3px solid #fff;
    left: 26%;
    bottom: 70px;
    line-height: 24px;
    position: absolute;
    font-size: 18px;
    padding-top: 7px;
    z-index: 1;
}
.propevntdate {
    margin-bottom: 10px;
    padding-left: 0px;
    font-size: 13px;
}
.propevnttime {
    margin-bottom: 10px;
    font-size: 13px;
    text-align: right;
}
.packageInformation li {
    float: left;
    margin-right: 4%;
    margin-bottom: 10px;
    width: 45%;
}
.packageInformation li {
    float: left;
    margin-right: 4%;
    margin-bottom: 10px;
    width: 45%;
}
.lineitemcolor {
    background: #f4f5f9 !important;
}
.lineitemcolor2 {
    background: #fff;
}
.lineitemtd1 {
    background: #f4f5f9;
    width: 7%;
}
.lineitemtr2 {
    border-top: 2px #eee solid !important;
}
.proprice {
    padding: 9px 5px 5px 10px;
    font-size: 16px;
}
.addvenue {
    padding: 9px 0px 5px 0px;
    font-size: 14px;
    text-align: center;
}
.followupcmt,
.carttext {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 55px;
    -webkit-line-clamp: 4;
    line-height: 14px;
    -webkit-box-orient: vertical;
}
.leftmrg {
    margin-left: 5px;
}
.proptimezonbox {
    margin-top: 0px;
    margin-bottom: 10px;
}
.bookclassred {
    color: #f55555;
}
.bookclassgreen {
    color: #34C240;
}
.bookclassyallow {
    color: #E1A92E;
}
.lineitemtr3 {
    border-top: 2px #eee solid !important;
}
.lineitemcolor2 {
    background: #fff !important;
}
.carttext {
    -webkit-line-clamp: 1;
    max-height: 32px;
}
.fixeable table {
    table-layout: fixed;
}
.fixeable .settable {
    margin-bottom: -1px !important;
}
.div-table-content {
    height: 200px;
    overflow-y: auto;
}
.nopadding {
    padding: 0px;
}
.shadowremove {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.nopadding table {
    margin-bottom: 0px;
}
.totaltext,
.totaldefult {
    font-weight: bold;
    height: 30px;
    line-height: 28px;
}
.totaldefult {
    padding-left: 55px
}
.adisp2 {
    display: inline !important;
    margin-right: 2px;
}
.selectbtp {
    width: 60%;
}
.btplab {
    float: left;
    margin-right: 5px;
}
.rupeeiconset {
    margin-right: 5px;
}
.setofflablename {
    text-align: right;
    line-height: 34px;
    font-size: 15px;
}
.rollassignbox {
    background: #FCFCFC;
    padding: 12px;
    border: 1px #EDECEC solid;
    border-radius: 4px;
    padding-bottom: 0px;
    margin-top: 10px;
}
#time-range {
    margin-top: 10px;
}
.pad_no {
    padding: 5px 10px 10px 10px;
    margin-bottom: 0px;
}
.pad_a .slider {
    position: relative;
    width: 100%;
}
.pad_a .slider .ui-widget-header {
    height: 8px !important;
    position: absolute;
}
.pad_a .ui-slider .ui-slider-handle {
    margin-left: -5px;
}
.pad_a {
    padding: 05px 0px !important;
    margin-bottom: 0px;
}
.my_select {
    width: 100% !important;
    height: 34px !important
}
/* footer css mishil patel 19 Jun 2015*/
.loading-progress {
    position: relative;
    z-index: 1043;
    padding-bottom: 10px;
}
/* page loader CSS*/
.no-js #loader {
    display: none;
}
.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/preloader.gif) center no-repeat rgba(0, 0, 0, 0.6);
}
.followupLoader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: url(../img/followupLoader.gif) center no-repeat rgba(0, 0, 0, 0.6);
}
.display-none {
    display: none !important;
}
.display-inline {
    display: inline !important;
}
.pad_1 {
    padding: 15px 15px 50px 15px;
}
.bn-panel-count {
    color: #363e43;
    display: table;
    font-size: 24px;
    font-weight: bold;
    line-height: 65px;
    padding-top: 10px;
}
.bn-panel-title {
    color: #363e43;
    font-size: 15px;
    line-height: 15px;
}
.bn-panel-ico {
    color: #78CD51;
    font-size: 60px;
}
.bn-panel .panel-body {
    padding: 10px 15px 0 15px;
}
.bn-panel .bg-more {
    background: #c4c4c4;
    display: block;
    padding: 5px 10px;
    margin-top: 10px;
}
.bn-panel .bg-more a {
    color: #363e43;
    float: right;
    font-size: 20px;
}
.table-status .tbctrl {
    color: #fcb322;
    cursor: pointer;
    font-size: 18px;
}
.table-status .delay-call .tbctrl {
    color: #ee7220;
}
.table-status .sla {
    border-left: 5px solid #fcb322;
    border-right: 0 none;
    border-top: 0 none;
}
.table-status .delay-call .sla {
    border-left: 5px solid #ee7220;
}
.table-status .delay-call .aging {
    color: #ee7220;
}
table tr.odd {
    background-color: #f9f9f9;
}
table.display {
    color: #595959;
}
.no-padding-right {
    padding-right: 0;
}
.no-padding-left {
    padding-left: 0;
}
.bn-icons {
    display: block;
    line-height: 1;
    min-height: 125px;
    padding: 20px 0 10px 0;
    font-size: 75px;
}
.call-icon {
    padding-top: 10px;
}
.cart-icon {
    padding-top: 10px;
}
.bottom_border {
    border-bottom: 5px solid #c4c4c4;
}
.bn-icons img {
    max-height: 110px;
    max-width: 110px;
    vertical-align: middle;
}
.panel.bn-panel {
    margin-bottom: 0;
}
.table-status .panel-body {
    padding: 0;
}
.table-status .panel {
    margin: 0;
}
.top_border {
    border-top: 3px solid #363e43;
    border-radius: 0px;
}
.bottom_border {
    border-bottom: 5px solid #c4c4c4;
}
/*Bio_Row Css Created By ANAND Silora 31-8-2015*/
.bi_row {
    width: 50%;
    float: left;
}
.btnCss {
    float: left !important;
    margin-right: 10px !important;
}
select {
    -moz-appearance: menulist;
    -moz-rtl-ordering: logical;
}
/*style added for invoiceList*/
#invoiceList td {
    padding-right: 0px !important;
}
/*== START - ADDED BY MEHUL ON 15-02-2016 FOR CALANDER CODE ON FOLLOWUP PAGE ==*/
.calendermain,
.calenderdeiv,
.calhidden {
    transition-duration: 1s;
}
.calendermain {
    position: absolute;
    float: right;
    right: 0;
    top: 70px;
    z-index: 1002;
}
.calenderdeiv {
    float: left;
    width: 650px;
    border: 3px solid #78CD51;
    background: #fff;
    border-right: 0px;
    color: #fff;
    /*height: 800px;*/
    padding: 10px;
}
.menubtn {
    bottom: 8%;
    position: fixed;
    margin-left: -65px;
    border: none;
    padding: 10px 15px;
    font-size: 18px;
    border-radius: 100%;
    right: 1%;
}
a.menubtn,
a.menubtn:hover {
    color: #fff !important;
}
#followupSidebar.menubtn {
    right: 5%;
}
.calhidden {
    width: 0px !important;
    font-size: 0px;
    padding: 0px !important;
}
.calhidden * {
    font-size: 0px !important;
}
.closecal .menubtn {
    transition-duration: 1s;
    margin-left: -74px !important;
}
.calenderdeiv .fc-grid .fc-day-content {
    height: 60px !important;
    width: 60px !important;
    display: inline-block;
}
.calenderdeiv .fc-grid .fc-day-number {
    width: 20% !important;
}
.calenderdeiv .fc-header {
    color: #fff;
}
.venuebox {
    width: 30%;
    position: absolute;
    margin: 0 0 0 30%;
    padding: 5px 10px;
    border: 1px solid #78CD51;
    border-radius: 5px;
}
.calendermain .fc-day-number {
    float: right;
    padding: 0 2px;
}
.calendermain .fc-day-number {
    text-align: center;
    vertical-align: middle;
}
/*== END - ADDED BY MEHUL ON 15-02-2016 FOR CALANDER CODE ON FOLLOWUP PAGE ==*/
.mm10 {
    margin: 3px auto;
}
.dropdown-menu.extended.logout > div+li {
    float: left;
    text-align: left;
    width: 100%;
    background: #a9d96c;
    color: #fff;
    margin-top: 1px;
    border-radius: 3px 3px 0 0;
    padding: 2px 2px 2px 15px;
}
.bookStatus {
    background: #F01C1F !important;
    color: white;
}
.almostConfirmStatus {
    background: #FFF800 !important;
}
.cancelStatus {
    background-color: lightslategrey !important;
}
/*Added by Mehul on 21st March starts here*/
.ffheader {
    height: 25px;
}
.ffcontent {
    position: absolute;
    top: 50px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow-y: scroll;
}
.mdheader {
    padding: 2px 5px;
    text-align: center;
}
.mdcontent >table>tbody {
    padding: 2px 5px;
    height: 200px;
    overflow-y: auto;
}
.mdsection {
    margin-bottom: 10px;
}
.signbox {
    display: none;
    float: right;
    padding: 5px 10px;
    vertical-align: middle;
    line-height: 45px;
    margin-right: 5px;
}
.signbox > div {
    display: none;
    float: right;
    border: 1px solid #ddd;
    width: 180px;
    height: 45px;
    vertical-align: middle;
    padding: 5px;
    margin: 0 0 0 10px;
    border-radius: 3px;
}
/*Added by Mehul on 21st March ends here*/
.lheader {
    float: left;
    position: inherit;
    width: 100%;
    height: 25px;
    line-height: 20px;
}
.lcontent {
    margin-top: 25px;
    overflow-y: auto;
    max-height: 500px;
}
#transferDate .createCustomerBox {
    width: 80% !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
#transferDate .col-lg-4 {
    width: 33% !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
}
#transferDate .modal-body .eventList {
    box-sizing: border-box;
    max-height: 235px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.eventList .row {
    margin-right: 0;
    margin-left: 0;
}
.actionHeader {
    width: 15% !important;
    text-align: center;
}
.mdcontent .table thead > tr > th,
.table tbody > tr > th,
.mdcontent .table tfoot > tr > th,
.mdcontent .table thead > tr > td,
.mdcontent .table tbody > tr > td,
.table tfoot > tr > td {
    padding: 5px !important;
    font-size: 14px;
}
.mdcontent table {
    margin-bottom: 10px;
}
.actionHeader {
    width: 120px !important;
}
.acbtn > a {
    float: left;
    margin-left: 2px;
    font-size: 16px;
    padding: 2px 5px;
    border-radius: 3px;
    width: 25px;
    text-align: center;
}
.mdcontent {
    display: block;
    max-height: 200px;
    overflow: auto;
}
.underline {
    float: left;
    width: 98%;
    margin: 0px auto 5px auto;
    border: 1px solid #D4D4D4;
}
#searchcustomer .form-group {
    margin: 0 !important;
}
label.col-lg-12.col-md-12.control-label {
    margin-bottom: 10px;
}
.wp15,
.wp6,
.wp8,
.wp10 {
    float: left;
    margin-right: 3px;
}
.wp15 {
    width: 15%;
}
.wp6 {
    width: 6%;
}
.wp8 {
    width: 8%;
}
.wp10 {
    width: 10%;
}
#checkEventDetail input[type="text"] {
    height: 34px;
    line-height: 30px;
}
.mandatory,
.mandatory_textBox,
.mand,
.mandEdit {
    position: absolute;
    color: #f00 !important;
    font-size: 14px;
    padding-left: 1%;
    line-height: 15px;
}
.mandEditTab {
    position: absolute;
    color: #f00 !important;
    font-size: 14px;
    padding-left: 80px;
    line-height: 0px;
    bottom: 25px;
}
.mandatory,
.mandatory_textBox {
    right: 7px !important;
}
/*=== added by deepak patil ===*/
.greenClass,
.redClass,
.greyClass {
    padding: 10px 0;
    color: #000000;
    border-radius: 5px;
    box-shadow: 0 0 7px #222;
}
.greyClass {
    background-color: #EEEEEE;
}
.greenClass {
    background-color: #78CD51;
}
.redClass {
    background-color: #FF5454;
}
.newData {
    box-shadow: 0 0 3px #222;
}
.mandEdit {
    right: -8px !important;
}
label {
    font-weight: bold !important;
}
/*ADDED BY DEEPAK PATIL FOR MODAL CHANGES */
.priority.highLow span {
    background: none repeat scroll 0 0 #58C9F3;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    padding: 2px 10px;
}
.priority.highLow {
    background: none repeat scroll 0 0 #EAECF3;
    margin-bottom: 1px;
}
.task.highLow {
    border-left: 2px solid #58C9F3;
}
.task .timeCall {
    display: inline-block;
    font-size: 13px;
    padding: 0px 0px 3px 0;
    right: 0;
    top: 0;
    width: 100%;
}
.callActionIcon {
    font-size: 15px;
}
.btn-call {
    background-color: #58C9F3;
    border-color: #58C9F3;
    color: #FFFFFF;
    margin-right: 20px;
}
.btn-call:hover {
    background-color: #7BD5DE;
    border-color: #7BD5DE;
    color: #FFFFFF;
}
#callLog .desc {
    width: 100% !important;
}
.receiveCall {
    color: green;
    font-size: 20px;
}
.missCall {
    color: red;
    font-size: 20px;
}
section.calltxt {
    margin-left: -20px;
    margin-right: -20px;
    background: #4DA028;
    padding: 5px 12px;
    font-size: 16px;
    color: #fff;
    margin-top: -25px;
    border-radius: 4px 4px 0px 0px;
}
.callBtn {
    margin-right: 10px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 18px;
}
.callIcon {
    font-size: 30px;
    text-align: center;
    padding: 20px 15px 20px 15px;
    border-radius: 50px;
}
.callerName {
    margin-left: -20px;
    margin-right: -20px;
    background: #50B323;
    padding: 10px 0px 30px 12px;
    font-size: 18px;
    color: #fff;
    margin-top: -20px;
    border-radius: 4px 4px 0px 0px;
}
.activityRole .checkboxes label {
    display: block;
    float: left;
    padding-right: 4%;
    white-space: nowrap;
}
.activityRole .checkboxes input {
    vertical-align: middle;
}
.activityRole .checkboxes label span {
    vertical-align: middle;
}
.activityRole .checkboxes {
    padding-bottom: 50px;
}
.activityRole .panel-heading {
    margin-bottom: 20px;
}
#showusrActivity .btn {
    margin-right: 1px !important;
}
#showActivity .btn {
    margin-right: 1px !important;
}
.titlediv {
    display: inline-block;
    width: 68%;
    font-size: 16px;
    color: #000;
    padding: 2%;
    vertical-align: top;
}
.datedivFlwp {
    display: inline-block;
    font-size: 16px;
    padding: 2% 2% 2% 0;
    position: relative;
    right: 0;
    text-align: right;
    top: 0;
    width: 32%;
    vertical-align: top;
    color: #000;
}
.datediv {
    display: inline-block;
    font-size: 16px;
    padding: 2% 2% 2% 0;
    position: relative;
    right: 0;
    text-align: right;
    top: 0;
    width: 32%;
    color: #000;
}
.datediv #date { 
    float: right; 
    display: block;
    width: 100%;
}
.gray-text {
    padding-left: 10px;
    color: gray;
}
.task.inProcess {
    border-left: 2px solid #c09853;
}
.radios {
    padding-top: 5px;
}
.has-js .label_radio {
    background: url(../img/radio-off.png) no-repeat;
}
.radios label {
    float: left;
    width: 30%;
}
.checkboxes label,
.radios label {
    cursor: pointer;
    display: block;
    font-weight: 300;
    line-height: 20px;
    padding-bottom: 7px;
    min-height: 21px;
}
.checkboxes label,
.radios label {
    display: block;
    cursor: pointer;
    line-height: 20px;
    padding-bottom: 7px;
    font-weight: 300;
}
.has-js label.r_on {
    background: url(../img/radio-on.png) no-repeat;
}
.has-js .label_check,
.has-js .label_radio {
    padding-left: 30px;
    margin-right: 13px;
}
.has-js .label_check input,
.has-js .label_radio input {
    position: absolute;
    left: -9999px;
}
.label_check input,
.label_radio input {
    margin-right: 5px;
}
label_check input,
.label_radio input {
    margin-right: 5px;
}
.m-size {
    font-size: 18px;
    color: #78CD51
}
#radioBtn .notActive {
    color: #3276b1 !important;
    background-color: #ddd !important;
    border: 1px solid #ddd !important;
}
.btn-gap {
    float: left;
    margin-right: 10%;
}
.mode-radio label {
    width: 20%;
    font-size: 18px;
    margin-left: 15px;
    color: #78CD51;
    margin-right: 10px !important;
}
.mode-radio label:first-child {
    margin-left: 0px;
}
.mode label.label_radio {
    width: 23%;
    margin-right: 8px;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    /*    text-align: center;*/
    vertical-align: middle;
}
.smedia {
    position: absolute;
    -webkit-transition: left 0.5s cubic-bezier(0.1, 0.8, 0.9, 1), opacity 0.5s linear;
    -moz-transition: left 0.5s cubic-bezier(0.1, 0.8, 0.9, 1), opacity 1s linear;
    -o-transition: left 0.5s cubic-bezier(0.1, 0.8, 0.9, 1), opacity 1s linear;
    display: inline;
    /*opacity: 0;*/
    width: 46px;
    height: 46px;
    z-index: 100;
    margin: 3px 0px 0px 10px;
    background: no-repeat;
    left: 4px;
}
.smedia i {
    margin-top: 9px;
}
#redessociales:hover .smedia {
    opacity: 1;
    transform: translate(0px, 0);
    -webkit-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    margin: 3px 0px 0px 20px;
    position: absolute;
}
#redessociales:hover .smedia.facebook {
    position: absolute;
    left: 24px;
}
#redessociales:hover .smedia.twitter {
    position: absolute;
    left: 62px;
}
#redessociales:hover .smedia.instagram {
    position: absolute;
    left: 119px;
}
.smedia.facebook {
    height: 42px;
    width: 42px;
    background: #77BF55 !important;
    border-radius: 50%;
    position: fixed;
    margin-top: 110px;
    top: 15px;
    z-index: 99;
}
.smedia.twitter {
    height: 42px;
    width: 42px;
    background: #77BF55 !important;
    border-radius: 50%;
    position: fixed;
    margin-top: 160px;
    top: 15px;
    z-index: 99;
}
.smedia.instagram {
    z-index: 1080;
    height: 42px;
    width: 42px;
    background: #77BF55;
    border-radius: 50%;
}
.smedia:hover {
    background-position: 0 -46px;
}
.innerDiv {
    top: -14px;
    left: 5px;
    position: relative;
    display: inline-block;
}
/******************************************app.css code start here**************************/
/* 

*/
.fp .nav-tabs {
    border-color: #dee5e7;
    border-bottom: 1px solid #78cd51;
    background: #FFF;
    border-top: 1px solid #77BF55;
}
.fp .nav-tabs > li > a {
    border-bottom-color: #dee5e7;
    border-radius: 2px 2px 0 0;
}
.fp .nav-tabs > li:hover > a,
.fp .nav-tabs > li.active > a,
.fp .nav-tabs > li.active > a:hover {
    border-color: #dee5e7;
}
.fp .nav-tabs > li.active > a {
    border-bottom-color: #fff !important;
}
.fp .nav-tabs-alt .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
}
.fp .nav-tabs-alt .nav-tabs > li > a {
    background: transparent !important;
    border-color: transparent !important;
    border-bottom-color: #dee5e7 !important;
    border-radius: 0;
    width: 68px;
    text-align: center;
}
.fp .nav-tabs-alt .nav-tabs > li.active > a.i1 {
    border-bottom-color: rgba(0, 0, 0, 0.3) !important;
    background: #FABB3D !important;
    color: #fff !important;
}
.fp .nav-tabs-alt .nav-tabs > li.active > a.i2 {
    border-bottom-color: rgba(0, 0, 0, 0.3) !important;
    background: #78CD51 !important;
    color: #fff !important;
}
.fp .nav-tabs-alt .nav-tabs > li.active > a.i3 {
    border-bottom-color: rgba(0, 0, 0, 0.3) !important;
    background: #FF5454 !important;
    color: #fff !important;
}
.fp .nav-tabs-alt .nav-tabs > li.active > a.i4 {
    border-bottom-color: rgba(0, 0, 0, 0.3) !important;
    background: #58C9F3 !important;
    color: #fff !important;
}
.fp .nav-tabs-alt .nav-tabs > li.active > a.i5 {
    border-bottom-color: rgba(0, 0, 0, 0.3) !important;
    background: #c09853 !important;
    color: #fff !important;
}
.fp .nav-tabs>li.active {
    border-right: 0px;
}
.fp .nav-tabs-alt .nav-tabs > li > a.i1 {
    color: #FABB3D !important;
}
.fp .nav-tabs-alt .nav-tabs > li > a.i2 {
    color: #78CD51 !important;
}
.fp .nav-tabs-alt .nav-tabs > li > a.i3 {
    color: #FF5454 !important;
}
.fp .nav-tabs-alt .nav-tabs > li > a.i4 {
    color: #58C9F3 !important;
}
.fp .nav-tabs-alt .nav-tabs > li > a.i5 {
    color: #c09853 !important;
}
/*hover of tabs */
.fp .nav-tabs-alt .nav-tabs > li > a.i1:hover,
.fp .nav-tabs-alt .nav-tabs > li > a.i2:hover,
.fp .nav-tabs-alt .nav-tabs > li > a.i3:hover,
.fp .nav-tabs-alt .nav-tabs > li > a.i4:hover,
.fp .nav-tabs-alt .nav-tabs > li > a.i5:hover {
    color: #fff !important;
    transition-duration: 0.5s;
}
.fp .nav-tabs-alt .nav-tabs > li > a.i1:hover {
    border-bottom-color: #FABB3D !important;
    background: #FABB3D !important;
}
.fp .nav-tabs-alt .nav-tabs > li > a.i2:hover {
    border-bottom-color: #78CD51 !important;
    background: #78CD51 !important;
}
.fp .nav-tabs-alt .nav-tabs > li > a.i3:hover {
    border-bottom-color: #FF5454 !important;
    background: #FF5454 !important;
}
.fp .nav-tabs-alt .nav-tabs > li > a.i4:hover {
    border-bottom-color: #58C9F3 !important;
    background: #58C9F3 !important;
}
.fp .nav-tabs-alt .nav-tabs > li > a.i5:hover {
    border-bottom-color: #c09853 !important;
    background: #c09853 !important;
}
/* active class hover*/
.fp .nav-tabs-alt .nav-tabs > li.active > a.i1:hover,
.fp .nav-tabs-alt .nav-tabs > li.active > a.i2:hover,
.fp .nav-tabs-alt .nav-tabs > li.active > a.i3:hover,
.fp .nav-tabs-alt .nav-tabs > li.active > a.i4:hover,
.fp .nav-tabs-alt .nav-tabs > li.active > a.i5:hover {
    color: #fff !important;
    border-bottom-color: rgba(0, 0, 0, 0.5) !important;
}
.fp .box-shadow {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}
.fp .box-shadow-lg {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
}
.fp .text-shadow {
    font-size: 170px;
    text-shadow: 0 1px 0 #dee5e7, 0 2px 0 #fcfdfd, 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);
}
.fp .no-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.fp .wrapper-xs {
    padding: 5px;
}
.fp .wrapper-sm {
    font-size: 24px;
}
.fp .wrapper {
    padding: 15px;
}
.fp .wrapper-md {
    padding: 20px;
}
.fp .wrapper-lg {
    padding: 30px;
}
.fp .wrapper-xl {
    padding: 50px;
}
.fp .padder-lg {
    padding-right: 30px;
    padding-left: 30px;
}
.fp .padder-md {
    padding-right: 20px;
    padding-left: 20px;
}
.fp .padder {
    padding-right: 15px;
    padding-left: 15px;
}
.fp .padder-v {
    padding-top: 15px;
    padding-bottom: 15px;
}
.fp .no-padder {
    padding: 0 !important;
}
.fp .pull-in {
    margin-right: -15px;
    margin-left: -15px;
}
.fp .pull-out {
    margin: -10px -15px;
}
.fp .b {
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.fp .b-a {
    border: 1px solid #dee5e7;
}
.fp .b-t {
    border-top: 1px solid #dee5e7;
}
.fp .b-r {
    border-right: 1px solid #dee5e7;
}
.fp .b-b {
    border-bottom: 1px solid #dee5e7;
}
.fp .b-l {
    border-left: 1px solid #dee5e7;
}
.fp .b-light {
    border-color: #edf1f2;
}
.fp .b-dark {
    border-color: #3a3f51;
}
.fp .b-black {
    border-color: #3a3f51;
}
.fp .backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
}
.fp .backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}
.fp .backdrop.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.fp .nav-tabs>li {
    float: left;
    margin-bottom: 0;
    margin-left: 0px !important;
    border-right: 1px solid #ccc;
}
.fp #main-content .glyphicon:empty {
    width: 2.5em !important;
}
.fp .tab-content {
    max-height: 90vh;
    overflow: auto;
    height: 90vh;
}
.fp .nav-tabs-alt {
    background: #E4F5DC;
    z-index: 9999;
}
.fp .m-b-sm {
    /*margin-bottom: 10px;*/
}
.fp .m-t-n-xs {
    margin-top: -5px;
}
.fp .b-b {
    border-bottom: 1px solid #dee5e7;
}
.fp .wrapper {
    padding: 15px;
}
.fp .bg-light {
    color: #58666e;
    background-color: #edf1f2;
}
.fp .bg-light.dker,
.fp .bg-light .dker {
    background-color: #dde6e9;
}
.fp .m-b-none {
    margin-bottom: 0 !important;
}
/******************************************app.css code end here**************************/
/********************************pure drawer css code start***********************/
.pure-container {
    position: relative;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}
.pure-toggle {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.pure-toggle:focus ~ .pure-toggle-label {
    border-color: #999;
    color: #999;
}
.pure-toggle-label {
    margin-top: 50px;
    display: none;
    cursor: pointer;
    display: block;
    position: fixed;
    top: 15px;
    z-index: 99;
    color: #5d809d;
    width: 50px;
    height: 50px;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    border: 2px solid #999;
    border-radius: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0px 0px 10px #aaa;
    left: 10px;
}
.pure-toggle-label:hover {
    border-color: #78CD51;
    color: #78CD51;
    box-shadow: 0px 0px 10px #78CD51;
}
.pure-toggle-label:hover .pure-toggle-icon,
.pure-toggle-label:hover .pure-toggle-icon:before,
.pure-toggle-label:hover .pure-toggle-icon:after {
    background-color: #78CD51;
}
.pure-toggle-label:active {
    -webkit-tap-highlight-color: transparent;
}
.pure-toggle-label .pure-toggle-icon,
.pure-toggle-label .pure-toggle-icon:before,
.pure-toggle-label .pure-toggle-icon:after {
    position: absolute;
    top: 55%;
    left: 50%;
    height: 4px;
    width: 20px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
    display: block;
    content: '';
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.pure-toggle-label .pure-toggle-icon {
    transform: translate3d(-50%, -4px, 0);
    -webkit-transform: translate3d(-50%, -4px, 0);
}
.pure-toggle-label .pure-toggle-icon:before {
    transform: translate3d(-50%, -14px, 0);
    -webkit-transform: translate3d(-50%, -14px, 0);
}
.pure-toggle-label .pure-toggle-icon:after {
    transform: translate3d(-50%, 10px, 0);
    -webkit-transform: translate3d(-50%, 10px, 0);
}
.pure-toggle-label[data-toggle-label='right'] {
    right: 28px;
    left: auto;
}
.pure-toggle-label[data-toggle-label='top'] {
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label:not([data-toggle-label='left']),
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label:not([data-toggle-label='right']),
.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label:not([data-toggle-label='top']) {
    opacity: 0;
    z-index: -1;
}
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'],
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'],
.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] {
    border-color: #78cd51;
    color: #78cd51;
    box-shadow: 0 0 10px #78cd51;
    left: 5px;
}
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon,
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon,
.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon {
    background-color: transparent;
}
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before,
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after,
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before,
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after,
.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:before,
.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:after {
    top: 0;
}
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before,
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before,
.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:before {
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) rotate(45deg);
}
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after,
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after,
.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:after {
    -ms-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
    transform: translateX(-50%) translateY(-10px) rotate(-45deg);
    -webkit-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
    top: 10px;
}
.pure-drawer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    visibility: hidden;
    background-color: #ffffff;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 100%;
}
@media only screen and (min-width: 40.063em) {
    .pure-drawer {
        width: 350px;
    }
}
@media only screen and (min-width: 64.063em) {
    .pure-drawer {
        width: 350px;
    }
}
.pure-drawer[data-position='right'] {
    left: auto;
    right: 0;
}
.pure-drawer[data-position='top'] {
    height: 100%;
    width: 100%;
}
@media only screen and (min-width: 40.063em) {
    .pure-drawer[data-position='top'] {
        height: 100%;
    }
}
@media only screen and (min-width: 64.063em) {
    .pure-drawer[data-position='top'] {
        height: 100px;
    }
}
/*********************
## Pusher Container ##
*********************/
.pure-pusher-container {
    position: relative;
    height: 100%;
    overflow: hidden;
}
/***********
## Pusher ##
***********/
.pure-pusher {
    /*position: relative; by deepak*/
    height: 100%;
    overflow-y: auto;
    left: 0;
    z-index: 2;
    background-color: #fff;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
/*******************
## Pusher Overlay ##
*******************/
.pure-overlay {
    margin-top: 50px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'] {
    left: 100%;
}
@media only screen and (min-width: 40.063em) {
    .pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'] {
        left: 350px;
    }
}
@media only screen and (min-width: 64.063em) {
    .pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'] {
        left: 350px;
    }
}
.pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'] {
    right: 100%;
}
@media only screen and (min-width: 40.063em) {
    .pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'] {
        right: 350px;
    }
}
@media only screen and (min-width: 64.063em) {
    .pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'] {
        right: 350px;
    }
}
.pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top'] {
    top: 100%;
}
@media only screen and (min-width: 40.063em) {
    .pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top'] {
        top: 100%;
    }
}
@media only screen and (min-width: 64.063em) {
    .pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top'] {
        top: 100px;
    }
}
.pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'],
.pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'],
.pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top'] {
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 2;
}
/********************************
## Fallback for older browsers ##
********************************/
/* DRAWER */
[data-effect='pure-effect-scaleDown'] .pure-drawer {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
[data-effect='pure-effect-scaleDown'] .pure-drawer[data-position='left'] {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
[data-effect='pure-effect-scaleDown'] .pure-drawer[data-position='right'] {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
[data-effect='pure-effect-scaleDown'] .pure-drawer[data-position='top'] {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
[data-effect='pure-effect-scaleDown'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect='pure-effect-scaleDown'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect='pure-effect-scaleDown'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/* PUSHER CONTAINER */
[data-effect='pure-effect-scaleDown'] .pure-pusher-container {
    -webkit-perspective: 1500px;
    perspective: 1500px;
}
/* PUSHER */
/* Needed for Firefox */
[data-effect='pure-effect-scaleDown'] .pure-pusher-container .pure-pusher {
    z-index: 1;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
[data-effect='pure-effect-scaleDown'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(0, 0, -350px);
    transform: translate3d(0, 0, -350px);
}
@media only screen and (min-width: 40.063em) {
    [data-effect='pure-effect-scaleDown'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(0, 0, -350px);
        transform: translate3d(0, 0, -350px);
    }
}
@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-scaleDown'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(0, 0, -350px);
        transform: translate3d(0, 0, -350px);
    }
}
/* OVERLAY */
[data-effect='pure-effect-scaleDown'] .pure-overlay {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInDown,
[data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInLeft,
[data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'] {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInRight,
[data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'] {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.bounceOutLeft,
[data-effect="pure-effect-bounce"] .pure-drawer[data-position='left'] {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.bounceOutRight,
[data-effect="pure-effect-bounce"] .pure-drawer[data-position='right'] {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.bounceOutUp,
[data-effect="pure-effect-bounce"] .pure-drawer[data-position='top'] {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDown,
[data-effect="pure-effect-fade"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft,
[data-effect="pure-effect-fade"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'] {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRight,
[data-effect="pure-effect-fade"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'] {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.fadeOutLeft,
[data-effect="pure-effect-fade"] .pure-drawer[data-position='left'] {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.fadeOutRight,
[data-effect="pure-effect-fade"] .pure-drawer[data-position='right'] {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.fadeOutUp,
[data-effect="pure-effect-fade"] .pure-drawer[data-position='top'] {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX,
[data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY,
[data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
.flipOutX,
[data-effect="pure-effect-flipX"] .pure-drawer[data-position='left'],
[data-effect="pure-effect-flipX"] .pure-drawer[data-position='right'],
[data-effect="pure-effect-flipX"] .pure-drawer[data-position='top'] {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
.flipOutY,
[data-effect="pure-effect-flipY"] .pure-drawer[data-position='left'],
[data-effect="pure-effect-flipY"] .pure-drawer[data-position='right'],
[data-effect="pure-effect-flipY"] .pure-drawer[data-position='top'] {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInDown,
[data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInLeft,
[data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'] {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInRight,
[data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'] {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
.zoomOutLeft,
[data-effect="pure-effect-zoom"] .pure-drawer[data-position='left'] {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
.zoomOutRight,
[data-effect="pure-effect-zoom"] .pure-drawer[data-position='right'] {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutUp,
[data-effect="pure-effect-zoom"] .pure-drawer[data-position='top'] {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
/********************************pure drawer css code end***********************/
/********************************activity css code start***********************/
ul li {
    list-style: none;
}
.act-title {
    display: inline-block;
    max-width: 350px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.todaybody,
.delayedbody,
.inprocessbody,
.upcomingbody {
    max-height: 285px;
    overflow: auto;
    min-height: 285px;
}
.todayheader {
    background: none repeat scroll 0 0 #FEF8EB;
    margin-bottom: 1px;
}
.todayheader .arealabel {
    background: none repeat scroll 0 0 #FABB3D;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    padding: 2px 10px;
}
.todayheader .arealabel a,
.delayedheader .arealabel a,
.upcomingheader .arealabel a,
.inprocessheader .arealabel a {
    color: #FFFFFF;
}
.todaybody li {
    border-left: 2px solid #FABB3D;
    margin-bottom: 5px;
    padding: 5px 15px;
    border-bottom: 1px solid #ddd;
}
.todaybody i.actionicon,
.todaybody .datediv i {
    color: #fabb3d;
    margin-right: 10px
}
.delayedheader .arealabel {
    background: none repeat scroll 0 0 #FF5454;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    padding: 2px 10px;
}
.delayedheader {
    background: none repeat scroll 0 0 #FFEDED;
    margin-bottom: 1px;
}
.delayedbody li {
    border-left: 2px solid #FF5454;
    margin-bottom: 5px;
    padding: 5px 15px;
    border-bottom: 1px solid #ddd;
}
.delayedbody .actionicon,
.delayedbody .datediv i {
    color: #FF5454;
    margin-right: 10px;
}
.upcomingheader .arealabel {
    background: none repeat scroll 0 0 #78CD51;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    padding: 2px 10px;
}
.upcomingheader {
    background: none repeat scroll 0 0 #E4F5DC;
    margin-bottom: 1px;
}
.upcomingbody li {
    border-left: 2px solid #78CD51;
    margin-bottom: 5px;
    padding: 5px 15px;
    border-bottom: 1px solid #ddd;
}
.upcomingbody .actionicon,
.upcomingbody .datediv i {
    color: #78CD51;
    margin-right: 10px;
}
.inprocessheader {
    background: none repeat scroll 0 0 #FFE5B9;
    margin-bottom: 1px;
}
.inprocessbody li {
    border-left: 2px solid #C09853;
    margin-bottom: 5px;
    padding: 5px 15px;
    border-bottom: 1px solid #ddd;
}
.inprocessbody .actionicon,
.inprocessbody .datediv i {
    color: #C09853;
    margin-right: 10px;
}
.inprocessheader .arealabel {
    background: none repeat scroll 0 0 #c09853;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    padding: 2px 10px;
}
.titlediv {
    display: inline-block;
    width: 75%;
    font-size: 16px;
    color: #000;
}
.datediv {
    display: inline-block;
    font-size: 15px;
    padding: 10px 10px 10px 0;
    position: relative;
    right: 0;
    text-align: right;
    top: 0;
    width: 23%;
    color: #000;
}
.gray-text {
    color: #aaa;
}
.activitydelayed {
    color: #FF5454;
    margin-right: 5px;
}
.activitysuccess {
    color: #78CD51;
    margin-right: 5px;
}
.activitypanding {
    color: #FABB3D;
    margin-right: 5px;
}
.todaybody a,
.delayedbody a,
.upcomingbody a,
.inprocessbody a {
    color: #797979;
}
.activity span i {
    font-size: 18px;
}
.fs-16 {
    font-size: 16px !important;
}
a.logo {
    float: left;
    margin-top: 4px;
    text-transform: uppercase;
    background: url(../img/logo.png) no-repeat 0 0;
    overflow: hidden;
    text-indent: -999999px;
    width: 45px;
    height: 51px;
}
a.logo:hover,
a.logo:focus {
    text-decoration: none;
    outline: none;
}
a.logo span {
    color: #FF6C60;
}
.header,
.footer {
    min-height: 60px;
    padding: 0 15px;
}
.header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9;
}
a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}
.activity-date {
    float: right;
    color: #fff;
}
.activity-title {
    color: #78CD51;
    font-size: 20px;
    text-align: center;
    /* margin-top: 15px; */
    height: 65px;
    /* background: #ddd; */
}
.mt-15 {
    margin-top: 15px;
}
.progress-sm {
    height: 15px;
}
.fx-desc {
    max-height: 330px;
    overflow: auto;
    text-align: justify;
    padding-right: 10px;
}
.room-desk {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
    padding: 15px;
}
.room-box {
    border: 1px solid #e7e7e7;
    background: #f7f8fa;
    padding: 10px;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.green-text {
    color: #78CD51 !important;
}
.text-m {
    font-size: 16px;
    font-weight: normal;
}
.room-box:first-child {
    margin-top: 0px
}
.popover-title {
    color: #78CD51 !important;
}
.fx-height {
    height: 100%;
    max-height: 100%;
    overflow: auto;
    min-height: 540px;
}
.fx-remark {
    max-height: 637px;
    height: 637px;
    overflow: auto;
    padding: 0px;
    padding-right: 10px !important;
    box-sizing: border-box;
}
.remark-body {
    margin-top: 10px;
}
.btn-edit {
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 5px 0;
    font-size: 12px;
    line-height: 1.42;
    border-radius: 50%;
    border: 1px solid #78CD51;
    outline: none;
    margin-right: 5px;
    font-size: 18px;
}
.btn-edit:hover {
    box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.5);
}
.chat-txt .remark-text-box {
    width: 70%;
    margin-right: 15px;
    float: left;
}
.fx-footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
/*progreebar colors START*/
.progress-bar-success {
    background-color: #5cb85c;
}
.progress-bar-pending {
    background-color: #f1c500;
}
.progress-bar-deadline {
    background-color: #FF5454;
}
/*progreebar colors END*/
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed !important;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.activity-body tr:first-child td {
    border-top: 0px !important;
    /*    text-align: center;*/
}
.statusdiv {
    width: 40%;
    margin-top: 8px;
    float: right;
}
.no-padd {
    padding: 0;
}
/*background color START*/
.bg-warning {
    color: #fff;
    background: #FCB322;
}
.bg-danger {
    color: #fff;
    background: #FF5454;
}
.bg-info {
    color: #fff;
    background: #41cac0;
}
/*background color END*/
.radios {
    padding-top: 5px;
}
.has-js .label_radio {
    background: url(../img/radio-off.png) no-repeat;
    background-size: 18px 18px;
}
.has-js .label_radio.r_on {
    background: url(../img/radio-on.png) no-repeat;
    background-size: 18px 18px;
}

#searchcustomer .label_radio, #createInq .label_radio {
   display: block;
}
#searchcustomer .label_radio.r_on, #createInq .label_radio.r_on {
    display: block;
}

#editModal .label_radio, #editModal .label_radio.r_on {
    background-size: auto 100%;
}

.radios label {
    float: left;
    width: 30%;
}
.checkboxes label,
.radios label {
    cursor: pointer;
    display: block;
    font-weight: 300;
    line-height: 20px;
    padding-bottom: 7px;
    min-height: 21px;
}
.checkboxes label,
.radios label {
    display: block;
    cursor: pointer;
    line-height: 20px;
    padding-bottom: 7px;
    font-weight: 300;
}
.has-js label.r_on {
    background: url(../img/radio-on.png) no-repeat;
}
.has-js .label_check,
.has-js .label_radio {
    padding-left: 30px;
    margin-right: 13px;
}
.has-js .label_check input,
.has-js .label_radio input {
    position: absolute;
    left: -9999px;
}
.label_check input,
.label_radio input {
    margin-right: 5px;
}
label_check input,
.label_radio input {
    margin-right: 5px;
}
.m-size {
    font-size: 18px;
    color: #78CD51
}
#radioBtn .notActive {
    color: #3276b1 !important;
    background-color: #ddd !important;
    border: 1px solid #ddd !important;
}
.btn-gap {
    float: left;
    margin-right: 10%;
}
.mode-radio label {
    width: 20%;
    font-size: 18px;
    margin-left: 15px;
    color: #78CD51;
    margin-right: 10px !important;
}
.mode-radio label:first-child {
    margin-left: 0px;
}
.mode label.label_radio {
    width: 23%;
    margin-right: 8px;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    /*    text-align: center;*/
    vertical-align: middle;
}
.editable-click,
a.editable-click,
a.editable-click:hover {
    /*border-bottom: none !important;*/
}
.editable-unsaved {
    font-weight: normal !important;
}
li.nodata {
    height: 280px;
    line-height: 10;
    font-size: 24px;
    text-align: center;
}
/*table shorting images*/
table.table thead .sorting {
    background: url('../img/sort_both.png') no-repeat center right !important;
}
table.table thead .sorting_asc {
    background: url('../img/sort_asc.png') no-repeat center right!important;
}
table.table thead .sorting_desc {
    background: url('../img/sort_desc.png') no-repeat center right!important;
}
table.table thead .sorting_asc_disabled {
    background: url('../img/sort_asc_disabled.png') no-repeat center right!important;
}
table.table thead .sorting_desc_disabled {
    background: url('../img/sort_desc_disabled.png') no-repeat center right!important;
}
/*
.panel-title {
color: #fff !important;
font-size: 16px !important;
}
*/
.editRemark {
    display: inline-block !important;
    max-width:65% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
/*remarkbox css*/
.triangle-isosceles {
    display: none;
    /*    min-height: 150px;*/
    /*    min-width: 150px;*/
    /* padding: 15px; */
    margin: 1em 0 3em;
    color: #000;
    z-index: 1;
}
.triangle-isosceles.top {
    position: absolute;
    right: 0px;
    background: #fff;
    border: 1px solid #78CD51;
    border-radius: 2px;
    box-shadow: 0px 0px 5px #78CD51;
}
.triangle-isosceles:after {
    content: "";
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
}
.triangle-isosceles.top:after {
    top: -15px;
    right: 50px;
    bottom: auto;
    left: auto;
    border-width: 0 15px 15px;
    border-color: #78CD51 transparent;
}
.rmbox-header {
    padding: 5px 10px;
}
.rmbox-body {
    padding: 10px;
}
.form-control:focus {
    /*border: 1px solid #78CD51 !important;*/
    /*box-shadow: 0px 0px 5px #78CD51 !important;*/
}
.datediv i {
    font-size: 14px;
    margin-right: 5px !important;
}
.editable-buttons button.btn-primary {
    border: 1px solid #468847;
    transition-duration: 0.5s;
}
.editable-buttons button.btn-primary:hover {
    background: #468847;
}
textarea {
    resize: vertical;
}
.tooltip {
    z-index: 1050;
}
.descline {
    margin-bottom: 5px !important;
    border-top: 1px solid #ddd;
}
div#assignbox {
    height: auto;
    min-height: auto;
    right: 25px;
    width: 200px;
}
div#assignbox .rmbox-header {
    text-align: left;
    font-size: 16px;
}
.fab-btn:hover {
    /*    transform: rotate(180deg);*/
    font-size: 16px;
    /*    transition-duration: 0.5s;*/
    box-shadow: inset 1px 1px 10px #78CD51;
}
.fab-btn {
    position: fixed;
    right: 10px;
    bottom: 3px;
    z-index: 1080;
    border-radius: 50%;
    box-shadow: 1px 1px 10px #aaa;
    /*    transition-duration: 0.5s;*/
    height: 50px;
    width: 50px;
    box-sizing: border-box;
    background: #77BF55 !important;
}
.remarkbtn {
    margin-top: -3px;
}
/*responsive styles*/
@media only screen and (max-width: 640px) {
    ::-webkit-scrollbar {
        width: 3px;
    }
    .fab-btn {
        z-index: 1;
    }
    .statusdiv {
        float: none;
        width: auto;
    }
    .triangle-isosceles.top:after {
        right: 30px;
    }
    .triangle-isosceles.top {
        right: 15px;
    }
    div#assignbox {
        right: 45px;
    }
    .fx-desc {
        max-height: 100%;
        padding-right: 0px;
    }
    .col-lg-12 {
        float: inherit;
    }
    .mode {
        display: inline-block;
        width: 100%;
    }
}
@media only screen and (max-width: 480px) {
    .mode label.label_radio {
        width: 22%;
    }
    .activity-title {
        font-size: 16px
    }
    label.desc-header {
        padding: 5px;
        box-sizing: border-box;
        width: 100%;
    }
    .descline {
        margin-top: 0px;
    }
    .title-btn {}
    .editRemark {
        max-width: 200px
    }
}
@media only screen and (max-width: 320px) {
    .mode label.label_radio {
        width: 22%;
    }
    .activity-title {
        font-size: 16px
    }
    .activity-body {
        margin: 0 -15px;
    }
    .editRemark {
        max-width: 200px !important;
    }
    .activity-title >span {
        display: inline-block !important;
        max-width: 160px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-align: left;
    }
    #assignbox {
        top: 90px;
    }
}
/*auto complite css*/
.ui-widget-content {
    border: 1px solid #ddd;
    color: #222222;
    box-sizing: border-box;
}
.ui-menu {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
}
.ui-autocomplete {
    cursor: default;
    position: absolute;
}
.ui-menu .ui-menu-item {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    display: block;
    padding: 3px 5px;
    text-decoration: none;
    cursor: pointer;
    background-color: #FFFFFF;
    color: #777;
}
.ui-menu .ui-menu-item a:hover,
a.ui-state-focus {
    display: block !important;
    text-decoration: none !important;
    color: White !important;
    cursor: pointer !important;
    background-color: #78CD51 !important;
}
.ui-widget-content a {
    color: #222222;
}
.ui-helper-hidden-accessible {
    display: none;
}
.site-footer,
#main-content:after {
    height: 53px;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #78cd51;
}
.modal-header {
    background: #78CD51 !important;
    color: #fff !important;
    border-radius: 5px 5px 0 0 !important;
    -webkit-border-radius: 5px 5px 0 0 !important;
    border-bottom: none !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: rgba(109, 187, 74, 0.8);
    color: #FFFFFF;
    text-decoration: none;
}
/********************************activity css code end***********************/
.p-task {
    margin-bottom: 20px;
    padding-bottom: 50px;
}
.p-task li {
    padding: 10px 15px 15px 15px;
    border-bottom: 1px dashed #35404d;
}
.p-task li:last-child {
    padding: 10px 15px 15px 15px;
    border-bottom: none;
}
.p-task li a {
    color: #aeb2b7;
}
.p-task.tasks-bar .task-info .percent {
    display: inline-block;
    float: right;
    font-size: 12px;
    margin-top: -15px;
}
.p-task .progress {
    height: 10px;
    margin-top: 5px;
    margin-bottom: 0;
}
.p-task .external a {
    color: #40cabe;
}
.p-task .external a:hover {
    color: #FF6C60;
}
/*Directory Styles*/
.directory-list,
.directory-info-row .social-links {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.directory-list li {
    border-left: 3px solid #f1f2f7;
    display: table-cell;
    width: 1%;
}
.directory-list li a {
    display: block;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    color: #7A7676;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    text-decoration: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.directory-list li a:hover,
.directory-info-row .social-links li a:hover {
    background: #ff6c60;
    color: #fff;
}
.directory-info-row {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.directory-info-row .social-links {
    display: inline-block;
    margin-bottom: 10px;
}
.directory-info-row .social-links li {
    display: inline-block;
}
.directory-info-row .social-links li a {
    background: #EFF0F4;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #7A7676;
}
.directory-info-row h4,
.directory-info-row a {
    color: #424F63;
}
.directory-info-row .thumb {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    height: auto;
    width: 175px;
    margin-right: 10px;
}
/*mega-menu*/
.mega-menu {
    float: left;
    margin: 5px 0 0 50px;
}
.mega-menu .navbar-nav {
    height: 55px;
}
/*.wide-full {*/
/*width: 98%;*/
/*}*/
.mega-menu ul li a {
    margin-bottom: 15px;
    display: inline-block;
    color: #323232;
    font-size: 13px;
}
.mega-menu ul li a:hover,
.mega-menu ul li a:focus {
    color: #ff6c60;
    background-color: #fff;
}
.mega-menu .nav .open>a,
.mega-menu .nav .open>a:hover,
.mega-menu .nav .open>a:focus {
    background-color: #fff;
}
.mega-menu ul li a i {
    padding-right: 5px;
    width: 20px;
}
.mega-menu ul li.dropdown a:hover {
    background: none;
}
.mega-nav #main-content {
    margin-left: 0px;
}
.mega-nav .title {
    color: #323232;
    font-size: 14px;
    text-transform: none;
    font-weight: bold;
}
.mega-nav .d-title,
.mega-nav .d-desk {
    display: block;
}
.mega-nav .d-desk {
    color: #aaa;
    font-size: 11px;
}
.custom-nav-img .desk {
    line-height: 25px;
    font-size: 13px;
}
.custom-nav-img {
    position: static;
}
.yamm-content {
    position: relative;
}
.mega-bg {
    background-image: url("../img/mega-menu/corner_image.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: -5px;
    width: 300px;
    height: 130px;
}
.icon-img {
    float: left;
    margin-right: 10px;
}
.icon-desk {
    display: inline-block;
}
.mega-menu .dropdown-menu {
    box-shadow: none;
    border-radius: 0;
    border-color: #f1f2f7;
}
/*project list*/
.p-table th,
.p-table td {
    vertical-align: middle !important;
}
.p-team img {
    width: 35px;
    height: 35px;
    border-radius: 4px;
}
.p-progress .progress {
    margin-bottom: 5px;
}
.p-name a {
    font-size: 14px;
    /*font-weight:bold;*/
}
.bold {
    font-weight: bold;
}
.p-details .bio-row p span {
    width: auto;
}
.p-details .bio-row p span.bold {
    width: 100px;
}
.p-team a {
    display: inline-block;
}
.project-heading {
    font-size: 20px;
}
.mtop20 {
    margin-top: 20px;
}
.p-files li a {
    margin-bottom: 10px;
    color: #949494;
    display: block;
}
.p-files li i {
    padding-right: 10px;
    width: 20px;
}
.p-tag-list li {
    display: inline-block;
    margin: 0 5px 7px 0;
}
.p-tag-list li a {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 3px 10px;
    color: #797979;
    border-radius: 4px;
    font-size: 12px;
}
.p-tag-list li a:hover {
    background: #ff6c60;
    border-color: #ff6c60;
    color: #fff;
}
.m-thumb img {
    width: 100%;
    border: 1px solid #ddd;
}
/*-----modal style---*/
.modal.top-modal-with-space .modal-dialog {
    margin: 20px auto;
}
.modal.fade.left-modal-with-space .modal-dialog {
    position: absolute;
    left: 20px;
}
.modal.fade.right-modal-with-space .modal-dialog {
    position: absolute;
    right: 20px;
}
/*---*/
.modal.top-modal-without-space .modal-dialog {
    margin: 0px auto;
}
.modal.fade.left-modal-without-space .modal-dialog {
    position: absolute;
    left: 0px;
}
.modal.fade.right-modal-without-space .modal-dialog {
    position: absolute;
    right: 0px;
}
/*---*/
.modal.fade.modal-dialog-center {
    height: 100%;
    /* top: auto; */
}
.modal.fade.modal-dialog-center .modal-dialog {
    display: table;
    height: 100%;
}
.modal.fade.modal-dialog-center .modal-content-wrap {
    display: table-cell;
    vertical-align: middle;
}
/*-----*/
.modal.fade.full-width-modal-left .modal-dialog .modal-content,
.modal.fade.full-width-modal-right .modal-dialog .modal-content,
.modal.fade.full-width-modal-right .modal-dialog .modal-content-wrap,
.modal.fade.full-width-modal-left .modal-dialog .modal-content-wrap {
    height: 100%;
}
.modal.fade.full-width-modal-right .modal-dialog {
    height: 100%;
    position: absolute;
    right: 0px;
    margin: 0;
}
.modal.fade.full-width-modal-left .modal-dialog {
    height: 100%;
    position: absolute;
    left: 0px;
    margin: 0;
}
.full-width-modal-right .modal-header,
.full-width-modal-right .modal-content,
.full-width-modal-left .modal-header,
.full-width-modal-left .modal-content {
    border-radius: 0;
}
/*header theme color*/
.theme-h-color img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.theme-h-color p {
    line-height: 30px;
    margin-bottom: 15px;
}
header.green-bg a.logo,
header.dark-bg a.logo,
header.purple-bg a.logo,
header.blue-bg a.logo {
    color: #fff;
}
header.green-bg {
    background: #88ae59;
    border-bottom: 1px solid #88ae59;
}
header.dark-bg {
    background: #2a3542;
    border-bottom: 1px solid #3b4a5c;
}
header.purple-bg {
    background: #8175c7;
    border-bottom: 1px solid #8175c7;
}
header.blue-bg {
    background: #16aad8;
    border-bottom: 1px solid #16aad8;
}
header.green-bg .sidebar-toggle-box .fa-bars,
header.green-bg .sb-toggle-right,
header.dark-bg .sidebar-toggle-box .fa-bars,
header.dark-bg .sb-toggle-right,
header.purple-bg .sidebar-toggle-box .fa-bars,
header.purple-bg .sb-toggle-right,
header.blue-bg .sidebar-toggle-box .fa-bars,
header.blue-bg .sb-toggle-right {
    color: #fff;
}
header.green-bg ul.top-menu > li > a,
header.green-bg .search {
    border-color: #9dc867 !important;
    color: #fff;
}
header.dark-bg ul.top-menu > li > a,
header.dark-bg .search {
    border-color: #3a495b !important;
    color: #fff;
}
header.purple-bg ul.top-menu > li > a,
header.purple-bg .search {
    border-color: #9587e6 !important;
    color: #fff;
}
header.blue-bg ul.top-menu > li > a,
header.blue-bg .search {
    border-color: #18b7e8 !important;
    color: #fff;
}
header.green-bg ul.top-menu > li > a:hover .username,
header.green-bg ul.top-menu > li > a:focus .username,
header.dark-bg ul.top-menu > li > a:hover .username,
header.dark-bg ul.top-menu > li > a:focus .username,
header.purple-bg ul.top-menu > li > a:hover .username,
header.purple-bg ul.top-menu > li > a:focus .username,
header.blue-bg ul.top-menu > li > a:hover .username,
header.blue-bg ul.top-menu > li > a:focus .username {
    color: #323232!important;
}
header.green-bg .search,
header.dark-bg .search,
header.purple-bg .search,
header.blue-bg .search {
    color: #fff !important;
}
header.green-bg .top-nav .username,
header.dark-bg .top-nav .username,
header.purple-bg .top-nav .username,
header.blue-bg .top-nav .username {
    color: #fff;
}
header.green-bg .top-nav .nav .caret,
header.dark-bg .top-nav .nav .caret,
header.purple-bg .top-nav .nav .caret,
header.blue-bg .top-nav .nav .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}
header.green-bg ul.top-menu > li > a:hover .caret,
header.green-bg ul.top-menu > li > a:focus .caret,
header.dark-bg ul.top-menu > li > a:hover .caret,
header.dark-bg ul.top-menu > li > a:focus .caret,
header.purple-bg ul.top-menu > li > a:hover .caret,
header.purple-bg ul.top-menu > li > a:focus .caret,
header.blue-bg ul.top-menu > li > a:hover .caret,
header.blue-bg ul.top-menu > li > a:focus .caret {
    border-bottom-color: #000;
    border-top-color: #000;
}
header.green-bg .search,
header.dark-bg .search,
header.purple-bg .search,
header.blue-bg .search {
    margin-top: 6px;
    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 #fff;
    box-shadow: none;
    background: url("../img/search-icon-white.png") no-repeat 10px 8px;
    padding: 0 5px 0 35px;
    color: #000;
}
header.green-bg .search:focus,
header.dark-bg .search:focus,
header.purple-bg .search:focus,
header.blue-bg .search:focus {
    margin-top: 5px;
    width: 180px;
    border: 1px solid #eaeaea;
    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;
}
/*toaster*/
.radio-list label,
.checkbox-list label {
    display: inline-block;
    width: 100%;
    font-weight: normal;
}
.radio-list .radio,
.radio-list .radio span,
.radio-list .radio input {
    width: 18px;
    height: 18px;
    float: left;
    margin: 0 10px 0 0;
}
.checkbox-list .checker span {
    float: left;
    margin-right: 10px;
}
.toastr-pad input,
.toastr-row label {
    margin-bottom: 10px;
}
#toast-container > div,
#toast-container >:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.box-wrap {
    height: 400px;
    overflow: hidden;
}
.w-list li {
    line-height: 20px;
    margin-bottom: 16px;
}
/*summernote editor*/
.note-editor .note-toolbar {
    background-color: #fff;
    border-bottom: 1px solid #e2e2e4;
    border-radius: 4px 4px 0 0;
}
.note-editor {
    position: relative;
    border: 1px solid #e2e2e4;
    border-radius: 4px;
}
.note-editor .note-statusbar .note-resizebar {
    border-top: 1px solid #e2e2e4;
}
.note-editor .note-statusbar {
    background: #fff;
    border-radius: 4px;
}
/*dashboard*/
.search_bar {
    width: 260px;
}
/*event*/
p {
    font-size: 14px;
}
.proposal-item a, .proposal-item:hover a{
    color: #fff;
    display: block;
    padding: 35px 20px;
}
.trasnparent-panal {
    background-color: transparent !important;
    box-shadow: none;
}
.bg-white {
    background-color: #fff;
}
.bg-white.cate-menu-panel{
    box-shadow: 0 5px 3px rgba(0,0,0,0.09), 2px 0 3px rgba(0,0,0,0.06), -2px 0 3px rgba(0,0,0,0.06);
}
.cl-white {
    color: #fff;
}
.bg-success {
    background-color: #78cd51 !important;
}
.side-menu-space {
    margin-right: 70px;
}
.status-indicate {
    display: inline-block;
    font-size: 14px;
    height: 15px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    width: 25px;
}
.book-indicate {
    background: #46ac3f;
}
.pending-indicate {
    background: #f0ad4e;
}
.rejected-indicate {
    background: #d9534f;
}
.status-indicator li {
    display: inline-block;
    margin: 0 0 0 10px;
}
.bg-primary {
    background-color: #46ac3f !important;
}
.bg-danger {
    background-color: #d9534f !important;
}
.bg-warning {
    background-color: #f0ad4e !important;
}
/*
.btn-info{
background-color: #337ab7 !important;
}
*/
.proposal-list a {
    line-height: 5;
}
.proposal-list span {
    display: inline-block;
    vertical-align: middle;
}
.proposal-item {
    border-radius: 4px;
    height: 13em;
    margin: 0 0 20px;
}
.proposal-item:hover {
    border-bottom: 10px solid rgba(0, 0, 0, 0.2);
    transition: border-bottom 0.07s linear 0.1s;
}
.proposal-item p {
    margin-top: 10px;
}
.event-detail {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    text-transform: uppercase;
}
.event-detail li {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 0 10px;
    vertical-align: middle;
}
.event-overview .panel-heading h3 {
    color: #fff;
    margin: 0;
}
.event-detail .fa {
    margin: 0 3px 0 0;
}
.event-overview .panel-body {
    margin: 20px 0 0;
}
.panel-box {
    box-shadow: 0 5px 3px rgba(0,0,0,0.09), 2px 0 3px rgba(0,0,0,0.06), -2px 0 3px rgba(0,0,0,0.06); 
}
.menu-tabs {
    min-height: 700px;
}
.no-padding {
    padding: 0;
}
.proposal-ico {
    background-color: rgba(255, 255, 255, 0.16);
    background-image: url("../img/file-ico.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: table;
    height: 62px;
    margin: 0 auto;
    width: 62px;
    border: 1px solid transparent;
}
.proposal-ico-catering {
    background-color: rgba(255, 255, 255, 0.16);
    background-image: url("../img/cutlery.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: table;
    height: 62px;
    margin: 0 auto;
    width: 62px;
    border: 1px solid transparent;
}
.proposal-ico-decor {
    background-color: rgba(255, 255, 255, 0.16);
    background-image: url("../img/home.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: table;
    height: 62px;
    margin: 0 auto;
    width: 62px;
    border: 1px solid transparent;
}
.new-proposal-ico {
    background-image: url("../img/plus-sign.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: table;
    height: 62px;
    margin: 0 auto;
    width: 62px;
    border: 1px solid transparent;
}
.icos {
    background-color: rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    display: table;
    margin: 0 auto;
}
.proposal-item:hover .proposal-ico,
.proposal-item:hover .new-proposal-ico {
    /*    background-color: rgba(255,255,2550,0.4);
border: 1px solid #fff;
transition: all 0.1s ease-in-out 0.2s;*/
}
.proposal-item .icos {
    box-shadow: 0 0 0 30px transparent;
}
.proposal-item:hover .icos {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    transition: box-shadow 0.4s ease-in-out 0s;
}
.rh-slide {
    background: #fff none repeat scroll 0 0;
    height: 100%;
}
.prp-sidebar-menu li {
    line-height: 40px;
    position: relative
}
.prp-sidebar-menu .sub-menu {
    border-bottom: 1px solid #dddddd;
}
.prp-sidebar-menu .dcjq-icon {
    background: url("../img/menu-accordian-ico.png") no-repeat;
    display: inline-block;
    height: 22px;
    right: 10px;
    top: 15px;
    width: 22px;
}
.prp-sidebar-menu .dcjq-parent.active .dcjq-icon {
    background-position: -38px 0px;
}
.prp-sidebar-menu a {
    color: #545454;
    font-size: 20px;
    display: block;
}
.prp-sidebar-menu .dcjq-parent.active {
    color: #fff;
    background: #5bc0de;
}
.prp-sidebar-menu a .fa {
    color: #999;
}
.prp-sidebar-menu .dcjq-parent.active .fa {
    color: #fff;
}
.prp-sidebar-menu .sub-menu a {
    padding: 5px 15px;
}
.prp-sidebar-menu .sub li {
    color: #545454;
    font-size: 15px;
    padding-left: 40px;
}
.prp-sidebar-menu .sub li:hover {
    background-color: #66ade9;
    color: #fff;
}
ul.prp-sidebar-menu.sub-menu {
    line-height: 15px;
}
.submenu-title {
    display: inline;
}
.submenu-too {
    display: inline;
    float: right;
}
.submenu-too .submenu-close-ctrl {
    margin: 0 0 0 5px;
}
.submenu-close-ctrl {
    cursor: pointer;
}
.sub-menu-header {
    background: #66ade9 none repeat scroll 0 0;
    color: #fff;
    font-size: 17px;
    padding: 10px;
}
.sb-right-submenu {
    color: #545454;
}
.sb-right-submenu .prp-sidebar-menu .dcjq-parent,
.sb-right-submenu .prp-sidebar-menu .dcjq-parent.active {
    background: #f1f1f1;
    color: #545454
}
.sb-right-submenu .prp-sidebar-menu a .fa,
.sb-right-submenu .prp-sidebar-menu .dcjq-parent.active .fa {
    color: #66ade9;
}
.sb-right-submenu .prp-sidebar-menu .sub li:hover {
    background-color: #c2c2c2;
}
/*menulist*/
.suggest-list {
    font-size: 15px;
}
.menu-groups-edit-body {
    background: #fff;
    box-shadow: 0 5px 3px rgba(0,0,0,0.09), 2px 0 3px rgba(0,0,0,0.06), -2px 0 3px rgba(0,0,0,0.06);
}
.brd-right {
    border-right: 1px solid #f1f2f7;
}
.menu_search_bar_wrap {
    border-bottom: 1px solid #f1f2f7;
    margin: 0px 0;
    padding: 0 0 30px;
}
.tab-name {
    font-size: 18px;
}
.salad-group {
    padding: 9px 0 !important;
}
.no-margintop {
    margin-top: 0 !important;
}
.final-menu-tool {
    margin: 5px 0 0;
    vertical-align: middle;
}
.no-padding-right {
    padding-right: 0 !important;
}
.final-menu-tool li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
}
.menu-acd-tool span,
#accordion-fm a span {
    margin: 0 0 0 3px;
}
.final-menu-tool li span {
    display: block;
}
.bg-gray {
    background-color: #ebeae6;
}
.sub-menu-item {
    margin: 0;
}
.sub-menu-item > li {
    border-bottom: 1px solid #dddddd;
    padding: 6px 15px 6px 15px;
}
.fm-copy {
    background-image: url("../img/copy-ico.png");
    height: 22px;
    width: 21px;
}
.fm-mail {
    background-image: url("../img/letter-ico.png");
    height: 22px;
    width: 22px;
}
.fm-shef {
    background-image: url("../img/shef-ico.png");
    height: 22px;
    width: 15px;
}
.fm-shef {
    background-image: url("../img/shef-ico.png");
    height: 22px;
    width: 15px;
}
.fm-eye {
    background-image: url("../img/eye-ico.png");
    height: 13px;
    width: 21px;
}
.fm-fileminus {
    background-image: url("../img/file-minus-ico.png");
    height: 22px;
    width: 22px;
}
.fm-fileplus {
    background-image: url("../img/file-plus-ico.png");
    height: 22px;
    width: 22px;
}
.final-menu-panel .panel {
    border-bottom: 1px solid #eff2f7;
}
.no-margin {
    margin: 0;
}
/*.panel-title.in .fa-minus {
display: inline;
}
.panel-title.in .fa-plus {
display: none;
}



.accordion-toggle .fa-minus {
display: none;
}
.accordion-toggle .fa-plus {
display: inline;
}

.accordion-toggle.collapsed .fa-minus {
display: none;
}
.accordion-toggle.collapsed .fa-plus{
display: inline ;
}*/
.final-menu-panel .panel-body {
    margin: 0;
}
.final-menu-panel .panel-title {
    font-size: 16px;
}
.final-menu-panel .panel-title a {
    float: right;
}
.sub-menu-item {
    font-size: 17px;
}
.cate-menu-panel .fmenu-comment p {
    background-color: #dddddd;
    font-size: 12px;
    margin: 5px -15px -6px -30px;
    padding: 5px 5px 5px 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.suggest-list .fa-plus-circle,
.suggest-list .fa-check-circle {
    border-radius: 50%;
    color: #61bd6d;
    font-size: 30px;
    padding: 3px;
    cursor: pointer;
}
.suggest-list li {
    margin: 0 0 10px;
}
.no-padding-left {
    padding-left: 0 !important;
}
.nav-tabs.nav-justified > li {
    display: table;
}
/*menufilter*/
.menu-tabs li a {
    width: 100%;
    padding: 20px 0;
    width: 100%;
}
.nav.nav-tabs.nav-justified.menu-tabs li {
    display: table;
    width: 100%;
}
.menu-tabs .tab-ico {
    background: rgba(255, 255, 255, 0.39);
    border-radius: 50%;
    display: table;
    height: 35px;
    margin: 0 auto;
    width: 35px;
}
.menu-groups-edit-body .menu-tabs li:hover .tab-ico,
.menu-groups-edit-body .menu-tabs li.active .tab-ico {
    background: rgba(0, 0, 0, 0.39);
}
.tab-ico img {
    padding: 5px;
}
.menu_search_bar {
    margin: 0 auto 0 20px;
    width: 95%;
}
.tab-wrap {
    margin: 20px auto 0 20px;
}
.menu_search_bar > input {
    font-size: 18px;
    padding: 5px;
    vertical-align: middle;
    width: 90%;
    height: 45px;
}
.menu_search_bar > button {
    background: #78cd51 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    vertical-align: middle;
}
.menu-offer-list li {
    font-size: 18px;
    width: 100%;
    font-size: 20px;
}
.menu-offer-list i {
    color: #61bd6d;
    font-size: 30px;
}
.menu-text {
    float: left;
    width: 90%;
}
.panel-heading .nav.menu-tabs > li.active > a,
.panel-heading .nav.menu-tabs > li > a:hover {
    background: #fff;
    color: #545454;
    transition: 0.3s linear 0.3s ease-in-out;
}
.menu-offer-list .editable,
.fa-trash-o {
    cursor: pointer;
}
.menu_search_bar .form-control {
    display: inline-block;
    vertical-align: middle;
}
.badge {
    border-radius: 10px;
}
.fa-comment,
.fa-comment-o {
    cursor: pointer;
}
.copy-icos {
    margin: 0 5px 0 0;
}
.sub-menu-header a .fa-files-o {
    color: #fff;
}
/*decor menu*/
.dec-menu .dec-item {
    display: inline-block;
    vertical-align: top;
}
.dec-menu .dec-item-contain img {
    height: 120px;
    width: 160px;
}
.dec-menu .menu-dec-item-wrap {
    display: table;
    margin: 0 auto;
    line-height: 1;
}
.dec-menu .prp-sidebar-menu .sub li {
    padding-left: 0;
}
.dec-menu .space-rh {
    margin-right: 15px;
}
.dec-menu .dec-item-contain {
    margin: 15px 0;
}
.sb-right-submenu .dec-menu .prp-sidebar-menu .sub li:hover {
    background-color: #fff;
    color: #000;
}
.sb-right-submenu .dec-menu .prp-sidebar-menu .sub li {
    text-align: center;
}
.dec-item-wrap {
    position: relative;
}
.dec-menu .menu-dec-item-wrap .decor-toggle {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    bottom: -12px;
    font-size: 22px;
    height: 25px;
    left: 47%;
    line-height: 24px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 25px;
    cursor: pointer;
}
.dec-menu .menu-dec-item-wrap .decor-toggle .fa {
    color: #78cd51;
}
.dec-menu .dec-item-title {
    display: block;
    font-size: 13px;
    padding: 5px 0 15px 0;
}
.dec-menu .sb-right-submenu .prp-sidebar-menu .dcjq-icon {
    background: rgba(0, 0, 0, 0) url("../img/menu-accordian-ico2.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 22px;
    right: 10px;
    top: 15px;
    width: 22px;
}
/*decor menu*/
.decor-group .menu-tabs .tab-ico {
    background: none;
}
.decor-group .menu-tabs .tab-ico {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 50%;
    display: table;
    height: 35px;
    overflow: hidden;
    width: 35px;
}
.decor-group .menu-tabs .tab-ico img {
    height: 35px;
    width: 35px;
    padding: 0;
}
.decor-offer-list li {
    float: left;
    width: 49%;
}
.decor-offer-list li:nth-child(2n+1) {
    margin-right: 2%;
}
.dec-item-contain img {
    height: 200px;
    max-width: 100%;
    width: 100%;
}
.decor-offer-list .decor-toggle {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    bottom: -20px;
    color: #78cd51;
    cursor: pointer;
    font-size: 34px;
    height: 35px;
    left: 50%;
    line-height: 35px;
    margin-left: -18px;
    position: absolute;
    text-align: center;
    width: 36px;
}
.decor-offer-list .dec-item-title {
    color: #545454;
    display: block;
    font-size: 18px;
    padding: 22px 0 20px;
    text-align: center;
}
.decor-offer-list .dec-item {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    margin-bottom: 15px;
    overflow: hidden;
    text-align: center;
}
.decor-suggest-list li {
    float: left;
    width: 48%;
}
.decor-suggest-list li:nth-child(n+3) {
    margin-top: 20px;
}
.decor-suggest-list li img {
    height: 120px;
    max-width: 100%;
}
.decor-suggest-list li:nth-child(2n+1) {
    margin-right: 4%;
}
.decor-suggest-list {
    display: block;
    margin: 0 auto;
}
.decor-suggest-list .decor-icon {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    bottom: -13px;
    color: #78cd51;
    cursor: pointer;
    font-size: 25px;
    height: 28px;
    left: 50%;
    line-height: 29px;
    margin-left: -13px;
    position: absolute;
    text-align: center;
    width: 28px;
}
.decor-suggest-list .dec-item-title {
    display: block;
    font-size: 12px;
    padding: 15px 0 6px;
}
.decor-suggest-list {
    text-align: center;
}
.decor-suggest-list .menu-dec-item-wrap {
    border: 1px solid #f5f6f8;
    border-radius: 3px;
    overflow: hidden;
}
.decor-suggest-list .dec-item-contain {
    border-bottom: 1px solid #f5f6f8;
}
.dec-menu-items-added li {
    float: left;
    width: 48%;
}
.dec-menu-items-added {
    display: table;
    padding: 1%;
    width: 100%;
}
.dec-menu-items-added li img {
    height: 120px;
    width: 100%;
}
.dec-menu-items-added li:nth-child(2n+1) {
    margin-right: 4%;
}
.cmnt-overlay {
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
    padding: 10%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.cmnt-overlay p {
    color: #fff;
}
.dec-selitm-tool {
    bottom: -15px;
    left: 50%;
    margin-left: -38px;
    position: absolute;
    z-index: 999;
}
.cmnt-overlay p {
    display: inline-block;
    font-size: 12px;
    height: 50px;
    margin-top: 8%;
    text-overflow: ellipsis;
}
.dec-selitm-tool span {
    background: #78cd51 none repeat scroll 0 0;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 22px;
    text-align: center;
    width: 30px;
    margin: 0 3px;
}
.dec-menu-items-added .dec-item {
    background: #fff;
    text-align: center;
}
.dec-menu-items-added .dec-item-title {
    display: block;
    padding: 15px 0 8px;
}
.dec-menu-items-added {
    margin: 0;
}
.decor-menu .menu_search_bar_wrap {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #f1f2f7;
}
/*event menu tree*/
.dec-menu-tree li {
    background-color: #46ac3e;
    float: left;
    margin-bottom: 15px;
    padding: 40px 9px;
    position: relative;
    text-align: center;
    width: 32%;
    border-radius: 3px;
    overflow: hidden;
    min-height: 136px;
}
.dec-mm-treetitle {
    color: #fff;
    font-size: 20px;
}
.dec-menu-tree li:nth-child(3n) {
    margin-left: 2%;
}
.dec-menu-tree li:nth-child(3n+2) {
    margin-left: 2%;
}
.dec-mm-tree-ico {
    opacity: 0;
    transform: scale(0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.9) inset;
}
.dec-menu-tree li:hover .dec-mm-tree-ico {
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1);
    transition: all 0.1s ease-in-out 0.08s;
    width: 100%;
}
.dec-menu-tree li:hover .dec-mm-tree-ico {
    box-shadow: none;
    transition: all 0.12s ease-in-out 0.12s;
}
.dec-mm-tree-ico .fa {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #22551d;
    font-size: 35px;
    left: 0;
    margin-left: 0;
    margin: -31px auto 0 auto;
    padding: 16px 12px 11px 16px;
    position: absolute;
    text-align: center;
    top: 50%;
    box-shadow: 0 0 0 30px transparent;
    right: 0;
    max-width: 70px;
}
.dec-menu-tree li:hover .dec-mm-tree-ico .fa {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    transition: box-shadow 0.4s ease-in-out 0s;
}
.breadcrumbs li:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}
.decorview-toggle {
    display: none;
}
.breadcrumbs {
    list-style: none;
    overflow: hidden;
    font: 18px Helvetica, Arial, Sans-Serif;
}
.breadcrumbs li {
    float: left;
    padding-left: 30px;
}
.breadcrumbs li:first-child {
    float: left;
    padding-left: 0px;
}
.breadcrumbs li a {
    color: white;
    text-decoration: none;
    padding: 10px 0 10px 65px;
    background: brown;
    /* fallback color */
    background: #fff;
    position: relative;
    display: block;
    float: left;
    color: #000;
}
.breadcrumbs li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 57px solid transparent;
    border-left: 30px solid #fff;
    border-top: 48px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}
.breadcrumbs li a:before {
    border-bottom: 80px solid transparent;
    border-left: 40px solid #e0e0e0;
    border-top: 58px solid transparent;
    content: " ";
    display: block;
    height: 0;
    left: 100%;
    margin-left: 1px;
    margin-top: -61px;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 1;
}
.breadcrumbs li:first-child a {
    padding-left: 10px;
}
.breadcrumbs li:last-child a {
    background: transparent !important;
    color: black;
    pointer-events: none;
    cursor: default;
}
.breadcrumbs li a:hover {
    background: #c9c9c9;
    transition: all 0.1s ease-in 0.1s;
}
.breadcrumbs li a:hover:after {
    border-left-color: #c9c9c9 !important;
    transition: all 0.1s ease-out 0.1s;
}
.breadcrumbs li:after {
    display: none;
}
.breadcrumbs li:last-child a:after {
    display: none;
}
.breadcrumbs li:last-child a:before {
    display: none;
}
.breadcrumbs li:last-child {
    background: #c9c9c9;
    padding-right: 20px;
}
.tab-content.tasi-tab.decor-tab-content {
    display: table;
    width: 93%;
}
.modal {
    /*z-index: 9999;*/
}
.decor-item-move {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    bottom: -20px;
    color: #78cd51;
    cursor: pointer;
    font-size: 34px;
    height: 35px;
    left: 50%;
    line-height: 35px;
    margin-left: -18px;
    position: absolute;
    text-align: center;
    width: 36px;
}
.dec-menu-items-added li:nth-child(n+3) {
    margin-top: 15px;
}
.ui-widget-content {
    border-radius: 0 !important;
}
/*====================== Popover Anand Silora Creted 30-7-2015 =====================*/
.popover {
    width: 280px !important;
    z-index: 9999999 !important;
}
.adv-table .popover {
    width: auto !important;
    z-index: 9999999 !important;
}
/*====================== margin for h3 Anand Silora Creted 30-7-2015 =====================*/
.mg_top {
    margin: 0px;
    color: #FFF;
}
/*====================== Margin botom for heading Anand Silora Created 30-7-2015 ======================*/
.mg_bt {
    margin-bottom: 10px;
}
/*===================== Color Common For h4 h5 h6 Anand Silora Created 30-7-2015 ======================*/
.white_1 {
    color: #FFF;
}
/*===================== Padding For Title in Menulist1 Anand Silora Created 30-7-2015 =======================*/
.pad_left_1 {
    padding: 4px 10px !important;
}
/*======================== Tabico Img For Icon Img Anand Silora Created 30-7-2015  ======================*/
.tab-ico img {
    padding: 0px;
}
/*======================== Text break For Message Anand Silora Created 30-7-2015  ======================*/
.text_wrap {
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*======================== Background For Heading Anand Silora Created 30-7-2015  ======================*/
.bg-success1 {
    background: #61bd6d !important;
}
/*======================== Set Width PAdding For Badge Anand Silora Created 30-7-2015  ======================*/
.bad_ge {
    min-width: 30px !important;
    padding: 10px 15px !important;
}
/*//Nazim khan added on */
.nav.nav-tabs.nav-justified.menu-tabs li {
    display: table;
    width: 101%;
}
.decor-offer-list li.preview {
    margin-right: 1%;
}
.breadcrumbs li a {
    color: white;
    text-decoration: none;
    padding: 10px !important;
    background: brown;
    /* fallback color */
    background: #fff;
    position: relative;
    display: block;
    float: left;
    color: #000;
    font-size: 14px;
}
/* ADDED BY DEEPAK PATIL ON 23-08-2015 */
#FinalcartData .panel.panel-default {
    overflow: visible;
}
#FinalcartData .cmnt-overlay.fmenu-comment p {
    overflow: hidden;
}
.menu_search_bar .searchBox {
    width: 65%;
}
.menu_search_bar .price {
    width: 20%;
}
.menu_search_bar #menu_search_dec {
    width: 45%;
}
.menu_search_bar #price {
    width: 20%;
}
.menu_search_bar #Qty {
    width: 20%;
}
/*ADDED BY DEEPAK PATIL FOR MODAL CHANGES */
.modal-header {
    background: #78CD51 !important;
    color: #fff !important;
    border-radius: 5px 5px 0 0 !important;
    -webkit-border-radius: 5px 5px 0 0 !important;
    border-bottom: none !important;
}
#inqListing .modal-body {
    position: relative;
    padding: 0 20px !important;
}
#inqListing .dataTables_length,
#inqListing .dataTables_filter {
    padding: 0px !important;
}
#inqListing .dataTables_length {
    width: 67px !important;
    float: left !important;
    text-align: left !important;
}
#inqListing .dataTables_filter {
    width: 203px !important;
    float: right !important;
    text-align: right;
    margin-right: 0px;
}                    
#inqListing .dataTables_paginate {
    padding: 0 !important;
}
#inqListing .dataTables_paginate.paging_bootstrap.pagination {
    float: right;
    margin-bottom: 15px;
}
#inquiryTable .nav-tabs li:nth-child(even) {
    width: auto !important;
    color: #fff !important;
}
.panel-title {
    color: #2A3542;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: bold;
}
.breadcrumbs li a:before {
    border-bottom: 53px solid transparent;
    border-left: 20px solid #e0e0e0;
    border-top: 61px solid transparent;
    margin-top: -61px;
}
.greenbg .panel-title {
    color: #fff;
}
.fx-timeline {
    max-height: 400px;
    overflow: auto;
}
.btn-mid-top {
    margin-top: -3px;
}
.activity {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.activity.alt {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.activity span {
    float: left;
}
.activity.alt span {
    float: right;
}
.activity span,
.activity.alt span {
    width: 45px;
    height: 45px;
    line-height: 47px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #eee;
    text-align: center;
    color: #fff;
    font-size: 12px;
}
.activity.terques span {
    background: #8dd7d6;
}
.activity.terques h4 {
    color: #555454;
}
.activity.purple span {
    background: #b984dc;
}
.activity.purple h4 {
    color: #555454;
}
.activity.blue span {
    background: #90b4e6;
}
.activity.blue h4 {
    color: #555454;
}
.activity.green span {
    background: #aec785;
}
.activity.green h4 {
    color: #aec785;
}
.activity h4 {
    margin-top: 0;
    font-size: 15px;
}
.activity p {
    margin-bottom: 0;
    font-size: 13px;
}
.activity .activity-desk i,
.activity.alt .activity-desk i {
    float: left;
    font-size: 18px;
    margin-right: 10px;
    color: #bebebe;
}
.activity .activity-desk {
    margin-left: 70px;
    position: relative;
}
.activity.alt .activity-desk {
    margin-right: 70px;
    position: relative;
}
.activity.alt .activity-desk .panel {
    float: right;
    position: relative;
    width: 126%;
}
.activity-desk .panel {
    background: #F4F4F4;
    display: inline-block;
}
.activity .activity-desk .arrow {
    border-right: 8px solid #F4F4F4;
}
.activity .activity-desk .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -7px;
    position: absolute;
    top: 13px;
    width: 0;
}
.activity-desk .arrow-alt {
    border-left: 8px solid #F4F4F4 !important;
}
.activity-desk .arrow-alt {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    right: -7px !important;
    position: absolute;
    top: 13px;
    width: 0;
}
.activity-desk .album {
    display: inline-block;
    margin-top: 10px;
}
.activity-desk .album a {
    margin-right: 10px;
}
.activity-desk .album a:last-child {
    margin-right: 0px;
}
.nazim {
    background: #EEE;
    box-shadow: 0 0 3px #78CD51;
}
table.display thead th {
    padding: 10px !important;
}
table.display thead th {
    border-bottom: none;
}
.breadcrumbs li a {
    color: white;
    text-decoration: none;
    padding: 10px !important;
    background: brown;
    background: #fff;
    position: relative;
    display: block;
    float: left;
    color: #000;
    font-size: 14px;
}
/* Anand Silora 24-5-2016 Tickit Css */
.card {
    width: 100%;
    position: relative;
    margin: 0 0 15px 0;
    border-radius: 3px;
    border: 0;
    background-color: #fff;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.26);
    overflow: hidden;
}
.card-dashboard-info .card-body {
    padding: 15px 20px;
}
.card-dashboard-info .card-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    opacity: .7;
}
.card-dashboard-info h4 {
    font-size: 16px;
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 1.0);
    margin-top: 0px;
}
.card-dashboard-info p {
    font-size: 20px;
}
.card-dashboard-info small {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #f0f0f0;
    padding: 10px 20px;
}
.card-dashboard-info.card-green {
    color: #ffffff;
    background-color: #78CD51;
}
.card-dashboard-info.card-green small {
    background: #439c47;
}
.card-h4-cust {
    font-size: 28px !important;
    text-align: center;
}
.card-h4-cust-1 {
    font-size: 14px !important;
    margin-top: 05px !important;
    text-align: center;
}
.card-cust-body {
    padding: 10px 15px !important;
}
.card-dashboard-info.card-blue {
    color: #ffffff;
    background-color: #8175c7;
}
.card-dashboard-info.card-grey {
    color: #ffffff;
    background-color: #8bc5e0;
}
.card-dashboard-info.card-orange {
    color: #ffffff;
    background-color: #f39c12;
}
.card-dashboard-info.card-danger {
    color: #ffffff;
    background-color: #ff6c60;
}
.content-height {
    min-height: 675px;
}
/* SIDE BAR FONT AWASOME ICON CSS */
.sideBar-Followup {
    position: absolute;
    right: 6px;
    bottom: 9px;
    font-size: 26px;
}
/*new login page css starts here on 30th may 2016*/
.login-body {
    /*background: #e9e9e9;*/
    background: url(../img/2.jpg);
    background-attachment: fixed;
    background-size: cover;
    color: #666666;
    font-family: 'RobotoDraft', 'Roboto', sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* Pen Title */
.pen-title {
    padding: 50px 0px 0;
    text-align: center;
    letter-spacing: 2px;
}
.pen-title h1 {
    margin: 0px auto;
    font-size: 48px;
    font-weight: 300;
    max-width: 320px;
    width: 100%;
    position: relative;
}
.pen-title h1 img {
    width: 100%
}
.pen-title span {
    font-size: 12px;
}
.pen-title span .fa {
    color: #33b5e5;
}
.pen-title span a {
    color: #33b5e5;
    font-weight: 600;
    text-decoration: none;
}
/* Form Module */
.form-module {
    position: relative;
    background: #ffffff;
    max-width: 320px;
    width: 100%;
    border-top: 5px solid #4b4b4d;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
}
.form-module .toggle {
    cursor: pointer;
    position: absolute;
    top: -0;
    right: -0;
    background: #4b4b4d;
    width: 30px;
    height: 30px;
    margin: -5px 0 0;
    color: #ffffff;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
}
.form-module .toggle .tooltip {
    position: absolute;
    top: 5px;
    right: -65px;
    display: block;
    background: rgba(0, 0, 0, 0.6);
    width: auto;
    padding: 5px;
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
}
.form-module .toggle .tooltip:before {
    content: '';
    position: absolute;
    top: 5px;
    left: -5px;
    display: block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid rgba(0, 0, 0, 0.6);
}
.form-module .form,
.form-module .form1 {
    display: none;
    padding: 40px;
}
.form-module .form:nth-child(2) {
    display: block;
}
.form-module h2 {
    margin: 0 0 20px;
    color: #4b4b4d;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}
.form-module input {
    outline: none;
    display: block;
    width: 100%;
    border: 1px solid #d9d9d9;
    margin: 0 0 20px;
    padding: 10px 15px;
    box-sizing: border-box;
    font-wieght: 400;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.form-module input:focus {
    border: 1px solid #78CD51;
    color: #333333;
}
.form-module button {
    cursor: pointer;
    background: #4b4b4d;
    width: 100%;
    border: 0;
    padding: 10px 15px;
    color: #ffffff;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.form-module button:hover {
    background: #78CD51;
}
.form-module .cta {
    background: #f2f2f2;
    width: 100%;
    padding: 15px 40px;
    box-sizing: border-box;
    color: #666666;
    font-size: 12px;
    text-align: center;
}
.form-module .cta a {
    color: #333333;
    text-decoration: none;
}
/*new login page css ends here on 30th may 2016*/
#calendar {
    margin-top: 6%;
}
#calendarModal .modal-dialog {
    overflow-y: initial !important
}
/*#calendarModal .modal-body {
    overflow-y: auto;
    height: 500px
}*/
.pendStatus {
    background-color: aliceblue;
}
.bookStatus:hover,
.bookStatus:focus {
    color: #fff;
    text-decoration: none;
}
/*==================== Added By Kinjal =================================== */
.modal-body {
    padding: 15px;
}
#followupDetail,
#inqRemLabel {
    vertical-align: top;
}
.user-head .user-name span a {
    width: 100%;
    float: left;
}
.user-head .user-name span.custMob {
    width: 60%;
    float: left;
}
/*==================== Added By Kinjal =================================== */
/*==================== Added By Kinjal =================================== */
@media (max-width: 976px) and (min-width: 768px) {
    .headerSearch {
        width: 120px;
    }
}
@media only screen and (max-width:992px) {
    #followupSidebar.menubtn {
        right: 8%;
    }    
    #logoImgHeader {
        width: 68px !important;
    }
    .top-nav {
        position: absolute;
        right: 10px;
        top: 0px;
    }
    .column3 {
        width: 95.5%;
    }
    .column5 {
        width: 97.5%;
    }
}
/*======================================================================= */
.adv-table .nav-tabs {
    border: 1px solid #f0f0f0;
    border-bottom: none;
}
.adv-table .nav-tabs.nav-justified.rb-tab > li {
    border-right: 1px solid #f0f0f0;
}
.adv-table .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
    float: none;
}
.adv-table .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
}
.adv-table .nav > li > a {
    padding: 10px 15px;
    position: relative;
    display: block;
    border-radius: 0px !important;
}
.adv-table .nav-justified li:last-child > a:hover,
.adv-table .nav-justified li.active:last-child > a {
    border-radius: 0px !important;
}
.adv-table .nav-justified > li a {
    font-size: 14px;
}
.adv-table li.today > a {
    color: #FABB3D !important;
}
.adv-table li.today.active > a,
li.today > a:hover {
    background: #FABB3D !important;
    color: #fff !important;
    border-radius: 0px !important;
    transition-duration: 0.5s !important;
    border-color: #FABB3D !important;
}
.adv-table li.delayed > a {
    color: #ff5722 !important;
}
li.delayed.active > a,
li.delayed > a:hover {
    background: #ff5722 !important;
    color: #fff !important;
    border-radius: 0px !important;
    transition-duration: 0.5s !important;
    border-color: #ff5722 !important;
}
.adv-table li.upcomming > a {
    color: #8AC249 !important;
}
.adv-table li.upcomming.active > a,
li.upcomming > a:hover {
    background: #8AC249 !important;
    color: #fff !important;
    border-radius: 0px !important;
    transition-duration: 0.5s !important;
    border-color: #8AC249 !important;
}
.adv-table li.inprocess > a {
    color: #c09853 !important;
}
.adv-table li.inprocess.active > a,
li.inprocess > a:hover {
    background: #c09853 !important;
    color: #fff !important;
    border-radius: 0px !important;
    transition-duration: 0.5s !important;
    border-color: #c09853 !important;
}
.adv-table li.complelted > a {
    color: #008AB1 !important;
}
.adv-table li.complelted.active > a,
li.complelted > a:hover {
    background: #008AB1 !important;
    color: #fff !important;
    border-radius: 0px !important;
    transition-duration: 0.5s !important;
    border-color: #008AB1 !important;
}
.adv-table .tab-content {
    padding: 20px;
    margin: 0 0 0 0;
    z-index: 0;
    position: relative;
    float: left;
    width: 100%;
}
#hidden-table-info-Tabular_wrapper.dataTables_wrapper {
    overflow: scroll;
    width: 100%;
}
table.display {
    width: 100%;
}
/*                    .span6 {
                        float: left;
                        width: 50%;
                    }*/
.dataTables_info {
    padding: 15px 0 0 0;
}
.curPoint {
    cursor: pointer;
}
.btn {
    border-radius: 4px !important;
}
@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 60%;
    }
}
.bn-panel-count {
    position: relative;
    min-height: 125px;
    width: 100%;
    display: table;
    text-align: center;
}
.bn-panel-count span {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    z-index: 2;
    position: relative;
    color: #000;
    text-align: center;
}
.bn-panel-count:before {
    position: absolute;
    left: 0;
    top: 10%;
    width: 100%;
    height: 100%;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f236";
    color: #78CD51;
    font-size: 100px;
    z-index: 1;
    opacity: 0.3;
    right: 0;
    text-align: center;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    vertical-align: middle;
}
/* =================================
Anand Silora Created Css DATE : 18-4-2017 This is Custom Css For inquirySelection Page
==================================== */
/* Custom Tabs For Inquiry Selection */
.tabs-cust {
    height: 635px;
    min-height: 630px;
    overflow-y: auto
}
.row.no-gutters {
    margin-left: 0;
    margin-right: 0;
}
.row.no-gutters [class^="col-"],
.row.no-gutters [class*=" col-"] {
    padding-left: 0;
    padding-right: 0;
}
.tabs-cust {
    border: 1px solid #78cd51;
    border-bottom: 0;
}
.tabs-cust > li {
    margin-bottom: 0;
    z-index: 2;
    border-bottom: 1px solid #098209;
}
.tabs-cust > li a {
    border-radius: 0;
    margin: 0;
    border: 0 !important;
    color: rgba(26, 26, 26, 0.87);
}
.tabs-cust > li a:hover {
    background: transparent;
    border-color: transparent;
}
.tabs-cust > li.active a,
.tabs-cust > li.active a:hover,
.tabs-cust > li.active a:active,
.tabs-cust > li.active a:focus {
    border-color: transparent;
    background: transparent;
}
.tabs-cust > li.active a:after,
.tabs-cust > li.active a:hover:after,
.tabs-cust > li.active a:active:after,
.tabs-cust > li.active a:focus:after {
    position: absolute;
    content: '';
    border-bottom: 2px solid #337ab7;
    left: 0;
    top: 2px;
    width: 100%;
    height: 100%;
}
.tabs-cust > li.active > a,
.tabs-cust > li.active > a:hover,
.tabs-cust > li.active > a:focus {
    color: #337ab7;
}
.tabs-cust > li.active > a,
.tabs-cust > li.active > a:hover,
.tabs-cust > li.active > a:focus {
    color: #FFF !important;
    background: #78cd51 !important;
}
.tabs-cust li a {
    width: 100%;
}
.styled-tabs .tabs-cust {
    border-bottom: 1px solid #78cd51;
    border-right: 0;
}
.styled-tabs li {
    float: none;
    margin-left: 0px;
}
.styled-tabs li > a {
    border: 0;
    top: auto;
    margin: 0;
}
.styled-tabs li.active > a,
.styled-tabs li.active > a:hover,
.styled-tabs li.active > a:active,
.styled-tabs li.active > a:focus {
    border: 0;
    border-color: transparent;
}
.styled-tabs li.active > a:after,
.styled-tabs li.active > a:hover:after,
.styled-tabs li.active > a:active:after,
.styled-tabs li.active > a:focus:after {
    border-bottom: 0;
    border-right: 2px solid #469a21;
    left: 0px;
    top: -1px;
}
.styled-tabs .tabs-left li a {
    border-right-color: transparent;
}
.tab-content-1 {
    border: 1px #78cd51 solid;
    padding: 10px;
    margin: 0 0 0 0;
    z-index: 1;
    position: relative;
}
/* Venue Ul Li */
.venue_name {
    padding: 5px 0 10px 0;
    border-bottom: 1px solid #098209;
    font-size: 15px;
    font-weight: 600;
    color: #5cb85c;
}
.venue_capacity {
    padding: 10px 0;
    border-bottom: 1px solid #098209;
}
.venue_capacity ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.venue_capacity li {
    width: 24%;
    display: inline-block;
    line-height: 25px;
}
.venue_capacity li p {
    font-weight: 600;
    color: #469a21;
    font-size: 13px;
}
.venue_seating_style {
    padding: 10px 0;
}
.venue_seating_style ul {
    padding: 15px 0;
    margin: 0;
}
.venue_seating_style ul li {
    width: 16%;
    text-align: center;
    display: inline-block;
    padding: 20px 0px;
}
.venue_seating_style ul li i {
    font-size: 30px;
}
.venue_seating_style ul li p {
    font-size: 13px;
    padding-top: 5px;
    margin: 0;
}
/* Custome Font For InquirySelection Page */
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.eot') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg?gtokri') format('svg');
    font-weight: normal;
    font-style: normal
}
[class^="icon1-"],
[class*=" icon1-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon1-arrowmobile:before {
    content: "\e688"
}
.icon1-menumobile-01:before {
    content: "\e689"
}
.icon1-vattachment:before {
    content: "\e687"
}
.icon1-notification:before {
    content: "\e686"
}
.icon1-vdiscount:before {
    content: "\e685"
}
.icon1-vshortlist:before {
    content: "\e626"
}
.icon1-vshortlist-o:before {
    content: "\e627"
}
.icon1-vcalendar:before {
    content: "\e684"
}
.icon1-vcamera:before {
    content: "\e63c"
}
.icon1-vdestinationwedding:before {
    content: "\e63d"
}
.icon1-veng_rings:before {
    content: "\e63e"
}
.icon1-vhome:before {
    content: "\e63f"
}
.icon1-vhoneymoonpackages:before {
    content: "\e640"
}
.icon1-vinvitation_card:before {
    content: "\e641"
}
.icon1-vmakeup-01:before {
    content: "\e682"
}
.icon1-vweddinginspiration:before {
    content: "\e683"
}
.icon1-vadd-list:before {
    content: "\e672"
}
.icon1-vcaret-down:before {
    content: "\e673"
}
.icon1-vcaret-left:before {
    content: "\e674"
}
.icon1-vcaret-right:before {
    content: "\e675"
}
.icon1-vcaret-top:before {
    content: "\e676"
}
.icon1-v-clock:before {
    content: "\e677"
}
.icon1-vflag-01:before {
    content: "\e678"
}
.icon1-vnoonveg-01:before {
    content: "\e679"
}
.icon1-vorder:before {
    content: "\e67a"
}
.icon1-vprofile:before {
    content: "\e67b"
}
.icon1-vqoutations:before {
    content: "\e67c"
}
.icon1-vquery:before {
    content: "\e67d"
}
.icon1-vshare:before {
    content: "\e67e"
}
.icon1-vsitdown:before {
    content: "\e67f"
}
.icon1-vtag:before {
    content: "\e680"
}
.icon1-vveg:before {
    content: "\e681"
}
.icon1-business-01:before {
    content: "\e667"
}
.icon1-cogiconvsitdown-01:before {
    content: "\e668"
}
.icon1-Convenience-01:before {
    content: "\e669"
}
.icon1-editinterfaceicon1-01:before {
    content: "\e66a"
}
.icon1-filltheformorcall-01:before {
    content: "\e66b"
}
.icon1-moneyandtime-01:before {
    content: "\e66c"
}
.icon1-profit-01:before {
    content: "\e66d"
}
.icon1-vinstant2-01-01:before {
    content: "\e66f"
}
.icon1-vprices:before {
    content: "\e670"
}
.icon1-vsavings:before {
    content: "\e671"
}
.icon1-vminus:before {
    content: "\e66e"
}
.icon1-vcancel-01:before {
    content: "\e660"
}
.icon1-vFacebook:before {
    content: "\e661"
}
.icon1-vgoogleplus:before {
    content: "\e662"
}
.icon1-vin:before {
    content: "\e663"
}
.icon1-vtwitter:before {
    content: "\e664"
}
.icon1-vyahoo:before {
    content: "\e665"
}
.icon1-vyoutube:before {
    content: "\e666"
}
.icon1-vdown:before {
    content: "\e61c"
}
.icon1-vleft:before {
    content: "\e61d"
}
.icon1-vmoon:before {
    content: "\e61e"
}
.icon1-vphoto1:before {
    content: "\e61f"
}
.icon1-vphoto2:before {
    content: "\e620"
}
.icon1-vphoto3:before {
    content: "\e621"
}
.icon1-vplus:before {
    content: "\e622"
}
.icon1-vquickview:before {
    content: "\e623"
}
.icon1-vright:before {
    content: "\e624"
}
.icon1-vsearch:before {
    content: "\e625"
}
.icon1-vtop:before {
    content: "\e65e"
}
.icon1-sun-01:before {
    content: "\e65f"
}
.icon1-vaddress:before {
    content: "\e628"
}
.icon1-vbookmark:before {
    content: "\e629"
}
.icon1-vcart:before {
    content: "\e62a"
}
.icon1-vdownarrow:before {
    content: "\e62b"
}
.icon1-vleftarrow:before {
    content: "\e62c"
}
.icon1-vlogout-01:before {
    content: "\e62d"
}
.icon1-vmenu-01:before {
    content: "\e62e"
}
.icon1-vmyaccount-01:before {
    content: "\e62f"
}
.icon1-vrightarrow:before {
    content: "\e630"
}
.icon1-vrooms:before {
    content: "\e631"
}
.icon1-vtoparrow:before {
    content: "\e632"
}
.icon1-vvenues:before {
    content: "\e633"
}
.icon1-vamenitiesicon1:before {
    content: "\e600"
}
.icon1-vcontacticon1:before {
    content: "\e601"
}
.icon1-vFAQicon1:before {
    content: "\e602"
}
.icon1-vfoodplanicon1:before {
    content: "\e603"
}
.icon1-vinfoicon1:before {
    content: "\e604"
}
.icon1-vmediaicon1:before {
    content: "\e605"
}
.icon1-vvenuesicon1:before {
    content: "\e606"
}
.icon1-vbreakfast:before {
    content: "\e607"
}
.icon1-vcasual:before {
    content: "\e608"
}
.icon1-vcocktail:before {
    content: "\e609"
}
.icon1-vdinner:before {
    content: "\e60a"
}
.icon1-vdoubleU:before {
    content: "\e60b"
}
.icon1-vhollow-block:before {
    content: "\e60c"
}
.icon1-vinformal:before {
    content: "\e60d"
}
.icon1-vlunch:before {
    content: "\e60e"
}
.icon1-vseating1:before {
    content: "\e60f"
}
.icon1-vseating2:before {
    content: "\e610"
}
.icon1-vseating3:before {
    content: "\e611"
}
.icon1-vseating4:before {
    content: "\e612"
}
.icon1-vseating5:before {
    content: "\e613"
}
.icon1-vseating6:before {
    content: "\e614"
}
.icon1-vseating7:before {
    content: "\e615"
}
.icon1-vseating8:before {
    content: "\e616"
}
.icon1-vseating9:before {
    content: "\e617"
}
.icon1-vseating10:before {
    content: "\e618"
}
.icon1-vseating11:before {
    content: "\e619"
}
.icon1-vsnacks:before {
    content: "\e61a"
}
.icon1-rectangle:before {
    content: "\e61b"
}
.icon1-vdelete:before {
    content: "\e634"
}
.icon1-vengagementrings:before {
    content: "\e635"
}
.icon1-vinvitationvcard:before {
    content: "\e636"
}
.icon1-vmakeup:before {
    content: "\e637"
}
.icon1-vmediaicon12:before {
    content: "\e638"
}
.icon1-vphotographer:before {
    content: "\e639"
}
.icon1-vradialbutton:before {
    content: "\e63a"
}
.icon1-vroomsicon1:before {
    content: "\e63b"
}
.icon1-vac:before {
    content: "\e642"
}
.icon1-vairportshuttle:before {
    content: "\e643"
}
.icon1-vayurvedic:before {
    content: "\e644"
}
.icon1-vbar:before {
    content: "\e645"
}
.icon1-vbeauty:before {
    content: "\e646"
}
.icon1-vbusiness:before {
    content: "\e647"
}
.icon1-vcoffeeshop:before {
    content: "\e648"
}
.icon1-vconference:before {
    content: "\e649"
}
.icon1-vcurrency:before {
    content: "\e64a"
}
.icon1-vdoctoronreq:before {
    content: "\e64b"
}
.icon1-vFloristonnreq-01:before {
    content: "\e64c"
}
.icon1-vguidesevice:before {
    content: "\e64d"
}
.icon1-vgym:before {
    content: "\e64e"
}
.icon1-vhealth:before {
    content: "\e64f"
}
.icon1-vlaundry:before {
    content: "\e650"
}
.icon1-vmassage:before {
    content: "\e651"
}
.icon1-vparking:before {
    content: "\e652"
}
.icon1-vpaymentmode:before {
    content: "\e653"
}
.icon1-vrestaurant:before {
    content: "\e654"
}
.icon1-vroomservice:before {
    content: "\e655"
}
.icon1-vspa:before {
    content: "\e656"
}
.icon1-vsteamsauna:before {
    content: "\e657"
}
.icon1-vsunbeds:before {
    content: "\e658"
}
.icon1-vswim:before {
    content: "\e659"
}
.icon1-vtaxi:before {
    content: "\e65a"
}
.icon1-vwheelchair:before {
    content: "\e65b"
}
.icon1-vwifi:before {
    content: "\e65c"
}
.icon1-vyoga:before {
    content: "\e65d"
}
/* Another Css For Use  */
.panel-cust-pad {
    padding: 05px 15px !important;
    background: #78cd51;
}
.color_white {
    color: #FFF;
}
.font-s-14 {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.font-s-12 {
    font-size: 12px;
    font-weight: 100;
}
.pad-lr-cust {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.propertynofiy-1 {
    text-align: center;
    left: auto;
    bottom: auto;
    top: 0px !important;
    right: 0px !important;
}
.curPoint {
    cursor: pointer;
}
/* Ne Badge Design Css */
.propertynofiy-1 {
    background: #FF8700;
    width: 25px;
    height: 25px;
    border-radius: 0%;
    -webkit-border-radius: 0%;
    color: #fff;
    display: inline-block;
    text-align: center;
    left: 76%;
    bottom: 138px;
    position: absolute;
    line-height: 25px;
}

/* User Profile Custom Design Css */
.userProfile {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.useraImageBody {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    float: left;
    margin-right: 15px;
}

.packageTable

{
    margin-top: 20px;
    margin-bottom: 10px;
}

.label-cust-2 label
{
    padding-bottom: 0px;
}

#actListinDataTableDelay tbody tr td a.assignmentTd
{
    float: left;
    padding-top: 8px;
    padding-left: 05px;
}

#actListinDataTableComp tbody tr td span.username
{
    float: left;
    padding-top: 8px;
    padding-left: 05px;
}

.mar-15-1
{
    margin-right: 15px;
}

.padding-20
{
    padding: 15px !important;
}
#inquirySelection.curPoint{
    cursor: pointer;
}
#inquirySelection #itemAreaDiv.styled-tabs .nav > li > a {
    padding: 10px 25px 10px 15px;
}
#inquirySelection #itemAreaDiv.styled-tabs {
    border: 1px solid #78cd51;
}
#inquirySelection #itemAreaDiv.styled-tabs  .nav-tabs { border: none;   }
#inquirySelection #itemAreaDiv.styled-tabs .tab-content { border: none; border-left: 1px #78cd51 solid; }
#Propertypop .propertynofiy, #Propertypop .propertynofiyRoom, #Propertypop .propertynofiyDateWise { border-radius: 100%; }
#roomDetail .bn-panel-title {
    font-size: 17px; 
    margin-top: 10px;
    text-align: center;
}
#roomDetail .bn-panel-count {
    position: relative;
    min-height: 105px;
    width: 100%;
    display: table;
    text-align: center;
}
#roomDetail .bn-panel-count span {
    display: block;
    vertical-align: middle;
    width: 100%;
    z-index: 2;
    position: relative;
    color: #000;
}
#roomDetail .bn-panel-count:after {
    position: absolute;
    left: 0;
    top: 10%;
    width: 100%;
    height: 100%;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f236";
    color: #78CD51;
    font-size: 100px;
    z-index: 1;
    opacity: 0.3;
    right: 0;
    text-align: center;
}
#roomDetail .propertynofiyRoom {
    border-radius: 100%;
}
#inquirySelection #itemAreaDiv .packageTable { margin-bottom: 20px; margin-top: 20px; }
#inquirySelection #itemAreaDiv .tabs-cust { height: 630px; }
#inquirySelection #itemAreaDiv .packageTable { margin: 0; }
#inquirySelection #venueContent #tab_173 .venue_capacity li { width: 20%; }

/* CALENDER CSSS =======*/
#calendar { margin-top:0; }
#calendar .fc-header-title, #calendar .fc-header-center span, #calendar .fc-button, #calendar .fc-view { margin-top: 0; }
#calendar .fc-header { margin-bottom: 0; }
#calendar .fc-button { position: inherit; }
.rollassignbox { padding: 0 12px; }

#actListinDataTableToday.table tr td a { display: inline-block; vertical-align: middle; }
#actListinDataTableToday .useraImageBody { float: none; vertical-align: middle; display: inline-block; }
.rollassignbox #showActivity { margin: 10px 0; }
.bio-graph-info #showusrActivity, .bio-graph-info #showusrole { margin: 10px 0; }
.bio-graph-info #showusrole li btn { margin-right: 3px; }
.user-head .user-name span { display: inline-block; }
.eventorderdetail .tab-name { font-size: 14px; }
.monthwise .wrapper { max-height: 87.6vh !important; }
/*.monthwise .site-min-height {  min-height: 680px; }*/
#creatactivity .modal-dialog { width: 80%; }
#creatactivity .label_check { background-size: 18px 18px; }
/*===================== Kinjal Responsive Changes ============================ */



@media only screen and (max-width: 1024px) {  
    .modal-dialog { width: 80% !important; }    
    #roomDetail .bn-panel-title { font-size: 14px; }
    .dataTables_info { padding: 15px 0; }
    .site-min-height .spacingLeft { display: inline-block; width: 100%; }
    .eventorderdetail .tab-name { font-size: 14px; } 
    .monthwise .wrapper { max-height: 70vh !important; }
    .monthwise .site-min-height {  min-height: 560px; }
    .modal-open { position: fixed; }
    .card-dashboard-info h4 { font-size: 15px; }    
}

@media only screen and (max-width: 992px) {
    .monthwise .wrapper { max-height: 75vh !important; }
    .monthwise .site-min-height {  min-height: 760px; }
    .final-menu-panel.cate-menu-panel { margin-top: 20px; }
    .cd-nav-container { width: 55%; }
    .modal-dialog { width: 80% !important; }
    #logoImgHeader {  width: 68px !important; }
    .column, .column3, .column4, .column5 { width: 95%; }
    .user-create-steps { width: 100%; }
    .user-create-steps .formSteps .formColumn { width: 100%; }
    .formSteps2, .formSteps1 { width: 50%; }
    .top-nav { position: absolute; right: 10px; top: 0px; }
    .headerSearch { width: 120px; }
    .tabs-cust { height: initial; min-height: inherit; }
    #overviewOrderData #no-more-tables table td, #overviewInqData table td { width: inherit !important; }
    .profile-info .bio-graph-info, .profile-info .borderRound3 { height: 350px !important; }
    body.customerdashboard { overflow: auto !important; }
    .clearfixBox .column6 { margin: 1% 0 1% 2.5%; }
    #accordion-fm { height: initial !important; }
    .menuToNavigate { padding-bottom: 20px !important; }

}
#container-2 { height: 246px; }

/*===================== Kinjal Responsive Changes ============================ */
.product-list .bn-panel-count:before  { display: none; }
@media screen and (min-width: 768px) {
    #RateCard .modal-dialog { width: 40%; }
}

.availability-date { margin: 0; padding: 0; }
.availability-date li { display: inline-block; width: auto; }
.availability-date li span { font-size: 12px;  margin:0 0px 3px 0; background: #78cd51; border-radius: 3px; padding: 3px; float: left;color: #fff;font-weight: bold;padding: 5px; }
.availability-date li span.red, .list-avaibility span.red, .list-avaibility th.red { background: #F00; }
.availability-date li span.yellow, .list-avaibility span.yellow, .list-avaibility th.yellow{ background: #f1c500; }
.availability-date li span.blue, .list-avaibility span.blue, .list-avaibility th.blue{ background: #4b7cad; }
.list-avaibility th.green{ background: #78cd51; }
.availability-date span.darkOrange, .list-avaibility span.darkOrange, .list-avaibility th.darkOrange{ background: darkorange !important; }
.text-blue{ color: #4b7cad; }
.text-red { color: #F00; }
.text-green { color: #78cd51; }
.text-white { color: #fff; }
.text-darkOrange { color: darkorange !important; }
.availability-date li span.grey, .list-avaibility span.grey, .list-avaibility th.grey{ background-color: aliceblue; }
.availability-detail .list-avaibility, .availability-detail ul.list-avaibility1 { margin: 10px 0 0px 0; padding: 0; }
.list-avaibility span { height: 30px; width: 30px; display: block; margin-bottom: 3px;  background: #78cd51;margin-right: 12px;position: relative;z-index: 9}
.availability-detail ul.list-avaibility1 li { line-height: 24px; font-size: 16px; }
.dashboard-block  .dashboard-info-icon { font-size: 2.5em; position: absolute; color: rgba(255, 255, 255, 0.5); top: 11%; right: 7%; }
.dashboard-block .card-dashboard-info .card-body { padding: 18px 20px 38px 20px; min-height: inherit !important;}
.dashboard-block .card-dashboard-info.card-orange .card-h4-cust-1 { background: #c27905;}
.dashboard-block .card-dashboard-info.card-danger .card-h4-cust-1 { background: #f63929; }
.dashboard-block .card-dashboard-info.card-green .card-h4-cust-1 { background: #589f38; }
.dashboard-block .card-dashboard-info.card-blue .card-h4-cust-1 { background: #4d3caf; }
.dashboard-block .card-dashboard-info .card-h4-cust-1  { position: absolute;  left: 0;  bottom: 0; width: 100%; background: #f0f0f0; padding: 10px 10px; margin: 0;text-align:left;}
.dashboard-block .card-dashboard-info .card-h4-cust { font-size: 20px !important; text-align: left; }
#availTableDiv{height: 600px;overflow: auto;}
.partAvail{left: auto;bottom: auto;top: 4px;right: 5px;width: 20px;height: 20px;-webkit-border-radius: 50%;color: #fff;display: inline-block;text-align: center;position: absolute;line-height: 20px;z-index: -9999;font-size: 15px;font-weight: bold;}

.customerdashboard .nav-justified { width: 100% !important; }
.customerdashboard  .nav-tabs.nav-justified > li { display: table-cell; }
.customerdashboard .nav-tabs.nav-justified > li { border: 1px #ccc solid; border-right: none; border-bottom: none; }
.customerdashboard .nav-tabs.nav-justified > li:last-child { border-right: 1px #ccc solid;  }
.customerdashboard  .customer-info .tab-content, .customerdashboard .tab-content { border: 1px #ccc solid; border-top: none; padding: 20px; margin: 0 0 0 0; display: inline-block; width: 100%; z-index: 0; position: relative; }


.customerdashboard .tab-content > .active { display: block;}
.customerdashboard .card.card-user .card-heading.heading-left { height: 60px; padding-top: 15px; margin-bottom: 50px; background: #78CD51;}
.customerdashboard .card .card-heading .card-title { width:25%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 26px; color: #FFF; font-weight: bold;float: left; padding: 12px 0; margin: 0; position: absolute; left: 160px;top:5px; }
#memberDetailPage .card-title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;line-height: 26px;color: #FFF;font-weight: bold;float: left;padding: 0px 0;margin: 0; position: absolute;left: 125px;top: 0px !important; }
.customerdashboard .card .card-heading #titleNM { position: absolute; left: 115px; top:16px; }
.customerdashboard .text-color-white a { text-decoration: none; color: #fff !important; font-size: 20px;}
.customerdashboard .card.card-user .card-heading .user-image { position: absolute; width: 80px; height: 80px; border-radius: 40px;
                                                               left: 30px; top: 15px; border: 3px solid #e4e1e1 !important; }
.customerdashboard  .customer-info .add-btn-group { float: right; margin-top: 0px; margin-right: 7px;}
.customerdashboard  .customer-info .add-btn-group a { display: inline-block; }
.customerdashboard .panel { position: relative; z-index: 0; }
.customerdashboard  .panel .panel-body { padding: 10px 20px; box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.26);}
.customerdashboard .card .card-body { position: relative; padding: 20px;}
.customerdashboard .card .card-body .bio-row1, .customerdashboard .card .bio-row1  { padding: 0;}
.bio-row1 mytag { display: inline-block; vertical-align: top; width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.customerdashboard .card.card-user .card-heading.heading-left .subhead { position: absolute; left: 125px; top: 65px; width: 60%;
                                                                         font-size: 20px; } 
.customerdashboard .card.card-user .card-heading.heading-left .subhead .badge.bg-info { background: #fada3d; }
.customerdashboard .customer-info .card #custGroup span.badge { font-size: 14px !important; border-radius: 5px; padding: 5px 10px;
                                                                font-weight: normal; width: auto; display: inline-block; } 
.customerdashboard .customer-info .card .moredetails span { position: relative; width: 95%; display: inline-block; margin-right: 10px; font-size: 16px; }
.customerdashboard  .customer-info .moredetails i.fa-sort-desc { line-height: 22px; margin-right: 10px; float: left; }
.customerdashboard  .customer-info .moredetails i.fa-sort-asc { line-height: 32px; margin-right: 10px; float: left; }
.customerdashboard  .customer-info .card .moredetails span:after { background: #46ac3f; height: 2px; width: 90%; left: 15%; top: 13px; content: ""; position: absolute; }
.customerdashboard .customer-info .moredetails { background: transparent; padding: 10px;}
.customerdashboard  .moredetails { width: 100%; text-decoration: none; float: left; background: rgba(0, 0, 0, 0.5);padding: 5px 15px; cursor: pointer; }
.no-pad-lr { padding: 0px !important; }
.customerdashboard  .add-btn-group .btn.btn-white, .add-btn-group .btn{ box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.26) !important; 
}
.customerdashboard .nav-tabs.nav-justified > li { margin: 0; }
.customerdashboard .nav-tabs.nav-justified > li a { color: #000; }
.customerdashboard .nav-tabs.nav-justified>li>a { width: 100%; border-radius: 0px; }
.customerdashboard .nav-tabs.nav-justified > li.active{ background: #78CD51; }
.customerdashboard .nav-tabs.nav-justified > li.active a, .nav-tabs.nav-justified>.active>a {color: #fff;  background: #78cd51; border-color:#78cd51; }
.customerdashboard .nav-tabs.nav-justified > li:hover a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus, .customerdashboard .nav-tabs.nav-justified > li:hover   { background: #fec006; border-color:#fec006; }
.custdetail .tab-content .fa, .customerdashboard .nav-tabs.nav-justified > li:hover a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus, .customerdashboard .nav-tabs.nav-justified > li:hover { color: #FFF; }
.customerdashboard .card.card-user-primary { overflow: visible; }
.customerdashboard .card-dashboard-info.card-light-green { color: #ffffff; background-color: #41cac0; }
.customerdashboard  .card-dashboard-info p { font-size: 16px;}
.customerdashboard .card-dashboard-info.card-light-green small { background: #38aba2;}
.customerdashboard .card-dashboard-info .card-body { padding: 18px 20px 38px 20px;  min-height: inherit !important;}
.customerdashboard .card-dashboard-info.card-light-red {color: #ffffff; background-color: #6cb7f3;}
.customerdashboard .card-dashboard-info.card-light-red small {background: #389ff1;}
.customerdashboard .customer-info .panel > .panel-heading .panel-title { padding: 5px 20px 5px 20px; } 
.customerdashboard .customer-info .panel > .panel-heading .panel-title a { color: #FFF; }
.customerdashboard  .panel > .panel-heading { padding: 0;border-radius: 0;border-bottom: 1px solid #f0f0f0;}
.customerdashboard .card-dashboard-info small { font-size: 12px; }
.customerdashboard .panel > .panel-heading.bg-primary{ background: #78CD51 !important; }
.customerdashboard .card-dashboard-info.card-blue { background: #7291a0; }
.customerdashboard .card-dashboard-info.card-blue small { background: #527586; }
.customerdashboard .card-dashboard-info.card-grey small { background: #679eb7; }
.customerdashboard .card-dashboard-info.card-orange small { background: #72a932; }
.customerdashboard .btn-orange {  background: #fec006; border-color:#fec006; color: #FFF; }
.customerdashboard .btn-blue {  background: #8175c7; border-color:#8175c7; color: #FFF; }
.customerdashboard .btn-info {  background: #41cac0; border-color:#41cac0; color: #FFF; }
.customerdashboard #editModal .form-control { margin-bottom: 15px; }
.customerdashboard .card-block { padding: 0 0 15px 0; display: inline-block; }
.customerdashboard .card-block .bio-row1 p span { color: #78cd51; } 
.bio-row1 p span.colon { width: auto; color: #000 !important; font-weight: normal;}
.customerdashboard  .card-dashboard-info.card-orange { background: #93bd62; }
.dataTables_wrapper .row-fluid { display: inline-block; width: 100%; }
/*.dataTables_wrapper .row-fluid .span6 { display: inline-block; float: none; }*/
.customerdashboard .customer-info .panel > .panel-heading .panel-title .fa-trash { color: #FFF; line-height: 22px; }
.customerdashboard .activity.alt .activity-desk .panel { width: 100%; }
.amtDisp{text-align:right !important;padding-right:10px !important;}
.specialRateCls{font-size: 14px;}
.margin-top-5 { margin-top: 5px; display: inline-block; width: 100%; }
.margin-top-5 { margin-top: 5px; display: inline-block; width: 100%; }
.customerdashboard  .card-dashboard-info.card-purpul { background: #6a5cd9; color: #FFF; }
.customerdashboard .card-dashboard-info.card-purpul small { background:#a097f0; }
.customerdashboard  .card-dashboard-info.card-red { background: #f53b3b; color: #FFF; }
.customerdashboard .card-dashboard-info.card-red small { background:#de1f1f; }


.keybordshortcut .modal-content { background: rgba(43, 103, 207, 0.7); padding: 5px; border-radius: 4px; border: 2px #cac9c9 solid; }
.keybordshortcut .shortcuts-block { border-bottom: 2px rgba(255, 255, 255, 0.4) solid;  margin-bottom: 10px; display: inline-block;
                                    width: 100%; padding-bottom: 20px; }
.keybordshortcut .modal-content p { display: block; text-align: center; color: #FFF; font-size: 20px; margin-bottom: 20px; }
.keybordshortcut .modal-content strong { color: #fff; font-size: 16px; display: inline-block; margin-bottom: 10px;}
.keybordshortcut .modal-content p, .keybordshortcut .modal-content lable { color: #FFF; }
.firstRow , .firstRow td ,.firstRow:hover , .firstRow td:hover  {background:lemonchiffon !important;}
.roomTotal{background: lavender !important;font-size: 15px;color: maroon;}
.totQtyGrey{font-size: 12px;color: grey;}
.roomTypeActive{border: 1px solid #000;padding: 8px 72.5% 8px 2%;border-radius: 4px;}
@media (min-width: 1025px) and (max-width: 1400px) {
    .width-100 { width: 100px !important; }
    .width-td-12 , #renderSpecialList p { font-size: 12px; font-weight: normal; }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    .inqRmFont{color:#667fa0 !important;font-size: 14px !important;}
    #roomDetail .bn-panel-title { font-size: 13px; }
}
@media (min-width: 1400px) and (max-width: 1630px) {
    #roomDetail .bn-panel-title { font-size: 15px; }
}
.adv-table1 table { width: inherit !important; }
.adv-table1 table tr th.Column-width { max-width: 120px !important; min-width: 120px !important; width: 120px !important;}
.adv-table1 table tr th.longColumn { max-width: 120px !important;min-width: 120px !important;width: 120px !important;}


.roombooking-tab .booking-date { position: relative; width: 100%; display: inline-block; border: 1px #2a3542 solid; }
.roombooking-tab .booking-date .date-arrow-left { background: #2a3542;  display: inline-block; margin-left: 0px; position: absolute; left: 0; top: 0;}
.roombooking-tab .booking-date .date-arrow-right { position: absolute; right: 0; top:0; background: #2a3542; display: inline-block; float:right; margin-right:0px; }
.roombooking-tab .booking-date  a .fa { color: #FFF; font-size:20px; padding: 7px 15px; }
.roombooking-tab .booking-date .today-date { font-size: 18px; font-weight: bold; line-height: 20px; display: inline-block; width: 100%; text-align: center;}   

.roombooking-tab .tab-content .panel-cust-pad{ background:#78cd51 !important; padding: 8px 15px 9px 15px !important; border-bottom: none; border-right: 0px !important;  }
.roombooking-tab .styled-tabs .tabs-cust { border: none; border-right: none; background: #e5e8ef; }
.roombooking-tab .tabs-cust > li { border-bottom: 1px solid #d5d7de; }
.roombooking-tab .tabs-cust > li  a {color: #6a6a6a; border-right: 3px transparent solid;}
.roombooking-tab .tabs-cust > li.active a, .roombooking-tab .tabs-cust > li:hover a { background:#f2f4f7 !important; color: #78cd51 !important; border-right:3px #000 solid !important; }
.roombooking-tab .tab-content .table-condensed { margin-top: 20px; }
.roombooking-tab .tab-content .panel-table { padding: 0 0 0 20px; }
.roombooking-tab .tabs-cust > li a:after, .roombooking-tab .tabs-cust > li:hover a:after { display: none;}
.roombooking-tab .tab-content { margin-top: -1px; }
.cntBoxRoom {border: 1px solid #eee;    background: aliceblue;/*box-shadow: 1px 1px 5px 1px #001;*/}
.inqRmFont {color:#667fa0 !important;font-size: 22px;}
.no-record {position: relative;font-size: 24px;text-align: center;width: 100%;display: block;margin-bottom: 10px;color: #f34235;}
.no-record:after {background: #f34235;height: 2px; width: 20%;left: 15%;top: 18px;content: "";position: absolute;}
.no-record:before {background: #f34235;height: 2px; width: 20%;right: 15%;top: 18px;content: "";position: absolute;}

/*focus Css Room starts here*/
/*body .activeFocus{box-shadow: rgba(100, 82, 68, 0.7) 0px 0px 0px 0px;animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1) infinite !important;}*/
body .activeFocus:focus{box-shadow: rgba(100, 82, 68, 0.7) 0px 0px 0px 0px;animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1) infinite !important;}
body .activeFocusBook:focus{box-shadow: rgba(100, 82, 68, 0.7) 0px 0px 0px 0px;animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1) infinite !important;}
body .activeFocusBook{box-shadow: rgba(100, 82, 68, 0.7) 0px 0px 0px 0px;animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1) infinite !important; transition: 0.4s; }
.roombooking-tab .tabs-cust > li:first-child a.activeFocusBook { margin-top: 20px; }
.roombooking-tab .tabs-cust > li:last-child a.activeFocusBook { margin-bottom: 20px; }




@-webkit-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(120, 205, 81, 0.2);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(120, 205, 81, 0.2);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(120, 205, 81, 0.2);}}
@keyframes pulse {to {box-shadow: 0 0 0 20px rgba(120, 205, 81, 0.2);}}
/*focus Css Room Ends here*/

.map-chart-size { box-shadow: 0px 2px 8px rgba(0,0,0,0.3); margin: 20px 0 0 0; }
.analyticReportData h5 { font-family:arial;  color: #000; font-weight: bold; padding: 15px 0; box-shadow: 0px 2px 8px rgba(0,0,0,0.3); }
.memberForm { padding: 20px 15px; display: inline-block; width: 100%; }

.itemsContainer .itemContents { display: none; }
.itemsContainer .item .panel-heading.greenbg {
    background:transparent;
    border-bottom: 1px #78cd51 solid;
    border-top: none;
    cursor: pointer;
    margin-bottom: 15px;
    padding: 0 0 10px 0;
}
.itemsContainer .item .greenbg .panel-title {
    color: #767676;
}
.panel.itemsContainer { padding: 20px; }
.itemContents  .nav-tabs > li > a { border: 1px #6dbb4a solid; border-right: none; margin: 0; padding-left: 30px; padding-right: 30px; border-bottom: none; }
.itemContents  .nav-tabs > li:last-child { border-right: 1px #6dbb4a solid; }
.itemContents  .nav-tabs > li  { margin-left: 0; }
.itemContents  .nav-tabs > li.active > a, .itemContents  .nav-tabs > li:hover > a {  background: #6dbb4a; color: #FFF;  }
.itemContents  .nav-tabs > li:hover > a {  background: #f2f4f7 ; color: #6dbb4a;  }
.overflowData .tab-content #tab5_1, .overflowData .tab-content #tab5_2, .overflowData .tab-content #tab4_3 { max-height: 360px; overflow:auto; } 
#advMaintableRC .span6, .overflow-table .span6 { float: left; width: 50%; }
.panel-title { line-height: 30px; font-weight: bold !important; }

#AttachmentListing { padding: 5px 0 0 0; display: inline-block; width: 100%;  max-height: 400px;  overflow: auto;}
#AttachmentListing li {display: inline-block; width: 33.33%; padding: 3px 1% 10px 1%; margin-bottom: 10px; border-bottom: 1px #ccc solid; }
#AttachmentListing li .fa-trash-o { color: #FFF; background: #F00; padding: 5px 8px 5px 6px; margin: 6px 6px 0 6px;  border-radius: 4px; }
#AttachmentListing li .list-content  { position: relative; }
#AttachmentListing li .list-content a { display: inline-block; width: 100%; text-align: center; min-height: 107px; }
#AttachmentListing li .list-content .overlayAttach a { min-height: inherit; }
#AttachmentListing li .list-content .overlayAttach { position: absolute; bottom: 5px; left: 0; right: 0; background: rgba(0,0,0,0.5);}
#AttachmentListing li img{ width: 100%; }
#AttachmentListing li .list-content .overlayAttach .col-md-6 { padding: 0; }
#AttachmentListing li .col-md-9, #AttachmentListing li .col-lg-9 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:70%;}
#AttachmentListing li .overlayAttach span.title {color: #fff; line-height: 18px;  font-size: 14px; margin: 8px 0 0 5px; float: left;}
#AttachmentListing li span.title {color: #000; line-height: 18px;  font-size: 14px; margin: 8px 0 0 5px; float: left;}
#AttachmentListing li .col-md-9, #AttachmentListing li .col-lg-9, #AttachmentListing li .col-md-3, #AttachmentListing li .col-lg-3 { padding: 0; }
.attachmentModal .modal-body .modal-title { border-bottom: 1px #ccc solid; color: #78cd51; padding: 0 20px; }

.panel-body1 { padding: 20px; }
#AttachmentListing.NoAttachList { overflow: visible; }
#AttachmentListing.NoAttachList li { border: none; padding: 0 18px 15px 18px; }
#AttachmentListing.NoAttachList li:hover span.title { color: #000; }
#user-block .edit-btn { position: absolute; left: 60%; bottom: -12px; width: 100%; z-index: 1; }
#user-block .edit-btn .btn { border-radius: 100% !important; }
.customerdashboard .card.card-user .card-heading .user-image .user-icon { position: absolute; width: 100%; height: 100%;} 

.edit-img { position: relative; }
.edit-img .edit-btn { position: absolute; left: 18px; bottom:-12px; }
.custdetail .table-advance.table td.edit-img .edit-btn .btn { min-width: 22px;  padding: 0px 4px; border-radius: 100% !important; }
.custdetail .table-advance td .edit-btn .fa { color: #FFF !important; font-size: 9px; }
.custdetail .table-advance.table td .btn  { padding: 5px 10px; margin: 3px 1px 0px 0; float:left;}
.custdetail .table-advance #FamilyDiv td .fa { color: #FFF !important; }
.overflowData thead , .itemsContainer thead{background: #ccc;}
.dateHeadToday{background: #FABB3D !important;font-weight: 500 !important;color: #fff !important}
.dateHeadDelay{background: #ff5722 !important;font-weight: 500 !important;color: #fff !important}
.dateHeadPlanned{background: #8AC249 !important;font-weight: 500 !important;color: #fff !important}
.dateHeadInprocess{background: #c09853 !important;font-weight: 500 !important;color: #fff !important}
.titlediv {display: inline-block;width: 65%;font-size: 16px;color: #000;padding: 1% 2% 0% 2%;vertical-align: top;}
.datediv {display: inline-block;font-size: 15px;padding: 1% 2% 0% 0;position: relative; right: 0;text-align: right;top: 0;width: 35%;color: #000; vertical-align: top;}
.app .tab-content .list-group-item{padding: 6px 0px !important;}
.actCustDet{font-size: 15px;padding: 0% 0% 0 2%; width: 100%; display: inline-block; }
.gray-text.gray-text-block { width: 100%; display: inline-block; }
.iconStyle {font-size: 50px;}
#AttachmentListing .list-content a .fa-file-image-o {    color: #45b4fc;}
#AttachmentListing .list-content a {display: inline-block;width: 100%;margin-bottom: 10px;text-decoration: none;}
#AttachmentListing .list-content {margin: 0 auto 30px auto;width: 100%;padding: 20px 10% 0 10%;}
.tableDataCustomer .popover-content .editable-buttons .btn { padding: 8px 12px 11px 12px !important; }
#inqTable .dataTables_info { padding: 15px 0; }
#calendarModal .modal-dialog { width: 80%; }
#inquiryTable .table {margin-bottom: 0; }
.left-part-task {  width: 65%; display: inline-block; }
.monthListButton .nav-tabs>li { float: right; }
.pagination { margin-bottom: 0px; } 
.span6 { float: left; width: 50%;  }
.charge-posting .label, .charge-posting .form-control { display: inline-block; }
.charge-posting-table.table { border: 1px solid #ddd; }
.charge-posting-table.table tr th { padding: 15px 10px !important; background: #ccc; color: #595959; border-right: 1px solid #ddd; }
.charge-posting-table.table tr td { border-right: 1px solid #ddd; }
.booking-list.styled-tabs li:hover, .booking-list.styled-tabs li.active { background: #FFF !important;  }
.booking-list.styled-tabs li:hover a, .booking-list.styled-tabs li.active a { color: #78cd51 !important; background: #FFF !important;  }
#addgroup .input-group { width: 100%; }
.overflow-tableselection { overflow: auto; max-height: 420px; }

.customerPanelBody .input-group.input-large { width: 100%; }
.cutomer-contper #contPerDiv { overflow: auto; max-height: 362px; }
.input-group .form-control#grpNm { border-radius: 4px; }
.tableBorder { border: 1px #ccc solid; padding: 10px; display: inline-block; width: 100%;}
.tableBorder .span6 { display: inline-block; width: 50%; float: none;}
#AttachmentListing.NoAttachList li { display: block; width: 100%; padding-bottom: 0; }
#AttachmentListing.NoAttachList .list-content { border-right:none; text-align: center; }
#AttachmentListing.NoAttachList li span.title { float: none; }
.attachmentModal .modal-dialog { width: 65% !important; }
.attachmentModal .modal-dialog .fa-file-pdf-o { color: #d41c00; }
.attachmentModal input[type="file"] { margin-top: 8px; }
.menulisting .cate-menu-panel .panel-heading { border-bottom: 1px #eff2f7 solid; }
.eventorderdetail .nav.menu-tabs > li.active > a, .eventorderdetail .nav.menu-tabs > li > a:hover { color: #78cd51 !important; }
.decor-group .nav.menu-tabs > li a { background: #e5e8ef;  color: #6a6a6a !important; border-bottom: 1px solid #d5d7de !important;}
.action-btn { width: 100px !important; }
.table.charge-posting-table .btn { display: inline-block; margin-right: 5px; margin-top: 0 !important; }
#chargePostTable .table .btn { display: inline-block; margin-right: 5px; }
.bookLink .card-dashboard-info .card-body a, .bookLink .card-dashboard-info .card-body .card-h4-cust { font-size: 16px !important; color: #FFF; }

.invoice .invoice-id { text-align: right; }
.invoice .invoice-id h4 { font-size: 24px; color: #1b1b1b ; font-weight: bold; }
.invoice .invoice-id h5 { font-size: 18px; color: #1b1b1b ;  }
.invoice .customer h5 { font-size: 18px; color: #1b1b1b ;  }
.invoice .customer { font-size: 14px; color: #1b1b1b; line-height: 24px; margin-bottom: 20px;  }
.invoice-body table td { font-size: 14px; }
#memberListTable td .btn.btn-orange {background: #fec006; border-color: #fec006; color: #FFF; }
.typeahead.dropdown-menu li a{ overflow: hidden; text-overflow: ellipsis;  }
#chargePostTbl .select2-container { width: 100% !important; }
#chargePostTbl .select-td { width:200px; }
.invoice-table.table .btn { display: inline-block; }
.edit-invoice a:hover { color: #FFF; }
.invoice-table .btn-orange {  background: #fec006; border-color:#fec006; color: #FFF; margin: 0; }
.bookLink .event-icon { display: block; text-align: center; }
.bookLink .event-icon .fa { font-size: 40px; margin-bottom: 20px; } 
.bookLink .card { border-radius: 0px; }


.Booking-heading { background: #78CD51; text-align: center; padding: 20px; box-shadow: 0 4px 3px rgba(0,0,0,0.09), 2px 0 3px rgba(0,0,0,0.06), -2px 0 3px rgba(0,0,0,0.06); }
.Booking-heading  .user-heading.alt { text-align: center; display: block; }
.Booking-heading  .user-heading.alt a img { height: 80px; width: 80px; }
.Booking-heading .user-heading.alt a.profileImg { float: none; margin: 0;  border-color: #fff; }
.booking-panel p { display: inline-block; }
.booking-panel { padding: 10px 15px 0 0; }
.booking-panel .panel-heading{ padding: 0 0 5px 0; font-size: 24px; }
.booking-panel h1 { margin-top: 10px; font-size: 20px; }
.booking-panel h1 a { color: #767676; }
.padd-left-0 { padding-left: 0; }
.booking-mainHeader { margin-bottom: 20px;display: inline-block; width: 100%; box-shadow: 0 4px 3px rgba(0,0,0,0.09), 2px 0 3px rgba(0,0,0,0.06), -2px 0 3px rgba(0,0,0,0.06);}
.bookLink .card.card-dashboard-info .card-body { padding: 25px 20px;}
.bookLink .card-dashboard-info.card-red { background: #ca1e21; }
.bookLink .card-dashboard-info.card-yellow { background: #f8d347; }
.bookLink .card-dashboard-info.card-purpul { background: #8175c7; }
.bookLink  a:hover, .bookLink  a:focus { color: #FFF; }
.bookLink .card-dashboard-info { position: relative; padding-bottom: 20px; }
.bookLink .card-dashboard-info .card-small { position: absolute; bottom: 0; left: 0; right: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; height: 30px; }

.bookLink .card-dashboard-info.card-orange .card-small { background: #cb8311; }
.bookLink .card-dashboard-info.card-red .card-small { background: #b51215; }
.bookLink .card-dashboard-info.card-green .card-small { background: #64ba3d; }
.bookLink .card-dashboard-info.card-yellow .card-small { background: #eabc0c; }
.bookLink .card-dashboard-info.card-purpul .card-small { background: #6153af; }
.tolYesIcon{color:green;font-size: 25px;}
.tolNoIcon{color:red;font-size: 25px;}
.tolYesRow{background: #ff9797 !important;color: #171616;}
.tolNoRow{background: #78cd51 !important; color: #fff;border-bottom: 1px solid #d5d7de !important;}

#open-room-sideNav { text-align: right; position: absolute; right: 0; z-index: 1; top: -16px; }
.generate-block { position: relative; }
.generateInvoice-block { padding-top: 10px; }
#open-room-sideNav span   { cursor: pointer; font-size: 14px; box-shadow: 0px 1px 4px rgba(0,0,0,0.3) !important; border-radius: 0px !important;background: #fec006;border-color: #fec006;color: #fff;}
.generate-block.active #open-room-sideNav span .fa-caret-down, .generate-block #open-room-sideNav span .fa-caret-up  { display: none; }
.generate-block.active #open-room-sideNav span .fa-caret-up { display:inline-block;}

#OrderDetailId .show { display: inline-block !important; width: 100%; }
#accordion .panel-heading { padding: 3px 15px; }
#memberListDiv .dataTables_wrapper { overflow: auto; }

.report-block.breadcrumb>li { position: relative; display: inline-block; padding: 5px 2px; color: #FFF; float: left; } 
.report-block.breadcrumb>li+li:before { display: none; }
.btn-arrow-right, .btn-arrow-left {position: relative; padding-left: 18px;padding-right: 18px; }
.btn-arrow-right { padding-left: 36px; }
.btn-arrow-left { padding-right: 36px;}
.btn-arrow-right:before,
.btn-arrow-right:after,
.btn-arrow-left:before,
.btn-arrow-left:after { content: "";position: absolute;top: 5px;width: 22px;height: 22px; background: inherit; border: inherit;border-left-color: transparent;border-bottom-color: transparent;border-radius: 0px 4px 0px 0px;-webkit-border-radius: 0px 4px 0px 0px; -moz-border-radius: 0px 4px 0px 0px; }
.btn-arrow-right:before,
.btn-arrow-right:after {
    transform: rotate(45deg);   
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
li:first-child .btn-arrow-right:before, li:first-child .btn-arrow-left:before { display: none; }   
li:first-child .btn-arrow-right { padding-left: 12px; padding-right: 16px; }
.btn-arrow-left:before, .btn-arrow-left:after { transform: rotate(225deg);
                                                -webkit-transform: rotate(225deg);
                                                -moz-transform: rotate(225deg);
                                                -o-transform: rotate(225deg);
                                                -ms-transform: rotate(225deg);
}
.btn-arrow-right:before, .btn-arrow-left:before { left: -11px;}
.btn-arrow-right:after, .btn-arrow-left:after { right: -11px; }
.btn-arrow-right:after,.btn-arrow-left:before { z-index: 1; }
.btn-arrow-right:before, .btn-arrow-left:after {background-color: white; }
.breadcrumb-panel .breadcrumb.report-block { display: inline-block; width: 100%; padding: 0 15px 15px 0; margin-bottom: 0px; }
.report-page .report-title { margin-top: 0px; margin-bottom: 20px; border-bottom: 1px solid grey; }
div[off-canvas] ul li .media { margin-bottom: 10px; }
div[off-canvas] ul li .media .select2-container--default .select2-selection--single .select2-selection__rendered  { line-height: 34px; }
div[off-canvas] ul li .media .select2-container .select2-selection--single { height: 34px; }

.modal-dialog.modal-lg{ width: 85% !important;}
.modal-dialog.modal-md{ width: 60% !important;}
.modal-dialog.modal-sm{ width: 30% !important;}
.inquiryTable .dataTables_wrapper, #inquiryTable  .dataTables_wrapper { border: 2px solid #ccc; padding: 20px; }
.inquiryTable .btn,  #inquiryTable .btn { border-radius: 0px !important; margin: 0 !important; border: none; padding: 10px 30px;  }
.creatememberIcon { position: absolute; top:-6px; right: -9px; z-index: 1; }
.creatememberIcon .btn-orange{ background: #fec006; border-color: #fec006; color: #fff; border-radius: 100% !important; }
.nav1 .creatememberIcon i { padding: 0; font-size: 12px; }
.nonprocessLegend { position: absolute; top:23px; right:220px; z-index: 1; }
.nonprocessLegendTab1 .nonprocessLegend { position: absolute; top:30px; right:220px; z-index: 1; }
.nonprocessLegendTab , nonprocessLegendTab1{ position: relative;  }
.itemContents  .nonprocessLegendTab .nav-tabs li { width: auto; margin-left: 10px !important; border-right: none; display: inline-block;}
.nonprocessLegend li.indicator1 { background: #ff9797; }
.nonprocessLegend li.indicator2 { background: #339e02; }

#chargePostTbl .tolNoRow, #chargePostTbl .tolNoRow:focus, #chargePostTbl .tolNoRow:hover{background: #78cd51 !important; color: #fff;border-bottom: 1px solid #d5d7de !important;}
#chargePostTbl .tolYesRow, #chargePostTbl .tolYesRow:focus, #chargePostTbl .tolYesRow:hover{background: #ff9797 !important;color: #171616;border-bottom: 1px solid #d5d7de !important;}
table.pvtTable { width: 100%; overflow:auto;  }

#sideSubMenu {position: fixed;left: 0;height: 100%; background: #FFF; width: 61px;top: 60px; box-shadow: 0px 3px 4px rgba(0,0,0,0.3); z-index: 1; }
#sideSubMenu .top-nav { width: 100%; position: relative; right: 0; margin-top: 0; }
#sideSubMenu .top-nav ul.top-menu > li { margin:0; float: none; text-align: center;  border-bottom: 1px solid #eeeeee; }
#sideSubMenu .top-nav ul.top-menu > li:hover a { background: #A9D86E !important; }
#sideSubMenu .top-nav ul.top-menu > li:hover a .fa { color: #FFF; }
#sideSubMenu .top-nav ul.top-menu > li a { margin: 0; width: 100%; display: block; height: 60px; line-height: 52px; border-radius: 0px !important; padding: 5px;   font-size: 22px; border: none; color: #FFF; }
#sideSubMenu .top-nav ul.top-menu > li:first-child { margin-top: 0px; }
#sideSubMenu .top-nav ul.top-menu > li a .text-amber, #sideSubMenu .top-nav ul.top-menu > li.sidelock:hover a .text-amber  { color: #fabb3d; }
#sideSubMenu .top-nav ul.top-menu > li a .text-purpul, #sideSubMenu .top-nav ul.top-menu > li.sidelock:hover .text-purpul{ color: #8175c7; }
#sideSubMenu .top-nav ul.top-menu > li a .text-blue, #sideSubMenu .top-nav ul.top-menu > li.sidelock:hover .text-blue{ color: #7cb5ec; }
#sideSubMenu .top-nav ul.top-menu > li a .fa { line-height: 50px; }
#sideSubMenu .top-nav ul.top-menu > li.sidelock:hover a { background:transparent !important; }
#sideSubMenu .top-nav ul.top-menu > li.sidelock:hover .text-danger { color: #FF6C60; }
#sideSubMenu .top-nav ul.top-menu > li.sidelock:hover .text-success { color: #A9D86E; }
.input-group-btn:last-child>.btn { padding: 6px 10px 5px 10px;  border-radius: 0px 4px 4px 0px !important;     border-color: #78CD51; }

/*CustomerPage Csss */
#customerPage  .card .card-heading .card-title { position:relative; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size: 20px;  line-height: 16px; color: #000; font-weight: bold; float: left; padding:17px 0 9px 0px; margin: 0 0 0 35px; width: 90%; }
#customerPage .card.card-user .card-heading .user-image { border:none !important; left: 14px; top:9px; }
#customerPage .card.card-user .card-heading .customer-img { width: 66px; border-radius: 50%; height: 66px; position: absolute; }
#customerPage .card {  min-height: 240px; width: 100%; position: relative; margin: 0 0 20px 0; border: 0; background-color: #fff; box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.26); overflow: hidden;}
#customerPage .card-heading-changes { border-bottom: 1px solid #CCC !important; height: 86px !important; background: #FFF !important; }
#customerPage #customerList .card.card-user .card-heading .user-image { background: transparent ;  position: absolute; width: 65px; height: 65px; border-radius: 40px; top: 5px !important; position: absolute; text-align: center !important;
    color: #FFF !important; font-size: 30px !important; }
#customerPage .card.card-user .card-heading .customer-img .user-image { left:0; top:0; width: 100%;height: 100%; border: 3px #389ff1 solid !important; position: relative; }
#customerPage .font-left { float: left; font-size: 14px !important; }
#customerPage .subhead.font_titles_size.font-left { width: 100%; }
#customerPage .p-turn-stock {font-size: 18px; width: 100%; float: right; border-radius: 4px; }
#customerPage .card span { display: block; }
#customerPage .card.card-user .card-heading .user-text b { font-size: 14px !important; top: 38px !important; left: 22px !important; color: #fdb928 !important; position: relative; text-align: center;}
#customerPage .clickable-button {position: absolute; width: 48px;  height: 100%; right: 0; top: 0px; z-index: 3; -webkit-transform-origin: center;-ms-transform-origin: center; transform-origin: center; -webkit-transition: .3s all ease .6s; transition: .3s all ease .6s; }
#customerPage .bg-amber { background: #fec006;}
#customerPage .clickable-button .initial-position { position: absolute; right: 20px; bottom: 10px;background: #A9D86E;}
#customerPage .btn-floating {width: 48px; height: 48px; padding: 6px; border-radius: 50% !important; border: 0; font-size: 24px; -webkit-mask-image: -webkit-radial-gradient(circle, white, black);}
#customerPage .clickable-button .initial-position .fa { line-height: 38px; }
#customerPage .card span.label-grey { background: #679eb7; }
#customerPage .card span.label-dark-green { background: #72a932; }
#customerPage .card span.label-dark-blue { background: #527586; }
#customerPage .card span.label-light-blue{ background: #fec006; }
#customerPage .card span.label-label-orange { background: #679eb7; }
#customerPage .card .card-heading #titleNM { left: 10px; top:14px; }

/*NEW DATA TABLE CSS ADDED FOR THEME ISSUE STARTS HERE*/
.pagination .paginate_button a{ color: #797979;background: #fff; border-radius: 3px;-webkit-border-radius: 3px;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: #fff; color: #797979;border-color: #eee;}
#memberListTable_paginate .paginate_button.active a , #myTable_paginate .paginate_button.active a {background-color: #eee;border: 1px solid #ddd; color: #797979;}
#memberListTable,#myTable,#myTableRelativeTable{width: 100% !important;}
/*NEW DATA TABLE CSS ADDED FOR THEME ISSUE ENDS HERE*/
.Club-chart.tabs-cust { height: 580px; min-height: 580px; }
.popover-content .editable-buttons .btn { padding: 5px 0 !important; }
.open.sidelock >.dropdown-menu { display: none; }
.top-nav ul.top-menu > li.sidelock { opacity: 0.7; }
.table tr td span#allowNoOfMem { background: #f1c500; color: #Fff !important; padding: 5px 10px; border-radius: 3px; }
.table tr th.NoMember { width: 48px; text-align: center;}
#OrderDetailId .panel-body { display: inline-block; width: 100%; }
.headerlock .top-nav { opacity: 0.3; }
.filtermenu.closure-filtermenu { padding: 10px 0; }
/*.typeahead.dropdown-menu{max-height: 400px; overflow-y: auto;}*/
.pwdShowHide{position: absolute; right: 0px; top: 17%; background: transparent;border: 0;border-radius: 0.25em;color: #888;cursor: pointer;font-size: 0.75em;font-weight: bold;margin-right: 0.5em;padding: 0.5em;text-transform: uppercase;-moz-appearance: none;-webkit-appearance: none;}
.pwdShowHide:hover, .pwdShowHide:focus {background-color: #eee;color: #555;outline: transparent;}
.PSW-row { position: relative; }
/*.glmTypeImgClass{ background: url(../img/icardBg1.png) left top !important; background-repeat: no-repeat !important; background-size: 100% 100% !important;}*/
.inquerytype1 label {display: block !important;}
.ui-autocomplete {max-height: 100px;overflow-y: auto;overflow-x: hidden;} 
.memberParent{background: antiquewhite !important;}
.modal-dialog.modal-xs { width: 25% !important;}
.adv-table.inquiryTable .dataTables_wrapper{ overflow: auto; }
.table tr td.edit-img a  { display: inline-block; float: left; position: relative;}
.table tr td.edit-img span  { width:48%; float: right; padding-right:5px; }
.table tr td.edit-img span.useraImageBody { width: 30px; }
#invoiceTableDiv { overflow: auto; max-height: 620px; }
.customerdashboard .panel.custdetail .tab-content th.action-btn { width: 170px !important;}
#chargePostTable .dataTables_wrapper { overflow: auto; }
.modal .multiselect-container>li>a>label { padding-left: 0;}
.modal .bootstrap-select.btn-group .dropdown-menu li a.opt { padding-left: 20px;}
.modal-dialog.inquiryTablePopup{width: 80% !important;}
.table-green table.display tr.gradeA  { background-color: #D8FFCF; }

@media only screen and (max-width: 1175px ) {
    #memberDetailPage .card-title { font-size: 13px; }
    .customerdashboard  .customer-info #memberDetailPage .add-btn-group { width: 50%; margin-top: -12px; }
    .customerdashboard  .customer-info #memberDetailPage .add-btn-group a{ margin-bottom: 2px; padding: 3px 7px; }
}
.memberName { width: 120px; }
@media only screen and (max-width: 1090px ) {
    .memberName { width: 200px; }
}
.rightPaddZero{padding-right: 0px;}


::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 50px;background-color: #ddd;}
::-webkit-scrollbar{width: 8px; background-color: #78CD51; }
::-webkit-scrollbar-thumb{border-radius: 50px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);background-color: #78CD51;}
::-webkit-scrollbar-thumb{border-radius: 50px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #78CD51;}

#AttachmentListing li .fa-file-excel-o { padding:0px !important; font-size:30px; vertical-align:middle !important; color:#78CD51 !important; background:none!important; border-radius:3px 13px 3px 3px;}
#AttachmentListing li .fa-file-word-o { padding:0px !important; font-size:30px; vertical-align:middle !important; color:#45b4fc !important; background:none!important;border-radius:3px 13px 3px 3px;}
#AttachmentListing li .fa-file-image-o { padding:0px !important; font-size:30px; vertical-align:middle !important; color: #45b4fc !important; background:none !important;border-radius:3px 13px 3px 3px;}
#AttachmentListing li .fa-file-pdf-o {  padding:0px !important; font-size:30px; vertical-align:middle !important; color: #d41c00 !important; background:none !important;border-radius:3px 13px 3px 3px;}
#AttachmentListing li .fa-file-text-o { padding:0px !important; font-size:30px; vertical-align:middle !important; color:#fec006 !important; background: none !important;border-radius:3px 13px 3px 3px;}
#AttachmentListing li .fa-file-audio-o { padding:0px !important; font-size:30px; vertical-align:middle !important; color:#45b4fc !important; background:none !important;border-radius:3px 13px 3px 3px;}
#AttachmentListing li .fa-file-video-o { padding:0px !important; font-size:30px; vertical-align:middle !important; color:#45b4fc !important; background: none !important;border-radius:3px 13px 3px 3px;}
.ico_new{padding-top:8px;}

.span_ico{margin-top:4px !important;  }
.new_sp_icon i{margin-top:10px !important}

#AttachmentListing .list-content{margin:0px !important; padding:0px !important;}
#AttachmentListing li img{width:80%; margin:0 auto;}
.print_lab{margin-top:10px !important; padding-bottom:10px;}
.big_a_icon{font-size:50px !important;}
.big_a_icon i{margin-bottom: 24px!important;
    font-size: 55px !important;}
#printModalContent {width: 100%;height: 150px;margin: 0 auto 20px auto;border: 1px #ccc solid;id; */}
#memberCard { padding: 20px 20px 0px 20px; position: relative;}
#memberCard  .checkCard { position: absolute; right:-19px; top:10px; }
.Member-img { display: inline-block; width:30%; vertical-align: top; height: 100px; margin:0 0px 0px -3px; text-align: center;}
#iCardImage { width: 84px; height: 105px;}
.Member-detail { width: 60%; display: inline-block; vertical-align: top; height: 80px; margin: 10px; color: rgb(0, 0, 0);}        
.Member-detail span { font-size: 14px; font-family: "Open Sans", sans-serif; display: block;line-height: 22px; vertical-align: middle; color: rgb(0, 0, 0);}
.Member-detail span #iCardName {  width: 70%; color: rgb(0, 0, 0); vertical-align: top; }
.Member-detail span .memberCardFont { display: inline-block;}
.cardLogo { float: right; width: 120px; }
.cardLogo img { width: 100%; height: auto; }
.customerdashboard .card.card-user-primary .checkCard { position: absolute; right:-19px; top:70px; }
/*======= Change by Kinjal =========*/
.select-td {width: 100%;}
.select2-container {    width: 100% !important;}
.itemHeadCls h3{margin-top: 9px;margin-right: 15px;color: darkgreen;}
#memberDetailPage .card-title #editUserName { float: right; cursor: pointer;}


// ADDED BY KINJAL ON 14-02-2018
.billingBox {
    background: none repeat scroll 0 0 #fff;
    color: #000;
    left: 5px;
    margin: 0 auto;
    padding: 10px 20px 7px 17px;
    top: 8px;
    width: 100%;
    z-index: 999;
}
#billview .reportcenter {
    text-align: center;
    width: 90%;
    margin: 0 auto;
}
.reportleft {
    text-align: left;
    width: 100%;
}
#billview .srno {
    width: 15%;
}
#billview .item {
    width: 40%;
}
#billview .qty {
    width: 5%;
}
#billview .amt {
    width: 21%;
    text-align: right !important;
}
#totaltaxdetail {
    text-align: left;
}
#billview .total {
    width: 100%;
}
.billheight table tbody tr {
    line-height: 15px;
}
#billview .total {
    width: 100%;
}
.totalamt {
    width: 20%;
}
.invoice {
    padding: 20px;
}
.invoice .invoice-heading .date-row .invoice-id {
    text-align: right;
}
.invoice .invoice-heading .date-row h4 {
    font-weight: bold;
    margin-bottom: 10px;
}
.invoice .invoice-heading .customer-row {
    padding-bottom: 30px;
}
.invoice .invoice-heading .customer-row .customer {
    text-align: right;
}
.invoice .invoice-body {
    padding: 20px 0;
}
.invoice .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 29px;
}
.invoice .invoice-heading .customer-row h5 {
    font-weight: bold;
    margin-bottom: 10px;
    color:#1b1b1b;
    font-size: 18px;
}
table td.nowrap, table td strong {
    overflow: visible;
    text-overflow: inherit;
    white-space: normal;
    color: #1b1b1b;
}
.billBorder { display: inline-block; width: 100%; height: 5px; border-bottom:1px #797979 dashed; }
 
#billview table  td, #receiptModal td { text-align: left; }
.customerdashboardpanel .panel-heading { padding:10px 30px !important; }


//Added by montu on 05-05-2018
#AffidavitListing { padding: 5px 0 0 0; display: inline-block; width: 100%;  max-height: 400px;  overflow: auto;}
#AffidavitListing li {display: inline-block; width: 33.33%; padding: 3px 1% 10px 1%; margin-bottom: 10px; border-bottom: 1px #ccc solid; }
#AffidavitListing li .fa-trash-o { color: #FFF; background: #F00; padding: 5px 8px 5px 6px; margin: 6px 6px 0 6px;  border-radius: 4px; }
#AffidavitListing li .list-content  { position: relative; }
#AffidavitListing li .list-content a { display: inline-block; width: 100%; text-align: center; min-height: 107px; }
#AffidavitListing li .list-content .overlayAttach a { min-height: inherit; }
#AffidavitListing li .list-content .overlayAttach { position: absolute; bottom: 5px; left: 0; right: 0; background: rgba(0,0,0,0.5);}
#AffidavitListing li img{ width: 100%; }
#AffidavitListing li .list-content .overlayAttach .col-md-6 { padding: 0; }
#AffidavitListing li .col-md-9, #AttachmentListing li .col-lg-9 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:70%;}
#AffidavitListing li .overlayAttach span.title {color: #fff; line-height: 18px;  font-size: 14px; margin: 8px 0 0 5px; float: left;}
#AffidavitListing li span.title {color: #000; line-height: 18px;  font-size: 14px; margin: 8px 0 0 5px; float: left;}
#AffidavitListing li .col-md-9, #AttachmentListing li .col-lg-9, #AttachmentListing li .col-md-3, #AttachmentListing li .col-lg-3 { padding: 0; }
#AffidavitListing.NoAttachList { overflow: visible; }
#AffidavitListing.NoAttachList li { border: none; padding: 0 18px 15px 18px; }
#AffidavitListing.NoAttachList li:hover span.title { color: #000; }

#membershipListing { padding: 5px 0 0 0; display: inline-block; width: 100%;  max-height: 400px;  overflow: auto;}
#membershipListing li {display: inline-block; width: 33.33%; padding: 3px 1% 10px 1%; margin-bottom: 10px; border-bottom: 1px #ccc solid; }
#membershipListing li .fa-trash-o { color: #FFF; background: #F00; padding: 5px 8px 5px 6px; margin: 6px 6px 0 6px;  border-radius: 4px; }
#membershipListing li .list-content  { position: relative; }
#membershipListing li .list-content a { display: inline-block; width: 100%; text-align: center; min-height: 107px; }
#membershipListing li .list-content .overlayAttach a { min-height: inherit; }
#membershipListing li .list-content .overlayAttach { position: absolute; bottom: 5px; left: 0; right: 0; background: rgba(0,0,0,0.5);}
#membershipListing li img{ width: 100%; }
#membershipListing li .list-content .overlayAttach .col-md-6 { padding: 0; }
#membershipListing li .col-md-9, #AttachmentListing li .col-lg-9 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:70%;}
#membershipListing li .overlayAttach span.title {color: #fff; line-height: 18px;  font-size: 14px; margin: 8px 0 0 5px; float: left;}
#membershipListing li span.title {color: #000; line-height: 18px;  font-size: 14px; margin: 8px 0 0 5px; float: left;}
#membershipListing li .col-md-9, #AttachmentListing li .col-lg-9, #AttachmentListing li .col-md-3, #AttachmentListing li .col-lg-3 { padding: 0; }
#membershipListing.NoAttachList { overflow: visible; }
#membershipListing.NoAttachList li { border: none; padding: 0 18px 15px 18px; }
#membershipListing.NoAttachList li:hover span.title { color: #000; }
.redBgCls{background: red !important;color: #fff !important;}