html {
        height: 100%;
    }
    
    body {
        position: relative;
        padding: 0;
        background-color: #ffffff;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
        font-size: 14px;
        color: #555;
        opacity: 0;
        /* overflow-y: scroll; */
        /* margin-left: -20px; */
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
        font-weight: 300;
    }
    
    a {
        color: #4a4a4a;
        text-decoration: none;
        outline: 0 none;
    }

    a.colored {
        color: #4d90fd;
    }
    
    a:focus,
    a:hover,
    a:active {
        outline: 0 none;
        text-decoration: none;
        color: #4d90fd;
    }

    a:active {
        -webkit-box-shadow: none !important;
        box-shadow: none !important; 
    }
    
    p {
        font-size: 15px;
        line-height: 22px;
    }
    
    b {
        font-weight: 400;
    }
    
    blockquote p {
        font-size: 15px;
    }
    
    ul {
        padding-left: 30px;
    }

    a.user-icon-sm {
        height: 40px;
        width: 40px;
        display: block;
        position: relative;
    }
    
    .mt-50 {
        margin-top: 50px;
    }

    .mt-30 {
        margin-top: 30px;
    }

    .online {
        background-color: #42b72a;
        border: 2px solid #fff;
        border-radius: 50%;
        height: 12px;
        left: 29px;
        position: absolute;
        top: 29px;
        width: 12px;
        z-index: 1;
    }

    .kiosk-online {
        background-color: #42b72a;
        border: 1px solid #fff;
        border-radius: 50%;
        height: 12px;
        width: 12px;
        z-index: 1;
        display: block;
        float: right;
        margin: 5px;
    }

    .kiosk-offline {
        border-radius: 50%;
        height: 12px;
        width: 12px;
        z-index: 1;
        display: block;
        float: right;
        margin: 5px;
    }

    .dashboard-logo {
        margin-top: 20px;
        height: 40px;
        margin-left: 10px;
    }

    .online-green a {
        background-color: #42b72a;
        color: #ffffff !important;
    }
    .online-green a:hover, .online-green a:focus {
        background-color: #2b9c14 !important;
        color: #ffffff !important;
    }


   

    .overflow-hidden {
        overflow: hidden;
    }
    
    .no-margin {
        margin: 0 !important;
    }
    
    .no-margin-y {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .mr-2 {
        margin-right: 2px;
    }
    .mr-5 {
        margin-right: 5px;
    }
    
    .no-margin-x {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .no-margin-top {
        margin-top: 0 !important;
    }
    
    .no-margin-bottom {
        margin-bottom: 0 !important;
    }
    
    .no-margin-left {
        margin-left: 0 !important;
    }
    
    .no-margin-right {
        margin-right: 0 !important;
    }
    
    .big-text {
        font-size: 61px;
        line-height: 70px !important;
        text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.2);
        padding-bottom: 5px;
    }
    
    .jumbotron {
        margin-top: 20px;
    }
    
    #pcont {
        /* margin-left: 230px; */
        position: relative;
        padding: 0;
    }
    
    .back-to-top {
        position: fixed;
        bottom: 0;
        right: 0px;
        text-decoration: none;
        color: #FFF;
        background-color: rgba(39, 41, 48, 0.8);
        font-size: 12px;
        padding: 9px 12px;
        display: none;
    }
    
    .back-to-top i {
        font-size: 15px;
    }

    .calendar-color {
        width: 34px;
        height: 34px;
        border-radius: 17px;
        text-align: center;
        /* display: block; */
        color: #ffffff;
        font-size: 18px;
        padding: 7px;
    }
    
    .back-to-top:hover {
        color: #FFF;
        background-color: #272930;
    }
    
    .back-to-top:focus {
        color: #FFF;
    }
    
    .spacer {
        margin-top: 15px !important;
    }
    
    .spacer2 {
        margin-top: 30px !important;
    }
    
    .spacer3 {
        margin-top: 50px !important;
    }
    
    .spacer-bottom-xs {
        margin-bottom: 10px !important;
    }
    
    .spacer-bottom {
        margin-bottom: 30px !important;
    }
    
    .spacer-bottom-sm {
        margin-bottom: 15px !important;
    }
    
    .spacer-bottom-lg {
        margin-bottom: 40px !important;
    }
    
    .rad-1 {
        border-radius: 1px;
        -webkit-border-radius: 1px;
        overflow: hidden;
    }
    
    .rad-2 {
        border-radius: 2px;
        -webkit-border-radius: 2px;
        overflow: hidden;
    }
    
    .rad-3 {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        overflow: hidden;
    }
    
    .dash-cols .block .no-padding {
        padding: 0;
    }
    
    .no-padding {
        padding: 0 !important;
    }
    
    .text-center {
        text-align: center;
    }
    
    .clear {
        clear: both;
    }
    
    .hthin {
        font-family: "Raleway", Helvetica, sans-serif !important;
        font-weight: 100 !important;
    }
    /*Pre & Code*/
    
    pre {
        border-radius: 2px;
        -webkit-border-radius: 2px;
        margin-top: 10px;
    }
    /*CONTENT*/
    
    .cont h2 {
        font-family: "Raleway", Helvetica, sans-serif;
        font-size: 32px;
        font-weight: 100;
        line-height: 38px;
        margin: 0 0 10px 0;
    }
    
    .cont h5 {
        font-size: 13px;
        font-weight: 200;
        line-height: 21px;
    }
    
    .cont p {
        color: #333;
        font-size: 13px;
        font-weight: 200;
        line-height: 23px;
    }
    
    .cont b {
        font-weight: 400;
    }
    /*Well*/
    
    .well p:last-child {
        margin: 0;
    }
    /*Text Colors*/
    
    .color-primary {
        color: #3078EF;
    }
    
    .color-primary.fa {
        color: #4C94FF;
    }
    
    .color-success {
        color: #5FBF5F;
    }
    
    .color-warning {
        color: #FC9700;
    }
    
    .color-danger {
        color: #ee5037;
    }


    /*HEADER*/
    /*navigation*/

    .navbar-fixed-bottom, .navbar-fixed-top {
        z-index: 500;
    }

    .no-background a{
        background: transparent !important;
        text-align: left !important;
    }

    #cl-wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .full-screen {
        margin-left: auto;
        margin-right: auto;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        height: 100%;
        overflow: hidden !important;
    }
    .full-width {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
        padding:0 !important;
        height: 100%;
    }

    .full-shell {
        width: 100em;
        margin-left: auto;
        margin-right: auto;
    }

    .content-md {
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
    }

    .content-sm {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    
    .navbar {
        border: 0;
        background-color: #ffffff;
        /* color: #ffffff; */
        padding-right: 25px;
        padding-top: 1px;
        height: 56px;
        border-radius: 0;
        margin-bottom: 0;
        border-bottom: 0px solid #ECEBEB;
        box-shadow: -1px -7px 14px 1px #9d9d9d;
    }
    
    .navbar-header-project {
        color: #666666;
        float: left;
    }
    
    .navbar-header {
        color: #a9a9a9;
    }
    
    .navbar-header .nav>li>a {
        color: #797979;
        font-weight: 600;
        padding-left: 0;
        padding-right: 0;
        margin-right: 0px;
        height: 70px;
        line-height: 51px;
    }
    
    .navbar-header .nav>li>a:hover,
    .navbar-header .nav>li>a:focus {
        /* border-bottom: 1px solid #000000; */
        background-color: transparent;
        /* border-radius: 0; */
    }
    
    .navbar-header .main-nav {
        margin-left: 70px;
        height: 70px;
        width: 633px;
        white-space: nowrap;
        /*overflow: hidden;*/
    }
    
    .main-nav {
        background: none repeat scroll 0 0 #F1F1F2;
        padding: 5px;
        padding-left: 15px;
    }
    /* main nav at the top */
    
    .navbar-header .nav>li.active>a,
    .navbar-header .nav>li.active>a:hover,
    .navbar-header .nav>li.active>a:focus {
        color: #797979;
        border-bottom: 1px solid #000000;
        background-color: transparent;
        border-radius: 0;
    }

    .navbar-default .navbar-brand-reader {
        padding-left: 23px;
        text-align: left;
        color: #666666;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
        font-size: 18px;
        line-height: 50px;
        height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .navbar-default .navbar-brand-full {
        padding-left: 23px;
        text-align: left;
        /*width: 206px;*/
        color: #666666;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
        /*background: url("../img/logo.png") no-repeat 0 11px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);*/
        /* font-weight: 600; */
        font-size: 26px;
        line-height: 72px;
        height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        /* display: inline-block; */
        /* width: 400px; */
    }
    
    .close-btn {
        margin-left: 15px;
        display: inline-block;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        text-align: center;
        border: 4px solid #ffffff;
    }

    .close-btn:hover,
    .close-btn:focus
    {
        border: 4px solid #3380FF;
        background-color: #3380FF;
        color: #fff;
    }

    .navbar-default .navbar-brand-full:hover,
    .navbar-default .navbar-brand-full:focus {
        color: #666666;
    }
    
    .navbar-default .navbar-brand {
        padding-left: 0;
        text-align: center;
        margin-left: -25px !important;
        /*width: 206px;*/
        color: #666666;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
        /*background: url("../img/logo.png") no-repeat 0 11px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);*/
        font-weight: 600;
        font-size: 20px;
        line-height: 35px;
        height: 70px;
        width: 70px;
        border-right: 1px solid #e0e0e0;
        /* border-bottom: 1px solid #e0e0e0; */
        background: #ffffff;
    }

    .navbar-secondary {
        background-color:transparent;
        border: 0;
        margin: 0 15px 0 15px;
    }

    .nav-brand {
        display: block;
        color: #000;
    }

    .logo-text {
        font-size: 22px;
        display: inline;
        margin-right: 30px;
    }

    .nav-brand-fixed {
        line-height: 55px;
    }

    .nav-sub-heading {
        margin-top: 60px;
        line-height: 55px;
    }

    .nav-brand > img {
        height: 35px;
        margin-top: -4px;
    }

    .bottom-logo {
        position: absolute;
        bottom: 20px;
        left: 0px;
        z-index: 10000;
        /* height: 65px; */
    }

    .bottom-logo .product {
        font-size: 18px;
        line-height: 20px;
    }

    .nav-brand .menu-btn {
        margin-top: 15px;
        margin-left: 15px;
       background-color: transparent;
       border: 0;
       font-size: 17px;
       font-weight: 600;
   }


    .nav-menu {
        text-align: center;
        margin: 2px auto;
        display: block;
        height: 0px;
        margin-left: 120px;
    }
    
    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:focus {
        color: #666666;
    }
    
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus {
        background-color: #040404;
        color: #ccc;
    }
    
    .navbar-default .navbar-nav>li>a {
        color: #495057;
        padding-right: 40px;
        margin-top: 0px;
        margin-left: 5px;
        display: block;
        font-size: 16px;
        border-radius: 3px;
        text-align: center;
        font-weight: 600;
    }
    
    .navbar-default .navbar-nav>li.text {
        padding: 10px 2px;
        float: left;
        height: 69px;
    }
    
    .navbar-default .navbar-nav>li>a:hover {
        color: #0091FF;
    }
    
    .navbar-default .navbar-nav>li.icon {
        padding: 16px 2px;
        float: left;
        height: 69px;
    }
    
    /* .navbar-default .navbar-nav>li.button {
        padding: 20px 6px;
        float: left;
        height: 69px;
    } */
    
    .navbar-default .navbar-nav>li.button>a {
        border-radius: 2px;
        -webkit-border-radius: 2px;
        /* padding: 4px;  */
        border: 0;
        /* border: 1px solid rgba(0, 0, 0, 0.15); */
        /*box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset;*/
        text-align: center;
    }
    
    .navbar-default .navbar-nav>li.button>a:hover {
        color: #0091ff !important;
    }
    
    .navbar-default .navbar-nav>li.button>a:active {
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07) inset;
        background-color: #ffffff;
    }
    
    /* .navbar-default .navbar-nav>li.button>a>i {
        font-size: 22px;
    } */
    
    .navbar-default .navbar-nav>li.button .bubble {
        position: absolute;
        top: 0px;
        left: 18px;
        background-color: #e44c34;
        color: #fff;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        border-color: #E23923 #D83722 #C0311E;
        border-left: 1px solid #D83722;
        border-width: 1px;
        box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.25);
        padding: 1px 3px 1px 2px;
        font: bold 9px Tahoma;
    }
    
    .navbar-default .navbar-nav>li.button.open:after {
        position: absolute;
        bottom: 0;
        left: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid white;
        border-left: 6px solid transparent;
        content: '';
        left: 50%;
        margin-left: -6px;
    }
    
    .navbar-default .navbar-nav>li>a:focus {
        /* background-color: #292929; */
       
    }
    
    .navbar-nav>li.button .dropdown-menu {
        padding: 0;
        min-width: 260px;
        max-width: 280px;
    }
    
    .navbar-nav>li.button .dropdown-menu .content>ul {
        padding: 0;
    }
    
    .navbar-default .navbar-nav>li.button .dropdown-menu li ul>li>a {
        font-weight: 300;
        color: #444;
        padding: 11px 10px;
        padding-left: 33px;
        border-bottom: 1px solid #ececec;
        position: relative;
    }
    
    .navbar-default .navbar-nav>li.button .messages li ul>li>a {
        padding: 12px 10px;
        padding-left: 48px;
        white-space: normal;
        line-height: 16px;
    }
    
    .navbar-default .navbar-nav>li.button .dropdown-menu li>a:hover {
        color: #444;
        background: #F8F8F8;
    }
    
    .navbar-default .navbar-nav>li.button .dropdown-menu li:last-child>a {
        border-bottom: 0;
    }
    
    .navbar-default .navbar-nav>li.button .dropdown-menu li>a>i {
        display: inline-block;
        font-size: 14px;
        text-align: center;
        width: 20px;
        vertical-align: middle;
        /* position: absolute; */
        left: 10px;
        top: 14px;
    }
    
    .navbar-default .navbar-nav>li.button .messages li>a>img {
        position: absolute;
        left: 10px;
        top: 16px;
        height: 30px;
        width: 30px;
    }
    
    .navbar-default .navbar-nav>li.button .messages li>a .name {
        display: block;
        color: #555555;
        font-size: 12px;
        font-weight: 600;
        line-height: 19px;
    }
    
    .navbar-default .navbar-nav>li.button .dropdown-menu li>a>i.success {
        color: #60C060;
    }
    
    .navbar-default .navbar-nav>li.button .dropdown-menu li>a>i.info {
        color: #4D90FD;
    }
    
    .navbar-default .navbar-nav>li.button .dropdown-menu li>a>i.warning {
        color: #FC9700;
    }
    
    .navbar-default .navbar-nav>li.button .dropdown-menu li>a>i.danger {
        color: #DA4932;
    }
    
    .navbar-default .navbar-nav>li.button .dropdown-menu .nano {
        height: 200px;
    }
    
    .nano .content {
        /* position      : absolute; */
        /* overflow      : scroll; */
        overflow: auto;
    }
    
    .navbar-default .navbar-nav>li.button .dropdown-menu li a .date {
        display: block;
        font-size: 11px;
        color: #999999;
        font-style: italic;
        line-height: 18px;
    }
    
    .navbar-default .navbar-nav>li.button .dropdown-menu .title {
        font-size: 12px;
        font-weight: 300;
        border-bottom: 1px solid #DDDDDF;
        padding: 8px 17px;
        color: #444;
    }
    
    .navbar-default .navbar-nav>li.button .dropdown-menu .title a:hover {
        background: transparent;
    }
    
    .navbar-default .navbar-nav>li.button .dropdown-menu .foot {
        padding: 0;
    }
    
    .navbar-default .navbar-nav>li.button .dropdown-menu .foot>li {
        list-style: none;
    }
    
    .navbar-default .navbar-nav>li.button .dropdown-menu .foot a {
        background: #F7F7F7;
        padding: 8px 17px;
        color: #444;
        text-align: center;
    }


    /********** secondary menu */


    .navbar-secondary .navbar-brand:hover,
    .navbar-secondary .navbar-brand:focus {
        color: #666666;
    }
    
    .navbar-secondary .navbar-nav>.active>a,
    .navbar-secondary .navbar-nav>.active>a:hover,
    .navbar-secondary .navbar-nav>.active>a:focus {
        background-color:#ffffff;
    }
    
    .navbar-secondary .navbar-nav>li>a {
        color: #4a4a4a;
        padding: 8px 15px;
        line-height: 20px;
        background: #c0c0c0;
        margin-left: 5px;
        display: block;
        height: 37px;
        border: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        text-align: center;
    }
    
    .navbar-secondary .navbar-nav>li.text {
        padding: 10px 2px;
        float: left;
        height: 69px;
    }
    
    .navbar-secondary .navbar-nav>li>a:hover {
        color: #000000;
    }
    
    .navbar-secondary .navbar-nav>li.icon {
        padding: 16px 2px;
        float: left;
        height: 69px;
    }
    
    /* .navbar-default .navbar-nav>li.button {
        padding: 20px 6px;
        float: left;
        height: 69px;
    } */
    
    .navbar-secondary .navbar-nav>li.button>a {
        border-radius: 2px;
        -webkit-border-radius: 2px;
        /* padding: 4px;  */
        /* border: 1px solid rgba(0, 0, 0, 0.15); */
        /*box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset;*/
        text-align: center;
    }
    
    .navbar-secondary .navbar-nav>li.button>a:hover {
        color: #0091FF;
    }
    
    .navbar-secondary .navbar-nav>li.button>a:active {
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07) inset;
    }
    
    /* .navbar-default .navbar-nav>li.button>a>i {
        font-size: 22px;
    } */
    
    .navbar-secondary .navbar-nav>li.button .bubble {
        position: absolute;
        top: 0px;
        left: 18px;
        background-color: #e44c34;
        color: #fff;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        border-color: #E23923 #D83722 #C0311E;
        border-left: 1px solid #D83722;
        border-width: 1px;
        box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.25);
        padding: 1px 3px 1px 2px;
        font: bold 9px Tahoma;
    }
    
    .navbar-secondary .navbar-nav>li.button.open:after {
        position: absolute;
        bottom: 0;
        left: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid white;
        border-left: 6px solid transparent;
        content: '';
        left: 50%;
        margin-left: -6px;
    }
    
    .navbar-secondary .navbar-nav>li>a:focus {
        background-color: #cccccc;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    
    .navbar-nav>li.button .dropdown-menu {
        padding: 0;
        min-width: 260px;
        max-width: 280px;
    }
    
    .navbar-nav>li.button .dropdown-menu .content>ul {
        padding: 0;
    }
    
    .navbar-secondary .navbar-nav>li.button .dropdown-menu li ul>li>a {
        font-weight: 300;
        color: #444;
        padding: 11px 10px;
        padding-left: 33px;
        border-bottom: 1px solid #ececec;
        position: relative;
    }
    
    .navbar-secondary .navbar-nav>li.button .messages li ul>li>a {
        padding: 12px 10px;
        padding-left: 48px;
        white-space: normal;
        line-height: 16px;
    }
    
    .navbar-secondary .navbar-nav>li.button .dropdown-menu li>a:hover {
        color: #444;
        background: #F8F8F8;
    }
    
    .navbar-secondary .navbar-nav>li.button .dropdown-menu li:last-child>a {
        border-bottom: 0;
    }
    
    .navbar-secondary .navbar-nav>li.button .dropdown-menu li>a>i {
        display: inline-block;
        font-size: 14px;
        text-align: center;
        width: 20px;
        vertical-align: middle;
        position: absolute;
        left: 10px;
        top: 14px;
    }

    .navbar-secondary .title {
        font-size: 18px;
        padding-top: 5px;
        padding-right: 30px;
        color: #4a4a4a;
        font-weight: 600;
    }
    
    .navbar-secondary .navbar-nav>li.button .messages li>a>img {
        position: absolute;
        left: 10px;
        top: 16px;
        height: 30px;
        width: 30px;
    }
    
    .navbar-secondary .navbar-nav>li.button .messages li>a .name {
        display: block;
        color: #555555;
        font-size: 12px;
        font-weight: 600;
        line-height: 19px;
    }
    
    .navbar-secondary .navbar-nav>li.button .dropdown-menu li>a>i.success {
        color: #60C060;
    }
    
    .navbar-secondary .navbar-nav>li.button .dropdown-menu li>a>i.info {
        color: #4D90FD;
    }
    
    .navbar-secondary .navbar-nav>li.button .dropdown-menu li>a>i.warning {
        color: #FC9700;
    }
    
    .navbar-secondary .navbar-nav>li.button .dropdown-menu li>a>i.danger {
        color: #DA4932;
    }
    
    .navbar-secondary .navbar-nav>li.button .dropdown-menu .nano {
        height: 200px;
    }
    
    .navbar-secondary .navbar-nav>li.button .dropdown-menu li a .date {
        display: block;
        font-size: 11px;
        color: #999999;
        font-style: italic;
        line-height: 18px;
    }
    
    .navbar-secondary .navbar-nav>li.button .dropdown-menu .title {
        font-size: 12px;
        font-weight: 300;
        border-bottom: 1px solid #DDDDDF;
        padding: 8px 17px;
        color: #444;
    }
    
    .navbar-secondary .navbar-nav>li.button .dropdown-menu .title a:hover {
        background: transparent;
    }
    
    .navbar-secondary .navbar-nav>li.button .dropdown-menu .foot {
        padding: 0;
    }
    
    .navbar-secondary .navbar-nav>li.button .dropdown-menu .foot>li {
        list-style: none;
    }
    
    .navbar-secondary .navbar-nav>li.button .dropdown-menu .foot a {
        background: #F7F7F7;
        padding: 8px 17px;
        color: #444;
        text-align: center;
    }
    /* end secondary menu */


    /*Dropdown Sub menu*/
    
    .dropdown-submenu {
        position: relative;
    }
    
    .dropdown-submenu>.dropdown-menu {
        top: 0px;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
    }
    
    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }
    
    .dropdown-submenu>a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }
    
    .dropdown-submenu:hover>a:after {
        border-left-color: #ffffff;
    }
    
    .dropdown-submenu.pull-left {
        float: none;
    }
    
    .dropdown-submenu.pull-left>.dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }
    
    .dropdown-menu>li>a:hover,
    .dropdown-menu>li>a:focus,
    .dropdown-submenu:hover>a,
    .dropdown-menu li>a:hover {
        background-image: none;
        background-color: #fff;
        color: #0091FF;
    }

    .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #0091FF;
        outline: 0;
    }
    
    .navbar-default .navbar-nav>li>.dropdown-menu {
        margin-top: 15px;
    }
    
    .navbar-default .navbar-nav>.dropdown>a .caret {
        border-bottom-color: #666666;
        border-top-color: #666666;
    }

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

    .subscription-notice {
        background-color: orange !important;
        color: #000;
    }
    
    .navbar-default .navbar-nav>.dropdown>a:hover .caret,
    .navbar-default .navbar-nav>.dropdown>a:focus .caret {
        border-bottom-color: #fff;
        border-top-color: #FFF;
    }
    
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-nav>.open>a:focus {
        background-color: #ffffff;
        color: #FFF;
    }
    
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>.open>a:focus {
        background-color: #ffffff;
        color: #0091ff;
    }
    
    .navbar-default 
    .navbar-nav>li>a.active,
    .navbar-nav>li>a:hover,
    .navbar-nav>li>a:focus {
        background-color: #cdcdd1 !important;
        border-radius: 0px;
        /* font-weight: 600; */
        /* border-bottom: 1px solid #0091ff; */
        /*chhai user color */
    }
    
    .navbar-default .navbar-toggle {
        outline: none;
        border: 0;
        box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
        padding: 6px 10px;
        margin-top: 0px;
        margin-right: 0;
    }
    
    .navbar-default .navbar-toggle:hover {
        background: rgba(255, 255, 255, 0.07);
    }
    
    
    .navbar-default .navbar-toggle:focus {
        background: transparent;
    }
    
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFFFFF;
    }
    
    .navbar-default .navbar-toggle .fa {
        color: #FFFFFF;
        font-size: 18px;
    }
    
    .navbar-collapse {
        max-height: none !important;
        position: relative;
    }
    
    .navbar-collapse2 {
        max-height: none !important;
        position: relative;
        margin-top: -7px;
    }
    
    body.modal-open,
    .modal-open .navbar-fixed-top,
    .modal-open .navbar-fixed-bottom {
        margin-right: 0;
    }
    /*Navbar Inverse*/
    
    .navbar.navbar-inverse {
        background-color: #272930;
    }
    
    .navbar-inverse .navbar-brand {
        color: #FFF;
    }
    
    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:hover,
    .navbar-inverse .navbar-nav>.active>a:focus {
        background-color: #1A1C20;
    }
    
    .navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:hover,
    .navbar-inverse .navbar-nav>.open>a:focus {
        background-color: #1A1C20;
    }
    
    .navbar-inverse .navbar-toggle {
        border-color: #32353E;
    }
    
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: #2c2e36;
    }
    
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #292A30;
    }

    .navbar-full {
        padding-left: 0;
    }
    
    @media (max-width: 767px) {
     
        .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
            height: 2px;
            background-color: #1A1C20;
            border-bottom: 1px solid #32353E;
        }
    }
    
    .caret {
        border-top-style: solid;
    }
    
    .dropdown-menu>li>a,
    .dropdown-menu li>a {
        font-size: 12px;
        padding: 5px 20px;
        clear: both;
        color: #333333;
        display: block;
        font-weight: normal;
        line-height: 1.42857;
        white-space: nowrap;
    }
    
    .dropdown-header {
        color: #0091FF;
        margin-top: 6px;
        padding-left: 11px;
        cursor: pointer;
    }
    
    .dropdown-header i {
        font-size: 14px;
        margin-right: 4px;
        vertical-align: middle;
    }
    
    .dropdown-menu {
        background-clip: none;
        box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.18);
    }
    
    ul.dropdown-menu li>a {
        border: 0;
        margin-right: 0 !important;
        border-radius: 0;
    }
    
    ul.dropdown-menu li>a.icon {
        width: 30px;
    }
    
    .col-menu-2 {
        min-width: 405px;
        padding-bottom: 10px;
        padding-top: 7px;
    }
    
    .col-menu-2>li:first-child ul {
        border-right: 1px solid #E8E8E8;
    }
    
    .col-menu-2>li>ul>li a {
        padding-left: 32px;
    }
    
    .col-menu-2>li>ul {
        padding: 0;
    }
    
    .col-menu-2>li>ul>li {
        list-style: none;
    }
    /*END - Dropdown menu*/
    /*Profile menu*/
    
    .profile_menu {
        cursor: pointer;
    }

    .profile_menu > a {
        background-color: transparent !important;
    }
    
    .profile_menu .dropdown-toggle {
        vertical-align: middle;
        height: 50px;
        padding: 0 !important;
    }
    
    .profile_menu .dropdown-toggle span {
        display: inline-block;
        margin-top: 4px;
        margin-right: 3px;
    }
    
    .profile_menu img {
        margin-right: 0px;
        border-radius: 25px;
        -webkit-border-radius: 25px;
    }
    
    .not-nav {
        margin: 0 !important;
    }
    
    .navbar-collapse.in .not-nav>li {
        float: none !important;
        display: inline-block;
        /* padding: 10px 5px; */
    }
    
    .user-nav {
        margin: 0;
        margin-right: -30px;
    }
    /*END - Profile menu*/
    /*Page Title*/
    
    .page-head {
        background: none repeat scroll 0 0 #FFFFFF;
        /*border-bottom: 1px solid #E9E9E9;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05);*/
        padding: 1px 0px;
        position: relative;
    }
    
    .page-head h2 {
        margin-bottom: 5px;
        margin-top: 6px;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
        font-weight: 300;
        letter-spacing: -1px;
    }
    
    .page-head .breadcrumb {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        margin-bottom: 0;
        padding: 4px;
    }
    
    .page-aside {
        background: none repeat scroll 0 0 #f4f5f4;
        width: 280px;
        height: 100%;
        position: relative;
        display: table-cell;
        border-right: 1px solid rgba(0,0,0,.125);
    }
    
    .page-aside>div {
        width: 280px;
    }
    
    .page-aside div.fixed {
        position: fixed;
        height: 100%;
        top: 33px;
    }
    
    .page-aside div.fixed-sub {
        position: fixed;
        height: 80%;
    }
    
    .page-aside div.content {
        padding: 20px 20px;
    }
    
    .page-aside,
    .page-aside>div {
        width: 229px;
    }
    .right-column {
        margin-left:225px;
    }

    .section-header {
        font-size: 18px;
        margin: 20px 0 0px 0;
        display: inline-block;
        width: 100%;
        padding-bottom: 5px;
        /* border-bottom: 1px solid #f6f7f9; */
    }

    #cl-wrapper2 {
        padding: 0 55px;
    }

    #cl-wrapper3 {
        padding: 30px;
    }

    .background-list {
        height: 120px;
    }

    @media (max-width: 768px) {

        .event-input-title {
            width: 100% !important;
        }

        .background-list {
            width: 100%;
            height: auto;
        }

        #cl-wrapper2 {
            padding: 0 10px;
        }
        .overflow-hidden {
            overflow: auto;
        }
        
        .page-aside {
            width: 100%;
            display: block;
            height: auto;
            position: relative;
        }

        .page-aside div.fixed {
            position: fixed;
            height: 100%;
            left: 0;
            top: 0;
            background-color: #f6f6f6;
        }

        .page-aside div.fixed,
        .page-aside>div {
            width: 100%;
            display: block;
            position: relative;
        }
        .page-aside div.fixed-sub,
        .page-aside>div {
            width: 100%;
            display: block;
            position: relative;
        }

        .right-column {
            margin-left: 0;
        }

        .btn-block-xs {
            width: 100%;
            text-align: center;
        }

        .mb-xs-5 {
            margin-bottom: 3px;
        }

        .profile_menu {
            margin-top: -43px;
        }
    }
    /*BODY*/
    
    .cl-calendar {
        /*background-color: #F6F6F6;*/
        color: inherit;
        /*font-size: 13px;
  font-weight: 200;*/
        line-height: 21px;
        padding: 0px 0px 0px 0px;
        margin-top: 0;
    }
    
    .cl-mcont {
        background-color: #F6F6F6;
        color: inherit;
        font-size: 13px;
        font-weight: 200;
        line-height: 21px;
        padding: 9px 15px 15px 26px;
        margin-right: 10px;
        margin-top: 0;
        border-radius: 3px;
        box-shadow: 0px 0px 9px 4px rgb(121 121 123 / 7%), 0 3px 6px 0 rgb(230 223 223 / 2%);
    }
    
    .cl-mcont.white {
        background: #fff;
    }
    
    .cl-mcont h1 {
        line-height: 1.3em;
    }
    
    #cl-wrapper .cl-body {
        display: table;
        width: 100%;
    }
    
    #cl-wrapper .cl-footer {
        padding: 20px 0;
        display: table;
        width: 100%;
        background-color: #22242a;
        color: #c9d4f6;
    }
    
    #cl-wrapper .cl-footer>.row {
        display: block;
        margin: 0;
    }
    /*Vertical Navigation*/
    
    .cl-sidebar {
        /* background: #4267b2; */
        position: absolute;
        z-index: 2;
    }
    
    .cl-sidebar .cl-navblock .search-field {
        text-align: right;
        padding: 7px 9px;
    }
    
    .cl-sidebar .cl-navblock .search-field #sidebar-collapse>i {
        color: #0091FF;
    }
    
    .cl-sidebar .cl-toggle {
        display: none;
        padding: 10px 0;
        text-align: center;
        cursor: pointer;
        margin-top: 48px;
        background-color: #ccc;
    }
    
    .cl-sidebar .cl-toggle i {
        font-size: 24px;
        color: #fff;
    }
    
    .cl-vnavigation {
        margin: 29px 0 0 0;
        padding: 0;
    }

    ul.cl-vnavigation {
        list-style-type: none;
    }
    
    .cl-vnavigation .parent a {
        background: url("../img/arrow.png") no-repeat scroll right 30px top 18px transparent;
    }

    .cl-vnavigation .open a {
        background: url("../img/arrow-up.png") no-repeat scroll right 30px top 18px transparent;
    }
    
    .cl-vnavigation li a {
        color: #ffffff;
    }
    
    .cl-vnavigation li {
        text-align: center;
    }
    
    
    .bottom-bits {
        text-align: left;
        margin-left: -10px;
        background-color: white;
    }
    /*Collapsed Sidebar*/
    
    .sb-collapsed .cl-sidebar {
        width: 60px;
        background-color: rgb(16, 21, 35);
    }
    
    .sb-collapsed #pcont {
        margin-left: 0;
    }
    
    .sb-collapsed .cl-vnavigation li {
        position: relative;
    }
    
   
    
    .sb-collapsed .cl-vnavigation .parent a {
        background-image: none;
    }
    
    .sb-collapsed .cl-vnavigation li a i {
        margin: 0;
    }
    .sb-collapsed .menu-space {
        width: 60px !important;
    }
    .sb-collapsed .cl-vnavigation>li>a>span {
        opacity: 1;
        display: none;
        font-size: 7px;
        text-align: center;
        text-transform: uppercase;
    }
    
    #cl-wrapper.animate-collapse .cl-sidebar {
        -webkit-transition: width 300ms linear;
        /* Chrome 1-25, Safari 3.2+ */
        -moz-transition: width 300ms linear;
        /* Firefox 4-15 */
        -o-transition: width 300ms linear;
        /* Opera 10.50�12.00 */
        transition: width 500ms linear;
    }
    
    #cl-wrapper.animate-collapse #pcont {
        transition: margin 500ms ease;
    }
    
    #cl-wrapper.animate-collapse .cl-vnavigation li a span {
        -webkit-transition: opacity 500ms linear;
        -moz-transition: opacity 500ms linear;
        -o-transition: opacity 500ms linear;
        transition: opacity 500ms linear;
    }
    
    #cl-wrapper.animate-collapse .cl-vnavigation li a i {
        -webkit-transition: margin 500ms linear, font-size 500ms linear;
        -moz-transition: margin 500ms linear, font-size 500ms linear;
        -o-transition: margin 500ms linear, font-size 500ms linear;
        transition: margin 500ms linear, font-size 500ms linear;
    }
    
    .cl-sidebar .collapse-button {
        /*background: #fff;*/
        position: fixed;
        width: 216px;
        bottom: 0;
        border-top: 0px solid #fff;
        font-size: 15px;
        /*text-align: left !important;*/
    }
    
    .cl-sidebar .collapse-button .search {
        width: 155px;
        /*display: inline-block;*/
        margin-right: 3px;
        border-radius: 2px;
        height: 33px;
        /* background: none repeat scroll 0 0 #13151D;*/
        font-size: 24px;
        color: #c0c0c0;
    }
    
    .cl-sidebar .collapse-button button {
        margin: 0 !important;
        background: transparent;
        box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) inset;
        border: 1px solid rgba(0, 0, 0, 0.25);
        border-radius: 2px;
    }
    
    .cl-sidebar .collapse-button button:hover {
        background: rgba(35, 47, 53, .09);
    }
    
    #cl-wrapper.fixed-menu .menu-space {
        position: fixed;
        width: 220px;
    }
    
    #cl-wrapper.fixed-menu .menu-space .content {
        outline: none;
    }
    
    
    #cl-wrapper .cl-sidebar .side-user {
        padding: 18px 10px;
    }
    
    #cl-wrapper .cl-sidebar .side-user .info {
        padding: 10px 5px 0;
        color: #c9d4f6;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    }
    
    #cl-wrapper .cl-sidebar .side-user .info p {
        font-size: 11px;
    }
    
    #cl-wrapper .cl-sidebar .side-user .info p a {
        display: inline-block;
        float: right;
    }
    
    #cl-wrapper .cl-sidebar .side-user .info .progress {
        margin-bottom: 15px;
        -webkit-border-radius: 1px;
        /* Android = 1.6, iOS 1-3.2, Safari 3-4 */
        border-radius: 1px;
        /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
        background-clip: padding-box;
        /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
        height: 6px;
    }
    
    .sb-collapsed .cl-sidebar .side-user {
        display: none;
    }
    
    #cl-wrapper .cl-sidebar .side-user .avatar {
        display: inline-block;
        margin-right: 3px;
    }
    
    #cl-wrapper .cl-sidebar .side-user .avatar img {
        border-radius: 25px;
        margin-right: 5px;
    }
    
    #cl-wrapper .cl-sidebar .side-user .info a {
        color: #FFF;
        font-size: 14px;
        font-weight: 300;
        display: block;
    }
    
    #cl-wrapper .cl-sidebar .side-user .info span {
        color: #DBDBDB;
        font-size: 11px;
    }
    
    #cl-wrapper.animate-collapse .cl-sidebar .collapse-button {
        -webkit-transition: width 300ms linear;
        /* Chrome 1-25, Safari 3.2+ */
        -moz-transition: width 300ms linear;
        /* Firefox 4-15 */
        -o-transition: width 300ms linear;
        /* Opera 10.50�12.00 */
        transition: width 500ms linear;
    }

    .kiosk-nav {
        display: inline-block;
        float: left;
    }
    
    .sb-collapsed .cl-sidebar .collapse-button .search {
        display: none;
    }
    
    .sb-collapsed .cl-sidebar .collapse-button {
        width: 55px;
    }
    
    .sb-collapsed .cl-vnavigation li.open ul {
        display: none !important;
    }
    
    #sub-menu-nav ul {
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.22);
        color: #3f3f46;
        background: #FFF;
        padding: 5px 0;
        min-width: 190px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-top: 0;
        border-radius: 3px;
    }
    
    #sub-menu-nav ul li:first-child {
        padding-top: 0;
    }
    
    #sub-menu-nav ul li:last-child {
        padding-bottom: 0;
    }
    
    #sub-menu-nav ul li.dropdown-header i {
        text-align: center;
        width: 15px;
    }
    
    #sub-menu-nav ul li.dropdown-header {
        padding: 1px 11px;
        padding-bottom: 6px;
    }
    
    #sub-menu-nav ul {
        padding: 5px 0;
    }
    
    #sub-menu-nav ul li {
        list-style: none;
    }
    
    #sub-menu-nav ul li a {
        margin-right: -1px;
        display: block;
        font-size: 12px;
        border-bottom: 0;
        color: #3f3f46;
        text-shadow: none;
        text-align: left;
        background: transparent;
        padding: 8px 10px 8px 10px;
    }
    
    #sub-menu-nav ul li a:hover {
        background-color: #f4f4f5;
    }
    
    .divider {
        height: 1px;
        border-bottom: 1px solid #e8e8e8;
    }

    /* #sub-menu-nav ul:after {
        background: url("../img/menu-tail-left.png") no-repeat right 10px;
        top: 0px;
        content: "";
        display: inline-block;
        left: -9px;
        height: 43px;
        width: 10px;
        position: absolute;
    } */
    /*End Collapsed*/
    
    .cl-vnavigation li a i {
        text-align: center;
        margin-right: 7px;
        width: 13px;
    }
    
    .cl-vnavigation li a span {
        display: inline-block;
        font-size: 14px; 
    }
    
    .cl-vnavigation li ul {
        display: none;
        margin: 0;
        padding: 0;
        padding-top: 4px;
    }

    .cl-vnavigation li {
        margin-top: 10px;
        color: #ffffff;
        line-height: 31px;
        font-size: 18px;
        border-radius: 5px;
        font-weight: 600;
        text-align: center;
        padding-top: 10px;
        width: 40px;
        display: block;
        height: 40px;
        padding: 5px 5px 2px 0px;
        margin-left: 10px;
    }
    
    .cl-vnavigation .parent a span {
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
    }

    .cl-vnavigation .parent ul li:last-child {
        margin-bottom: 13px;
    }
    
    .cl-vnavigation .parent ul li {
        list-style: none;
    }
    
    .cl-vnavigation .parent ul li.dropdown-header {
        display: none;
    }
    
    .cl-vnavigation .parent ul li a {
        background-image: none;
        padding: 4px 18px 7px 18px;
        overflow-x: hidden;
        /* background-color: #FAFAFA; */
    }

    .cl-vnavigation .parent ul.location-menu li a {
        padding-left: 42px;
    }
    
    .cl-vnavigation .parent ul li.active a {
        /* background-color: #fff;
        border-left: 1px solid #2494F2; */
    }
    
    .cl-vnavigation .parent ul li a:hover {
        /* background-color: #e8e8e8; */
    }
    
    .cl-vnavigation .parent ul.location-menu li:first-child a {
        padding-left: 18px;
    }

    

    
    .cl-vnavigation li:hover {
        /* background: #e8e8e8; */
        vertical-align: middle;
    }
    
    .cl-vnavigation li.active {
        color: #ffffff;
        border-radius: 5px;
        background: #00B4DB;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #0083B0, #00B4DB);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #0083B0, #00B4DB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

    .cl-vnavigation li.plain {
        margin: 3px 30px 3px 0;
        text-align: center;
        border-radius: 2px;
    }
    
    .cl-vnavigation .active>a {
         /* color: #3582E6; */
        /*border-left: 3px solid #0091FF;*/
        /* color: #fff; */
        /* font-weight: bold; */
    }
    
    .cl-vnavigation .selected:hover a {
        background-color: #fff;
    }
    
    .cl-vnavigation .selected:hover ul a {
        background-color: #fff;
    }


    
    body {
        height: 100%;
    }
    
    #cl-wrapper {
        display: table;
        /* min-width: 1024px; */
        /* position: absolute; */
        /* margin: 0 auto; */
        height: 100%;
    }
    
    .cl-sidebar {
        display: table-cell;
        position: relative;
        vertical-align: top;
        padding-bottom: 49px;
        width: 220px;
        /*padding-top: 50px;
        border-right: 1px solid #e0e0e0;*/
    }
    
    #pcont {
        /* display: table-cell; */
        vertical-align: top;
        margin-bottom: 30px;
    }

    #pcont-topnav {
        /* display: table-cell; */
        vertical-align: top;
        box-shadow: 0 7px 14px 0 rgba(60,66,87, .12), 0 3px 6px 0 rgba(0,0,0, .12);
        margin-bottom: 30px;
    }

    .right-col {
        border-left: 1px solid #efefef;
    }

    .left-col {
        padding-top: 15px;
    }
    .cl-mcont .row {
    }
    
    .cl-mcont .col-lg-6 {
        padding: 0 15px;
    }
    
    .cl-mcont .block {
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.13);
        border: 0;
        margin-bottom: 30px;
        background: #FFF;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    
    .block-flat,
    .block-wizard {
        padding: 10px 10px;
        background: #FFF;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        border-top: 1px solid #e2e2e2;
        border-left: 1px solid #efefef;
        border-right: 1px solid #efefef;
        border-bottom: 1px solid #e2e2e2;
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
    }
    
    .block-transparent {
        margin-bottom: 40px;
    }
    
    .block-transparent .header {
        padding: 0 5px;
        border-bottom: 1px solid #E1E1E1;
        margin-bottom: 15px;
    }
    
    .block-transparent .header h4 {
        font-weight: 400;
    }
    
    .block-transparent .header h4 .fa {
        font-size: 14px;
    }
    /*Forms*/
    
    label {
        font-weight: 100;
        margin-bottom: 7px;
        margin-top: 15px;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
        color: #3f3f46;
        font-weight: 600;
    }

    .beta {
        color: orange;
    }
    
    .form-group {
        margin-top: 10px;
    }
    
    .form-horizontal.group-border .form-group {
        margin: 0;
        padding: 20px 0;
        border-bottom: 1px solid #efefef;
    }
    
    .form-horizontal.group-border .form-group:last-child {
        border-bottom: 0;
    }
    
    .form-horizontal.group-border-dashed .form-group {
        margin: 0;
        padding: 20px 0;
        border-bottom: 1px dashed #efefef;
    }
    
    .form-horizontal.group-border-dashed .form-group:last-child {
        border-bottom: 0;
    }
    
    .form-control {
        padding: 6px 8px;
        font-size: 15px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;*/
        box-shadow: none;
        border: 1px solid #a5a5a5;
        border-radius: 2px;
        /* height: 38px;  */
    }

    .event-head {
        padding: 30px 0;
    }
    .event-input-title {
        font-size: 20px;
        width: 50%;

    }

    .event-input-disable-title {
        font-size: 20px;
        width: 100%;
        font-weight: 600;
    }

    .input-no-border {
        border: 0;
    }
    .event-input-title::placeholder {
        color: #cccccc;
    }
    .event-input-title:focus,
    .event-input-title:hover {
        /* border: 1px solid #cccccc; */
        color: #555;
    }
    
    .input-group .btn {
        margin: 0 !important;
        margin-left: -1px !important;
        padding-bottom: 6px;
        padding-top: 4px;
        box-shadow: none;
        line-height: 22px;
    }
    
    .input-group-btn>.btn+.btn {
        margin-left: -5px !important;
    }
    
    .input-group-lg>.input-group-addon {
        line-height: 0.33;
        border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
    }
    
    .input-group-addon {
        border-radius: 2px;
        -webkit-border-radius: 2px;
        padding: 6px 11px;
    }
    
    .form-control:focus {
        border-color: #2598f9;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    }
    
    select.form-control,
    textarea.form-control {
        padding: 6px 8px;
    }
    
    textarea.small {
        width: 200px;
    }
    
    textarea.medium {
        width: 500px;
    }
    
    textarea.large {
        width: 100%;
    }
    
    .input-group {
        margin-bottom: 7px;
    }
    /*Crhome Voice Recognition*/
    
    .speechbutton {
        /*display:none;*/
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        border: 0;
        background: transparent;
        opacity: 0;
        cursor: pointer;
    }
    
    .speech-button i:before {
        position: relative;
        z-index: 2;
    }
    
    .speech-button i:after {
        z-index: 1;
        font-family: 'FontAwesome';
        content: "?";
        font-size: 14px;
        color: #fff;
        position: absolute;
        left: 0;
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
    
    @keyframes blur {
        from {
            font-size: 14px;
            opacity: 1;
            margin-top: 0;
        }
        to {
            font-size: 25px;
            opacity: 0;
            margin-top: -6px;
        }
    }
    
    @-webkit-keyframes blur {
        0% {
            font-size: 14px;
            opacity: 1;
            margin-top: 0;
        }
        90% {
            font-size: 25px;
            opacity: 0;
            margin-top: -6px;
        }
        100% {
            font-size: 14px;
        }
    }
    
    @-moz-keyframes blur {
        from {
            font-size: 14px;
            opacity: 1;
            margin-top: 0;
        }
        to {
            font-size: 25px;
            opacity: 0;
            margin-top: -6px;
        }
    }
    
    @-o-keyframes blur {
        from {
            font-size: 14px;
            opacity: 1;
            margin-top: 0;
        }
        to {
            font-size: 25px;
            opacity: 0;
            margin-top: -6px;
        }
    }
    
    .speech-button i.blur:after {
        animation: blur 900ms infinite;
        -webkit-animation: blur 900ms ease infinite;
        -moz-animation: blur 900ms infinite;
        -o-animation: blur 900ms infinite;
    }
    
    input::-webkit-input-speech-button {
        -webkit-transform: scale(3, 2.2) translate(-2px, -1px);
        background-color: #fff;
        display: block !important;
    }
    /*PAGES*/
    /*Login*/
    
    #cl-wrapper.login-container,
    #cl-wrapper.error-container {
        margin: 0;
    }
    
    .login-container .middle-login {
        width: 430px;
        left: 50%;
        top: 50%;
        position: absolute;
        margin-top: -170px;
        margin-left: -215px;
        z-index: 5;
    }
    
    .login-container .block-flat {
        padding: 0;
        border: 0;
        overflow: hidden;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
        margin-bottom: 20px;
    }
    
    .login-container .block-flat .header {
        padding: 9px 20px;
        background: #2494F2;
        border-bottom: 1px solid #2082D5;
    }
    
    .login-container .block-flat .header h3 {
        line-height: 35px;
        margin: 0;
        color: #FFF;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    }
    
    .login-container .header .logo-img {
        margin-right: 3px;
    }
    
    .login-container .block-flat .content {
        padding: 30px;
        padding-bottom: 5px;
    }
    
    .login-container .block-flat .content .form-control {
        padding: 10px 8px;
        height: auto;
    }
    
    .login-container .block-flat .content .form-group {
        margin-bottom: 10px;
    }
    
    .login-container .block-flat .content .title {
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    .login-container .block-flat .foot {
        text-align: right;
        padding: 0 30px 15px;
    }
    
    .login-container .block-flat .foot .btn {
        min-width: 70px;
    }
    
    .login-container .block-flat .input-group-addon {
        background: #FAFAFA;
    }
    
    .login-container .out-links {
        padding-right: 3px;
    }
    
    .login-container .out-links a {
        color: #C9D4F6;
    }
    /*Login*/
    
    #cl-wrapper.sign-up-container,
    #cl-wrapper.error-container {
        margin: 0;
    }
    
    .sign-up-container .middle-sign-up {
        width: 470px;
        left: 50%;
        top: 50%;
        position: absolute;
        margin-top: -282px;
        margin-left: -235px;
    }
    
    .forgotpassword-container .middle {
        width: 470px;
        margin: 20px auto 0 auto;
    }
    
    .sign-up-container .block-flat,
    .forgotpassword-container .block-flat {
        padding: 0;
        border: 0;
        overflow: hidden;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
        margin-bottom: 20px;
    }
    
    .sign-up-container .block-flat .header,
    .forgotpassword-container .block-flat .header {
        padding: 9px 20px;
        background: #2494f2;
        border-bottom: 1px solid #2494f2;
    }
    
    .sign-up-container .block-flat .header h3,
    .forgotpassword-container .block-flat .header h3 {
        line-height: 35px;
        margin: 0;
        color: #FFF;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
        position: relative;
        min-height: 40px;
    }
    
    .sign-up-container .block-flat .content,
    .forgotpassword-container .block-flat .content {
        padding: 30px;
        padding-bottom: 20px;
    }
    
    .sign-up-container .block-flat .content .form-control,
    .forgotpassword-container .block-flat .content .form-control {
        padding: 10px 8px;
        height: auto;
    }
    
    .sign-up-container .block-flat .content .form-group {
        margin-bottom: 10px;
    }
    
    .sign-up-container .block-flat .content .title {
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    .sign-up-container .block-flat .foot,
    .forgotpassword-container .block-flat .foot {
        text-align: right;
        padding: 0 30px 15px;
    }
    
    .sign-up-container .block-flat .foot .btn,
    .forgotpassword-container .block-flat .foot .btn {
        min-width: 70px;
    }
    
    .sign-up-container .block-flat .input-group-addon,
    .forgotpassword-container .block-flat .input-group-addon {
        background: #FAFAFA;
    }
    
    .sign-up-container .out-links,
    .forgotpassword-container .out-links {
        padding-right: 3px;
    }
    
    .sign-up-container .out-links a,
    .forgotpassword-container .out-links a {
        color: #C9D4F6;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    }
    
    @media (max-width: 767px) {
        .sign-up-container .middle-sign-up {
            width: 100%;
            position: static;
            margin: 0;
        }
        .forgotpassword-container .middle {
            width: 100%;
        }
        .forgotpassword-container {
            padding: 20px;
        }
        .sign-up-container .middle-sign-up .block-flat {
            border-radius: 0;
        }
    }
    /*404 Page*/
    
    .page-error {
        margin-top: 80px;
        margin-bottom: 40px;
    }
    
    .page-error .number {
        color: #FFF;
        font-size: 100px;
        font-family: Arial;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
    }
    
    .page-error .description {
        color: #7D8A9A;
        font-size: 30px;
    }
    
    .page-error h3 {
        color: #FFF;
    }
    
    .error-container .copy,
    .error-container .copy a {
        color: #fff;
    }
    
    body.texture {
        background: url("../img/gallery/img4.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    body.blue {
        background: url("../img/bg_head@2x.jpg");
    }
    
    body.white {
        background-size: cover top center;
        background-repeat: no-repeat;
        background-color: #ffffff;
    }
    
    .gallery-cont .item {
        width: 32.5%;
        margin-bottom: 20px;
        padding-right: 11px;
        padding-left: 11px;
    }
    
    .gallery-cont .item.w2 {
        width: 50%;
    }
    
    .gallery-cont .photo {
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.13);
    }
    
    .gallery-cont .img {
        position: relative;
    }
    
    .gallery-cont .img .over .func {
        margin-top: -80px;
        position: relative;
        top: 50%;
        text-align: center;
        transition: margin-top 200ms ease-in-out;
        margin-left: 0; 
    }
    
    .gallery-cont .img .over .func a {
        display: inline-block;
        height: 50px;
        margin-right: 2px;
        width: 50px;
        margin-right: 10px;
        background: #ccc;
        border-radius: 50%;
    }

    /* .delImg {
        margin-top: 62px;
    } */
    
    .gallery-cont .img .over .func a:hover {
        background: #d43f3a;
    }
    
    .gallery-cont .img .over .func i {
        font-size: 20px;
        color: #FFF;
        line-height: 2.4;
    }
    
    .gallery-cont .item .img:hover .over {
        opacity: 1;
    }
    
    .gallery-cont .item .img:hover .over .func {
        margin-top: -25px;
    }
    
    .gallery-cont .item .head {
        padding: 10px 10px;
        background: #fff;
        border-bottom: 1px solid #f4f4f4;
    }
    
    .gallery-cont .item .head h4 {
        margin: 0;
        font-size: 17px;
    }
    
    .gallery-cont .item .head span {
        color: #BDBDBD;
        font-size: 14px;
    }
    
    .gallery-cont .item .head span.active {
        color: #38a8ff;
    }
    
    .gallery-cont .item .head .desc {
        color: #999;
        font-size: 12px;
    }
    
    .gallery-cont .item img {
        width: 100%;
    }
    /*Photo Hover*/
    
    .gallery-cont .item .over {
        top: 0;
        opacity: 0;
        position: absolute;
        height: 100%;
        width: 100%;
        background: rgba(36, 148, 242, 0.8);
        transition: opacity 300ms ease;
        -webkit-transition: opacity 300ms ease;
    }
    
    @media (max-width: 768px) {
        .gallery-cont .item {
            width: 50%;
        }
        .gallery-cont .item.w2 {
            width: 100%;
        }
    }
    
    .email .page-title,
    .app .page-title {
        font-size: 24px;
        margin-bottom: 0;
        margin-left: 20px;
        /* margin-top: 10px; */
    }
    
    .email .description,
    .app .description {
        color: #888;
    }


    
    .page-aside.email .header,
    .page-aside.app .header {
        padding: 30px 0 20px 0px;
    }
    
    .page-aside.email .content {
        padding: 0;
        padding-bottom: 50px;
    }
    
    .page-aside.email .compose {
        margin-top: 10px;
        font-size: 14px;
        font-weight: 300;
        text-transform: uppercase;
        text-align: center;
        padding: 20px 25px;
    }
    
    .page-aside.email .compose .btn {
        background: #58BE89;
        width: 100%;
        border: 0;
        border-radius: 3px !important;
        max-width: 180px;
    }
    
    .page-aside.email .mail-nav,
    .page-aside.app .app-nav {
        display: block;
        visibility: visible;
        margin-top: 13px;
        padding: 0;
        padding-bottom: 40px;
        padding-left: 10px;
    }
    
    .page-aside.email .navbar-toggle,
    .page-aside.app .navbar-toggle {
        background: rgba(0, 0, 0, 0.015);
    }
    
    .page-aside.email .navbar-toggle span,
    .page-aside.app .navbar-toggle span {
        font-size: 14px;
    }
    
    .page-aside.email .mail-nav ul li,
    .page-aside.app .app-nav ul.nav li {
        margin: 0;
        /* padding: 2px 0; */
    }
    
    .page-aside.email .mail-nav ul li a,
    .page-aside.app .app-nav ul.nav li a {
        border-radius: 0;
        color: #444;
        font-size: 13px;
        /*padding: 12px 15px;*/
        font-weight: 200;
        /* color: #a5a5a5; */
    }
    
    .page-aside.email .mail-nav ul li a:hover,
    .page-aside.app .app-nav ul.nav li a:hover {
        color: #0091FF;
    }
    
    .page-aside.email .mail-nav ul li.active a,
    .page-aside.app .app-nav ul.nav li.active a {
        color: #0091FF;
        background: transparent;
        border-radius: 2px;
    }
    
    .page-aside.email .mail-nav ul li a .label,
    .page-aside.app .app-nav ul.nav li a .label {
        border-radius: 2px;
    }
    
    .page-aside.email .mail-nav ul li a .label.label-default,
    .page-aside.app .app-nav ul.nav li a .label.label-default {
        background: #b5b5b5;
    }
    
    .page-aside.email .mail-nav ul li a .label.label1,
    .page-aside.app .app-nav ul li a .label.label1 {
        background: #19B698;
    }
    
    .page-aside.email .mail-nav ul li a .label.label2,
    .page-aside.app .app-nav ul li a .label.label2 {
        background: #E85647;
    }
    
    .page-aside.email .mail-nav ul li a .label.label3,
    .page-aside.app .app-nav ul li a .label.label3 {
        background: #F4A425;
    }
    
    .page-aside.email .mail-nav ul li a i,
    .page-aside.app .app-nav ul.nav li a i {
        font-size: 14px;
        width: 24px;
        text-align: center;
    }
    
    .page-aside.email .mail-nav .title,
    .page-aside.app .app-nav .title {
        color: #888;
        margin: 5px 0 0 0;
        padding: 8px 13px 4px;
        border-bottom: 1px solid #E5E5E5;
    }
    /*inbox*/
    
    .mail-inbox .head,
    .main-app .head {
        background: #FFF;
        padding: 20px 25px;
    }
    
    .mail-inbox .head h3,
    .main-app .head h3 {
        margin: 9px 0 15px 0;
    }
    
    .mail-inbox .head h3 span,
    .main-app .head h3 span {
        color: #888;
        font-weight: 300;
        font-size: 16px;
    }
    
    .mail-inbox .head input[type="text"],
    .main-app .head input[type="text"] {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.01) inset;
        border: 1px solid #D8D8D8;
        border-radius: 3px;
    }
    
    .mail-inbox .head input[type="text"]:focus,
    .main-app .head input[type="text"]:focus {
        border-color: #43b6ff;
    }
    
    .mail-inbox .filters,
    .main-app .filters {
        padding: 9px 20px 10px 20px;
        border-bottom: 1px solid #E5E5E5;
    }
    
    .mail-inbox .filters .checkbox,
    .main-app .filters .checkbox {
        margin-right: 8px;
    }

    .mail-inbox .mails {
        padding: 30px;
    }
    
    .mail-inbox .mails,
    .main-app .items {
        background: #FFF;
    }
    
    .mail-inbox .mails .item,
    .main-app .items .item {
        border-bottom: 1px solid #E5E5E5;
        padding: 17px 20px;
        display: table;
        width: 100%;
        cursor: pointer;
    }
    
    .mail-inbox .mails .item:nth-child(even),
    .main-app .items .item:nth-child(even) {
        background: rgba(0, 0, 0, 0.015);
    }
    
    .mail-inbox .mails .item:hover,
    .main-app .items .item:hover {
        background: rgba(0, 0, 0, 0.035);
    }
    
    .mail-inbox .mails .item>div,
    .main-app .items .item>div {
        vertical-align: top;
        display: table-cell;
    }
    
    .mail-inbox .mails .item>div:first-child,
    .main-app .items .item>div:first-child {
        width: 35px;
    }
    
    .mail-inbox .mails .item>div:first-child>div,
    .main-app .items .item>div:first-child>div {
        margin-top: 2px;
    }
    
    .mail-inbox .checkbox,
    .main-app .checkbox {
        background-color: #FFF;
    }
    
    .mail-inbox .mails .item .from,
    .main-app .items .item .from {
        font-weight: 600;
        font-size: 13px;
        margin: 0 0 3px 0;
    }
    
    .mail-inbox .mails .item .date i,
    .main-app .items .item .date i {
        margin-right: 7px;
        font-size: 14px;
    }
    
    .mail-inbox .mails .item .msg,
    .main-app .items .item .msg {
        font-size: 12px;
        margin: 0;
    }
    /*Message*/

    .message .header {
        /* padding: 15px 20px 4px 25px; */
        margin-right: -15px;
        margin-left: -15px;
        
    }
    
    .message .head {
        padding: 30px;
    }

    .message span.head-text {
       margin-left: 52px;
       margin-top: -20px;
       display: block;
    }
    .message .foot {
        border-top: 1px solid #ccc;
        padding: 20px 15px 30px 0;
    }

    /* chhai custom */
    
    .mail-inbox .head h2 {
        margin: 13px 0 11px 0;
        font-size: 24px;
        position: relative;
        color: #3f3f46;
        font-weight: 400;
    }
    
    .mail-inbox .head h2 span {
        font-weight: 300;
        font-size: 18px;
        float: right;
        
    }
    
    .mail-inbox .head h2 span a {
        color: #888;
        margin-right: 15px;
    }
    
    .mail-inbox .head div {
        font-weight: 300;
        font-size: 24px;
        float: right;
        margin-top: -41px;
    }
    
    .mail-inbox .head div a {
        margin-right: 3px;
    }
    
    .mail-inbox .head p {
        color: #929292;
    }
    
    .mail-inbox .head-pub {
        color: #666666;
    }
    
    .mail-inbox .head-nav h2 {
        margin: 13px 0 11px 0;
        font-size: 24px;
        padding-bottom: 7px;
    }

    .mail-inbox .head-nav {
        padding: 20px 15px 0 20px;
    }

    .mail-inbox .head-nav h2 {
        font-size: 18px;
        color: #3f3f46;
        font-weight: 600;
        margin: 1.5rem 0 1rem 12px;
        /* border-bottom: 1px solid #c0c0c0; */
    }
    .mail-inbox .head-nav div {
        font-weight: 300;
        font-size: 24px;
        border-bottom: 1px solid #cdcdd1;
        margin-top: 27px;
        /* float: right; */
        /* margin-top: -46px; */
        /* margin-right: 25px; */
    }

    .mail-inbox .head-nav span {
        font-weight: 300;
        font-size: 24px;
        float: right;
        margin-top: -40px; 
        margin-right: 15px;
    }

    .mail-inbox .head-nav p {
       margin-left: 13px;
    }

    .mail-inbox .head-nav div ul {
        margin-top: 1px;
    }

    .mail-inbox .head-nav div ul li > a{
        background-color: #ffffff;
        color: #4a4a4a;
        border: 0px solid #c0c0c0;
    }

    .mail-inbox .head-nav div ul li.active>a {
        border-bottom: 0;
        background-color: #ffffff;
        color: #000000;
        font-weight: 700;
        border-bottom: 1px solid #000000;
    }


    
    .message .header {
        /* padding: 15px 20px 4px 25px; */
        margin-right: -15px;
        margin-left: -15px;
        
    }
    
    .message .head {
        padding: 25px;
    }

    .message span.head-text {
       margin-left: 52px;
       margin-top: -20px;
       display: block;
    }
    .message .foot {
        border-top: 1px solid #ccc;
        padding: 20px 20px 30px 30px;
    }

    /* chhai custom */
    
    .message .head h2 {
        margin: 13px 0 11px 0;
        font-size: 18px;
        position: relative;
        color: #3f3f46;
        font-weight: 600;
    }
    
    .message .head h2 span {
        font-weight: 300;
        font-size: 18px;
        float: right;
        
    }
    
    .message .head h2 span a {
        color: #888;
        margin-right: 15px;
    }
    
    .message .head div {
        font-weight: 300;
        font-size: 24px;
        float: right;
        margin-top: -41px;
    }
    
    .message .head div a {
        margin-right: 3px;
    }
    
    .message .head p {
        color: #929292;
    }
    
    .message .head-pub {
        color: #666666;
    }
    
    .message .head-nav h2 {
        margin: 13px 0 11px 0;
        font-size: 24px;
        padding-bottom: 7px;
    }

    .message .head-nav {
        padding: 20px 15px 0 20px;
    }

    .message .head-nav h2 {
        font-size: 18px;
        color: #3f3f46;
        font-weight: 600;
        margin: 1.5rem 0 1rem 12px;
        /* border-bottom: 1px solid #c0c0c0; */
    }
    .message .head-nav div {
        font-weight: 300;
        font-size: 24px;
        border-bottom: 1px solid #cdcdd1;
        margin-top: 27px;
        /* float: right; */
        /* margin-top: -46px; */
        /* margin-right: 25px; */
    }

    .message .head-nav div ul {
        margin-top: 1px;
    }

    .message .head-nav div ul li > a{
        background-color: #ffffff;
        color: #4a4a4a;
        border: 0px solid #c0c0c0;
    }

    .message .head-nav div ul li.active>a {
        border-bottom: 0;
        background-color: #ffffff;
        color: #000000;
        font-weight: 700;
        border-bottom: 1px solid #000000;
    }

    /* calendar header */
    
    .calendar-head {
        border-bottom: 1px solid #E5E5E5;
        /*margin-bottom: 15px;*/
        padding: 6px 20px 4px 0px;
        margin-left: 26px;
    }
    
    .calendar-head h2 {
        margin-top: 13px;
        font-size: 24px;
    }
    
    .calendar-head h2 span {
        margin-top: -7px;
        font-size: 13px;
        float: right;
    }
    
    .calendar-head h3 {
        margin-top: 13px;
    }
    
    .calendar-head h3 span {
        margin-top: -7px;
        font-size: 13px;
        float: right;
    }
    
    .calendar-head div {
        margin-top: -47px;
        font-size: 13px;
        float: right;
        display: block;
    }
    /* chhai custom */

   
    
    .message .head-pub h2 {
        margin: 9px 0 15px 0;
    }
    
    .message .head-pub h2 span {
        font-weight: 300;
        font-size: 24px;
        float: right;
    }
    
    .message .head-pub h2 span a {
        color: #888;
        margin-right: 15px;
    }
    
    .message .head-pub h3 {
        font-size: 16px;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 12px;
    }
    
    .message .head-pub h3 span a {
        font-size: 16px;
        padding: 10px;
    }
    /* public and company page */
    
    .public-name {
        font-size: 20px;
        text-align: left;
        word-wrap: break-word;
        white-space: initial;
        display: inline-block;
    }
    
    .public-header {
        background-color: #a5a5a5;
        height: 30px;
        margin-left: -25px;
        margin-right: -40px;
        line-height: 30px;
        font-weight: 300;
        font-size: 15px;
    }
    
    .back-button {
        width: 20px;
        height: 20px;
        position: fixed;
        margin-top: 15px;
        margin-left: -6px;
    }

    .dash-back-btn {
        color: #71717a;
        font-size: 20px;
        cursor: pointer;
        margin-left: 5px;
    }
    /* end public and company page */
    .message {
        background-color: #ffffff;
    }
    
    .message .general {
        padding: 20px 20px 30px 0;
        margin-left: 15px;
        overflow-y: auto;
        background-color: #fff;
    }
    
    .message .table-overflow {
        background: #FFF;
        border-top: 1px solid #E5E5E5;
        padding: 30 20px 30px 0;
        margin-left: 25px;
        overflow-y: auto;
    }
    
    .message .thin {
        background: #FFF;
        padding: 3px 0px 30px 0;
        margin-left: 25px;
    }
    /* end chhai */
    
    .message .head h3 {
        margin: 0px 0 9px 0;
    }
    
    .message .head h3 span {
        font-weight: 300;
        font-size: 20px;
        float: right;
    }
    
    .message .head h3 span a {
        color: #888;
        margin-right: 15px;
    }
    
    .message .head h4 {
        color: #a5a5a5;
        font-size: 15px;
    }
    
    .message .head h4 span {
        font-weight: 100;
        font-size: 15px;
        float: right;
    }
    
    .message .head h4 span a {
        color: #FEA200;
        margin-right: 10px;
    }
    
    .message .mail {
        background: #FFF;
        border: 0px solid #E5E5E5;
        padding: 30px;
        width: 100%;
        /* margin-right: 25px; */
        overflow-y: auto;
        border-radius: 2px;
        position: flex;
        /*font-size: 26px;*/
    }
    
    .message .mail p {
        font-size: 15px;
        font-weight: 100;
    }

   
    
    .message .mails .item {
        border-bottom: 1px solid #E5E5E5;
        padding: 17px 20px;
        display: table;
        width: 100%;
        cursor: pointer;
    }
    
    .message .mails .item:nth-child(even) {
        background: rgba(0, 0, 0, 0.015);
    }
    
    .message .mails .item:hover {
        background: rgba(0, 0, 0, 0.035);
    }
    
    .message .mails .selected {
        background: rgba(0, 0, 0, 0.035);
    }
    
    .message .mails .item>div {
        vertical-align: top;
        display: table-cell;
    }
    
    .message .mails .item>div:first-child {
        width: 35px;
    }
    
    .message .mails .item>div:first-child>div {
        margin-top: 2px;
    }
    
    .message .notifications {
        padding-left: 25px;
        padding-right: 25px;
        overflow-y: scroll;
    }
    
    .message .notifications .item {
        border-bottom: 1px solid #E5E5E5;
        padding: 8px 0 8px 0;
        display: table;
        width: 100%;
    }

    .message .notifications .item:last-child {
        border-bottom: 0px solid #E5E5E5;
    }
    
    .message .notifications .item img {
        width: 60px;
        height: 60px;
        border-radius: 30px;
    }
    
    .message .notifications .selected {
        background: rgba(0, 0, 0, 0.035);
    }
    
    .message .notifications .item>div {
        vertical-align: top;
        display: table-cell;
        padding-left: 5px;
    }
    
    .message .notifications .item>div:first-child {
        width: 35px;
    }
    
    .message .notifications .item>div:first-child>div {
        margin-top: 2px;
    }
    
    .message .checkbox {
        background-color: transparent;
    }
    
    .message .mails .item .from {
        font-weight: 600;
        font-size: 13px;
        margin: 0 0 3px 0;
    }
    
    .message .mails .item .date i {
        margin-right: 7px;
        font-size: 14px;
    }
    
    .message .mails .item .msg {
        font-size: 12px;
        margin: 0;
    }
    
    .message .head .subject input {
        font-weight: 300;
        font-size: 25px;
        height: auto;
        padding: 10px 0;
        border: 0;
        width: 100%;
    }
    
    .message .to,
    .message .cc {
        overflow: hidden;
        border-top: 1px solid #E5E5E5;
        padding: 10px 25px 15px;
        background: #FFF;
    }
    
    .message .to {
        padding-bottom: 0;
    }
    
    .message .cc {
        padding-top: 2px;
        padding-bottom: 20px;
        border-top-width: 0;
    }

    .message .to .form-group>.control-label {
        width: 45px;
        padding-top: 10px;
        padding-left: 5px;
    }
    
    .message .to .select2-container-multi .select2-choices {
        border-color: #D8D8D8;
    }
    
    .message .to .select2-container-multi.select2-container-active .select2-choices {
        border-color: #5897FB;
    }


    
    @media (max-width: 768px) {
        .page-aside.email .mail-nav,
        .page-aside.app .app-nav {
            margin-top: 0;
            padding: 0;
            width: 100%;
            border-bottom: 1px solid #E5E5E5;
        }
        .page-aside.email .mail-nav .compose,
        .page-aside.app .app-nav .compose {
            border-top: 1px solid #E5E5E5;
            background: #FCFCFC;
        }
        .page-aside.email div.content,
        .page-aside.app div.content {
            border-bottom: 1px solid #E5E5E5;
        }
        .page-aside.email .mail-nav.collapse,
        .page-aside.app .app-nav.collapse {
            display: none;
        }
        .page-aside.email .mail-nav.collapse.in,
        .page-aside.app .app-nav.collapse.in {
            display: block;
        }
        .page-aside.email .nano .content {
            position: static;
            padding: 0;
            overflow: visible;
        }
        .message .mail {
            border-top: 0;
            padding: 0;
        }

        .btn-kiosk > span {
            display: none;
        }
      

        
    }

    /* @media (max-width: 1024px) {
        .message .mail {
            margin-left: 45px;
        }
    } */
    
    .profile-info>.row {
        margin-top: 0;
    }
    
    .profile-info .avatar {
        padding-top: 11px;
    }
    
    .profile-info .avatar img {
        max-width: 130px;
        max-height: 130px;
        width: 100%;
        height: 100%;
        border-radius: 5px;
    }
    
    .profile-info .personal .btn {
        padding-right: 12px;
        border: 0;
        margin: 0;
    }
    
    .profile-info .personal .btn .fa {
        margin-right: 5px;
    }
    
    .profile-info .skills td {
        font-size: 13px;
    }
    
    .profile-info .skills .progress {
        border-radius: 2px;
        height: 11px;
    }
    
    .spk-widget {
        margin-top: 15px;
    }
    
    .side-right {
        margin-top: 39px;
    }
    
    .bars-widget h4 {
        margin-bottom: 0;
    }
    
    .bars-widget h3 {
        margin: 0;
    }
    
    table.information td {
        font-size: 13px;
        vertical-align: top;
        padding: 6px;
    }
    
    table.information td i {
        width: 15px;
        font-size: 14px;
    }
    
    .fa-mobile-phone {
        font-size: 18px !important;
    }
    
    table.information td.category {
        padding-top: 8px;
    }
    
    table.information>tbody>tr>td {
        padding-bottom: 30px;
    }
    
    .friend-widget {
        cursor: default;
        overflow: hidden;
        margin-bottom: 20px;
        border-radius: 5px;
        padding: 10px;
        transition: background-color 300ms ease-in-out;
        -webkit-transition: background-color 300ms ease-in-out;
    }
    
    .friend-widget img {
        float: left;
        margin-right: 10px;
        border: 3px solid #F2F2F2;
        max-width: 50px;
        max-height: 50px;
        width: 100%;
        border-radius: 50%;
        transition: border-color 300ms ease-in-out;
        -webkit-transition: border-color 300ms ease-in-out;
    }
    
    .friend-widget:hover {
        background: #f2f2f2;
    }
    
    .friend-widget:hover img {
        border-color: #4D90FD;
    }
    
    .friend-widget h4 {
        font-size: 15px;
        margin: 3px 0 0 0;
    }
    
    .friend-widget p {
        color: #999;
        margin: 0;
    }
    
    .friends-list>div {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .widget-title {
        border-bottom: 1px solid #CCCCCC;
        padding-bottom: 15px;
    }
    
    .avatar-upload {
        position: relative;
        display: inline-block;
        overflow: hidden;
    }
    
    .avatar-upload img {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }
    
    .avatar-upload input {
        cursor: pointer;
        direction: ltr;
        font-size: 200px;
        margin: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        outline: 0;
    }
    
    .avatar-upload .overlay {
        background: #4D90FD;
        height: 3px;
        display: none;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: opacity 300ms ease 0s;
        width: 0%;
        vertical-align: middle;
    }
    
    .crop-image img {
        max-width: 480px;
        max-height: 380px;
        box-shadow: 0 0 0 4px #e9e9e9;
    }
    
    .jcrop-holder {
        display: inline-block;
    }
    
    @media (max-width: 768px) {
        table.information .btn span {
            display: none;
        }
        .profile-info .personal,
        .profile-info .avatar {
            text-align: center;
        }
        .profile-info .avatar {
            margin-bottom: 10px;
        }
    }
    
    .main-app .options {
        padding: 20px 0 5px 0;
    }
    
    .main-app .options .radio-inline:first-child {
        padding-left: 0;
    }
    
    .main-app .options .radio-inline {
        margin: 0;
    }
    
    .main-app .options .form-group {
        margin: 0;
    }
    
    .main-app .items.products .item .price {
        font-size: 22px;
        font-weight: 300;
    }
    
    .main-app .items.products .item .product-image {
        float: left;
        margin-right: 10px;
    }
    
    .app.filters .app-nav .form-group {
        margin-bottom: 35px;
    }
    
    .app.filters .app-nav .content {
        padding-top: 0;
    }
    
    .code-editor {
        height: 100%;
    }
    
    .code-editor #console {
        height: 100%;
    }
    
    .code-editor #console .CodeMirror {
        height: 100%;
    }
    
    .codeditor .page-title {
        font-size: 26px;
        margin-bottom: 0;
        margin-top: 10px;
    }
    
    .codeditor .description {
        color: #888;
    }
    
    .page-aside.codeditor .compose {
        margin-top: 10px;
        font-size: 14px;
        font-weight: 300;
        text-transform: uppercase;
        text-align: center;
        padding: 20px 25px;
    }
    
    .page-aside.codeditor .compose .btn {
        width: 100%;
        border: 0;
        border-radius: 3px !important;
        max-width: 180px;
    }
    
    .code-cont .main-app {
        height: 100%;
    }
    
    @media (max-width: 768px) {
        .cl-mcont.aside {
            display: block;
        }
        .page-aside.codeditor {
            display: block;
        }
        .aside .content {
            display: block;
        }
        .page-aside>div {
            width: 100%;
        }
        .cl-mcont.aside>.content {
            display: block;
        }
        .page-aside.codeditor .mail-nav ul li {
            display: block;
        }
        .page-aside.codeditor .mail-nav {
            margin-top: 0;
            padding: 0;
            width: 100%;
            border-bottom: 1px solid #E5E5E5;
        }
        .page-aside.codeditor .mail-nav .compose {
            border-top: 1px solid #E5E5E5;
            background: #FCFCFC;
        }
        .page-aside.codeditor div.content {
            border-bottom: 1px solid #E5E5E5;
        }
        .page-aside.codeditor .mail-nav.collapse {
            display: none;
        }
        .message .mail {
            border-top: 0;
        }
    }
    
    .CodeMirror {
        height: auto;
    }
    
    .CodeMirror-scroll {
        overflow-y: hidden;
        overflow-x: auto;
    }
    /*ELEMENTS*/
    
    table thead th {
        padding: 5px;
        font-size: 14px;
        font-weight: 500;
    }
    
    table tbody td {
        padding: 7px 8px;
        font-size: 14px;
        font-weight: 100;
    }
    
    table .primary-emphasis,
    table .primary-emphasis-dark {
        background: #4D90FD;
        color: #FFF;
        border-color: #4D90FD;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    }
    
    table .primary-emphasis-dark {
        background-color: #437edd;
    }
    
    table .success-emphasis,
    table .success-emphasis-dark {
        background: #60C060;
        color: #FFF;
        border-color: #60C060;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    }
    
    table .success-emphasis-dark {
        background-color: #58b058;
        border-color: #58b058;
    }
    
    table .warning-emphasis,
    table .warning-emphasis-dark {
        background: #FC9700;
        color: #FFF;
        border-color: #FC9700;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    }
    
    table .warning-emphasis-dark {
        background-color: #fc8800;
        border-color: #fc8800;
    }
    
    table .danger-emphasis,
    table .danger-emphasis-dark {
        background: #DA4932;
        color: #FFF;
        border-color: #DA4932;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    }
    
    table .danger-emphasis-dark {
        background-color: #c8432e;
        border-color: #c8432e;
    }
    
    table {
        border-collapse: collapse;
        width: 100%;
    }
    
    table.no-border {
        border: 0;
    }
    /* responsive table */
    
    .grid-view {
        overflow-x: auto;
        min-height: 0.1%;
        padding: 0px;
        width: 100%;
    }
    
    table.responsive tr td {
        white-space: nowrap;
    }
    
    table.transparent-bg {
        background-color: transparent !important;
    }
    
    table.drag {
        cursor: move;
    }
    
    table.no-border tr th {
        padding-left: 10px;
        white-space: nowrap;
        padding-top: 20px;
    }
    
    table.no-border tr td {
        padding-left: 10px;
        word-break: break-word;
    }
    
    .clip {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        width: 200px;
    }
    
    .clip:hover {
        overflow: visible;
        white-space: normal;
        height: auto;
    }

    table.kiosk-header tr td {
        height: 50px;
        vertical-align: middle;
        border: 0;
    }

    table.kiosk-header tr td a.name {
        font-size: 18px;
        color: #4a4a4a;
        margin-right: 20px;
        float: left;
    }
    
    table.big-row tr td {
        height: 50px;
        vertical-align: middle;
        white-space: nowrap;
    }
    
    table.big-row.no-wrap tr td {
        white-space: pre-wrap !important;
    }
    
    table.small-row tr td {
        height: 30px;
        vertical-align: middle;
        white-space: normal;
    }
    
    table .right {
        text-align: right;
    }
    
    table .left {
        text-align: left;
    }
    
    .red thead th {
        color: #d36442;
    }
    
    .blue thead th {
        color: #3078EF;
    }
    
    .violet thead th {
        color: #8b12ae;
    }
    
    .green thead th {
        color: #4da60c;
    }
    
    .detailsRow {
        background-color: rgba(0, 0, 0, 0.025);
    }
    
    table thead th span {
        color: #4a4a4a;
    }
    
    table thead th {
        vertical-align: bottom;
        border-bottom: 1px solid #DADADA !important;
        border-left: 1px solid #DADADA;
        border-top: 1px solid #DADADA;
        padding: 10px 8px 5px 8px;
    }
    
    table thead th:last-child {
        border-right: 1px solid #DADADA;
    }
    
    table thead span {
        font-size: 15px;
        display: block;
    }
    
    table td {
        border-left: 1px solid #DADADA;
        border-bottom: 1px solid #dadada;
        padding: 7px 8px;
        border-top: 1px solid #dadada;
    }
    
    table.padding-sm td {
        padding: 4px 6px;
    }
    
    table td .progress {
        margin: 0;
    }
    
    table.hover tbody tr:hover {
        background: rgba(245, 245, 245, 0.55);
    }
    
    table td i {
        font-size: 15px;
        display: inline-block;
        text-align: center;
        width: 23px;
    }
    
    table td:last-child {
        /* chhai for email compatiability border-right: 1px solid #dadada; */
    }
    
    table tr:nth-child(2n) {
        /*background: #f8f8f8;*/
    }
    
    table.no-strip tr:nth-child(2n) {
        background: transparent;
    }
    /*No-Internal borders in thead*/
    
    table .no-border th {
        border-left: 0;
    }
    
    table>tr>td .td-nowrap {
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 200px;
    }
    
    table .no-border tr th:first-child {
        border-left: 1px solid #dadada;
    }
    /*No-Internal borders in tbody x and y*/
    
    table .no-border-x td {
        border-bottom: 0;
    }
    
    table .no-border-x tr:last-child td {
        border-bottom: 1px solid #dadada;
    }
    
    table .no-border-y td {
        border-left: 0;
    }
    
    table .no-border-y tr td:first-child {
        border-left: 1px solid #dadada;
    }
    /*No-External borders general table*/
    
    .no-border-all.table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        border: 0;
        pointer: cursor;
    }
    
    table.no-border tr th {
        border-top: 0;
    }
    
    table.no-border tr th:first-child {
        border-left: 0;
    }
    
    table.no-border tr th:last-child {
        border-right: 0;
    }
    
    table.no-border tr td:first-child {
        border-left: 0;
    }
    
    table.no-border tr td:last-child {
        border-right: 0;
    }
    
    table.no-border tr:last-child td {
        border-bottom: 0;
    }
    /*No-External borders when .no-padding in block*/
    
    .no-padding table th:first-child {
        border-left: 0;
    }
    
    .no-padding table th:last-child {
        border-right: 0;
    }
    
    .no-padding table tr td:first-child {
        border-left: 0;
    }
    
    .no-padding table tr td:last-child {
        border-right: 0;
    }
    
    .no-padding table tr:last-child td {
        border-bottom: 0;
    }
    
    table tbody .toggle-details {
        cursor: pointer;
    }
    
    table tbody .details {
        background: #FFF;
    }
    
    table tbody td .btn {
        margin-bottom: 0 !important;
    }
    
    table tbody td .btn-group .dropdown-menu {
        margin-top: -1px;
        min-width: 130px;
    }
    
    table tbody td .btn-group .dropdown-menu li>a {
        padding: 5px 12px;
        text-align: left;
    }
    
    table td .flag {
        text-align: center;
        padding: 0 4px;
    }
    
    table td .legend {
        width: 10px;
        height: 10px;
        background: #efefef;
    }
    
    div.dataTables_length label select {
        display: inline !important;
    }
    
    .table td .btn i {
        width: inherit;
    }
    /*Stats*/
    
    .stats_bar {
        text-align: center;
        margin-top: 15px;
    }
    
    .butpro {
        vertical-align: top;
    }
    
    .butstyle {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #f8f8f8;
        background-image: -moz-linear-gradient(center top, #ffffff 50%, #f8f8f8 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
        /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #ffffff, #f8f8f8);
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image: -o-linear-gradient(top, #ffffff, #f8f8f8);
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to bottom, #ffffff 50%, #f8f8f8 100%);
        border-color: #DEDFE0 #C8C8C8 #C8C8C8;
        border-image: none;
        border-right: 1px solid #C8C8C8;
        border-style: solid;
        border-width: 1px;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
        color: #333333;
        cursor: pointer;
        display: inline-block;
        font-family: 'Open Sans', Verdana, sans-serif;
        font-size: 11px;
        margin-right: 1.8%;
        margin-bottom: 15px;
        width: 14.2%;
        padding: 6px 9px 4px;
        transition: border-color 0.21s ease-out 0s;
    }
    
    .butstyle.flat {
        /* Chrome, Safari 4+ */
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        /* Opera 11.10-12.00 */
        background-image: none;
        background: #FFF;
        border: 0;
        color: #777;
    }
    
    .butstyle:first-child {
        margin-left: 0;
    }
    
    .butstyle:hover {
        border-color: #4D90FE;
    }
    
    .butpro .sub h2 {
        margin: 0 0 5px 0;
        font-size: 11px;
        font-weight: normal;
        text-align: center;
        text-transform: uppercase;
    }
    
    .butpro .sub span {
        color: #434D55;
        display: block;
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        line-height: 26px;
    }
    
    .butpro .stat {
        padding: 4px 0;
        text-align: center;
    }
    
    .butpro .stat .equal {
        background: url("../img/stat-same.png") no-repeat scroll left center transparent;
        font-size: 12px;
        padding: 0 0 0 19px;
    }
    
    .butpro .stat .up {
        background: url("../img/stat-up.png") no-repeat scroll left center transparent;
        font-size: 12px;
        padding: 0 0 0 19px;
    }
    
    .butpro .stat .down {
        background: url("../img/stat-down.png") no-repeat scroll left center transparent;
        font-size: 12px;
        padding: 0 0 0 19px;
    }
    
    .butpro .sub {
        padding-top: 4px;
    }
    /*Flot Charts*/
    
    .blue-chart .flot-text,
    .red-chart .flot-text {
        color: #FFF !important;
    }
    
    .flot-text {
        font-size: 10px !important;
    }
    
    .legend table td {
        font-size: 11px !important;
    }
    
    .blue-chart {
        border-left: 1px solid #258fec;
        border-right: 1px solid #258fec;
        border-bottom: 1px solid #1e73bd;
        border-top: 1px solid #499de5;
        background-image: -moz-linear-gradient(center top, #52aeff 45%, #2180d3 102%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#52aeff), to(#2180d3));
        /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #52aeff, #2180d3);
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image: -o-linear-gradient(top, #52aeff, #2180d3);
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to bottom, #52aeff, #2180d3);
        background-color: #3290E2;
    }
    
    .block-flat .blue-chart {
        padding: 20px !important;
    }
    
    .blue-chart h2 {
        text-shadow: 0 -1px 0 #357fc0;
    }
    
    .epie-chart {
        position: relative;
        display: inline-block;
        text-align: center;
    }
    
    .epie-chart>span {
        position: absolute;
        text-align: center;
        display: block;
        width: 100%;
    }
    
    .red-chart {
        border-left: 1px solid #F27B56;
        border-right: 1px solid #F27B56;
        border-bottom: 1px solid #d66543;
        border-top: 1px solid #ee815e;
        background-image: -moz-linear-gradient(center top, #ff8a65 45%, #e26a45 102%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8a65), to(#e26a45));
        /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #ff8a65, #e26a45);
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image: -o-linear-gradient(top, #ff8a65, #e26a45);
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to bottom, #ff8a65 45%, #e26a45 102%);
        background-color: #3290E2;
    }
    
    .red-box {
        background-image: -moz-linear-gradient(center top, #ff8a65 45%, #f07853 102%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8a65), to(#f07853));
        /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #ff8a65, #f07853);
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image: -o-linear-gradient(top, #ff8a65, #f07853);
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to bottom, #ff8a65 45%, #f07853 102%);
        background-color: #ff8a65;
        color: #FFFFFF;
    }
    
    .red2-box {
        background-image: -moz-linear-gradient(center top, #ff7877 45%, #ed5554 102%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7877), to(#ed5554));
        /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #ff7877, #ed5554);
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image: -o-linear-gradient(top, #ff7877, #ed5554);
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to bottom, #ff7877 45%, #ed5554 102%);
        background-color: #FF7877;
        color: #FFFFFF;
    }
    
    .blue-box {
        background-image: -moz-linear-gradient(center top, #52aeff 45%, #3d9cef 102%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#52aeff), to(#3d9cef));
        /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #52aeff, #3d9cef);
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image: -o-linear-gradient(top, #52aeff, #3d9cef);
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to bottom, #52aeff 45%, #3d9cef 102%);
        background-color: #3380FF;
        color: #FFFFFF;
    }
    
    .blue-box.borders {
        border-color: #499DE5 #258FEC #1E73BD;
        border-left: 1px solid #258FEC;
        border-right: 1px solid #258FEC;
        border-style: solid;
        border-width: 1px;
    }
    
    .green-box {
        background-image: -moz-linear-gradient(center top, #82c261 45%, #70be46 102%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#82c261), to(#70be46));
        /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #82c261, #70be46);
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image: -o-linear-gradient(top, #82c261, #70be46);
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to bottom, #82c261 45%, #70be46 102%);
        background-color: #82c261;
        color: #FFFFFF;
    }
    
    .violet-box {
        background-image: -moz-linear-gradient(center top, #b450b2 45%, #853685 102%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#b450b2), to(#853685));
        /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #b450b2, #853685);
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image: -o-linear-gradient(top, #b450b2, #853685);
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to bottom, #b450b2 45%, #853685 102%);
        background-color: #82c261;
        color: #FFFFFF;
    }
    
    .yellow-box {
        background-image: -moz-linear-gradient(center top, #ffc91c 45%, #fab219 102%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc91c), to(#fab219));
        /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #ffc91c, #fab219);
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image: -o-linear-gradient(top, #ffc91c, #fab219);
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to bottom, #ffc91c 45%, #fab219 102%);
        background-color: #82c261;
        color: #FFFFFF;
    }
    
    .white-box {
        background: #FFF;
    }
    
    .widget-block.calendar-box {
        overflow: hidden;
    }
    
    .widget-block.calendar-box h2 {
        font-size: 28px;
    }
    
    .widget-block.calendar-box .day {
        text-align: center;
        font-size: 102px;
    }
    
    .widget-block.weather-box {
        overflow: hidden;
        color: #FFF;
    }
    
    .widget-block.weather-box .photo {
        background: url("../img/sunset2.jpg") no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        min-height: 260px;
    }
    
    .widget-block.weather-box h2 {
        margin-top: 60px;
        font-size: 28px;
        font-weight: 400;
        text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
    }
    
    .widget-block.weather-box .day {
        text-align: center;
        font-size: 24px;
        font-weight: 300;
        text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
        margin-bottom: 70px;
        margin-top: 3px;
    }

    .container-fluid {
        padding: 0;
        max-width: 100em;
    }
    
    .fb-box {
        margin-top: 0 !important;
        background-image: -moz-linear-gradient(center top, #3e80bf 50%, #325fa0 102%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#3e80bf), to(#325fa0));
        /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #3e80bf, #325fa0);
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image: -o-linear-gradient(top, #3e80bf, #325fa0);
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to bottom, #3e80bf 50%, #325fa0 102%);
        background-color: #366eab;
        color: #FFFFFF;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35) !important;
    }
    
    .fb-box h2 {
        font-size: 19px;
        font-weight: 400;
        margin: 0 0 5px 0;
        padding-top: 10px;
    }
    
    .fb-box h3 {
        font-size: 13px;
        font-weight: 200;
        margin: 0 0 20px 0;
    }
    
    .fb-box h4 {
        font-size: 13px;
        font-weight: 400;
        margin: 0 0 5px 0;
    }
    
    .fb-box img {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        border: 3px solid #FFFFFF;
        margin-bottom: 15px;
        margin-top: 20px;
    }
    
    .fb-box .content {
        padding: 20px;
        text-align: center;
    }
    
    .fb-box .info {
        background: #264A7E;
        color: #FFF;
        border-top: 1px solid #426ca5;
        text-align: center;
    }
    
    .fb-box .info button {
        box-shadow: none;
        max-width: 195px;
        width: 80%;
        padding: 13px;
        background: #4884c0;
        border: 0;
        margin: 5px 0;
        text-transform: uppercase;
    }
    
    .fb-box .info button i {
        margin-right: 3px;
    }
    
    .fb-box .info div {
        padding: 15px 10px;
    }
    
    .fb-box .row {
        margin: 0;
    }
    
    .block .cl,
    .widget-block .cl {
        margin-bottom: 20px;
    }
    
    .widget-block {
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.21);
        border: 0;
        margin-bottom: 30px;
        margin-top: 0;
    }
    
    .widget-block .row {
        margin: 0;
    }
    
    .widget-block .padding {
        padding: 20px 20px;
    }
    
    .widget-block .vpadding {
        padding: 20px 0;
    }
    
    .widget-block .hpadding {
        padding: 0 20px;
    }
    
    .block .header,
    .widget-block .header,
    .block-flat .header {
        padding: 10px;
        background-color: #FEFEFE;
        border-bottom: 1px solid #dadada;
    }
    
    .block .header {
        border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        padding: 10px;
    }
    
    .block-flat .header {
        background: transparent;
        padding: 3px 0;
    }
    
    .block-flat .header.no-border {
        border: 0;
    }
    
    .block-flat .header h3 {
        margin-top: 3px;
        font-family: "Raleway", Helvetica, sans-serif;
        font-weight: 200;
    }
    
    .block-flat .content {
        padding: 15px 3px 0 3px;
    }
    
    .block-flat .content.full-width {
        padding: 0;
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -20px;
    }
    
    .block-flat .content h4 {
        margin-top: 20px;
        font-size: 16px;
    }
    
    .block-flat .content .title {
        margin: 5px 0 15px 0;
    }
    
    .block-flat.no-padding .content {
        padding: 0 !important;
    }
    
    .legend-container table {
        width: auto;
        margin: 20px 0 0 20px;
    }
    
    .legend-container table tr {
        background: transparent;
    }
    
    .legend-container table td {
        border: 0;
        padding: 0 5px 3px 5px;
    }
    
    .legend-container .legendColorBox>div {
        border: 0 !important;
    }
    
    .legend-container .legendColorBox>div>div {
        border-width: 6px !important;
    }
    
    .block-flat.no-padding .content table td,
    .block-flat.no-padding .content table th {
        padding: 11px 10px 7px 10px;
    }
    
    .block .no-border {
        border-bottom: 0;
    }
    
    .block .content h2,
    .widget-block .content h2 {
        font-family: 'Open Sans', sans-serif;
    }
    
    .block .header h2,
    .widget-block .header h2,
    .block-flat .header h2 {
        margin: 0;
        font-family: "Raleway", Helvetica, sans-serif;
        font-weight: 100;
        font-size: 29px;
        line-height: 38px;
    }
    
    .block .header h3,
    .widget-block .header h3 {
        margin: 0;
        font-size: 13px;
        font-weight: 200;
        line-height: 21px;
        color: #666;
    }
    
    .block .header .actions i,
    .widget-block .header .actions i {
        font-size: 18px;
        color: #6F6F6F;
        display: inline-block;
        padding: 0;
        text-align: center;
        cursor: pointer;
        width: 20px;
        vertical-align: top;
    }
    
    .block .header .actions i:hover,
    .widget-block .header .actions i:hover {
        color: #858585;
    }
    
    .widget-block .fb-head {
        background: #1784c7;
        border: 0;
        color: #FFF;
    }
    
    .widget-block .fb-head i {
        display: inline-block;
        text-align: center;
        width: 28px;
    }
    
    .bg-darkgray {
        background-color: #888e97;
        color: #fff;
    }
    
    .bg-blue {
        background-color: #43A0F2;
        color: #fff;
    }
    
    .bg-blue .caret,
    .bg-darkgray .caret {
        border-color: #fff transparent;
        border-width: 5px 5px 0;
    }
    
    .bg-blue a,
    .bg-darkgray a {
        color: #FFF;
    }
    
    .cl-mcont .block .content {
        padding: 20px;
    }
    
    .cl-mcont .block .stat-data,
    .cl-mcont .block-flat .stat-data {
        padding: 10px;
        float: left;
        width: 50%;
    }
    
    .cl-mcont .block .stat-data h2,
    .cl-mcont .block-flat .stat-data h2 {
        margin: 0 0 5px 0;
    }
    
    .cl-mcont .block .stat-data span,
    .cl-mcont .block-flat .stat-data span {
        font-size: 18px;
    }
    
    .cl-mcont .block .stat-data .stat-blue,
    .cl-mcont .block-flat .stat-data .stat-blue {
        background: #43A0F2;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        text-align: center;
        color: #FFF;
        padding: 20px 10px;
    }
    
    .cl-mcont .block .stat-data .stat-number,
    .cl-mcont .block-flat .stat-data .stat-number {
        border-bottom: 1px solid #dadada;
    }
    
    .cl-mcont .block .stat-data .stat-number:last-child,
    .cl-mcont .block-flat .stat-data .stat-number:last-child {
        border-bottom: 0;
    }
    
    .cl-mcont .block .stat-data .stat-number div,
    .cl-mcont .block-flat .stat-data .stat-number div {
        display: inline-block;
        vertical-align: middle;
        padding: 5px 5px;
        font-size: 16px;
        line-height: 20px;
    }
    
    .cl-mcont .block .stat-data .stat-number h2,
    .cl-mcont .block-flat .stat-data .stat-number h2 {
        margin: 0;
        font-size: 35px;
        color: #444;
        font-weight: 300;
    }
    
    .cl-mcont .block .stat-data .stat-number span,
    .cl-mcont .block-flat .stat-data .stat-number span {
        font-size: 12px;
    }
    
    .block .fact-data,
    .widget-block .fact-data,
    .block-flat .fact-data {
        margin: 25px 0;
        padding: 0 20px;
        display: inline-block;
        width: 49%;
        vertical-align: top;
    }
    
    .block .total-data,
    .widget-block .total-data,
    .block-flat .total-data {
        padding: 15px;
        display: inline-block;
        width: 100%;
        vertical-align: top;
        position: relative;
    }
    
    .block .dropdown-menu,
    .widget-block .dropdown-menu,
    .block-flat .dropdown-menu {
        margin: -1px 0 0 0;
        border-radius: 1px;
        -webkit-border-radius: 1px;
    }
    
    .btn-group .dropdown-menu {
        margin-top: -6px;
    }
    
    .btn-group {
        margin-right: 5px;
        margin-left: 4px;
    }
    
    .static-mn,
    .widget-block .static-mn {
        display: block;
        position: static;
    }
    
    .static-mn,
    .widget-block .static-mn {
        display: block;
        position: static;
    }
    
    .static-lg-menu .static-mn,
    .widget-block .static-lg-menu .static-mn {
        min-width: 90%;
    }
    
    .block .items,
    .widget-block .items {
        margin: 0;
        padding: 0;
    }
    
    .block .items li,
    .widget-block .items li {
        border-top: 1px solid #e8e8e8;
        list-style: none;
        font-size: 14px;
        line-height: 17px;
        padding: 13px;
        background-color: #FFF;
        transition: background 0.25s ease-in-out;
        -moz-transition: background 0.25s ease-in-out;
        -webkit-transition: background 0.25s ease-in-out;
    }
    
    .block .items li i,
    .widget-block .items li i {
        color: #555555;
        display: block;
        float: left;
        font-size: 28px;
        height: 38px;
        margin-left: 4px;
        margin-right: 15px;
        margin-top: 2px;
    }
    
    .block .items li small,
    .widget-block .items li small {
        display: block;
    }
    
    .block .items li:hover,
    .widget-block .items li:hover {
        background-color: #F4F4F4;
    }
    
    .block .items li .value,
    .widget-block .items li .value {
        font-size: 15px;
        margin-top: 7px;
    }
    
    .block .items li:first-child,
    .widget-block .items li:first-child {
        border-top: 0;
    }
    
    .block .total-data h2,
    .widget-block .total-data h2 {
        margin: 0;
        font-size: 24px;
        font-weight: 300;
        line-height: 32px;
    }
    
    .block .total-data h3,
    .widget-block .total-data h3 {
        font-size: 18px;
        font-weight: 300;
        margin: 0;
    }
    
    .block .total-data h4,
    .widget-block .total-data h4 {
        font-size: 14px;
        font-weight: 300;
        margin: 0;
    }
    
    .widget-block .fact-data {
        margin: 27px 0;
    }
    
    .block .fact-data:first-child {
        border-right: 1px solid #eaeaea;
    }
    
    .block .fact-data h2,
    .widget-block .fact-data h2 {
        margin: 0;
        font-size: 32px;
        font-weight: 300;
    }
    
    .block .fact-data h3,
    .widget-block .fact-data h3 {
        text-transform: uppercase;
        margin: 0;
        font-weight: 200;
        font-size: 13px;
    }
    
    .widget-block .fact-data h3 {
        margin-bottom: 13px;
        font-size: 17px;
    }
    
    .widget-block .fact-data h2 {
        margin-bottom: 4px;
    }
    
    .widget-block .fact-data p {
        font-size: 12px;
    }
    
    .widget-block .no-padding {
        padding: 0;
    }
    
    .widget-block h3 {
        font-size: 17px;
        margin: 5px 0 0 0;
        font-weight: 200;
    }
    
    .widget-block h2 {
        font-size: 32px;
        font-weight: 300;
    }
    
    .block h2 i {
        font-size: 24px;
        color: #555;
        margin-right: 6px;
    }
    /*Widget Notes*/
    
    .cl-mcont .block.widget-notes {
        border-bottom: 1px solid #E2E2E2;
        border-left: 1px solid #EFEFEF;
        border-right: 1px solid #EFEFEF;
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
        border-radius: 3px;
    }
    
    .cl-mcont .block.widget-notes .header {
        border-bottom: 0;
    }
    
    .cl-mcont .block.widget-notes .header h4 {
        margin: 0;
        font-size: 15px;
    }
    
    .cl-mcont .block.widget-notes .content {
        padding: 0;
    }
    
    .paper {
        line-height: 30px;
        font-size: 14px;
        padding: 30px 55px 27px;
        position: relative;
        outline: none;
        background: white;
        background: -webkit-linear-gradient(top, #dfe8ec 0%, white 8%) 0 0px;
        background: -moz-linear-gradient(top, #dfe8ec 0%, white 8%) 0 0px;
        background: linear-gradient(center top, #dfe8ec 0%, white 8%) 0 0px;
        -webkit-background-size: 100% 30px;
        -moz-background-size: 100% 30px;
        -ms-background-size: 100% 30px;
        background-size: 100% 30px;
    }
    
    .paper::after {
        content: '';
        position: absolute;
        width: 0px;
        top: 0;
        left: 39px;
        bottom: 0;
        border-left: 1px solid #F8D3D3;
    }
    /*Pie Widget*/
    
    .pie-widget {
        margin-bottom: 20px;
    }
    
    .pie-widget .stats {
        padding-top: 20px;
        border-top: 1px solid #DADADA;
    }
    
    .pie-widget .stats p {
        font-size: 14px;
        font-weight: 400;
        margin: 0;
    }
    
    .pie-widget .stats h5 {
        margin: 0;
    }
    
    @media (max-width: 767px) {
        .pie-widget .stats>div:first-child {
            margin-bottom: 20px;
        }
        .btn-group {
            margin-right: 5px;
            margin-left: 0px;
            margin-top: 10px;
        }
    }
    /*UI Datepicker*/
    
    .ui-datepicker {
        position: relative;
    }
    
    .ui-datepicker .ui-datepicker-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
        padding-bottom: 5px;
        margin-bottom: 4px;
    }
    
    .ui-datepicker .ui-datepicker-title {
        cursor: default;
        line-height: 1.8em;
        margin: 0 2.3em;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
    }
    
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        height: 1.8em;
        position: absolute;
        top: 2px;
        width: 1.8em;
        color: #555;
    }
    
    .daterangepicker .calendar th, .daterangepicker .calendar td {
        border-right: 0;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }
    
    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        overflow: hidden;
        display: block;
        text-indent: -99999px;
        width: 100%;
    }

    .ui-datepicker .ui-datepicker-next span {
        margin-left: -1.110em;
    }
    
    .ui-datepicker .ui-datepicker-prev span:after,
    .ui-datepicker .ui-datepicker-next span:after {
        cursor: pointer;
        content: "\f053";
        display: block;
        font-family: FontAwesome;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 0;
        text-indent: 0;
    }
    
    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }
    
    .ui-datepicker .ui-datepicker-next span:after {
        content: "\f054";
        right: 0;
    }
    
    .ui-datepicker table th {
        border: 0;
        padding: 3px;
    }
    
    .ui-datepicker table th span {
        font-size: 14px;
        color: #555;
        text-align: right;
    }
    
    .ui-datepicker table tr {
        background: transparent !important;
    }
    
    .ui-datepicker table td {
        border: 0;
        padding: 3px;
    }
    
    .ui-datepicker td span,
    .ui-datepicker td a {
        display: block;
        padding: 0.2em;
        text-align: right;
        text-decoration: none;
        color: #555;
    }
    
    .ui-datepicker-current-day .ui-state-active {
        background: #3380FF;
        color: #fff;
    }
    
    .datetimepicker table tr td.active:active,
    .datetimepicker table tr td.active:hover:active,
    .datetimepicker table tr td.active.disabled:active,
    .datetimepicker table tr td.active.disabled:hover:active,
    .datetimepicker table tr td.active.active,
    .datetimepicker table tr td.active.active:hover,
    .datetimepicker table tr td.active.disabled.active,
    .datetimepicker table tr td.active.disabled.active:hover {
        background-color: #4E9DFF;
    }
    
    .datetimepicker table tr td.active,
    .datetimepicker table tr td.active:hover,
    .datetimepicker table tr td.active.disabled,
    .datetimepicker table tr td.active.disabled:hover {
        background-image: none;
        background: #4E9DFF;
    }
    
    .datetimepicker table td:last-child,
    .datetimepicker table th:last-child {
        border-right: 0;
    }
    
    .reportrange>i {
        margin-right: 5px;
    }
    
    .reportrange>.caret {
        margin-left: 5px;
    }
    
    .fuelux .wizard {
        *zoom: 1;
        border: 1px solid #d4d4d4;
        border-radius: 4px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        background-color: #f9f9f9;
        position: relative;
        min-height: 48px;
        overflow: hidden;
    }
    
    .fuelux .wizard:before,
    .fuelux .wizard:after {
        display: table;
        content: "";
        line-height: 0;
    }
    
    .fuelux .wizard:after {
        clear: both;
    }
    
    .fuelux .wizard>.steps {
        list-style: none outside none;
        padding: 0;
        margin: 0;
    }
    
    .fuelux .wizard>.steps.previous-disabled li.complete {
        cursor: default;
    }
    
    .fuelux .wizard>.steps.previous-disabled li.complete:hover {
        background: #f3f4f5;
        color: #468847;
        cursor: default;
    }
    
    .fuelux .wizard>.steps.previous-disabled li.complete:hover .chevron:before {
        border-left-color: #f3f4f5;
    }
    
    .fuelux .wizard>.steps li {
        float: left;
        margin: 0;
        padding: 0 20px 0 30px;
        height: 46px;
        line-height: 46px;
        position: relative;
        background: #ededed;
        color: #999999;
        font-size: 16px;
        cursor: not-allowed;
    }
    
    .fuelux .wizard>.steps li .chevron {
        border: 24px solid transparent;
        border-left: 14px solid #d4d4d4;
        border-right: 0;
        display: block;
        position: absolute;
        right: -14px;
        top: 0;
        z-index: 1;
    }
    
    .fuelux .wizard>.steps li .chevron:before {
        border: 24px solid transparent;
        border-left: 14px solid #ededed;
        border-right: 0;
        content: "";
        display: block;
        position: absolute;
        right: 1px;
        top: -24px;
    }
    
    .fuelux .wizard>.steps li.complete {
        background: #f3f4f5;
        color: #468847;
    }
    
    .fuelux .wizard>.steps li.complete:hover {
        background: #e7eff8;
        cursor: pointer;
    }
    
    .fuelux .wizard>.steps li.complete:hover .chevron:before {
        border-left: 14px solid #e7eff8;
    }
    
    .fuelux .wizard>.steps li.complete .chevron:before {
        border-left: 14px solid #f3f4f5;
    }
    
    .fuelux .wizard>.steps li.active {
        background: #f1f6fc;
        color: #3a87ad;
        cursor: default;
    }
    
    .fuelux .wizard>.steps li.active .chevron:before {
        border-left: 14px solid #f1f6fc;
    }
    
    .fuelux .wizard>.steps li.active .badge {
        background-color: #3a87ad;
    }
    
    .fuelux .wizard>.steps li .badge {
        margin-right: 8px;
    }
    
    .fuelux .wizard>.steps li .badge-success {
        background-color: #468847;
    }
    
    .fuelux .wizard>.steps li:first-child {
        border-radius: 4px 0 0 4px;
        padding-left: 20px;
    }
    
    .fuelux .wizard>.actions {
        z-index: 1000;
        position: absolute;
        right: 0;
        line-height: 46px;
        float: right;
        padding-left: 15px;
        padding-right: 15px;
        vertical-align: middle;
        background-color: #e5e5e5;
        border-left: 1px solid #d4d4d4;
    }
    
    .fuelux .wizard>.actions a {
        line-height: 45px;
        font-size: 12px;
        margin-right: 8px;
    }
    
    .fuelux .wizard>.actions .btn-prev[disabled] {
        cursor: not-allowed;
    }
    
    .fuelux .wizard>.actions .btn-prev span {
        margin-right: 5px;
    }
    
    .fuelux .wizard>.actions .btn-next[disabled] {
        cursor: not-allowed;
    }
    
    .fuelux .wizard>.actions .btn-next span {
        margin-left: 5px;
    }
    
    .fuelux .wizard .step-content {
        border-top: 1px solid #D4D4D4;
        padding: 10px;
        float: left;
        width: 100%;
    }
    
    .fuelux .wizard .step-content .step-pane {
        display: none;
    }
    
    .fuelux .wizard .step-content>.active {
        display: block;
    }
    
    .fuelux .wizard .step-content>.active .btn-group .active {
        display: inline-block;
    }
    
    .fuelux .wizard.complete>.actions .glyphicon-arrow-right:before {
        display: none;
    }
    
    .fuelux .wizard.complete>.actions .glyphicon-arrow-right {
        margin-left: 0;
    }
    /*Clean Zone - Wizard Style*/
    
    .block-wizard {
        padding: 0;
    }
    
    .fuelux .wizard {
        box-shadow: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        border: 0;
        background: #FFF;
    }
    
    .fuelux .wizard>.actions {
        line-height: 48px;
    }
    
    .fuelux .wizard>.steps>li {
        height: 48px;
    }
    
    .fuelux .wizard>.steps li {
        font-size: 15px;
    }
    
    .fuelux .wizard>.steps li:first-child {
        -webkit-border-radius: 0;
        /* Android = 1.6, iOS 1-3.2, Safari 3-4 */
        border-radius: 0;
        /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
        background-clip: padding-box;
        /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    }
    
    .fuelux .wizard>.steps li.active {
        background: #FFF;
        color: #3078EF;
    }
    
    .fuelux .wizard>.steps li.active .chevron:before {
        -moz-transform: scale(0.9999);
        border-left: 14px solid #FFF;
    }
    
    .fuelux .wizard>.steps li.complete {
        color: #fff;
        background: #4D90FD;
    }
    
    .fuelux .wizard>.steps li.complete .chevron {
        border-left-color: #1e7dcc;
    }
    
    .fuelux .wizard>.steps li.complete .chevron:before {
        border-left: 14px solid #4D90FD;
    }
    
    .fuelux .wizard>.steps li.complete:hover {
        background: #5c9aff;
    }
    
    .fuelux .wizard>.steps li.complete:hover .chevron:before {
        border-left-color: #5c9aff;
    }
    
    .fuelux .wizard>.steps li .chevron {
        -moz-transform: scale(0.9999);
    }
    
    .fuelux .wizard>.actions button {
        font-size: 12px;
    }
    
    .fuelux .wizard>.actions button i {
        font-size: 11px;
        line-height: 18px;
    }
    
    .fuelux .wizard>.actions button.btn-prev i {
        margin-right: 3px;
    }
    
    .fuelux .wizard>.actions button.btn-next i {
        margin-left: 3px;
    }
    
    .fuelux .wizard .step-content {
        padding: 20px 20px;
        clear: both;
        border-top: 1px solid #E2E2E2;
    }
    
    @media (max-width: 767px) {
        .wizard-row .fuelux {
            position: static;
        }
    }
    /*TABS*/
    
    .nav-tabs {
        padding-left: 4px;
        /*border-bottom: 1px solid transparent;*/
    }
    
    .nav-tabs>li {
        font-size: 14px;
        margin-right: 2px;
    }
    
    .nav-tabs>li.active {
        position: relative;
    }
    
    .nav-tabs>li>a {
        font-size: 16px;
        margin-right: 25px;
        font-weight: 500;
        /*min-width: 80px;*/
        text-align: center;
        font-size: 14px;
    }
    
    .nav-tabs>li>a:hover,
    .nav-tabs>li>a:active {
        background: transparent;
        border: 1px solid transparent;
        color: #3398ff;
        border-radius: 2px 2px 0 0;
        -webkit-border-radius: 2px 2px 0 0;
    }
    
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:hover,
    .nav-tabs>li.active>a:focus {
        border-radius: 0;
        -webkit-border-radius: 0;
        padding: 10px 20px;
        box-shadow: 0;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        position: static;
        border-bottom: 1px solid #000;
        color: #000000;
        font-weight: 700;

    }
    
    .nav-tabs>li.active>a:after,
    .nav-tabs>li.active>a:hover:after,
    .nav-tabs>li.active>a:focus:after {
        content: "";
        display: block;
        height: 2px;
        /*background: #43A0F2;*/
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    
    .tab-content {
        background: #fff;
        padding: 20px;
        border-bottom: 0px solid #E2E2E2;
        border-left: 0px solid #ECECEC;
        border-radius: 0 3px 3px;
        -webkit-border-radius: 0 3px 3px;
        border-right: 0px solid #ECECEC;
        /*box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04); */
        /* margin-bottom: 40px; */
    }
    
    .tab-content h3,
    h2,
    h1:first-child {
        margin-top: 0;
    }
    /*Tab Bottom*/
    
    .tab-bottom .nav-tabs {
        margin-bottom: 40px;
    }
    
    .tab-bottom .tab-content {
        margin-bottom: 0;
    }
    
    .tab-bottom .nav-tabs>li.active>a:after,
    .tab-bottom .nav-tabs>li.active>a:hover:after,
    .tab-bottom .nav-tabs>li.active>a:focus:after {
        bottom: 0;
        top: auto;
    }
    
    .tab-bottom .nav-tabs>li.active>a,
    .tab-bottom .nav-tabs>li.active>a:hover,
    .tab-bottom .nav-tabs>li.active>a:focus {
        border-top: 0;
        border-bottom: 2px solid #43A0F2;
        margin-top: -1px;
        box-shadow: 1px 3px 4px -3px rgba(0, 0, 0, 0.08);
    }
    
    .tab-bottom .tab-content {
        border-radius: 3px 3px 3px 0;
        -webkit-border-radius: 3px 3px 3px 0;
    }
    /*Tab Left*/
    
    .tab-left .nav-tabs {
        float: left;
        border: 0;
    }
    
    .tab-left .nav-tabs>li {
        float: none;
        margin-right: 0;
        margin-bottom: 0;
    }
    
    .tab-left .nav-tabs>li>a {
        text-align: left;
        min-width: 38px;
        padding: 12px 10px;
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    
    .tab-left .nav-tabs>li .fa {
        font-size: 14px;
    }
    
    .tab-left .nav-tabs>li.active>a:after,
    .tab-left .nav-tabs>li.active>a:hover:after,
    .tab-left .nav-tabs>li.active>a:focus:after {
        bottom: 0;
        top: auto;
        width: 2px;
        height: 100%;
    }
    
    .tab-left .nav-tabs>li.active>a,
    .tab-left .nav-tabs>li.active>a:hover,
    .tab-left .nav-tabs>li.active>a:focus {
        border-top:  0px solid #ECECEC;
        border-bottom: 0px solid #ECECEC;
        border-right: 2px solid #43A0F2;
        border-left: 0px solid #43A0F2;
        margin-right: -1px;
        box-shadow: -1px 3px 4px -3px rgba(0, 0, 0, 0.08);
        padding: 13px 10px 12px 9px;
    }
    
    .tab-left .tab-content {
        overflow: auto;
        border-radius: 0 3px 3px 3px;
        -webkit-border-radius: 0 3px 3px 3px;
        border-left: 1px solid #ECECEC;

    }
    /*Tab Right*/
    
    .tab-right .nav-tabs {
        float: right;
    }
    
    .tab-right .tab-content {
        overflow: auto;
        border-radius: 3px 0 3px 3px;
        -webkit-border-radius: 3px 0 3px 3px;
    }
    
    .tab-right .nav-tabs>li {
        float: none;
        margin-right: 0;
        margin-bottom: 2px;
    }
    
    .tab-right .nav-tabs>li>a {
        text-align: left;
        min-width: 38px;
        padding: 12px 10px;
    }
    
    .tab-right .nav-tabs>li .fa {
        font-size: 14px;
    }
    
    .tab-right .nav-tabs>li.active>a:after,
    .tab-right .nav-tabs>li.active>a:hover:after,
    .tab-right .nav-tabs>li.active>a:focus:after {
        bottom: 0;
        right: 0;
        left: auto;
        top: auto;
        width: 2px;
        height: 100%;
    }
    
    .tab-right .nav-tabs>li.active>a,
    .tab-right .nav-tabs>li.active>a:hover,
    .tab-right .nav-tabs>li.active>a:focus {
        border-top: 0;
        border-bottom: 1px solid #ECECEC;
        border-left: 0;
        border-right: 2px solid #43A0F2;
        margin-left: -1px;
        box-shadow: 1px 3px 4px -3px rgba(0, 0, 0, 0.08);
        padding: 13px 10px 12px 12px;
    }
    
    .shadow.tab-content {
        border-bottom: 1px solid #DADADA;
        border-left: 1px solid #DADADA;
        border-right: 1px solid #DADADA;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.13);
    }
    
    .nav-header {
        font-size: 14px;
        color: #333;
        margin-top: 15px !important;
        margin-left: 3px !important;
        padding-bottom: 3px;
    }

    .left-nav-header {
        display: block;
        font-size: 18px;
        font-weight: 500;
        margin-left: 16px;
    }

    .nav-header i {
        font-size: 20px;
        color: #71717a;
        margin-left: 0;
    }
    .nav-header .brand {
        color: #71717a;
        font-size: 22px;
    }
    /*Accordion*/
    
    .accordion {
        margin-bottom: 40px;
    }
    
    .accordion .panel-heading {
        /*background: #fff;*/
        padding: 0;
    }
    
    .accordion .panel-heading a {
        display: block;
       
    }

    .accordion .panel-heading-extra-padding a {
        padding: 17px 16px;
        border-bottom: 1px solid #E5E5E5;
        font-size: 15px;
        color: #555;
    }
    
    .accordion .panel-heading a .fa {
        transition: transform 200ms ease-in-out;
        margin-right: 10px;
        transform: rotate(90deg);
    }
    
    .accordion .panel-heading a.collapsed {
        color: #555;
    }
    
    .accordion .panel-heading a.collapsed .fa {
        transform: rotate(0deg);
    }
    
    .accordion .panel-heading+.panel-collapse .panel-body {
        border-top: 0;
        padding: 3px 20px 20px 34px;
    }
    
    .accordion .panel {
        border-radius: 2px;
        -webkit-border-radius: 2px;
        border-bottom: 0;
        /* border-left: 1px solid #ECECEC;
  border-right: 1px solid #ECECEC; */
        margin-bottom: 5px;
        border-top: 0;
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
    }
    
    .accordion .panel-warning:first-child {
        border-top: 1px solid #faebcc;
    }
    
    .accordion.panel-group .panel+.panel {
        margin-top: -4px;
    }
    /*Primary color accordion*/
    
    .accordion.accordion-color .panel-heading a {
        background-color: #4D90FD;
        color: #FFF;
    }
    
    .accordion.accordion-color .panel-heading a.collapsed {
        background-color: #FFF;
        color: #555;
    }
    
    .accordion.accordion-color .panel-collapse .panel-body {
        background-color: #4D90FD;
        color: #FFF;
    }
    /*Semi color accordion*/
    
    .accordion.accordion-semi .panel-heading a {
        /*background-color: #f1f1f2;*/
        color: #555;
        transition: background-color 200ms ease-in-out;
    }
    
    .accordion.accordion-semi .panel-heading.success a {
        background-color: #60C060;
        border-bottom: 1px solid #54A754;
    }
    
    .accordion.accordion-semi .panel-heading.warning a {
        background-color: #FC9700;
        border-bottom: 1px solid #D68000;
    }
    
    .accordion.accordion-semi .panel-heading.danger a {
        background-color: #DA4932;
        border-bottom: 1px solid #CA452E;
    }
    
    .accordion.accordion-semi .panel-heading a.collapsed {
        background-color: #FFF;
        color: #555;
        border-bottom: 0;
    }
    
    .accordion.accordion-semi .panel-collapse .panel-body {
        padding: 15px 20px 20px 34px;
    }
    /*Nestable lists*/
    
    .dd {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        max-width: 600px;
        list-style: none;
        font-size: 13px;
        line-height: 20px;
    }
    
    .dd-list {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .dd-list .dd-list {
        padding-left: 30px;
    }
    
    .dd-collapsed .dd-list {
        display: none;
    }
    
    .dd-item,
    .dd-empty,
    .dd-placeholder {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        min-height: 20px;
        font-size: 13px;
        line-height: 20px;
    }
    
    .dd-handle {
        cursor: default;
        display: block;
        margin: 5px 0;
        padding: 7px 10px;
        color: #333;
        text-decoration: none;
        border: 1px solid #ddd;
        background: #fff;
    }
    
    .dd-handle:hover {
        color: #FFF;
        background: #4D90FD;
        border-color: #428BCA;
    }
    
    .dd-item>button {
        color: #555;
        font-family: FontAwesome;
        display: block;
        position: relative;
        cursor: pointer;
        float: left;
        width: 25px;
        height: 20px;
        margin: 8px 2px;
        padding: 0;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        border: 0;
        background: transparent;
        font-size: 10px;
        line-height: 1;
        text-align: center;
    }
    
    .dd-item>button:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        text-indent: 0;
    }
    
    .dd-item>button[data-action="collapse"]:before {
        content: '';
    }
    
    .dd-placeholder,
    .dd-empty {
        margin: 5px 0;
        padding: 0;
        min-height: 30px;
        background: #FFF;
        border: 1px dashed #b6bcbf;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    
    .dd-empty {
        border: 1px dashed #bbb;
        min-height: 100px;
        background-color: #e5e5e5;
        background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
        background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
        background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
        background-size: 60px 60px;
        background-position: 0 0, 30px 30px;
    }
    
    .dd-dragel {
        position: absolute;
        pointer-events: none;
        z-index: 9999;
    }
    
    .dd-dragel>.dd-item .dd-handle {
        margin-top: 0;
    }
    
    .dd-dragel .dd-handle {
        -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
    }
    
    .dd3-content {
        display: block;
        margin: 5px 0;
        padding: 7px 10px 7px 40px;
        color: #333;
        text-decoration: none;
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #DDDDDD;
        color: #333333;
    }
    
    .dd3-content:hover {
        background: #fff;
    }
    
    .dd-dragel>.dd3-item>.dd3-content {
        margin: 0;
    }
    
    .dd3-item>button {
        margin-left: 35px;
    }
    
    .dd3-handle {
        position: absolute;
        margin: 0;
        left: 0;
        top: 0;
        cursor: all-scroll;
        width: 34px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        border: 1px solid #3680BF;
        background: #4D90FD;
        height: 36px;
        box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    }
    
    .dd3-handle:before {
        content: '=';
        display: block;
        position: absolute;
        left: 0;
        top: 5px;
        width: 100%;
        text-align: center;
        text-indent: 0;
        color: #fff;
        font-size: 20px;
        font-weight: normal;
    }
    
    .dd3-handle:hover {
        background: #4E9DFF;
    }
    
    .bootstrap-switch {
        border: 0;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        min-width: 74px;
        background-clip: padding-box;
    }
    
    .bootstrap-switch.bootstrap-switch-focused {
        box-shadow: none;
    }
    
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
        background: #4D90FD;
    }
    
    
    .bootstrap-switch .bootstrap-switch-container {
        position: relative;
        z-index: 1;
        -webkit-transform: none;
    }
    
    
    .bootstrap-switch .bootstrap-switch-label:after {
        content: " ";
        display: block;
        width: 29px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: #fff;
        border-radius: 50%;
        border: 3px solid #4D90FD;
    }
    
    .bootstrap-switch.bootstrap-switch-large {
        min-width: 100px;
    }
    
    .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label:after {
        width: 42px;
        border-width: 4px;
    }
    
    .bootstrap-switch.bootstrap-switch-large.bootstrap-switch-on .bootstrap-switch-label:after {
        border-width: 4px;
    }
    
    .bootstrap-switch.bootstrap-switch-small {
        min-width: 60px;
    }
    
    .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label:after {
        width: 25px;
    }
    
    .bootstrap-switch.bootstrap-switch-mini {
        min-width: 44px;
    }
    
    .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label:after {
        width: 18px;
    }
    
    .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
        background: #4D90FD;
    }
    
    .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
        background: #e3e3e3;
    }
    
    .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label:after {
        border-color: #e3e3e3;
        left: 0;
    }
    
    .bootstrap-switch .bootstrap-switch-handle-on {
        padding-left: 6px;
        border-bottom-left-radius: 20px;
        border-top-left-radius: 20px;
    }
    
    .bootstrap-switch .bootstrap-switch-handle-off {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
    
    .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
    }
    
    .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
        border-bottom-left-radius: 20px;
        border-top-left-radius: 20px;
    }
    
    .bootstrap-switch .bootstrap-switch-label {
        position: relative;
    }
    /*ON Colors*/
    
    .bootstrap-switch.bootstrap-switch-onclr-success.bootstrap-switch-on .bootstrap-switch-handle-on {
        background: #5CB85C;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-success.bootstrap-switch-on .bootstrap-switch-label {
        background: #5CB85C;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-success.bootstrap-switch-on .bootstrap-switch-label:after {
        border-color: #5CB85C;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-success.bootstrap-switch-off .bootstrap-switch-container {
        background: #5CB85C;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-info.bootstrap-switch-on .bootstrap-switch-handle-on {
        background: #5bc0de;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-info.bootstrap-switch-on .bootstrap-switch-label {
        background: #5bc0de;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-info.bootstrap-switch-on .bootstrap-switch-label:after {
        border-color: #5bc0de;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-info.bootstrap-switch-off .bootstrap-switch-container {
        background: #5bc0de;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-warning.bootstrap-switch-on .bootstrap-switch-handle-on {
        background: #ff9900;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-warning.bootstrap-switch-on .bootstrap-switch-label {
        background: #ff9900;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-warning.bootstrap-switch-on .bootstrap-switch-label:after {
        border-color: #ff9900;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-warning.bootstrap-switch-off .bootstrap-switch-container {
        background: #ff9900;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-danger.bootstrap-switch-on .bootstrap-switch-handle-on {
        background: #df4b33;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-danger.bootstrap-switch-on .bootstrap-switch-label {
        background: #df4b33;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-danger.bootstrap-switch-on .bootstrap-switch-label:after {
        border-color: #df4b33;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-danger.bootstrap-switch-off .bootstrap-switch-container {
        background: #df4b33;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-default.bootstrap-switch-on .bootstrap-switch-handle-on {
        background: #E3E3E3;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-default.bootstrap-switch-on .bootstrap-switch-label {
        background: #E3E3E3;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-default.bootstrap-switch-on .bootstrap-switch-label:after {
        border-color: #E3E3E3;
    }
    
    .bootstrap-switch.bootstrap-switch-onclr-default.bootstrap-switch-off .bootstrap-switch-container {
        background: #E3E3E3;
    }
    /*Off Colors*/
    
    .bootstrap-switch.bootstrap-switch-offclr-primary.bootstrap-switch-off .bootstrap-switch-handle-off {
        background: #4D90FD;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-primary.bootstrap-switch-off .bootstrap-switch-label {
        background: #4D90FD;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-primary.bootstrap-switch-off .bootstrap-switch-label:after {
        border-color: #4D90FD;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-primary.bootstrap-switch-on .bootstrap-switch-container {
        background: #4D90FD;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-info.bootstrap-switch-off .bootstrap-switch-handle-off {
        background: #5bc0de;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-info.bootstrap-switch-off .bootstrap-switch-label {
        background: #5bc0de;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-info.bootstrap-switch-off .bootstrap-switch-label:after {
        border-color: #5bc0de;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-info.bootstrap-switch-on .bootstrap-switch-container {
        background: #5bc0de;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-success.bootstrap-switch-off .bootstrap-switch-handle-off {
        background: #5CB85C;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-success.bootstrap-switch-off .bootstrap-switch-label {
        background: #5CB85C;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-success.bootstrap-switch-off .bootstrap-switch-label:after {
        border-color: #5CB85C;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-success.bootstrap-switch-on .bootstrap-switch-container {
        background: #5CB85C;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-warning.bootstrap-switch-off .bootstrap-switch-handle-off {
        background: #ff9900;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-warning.bootstrap-switch-off .bootstrap-switch-label {
        background: #ff9900;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-warning.bootstrap-switch-off .bootstrap-switch-label:after {
        border-color: #ff9900;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-warning.bootstrap-switch-on .bootstrap-switch-container {
        background: #ff9900;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-danger.bootstrap-switch-off .bootstrap-switch-handle-off {
        background: #df4b33;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-danger.bootstrap-switch-off .bootstrap-switch-label {
        background: #df4b33;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-danger.bootstrap-switch-off .bootstrap-switch-label:after {
        border-color: #df4b33;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-danger.bootstrap-switch-on .bootstrap-switch-container {
        background: #df4b33;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-default.bootstrap-switch-off .bootstrap-switch-handle-off {
        background: #E3E3E3;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-default.bootstrap-switch-off .bootstrap-switch-label {
        background: #E3E3E3;
    }
    
    .bootstrap-switch.bootstrap-switch-offclr-default.bootstrap-switch-off .bootstrap-switch-label:after {
        border-color: #E3E3E3;
    }
    
   
    /*Select 2*/
    
    .select2-container .select2-choice {
        border: 1px solid #CCCCCC;
        background: #fff;
        padding: 3px 8px;
        height: auto;
        border-radius: 1px;
        -webkit-border-radius: 1px;
    }
    /*box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.18);*/
    
    .select2-dropdown-open.select2-drop-above .select2-choice,
    .select2-dropdown-open.select2-drop-above .select2-choices {
        background: #fff;
    }
    
    .select2-drop.select2-drop-above {
        box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.08);
        border-radius: 2px 2px 0 0;
        -webkit-border-radius: 2px 2px 0 0;
    }
    
    .select2-container-active .select2-choice,
    .select2-container-active .select2-choices {
        box-shadow: none;
    }
    
    .select2-container .select2-choice .select2-arrow {
        width: 30px;
        background-color: #FFFFFF;
        background-image: linear-gradient(to bottom, #ffffff 60%, #f9f9f9 100%);
    }
    
    .select2-container .select2-choice .select2-arrow b {
        background-position: 7px 4px;
    }
    
    .select2-dropdown-open .select2-choice .select2-arrow b {
        background-position: -13px 3px;
    }
    
    .select2-container.select2-drop-above .select2-choice {
        border-radius: 0 0 2px 2px;
        -webkit-border-radius: 0 0 2px 2px;
    }
    /*Tags*/
    
    .select2-container-multi .select2-choices .select2-search-choice {
        border: 1px solid #CCCCCC;
        background-color: #FFFFFF;
        background-image: linear-gradient(to bottom, #ffffff 60%, #f9f9f9 100%);
        padding: 3px 5px 5px 18px;
    }
    
    .select2-container-multi .select2-choices {
        padding: 5px;
        background: #fff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    }
    
    .select2-container-multi .select2-choices .select2-search-field input {
        width: 100% !important;
    }
    /*Slider*/
    
    .slider.slider-vertical {
        margin-right: 13px;
    }
    
    .slider-selection {
        background: #4D90FD;
        border: 1px solid #437DDC;
        box-shadow: none;
    }
    
    .slider-handle {
        opacity: 1;
        background-color: #FFFFFF;
        background-image: linear-gradient(to bottom, #ffffff, #f9f9f9);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
        /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9);
        /* Firefox 3.6-15 */
        background-image: -o-linear-gradient(top, #ffffff, #f9f9f9);
        /* Opera 11.10-12.00 */
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.39);
        height: 23px;
        width: 23px;
        transition: box-shadow 200ms ease-in-out;
    }
    
    .slider-handle:hover {
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
    }
    
    .slider.slider-horizontal .slider-handle {
        margin-top: -7px;
    }
    
    .slider.slider-vertical .slider-handle {
        margin-left: -6px;
    }
    /*CHAT*/
    
    .chat-wi .chat-space {
        height: 377px;
        padding: 15px;
    }
    
    .chat-wi .chat-content {
        padding: 15px;
        background: #fff;
    }
    
    .chat-wi .chat-conv {
        position: relative;
        padding: 10px;
        margin-bottom: 15px;
        text-align: right;
    }
    
    .chat-wi .chat-conv .c-avatar {
        position: absolute;
        border: 1px solid #D6DAE0;
        height: 50px;
        width: 50px;
        border-radius: 25px;
        vertical-align: top;
        right: 0;
    }
    
    .chat-wi .chat-conv .c-bubble {
        position: relative;
        display: inline-block;
        padding: 8px 9px 5px 9px;
        font-size: 12px;
        font-weight: 400;
        color: #FFF;
        margin: 0 60px 0 0;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        border-top: 1px solid #4aa4ec;
        border-bottom: 1px solid #2f7ee5;
        box-shadow: 0 1px 0 #7fc6fe inset, 1px 1px 2px rgba(0, 0, 0, 0.25);
        border-radius: 4px;
        -webkit-border-radius: 4px;
        background-image: -moz-linear-gradient(center top, #50b1fe 45%, #348bfc 102%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#50b1fe), to(#348bfc));
        /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #50b1fe, #348bfc);
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image: -o-linear-gradient(top, #50b1fe, #348bfc);
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to bottom, #50b1fe 45%, #348bfc 102%);
        background-color: #43a2ff;
    }
    
    .chat-wi .chat-conv .c-bubble .msg {
        text-align: left;
    }
    
    .chat-wi .chat-conv .c-bubble .msg img {
        max-width: 100%;
    }
    
    .intercom-align-center {
        text-align: center;
    }
    
    .intercom-align-left {
        text-align: left !important;
    }
    
    .intercom-align-right {
        text-align: right !important;
    }
    
    .chat-wi .chat-conv .c-bubble span {
        background: url("../img/bubble-tail.png") no-repeat;
        height: 21px;
        width: 12px;
        display: block;
        position: absolute;
        right: -12px;
        top: 5px;
    }
    
    .chat-wi .sent {
        text-align: left;
    }
    
    .chat-wi .sent .c-bubble {
        margin: 0 0 0 60px;
        border-bottom: 1px solid #f3f3f3;
        border-top: 1px solid #e3e3e3;
        box-shadow: 0 1px 0 #ffffff inset, 0 1px 2px rgba(0, 0, 0, 0.25);
        text-shadow: none;
        color: #666;
        background-image: -moz-linear-gradient(center top, #ffffff 45%, #f3f3f3 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
        /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image: -o-linear-gradient(top, #ffffff, #f3f3f3);
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to bottom, #ffffff 45%, #f3f3f3 100%);
    }
    
    .chat-wi .sent .c-avatar {
        left: 0;
    }
    
    .chat-wi .sent .c-bubble span {
        background: url("../img/bubble-tail-l-white.png") no-repeat;
        left: -12px;
    }
    
    .chat-wi .chat-in {
        border-top: 1px solid #DADADA;
        background: #F6F8FB;
    }
    
    .chat-wi .chat-in input[type="text"] {
        width: 100%;
        border: 0;
        height: 47px;
        padding: 10px;
        font-size: 15px;
        font-weight: 200;
        color: #555;
    }
    
    .chat-wi .chat-tools {
        background: #F6F8FB;
        border-top: 1px solid #dfdfdf;
        color: #6f6f6f;
    }
    
    .chat-wi .chat-tools i {
        display: inline-block;
        width: 38px;
        padding: 13px 8px;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
    }
    
    .chat-wi .chat-tools i:hover {
        background: #e5e7ea;
    }
    
    .chat-wi .chat-in button,
    .chat-wi .chat-in input[type="submit"] {
        box-shadow: none;
        background: #E5E7EA;
        border: 1px solid #E5E7EA;
        border-left: 1px solid #dadada;
        border-radius: 0;
        -webkit-border-radius: 0;
        height: 47px;
        min-width: 70px;
        color: #777;
        transition: border-color 0.21s ease-out 0s;
        margin: 0;
    }
    
    .chat-wi .chat-in button:hover {
        border-color: #4D90FE;
        color: #555;
    }
    
    .chat-wi .chat-in .input {
        margin-right: 70px;
    }
    /*Alerts*/
    
    .alert {
        border-radius: 0;
        -webkit-border-radius: 0;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.11);
        display: table;
        position: fixed;
        z-index: 200;
        margin-top: 13px;
        width: 500px;
        margin-left: auto;
        /* Will not center vertically and won't work in IE6/7. */
        margin-right: auto;
        left: 0;
        right: 0;
    }
    
    .alert .sign {
        font-size: 20px;
        vertical-align: middle;
        margin-right: 5px;
        text-align: center;
        width: 25px;
        display: inline-block;
    }
    
    .alert-success {
        background-color: #60c060;
        border-color: #60c060;
        color: #ffffff;
    }
    
    .alert-info {
        background-color: #D9EDF7;
        border-color: #98cce6;
        color: #3A87AD;
    }
    
    .alert-warning {
        background-color: #FCF8E3;
        border-color: #F1DAAB;
        color: #C09853;
    }
    
    .alert-danger {
        background-color: #F2DEDE;
        border-color: #e0b1b8;
        color: #B94A48;
    }
    
    .alert-white {
        background-image: linear-gradient(to bottom, #ffffff, #f9f9f9);
        border-top-color: #d8d8d8;
        border-bottom-color: #bdbdbd;
        border-left-color: #cacaca;
        border-right-color: #cacaca;
        color: #404040;
        padding-left: 61px;
        position: relative;
    }
    
    .alert-white .icon {
        text-align: center;
        width: 45px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #BDBDBD;
        padding-top: 15px;
    }
    
    .alert-white .icon:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        border: 1px solid #BDBDBD;
        position: absolute;
        border-left: 0;
        border-bottom: 0;
        top: 50%;
        right: -6px;
        margin-top: -3px;
        background: #fff;
    }
    
    .alert-white.rounded {
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    
    .alert-white.rounded .icon {
        border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
    }
    
    .alert-white .icon i {
        font-size: 20px;
        color: #FFF;
        left: 12px;
        margin-top: -10px;
        position: absolute;
        top: 50%;
    }
    
    .alert-white.alert-danger .icon,
    .alert-white.alert-danger .icon:after {
        border-color: #ca452e;
        background: #da4932;
    }
    
    .alert-white.alert-info .icon,
    .alert-white.alert-info .icon:after {
        border-color: #3A8ACE;
        background: #4D90FD;
    }
    
    .alert-white.alert-warning .icon,
    .alert-white.alert-warning .icon:after {
        border-color: #D68000;
        background: #FC9700;
    }
    
    .alert-white.alert-success .icon,
    .alert-white.alert-success .icon:after {
        border-color: #54A754;
        background: #60C060;
    }
    /*Labels*/
    
    .label {
        border-radius: 3px !important;
        -webkit-border-radius: 0;
        font-weight: normal;
        font-size: 95%;
    }
    
    .label-default {
        background-color: #a1a1a1;
    }
    
    .label i {
        font-size: 100% !important;
        color: inherit !important;
        width: auto !important;
        min-width: 11px;
    }
    
    .label-success {
        background-color: #60C060;
    }
    
    .label-primary {
        background-color: #4D90FD;
    }
    
    .label-warning {
        background-color: #fcad37;
    }
    
    .label-danger {
        background-color: #ED5B56;
    }
    
    .label-info {
        background-color: #5DC4EA;
    }
    /*Bagde*/
    
    .badge {
        font-weight: normal;
        font-size: 95%;
        padding: 4px 6px;
        background-color: #a1a1a1;
    }
    
    .badge-primary {
        background-color: #4D90FD !important;
    }
    
    .badge-success {
        background-color: #60C060 !important;
    }
    
    .badge-info {
        background-color: #5DC4EA !important;
    }
    
    .badge-warning {
        background-color: #fcad37 !important;
    }
    
    .badge-danger {
        background-color: #ED5B56 !important;
    }
    /*Progress*/
    
    .progress {
        height: 18px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    
    .progress .progress-bar {
        font-size: 11px;
        line-height: 17px;
    }
    
    .progress-bar-info {
        background-color: #4D90FD;
    }
    
    .progress-bar-success {
        background-color: #60C060;
    }
    
    .progress-bar-warning {
        background-color: #FC9700;
    }
    
    .progress-bar-danger {
        background-color: #DA4932;
    }
    /*Pagination*/
    
    .pagination {
        margin: 18px 0 18px 10px;
        clear: both;
        display: block;
    }
    
    .pagination>.active>a,
    .pagination>.active>span,
    .pagination>.active>a:hover,
    .pagination>.active>span:hover,
    .pagination>.active>a:focus,
    .pagination>.active>span:focus {
        background-color: #4a4a4a;
    }
    .pagination>li>a{
        color: #4a4a4a;
    }
    /*Nav Pills*/
    
    .nav-pills>li+li>a {
        border: 1px solid #cdcdd1;
        border-radius: 3px;
    }
    
    .nav-stacked>li+li>a {
        border: 0 !important;
        border-radius: 3px;
    }
    
    .nav-pills>li.active>a {
        color: #0091FF;
        background-color: transparent;
        /*border-bottom: 3px solid #0091FF;*/
        border: 1px solid #0091FF;
        border-radius: 0px;
    }
    
    .nav-pills>li.active>a:hover,
    .nav-pills>li.active>a:focus {
        /* border-radius: 0; */
        color: #04c;
        background-color: transparent;
        /*border-bottom: 3px solid #0091FF;*/
    }
    
    .nav-pills>li>a {
        color: #495057;
        padding: 7px 20px;
        font-weight: 600;
    }
    
    .nav-pills>li>a:hover,
    .nav-pills>li>a:focus {
        background-color: transparent;
        color: #495057;
    }
    
    .content-nav {
        /* width: 160px !important; */
    }
    /*List Group*/
    
    .list-group-item:first-child {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    
    .list-group-item:last-child {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    
    .list-group-item.active,
    .list-group-item.active:hover,
    .list-group-item.active:focus {
        background-color: #4D90FD;
    }
    
    .list-group-item i {
        min-width: 15px;
        display: inline-block !important;
        text-align: center;
    }
    
    .list-group-item h4 {
        margin-bottom: 8px;
        font-size: 17px;
    }
    
    .list-group-item h4 {
        margin-bottom: 8px;
        font-size: 15px;
    }
    
    .list-group-item {
        font-size: 12px;
        padding: 13px 15px;
        line-height: 22px;
    }
    
    a.list-group-item:hover {
        border-left: 5px solid #4D90FD;
        border-color: #4D90FD;
        padding-left: 11px;
    }
    
    a.list-group-item:hover+a.list-group-item {
        border-top-color: #4D90FD;
    }
    
    .list-group .active:hover {
        padding-left: 15px;
        border-left: 1px solid #428BCA;
    }
    /*DarkList Widget*/
    
    .dark-list {
        color: #FFF;
    }
    
    .dark-list .header {
        background-color: #272930;
        border-bottom-color: #1A1C20;
    }
    
    .dark-list .header h3 {
        color: #999;
    }
    
    .dark-list .items li {
        background-color: #272930;
        border-bottom: 1px solid #1A1C20;
        border-top: 1px solid #32353E;
    }
    
    .dark-list .items li:hover {
        background-color: #2A2C34;
    }
    
    .dark-list .items li:first-child {
        border-top: 1px solid #32353E;
    }
    
    .dark-list .items li:last-child {
        border-bottom: 0;
    }
    
    .dark-list .items li i {
        color: #FFF;
    }
    
    .dark-list .total-data {
        border-top: 1px solid #131519;
        box-shadow: 0 1px 0 #2A2C31 inset;
        background: #1F2126;
        border-radius: 0 0 3px 3px;
    }
    
    .dark-list .total-data>a {
        color: #C9D4F6;
    }
    /*Icons*/
    
    .fa-mobile-phone {
        font-size: 18px;
    }
    
    .icon-16 {
        font-size: 16px !important;
    }
    
    .icon-19 {
        font-size: 19px !important;
    }
    
    .icon-24 {
        font-size: 24px !important;
    }
    
    .icon-32 {
        font-size: 32px !important;
    }
    
    .icon-64 {
        font-size: 64px !important;
    }
    
    .icon-show i {
        font-size: 14px !important;
        margin-right: 5px;
        width: 20px;
    }
    
    .icon-show>div {
        margin: 5px 0;
    }
    /*Buttons*/
    
    .btn {
        border-color: #cdcdd1;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        outline: none;
        margin-left: 4px;
        font-size: 14px;
        padding: 8px 11px;
        /* font-weight: 600;*/
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
        box-shadow: none;
        /*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12), 1px 1px 0 rgba(255, 255, 255, 0.2) inset;*/
    }
    
    .btn-default,
    .btn-default:focus {
        background-color: #ffffff;
        border: 1px solid #cdcdd1;
        color: #000000;
        background-image: none;
        /*linear-gradient(to bottom, #ffffff 60%, #f9f9f9 100%);*/
    }

    
    .btn-default:hover,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        background-color: #ffffff;
        border-color: #101523;
        color: #000000;
    }
    


    .btn-primary,
    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #101523;
        border: 1px solid #cdcdd1;
        color: #ffffff;
    }
    
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background-color: #101523;
        border-color: #101523;
    }
    
    .btn-primary:active {
        box-shadow: none;
        /* 0 3px 5px rgba(0, 0, 0, 0.125) inset;*/
    }

    .btn-success {
        background-color: #60C060;
        border-color: #60C060;
    }
    
    .btn-success:focus {
        background-color: #54A754;
        border-color: #54A754;
    }
    
    .btn-success:hover,
    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        background-color: #65ca65;
        border-color: #54A754;
    }
    
    .btn-info,
    .btn-info:focus {
        background-color: #5BC0DE;
        border-color: #28a1c4;
    }


    
    .btn-info:hover,
    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        background-color: #5fc8e7;
        border-color: #28A1C4;
    }
    
    .btn-warning,
    .btn-warning:focus {
        background-color: #FF9900;
        border-color: #E38800;
    }

    .btn-text {
        border: 0;
    }
    
    .btn-warning:hover,
    .btn-warning:active,
    .btn-warning.active,
    .open .dropdown-toggle.btn-warning {
        background-color: #ffa800;
    }
    
    .btn-danger,
    .btn-danger:focus {
        background-color: #DF4B33;
        border-color: #CA452E;
    }
    
    .btn-danger:hover,
    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-danger {
        background-color: #e64d35;
    }

    /* .btn-block {
        margin-left: 0 !important;
    } */
    
    .btn-rad {
        border-radius: 2px;
        -webkit-border-radius: 2px;
    }
    
    .btn-delete a {
        color: red;
        border-radius: 4px;
    }
    
    .btn i {
        font-size: 14px;
        margin-right: 2px;
        display: inline-block;
        min-width: 10px;
        /* vertical-align: middle; */
    }
    
    .btn-group-vertical {
        margin: 3px 3px;
    }
    /*Specific icons size*/
    
    .btn-lg {
        padding: 12px 14px;
        font-size: 15px;
        font-weight: 300;
    }
    
    .btn-lg i {
        font-size: 18px;
    }
    
    .btn-sm {
        padding: 4px 7px;
        font-size: 12px;
    }
    
    .btn-sm i {
        font-size: 11px;
    }
    
    .btn-xs {
        padding: 2px 6px;
        font-size: 11px;
    }
    
    .btn-xs i {
        font-size: 12px;
    }
    
    .btn-shadow {
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
    }
    
    .btn-shadow.btn-success {
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    }
    
    .btn-shadow.btn-primary {
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    }
    
    .btn-shadow.btn-warning {
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    }
    
    .btn-shadow.btn-danger {
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    }
    
    .btn-shadow.btn-info {
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    }
    
    .btn-flat,
    .btn-flat:focus {
        box-shadow: none;
    }
    
    .btn-flat.btn-default {
        background: #fff;
    }
    
    .btn-flat:active.btn-default,
    .btn-flat.btn-default.active,
    .btn-flat.open .dropdown-toggle.btn-default {
        background: #f5f5f5;
    }
    
    .btn-flat:active.btn-primary,
    .btn-flat.btn-primary.active,
    .btn-flat.open .dropdown-toggle.btn-primary {
        background: #4785ea;
    }
    
    .btn-flat:active.btn-success,
    .btn-flat.btn-success.active,
    .btn-flat.open .dropdown-toggle.btn-success {
        background: #5db95d;
    }
    
    .btn-flat:active.btn-info,
    .btn-flat.btn-info.active,
    .btn-flat.open .dropdown-toggle.btn-info {
        background: #56b7d3;
    }
    
    .btn-flat:active.btn-warning,
    .btn-flat.btn-warning.active,
    .btn-flat.open .dropdown-toggle.btn-warning {
        background: #ff9600;
    }
    
    .btn-flat:active.btn-danger,
    .btn-flat.btn-danger.active,
    .btn-flat.open .dropdown-toggle.btn-danger {
        background: #d04630;
    }
    
    .btn-group-vertical>.btn {
        margin-bottom: 0 !important;
    }
    
    .btn-group-vertical>.btn:first-child {
        margin-left: 0;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    }
    
    .btn-group-vertical>.btn:last-child {
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    }
    /*Social buttons*/
    
    .btn-facebook i {
        color: #3b5998;
    }
    
    .btn-twitter i {
        color: #00aced;
    }
    
    .btn-google-plus i {
        color: #dd4b39;
    }
    
    .btn-dribbble i {
        color: #ea4c89;
    }
    
    .btn-linkedin i {
        color: #0e76a8;
    }
    
    .btn-youtube i {
        color: #c4302b;
    }
    
    .btn-pinterest i {
        color: #c8232c;
    }
    
    .btn-tumblr i {
        color: #34526f;
    }
    
    .btn-flickr i {
        color: #ff0084;
    }
    
    .btn-facebook.bg {
        background: #3b5998;
        color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.08);
    }
    
    .btn-twitter.bg {
        background: #00aced;
        color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.08);
    }
    
    .btn-google-plus.bg {
        background: #dd4b39;
        color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.08);
    }
    
    .btn-dribbble.bg {
        background: #ea4c89;
        color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.08);
    }
    
    .btn-linkedin.bg {
        background: #0e76a8;
        color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.08);
    }
    
    .btn-youtube.bg {
        background: #c4302b;
        color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.08);
    }
    
    .btn-pinterest.bg {
        background: #c8232c;
        color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.08);
    }
    
    .btn-tumblr.bg {
        background: #34526f;
        color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.08);
    }
    
    .btn-flickr.bg {
        background: #0063dc;
        color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.08);
    }
    
    .btn-github.bg {
        background: #333;
        color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.08);
    }
    
    .btn.bg i {
        color: #FFF;
    }
    
    .btn:focus {
        outline: none;
    }


    
    .btn-group.btn-blurbg {
        background: url("../img/blur_bg.png") no-repeat;
        padding: 40px;
        margin-bottom: 20px;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    }
    
    .btn.btn-transparent {
        border-top: 1px solid #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        border-left: 1px solid rgba(255, 255, 255, 0.4);
        border-right: 1px solid rgba(255, 255, 255, 0.4);
        background: rgba(255, 255, 255, 0.2);
        color: #fff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    }
    
    .btn.btn-transparent:hover {
        background: rgba(255, 255, 255, 0.32);
    }
    
    .video-player {
        position: relative;
        display: inline-block;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    }
    
    .video-player video {
        display: block;
        max-width: 320px;
        width: 100%;
    }
    
    .video-player .btn-controls {
        text-align: center;
        bottom: 5px;
        position: absolute;
        width: 100%;
    }
    
    .video-player .btn-controls .btn-group {
        margin: 0;
    }
    
    .video-player .btn-controls .btn-group {
        float: none;
    }
    
    button::-moz-focus-inner {
        border: 0;
    }
    
    .btn-group .dropdown-menu {
        border-radius: 1px;
    }
    
    .input-group-btn .btn[type="submit"] {
        /*padding-bottom: 10px;*/
    }
    
    .btn-link {
        border: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    /*Bootstrap 3.1.0 Fix*/
    
    .btn-group .dropdown-backdrop+.btn {
        margin-left: -1px;
    }
    
    .input-group-addon.btn-primary,
    .input-group-addon.btn-success,
    .input-group-addon.btn-danger,
    .input-group-addon.btn-warning {
        color: #fff;
    }
    /*Modals*/
    
    .modal {
        overflow: auto;
    }
    
    .modal-content {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 0;
    }
    
    .custom-width {
        width: 40%;
        max-width: none;
    }
    
    .modal-content>.close {
        margin-right: 10px;
        margin-top: 10px;
    }
    
    .md-content {
        background: #FFFFFF;
        border: 0 none;
        border-radius: 5px;
        color: #555555;
        overflow: hidden;
    }
    
    .md-content .modal-header {
        border-bottom: 0 none;
    }
    
    .modal-content .modal-header {
        border-bottom: 0;
    }
    
    .colored-header .modal-header {
        padding: 20px;
        border-bottom: 1px solid #1080de !important;
        background-color: #0091FF;
        color: #fff;
    }
    
    .colored-header.success .modal-header {
        padding: 20px;
        border-bottom: 1px solid #4cac4c !important;
        background-color: #60c060;
        color: #fff;
    }
    
    .colored-header.info .modal-header {
        padding: 20px;
        border-bottom: 1px solid #47acca !important;
        background-color: #5bc0de;
        color: #fff;
    }
    
    .colored-header.warning .modal-header {
        padding: 20px;
        border-bottom: 1px solid #eb8500 !important;
        background-color: #ff9900;
        color: #fff;
    }
    
    .colored-header.danger .modal-header {
        padding: 20px;
        border-bottom: 1px solid #cb371f !important;
        background-color: #df4b33;
        color: #fff;
    }
    
    .md-dark .modal-header {
        background-color: #2494f2;
        color: #fff;
    }
    
    .md-dark .modal-header {
        background-color: #2494f2;
        color: #fff;
    }
    
    .md-dark .md-content {
        background-color: #23262B;
        color: #BBBEC3;
    }
    
    .md-dark .md-content input {
        background-color: transparent;
        color: #b2b2b2;
    }
    
    .md-dark .modal-content .modal-footer {
        border: 0;
        background-color: transparent;
    }
    
    .md-dark .md-content .modal-footer {
        border: 0;
        background-color: transparent;
    }
    
    .md-dark .md-content .modal-footer .btn {
        margin-bottom: 0 !important;
    }
    
    .modal-content h4,
    .modal-content h4 {
        font-weight: 400;
    }
    
    .modal-content h3,
    .modal-content h3 {
        font-weight: 300;
        margin-top: 0;
    }
    
    .modal-content h2 {
        margin: 0;
    }
    
    .modal-content .modal-footer {
        background: #FBFBFB;
        border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
    }

    .modal-content .react-tagsinput-input {
        width: 180px !important;
    }
    
    @media (min-width: 768px) and (max-width: 979px) {
        .custom-width {
            width: 60%;
            max-width: none;
        }
    }
    
    @media (max-width: 767px) {
        /* mobile */
        body {
            background-color: #ffffff;
        }

        #pcont {
            box-shadow: 0 7px 14px 0 #ffffff, 0 3px 6px 0 #ffffff;
        }

        .custom-width {
            width: 90%;
            max-width: none;
        }
    }
    /*Circle*/
    
    .i-circle {
        border: 5px solid #F1F1F1;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        height: 80px;
        width: 80px;
        display: inline-block;
        padding-top: 15px;
        margin-bottom: 7px;
    }
    
    .i-circle i {
        font-size: 34px;
        vertical-align: middle;
        color: #666;
    }
    
    .i-circle.success i {
        color: #60C060;
    }
    
    .i-circle.primary i {
        color: #4D90FD;
    }
    
    .i-circle.info i {
        color: #5bc0de;
    }
    
    .i-circle.warning i {
        color: #FC9700;
    }
    
    .i-circle.danger i {
        color: #DA4932;
    }
    /*Gritter Notifications*/
    
    #gritter-notice-wrapper {
        width: 320px;
        top: 45px;
    }
    
    .gritter-item-wrapper {
        background: url("../lib/jquery.gritter/images/gritter-bg.png");
        box-shadow: 0 0px 5px rgba(0, 0, 0, 0.32);
    }
    
    .gritter-top {
        background: transparent;
    }
    
    .gritter-item {
        font-family: 'Open Sans', sans-serif;
        background: transparent;
        color: #FFF;
        padding: 2px 20px 12px;
        padding-right: 35px;
        padding-left: 10px;
    }
    
    .gritter-bottom {
        background: transparent;
    }
    
    .gritter-item p {
        font-size: 12px;
        line-height: 19px;
    }

    .gritter-center{
        position:fixed;
        left:33%;
        right:33%;
        top:13px;
        }
    
    .gritter-title {
        text-shadow: none;
        font-weight: 300;
        font-size: 17px;
    }
    
    .gritter-close {
        display: block !important;
        top: 0;
        right: 0;
        left: auto;
        height: 30px;
        width: 35px;
        font-size: 0;
        background: transparent;
        text-indent: inherit;
    }
    
    .gritter-close:after {
        content: '×';
        position: absolute;
        color: #FFF;
        left: 10px;
        font-size: 24px;
        font-weight: bold;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
    }
    
    .gritter-without-image,
    .gritter-with-image {
        padding-left: 7px;
        width: 224px;
    }
    
    .gritter-item-wrapper.clean {
        background: #FFF;
    }
    
    .gritter-item-wrapper.clean .gritter-item {
        color: #555;
    }
    
    .gritter-item-wrapper.clean .gritter-close {
        display: block !important;
        top: 0;
        right: 0;
        left: auto;
        height: 100%;
        width: 35px;
        border-left: 1px solid #258fec;
        border-top: 1px solid #52C0FF;
        background-image: -moz-linear-gradient(center top, #52aeff 45%, #2180d3 102%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#52aeff), to(#2180d3));
        /* Chrome, Safari 4+ */
        background-image: -webkit-linear-gradient(top, #52aeff, #2180d3);
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image: -o-linear-gradient(top, #52aeff, #2180d3);
        /* Opera 11.10-12.00 */
        background-image: linear-gradient(to bottom, #52aeff, #2180d3);
        background-color: #3290E2;
        text-indent: inherit;
    }
    
    .gritter-item-wrapper.clean .gritter-close:after {
        content: '×';
        position: absolute;
        color: #FFF;
        top: 50%;
        left: 10px;
        font-size: 24px;
        font-weight: bold;
        margin-top: -17px;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
    }
    
    .gritter-image {
        margin-top: 3px;
    }
    /*Facebook Style*/
    
    .gritter-item-wrapper.facebook {
        background: #5d82d1;
    }
    
    .gritter-item-wrapper.facebook .gritter-item {
        color: #FFF;
    }
    
    .gritter-item-wrapper.facebook .gritter-close {
        background-color: transparent;
        top: 5px;
    }
    /*Twitter Style*/
    
    .gritter-item-wrapper.twitter {
        background: #50bff5;
    }
    
    .gritter-item-wrapper.twitter .gritter-item {
        color: #FFF;
    }
    
    .gritter-item-wrapper.twitter .gritter-close {
        background-color: transparent;
        top: 5px;
    }
    /*Google+ */
    
    .gritter-item-wrapper.google-plus {
        background: #eb5e4c;
    }
    
    .gritter-item-wrapper.google-plus .gritter-item {
        color: #FFF;
    }
    
    .gritter-item-wrapper.google-plus .gritter-close {
        background-color: transparent;
        top: 5px;
    }
    /*Dribbble */
    
    .gritter-item-wrapper.dribbble {
        background: #f7659c;
    }
    
    .gritter-item-wrapper.dribbble .gritter-item {
        color: #FFF;
    }
    
    .gritter-item-wrapper.dribbble .gritter-close {
        background-color: transparent;
        top: 5px;
    }
    /*Flickr */
    
    .gritter-item-wrapper.flickr {
        background: #0063dc;
    }
    
    .gritter-item-wrapper.flickr .gritter-item {
        color: #FFF;
    }
    
    .gritter-item-wrapper.flickr .gritter-close {
        background-color: transparent;
        top: 5px;
    }
    /*Linkedin */
    
    .gritter-item-wrapper.linkedin {
        background: #238cc8;
    }
    
    .gritter-item-wrapper.linkedin .gritter-item {
        color: #FFF;
    }
    
    .gritter-item-wrapper.linkedin .gritter-close {
        background-color: transparent;
        top: 5px;
    }
    /*Youtube */
    
    .gritter-item-wrapper.youtube {
        background: #ef4e41;
    }
    
    .gritter-item-wrapper.youtube .gritter-item {
        color: #FFF;
    }
    
    .gritter-item-wrapper.youtube .gritter-close {
        background-color: transparent;
        top: 5px;
    }
    /*Pinterest */
    
    .gritter-item-wrapper.pinterest {
        background: #e13138;
    }
    
    .gritter-item-wrapper.pinterest .gritter-item {
        color: #FFF;
    }
    
    .gritter-item-wrapper.pinterest .gritter-close {
        background-color: transparent;
        top: 5px;
    }
    /*Github */
    
    .gritter-item-wrapper.github {
        background: #333333;
    }
    
    .gritter-item-wrapper.github .gritter-item {
        color: #FFF;
    }
    
    .gritter-item-wrapper.github .gritter-close {
        background-color: transparent;
        top: 5px;
    }
    /*Tumblr */
    
    .gritter-item-wrapper.tumblr {
        background: #426d9b;
    }
    
    .gritter-item-wrapper.tumblr .gritter-item {
        color: #FFF;
    }
    
    .gritter-item-wrapper.tumblr .gritter-close {
        background-color: transparent;
        top: 5px;
    }
    /*Colors */
    
    .gritter-item-wrapper.primary {
        background: #2494f2;
    }
    
    .gritter-item-wrapper.success {
        background: #60c060;
    }
    
    .gritter-item-wrapper.info {
        background: #5bc0de;
    }
    
    .gritter-item-wrapper.warning {
        background: #ff9900;
    }
    
    .gritter-item-wrapper.danger {
        background: #df4b33;
    }
    
    .gritter-item-wrapper.dark {
        background: #23262b;
    }
    /*Nano Scroller*/
    
    .nano>.pane {
        width: 6px;
        -webkit-border-radius: 0;
        /* Android = 1.6, iOS 1-3.2, Safari 3-4 */
        border-radius: 0;
        /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
        background-clip: padding-box;
        /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
        background-color: rgba(0, 0, 0, 0.1);
    }
    
    .nano>.pane>.slider {
        background-color: rgba(0, 0, 0, 0.25);
        width: 100%;
        -webkit-border-radius: 0;
        /* Android = 1.6, iOS 1-3.2, Safari 3-4 */
        border-radius: 0;
        /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
        background-clip: padding-box;
        /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
        margin: 0;
    }
    
    .jqstooltip {
        padding: 3px 10px 5px 5px;
        min-height: 25px;
        min-width: 30px;
    }

    .tooltip {
        z-index: 10000 !important;
        position: fixed;
        padding: 20px 0 !important;
        height: 60px !important;
        margin-left: 25px !important;
        margin-top: -7px !important;
    }
    
    .tooltip-inner {
        /* background-color: #a5a5a5; */
        opacity: 0.8;
        padding: 8px;
        margin-left: 3px;
    }

    .tooltip-arrow {
        margin-top: 3px !important;
        opacity: 0.8;
    }
    
    .tree .content {
        padding: 0 !important;
    }
    
    .tree .title {
        padding: 20px;
    }
    
    .treeview {
        display: block;
        visibility: visible;
    }
    
    .treeview label {
        font-weight: 400;
        margin: 0;
        padding: 7px 18px;
        display: block;
        border-bottom: 0px solid #E5E5E5;
    }
    
    .treeview label:hover,
    .treeview label.open {
        background: #F9F9F9;
    }
    
    .treeview li>ul {
        display: none;
    }
    
    .treeview li.open>ul {
        display: block;
    }
    
    .treeview ul li {
        border-bottom: 0px solid #E5E5E5;
    }
    
    .treeview ul li a {
        padding-top: 5px;
        padding-bottom: 5px;
        color: #555;
    }
    
    .treeview ul li a.active {
        background-color: #E5E5E5;
    }
    
    .treeview ul li a:hover {
        background: #F9F9F9;
    }
    
    .treeview label i {
        font-size: 14px;
        text-align: center;
        width: 24px;
        color: #4D90FD;
    }
    
    .treeview ul li label {
        padding-left: 36px;
    }
    
    .treeview ul li ul li label {
        padding-left: 54px;
    }
    
    .treeview ul li ul li ul li label {
        padding-left: 72px;
    }
    
    .treeview ul li ul li ul li ul li label {
        padding-left: 90px;
    }
    
    .treeview ul li a {
        padding-left: 36px;
    }
    
    .treeview ul li ul li a {
        padding-left: 54px;
    }
    
    .treeview ul li ul li ul li a {
        padding-left: 72px;
    }
    
    .treeview ul li ul li ul li a {
        padding-left: 90px;
    }
    
    .treeview .tree-toggler {
        cursor: pointer;
    }
    
    @media (max-width: 767px) {
        .page-aside.tree .header {
            border-bottom: 1px solid #E5E5E5;
        }
        .tree .nano .content {
            position: static;
            overflow: visible;
        }
        .treeview.collapse {
            display: none;
        }
        .treeview.collapse.in {
            display: block;
        }
    }
    
    ul.timeline {
        position: relative;
        padding: 0 0 1px 0;
        margin-bottom: 40px;
    }
    
    ul.timeline:before {
        background-color: #E1E1E1;
        bottom: 0;
        content: "";
        left: 31px;
        margin-left: -10px;
        position: absolute;
        top: 2px;
        width: 2px;
    }
    
    ul.timeline:after {
        bottom: -9px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #E1E1E1;
        position: absolute;
        left: 17px;
        content: "";
    }
    
    ul.timeline li {
        position: relative;
        list-style: none;
        margin-bottom: 25px;
    }
    
    ul.timeline li>.fa {
        left: 2px;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
        font-size: 14px;
        color: #FFF;
        border-radius: 50%;
        background: #52AEFF;
        padding: 10px;
        text-align: center;
        width: 40px;
        height: 40px;
        border: 3px solid #FFF;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
        position: absolute;
        z-index: 2;
        top: 0;
    }
    
    ul.timeline li .fa.red {
        background: #EA6153;
    }
    
    ul.timeline li .fa.green {
        background: #19B698;
    }
    
    ul.timeline li .fa.purple {
        background: #A66BBE;
    }
    
    ul.timeline li .content {
        position: relative;
        border-radius: 3px;
        background: #FFF;
        margin-left: 75px;
        padding: 12px 10px;
        border: 1px solid #E8E8E6;
        line-height: 15px;
    }
    
    ul.timeline li .content p {
        margin: 0;
    }
    
    ul.timeline li .content .img-thumbnail {
        border-radius: 0;
        margin: 10px 5px 0 0;
        cursor: pointer;
    }
    
    ul.timeline li .content blockquote {
        margin: 10px 0 0 0;
    }
    
    ul.timeline li .content blockquote p {
        margin: 0 0 5px 0 !important;
        font-size: 14px;
    }
    
    ul.timeline li .content:before {
        background: #FFF;
        position: absolute;
        top: 14px;
        content: "";
        width: 10px;
        height: 10px;
        left: -6px;
        border-left: 1px solid #E8E8E6;
        border-bottom: 1px solid #E8E8E6;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        /* IE 9 */
        -webkit-transform: rotate(45deg);
        /* Safari and Chrome */
    }
    
    ul.timeline li>.date {
        background: #E8E8E8;
        position: absolute;
        top: 49px;
        display: block;
        width: 44px;
        padding: 0 5px;
        text-align: center;
        border: 1px solid #E1E1E1;
        font-size: 11px;
        border-radius: 1px;
        text-shadow: 0 1px 0 #fafafa;
        color: #7B7B7B;
        line-height: 19px;
    }
    
    @media screen and (min-width: 1500px) {
        .cbp_tmtimeline>li .cbp_tmtime {
            padding-right: 130px;
        }
    }
    /*Validation*/
    
    .parsley-errors-list {
        margin-top: 4px;
        padding: 0;
    }
    
    .parsley-errors-list li {
        padding: 0;
        list-style: none;
        color: #cc0000;
    }
    
    .parsley-error {
        border-color: #c00 !important;
    }
    
    .error-list {
        margin-top: 4px;
        padding: 0;
    }
    
    .error-list li {
        padding: 0;
        list-style: none;
        color: #cc0000;
    }
    
    .error {
        border-color: #c00 !important;
    }
    
    span.error {
        color: #c00;
        font-size: 15px;
    }
    
    ul.location-drop {
        list-style-type: none;
        padding-left: 12px !important;
        white-space: nowrap;
    }

    ul.menu-drop {
        list-style-type: none;
        width: 65px;
        display: inline-block;
        margin-left: -26px;
    }
    
    ul.location-drop .brand {
        font-size: 18px;
        font-weight: 500;
        padding-top: 12px;
        display: block;
        color: #000000;
        white-space: nowrap;
    }

    ul.location-drop .address {
        color: #9B9B9B;
    }
    
    
    ul.location-drop .brand-sub {
        font-size: 24px;
        padding-top: 16px;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    /*ul.location-drop .brand:hover {
	width: auto;
}*/
    
    ul.location-drop .location-name {
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        text-transform: uppercase;
        font-size: 12px;
    }
    
    .location-head {
        float: left;
        margin-left: 20px;
        color: #555;
        padding-right: 20px;
        height: 70px;
    }
    /* header drop down */
    
    ul.header-drop {
        list-style-type: none;
        padding-left: 0 !important;
        padding-right: 20px;
        white-space: nowrap;
    }
    
    ul.header-drop .brand {
        font-size: 18px;
        font-weight: 500;
        padding-top: 19px;
        display: block;
        color: #000;
        white-space: nowrap;
    }

    
    ul.header-drop .brand-sub {
        font-size: 24px;
        padding-top: 16px;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    /*Tickets Widget*/
    
    .list-group.tickets .list-group-item {
        overflow: hidden;
        margin-bottom: 10px;
        background: #F2F2F2;
        border-radius: 4px;
        border: 0;
    }
    
    .list-group.tickets .list-group-item {
        padding: 13px 15px;
    }
    
    .list-group.tickets .list-group-item .avatar {
        float: left;
        margin-right: 10px;
        border-radius: 50%;
    }
    
    .list-group.tickets .list-group-item .name {
        margin: 0 0 5px 0;
        font-size: 13px;
        font-weight: 600;
    }
    
    .list-group.tickets .list-group-item p {
        margin: 0;
        line-height: 12px;
    }
    
    .list-group.tickets .list-group-item .date {
        font-size: 11px;
        color: #999;
    }
    
    .list-group.tickets .list-group-item .label {
        line-height: 16px;
    }
    /*Todo Widget*/
    
    .list-group.todo .list-group-item {
        font-size: 13px;
        border: 0;
        margin-bottom: 10px;
        background: #FFF;
        border-bottom: 1px solid #E2E2E2;
        border-left: 1px solid #EFEFEF;
        border-radius: 3px;
        border-right: 1px solid #EFEFEF;
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
        padding: 13px 15px;
    }
    
    .list-group.todo .list-group-item .date {
        font-size: 12px;
        float: right;
    }
    
    .fc-header {
        display: block;
    }
    
    .fc-header td {
        border-bottom: 0;
        border-left: 0;
    }
    
    .fc-header td:last-child {
        border-right: 0;
    }
    
    .calendar-env .calendar-body .fc-header .fc-header-left {
        padding: 20px;
    }
    
    .calendar-env .calendar-body .fc-header .fc-header-right {
        padding: 20px;
    }
    
    .fc-header-title {
        padding: 0 10px;
    }
    
    .fc-header .fc-button {
        margin: 0;
        vertical-align: middle;
    }
    
    .fc-button {
        padding: 10px;
        display: inline !important;
    }
    /*
.fc-state-default.fc-corner-left {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.fc-state-default.fc-corner-right {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0px;
}
.fc-state-default {
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  color: #666;
  border: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.fc-state-active,
.fc-state-active .fc-button-inner,
.fc-state-active,
.fc-button-today .fc-button-inner,
.fc-state-hover,
.fc-state-hover .fc-button-inner {
  background: #2e9efc;
  color: #fff;
  box-shadow: none;
  text-shadow: none;
}
.fc-event {
  background: #2494f2 !important;
  border-color: #2494f2 !important;
  color: #ffffff !important;
}
*/
    
    .external-event {
        /* try to mimick the look of a real event */
        margin: 2px 0;
        padding: 2px 4px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #2494f2;
        color: #fff;
        font-size: .85em;
        cursor: pointer;
        display: inline-block;
    }
    
    #external-events p {
        padding-top: 5px;
        margin-top: 5px;
    }
    
    @media (max-width: 767px) {
        .fc-header .fc-header-left,
        .fc-header .fc-header-center,
        .fc-header .fc-header-right {
            text-align: center;
            display: block;
            width: 100%;
            padding: 20px;
        }
        .fc-header .fc-header-center {
            padding: 0;
        }
    }
    /*Multiselect*/
    
    .multiselect-container>li>a>label.radio,
    .multiselect-container>li>a>label.checkbox {
        padding-left: 20px;
    }
    
    .multiselect-container>li.active>a {
        background-color: #e8e8e8;
    }
    
    .multiselect-container>li.active:hover>a {
        background-color: #e8e8e8;
    }
    
    .multiselect-container>li>label.multiselect-group {
        font-size: 13px;
        font-weight: 600;
    }
    
    .ms-container .ms-list {
        box-shadow: none;
    }
    
    .ms-container .ms-list.ms-focus {
        border-color: #2494f2;
        box-shadow: none;
    }
    
    .ms-container .ms-selectable li.ms-hover,
    .ms-container .ms-selection li.ms-hover {
        background: #2494f2;
    }
    
    #ms-custom-headers .custom-header {
        background: #2494f2;
        color: #FFFFFF;
        padding: 7px 10px;
        font-size: 14px;
    }
    
    #ms-custom-headers .ms-list {
        border-radius: 0 0 3px 3px;
        border-top: none;
    }
    
    #ms-searchable .ms-list {
        border-radius: 0 0 3px 3px;
        border-top: none;
    }
    /*Input Group Fix*/

    .input-control {
        padding: 2px 2px 2px 4px;
        width: 100%;
    }

    .input-control:focus {
        outline:none;
    }
    
    .input-group-addon~.btn-group {
        margin-left: 0;
    }
    
    form.dropzone {
        -webkit-border-radius: 3px;
        /* Android = 1.6, iOS 1-3.2, Safari 3-4 */
        border-radius: 3px;
        /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
        background-clip: padding-box;
        /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
        border-style: dashed;
        border-color: #84c3f8;
        padding: 54px;
    }
    
    form.dropzone h2 {
        margin-bottom: 30px;
    }
    
    form.dropzone .note {
        font-size: 16px;
    }
    
    #pcont-in {
        margin-left: 260px;
        padding-right: 0;
    }
    
    .scroll-right-border {
        border-right: 1px solid #e0e0e0;
    }
    /*Nav Pills*/
    
    .top-nav>li.active>a {
        background-color: #101523;
        color: #fff;
        border-radius: .375rem;
        border: 1px solid #101523;
    }
    
    .top-nav>li.active>a:hover,
    .top-nav>li.active>a:focus {
        background-color: #101523;
        color: #fff;
    }
    
    .top-nav>li.inactive>a,
    .top-nav>li.inactive>a:hover,
    .top-nav>li.inactive>a:focus {
        background-color: #a5a5a5 !important;
        border-color: #a5a5a5 !important;
        color: #fff !important;
        cursor: default !important;
    }

    .top-nav>li.btn-text>a{
        border: 0;
    }
    
    .top-nav li>a {
        font-size: 14px;
        font-weight: 500;
        border: 1px solid #cdcdd1;
        padding: 0.75rem 1rem;
        margin-left: 3px;
    }
    
    .top-nav li>a:hover,
    .top-nav li>a:focus {
        background-color: #f8f8f8;
    }


    /* start left nav */

    .left-nav {
        margin-top: 30px;
        margin-right: 15px;
    }
       
    .left-nav>li.active>a {
        background-color: #ffffff;
        color: #333;
        border-radius: 7px;
        border: 0px !important;
    }
    
    .left-nav>li.active>a:hover,
    .left-nav>li.active>a:focus {
        color: #000000;
        background-color: #ffffff;
    }
    
    .left-nav>li.inactive>a,
    .left-nav>li.inactive>a:hover,
    .left-nav>li.inactive>a:focus {
        background-color: #a5a5a5 !important;
        border-color: #a5a5a5 !important;
        color: #fff !important;
        cursor: default !important;
    }

    .left-nav>li.btn-text>a{
        border: 0;
    }
    
    .left-nav li>a {
        font-size: 1em;
        font-weight: 400;
        border: 0px;
        color: #333;
        margin-left: 10px;
        margin-right: 10px;
        padding: 8px 1rem;
        /* border-radius: 0px !important; */
    }
    
    .left-nav li>a:hover,
    .left-nav li>a:focus {
        color: #000000;
        background-color: transparent;
    }
    /*----- end left nav */



    /*RESPONSIVE*/
    /*Responsive CSS*/
    
    @media (min-width: 1200px) {
        .cl-sidebar .cl-vnavigation {
            display: flex !important;
            flex-direction: column;
        }
        .no-breadcrumb {
            min-width: 1200px;
        }
    }
    
    @media (min-width: 980px) and (max-width: 1199px) {
        .cl-sidebar .cl-vnavigation {
            display: flex !important;
            flex-direction: column;
        }
        .no-breadcrumb {
            min-width: 980px;
        }
    }
    
    @media (min-width: 768px) and (max-width: 979px) {
        .butstyle {
            width: 30.9%;
        }
        .butstyle:first-child {
            margin-left: 0;
        }
        .navbar-default .navbar-brand {
            background-position: 0 11px;
            height: 50px;
            width: 45px;
            padding-left: 26px;
        }
        .navbar-default .navbar-brand span {

        }
        .cl-sidebar {
            width: 55px;
        }
        #pcont {
            margin-left: 55px;
        }
        #cl-wrapper.fixed-menu .menu-space {
            width: 55px;
        }
        .cl-vnavigation li {
            position: relative;
        }
        .cl-vnavigation .parent a {
            background: none;
        }
        .cl-vnavigation li a i {
            font-size: 18px;
        }
        .cl-vnavigation li a span {
            opacity: 1;
            height: 0;
        }
        .cl-sidebar .side-user {
            display: none;
        }
        /*.cl-sidebar .cl-vnavigation {
    display: block !important;
  }*/
        .cl-vnavigation li ul {
            display: none !important;
        }
        .cl-sidebar .collapse-button {
            display: none;
        }
        .cl-sidebar .collapse-button .search {
            display: none;
        }
    }

    @media (min-width: 768px) and (max-width: 1023px) {
        .navbar-nav {
            margin-top: 10px;
        }
    }
    @media (min-width: 768px) {
       
        .kiosk-nav {
            display: block;
        }

        .navbar-default .navbar-collapse {
            float: right;
        }
        .btn-emergency {
            border: 1px solid #CCCCCC;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            outline: none;
            margin-top: 6px !important;
            margin-left: 4px;
            font-size: 16px;
            padding: 15px 11px;
            box-shadow: none;
            box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12), 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
            width: 162px;
            background-color: #fff;
            padding-top: 7px !important;
            padding-bottom: 7px !important;
        }
        .btn-emergency:hover {
            background-color: transparent !important;
            color: red !important;
        }

       
    }
    
    @media (max-width: 768px) {
        #cl-wrapper {
            display: block;
            padding-top: 0;
            min-width: auto;
        }
        #pcont,
        .sb-collapsed #pcont {
            margin-left: 0;
        }
        
        .cl-mcont {
            padding: 15px;
        }
        /*nav bar*/
        .navbar {
            padding-right: 10px;
        }
        ul.menu-action {
            list-style-type: none;
        }
        ul.location-drop {
            list-style-type: none;
            padding-left: 0 !important;
            border-right: 0;
            padding-right: 20px;
            height: 70px;
            white-space: nowrap;
        }
        ul.location-drop .brand {
            font-size: 18px;
            display: block;
            width: 265px;
            overflow-x: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        /*ul.location-drop .brand:hover {
		width: auto;
	}*/
        ul.location-drop .location-name {
            max-width: 250px;
            overflow-x: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            text-transform: uppercase;
            font-size: 12px;
            margin-left: 10px;
        }
        .location-head {
            float: left;
            margin-left: 0;
            color: #555;
            padding-right: 20px;
            height: 70px;
            max-width: 180px;
        }
        .message .head h2 span a {
            margin-bottom: 2px;
            margin-right: 5px;
        }
        .alert {
            margin-top: 70px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
        .navbar-fixed-top {
            position: relative;
            margin: 0;
        }

        .navbar-header {
            padding: 0 10px;
        }
        /*dropdown menu*/
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
            color: #000;
        }
        .navbar-default .navbar-nav .dropdown-submenu>a:after {
            border-width: 0;
        }
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
            color: #FFF;
        }
        .navbar-nav .dropdown-menu>li>a:hover,
        .navbar-nav .dropdown-menu>li>a:focus,
        .navbar-nav .dropdown-submenu:hover>a {
            background-color: transparent;
        }
        .navbar-nav .dropdown-submenu ul {
            display: block;
            padding-left: 20px;
        }
        .navbar-nav .dropdown-header {
            color: #FFF;
        }
        .navbar-nav .col-menu-2>li>ul>li a {
            color: #FFF;
            padding-left: 45px;
        }
        .navbar-nav .col-menu-3>li>ul>li a {
            color: #FFF;
            padding-left: 45px;
        }
        .navbar-default .navbar-nav>.active>a,
        .navbar-default .navbar-nav>.active>a:hover,
        .navbar-nav>.active>a:focus,
        .navbar-nav>.active>a:active {
            background: transparent !important;
            color: #FFF !important;
        }
        .navbar-default .navbar-nav>li.divider {
            height: 1px;
            border-bottom: 1px solid #dadada;
        }
        #cl-wrapper.fixed-menu .menu-space {
            /* background-color: #0091FF; */
        }
        .not-nav {
            text-align: center;
            /*background: #218ae1;
    border-top: 1px solid #2082d5;*/
            margin: 0;
            min-width: 280px;
        }
        .navbar-default .navbar-nav>li.button {
            display: inline-block;
            /* padding: 25px 6px; */
            top: 100%;
        }
        .not-nav>li>.dropdown-menu {
            text-align: left;
        }
        .navbar-default .navbar-nav>li.button>a>i {
            font-size: 17px;
            vertical-align: middle;
        }
        .navbar-default .navbar-nav>li.button .dropdown-menu {
            position: absolute;
            background-color: #FFFFFF;
            border: 1px solid rgba(0, 0, 0, 0.15);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
            border-top: 0;
            margin-left: -110px;
        }
        .navbar-default .navbar-nav>li.button .dropdown-menu>li>a {
            text-align: left;
        }
        .navbar-collapse {
            padding: 0 !important;
        }
        .navbar-collapse .navbar-nav {
            margin-top: 30px;
        }
      
        .profile_menu .dropdown-toggle {
            padding-left: 15px;
        }
        .navbar-default .navbar-brand {
            width: auto;
        }
        .user-nav {
            float: right;
            margin-right: 12px !important;
        }

        .navbar-nav {
            margin-left: 5px;
            padding: 0 20px 0 14px;
        }
        .navbar-collapse.in {
            overflow: visible;
            background-color: #4a4a4a;
        }
        .navbar-collapse-top {
            background-color: #e8e8e8;
            margin-left: -15px;
            margin-right: -15px;
            border-bottom: 1px solid #ccc;
        }

        #head-nav {
            padding: 0;
        }


        .navbar-default .navbar-collapse, .navbar-default .navbar-form {
            margin-top:12px;
        }
       
        /*  .navbar-header {
    padding: 0 10px;
        margin-left: -15px;
    margin-right: -15px;
}*/
        .col-menu-2>div:first-child {
            border-right: 0;
        }
        /*end - dropdown*/

     
        .cl-sidebar,
        .sb-collapsed .cl-sidebar {
            /* background: none repeat scroll 0 0 #F1F1F2; */
            width: 100%;
            position: relative;
            z-index: 0;
            padding-bottom: 0;
            min-width: 768px;
        }

        .sb-collapsed .cl-sidebar {
            top: 0;
            height: 0;
        }
        #cl-wrapper.fixed-menu .menu-space,
        #cl-wrapper.fixed-menu.sb-collapsed .menu-space {
            position: relative;
            height: auto !important;
            width: 100%;
        }
        #cl-wrapper .menu-space {
            min-height: 0 !important;
        }
        #cl-wrapper.fixed-menu .menu-space .content,
        #cl-wrapper.fixed-menu.sb-collapsed .menu-space .content {
            overflow: visible;
            position: relative;
        }
        .sb-collapsed .cl-vnavigation .parent>a {
            background: url("../img/arrow.png") no-repeat scroll right 14px top 18px rgba(0, 0, 0, 0);
        }
        .sb-collapsed .cl-vnavigation li a span {
            opacity: 1;
        }
        .sb-collapsed .cl-vnavigation li a i {
            font-size: 14px;
            margin-right: 7px;
            text-align: center;
            width: 20px;
        }
        .sb-collapsed .cl-vnavigation li.open ul {
            display: block !important;
        }
        .cl-sidebar .cl-toggle {
            display: block;
            margin-top: 0;
        }
        
        .cl-sidebar .cl-vnavigation { 
            display: none;
        } 
        /* .cl-sidebar .side-user {
            display: none;
        } */
        /*Stats*/
        .butstyle {
            width: 100%;
            margin-right: 10px;
            margin-left: 0;
            max-width: 45%;
        }
        /*Forms*/
        .form-horizontal.group-border .form-group {
            padding: 5px 0 15px 0;
        }
        .form-horizontal.group-border .form-group label {
            margin-bottom: 7px;
        }
        .form-horizontal.group-border-dashed .form-group label {
            margin-bottom: 7px;
        }
        /*Buttons*/
        /*Login*/
        .login-container .middle-login {
            width: 100%;
            margin-left: 0px;
            padding: 0 15px;
            left: auto;
        }
        .cl-sidebar .collapse-button {
            display: none;
        }
        .cl-vnavigation {
            margin: 0 0 0 0;
            padding: 0;
            width: 100%;
        }

           
        .sb-collapsed .cl-vnavigation li {
            position: relative;
            border-bottom: 0;
            /* background-color: #0091FF; */
            height: auto;
        }
       
        .sb-collapsed .cl-vnavigation>li>a>span {
            opacity: 1;
            display: inline-block;
            font-size: 14px;
            text-align: left;
            text-transform: uppercase;
        }
        .message .head {
            margin-bottom: 35px;
            padding: 0;
        }
        .message .head div {
            font-weight: 300;
            font-size: 14px;
            margin-left: 0;
            margin-right: 0;
            margin-top: 0;
            float: right;
           width: 100%;
        }
        .message .head h2 span {
            font-weight: 300;
            font-size: 14px;
            float: none;
        }
        .message .head div a {
            margin-right: 0;
            margin-bottom: 3px;
        }
        .message .general {
            overflow-y: inherit;
            padding-left: 0;
            padding-right: 0;
            margin-left: 0;
        }

        .nav>li {
            position: relative;
            display: block;
            /* width: 100%; */
            /* float: left; */
        }
        .nav>li>a {
            padding: 5px 10px;
        }
        .top-nav li>a {
            font-size: 12px;
            font-weight: 500;
            text-align: center;
        }
        .sub-nav {
            font-size: 10px;
            margin-top: -35px;
            margin-left: 59px;
            height: 35px;
            color: #fff;
        }

        .navbar-toggle {
            position: relative;
            float: right;
            padding: 9px 10px;
             margin-top: 0;
            margin-right: 15px;
            /* margin-bottom: 8px; */
            background-color: transparent;
            background-image: none;
            border: 0px solid transparent;
            border-radius: 4px;
        }

        .nav-pills>li+li {
            margin-left: 0px;
        }
        .sub-nav li>a {
            color: #a5a5a5;
        }
        .main-nav {
            padding: 0;
        }
        .third-nav {
            font-size: 12px;
            border-bottom: 1px solid #F1F1F2;
            background-color: #fff;
            padding: 3px 0;
        }
        .third-nav>li>a {
            color: #797979;
        }
        .third-nav>li.active>a {
            border-radius: 4px;
            background-color: #eee;
            color: #fff;
            background-color: #4D90FD;
        }
    }
    /* chhai custom */
    
    .form-horizontal .control-group {
        margin-bottom: 20px;
        *zoom: 1;
    }
    
    .form-horizontal .control-group:before,
    .form-horizontal .control-group:after {
        display: table;
        line-height: 0;
        content: "";
    }
    
    .form-horizontal .control-group:after {
        clear: both;
    }
    
    .form-horizontal .control-label {
        float: left;
        width: 160px;
        padding-top: 0px;
        text-align: right;
    }
    
    .form-horizontal .controls {
        *display: inline-block;
        *padding-left: 20px;
        margin-left: 180px;
        *margin-left: 0;
    }
    
    .form-horizontal .controls:first-child {
        *padding-left: 180px;
    }
    
    .form-horizontal .help-block {
        margin-bottom: 0;
    }
    
    .form-horizontal input+.help-block,
    .form-horizontal select+.help-block,
    .form-horizontal textarea+.help-block,
    .form-horizontal .uneditable-input+.help-block,
    .form-horizontal .input-prepend+.help-block,
    .form-horizontal .input-append+.help-block {
        margin-top: 0px;
    }
    
    .form-horizontal .form-actions {
        padding-left: 180px;
    }
    
    .breadcrumbs {
        margin-top: 29px;
        float: left;
        font-size: 16px;
        color: #666666;
    }
    
    .breadcrumbs>a {
        color: #6F6F6F;
    }
    
    .breadcrumbs>a:hover {
        color: #4D90FD;
    }
    
    .panel-default {
        border: 0;
        border-color: #ffffff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .panel-default .panel-heading {
        background-color: #ffffff;
        padding-left: 0;
        font-weight: bold;
    }
    
    .panel-default .panel-body {
        padding: 15px 0 15px 0;
        background-color: #ffffff;
    }
    
    .no-border-y td {
        border-left: 0;
    }
    
    .no-border-y th {
        border-left: 0;
    }
    
    .avatar {
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        margin-right: 5px;
        height: 40px;
        width: 40px;
    }

        
    .qrcode {
        height: 40px;
        width: 40px;
    }
    
    .avatar-sm {
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        margin-right: 5px;
        height: 30px;
        width: 30px;
    }
    
    .avatar-lg {
        border-radius: 60px;
        -moz-border-radius: 60px;
        -webkit-border-radius: 60px;
        margin-right: 5px;
        height: 120px;
        width: 120px;
    }
    
    .avatar-extra-lg {
        border-radius: 90px;
        -moz-border-radius: 90px;
        -webkit-border-radius: 90px;
        margin-right: 5px;
        height: 180px;
        width: 180px;
    }
    
    .avatar-square {
        margin-right: 5px;
        height: 40px;
        width: 40px;
    }
    
    .logo-md {
        margin-right: 5px;
        height: 60px;
        width: 60px;
    }
    
    .logo-lg {
        margin-right: 5px;
        height: 120px;
        width: 120px;
    }
    
    .logo-sm {
        margin-right: 5px;
        height: 30px;
        width: 30px;
    }
    
    .logo-extra-lg {
        margin-right: 5px;
        height: 180px;
        width: 180px;
    }
    
    .help-block {
        color: #a5a5a5;
        font-weight: 200;
    }
    
    .form-actions {
        width: 100%;
        border-top: 1px solid #ddd;
        padding-top: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
        clear: both;
    }
    
    .form-actions .right {
        float: right;
    }
    
    .summary {
        color: #a5a5a5;
        padding: 5px 0 10px 20px;
        border-bottom: 0;
    }
    
    .color-icon {
        float: left;
        display: block;
        width: 20px;
        height: 20px;
        margin-right: 4px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    
    .divider-vertical {
        border-bottom: 1px solid #ccc;
    }
    
    .tablet-shell-landscape {
        border-top: 20px solid #000000;
        border-bottom: 20px solid #000000;
        border-left: 60px solid #000000;
        border-right: 60px solid #000000;
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }
    
    .tablet-shell-portrait {
        border-top: 60px solid #000000;
        border-bottom: 60px solid #000000;
        border-left: 20px solid #000000;
        border-right: 20px solid #000000;
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }
    
    .nav-clear {
        background-color: #ffffff;
        border: none;
    }
    
    .other-option-row {
        margin-left: 35px
    }
    
    ;
    /* 
 * hover image
 */
    
    ul.background-list-lg {
        list-style-type: none;
        padding: 0;
        text-align: center;
    }
    
    ul.background-list-lg li {
        display: block;
        height: 100px;
        position: relative;
        width: 120px;
        border: 1px solid #ccc;
        float: left;
        background-color: #e8e8e8;
        line-height: 50px;
        margin-left: 12px;
        margin-top: 12px;
    }
    
    .bg-selected {
        position: absolute;
        right: 0px;
        bottom: 0;
        height: 20px;
        width: 20px;
        text-align: center;
        line-height: 20px;
    }
    
    ul.background-list {
        list-style-type: none;
        padding: 0;
        text-align: center;
    }
    
    ul.background-list li {
        display: block;
        height: 50px;
        position: relative;
        width: 70px;
        border: 1px solid #ccc;
        float: left;
        background-color: #e8e8e8;
        line-height: 50px;
        margin-left: 10px;
        margin-top: 10px;
    }
    
    .bg-remove {
        position: absolute;
        right: 0px;
        top: 0;
        height: 20px;
        width: 20px;
        opacity: .5;
        color: #fff;
        text-align: center;
        line-height: 20px;
    }
    
    .bg-remove:hover {
        color: red;
    }
    
    .remove {
        color: #e8e8e8;
    }
    .remove:hover {
        color: red;
    }
    
    .unread {
        background-color: #e5e5e5;
    }
    
    .circle-tiny {
        width: 14px;
        border-radius: 7px;
        height: 14px;
        display: inline-block;
    }
    
    .circle-20 {
        width: 20px;
        border-radius: 10px;
        height: 20px;
        display: inline-block;
    }
    
    .circle-40 {
        width: 44px;
        border-radius: 22px;
        height: 42px;
        display: inline-block;
        background-color: #CCCCCC;
    }
    
    .show-more {
        margin-top: -33px;
    }
    
    .date-right {
        font-size: 14px;
    }
    
    .show-more-event {
        margin-top: -33px;
    }
    
    .cursor-pointer {
        cursor: pointer;
    }
    
    ul.people,
    ul.assistant,
    ul.delivery,
    ul.peoplecopy {
        list-style-type: none;
        width: 100%;
        /* border: 1px solid #e8e8e8; */
        padding: 10px;
    }


    ul.compliance_officer {
        border: none;
        list-style-type: none;
        width: 100%;
        /* border: 1px solid #e8e8e8; */
        padding: 10px;
    }
    .compliance_officer li {
        margin-right: 10px;
        margin-top: 5px;
        padding: 5px 10px;
        border: 1px solid #ccc;
        width: auto;
        float: left;
        border-radius: 2px;
    }

    ul.meeting {
        border: none;
        list-style-type: none;
        width: 100%;
        /* border: 1px solid #e8e8e8; */
        padding: 10px;
    }
    .meeting li {
        margin-right: 10px;
        margin-top: 5px;
        padding: 5px 10px;
        border: 1px solid #ccc;
        width: auto;
        float: left;
        border-radius: 2px;
    }

    a.row-remove {
        cursor: pointer !important;
    }
    
    .checkbox input[type=checkbox],
    .checkbox-inline input[type=checkbox],
    .radio input[type=radio],
    .radio-inline input[type=radio] {
        position: relative;
        margin-left: 0px;
    }
    
    .border-bottom-only {
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-bottom: 1px solid #000000;
    }
    
    .border-bottom-grey {
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
    }
    
    .border-bottom-grey-dash {
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-bottom: 1px dashed #ddd;
        padding-bottom: 15px;
    }
    
    .dashboard-date {
        cursor: pointer;
        box-shadow: none;
    }
    
    .dummy-label-right a {
        border: none !important;
        color: #000000 !important;
    }
    
    .dummy-label-right a:hover {
        background-color: none !important;
        text-decoration: none !important;
    }
    
    .dummy-label-right a:focus {
        background-color: none !important;
    }
    
    .dashboard-date:focus {
        box-shadow: none;
    }
    /* public pages */
    
    .public-right {
        position: relative;
        display: table-cell;
        width: 420px;
        padding-left: 150px;
    }
    
    .cont2 {
        text-align: center;
    }
    
    .div-table {
        display: table;
        width: 100%;
        border-collapse: collapse;
    }
    
    .table-row {
        display: table-row;
        border-bottom: 1px solid #ddd;
    }
    
    .table-cell {
        display: table-cell;
        float: left;
        vertical-align: middle;
        padding: 15px 5px 15px 0;
    }
    
    .table-cell span.header {
        clear: both;
        font-size: 18px;
        display: block;
        font-weight: 100;
    }
    
    .table-cell span.desc {
        font-size: 15px;
        clear: both;
        display: block;
        color: #c0c0c0;
        font-weight: 100;
    }
    
    span.job-title {
        color: #c0c0c0;
    }
    
    body.open-right-content .right-content {
        right: 0;
    }
    
    .right-content {
        /*background-color: #484747;*/
        width: 100%;
    }
    
    @media (min-width: 320px) {
        .public-right {
            width: 420px;
            padding: 20px;
        }
        .public-left div.fixed {
            padding: 20px;
        }
    }
    
    @media (min-width: 768px) {
       
        .public-left {
            position: relative;
            display: table-cell;
            width: 300px;
        }
        .public-left div.fixed {
            position: fixed;
            height: 100%;
            padding: 20px;
            border-right: 1px solid #e0e0e0;
            width: 280px;
        }
        .public-right {
            width: 420px;
            padding-left: 20px;
        }

        #cl-wrapper2 {
            padding: 0;
        }
        
    }
    
    @media (min-width: 1024px) {
    
        .public-left {
            position: relative;
            display: table-cell;
            width: 300px;
            margin-left: 0;
        }
        .public-left div.fixed {
            padding-top: 30px;
            padding-right: 20px;
            position: fixed;
            height: 100%;
            border-right: 1px solid #e0e0e0;
            width: 300px;
        }
        .public-right {
            width: 670px;
            padding-left: 50px;
        }

        .small-spacer {
            text-align: left;
            width: 5px; padding: 0; margin: 0;
        }

      
    }
    
    @media (min-width: 1025px) and (max-width: 1440px) {
        .no-breadcrumb {
            min-width: 1024px !important;
        }
        .public-left {
            position: relative;
            display: table-cell;
            border: 1px solid red;
        }
        .public-left div.fixed {
            padding-top: 30px;
            padding-left: 20px;
            position: fixed;
            height: 100%;
            width: 330px;
            border-right: 1px solid #e0e0e0;
        }
        .public-right {
            padding-left: 50px;
            border: 1px solid green;
        }

        #cl-wrapper {
            max-width: 1440px;
            min-width: 1180px;
            width: 100%;
        }
    }

    @media (min-width: 1440px) {
       
        #cl-wrapper {
            /* max-width: 98%; */
            min-width: 100%;
            width:100%;
        }
    }


    /* end public page */
    
    @media (min-width: 768px) {
        body.open-right-sidebar .right-sidebar {
            right: 0;
        }
        .right-sidebar {
            /*background-color: #484747;*/
            width: 400px;
        }
        .right-sidebar {
            -webkit-transition: all 0.35s ease;
            -o-transition: all 0.35s ease;
            transition: all 0.35s ease;
        }

     
        /* .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: 300px;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        } */
       
    }
    
    .nav-fullscreen {
        margin-top: 17px;
        float: right;
    }

    @media (max-width: 425px) {
        .navbar-secondary .navbar-nav>li{
            display: block;
            width: 100%;
            float: none;
        }

        .navbar-secondary .navbar-nav>li>a{
            margin-top: 3px;
            border-radius: 3px;
            margin-left: -20px;
        }

    }
    
    @media (min-width: 320px) and (max-width: 425px) {
        body.open-right-sidebar .right-sidebar {
            right: 0;
            width: 290px;
        }
        .right-sidebar {
            /*background-color: #484747;*/
        }
        .right-sidebar {
            -webkit-transition: all 0.35s ease;
            -o-transition: all 0.35s ease;
            transition: all 0.35s ease;
            */
        }
        .nav-fullscreen {
            margin-top: 0;
            margin-bottom: 5px;
            float: right;
        }
        .navbar-full {
            height: 100px;
            padding-left: 0;
        }
        .navbar-default .navbar-brand-full {
            text-align: center;
        }

       

       


    }
    
    .team_photo {
        border-radius: 18px;
        border: 1px solid #CCC;
    }
    
    .more {
        color: #0091FF;
        font-size: 12px;
    }
    
    #placeholder {
        margin-right: 30px;
    }
    
    .panel-header-right {
        float: right;
        margin-top: -35px;
        margin-right: 18px;
        cursor: pointer;
    }
    
    .row-details {
        border-right: 1px solid #E5E5E5;
        border-left: 1px solid #E5E5E5;
        background-color: #ffffff;
        border-bottom: 1px solid #E5E5E5;
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }
    
    .selected>.cbp_tmlabel {
        border-right: 1px solid #E5E5E5;
        border-left: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
    }
    
    #signinModal .modal-dialog {
        width: 70%;
    }
    
    p.margin-top-40 {
        margin-top: 43px;
    }
    
    .search-btn {
        cursor: pointer;
        font-size: 14px;
    }
    
    .unread a {
        font-weight: 500 !important;
    }
    
    .minicolors-theme-default .minicolors-swatch {
        top: 6px;
        left: 1px;
        width: 26px;
        height: 29px;
    }
    
    li.eventbrite-import a,
    li.eventbrite-import a:hover {
        background-image: url('/themes/block/assets/img/event/eventbrite_icon.png');
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 26px;
        background-size: 16px;
        background-position: 5px;
    }
    

    
    .page-aside.email .mail-nav ul li.active.normal a {
        background-color: transparent !important;
    }
    
    .go-link {
        color: #3380FF;
    }
    
    .grey {
        color: #a5a5a5;
    }
    
    .pointer {
        cursor: pointer;
    }
    
    .ui-autocomplete-loading {
        background: white url("/images/ui-anim_basic_16x16.gif") right center no-repeat;
    }
    
    a.asset-edit {
        float: right;
        color: #a5a5a5;
    }
    
    a.asset-edit:hover {
        color: #3380FF;
    }
    
    a.asset-name {
        padding-left: 15px;
        width: 100%;
        display: inline-block;
        padding: 9px 6px 10px 8px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.025);
        line-height: 23px;
    }
    
    .no-margin-top {
        margin-top: 0px !important;
    }
    
    .red-alert {
        color: red;
    }
    
    .badge-design {
        margin-top: 20px;
    }
    
    .doc-icon {
        font-size: 22px;
    }
    /* card */
    
    .card {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #fff;
        border: 1px solid #c0c0c0;
        border-radius: 0.25rem;
    }
    
    .card-block {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1.25rem;
    }

    .card-location-name {
        color: #4a4a4a;
        background-color: #eaeaea !important;
        text-align: center;
        opacity: 0.7;
        height: 37px; 
        border: 0 !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .card-kiosk {
        height: 80px; 
    }

    .card-kiosk:hover,
    .card-kiosk:focus {
        opacity: 0.8;
    }

    .card-kiosk-add:hover,
    .card-kiosk-add:focus {
        background-color: #b7d1ef !important;
    }
    
    .card-title {
        margin-bottom: 0.75rem;
    }
    
    .card-subtitle {
        margin-top: -0.375rem;
        margin-bottom: 0;
    }
    
    .card-text:last-child {
        margin-bottom: 0;
    }
    
    .card-link:hover {
        text-decoration: none;
    }
    
    .card-link+.card-link {
        margin-left: 1.25rem;
    }
    
    .card>.list-group:first-child .list-group-item:first-child {
        border-top-right-radius: 0.25rem;
        border-top-left-radius: 0.25rem;
    }
    
    .card>.list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }
    
    .card-header {
        padding: 0.75rem 1.25rem;
        margin-bottom: 0;
        background-color: #f7f7f9;
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    }
    
    .card-header:first-child {
        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    }
    
    .card-footer {
        padding: 0.75rem 1.25rem;
        background-color: #f7f7f9;
        border-top: 1px solid rgba(0, 0, 0, 0.125);
    }
    
    .card-footer:last-child {
        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
    }
    
    .card-header-tabs {
        margin-right: -0.625rem;
        margin-bottom: -0.75rem;
        margin-left: -0.625rem;
        border-bottom: 0;
    }
    
    .card-header-pills {
        margin-right: -0.625rem;
        margin-left: -0.625rem;
    }
    
    .card-primary {
        background-color: #0275d8;
        border-color: #0275d8;
    }
    
    .card-primary .card-header,
    .card-primary .card-footer {
        background-color: transparent;
    }
    
    .card-success {
        background-color: #5cb85c;
        border-color: #5cb85c;
    }
    
    .card-success .card-header,
    .card-success .card-footer {
        background-color: transparent;
    }
    
    .card-info {
        background-color: #5bc0de;
        border-color: #5bc0de;
    }
    
    .card-info .card-header,
    .card-info .card-footer {
        background-color: transparent;
    }
    
    .card-warning {
        background-color: #f0ad4e;
        border-color: #f0ad4e;
    }
    
    .card-warning .card-header,
    .card-warning .card-footer {
        background-color: transparent;
    }
    
    .card-danger {
        background-color: #d9534f;
        border-color: #d9534f;
    }
    
    .card-danger .card-header,
    .card-danger .card-footer {
        background-color: transparent;
    }
    
    .card-outline-primary {
        background-color: transparent;
        border-color: #0275d8;
    }
    
    .card-outline-secondary {
        background-color: transparent;
        border-color: #ccc;
    }
    
    .card-outline-info {
        background-color: transparent;
        border-color: #5bc0de;
    }
    
    .card-outline-success {
        background-color: transparent;
        border-color: #5cb85c;
    }
    
    .card-outline-warning {
        background-color: transparent;
        border-color: #f0ad4e;
    }
    
    .card-outline-danger {
        background-color: transparent;
        border-color: #d9534f;
    }
    
    .card-inverse {
        color: rgba(255, 255, 255, 0.65);
    }
    
    .card-inverse .card-header,
    .card-inverse .card-footer {
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0.2);
    }
    
    .card-inverse .card-header,
    .card-inverse .card-footer,
    .card-inverse .card-title,
    .card-inverse .card-blockquote {
        color: #fff;
    }
    
    .card-inverse .card-link,
    .card-inverse .card-text,
    .card-inverse .card-subtitle,
    .card-inverse .card-blockquote .blockquote-footer {
        color: rgba(255, 255, 255, 0.65);
    }
    
    .card-inverse .card-link:focus,
    .card-inverse .card-link:hover {
        color: #fff;
    }
    
    .card-blockquote {
        padding: 0;
        margin-bottom: 0;
        border-left: 0;
    }
    
    .card-img {
        border-radius: calc(0.25rem - 1px);
    }
    
    .card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1.25rem;
    }
    
    .card-img-top {
        border-top-right-radius: calc(0.25rem - 1px);
        border-top-left-radius: calc(0.25rem - 1px);
    }
    
    .card-img-bottom {
        border-bottom-right-radius: calc(0.25rem - 1px);
        border-bottom-left-radius: calc(0.25rem - 1px);
    }
    
    @media (min-width: 576px) {
        .card-deck {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        }
        .card-deck .card {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 0%;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        .card-deck .card:not(:first-child) {
            margin-left: 15px;
        }
        .card-deck .card:not(:last-child) {
            margin-right: 15px;
        }
    }
    
    @media (min-width: 576px) {
        .card-group {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        }
        .card-group .card {
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 0%;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
        }
        .card-group .card+.card {
            margin-left: 0;
            border-left: 0;
        }
        .card-group .card:first-child {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
        }
        .card-group .card:first-child .card-img-top {
            border-top-right-radius: 0;
        }
        .card-group .card:first-child .card-img-bottom {
            border-bottom-right-radius: 0;
        }
        .card-group .card:last-child {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
        }
        .card-group .card:last-child .card-img-top {
            border-top-left-radius: 0;
        }
        .card-group .card:last-child .card-img-bottom {
            border-bottom-left-radius: 0;
        }
        .card-group .card:not(:first-child):not(:last-child) {
            border-radius: 0;
        }
        .card-group .card:not(:first-child):not(:last-child) .card-img-top,
        .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
            border-radius: 0;
        }
    }
    
    @media (min-width: 576px) {
        .card-columns {
            -webkit-column-count: 3;
            -moz-column-count: 3;
            column-count: 3;
            -webkit-column-gap: 1.25rem;
            -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
        }
        .card-columns .card {
            display: inline-block;
            width: 100%;
            margin-bottom: 0.75rem;
        }
    }
    
    #defaultSaveButton a {
        background-color: #101523;
        cursor: pointer;
        border-radius: 4px;
        color: #fff;
        font-weight: 400;
        border-color: #101523;
    }
    
    #defaultSaveButton a:focus,
    #defaultSaveButton a:hover,
    #defaultSaveButton a:active {
        background-color: #101523;
    }
    /* subscription alert */
    
    .btn-subscribe {
        float: left;
        display: inline-block;
        /* border: 1px solid #CCCCCC; */
        border-radius: 4px;
        -webkit-border-radius: 4px;
        outline: none;
        margin-bottom: 5px !important;
        margin-left: 4px;
        /* font-size: 16px; */
        padding: 15px 11px !important;
        box-shadow: none;
        /* box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12), 1px 1px 0 rgba(255, 255, 255, 0.2) inset; */
        /* width: 162px; */
        background-color: #5cb85c;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
        color: #ffffff !important;
    }
    
    .btn-subscribe:hover {
        background-color: #68c468 !important;
    }
    
    .subscribe-text {
        float: left;
        /* height: 58px; */
        display: inline-block;
        line-height: 45px;
    }
    

    .editable-click,
    a.editable-click {
        margin-top: 10px;
        padding: 3px 3px 3px 5px;
        text-decoration: none;
        border-bottom: dashed 0 #0088cc !important;
        cursor: text !important;
        width: 200px;
        display: block;
        border-radius: 2px;
    }

    a.editable:hover {
        border: 1px solid #0088cc !important;
        
    }
    
    .ms-container {
        width: 100%;
    }
    
    .btn-inline {
        font-size: 10px;
        padding: 6px 8px;
    }
    
    .jsgrid-insert-row>.jsgrid-cell {
        background: #fff;
        cursor: text;
    }
    
    .jsgrid input,
    .jsgrid select,
    .jsgrid textarea {
        cursor: text;
        height: 31px;
    }
    
    .jsgrid-edit-row>.jsgrid-cell {
        background: #fff;
    }
    
    .panel-default>.panel-heading {
        color: #333;
        border-color: #eee;
    }
    
    .login-footer {
        color: #ccc;
    }
    
    .login-footer a {
        color: #aaa;
    }
    .upgrade-me a {
        font-weight: bold !important;
        color: black !important;
    }
    .btn-designer >a {
        background-color: green;
        color: #fff !important;
        border-color: green !important;
    }

    .btn-designer >a:hover {
        background-color: #58b058 !important;
        border-color: #58b058 !important;
    }

    #world-map {
        position: relative;
    }

    #world-map > i {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%) 
    }

    .btn.active {
        box-shadow: none;
    }

    .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: thin dotted;
        outline: 0px auto -webkit-focus-ring-color;
    }

    .ui-datatable-scrollable-body {
        height: auto;
        /* height: 400px !important; */
        overflow-y: auto;
    }

    .note-toolbar {
        background-color: #eee !important;
        padding: 0 0 5px 5px !important;
    }

    #messageView {
        display: inline-block;
        font-size: 20px;
    }

    /* visitor badge */

    #logoImage {
		height: 38px;
		/* width: 140px; */
		/* overflow: hidden; */
		/* margin-left: -6px; */
	}
	
	.terminal-nav {
		padding: 30px 40px 0 0;
    }
    
    .terminal-controls {
        padding-bottom: 5px;
    }

    .global-controls {
        padding-bottom: 5px;
    }

	.toolbar {
        margin-top: 55px;
        padding-bottom: 5px;
    }
    
	.sub-head {
		padding-left: 40px;
		position: fixed;
		width: 50%;
		z-index: 1000;
		margin-top: -30px;
		margin-left: -27px;
		padding-top: 22px;
	}

	.sub-head div {
		margin-right: 41px;
	}

	.sub-head h3 {
		float: left;
		margin-top: 0;
		font-size: 18px;
	}

	.top-right-header {
		margin-top: -50px;
		margin-right: 15px;
    }
   

    .short-information {
        width: 55%;
        text-align: left;
        z-index: 9999;
        bottom: 30px;
        margin-left: 90px;
    }
    .header-gdpr {
        margin-top: 72px !important;
    }
    .content-gdpr {
        padding-top: 142px !important;
    }
    .gdprCloseControl {
        float: right;
        width: 80px;
    }
    .alert-gdpr {
        border-radius: 0;
        -webkit-border-radius: 0;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.11);
        display: table;
        position: fixed;
        z-index: 200;
        margin-top: 13px;
        width: 500px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        width: 60%;
        background-color: #ffdf00;
        color:#000000;
        padding: 30px;
        border-radius: 2px;
        opacity:0.9;
    }

    .total-stats {
        font-size: 18px; 
        font-weight: 500;
        color: #4a4a4a;
    }

    .total-text {
        margin-left: 30px;
    }

    .text-red {
        color: red;
    }

    .text-green {
        color: green;
    }

    .alert-emergency {
        border-radius: 0;
        -webkit-border-radius: 0;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.11);
        display: table;
        position: fixed;
        z-index: 2000;
        margin-top: 13px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top: 37px;
        color:#ffffff;
        font-size: 16px;
        overflow: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #ff0000;
    }

    .emergencyItem {
        border-color: #eee;
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 5px;
        cursor: pointer;
    }

    
    .alert-emergency .body {
        min-height: 800px;
        background-color: #ffffff;
        color: #000000;
        margin-top: 44px;
        display: table;
        width: 100%;
    }

    @media (max-width: 576px) {
        .alert-emergency .body {
            min-height: 1000px;
            margin-top: 92px;
        }
    }

    .alert-emergency .body .message {
        font-size: 20px;
        text-align: center;
        padding: 20px 0 20px 0;
    }

    .alert-emergency .body .img {
        text-align: center;
        width: 100%;
        height: 500px;
        overflow: auto;
    }

    .alert-emergency .body .img img {
        width: 100%;
    }

 
    .emergencyLocation {
        width: 35px;
        height: 30px;
        display: inline-table;
        float: right;
        border-radius: 3px;
    }
    .emergencyLocation i {
        padding: 10px;
        color: #ffffff;
    }

    .left-padding {
        display: table-cell;
        position: relative;
        vertical-align: top;
        padding-bottom: 49px;
        width: 20px
    }