* {
    box-sizing: border-box;
}
.invoice-address {
    text-align: right;
    margin-top: 20px;
    font-size: 15px;
    font-family: arial;
    line-height: 10px;
}

.res-no-mrg {
    margin-top: 0px!important;
}

.mt5 {
    margin-top: 5px;
}

.res-modal-btn {
    margin: 18px 3px 0px -1px!important;
    padding: 1px 0px 2px 1px!important;
}

.res-btn {
    padding: 4.5px 8px!important;
}

.company-name {}


/*alert box*/

.show-phone-only {
    display: none;
}

.pass-add p i {
    margin-right: 5px;
}

.pass-box {
    width: 50%;
    position: relative;
    background: url(../img/pass-back.jpg) no-repeat;
    font-family: 'Arimo', sans-serif;
    float: left;
    height: 206px;
}

.pass-left {
    float: left;
    width: 40%;
    padding: 10px;
    box-sizing: border-box;
}

.pass-logo {
    background: #fff;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 40px;
}

.pass-logo img {
    width: 100%;
}

.backBox {
    width: 49%;
    height: 206px;
    float: right;
    background: url(../img/pass-back.jpg) no-repeat;
    padding: 10px;
    box-sizing: border-box;
}

.backBox ol {
    display: block;
    padding-left: 13px;
    margin: 0;
    color: white;
    line-height: 16px;
    margin-top: 5px;
}

.backBox h4 {
    display: block;
    padding-left: 0;
    margin: 0;
    color: white;
}

.pass-right {
    float: left;
    width: 60%;
    padding: 10px;
    box-sizing: border-box;
}

.pass-add {
    width: 100%;
    padding: 10px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.67);
}

.pass-data p.guest-name {
    color: #fff;
    font-size: 36px;
    text-align: center;
    margin: 20px 0 0;
    line-height: 35px;
    font-weight: 600;
}

.pass-data p.guest-id {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin: 17px 0 20px;
}

.pass-data p.valid-date {
    text-align: center;
    font-size: 17px;
    color: #fff;
    margin: 0 0 20px;
}

.pass-add p.full-address {
    text-align: center;
    color: #fff;
    margin: 0 0 10px;
    font-size: 14px;
    border-bottom: 1px dashed #fff;
    padding-bottom: 10px;
}

.pass-add p.pass-number {
    float: left;
    color: #fff;
    margin: 0;
    font-weight: bold;
}

.pass-add p.pass-email {
    float: right;
    color: #fff;
    margin: 0;
    font-weight: bold;
}

.group-class-calender {
    width: 100%;
}

.groupclass-inner-table {
    width: 100%;
}

.cleander-first-row {
    background: #248faf;
}

.cleander-left-aerow {
    text-align: left;
}

.cleander-first-row td.b {
    padding: 0;
}

.cleander-left-aerow a {
    background: #197c9b;
    padding: 15px 84px;
    border-bottom: 1px solid #248faf;
    display: inline-block;
}

.cleander-left-aerow a i {
    color: #fff;
    font-size: 20px;
}

.cleander-right-aerow {
    text-align: right;
}

.cleander-right-aerow a {
    background: #197c9b;
    padding: 15px 84px;
    border-bottom: 1px solid #248faf;
    display: inline-block;
}

.inner-calender .bgrow td {
    padding: 0;
    height: 174px;
    border: 1px solid #248faf;
    vertical-align: top;
}

.past-date-box p {
    margin: 0;
}

#BranchBox {
    width: 200px;
    height: 220px;
    background: white;
    box-shadow: 1px 2px 14px 1px rgba(128, 128, 128, 0.38);
    border-radius: 8px;
}

#BranchBox:hover {
    width: 200px;
    height: 220px;
    background: white;
    box-shadow: 1px 2px 20px 7px rgba(128, 128, 128, 0.38);
    border-radius: 8px;
}

#usertype {
    box-shadow: 1px 1px 8px 1px rgba(128, 128, 128, 0.31);
    border-radius: 50%;
    padding: 45px;
}

#usertype:hover {
    box-shadow: 1px 1px 30px 1px rgba(128, 128, 128, 0.31);
    border-radius: 50%;
    padding: 45px;
}

.inner-calender-igym {
    width: 100%;
}

.inner-calender-igym .bglightbrow {
    text-align: center;
}

.inner-calender-igym .bglightbrow td {
    background: #197c9b;
    border-right: 1px solid #248faf;
    font-size: 17px;
    color: #fff;
    padding: 11px 0px;
    width: 14%;
}

.popup-form button.cross {
    opacity: 1;
    box-shadow: 0px 0px 0px #ddd;
    border: 0;
    outline: 0;
    text-shadow: 0px 0px;
    color: #fff;
    font-size: 23px;
    margin-top: 11px;
    background: none;
    float: right;
}

.popup-form button.cross:hover {
    color: #fff;
}

.badge-btn {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    color: #FFF;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: 2px;
    padding: 2px 4px;
    padding-left: 9px;
    padding-right: 9px;
    background-color: #197c9b;
}

.inner-calender-igym .bgrow td {
    padding: 0;
    height: 215px;
    border: 1px solid #248faf;
    vertical-align: top;
}

.igymcleander-left-aerow a {
    background: #197c9b;
    padding: 15px 70px;
    border-bottom: 1px solid #248faf;
    display: inline-block;
}

.igymcleander-left-aerow a i {
    color: #fff;
    font-size: 20px;
}

.igymcleander-right-aerow a {
    background: #197c9b;
    padding: 15px 70px;
    border-bottom: 1px solid #248faf;
    display: inline-block;
}

.igymcleander-right-aerow {
    text-align: right;
}

.igymcleander-right-aerow a i {
    color: #fff;
    font-size: 20px;
}

.popup-form {
    border: none !important;
}

.popup-form .modal-header h4 {
    margin: 0;
    color: #fff;
    padding: 20px;
    font-size: 30px;
}

.popup-form .modal-header {
    margin: 0;
    background: #197c9b;
}

.popup-form .modal-footer {
    border: none;
    background: #197c9b;
}

.past-date-box p label {
    margin: 0;
    display: block;
    color: #004150;
    border-bottom: 1px dashed #8a8a8a;
    padding: 5px 0;
    line-height: 16px;
}

.past-date-box p label:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.past-date-box {
    display: block;
    height: 100%;
    padding: 10px;
    font-size: 20px;
}

.cleander-main-row-td .inner-calender {
    width: 100%;
}

.inner-calender .bglightbrow {
    text-align: center;
}

.inner-calender .bglightbrow td {
    background: #197c9b;
    border-right: 1px solid #248faf;
    font-size: 17px;
    color: #fff;
    padding: 11px 0px;
    width: 14%;
}

.cleander-main-row .cleander-main-row-td {
    padding: 0;
}

.cleander-right-aerow a i {
    color: #fff;
    font-size: 20px;
}

.cleander-center-month {
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

sub {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
    bottom: -.25em;
}

sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
    top: -.5em;
}

.termList {
    margin: 0;
    padding: 0;
    margin-left: 10px;
}

img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

button,
input,
select,
textarea {
    font-size: 100%;
    vertical-align: middle;
    margin: 0;
}

button,
input {
    overflow: visible;
    line-height: normal;
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    vertical-align: top;
    height: auto;
    background-color: #FFF;
    border: 1px solid #d9d9d9;
    -webkit-transition: box-shadow linear .2s, box-shadow linear .2s;
    -moz-transition: box-shadow linear .2s, box-shadow linear .2s;
    -ms-transition: box-shadow linear .2s, box-shadow linear .2s;
    -o-transition: box-shadow linear .2s, box-shadow linear .2s;
    transition: box-shadow linear .2s, box-shadow linear .2s;
}

body {
    font-family: Calibri;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #4d4d4d;
    background: #f6f6f6;
    margin: 0;
    overflow-x: hidden;
}

a {
    color: #000;
    text-decoration: none;
    -webkit-transition: All .5s ease;
    -moz-transition: All .5s ease;
    -ms-transition: All .5s ease;
    -o-transition: All .5s ease;
    transition: All .5s ease;
}

a:hover {
    color: #428bca;
    text-decoration: none;
}

.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.img-polaroid {
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 4px;
}

.img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}

.row {
    margin-left: -20px;
    zoom: 1;
}

[class*=span] {
    float: left;
    min-height: 1px;
}

.span11 {
    width: 860px;
}

.span10 {
    width: 780px;
}

.span9 {
    width: 700px;
}

.span8 {
    width: 620px;
}

.span7 {
    width: 540px;
}

.span6 {
    width: 460px;
}

.span5 {
    width: 380px;
}

.span4 {
    width: 300px;
}

.span3 {
    width: 220px;
}

.span2 {
    width: 140px;
}

.offset12 {
    margin-left: 980px;
}

.offset11 {
    margin-left: 900px;
}

.offset10 {
    margin-left: 820px;
}

.offset9 {
    margin-left: 740px;
}

.offset8 {
    margin-left: 660px;
}

.offset7 {
    margin-left: 580px;
}

.offset6 {
    margin-left: 500px;
}

.offset5 {
    margin-left: 420px;
}

.offset4 {
    margin-left: 340px;
}

.offset3 {
    margin-left: 260px;
}

.offset1 {
    margin-left: 100px;
}

.row-fluid {
    width: 100%;
    zoom: 1;
}

.row-fluid [class*=span] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.row-fluid .controls-row [class*=span]+[class*=span] {
    margin-left: 2.1276595744681%;
}

.row-fluid .span12 {
    width: 99.946808510638%;
}

.row-fluid .span11 {
    width: 91.436170212766%;
}

.row-fluid .span10 {
    width: 82.925531914894%;
}

.row-fluid .span9 {
    width: 74.414893617021%;
}

.row-fluid .span8 {
    width: 65.904255319149%;
}

.row-fluid .span7 {
    width: 57.393617021277%;
}

.row-fluid .span6 {
    width: 48.882978723404%;
}

.row-fluid .span5 {
    width: 40.372340425532%;
}

.row-fluid .span4 {
    width: 31.86170212766%;
}

.row-fluid .span3 {
    width: 23.351063829787%;
}

.row-fluid .span2 {
    width: 14.840425531915%;
}

.row-fluid .span1 {
    width: 6.3297872340426%;
}

.row-fluid .offset12 {
    margin-left: 104.14893617021%;
}

.row-fluid .offset12:first-child {
    margin-left: 102.02127659574%;
}

.row-fluid .offset11 {
    margin-left: 95.63829787234%;
}

.row-fluid .offset11:first-child {
    margin-left: 93.510638297872%;
}

.row-fluid .offset10 {
    margin-left: 87.127659574468%;
}

.row-fluid .offset10:first-child {
    margin-left: 85%;
}

.row-fluid .offset9 {
    margin-left: 78.617021276596%;
}

.row-fluid .offset9:first-child {
    margin-left: 76.489361702128%;
}

.row-fluid .offset8 {
    margin-left: 70.106382978723%;
}

.row-fluid .offset8:first-child {
    margin-left: 67.978723404255%;
}

.row-fluid .offset7 {
    margin-left: 61.595744680851%;
}

.row-fluid .offset7:first-child {
    margin-left: 59.468085106383%;
}

.row-fluid .offset6 {
    margin-left: 53.085106382979%;
}

.row-fluid .offset6:first-child {
    margin-left: 50.957446808511%;
}

.row-fluid .offset5 {
    margin-left: 44.574468085106%;
}

.row-fluid .offset5:first-child {
    margin-left: 42.446808510638%;
}

.row-fluid .offset4 {
    margin-left: 36.063829787234%;
}

.row-fluid .offset4:first-child {
    margin-left: 33.936170212766%;
}

.row-fluid .offset3 {
    margin-left: 27.553191489362%;
}

.row-fluid .offset3:first-child {
    margin-left: 25.425531914894%;
}

.row-fluid .offset2 {
    margin-left: 19.042553191489%;
}

.row-fluid .offset2:first-child {
    margin-left: 16.914893617021%;
}

.row-fluid .offset1 {
    margin-left: 10.531914893617%;
}

.row-fluid .offset1:first-child {
    margin-left: 8.4042553191489%;
}

.container {
    margin-right: auto;
    margin-left: auto;
    zoom: 1;
}

.container-fluid {
    padding-right: 10px;
    padding-left: 10px;
    zoom: 1;
}

p {
    margin: 0 0 10px;
}

.cledr {
    margin-top: 10px;
    border: 1px solid rgba(128, 128, 128, 0.26);
    padding: 3px;
    box-sizing: border-box;
}

.cldrDatepast {
    width: 13%;
    height: auto;
    border: solid 1px white;
    float: left;
    box-sizing: border-box;
    margin: 7px;
}

.cldrLastDate {
    width: 13%;
    height: auto;
    border: solid 1px rgba(0, 0, 0, 0.15);
    float: left;
    box-sizing: border-box;
    margin: 7px;
}

.cldrLastDate input[type='checkbox'] {}

.SessionDone {
    background: #7ac57a;
}

.SessionMissed {
    background: rgb(255, 158, 158);
}

.cldrDate {
    width: 13%;
    height: auto;
    border: solid 1px rgba(0, 0, 0, 0.15);
    float: left;
    box-sizing: border-box;
    margin: 7px;
    height: auto;
}

.scheduleTimeList {
    max-height: 180px;
    min-height: 180px;
    overflow: hidden;
    overflow-y: scroll;
}

.scheduleTimeList::-webkit-scrollbar {
    width: 0.5em;
}

#NoOfCondition {
    margin: 0;
    padding: 0;
    padding-left: 10px;
}

.scheduleTimeList::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.scheduleTimeList::-webkit-scrollbar-thumb {
    background-color: rgba(0, 128, 64, 0.24);
    outline: 1px solid slategrey;
}

.arw-left {
    width: 25px;
    height: 25px;
    transform: rotate(180deg);
    margin-right: 10px;
    cursor: pointer;
}

.arw-left:hover {
    margin-left: -5px;
    margin-right: 15px;
}

.arw-right {
    width: 25px;
    height: 25px;
    margin-left: 10px;
    cursor: pointer;
}

.arw-right:hover {
    margin-right: -5px;
    margin-left: 15px;
}

.mnthname {
    background: rgb(239, 78, 145);
    font-size: 20px;
    padding-left: 5px;
    color: white;
    padding-top: 0px;
    margin: 0;
    text-align: center;
}

.dt {
    background: #378586;
    font-size: 16px;
    font-weight: 600;
    color: white;
    margin: 0;
    padding: 0;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 25px !important;
}

.availDay {
    padding: 3px;
}

.trainerBusyTime {
    background: rgb(27, 71, 109);
    padding: 3px;
    color: white;
}

.sessionDone {
    background: black;
    padding: 3px;
    color: white;
}

.dyul {
    margin: 0;
    padding: 0;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.19);
    border-radius: 2px;
    box-sizing: border-box;
}

.dyul li {
    width: 14%;
    display: inline-block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
}

.dy {
    border-bottom: 1px solid rgba(128, 128, 128, 0.28);
}

.dtday {
    padding: 0;
}

.lead {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
}

small {
    font-size: 85%;
}

em {
    font-style: italic;
}

cite {
    font-style: normal;
}

a.text-warning:hover {
    color: #de791b;
}

a.text-error:hover {
    color: #e2231f;
}

a.text-info:hover {
    color: #337ead;
}

a.text-success:hover {
    color: #48b162;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 700;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility;
    margin: 10px 0;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #999;
}

h1,
h2,
h3 {
    line-height: 40px;
}

h1 {
    font-size: 38.5px;
}

h2 {
    font-size: 31.5px;
}

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

.stylish-lists .upper-alpha {
    list-style: upper-alpha;
}

.stylish-lists .lower-alpha {
    list-style: lower-alpha;
}

.stylish-lists .roman-list {
    list-style: upper-roman;
}

.stylish-lists .decimal-leading-zero {
    list-style: decimal-leading-zero;
}

.stylish-lists ul,
.stylish-lists ol {
    list-style: disc;
    margin: 0 0 10px 25px;
    padding: 0;
}

.stylish-lists ul.inline>li,
.stylish-lists ol.inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.stylish-lists .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

hr {
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #FFF;
    margin: 20px 0;
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999;
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    border-left: 4px solid #ebebeb;
    margin: 0 0 20px;
    padding: 0 0 0 15px;
}

blockquote p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
}

blockquote .title {
    color: #e89344;
    font-weight: 700;
    font-size: 14px;
}

blockquote small {
    display: block;
    line-height: 20px;
    color: #999;
}

blockquote small:before {
    content: '\2014 \00A0';
}

blockquote.pull-right {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
}

blockquote.pull-right small:before {
    content: '';
}

blockquote.pull-right small:after {
    content: '\00A0 \2014';
}

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 20px;
}

code,
pre {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 12px;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 3px 2px;
}

code {
    color: #e84f4c;
    background-color: #f2f2f2;
    border: 1px solid #e8e8e8;
    white-space: nowrap;
    padding: 2px 4px;
}

pre {
    display: block;
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
    background-color: #f4f4f4;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 10px;
    padding: 9.5px;
}

pre code {
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border: 0;
    padding: 0;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.label,
.badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #FFF;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    background-color: #999;
    padding: 2px 4px;
}

.label {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.badge {
    padding-left: 9px;
    padding-right: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

a.label:hover,
a.badge:hover {
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}

.label-important,
.badge-important {
    background-color: #e84f4c;
}

.label-important[href],
.badge-important[href] {
    background-color: #e53935;
}

.label-warning[href],
.badge-warning[href] {
    background-color: #f1c841;
}

.label-success,
.badge-success {
    background-color: #6ac280;
}

.label-success[href],
.badge-success[href] {
    background-color: #58bb71;
}

.label-info[href],
.badge-info[href] {
    background-color: #398cc0;
}

.label-inverse,
.badge-inverse {
    background-color: #333;
}

.label-inverse[href],
.badge-inverse[href] {
    background-color: #262626;
}

.btn .label,
.btn .badge {
    position: relative;
    top: -1px;
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.table {
    width: 100%;
    margin-bottom: 10px;
}

.table th,
.table td {
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #e0e0e0;
    padding: 10px;
}

.table th {
    font-weight: 700;
    background: #f2f2f2;
    color: #4d4d4d;
    padding: 10px;
}

.table thead th {
    vertical-align: bottom;
}

.table tbody+tbody {
    border-top: 2px solid #d9d9d9;
}

.table .table {
    background-color: #FFF;
}

.table td.highlight-even {
    background: #f7f7f7;
}

.table td.no-border {
    border-left: 0;
    border-right: 0;
}

.table-condensed th,
.table-condensed td {
    padding: 4px 8px;
}

.table-condensed th {
    padding: 8px;
}

.table-bordered {
    border: 1px solid #e0e0e0;
    border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.table-bordered th,
.table-bordered td {
    border-left: 1px solid #e0e0e0;
}

.table-bordered thead:last-child tr:last-child>th:first-child,
.table-bordered tbody:last-child tr:last-child>td:first-child,
.table-bordered tfoot:last-child tr:last-child>td:first-child {
    -webkit-border-radius: 0 0 0 2px;
    -moz-border-radius: 0 0 0 2px;
    border-radius: 0 0 0 2px;
}

.table-striped tbody>tr:nth-child(odd)>td {
    background-color: #fafafa;
}

.table-hover tbody tr:hover td {
    background-color: #F5F5F5;
}

.table td.span1,
.table th.span1 {
    float: none;
    width: 44px;
    margin-left: 0;
}

.table td.span2,
.table th.span2 {
    float: none;
    width: 124px;
    margin-left: 0;
}

.table td.span3,
.table th.span3 {
    float: none;
    width: 204px;
    margin-left: 0;
}

.table td.span4,
.table th.span4 {
    float: none;
    width: 284px;
    margin-left: 0;
}

.table td.span5,
.table th.span5 {
    float: none;
    width: 364px;
    margin-left: 0;
}

.table td.span6,
.table th.span6 {
    float: none;
    width: 444px;
    margin-left: 0;
}

.table td.span7,
.table th.span7 {
    float: none;
    width: 524px;
    margin-left: 0;
}

.table td.span8,
.table th.span8 {
    float: none;
    width: 604px;
    margin-left: 0;
}

.Detail-List {}

.Detail-value {
    font-size: 19px;
}

.desktop-hidden {
    display: none;
}

.MPackBox {
    box-shadow: 0px 2px 6px 0px grey;
    padding: 10px;
    margin-bottom: 15px;
}

.table td.span9,
.table th.span9 {
    float: none;
    width: 684px;
    margin-left: 0;
}

.table td.span10,
.table th.span10 {
    float: none;
    width: 764px;
    margin-left: 0;
}

.table td.span11,
.table th.span11 {
    float: none;
    width: 844px;
    margin-left: 0;
}

#GroupPackageDetails {
    background-color: rgba(58, 134, 200, 0.29);
    box-sizing: border-box;
    width: 97%;
    padding-left: 10px;
    border-left: 5px solid #2c475f;
    padding-bottom: 8px;
}

#GroupPackageDetails h5 {
    box-sizing: border-box;
    color: #3a74a7;
}

#GroupPackageDetails .dhead {
    color: #2c475f;
    font-size: 14px;
    font-weight: 600;
}

#GroupPackageDetails .ddetail {
    margin-right: 30px;
    color: #2c475f;
    font-size: 21px;
    font-weight: 600;
}

.table td.span12,
.table th.span12 {
    float: none;
    width: 924px;
    margin-left: 0;
}

.table tbody tr.success td,
.table tbody tr td.success {
    background-color: #e9f6ec;
}

.table tbody tr.error td,
.table tbody tr td.error {
    background-color: #fdefef;
}

.table tbody tr.warning td,
.table tbody tr td.warning {
    background-color: #fefbf1;
}

.table tbody tr.info td,
.table tbody tr td.info {
    background-color: #d7e8f3;
}

.table-hover tbody tr.success:hover td {
    background-color: #d3edd9;
}

.table-hover tbody tr.error:hover td {
    background-color: #f9d0cf;
}

.table-hover tbody tr.warning:hover td {
    background-color: #fdf8e8;
}

.table-hover tbody tr.info:hover td {
    background-color: #c8e0ef;
}

form {
    margin: 0 0 20px;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #f2f2f2;
    padding: 0;
}

legend small {
    font-size: 15px;
    color: #999;
}

label,
input,
button,
select,
textarea {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

input,
button,
select,
textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
    display: block;
    margin-bottom: 5px;
}

select,
textarea {
    display: inline-block;
    height: 20px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #525252;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    vertical-align: middle;
    padding: 4px 6px;
}

input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
input[type=file] {
    display: inline-block;
    height: 20px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #d9d9d9;
    -webkit-transition: box-shadow linear .2s, box-shadow linear .2s;
    -moz-transition: box-shadow linear .2s, box-shadow linear .2s;
    -ms-transition: box-shadow linear .2s, box-shadow linear .2s;
    -o-transition: box-shadow linear .2s, box-shadow linear .2s;
    transition: box-shadow linear .2s, box-shadow linear .2s;
    padding: 4px 6px;
    min-height: 30px;
}

.uneditable-input {
    display: inline-block;
    height: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #525252;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #d9d9d9;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -webkit-transition: box-shadow linear .2s, box-shadow linear .2s;
    -moz-transition: box-shadow linear .2s, box-shadow linear .2s;
    -ms-transition: box-shadow linear .2s, box-shadow linear .2s;
    -o-transition: box-shadow linear .2s, box-shadow linear .2s;
    transition: box-shadow linear .2s, box-shadow linear .2s;
    overflow: hidden;
    white-space: nowrap;
    padding: 4px 6px;
}

input,
textarea,
.uneditable-input {
    width: 206px;
    margin-left: 0;
}

input[type=radio],
input[type=checkbox] {
    line-height: normal;
    margin: 1px \9 0 0 0;
}

select,
input[type=file] {
    height: 30px;
    margin-top: 4px;
    line-height: 30px;
}

input[type=file] {
    margin-top: 0;
    padding-top: 0;
}

select {
    width: 220px;
    border: 1px solid #e6e6e6;
    background-color: #FFF;
}

.uneditable-input,
.uneditable-textarea {
    color: #999;
    background-color: #fcfcfc;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.025) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.025) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.025) inset;
    cursor: not-allowed;
    border-color: #b3b3b3;
}

.uneditable-textarea {
    width: auto;
    height: auto;
}

.radio,
.checkbox {
    min-height: 20px;
    padding-left: 20px;
}

.radio input[type=radio],
.checkbox input[type=checkbox] {
    float: left;
    margin-left: -20px;
}

.radio.inline,
.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}

.input-small {
    width: 90px;
}

.input-medium {
    width: 150px;
}

.input-large {
    width: 210px;
}

.input-xlarge {
    width: 270px;
}

.input-xxlarge {
    width: 530px;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
    width: 926px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
    width: 846px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
    width: 766px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
    width: 686px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
    width: 606px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
    width: 526px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
    width: 446px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
    width: 366px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
    width: 286px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
    width: 206px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
    width: 126px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
    width: 46px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee;
}

input[type=radio][disabled],
input[type=checkbox][disabled],
input[type=radio][readonly],
input[type=checkbox][readonly] {
    background-color: transparent;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
    border-color: #f3cf59;
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #f6dd89;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #f6dd89;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #f6dd89;
    border-color: #f0c129;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
    color: #f3cf59;
    background-color: #faebb8;
    border-color: #f3cf59;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    border-color: #e84f4c;
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #ee7b79;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #ee7b79;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #ee7b79;
    border-color: #e2231f;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
    color: #e84f4c;
    background-color: #f4a8a6;
    border-color: #e84f4c;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    border-color: #6ac280;
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #8ed19f;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #8ed19f;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #8ed19f;
    border-color: #48b162;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
    color: #6ac280;
    background-color: #b2e0be;
    border-color: #6ac280;
}

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
    border-color: #4a98c9;
}

.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #71aed5;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #71aed5;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #71aed5;
    border-color: #337ead;
}

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
    color: #4a98c9;
    background-color: #99c5e0;
    border-color: #4a98c9;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
    color: #ee7b79;
    border-color: #f4a8a6;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
    -moz-box-shadow: 0 0 6px #f4a8a6;
    -webkit-box-shadow: 0 0 6px #f4a8a6;
    box-shadow: 0 0 6px #f4a8a6;
    border-color: #e95855;
}

.form-actions {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f4f4f4;
    border-top: 1px solid #f7f7f7;
    zoom: 1;
    padding: 19px 20px 20px;
}

.help-block,
.help-inline {
    color: #d9d9d9;
}

.help-block {
    display: block;
    margin-bottom: 10px;
}

.help-inline {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    padding-left: 5px;
}

.input-append,
.input-prepend {
    margin-bottom: 5px;
    font-size: 0;
    white-space: nowrap;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
    position: relative;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}

.input-append .add-on,
.input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #FFF;
    background-color: #eee;
    border: 1px solid #d9d9d9;
    padding: 4px 5px;
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group>.dropdown-toggle,
.input-prepend .btn-group>.dropdown-toggle {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.input-prepend .add-on,
.input-prepend .btn {
    margin-right: -1px;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}

input.search-query {
    padding-right: 4px \9;
    padding-left: 4px \9;
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.form-search .input-prepend .search-query {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0;
}

legend+.control-group {
    margin-top: 20px;
    -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
    margin-bottom: 10px;
    zoom: 1;
}

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
}

.form-horizontal .controls {
    display: inline-block;
    padding-left: 20px;
    margin-left: 0;
}

.btn {
    display: inline;
    zoom: 1;
    margin-bottom: 0;
    font-size: 14px;
    font-family: Calibri;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #e6e6e6;
    background-image: linear-gradient(top, white, #e6e6e6);
    background-repeat: repeat-x;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*margin-left: .3em;*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) 0 1px 2px rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
    padding: 4px 12px;
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    /*color: #333;
    background-color: #e8e8e8;*/
}

.btn:active,
.btn.active {
    background-color: #ccc \9;
}

.btn:hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -ms-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15) 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15) 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15) 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: .65;
    -moz-box-shadow: 0 0 0 #FFF;
    -webkit-box-shadow: 0 0 0 #FFF;
    box-shadow: 0 0 0 #FFF;
}

.btn-large {
    font-size: 17.5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 19px;
    margin-top: -10px;
}

.btn-large [class^=icon-],
.btn-large [class*=" icon-"] {
    margin-top: 4px;
}

.btn-small {
    font-size: 11.9px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 10px;
}

.btn-mini {
    font-size: 10.5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 3px;
}

.btn-mini [class^=icon-],
.btn-mini [class*=" icon-"] {
    margin-top: -1px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-primary.active,
.btn-warning.active,
.btn-warning2.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #3071a9;
    background-image: linear-gradient(top, #428bca, #3071a9);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    color: #FFF;
    background-color: #3071a9;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #428bca \9;
}

.btn-warning {
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #f0c129;
    background-image: linear-gradient(top, #f3cf59, #f0c129);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    color: #FFF;
    background-color: #f0c129;
}

.btn-warning:active,
.btn-warning.active {
    background-color: #f3cf59 \9;
}

.btn-warning2 {
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #de791b;
    background-image: linear-gradient(top, #e89344, #de791b);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-warning2:hover,
.btn-warning2:active,
.btn-warning2.active,
.btn-warning2.disabled,
.btn-warning2[disabled] {
    color: #FFF;
    background-color: #de791b;
}

.btn-warning2:active,
.btn-warning2.active {
    background-color: #e89344 \9;
}

.btn-danger {
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #e2231f;
    background-image: linear-gradient(top, #e84f4c, #e2231f);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    color: #FFF;
    background-color: #e2231f;
}

.btn-danger:active,
.btn-danger.active {
    background-color: #e84f4c \9;
}

.btn-success {
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #48b162;
    background-image: linear-gradient(top, #6ac280, #48b162);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    color: #FFF;
    background-color: #48b162;
}

.btn-success:active,
.btn-success.active {
    background-color: #6ac280 \9;
}

.btn-inverse {
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #4d4d4d;
    background-image: linear-gradient(top, #404040, #4d4d4d);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    color: #FFF;
    background-color: #4d4d4d;
}

button.btn.btn-large,
input[type=submit].btn.btn-large {
    padding-top: 7px;
    padding-bottom: 7px;
}

button.btn.btn-mini,
input[type=submit].btn.btn-mini {
    padding-top: 1px;
    padding-bottom: 1px;
}

.btn-link {
    background-color: transparent;
    background-image: none;
    -moz-box-shadow: 0 0 0 #FFF;
    -webkit-box-shadow: 0 0 0 #FFF;
    box-shadow: 0 0 0 #FFF;
    cursor: pointer;
    color: #428bca;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: transparent;
}

.btn-link:active,
.btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -moz-box-shadow: 0 0 0 #FFF;
    -webkit-box-shadow: 0 0 0 #FFF;
    box-shadow: 0 0 0 #FFF;
}

.btn-link:hover {
    color: #245682;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover {
    color: #333;
    text-decoration: none;
}

[class^=icon-],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(../img/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.icon-music {
    background-position: -24px 0;
}

.icon-search {
    background-position: -48px 0;
}

.icon-envelope {
    background-position: -72px 0;
}

.icon-heart {
    background-position: -96px 0;
}

.icon-star-full {
    background-position: -120px 0;
}

.icon-star-empty {
    background-position: -144px 0;
}

.icon-user {
    background-position: -168px 0;
}

.icon-film {
    background-position: -192px 0;
}

.icon-th-large {
    background-position: -216px 0;
}

.icon-th {
    background-position: -240px 0;
}

.icon-th-list {
    background-position: -264px 0;
}

.icon-ok {
    background-position: -288px 0;
}

.icon-remove {
    background-position: -312px 0;
}

.icon-zoom-out {
    background-position: -360px 0;
}

.icon-off {
    background-position: -384px 0;
}

.icon-signal {
    background-position: -408px 0;
}

.icon-cog {
    background-position: -432px 0;
}

.icon-trash {
    background-position: -456px 0;
}

.icon-home {
    background-position: 0 -24px;
}

.icon-file {
    background-position: -24px -24px;
}

.icon-time {
    background-position: -48px -24px;
}

.icon-road {
    background-position: -72px -24px;
}

.icon-download-alt {
    background-position: -96px -24px;
}

.icon-download {
    background-position: -120px -24px;
}

.icon-upload {
    background-position: -144px -24px;
}

.icon-inbox {
    background-position: -168px -24px;
}

.icon-play-circle {
    background-position: -192px -24px;
}

.icon-repeat {
    background-position: -216px -24px;
}

.icon-refresh {
    background-position: -240px -24px;
}

.icon-list-alt {
    background-position: -264px -24px;
}

.icon-lock {
    background-position: -287px -24px;
}

.icon-flag {
    background-position: -312px -24px;
}

.icon-headphones {
    background-position: -336px -24px;
}

.icon-volume-off {
    background-position: -360px -24px;
}

.icon-volume-down {
    background-position: -384px -24px;
}

.icon-volume-up {
    background-position: -408px -24px;
}

.icon-qrcode {
    background-position: -432px -24px;
}

.icon-barcode {
    background-position: -456px -24px;
}

.icon-tag {
    background-position: 0 -48px;
}

.icon-tags {
    background-position: -25px -48px;
}

.icon-book {
    background-position: -48px -48px;
}

.icon-bookmark {
    background-position: -72px -48px;
}

.icon-print {
    background-position: -96px -48px;
}

.icon-camera {
    background-position: -120px -48px;
}

.icon-text {
    background-position: -144px -48px;
}

.icon-bold {
    background-position: -167px -48px;
}

.icon-italic {
    background-position: -192px -48px;
}

.icon-text-height {
    background-position: -216px -48px;
}

.icon-text-width {
    background-position: -240px -48px;
}

.icon-align-left {
    background-position: -264px -48px;
}

.icon-align-center {
    background-position: -288px -48px;
}

.icon-align-right {
    background-position: -312px -48px;
}

.icon-align-justify {
    background-position: -336px -48px;
}

.icon-indent-left {
    background-position: -384px -48px;
}

.icon-indent-right {
    background-position: -408px -48px;
}

.icon-facetime-video {
    background-position: -432px -48px;
}

.icon-picture {
    background-position: -456px -48px;
}

.icon-pencil {
    background-position: 0 -72px;
}

.icon-map-marker {
    background-position: -24px -72px;
}

#GroupPackageDetails p {
    display: inline-block;
    margin: 0;
    padding-top: 2px;
}

#insCalandar {
    padding: 0;
}

.cldrDate .avltime {
    font-size: 15px !important;
    letter-spacing: 1px !important;
}

#GroupPackageDetails .dhead {
    color: #2c475f;
    font-size: 12px;
    font-weight: 600;
}

#GroupPackageDetails .ddetail {
    margin-right: 11px;
    color: #2c475f;
    font-size: 13px;
    font-weight: 600;
}

.icon-adjust {
    background-position: -48px -72px;
}

.icon-tint {
    background-position: -72px -72px;
}

.icon-edit {
    background-position: -96px -72px;
}

.icon-check {
    background-position: -144px -72px;
}

.icon-move {
    background-position: -168px -72px;
}

.icon-step-backward {
    background-position: -192px -72px;
}

.icon-fast-backward {
    background-position: -216px -72px;
}

.icon-backward {
    background-position: -240px -72px;
}

.icon-stop {
    background-position: -312px -72px;
}

.icon-forward {
    background-position: -336px -72px;
}

.icon-fast-forward {
    background-position: -360px -72px;
}

.icon-step-forward {
    background-position: -384px -72px;
}

.icon-eject {
    background-position: -408px -72px;
}

.icon-chevron-left {
    background-position: -432px -72px;
}

.icon-chevron-right {
    background-position: -456px -72px;
}

.icon-plus-sign {
    background-position: 0 -96px;
}

.icon-minus-sign {
    background-position: -24px -96px;
}

.icon-remove-sign {
    background-position: -48px -96px;
}

.icon-ok-sign {
    background-position: -72px -96px;
}

.icon-question-sign {
    background-position: -96px -96px;
}

.icon-info-sign {
    background-position: -120px -96px;
}

.icon-screenshot {
    background-position: -144px -96px;
}

.icon-remove-circle {
    background-position: -168px -96px;
}

.icon-ok-circle {
    background-position: -192px -96px;
}

.icon-ban-circle {
    background-position: -216px -96px;
}

.icon-arrow-left {
    background-position: -240px -96px;
}

.icon-arrow-right {
    background-position: -264px -96px;
}

.icon-arrow-up {
    background-position: -289px -96px;
}

.icon-arrow-down {
    background-position: -312px -96px;
}

.icon-share-alt {
    background-position: -336px -96px;
}

.icon-resize-full {
    background-position: -360px -96px;
}

.icon-resize-small {
    background-position: -384px -96px;
}

.icon-plus {
    background-position: -408px -96px;
}

.icon-minus {
    background-position: -433px -96px;
}

.icon-asterisk {
    background-position: -456px -96px;
}

.icon-exclamation-sign {
    background-position: 0 -120px;
}

.icon-gift {
    background-position: -24px -120px;
}

.icon-leaf {
    background-position: -48px -120px;
}

.icon-fire {
    background-position: -72px -120px;
}

.icon-eye-open {
    background-position: -96px -120px;
}

.icon-eye-close {
    background-position: -120px -120px;
}

.icon-warning-sign {
    background-position: -144px -120px;
}

.icon-plane {
    background-position: -168px -120px;
}

.icon-calendar {
    background-position: -192px -120px;
}

.icon-random {
    background-position: -216px -120px;
    width: 16px;
}

.icon-comment {
    background-position: -240px -120px;
}

.icon-magnet {
    background-position: -264px -120px;
}

.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

.icon-retweet {
    background-position: -336px -120px;
}

.icon-shopping-cart {
    background-position: -360px -120px;
}

.icon-folder-close {
    background-position: -384px -120px;
}

.icon-folder-open {
    background-position: -408px -120px;
    width: 16px;
}

.icon-resize-vertical {
    background-position: -432px -119px;
}

.icon-resize-horizontal {
    background-position: -456px -118px;
}

.icon-hdd {
    background-position: 0 -144px;
}

.icon-bullhorn {
    background-position: -24px -144px;
}

.icon-bell {
    background-position: -48px -144px;
}

.icon-certificate {
    background-position: -72px -144px;
}

.icon-thumbs-up {
    background-position: -96px -144px;
}

.icon-thumbs-down {
    background-position: -120px -144px;
}

.icon-hand-right {
    background-position: -144px -144px;
}

.icon-hand-left {
    background-position: -168px -144px;
}

.icon-hand-up {
    background-position: -192px -144px;
}

.icon-hand-down {
    background-position: -216px -144px;
}

.icon-circle-arrow-right {
    background-position: -240px -144px;
}

.icon-circle-arrow-left {
    background-position: -264px -144px;
}

.icon-circle-arrow-up {
    background-position: -288px -144px;
}

.icon-circle-arrow-down {
    background-position: -312px -144px;
}

.icon-globe {
    background-position: -336px -144px;
}

.icon-wrench {
    background-position: -360px -144px;
}

.icon-tasks {
    background-position: -384px -144px;
}

.icon-filter {
    background-position: -408px -144px;
}

.icon-briefcase {
    background-position: -432px -144px;
}

.icon-fullscreen {
    background-position: -456px -144px;
}

.btn-group {
    position: relative;
    display: inline;
    zoom: 1;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
    margin-left: .3em;
}

.btn-toolbar {
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-group>.btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    line-height: 18px;
    font-size: 12px;
}

.btn-group>.btn-mini {
    font-size: 10.5px;
}

.btn-group>.btn:first-child {
    margin-left: 0;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.btn-group>.btn.large:first-child {
    margin-left: 0;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.btn-group.open .dropdown-toggle {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15) 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15) 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15) 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #3071a9;
}

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #f0c129;
}

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #e2231f;
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #48b162;
}

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #337ead;
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #212121;
}

.btn-group>.btn+.dropdown-toggle {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) 0 1px 2px rgba(0, 0, 0, 0.05);
    padding: 5px 8px;
}

.btn-group>.btn-mini+.dropdown-toggle {
    padding: 2px 5px;
}

.btn-group>.btn-small+.dropdown-toggle {
    padding-top: 5px;
    padding-bottom: 4px;
}

.btn-group>.btn-large+.dropdown-toggle {
    padding: 7px 12px;
}

.btn .caret {
    margin-top: 8px;
    margin-left: 0;
}

.btn-mini .caret,
.btn-small .caret {
    margin-top: 6px;
}

.btn-large .caret {
    margin-top: 6px;
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px;
}

.dropup .btn-large .caret {
    border-bottom-width: 5px;
}

.btn-group-vertical>.btn {
    display: block;
    float: none;
    max-width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group-vertical>.btn+.btn {
    margin-left: 0;
    margin-top: -1px;
}

.btn-group-vertical>.btn-large:first-child {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.btn-group-vertical>.btn-large:last-child {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.nav {
    margin-left: 0;
    margin-bottom: 20px;
    list-style: none;
}

.nav>li>a:hover {
    text-decoration: none;
    background-color: #357ebd;
    color: #FFF;
}

.nav-header {
    display: block;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    color: #999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    padding: 3px 15px;
}

.nav li+.nav-header {
    margin-top: 9px;
}

#ItemListNo {
    border-radius: 50%;
    background: rgba(79, 202, 174, 0.48);
    font-size: 20px;
    color: #23796a;
    padding: 5px 10px 5px 10px;
}

.nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
}

.nav-list>li>a,
.nav-list .nav-header {
    margin-left: -15px;
    margin-right: -15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav-list>li>a {
    padding: 3px 15px;
}

.nav-list>.active>a {
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #428bca;
}

.nav-list>.active>a:hover {
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #3071a9;
}

.nav-list [class^=icon-],
.nav-list [class*=" icon-"] {
    margin-right: 2px;
}

.nav-list .divider {
    width: 100%;
    height: 1px;
    overflow: hidden;
    background-color: #f2f2f2;
    border-bottom: 1px solid #FFF;
    margin: -5px 0 5px;
}

.nav-tabs:after,
.nav-pills:after {
    clear: both;
}

.nav-tabs>li>a,
.nav-pills>li>a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
}

.nav-tabs {
    border: 1px solid #e6e6e6;
    background-color: #f2f2f2;
    background-image: linear-gradient(top, #fcfcfc, #f2f2f2);
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    padding: 2px 1px 0;
}

.nav-tabs>li {
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    color: #666;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

.nav-tabs>li>a:hover {
    border-color: #337ab7 #337ab7 #2d6ba0;
}

.nav-tabs>.active>a {
    color: #FFF;
    border: 1px solid #e6e6e6;
    background: #428bca;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs>.active>a:hover {
    color: #FFF;
    background-color: #428bca;
    border: 1px solid #3071a9;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-pills>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.nav-pills>.active>a {
    color: #FFF;
    background-color: #428bca;
}

.nav-pills>.active>a:hover {
    color: #FFF;
    background-color: #e84f4c;
}

.nav-tabs.nav-stacked>li>a {
    border: 1px solid #275c8a;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.nav-tabs.nav-stacked>li>a:hover {
    z-index: 2;
    border-color: #275c8a;
}

.nav-pills.nav-stacked>li>a {
    margin-bottom: 3px;
}

.nav-pills.nav-stacked>li:last-child>a {
    margin-bottom: 1px;
}

.nav .dropdown-toggle .caret {
    border-top-color: #428bca;
    border-bottom-color: #428bca;
    margin-top: 6px;
}

.nav .dropdown-toggle:hover .caret {
    border-top-color: #3071a9;
    border-bottom-color: #3071a9;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
    border-top-color: #428bca;
    border-bottom-color: #428bca;
    opacity: 1;
}

.tabs-stacked .open>a:hover {
    border-color: #FFF;
}

.tab-content {
    overflow: auto;
    border: 1px solid #e6e6e6;
    border-top: 0;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    margin-bottom: 30px;
    padding: 10px;
}

.tabs-below>.nav-tabs {
    border-top: 1px solid #3071a9;
}

.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below>.nav-tabs>li>a:hover {
    border-bottom-color: transparent;
    border-top-color: #3071a9;
}

.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left>.nav-tabs {
    float: left;
    margin-right: 0;
    border-right: 1px solid #e6e6e6;
}

.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.tabs-left>.nav-tabs>li>a:hover {
    border-color: #eee #dfdfdf #eee #eee;
}

.tabs-left>.nav-tabs .active>a {
    border-top: 1px solid #e6e6e6;
    border-color: #e6e6e6 #FFF #e6e6e6 #428bca;
}

.tabs-left>.nav-tabs .active>a:hover {
    border-color: #e6e6e6 #FFF #e6e6e6 #428bca;
}

.tabs-left .tab-content {
    border-left: 0;
    border-top: 1px solid #e6e6e6;
}

.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #e6e6e6;
}

.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right>.nav-tabs>li>a:hover {
    border-color: #eee #eee #eee #dfdfdf;
}

.nav>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    cursor: default;
}

.navbar {
    overflow: visible;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}

.navbar-inner {
    min-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #e6e6e6;
    background-image: linear-gradient(top, white, #e6e6e6);
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    zoom: 1;
}

.nav-collapse.collapse {
    height: auto;
    overflow: visible;
}

.navbar .brand {
    float: left;
    display: block;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    color: #707070;
    text-shadow: 0 1px 0 #FFF;
    padding: 10px 20px;
}

.navbar-text {
    margin-bottom: 0;
    line-height: 40px;
    color: #707070;
}

.navbar-link {
    color: #707070;
}

.navbar-link:hover {
    color: #333;
}

.navbar .divider-vertical {
    height: 40px;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #FFF;
    margin: 0 9px;
}

.navbar-form {
    margin-bottom: 0;
    zoom: 1;
}

.navbar-form input,
.navbar-form select,
.navbar-form .btn {
    display: inline-block;
    margin-bottom: 0;
}

.navbar-form .input-append,
.navbar-form .input-prepend {
    margin-top: 5px;
    white-space: nowrap;
}

.navbar-search {
    position: relative;
    float: left;
    margin-top: 5px;
    margin-bottom: 0;
}

.navbar-search .search-query {
    margin-bottom: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 4px 14px;
}

.navbar-static-top {
    position: static;
    margin-bottom: 0;
}

.navbar-static-top .navbar-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
    border-width: 0 0 1px;
}

.navbar-fixed-bottom .navbar-inner {
    -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
    border-width: 1px 0 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
    padding-left: 0;
    padding-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar-fixed-top .navbar-inner {
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.navbar-fixed-bottom {
    bottom: 0;
}

.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

.navbar .nav.pull-right {
    float: right;
    margin-right: 0;
}

.navbar .nav>li>a {
    float: none;
    color: #707070;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFF;
    padding: 10px 15px;
}

.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
    background-color: transparent;
    color: #333;
    text-decoration: none;
}

.navbar .btn-navbar {
    display: none;
    float: right;
    margin-left: 5px;
    margin-right: 0;
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #e32926;
    background-image: linear-gradient(top, #e6423e, #e32926);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) 0 1px 0 rgba(255, 255, 255, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) 0 1px 0 rgba(255, 255, 255, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) 0 1px 0 rgba(255, 255, 255, 0.075);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    padding: 7px 10px;
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
    color: #FFF;
    background-color: #cd1e1a;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
    background-color: #b71b17 \9;
}

.navbar .btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f4f4f4;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.navbar .nav>li>.dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid gray;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 9px;
}

.navbar .nav>li>.dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid gray;
    position: absolute;
    top: -6px;
    left: 10px;
}

.navbar-fixed-bottom .nav>li>.dropdown-menu:before {
    border-top: 7px solid gray;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0;
    bottom: -7px;
    top: auto;
}

.navbar-fixed-bottom .nav>li>.dropdown-menu:after {
    border-top: 6px solid #FFF;
    border-bottom: 0;
    bottom: -6px;
    top: auto;
}

.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #707070;
    border-bottom-color: #707070;
}

.navbar .pull-right>li>.dropdown-menu,
.navbar .nav>li>.dropdown-menu.pull-right {
    left: auto;
    right: 0;
}

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

.navbar .pull-right>li>.dropdown-menu:after,
.navbar .nav>li>.dropdown-menu.pull-right:after {
    left: auto;
    right: 13px;
}

.navbar .pull-right>li>.dropdown-menu .dropdown-menu,
.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: -1px;
}

.navbar-inverse .navbar-inner {
    background-color: #1a1a1a;
    background-image: linear-gradient(top, #212121, #1a1a1a);
    border-color: #252525;
}

.navbar-inverse .brand,
.navbar-inverse .nav>li>a {
    color: #999;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inverse .nav>li>a:focus,
.navbar-inverse .nav>li>a:hover {
    background-color: transparent;
    color: #FFF;
}

.navbar-inverse .divider-vertical {
    border-left-color: #1a1a1a;
    border-right-color: #212121;
}

.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #999;
    border-bottom-color: #999;
}

.navbar-inverse .navbar-search .search-query {
    color: #FFF;
    background-color: #515151;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 0 1px 0 rgba(255, 255, 255, 0.15);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 0 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 0 1px 0 rgba(255, 255, 255, 0.15);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    border-color: #1a1a1a;
}

.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
    color: #333;
    text-shadow: 0 1px 0 #FFF;
    background-color: #FFF;
    border: 0;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    outline: 0;
    padding: 5px 15px;
}

.navbar-inverse .btn-navbar {
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #040404;
    background-image: linear-gradient(top, #151515, #040404);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
    color: #FFF;
    background-color: #000;
}

.breadcrumb {
    list-style: none;
    background-color: #f4f4f4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 20px;
    padding: 8px 15px;
}

.breadcrumb>li {
    display: inline;
    zoom: 1;
    text-shadow: 0 1px 0 #FFF;
}

.breadcrumb>li>.divider {
    color: gray;
    padding: 0 5px;
}

.pagination {
    margin: 15px 0;
}

.pagination ul {
    display: inline;
    zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul>li>a,
.pagination ul>li>span {
    float: left;
    line-height: 20px;
    text-decoration: none;
    background-color: #FFF;
    border: 1px solid #dfdfdf;
    border-left-width: 0;
    padding: 4px 12px;
}

.pagination ul>li>a:hover {
    background-color: #f4f4f4;
}

.pagination ul>.active>a,
.pagination ul>.active>span {
    background-color: #f4f4f4;
    color: #999;
    cursor: default;
}

.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {
    border-left-width: 1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.pagination-centered {
    text-align: center;
}

.pagination-large ul>li>a,
.pagination-large ul>li>span {
    font-size: 17.5px;
    padding: 11px 19px;
}

.pagination-large ul>li:first-child>a,
.pagination-large ul>li:first-child>span {
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}

.pagination-large ul>li:last-child>a,
.pagination-large ul>li:last-child>span {
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

.pagination-mini ul>li:first-child>a,
.pagination-small ul>li:first-child>a,
.pagination-mini ul>li:first-child>span,
.pagination-small ul>li:first-child>span {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.pagination-small ul>li>a,
.pagination-small ul>li>span {
    font-size: 11.9px;
    padding: 2px 10px;
}

.pagination-mini ul>li>a,
.pagination-mini ul>li>span {
    font-size: 10.5px;
    padding: 0 6px;
}

.pager {
    list-style: none;
    text-align: center;
    zoom: 1;
    margin: 20px 0;
}

.pager li>a,
.pager li>span {
    display: inline-block;
    background-color: #FFF;
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 5px 14px;
}

.pager li>a:hover {
    text-decoration: none;
    background-color: #f4f4f4;
}

.thumbnails {
    margin-left: -20px;
    list-style: none;
    zoom: 1;
}

.thumbnails>li {
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
}

.thumbnail {
    display: block;
    line-height: 20px;
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    padding: 3px;
}

a.thumbnail:hover {
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    border-color: #428bca;
}

.thumbnail>img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.thumbnail .caption {
    color: #525252;
    text-align: center;
    padding: 9px 0;
}

.alert {
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    background: #FFF;
    border: 1px solid #fcf1d0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #d6a810;
    padding: 4px 30px 4px 10px;
}

.alert h4 {
    color: #d6a810;
    font-weight: 600;
    display: inline-block;
    margin: 0 5px 0 0;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
}

.alert-success {
    background: #d7eedd;
    color: #3a8c4e;
    border-color: #c4e7cd;
}

.alert-error,
.alert-danger {
    background: #f9d4d4;
    color: #b71b17;
    border-color: #f7bebd;
}

.alert-warning {
    background: #fdf8e8;
    color: #d6a810;
    border-color: #f6dd89;
}

.alert-info {
    background: #e7f1f8;
    color: #286185;
    border-color: #c0dbec;
}

.alert-block {
    padding-top: 8px;
    padding-bottom: 8px;
}

.progress {
    overflow: hidden;
    height: 8px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
    background-image: linear-gradient(top, #f7f7f7, #f0f0f0);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.progress .bar {
    width: 0;
    height: 100%;
    color: #FFF;
    float: left;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0480be;
    background-image: linear-gradient(top, #149bdf, #0480be);
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -ms-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress .bar+.bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .bar {
    background-color: #4a98c9;
    background-image: linear-gradient(45deg, #5ea3cf25%, transparent25%, transparent50%, #5ea3cf50%, #5ea3cf75%, transparent75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
    background-color: #e2231f;
    background-image: linear-gradient(top, #e84f4c, #e2231f);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
    background-color: #e84f4c;
    background-image: linear-gradient(45deg, #ee7b7925%, transparent25%, transparent50%, #ee7b7950%, #ee7b7975%, transparent75%, transparent);
}

.progress-success .bar,
.progress .bar-success {
    background-color: #48b162;
    background-image: linear-gradient(top, #6ac280, #48b162);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
    background-color: #6ac280;
    background-image: linear-gradient(45deg, #8ed19f25%, transparent25%, transparent50%, #8ed19f50%, #8ed19f75%, transparent75%, transparent);
}

.progress-info .bar,
.progress .bar-info {
    background-color: #337ead;
    background-image: linear-gradient(top, #4a98c9, #337ead);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
    background-color: #4a98c9;
    background-image: linear-gradient(45deg, #71aed525%, transparent25%, transparent50%, #71aed550%, #71aed575%, transparent75%, transparent);
}

.progress-warning .bar,
.progress .bar-warning {
    background-color: #de791b;
    background-image: linear-gradient(top, #e89344, #de791b);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
    background-color: #e89344;
    background-image: linear-gradient(45deg, #eba05b25%, transparent25%, transparent50%, #eba05b50%, #eba05b75%, transparent75%, transparent);
}

.hero-unit {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 200;
    color: inherit;
    background-color: #f6f6f6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 20px;
}

.hero-unit h1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1;
    color: inherit;
    letter-spacing: -1px;
}

.hero-unit li {
    line-height: 30px;
}

.media,
.media-body {
    overflow: visible;
    zoom: 1;
}

.media .pull-left {
    margin-right: 10px;
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 11px;
    opacity: 0;
    padding: 5px;
}

.tooltip.top {
    margin-top: -3px;
}

.tooltip.right {
    margin-left: 3px;
}

.tooltip.left {
    margin-left: -3px;
}

.tooltip-inner {
    max-width: 200px;
    color: #FFF;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 8px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    width: 236px;
    text-align: left;
    background-color: #FFF;
    -webkit-box-sizing: padding-box;
    -moz-box-sizing: padding-box;
    box-sizing: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
    padding: 1px;
}

.popover.top {
    margin-top: -10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    margin: 0;
    padding: 8px 14px;
}

.popover-content {
    padding: 9px 14px;
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 11px;
}

.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
}

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #FFF;
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right .arrow:after {
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #FFF;
}

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #FFF;
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left .arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #FFF;
    bottom: -10px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: .8;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #FFF;
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: padding-box;
    -moz-box-sizing: padding-box;
    box-sizing: padding-box;
    outline: 0;
}

.modal.fade {
    -webkit-transition: top .3s ease-out, top .3s ease-out;
    -moz-transition: top .3s ease-out, top .3s ease-out;
    -ms-transition: top .3s ease-out, top .3s ease-out;
    -o-transition: top .3s ease-out, top .3s ease-out;
    transition: top .3s ease-out, top .3s ease-out;
    top: -25%;
}

.modal.fade.in {
    top: 5%;
}

.modal-header {
    border-bottom: 1px solid #eee;
    padding: 10px 15px;
}

.modal-header .close {
    margin-top: 0;
}

.modal-header h3 {
    line-height: 30px;
    margin: 0;
}

.modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 450px;
    padding: 15px;
}

.modal-footer {
    margin-bottom: 0;
    text-align: right;
    background-color: #f4f4f4;
    border-top: 1px solid #d1d1d1;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 1px 0 #FFF inset;
    -moz-box-shadow: 0 1px 0 #FFF inset;
    box-shadow: 0 1px 0 #FFF inset;
    zoom: 1;
    padding: 14px 15px 15px;
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.dropdown-toggle {
    margin-bottom: -3px;
    padding: 4px 12px;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    list-style: none;
    background: #F5F5F5;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-sizing: padding-box;
    -moz-box-sizing: padding-box;
    box-sizing: padding-box;
    margin: 0;
    padding: 0;
}

.dropdown-menu .divider {
    width: 100%;
    height: 1px;
    overflow: hidden;
    background-color: #ccc;
    border-bottom: 1px solid #FFF;
    margin: -5px 0 5px;
}

.dropdown-menu li {
    border-bottom: 1px solid #d9d9d9;
}

.dropdown-menu li>a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 20px;
    color: #4d4d4d;
    white-space: nowrap;
    padding: 6px 10px;
}

.dropdown-menu li:last-child {
    border-bottom: 0;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.dropdown-menu .disabled>a:hover {
    color: #999;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: default;
}

.open {
    z-index: 1000;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropup .dropdown-submenu>.dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent transparent transparent #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #FFF;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 2px 0 2px 2px;
    -moz-border-radius: 2px 0 2px 2px;
    border-radius: 2px 0 2px 2px;
}

.dropdown .dropdown-menu .nav-header {
    padding-left: 20px;
    padding-right: 20px;
}

.typeahead {
    z-index: 1051;
    margin-top: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.accordion-heading .accordion-toggle {
    display: block;
    color: #3a86c8;
    background-color: #f7f7f7;
    background-image: linear-gradient(top, white, #f7f7f7);
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
}

.accordion-heading .accordion-toggle [data-icon]:before {
    margin: 0 5px 0 0;
}

.accordion-inner {
    border-top: 1px solid #e9e9e9;
    padding: 9px 15px;
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
}

#admissionType {
    background-color: rgb(58, 134, 200);
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    color: rgba(1, 1, 21, 0.92);
    border-radius: 3px;
    box-sizing: border-box;
    padding-bottom: 3px;
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    -moz-transition: .6s ease-in-out left;
    -ms-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}

.carousel-inner>.item>img {
    display: block;
    line-height: 1;
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #FFF;
    text-align: center;
    background: #212121;
    border: 3px solid #FFF;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: .5;
}

.carousel-control.right {
    left: auto;
    right: 15px;
}

.carousel-control:hover {
    color: #FFF;
    text-decoration: none;
    opacity: .9;
}

.carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    padding: 15px;
}

.carousel-caption h4,
.carousel-caption p {
    color: #FFF;
    line-height: 20px;
}

.well {
    min-height: 20px;
    margin-bottom: 20px;
    background-color: #fafafa;
    border: 1px solid #f2f2f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    padding: 19px;
}

.well blockquote {
    border-color: rgba(0, 0, 0, 0.15);
}

.well-large {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 24px;
}

.well-small {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 9px;
}

.close {
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #FFF;
    opacity: .2;
}

.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
}

button.close {
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    padding: 0;
}

.invisible {
    visibility: hidden;
}

.affix {
    position: fixed;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -ms-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
}

.hidden {
    display: none;
    visibility: hidden;
}

.visible-phone,
.visible-tablet,
.hidden-desktop {
    display: none!important;
}

.visible-desktop {
    display: inherit!important;
}

.no-margin {
    margin: 0!important;
}

.no-left-margin {
    margin-left: 0!important;
}

.no-right-margin {
    margin-right: 0!important;
}

.no-top-margin {
    margin-top: 0!important;
}

.no-bottom-margin {
    margin-bottom: 0!important;
}

.no-padding {
    padding: 0!important;
}

.no-left-padding {
    padding-left: 0!important;
}

.no-right-padding {
    padding-right: 0!important;
}

.no-top-padding {
    padding-top: 0!important;
}

.no-bottom-padding {
    padding-bottom: 0!important;
}

.right-align-text {
    text-align: right!important;
}

.center-align-text {
    text-align: center!important;
}

.vertical-align-mid {
    vertical-align: middle!important;
}

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

.signin {
    width: 440px;
}

.signin h2 {
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #e6e6e6;
}

.signin .signin-wrapper {
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
}

.signin .signin-wrapper .content .input {
    margin-top: 5px;
    font-weight: 400;
    background: #fafafa;
    border: 1px solid #d9d9d9;
}

.signin .signin-wrapper .content .input:hover,
.signin .signin-wrapper .content select:hover {
    background: #F5F5F5;
    color: #333;
}

.signin .signin-wrapper .actions {
    padding: 5px 10px;
}

.signin .signin-wrapper .actions a {
    color: #b3b3b3;
}

header {
    background-color: #fafafa;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ececec));
    background-image: -webkit-linear-gradient(top, #fafafa, #ececec);
    background-image: -moz-linear-gradient(top, #fafafa, #ececec);
    background-image: -o-linear-gradient(top, #fafafa, #ececec);
    background-image: linear-gradient(to bottom, #fafafa, #ececec);
    box-shadow: #c2c2c2 0px 3px 9px 0px;
    border-bottom: #fff 1px solid;
    border-top: 5px solid #ff2782;
    background-repeat: no-repeat;
    height: 55px;
    line-height: 38px;
    vertical-align: middle;
    width: 100%;
    margin: auto;
    padding: 0;
}

header .logo {
    max-width: 360px;
    color: #e6e6e6;
    padding-left: 10px;
    font-size: 18px;
    float: left;
}

header #mini-nav {
    float: right;
    margin: 0;
}

header #mini-nav li {
    float: left;
    border-right: 1px solid #c0c0c0;
    padding: 0 12px;
}

header #mini-nav li a {
    display: block;
    color: #525252;
    cursor: pointer;
    line-height: 51px;
}

header #mini-nav li a [data-icon]:before {
    line-height: 100%;
    vertical-align: middle;
}

header #mini-nav .dropdown .caret {
    margin-top: 17px;
    border-top: 4px solid #ccc;
}

header #mini-nav .dropdown-toggle {
    padding: 0 12px;
}

header #mini-nav .dropdown-menu {
    min-width: 160px;
    margin-right: -1px;
    border: 1px solid #b3b3b3;
    border-top: 0;
}

header #mini-nav .dropdown-menu li {
    float: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px dotted #d9d9d9;
    padding: 2px 0;
}

header #mini-nav .dropdown-menu li a {
    color: #000;
}

#main-nav {
    position: relative;
    padding: 15px 0 0;
}

#main-nav ul li {
    min-width: 95px;
    float: left;
    position: relative;
    margin-right: 1px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background: #eeeeee;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -ms-transition: All .4s ease;
    -o-transition: All .4s ease;
    transition: All .4s ease;
}

#main-nav ul li ul {
    position: absolute;
    top: 38px;
    left: 0;
    width: 160px;
    display: none;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    border-top: 5px solid #428bca;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    padding: 0;
}

#main-nav ul li ul li {
    background: #428bca;
    display: block;
    margin-right: 0;
    color: #FFF;
    float: none;
    border-bottom: 1px solid #4e92cd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#main-nav ul li ul li:hover {
    background: #3071a9;
}

#main-nav ul li ul li:last-child {
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    border-bottom: 0;
}

#main-nav ul li ul li a {
    height: 14px;
    line-height: 14px;
}

#main-nav ul li a {
    height: 36px;
    line-height: 18px;
    display: block;
    color: #404040;
    font-size: 13px;
    text-align: left;
    padding: 10px;
}

#main-nav ul li a [data-icon]:before {
    float: left;
    line-height: 18px;
    margin: 0 5px 0 0;
}

#main-nav ul li .selected {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    background: #428bca;
    color: #FFF;
}

#main-nav ul li:hover {
    background: #428bca;
    color: #FFF;
}

#main-nav ul li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
}

.metro-nav .metro-nav-block {
    display: block;
    float: left;
    height: 60px;
    width: 17%;
    cursor: pointer;
    text-decoration: none;
    color: #FFF;
    position: relative;
    font-weight: 300;
    letter-spacing: .02em;
    line-height: 20px;
    font-smooth: always;
    overflow: hidden;
    z-index: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: .5%;
}

.metro-nav .metro-nav-block [data-icon]::before {
    font-size: 32px;
    color: #FFF;
    line-height: 36px;
}

.metro-nav .metro-nav-block a {
    height: 100%;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    font-weight: 400;
    color: #FFF;
    font-size: 16px;
    font-smooth: always;
    line-height: 16px;
    width: 100%;
    padding: 5px 10px;
}

.metro-nav .metro-nav-block.double {
    width: 27%;
}

.metro-nav .metro-nav-block .info {
    position: absolute;
    top: 25px;
    right: 10px;
    font-size: 24px;
}

.metro-nav .metro-nav-block .brand,
.metro-nav .metro-nav-block .tile-status {
    position: absolute;
    bottom: -10px;
    left: 10px;
    min-height: 30px;
    background-color: transparent;
    zoom: 1;
    font-size: 14px;
}

.metro-nav .metro-nav-block .tile-status {
    right: 10px;
}

.metro-nav .nav-block-orange {
    background: #e89344;
}

.metro-nav .nav-block-blue {
    background: #4a98c9;
}

.metro-nav .nav-block-primary {
    background: #4a90cc;
}

.metro-nav .nav-block-primary1 {
    background: #5e9cd2;
}

.metro-nav .nav-block-primary2 {
    background: #72a8d7;
}

.metro-nav .nav-block-primary3 {
    background: #8eb9df;
}

.left-sidebar {
    position: absolute;
    left: 10px;
    top: 71px;
    width: 180px;
}

.left-sidebar .user-details {
    height: 42px;
    position: relative;
    margin-top: 0px;
    margin-bottom: 3px;
}

.left-sidebar .user-details .user-img img {
    width: 32px;
    height: 32px;
    background: primary-color;
    border: 2px solid #428bca;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.left-sidebar .user-details .welcome-text {
    text-align: right;
    color: #428bca;
    font-size: 12px;
    padding-top: 5px;
}

.left-sidebar .user-details .welcome-text .name {
    color: #858585;
    font-weight: 700;
}

.left-sidebar .content {
    background: #3a86c8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    min-height: 165px;
}

.left-sidebar .content .accordion .accordion-group {
    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid #5697d0;
}

.left-sidebar .content .accordion .accordion-group .accordion-heading a {
    background: transparent!important;
    font-weight: 400;
    font-size: 13px;
    position: relative;
    color: #FFF;
}

.left-sidebar .content .accordion .accordion-group .accordion-heading a .info-label {
    position: absolute;
    top: 7px;
    right: 4px;
}

.left-sidebar .content .accordion .accordion-group .accordion-heading .accordion-toggle {
    padding: 7px 8px;
}

.left-sidebar .content .accordion .accordion-group .accordion-body .accordion-inner {
    border-top: 1px solid #5697d0;
    background: #fefefe;
    color: #333;
    font-size: 11px;
    padding: 6px 8px;
}

.left-sidebar .content .btn {
    display: block;
    margin: 0 10px;
}

.left-sidebar .online-users ul li a {
    position: relative;
    display: block;
    padding: 2px 0;
}

.left-sidebar .online-users ul li a img {
    margin-right: 3px;
    width: 16px;
    height: 16px;
}

.left-sidebar .online-users ul li a .user-status,
.left-sidebar .online-users ul li a .user-status.online,
.left-sidebar .online-users ul li a .user-status.busy,
.left-sidebar .online-users ul li a .user-status.away {
    position: absolute;
    top: 6px;
    right: -5px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #ccc;
    -webkit-box-shadow: 0 0 4px #999 inset;
    -moz-box-shadow: 0 0 4px #999 inset;
    box-shadow: 0 0 4px #999 inset;
}

.left-sidebar .signups li,
.left-sidebar .clients li,
.left-sidebar .chats li,
.left-sidebar .inbox li,
.left-sidebar .payments li,
.left-sidebar .staff li,
.left-sidebar .contents li {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
    padding: 4px 0;
}

.left-sidebar .signups li .user img,
.left-sidebar .clients li .user img,
.left-sidebar .chats li .user img,
.left-sidebar .inbox li .user img,
.left-sidebar .payments li .user img,
.left-sidebar .staff li .user img,
.left-sidebar .contents li .user img {
    width: 24px;
    height: 24px;
    border: 1px solid #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.left-sidebar .signups li .info,
.left-sidebar .clients li .info,
.left-sidebar .chats li .info,
.left-sidebar .inbox li .info,
.left-sidebar .payments li .info,
.left-sidebar .staff li .info,
.left-sidebar .contents li .info {
    margin-left: 34px;
    color: #428bca;
}

.left-sidebar .signups li .info h6,
.left-sidebar .clients li .info h6,
.left-sidebar .chats li .info h6,
.left-sidebar .inbox li .info h6,
.left-sidebar .payments li .info h6,
.left-sidebar .staff li .info h6,
.left-sidebar .contents li .info h6 {
    font-weight: 500;
    line-height: 100%;
    font-size: 12px;
    margin: 0 0 2px;
    padding: 0;
}

.left-sidebar .signups li .info p,
.left-sidebar .clients li .info p,
.left-sidebar .chats li .info p,
.left-sidebar .inbox li .info p,
.left-sidebar .payments li .info p,
.left-sidebar .staff li .info p,
.left-sidebar .contents li .info p {
    color: #666;
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    padding: 0;
}

.left-sidebar .signups li .info small,
.left-sidebar .clients li .info small,
.left-sidebar .chats li .info small,
.left-sidebar .inbox li .info small,
.left-sidebar .payments li .info small,
.left-sidebar .staff li .info small,
.left-sidebar .contents li .info small {
    color: #666;
    font-size: 11px;
}

.left-sidebar .signups li a,
.left-sidebar .clients li a,
.left-sidebar .chats li a,
.left-sidebar .inbox li a,
.left-sidebar .payments li a,
.left-sidebar .staff li a,
.left-sidebar .contents li a {
    color: #428bca;
    font-weight: 500;
    font-size: 13px;
}

.left-sidebar .signups li a span,
.left-sidebar .clients li a span,
.left-sidebar .chats li a span,
.left-sidebar .inbox li a span,
.left-sidebar .payments li a span,
.left-sidebar .staff li a span,
.left-sidebar .contents li a span {
    font-size: 11px;
    font-weight: 200;
}

.left-sidebar .easy-pie-chart {
    margin-top: 30px;
    position: relative;
    text-align: center;
    color: #ccc;
    font-size: 18px;
}

.left-sidebar .easy-pie-chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.left-sidebar .easy-pie-chart .name {
    margin-top: 10px;
    font-size: 14px;
    text-transform: uppercase;
}

.dashboard-wrapper {
    position: relative;
    top: 0;
    margin-bottom: 10px;
    margin-left: 190px;
}

.dashboard-wrapper .main-container {
    min-height: 540px;
    border-top: 5px solid #428bca;
    background: #FFF;
    -webkit-border-radius: 0 3px 3px 3px;
    -moz-border-radius: 0 3px 3px;
    border-radius: 0 3px 3px 3px;
    padding: 10px 15px;
}

.dashboard-wrapper .main-container .page-header {
    border-bottom: 0;
    margin: 0;
    padding: 10px 0 15px;
}

.dashboard-wrapper .main-container .page-header h2 {
    font-size: 26px;
    font-weight: 500;
    color: #4d4d4d;
    float: left;
    margin: 0;
    padding: 0;
    line-height: 26px;
}

.dashboard-wrapper .main-container .page-header ul.stats li {
    float: left;
    height: 34px;
    margin-left: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 5px 10px;
}

.dashboard-wrapper .main-container .page-header ul.stats li [data-icon]:before {
    float: left;
    line-height: 18px;
    font-size: 26px;
    color: #FFF;
    margin: 7px 0 0;
}

.dashboard-wrapper .main-container .page-header ul.stats li .details {
    margin-left: 50px;
}

.dashboard-wrapper .main-container .page-header ul.stats li .details span.big {
    font-size: 16px;
}

.dashboard-wrapper .main-container .page-header ul.stats li .details span {
    color: #FFF;
    display: block;
    font-size: 12px;
}

.dashboard-wrapper .main-container .page-header ul.stats .color-first {
    background: #71c586;
}

.dashboard-wrapper .main-container .page-header ul.stats .color-second {
    background: #f68b1f;
}

.dashboard-wrapper .main-container .widget,
.dashboard-wrapper .main-container .widget-border {
    background: #FFF;
    border: 1px solid #e0e0e0;
    clear: both;
    margin-top: 0;
    margin-bottom: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.dashboard-wrapper .main-container .widget .widget-header,
.dashboard-wrapper .main-container .widget-border .widget-header {
    background-color: #f2f2f2;
    background-image: linear-gradient(top, white, #f2f2f2);
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #d9d9d9;
    height: 50px;
    line-height: 30px;
    padding: 5px 10px;
}

.dashboard-wrapper .main-container .widget .widget-header .title,
.dashboard-wrapper .main-container .widget-border .widget-header .title {
    color: #4d4d4d;
    float: left;
    font-weight: 600;
    font-size: 14px;
}

.dashboard-wrapper .main-container .widget .widget-header .title .attribution,
.dashboard-wrapper .main-container .widget .widget-header .title .mini-title,
.dashboard-wrapper .main-container .widget-border .widget-header .title .attribution,
.dashboard-wrapper .main-container .widget-border .widget-header .title .mini-title {
    font-size: 11px;
    padding-left: 4px;
    color: #b3b3b3;
    font-weight: 400;
}

.dashboard-wrapper .main-container .widget .widget-header .title [data-icon]:before,
.dashboard-wrapper .main-container .widget-border .widget-header .title [data-icon]:before {
    color: #000;
    float: left;
    margin: 6px 6px 0 0;
}

.dashboard-wrapper .main-container .widget .widget-header div.tools,
.dashboard-wrapper .main-container .widget-border .widget-header div.tools {
    float: right;
    margin: 0;
    padding: 0;
}

.dashboard-wrapper .main-container .widget .widget-header div.tools>a,
.dashboard-wrapper .main-container .widget-border .widget-header div.tools>a {
    display: inline-block;
    margin-left: 9px;
    color: #333;
    margin-top: 3px;
}

.dashboard-wrapper .main-container .widget .widget-header div.tools>a:hover,
.dashboard-wrapper .main-container .widget-border .widget-header div.tools>a:hover {
    text-decoration: none;
    opacity: .6;
}

.dashboard-wrapper .main-container .widget-border:hover {
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-color: #99c5e0;
}

ul.stats-overview {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

ul.stats-overview li {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid #e8e8e8;
    padding: 0 15px;
}

ul.stats-overview li .value {
    font-size: 14px;
    font-weight: 700;
    display: block;
}

ul.stats-overview li:first-child {
    padding-left: 0;
}

.tab-widget .header {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 4px;
    color: #428bca;
    font-weight: 700;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.tab-widget .signups li,
.tab-widget .clients li,
.tab-widget .chats li {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
    padding: 8px 0;
}

.tab-widget .signups li .user img,
.tab-widget .clients li .user img,
.tab-widget .chats li .user img {
    width: 42px;
    height: 42px;
    border: 1px solid #e6e6e6;
    padding: 2px;
}

.tab-widget .signups li .info,
.tab-widget .clients li .info,
.tab-widget .chats li .info {
    margin-left: 58px;
    color: #428bca;
}

.tab-widget .signups li .info h6,
.tab-widget .clients li .info h6,
.tab-widget .chats li .info h6 {
    line-height: 100%;
    margin: 0 0 4px;
    padding: 0;
}

.tab-widget .signups li .info p,
.tab-widget .clients li .info p,
.tab-widget .chats li .info p {
    color: #000;
    margin: 0;
    padding: 0;
}

.tab-widget .signups li .info small,
.tab-widget .clients li .info small,
.tab-widget .chats li .info small {
    color: #666;
}

.tab-widget .signups li:first-child,
.tab-widget .clients li:first-child,
.tab-widget .chats li:first-child {
    padding-top: 0;
}

.tab-widget .signups li:last-child,
.tab-widget .clients li:last-child,
.tab-widget .chats li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.bwizard .well {
    margin: 3px 0;
}

.bwizard-steps {
    display: inline-block;
    background: #FFF;
    margin: 0;
    padding: 0;
}

.bwizard-steps li {
    position: relative;
    margin-right: 5px;
    line-height: 18px;
    list-style: none;
    background: #e6e6e6;
    zoom: 1;
    display: inline;
    padding: 12px 17px 10px;
}

.bwizard-steps li:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    padding-left: 12px;
}

.bwizard-steps li:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    margin-right: 0;
}

.bwizard-steps li:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #FFF;
    border-top: 20px inset transparent;
    content: "";
}

.bwizard-steps li:after {
    position: absolute;
    right: -20px;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #e6e6e6;
    border-top: 20px inset transparent;
    content: "";
    z-index: 2;
}

.bwizard-steps .label {
    position: relative;
    top: -1px;
    margin: 0 5px 0 0;
    padding: 1px 5px 2px;
}

.bwizard-steps .active {
    color: #FFF;
    background: #428bca;
}

.bwizard-steps .active:after {
    border-left-color: #428bca;
}

.bwizard-steps .active a {
    color: #FFF;
    cursor: default;
}

.bwizard-steps.clickable li:hover:not(.active) {
    background: #ccc;
}

.bwizard-steps.clickable li:hover:not(.active):after {
    border-left-color: #ccc;
}

.spark-current-stats li {
    height: 32px;
    border-bottom: 1px solid #e6e6e6;
    line-height: 32px;
    margin-bottom: 4px;
    padding: 2px 0;
}

.spark-current-stats li .stats-graph {
    float: left;
    margin-top: 4px;
}

.spark-current-stats li h4.name {
    float: right;
    font-weight: 500;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.spark-current-stats li h4.name .value {
    font-size: 16px;
    padding-left: 10px;
    color: #e84f4c;
}

.animated-status-bar .progress {
    background: #e6e6e6;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.25) inset;
    -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.25) inset;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.25) inset;
}

.animated-status-bar .progress-striped {
    height: 16px;
    -webkit-transition: .4s linear;
    -moz-transition: .4s linear;
    -o-transition: .4s linear;
    transition: .4s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
}

.animated-status-bar #five:checked~.progress>.progress-striped {
    width: 5%;
    background-color: #e84f4c;
}

.animated-status-bar #twentyfive:checked~.progress>.progress-striped {
    width: 25%;
    background-color: #e89344;
}

.animated-status-bar #fifty:checked~.progress>.progress-striped {
    width: 50%;
    background-color: #f3cf59;
}

.animated-status-bar #seventyfive:checked~.progress>.progress-striped {
    width: 75%;
    background-color: #4a98c9;
}

.animated-status-bar #onehundred:checked~.progress>.progress-striped {
    width: 100%;
    background-color: #6ac280;
}

.animated-status-bar .label {
    background: #428bca;
    display: inline-block;
    color: #FFF;
    text-shadow: 0 1px #000;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 5px 20px;
    padding: 3px 8px;
}

.animated-status-bar .radio:checked+.label {
    color: #FFF;
    background: #e84f4c;
}

.next-prev-btn-container .button {
    display: inline-block;
    position: relative;
    color: #FFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #de791b;
    background: #e89344;
    padding: 4px 17px;
}

.next-prev-btn-container .button:hover {
    color: #d9d9d9;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.next-prev-btn-container .button.prev {
    border-left: 0;
}

.next-prev-btn-container .button.prev:after {
    background: #e89344;
    content: '';
    position: absolute;
    height: 50%;
    width: 15px;
    border-left: 1px solid #de791b;
    left: -5px;
    top: 1px;
    -webkit-transform: skew(-40deg, 0);
    -moz-transform: skew(-40deg, 0);
    -o-transform: skew(-40deg, 0);
    -ms-transform: skew(-40deg, 0);
    transform: skew(-40deg, 0);
}

.next-prev-btn-container .button.prev:before {
    background: #e89344;
    content: '';
    position: absolute;
    height: 48%;
    width: 15px;
    border-left: 1px solid #de791b;
    bottom: 1px;
    left: -5px;
    -webkit-transform: skew(40deg, 0);
    -moz-transform: skew(40deg, 0);
    -o-transform: skew(40deg, 0);
    -ms-transform: skew(40deg, 0);
    transform: skew(40deg, 0);
}

.next-prev-btn-container .button.next:after {
    background: #e89344;
    content: '';
    position: absolute;
    height: 48%;
    width: 15px;
    border-right: 1px solid #de791b;
    right: -5px;
    bottom: 1px;
    -webkit-transform: skew(-40deg, 0);
    -moz-transform: skew(-40deg, 0);
    -o-transform: skew(-40deg, 0);
    -ms-transform: skew(-40deg, 0);
    transform: skew(-40deg, 0);
}

.next-prev-btn-container .button.next:before {
    background: #e89344;
    content: '';
    position: absolute;
    height: 50%;
    width: 15px;
    border-right: 1px solid #de791b;
    top: 1px;
    right: -5px;
    -webkit-transform: skew(40deg, 0);
    -moz-transform: skew(40deg, 0);
    -o-transform: skew(40deg, 0);
    -ms-transform: skew(40deg, 0);
    transform: skew(40deg, 0);
}

.hr-stylish {
    border: 0;
    line-height: 0;
    border-top: medium double #b3b3b3;
    color: #b3b3b3;
    text-align: center;
    padding: 0;
}

.hr-stylish:after {
    content: "";
    display: inline-block;
    position: relative;
    top: -12px;
    font-size: 14px;
    background: #f7f7f7;
    padding: 0 10px;
}

.breadcrumb-beauty {
    list-style: none;
    overflow: hidden;
    font-size: 12px;
    background: #fafafa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ededed;
}

.breadcrumb-beauty li a {
    background: #e6e6e6;
    color: #000;
    position: relative;
    display: block;
    float: left;
    padding: 6px 0 6px 42px;
}

.breadcrumb-beauty li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #e6e6e6;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.breadcrumb-beauty li:first-child a {
    padding-left: 10px;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    color: #000;
    font-size: 16px;
}

.breadcrumb-beauty li:nth-child(2) a:after {
    border-left-color: #d9d9d9;
}

.breadcrumb-beauty li:nth-child(3) a {
    background: #d1d1d1;
}

.breadcrumb-beauty li:nth-child(3) a:after {
    border-left-color: #d1d1d1;
}

.breadcrumb-beauty li:nth-child(4) a {
    background: #c9c9c9;
}

.breadcrumb-beauty li:nth-child(4) a:after {
    border-left-color: #c9c9c9;
}

.breadcrumb-beauty li:last-child a {
    background: transparent!important;
    color: #000;
    pointer-events: none;
    cursor: default;
}

.breadcrumb-beauty li:last-child a:after {
    border-left-color: transparent;
}

.pricing-table .plan {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 5px;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #e6e6e6;
    background-image: linear-gradient(top, white, #e6e6e6);
    -moz-box-shadow: 0 0 7px #92bce0;
    -webkit-box-shadow: 0 0 7px #92bce0;
    box-shadow: 0 0 7px #92bce0;
    color: gray;
    padding: 15px;
}

.pricing-table .plan:hover {
    background-color: #FFF;
    -moz-box-shadow: 0 0 5px #6aa3d5;
    -webkit-box-shadow: 0 0 5px #6aa3d5;
    box-shadow: 0 0 5px #6aa3d5;
}

.pricing-table .plan .plan-name span {
    font-size: 20px;
}

.pricing-table .plan ul {
    list-style: none;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    margin: 0;
}

.pricing-table .plan-bronze,
.pricing-table .plan-silver,
.pricing-table .plan-gold {
    color: #fff;
    background-color: #8ed19f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 20px;
}

.pricing-table .plan-bronze {
    background-color: #eead71;
}

.chart-labels {
    background: #fafafa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ededed;
    margin-top: 10px;
    height: 32px;
    line-height: 32px;
}

.chart-labels .label-block {
    float: left;
    margin: 0 10px 0 4px;
}

.chart-labels .label-block span.label-type {
    width: 12px;
    height: 5px;
    display: inline-block;
}

.chart-labels .label-block span.label-name {
    font-size: 11px;
    padding-left: 4px;
}

.modal-gallery {
    width: auto;
    max-height: none;
    outline: 0;
}

.modal-gallery.fade.in {
    top: 50%;
}

.modal-gallery .modal-body {
    max-height: none;
}

.modal-gallery .modal-title {
    display: inline-block;
    max-height: 54px;
    overflow: hidden;
}

.modal-gallery .modal-image {
    position: relative;
    min-width: 128px;
    min-height: 128px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
    margin: auto;
}

.modal-gallery .modal-image:hover:before,
.modal-gallery .modal-image:hover:after {
    content: '\2039';
    position: absolute;
    top: 50%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #FFF;
    text-align: center;
    background: #222;
    border: 3px solid #FFF;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: .5;
    z-index: 1;
}

.modal-gallery .modal-image:hover:after {
    content: '\203A';
    left: auto;
    right: 15px;
}

.modal-loading .modal-image {
    background: url(../img/loading-orange.gif) center no-repeat;
}

.modal-gallery.fade .modal-image {
    -webkit-transition: width .15s ease, height .15s ease;
    -moz-transition: width .15s ease, height .15s ease;
    -ms-transition: width .15s ease, height .15s ease;
    -o-transition: width .15s ease, height .15s ease;
    transition: width .15s ease, height .15s ease;
}

.modal-gallery .modal-image * {
    position: absolute;
    top: 0;
    opacity: 0;
    border-radius: 4px;
}

.modal-gallery.fade .modal-image * {
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -ms-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
}

.modal-fullscreen {
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: hidden;
}

.modal-fullscreen.modal-loading {
    border: 0;
    box-shadow: none;
}

.modal-fullscreen .modal-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    opacity: 0;
    z-index: 2000;
}

.modal-fullscreen .modal-footer {
    position: absolute;
    right: 0;
    left: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    opacity: 0;
    z-index: 2000;
    top: auto;
    bottom: 0;
}

.modal-fullscreen .close,
.modal-fullscreen .modal-title {
    color: #FFF;
    text-shadow: 0 0 2px rgba(33, 33, 33, 0.8);
}

.timeline ul li {
    margin-bottom: 15px;
}

.timeline ul li .user,
.timeline ul li .user-success,
.timeline ul li .user-error,
.timeline ul li .user-warning {
    width: 32px;
    height: 32px;
    float: left;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #428bca;
    background: #e1edf7;
    padding: 2px;
}

.timeline ul li .user.user-success,
.timeline ul li .user-success.user-success,
.timeline ul li .user-error.user-success,
.timeline ul li .user-warning.user-success {
    border: 2px solid #6ac280;
    background: #fbfdfb;
}

.timeline ul li .user.user-error,
.timeline ul li .user-success.user-error,
.timeline ul li .user-error.user-error,
.timeline ul li .user-warning.user-error {
    border: 2px solid #e84f4c;
    background: #FFF;
}

.timeline ul li .user.user-warning,
.timeline ul li .user-success.user-warning,
.timeline ul li .user-error.user-warning,
.timeline ul li .user-warning.user-warning {
    border: 2px solid #f3cf59;
    background: #FFF;
}

.timeline ul li .user img,
.timeline ul li .user-success img,
.timeline ul li .user-error img,
.timeline ul li .user-warning img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 32px;
    height: 32px;
}

.timeline ul li .about-task,
.timeline ul li .info-task,
.timeline ul li .success-task,
.timeline ul li .error-task,
.timeline ul li .warning-task {
    background: #fafafa;
    border: 1px solid #ededed;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    min-height: 60px;
    position: relative;
    margin: 0 0 0 60px;
    padding: 10px;
}

.timeline ul li .about-task .header,
.timeline ul li .info-task .header,
.timeline ul li .success-task .header,
.timeline ul li .error-task .header,
.timeline ul li .warning-task .header {
    border-bottom: 1px solid #e6e6e6;
    line-height: 30px;
    height: 30px;
    color: #000;
    font-size: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 10px;
    padding: 0;
}

.timeline ul li .about-task small,
.timeline ul li .info-task small,
.timeline ul li .success-task small,
.timeline ul li .error-task small,
.timeline ul li .warning-task small {
    float: right;
    font-size: 11px;
}

.timeline ul li .about-task.info-task,
.timeline ul li .info-task.info-task,
.timeline ul li .success-task.info-task,
.timeline ul li .error-task.info-task,
.timeline ul li .warning-task.info-task {
    border: 1px solid #a6c8e6;
    background: #f1f7fb;
}

.timeline ul li .about-task.info-task .header,
.timeline ul li .info-task.info-task .header,
.timeline ul li .success-task.info-task .header,
.timeline ul li .error-task.info-task .header,
.timeline ul li .warning-task.info-task .header {
    border-bottom: 1px solid #b9d4ec;
    color: #428bca;
}

.timeline ul li .about-task.success-task,
.timeline ul li .info-task.success-task,
.timeline ul li .success-task.success-task,
.timeline ul li .error-task.success-task,
.timeline ul li .warning-task.success-task {
    border: 1px solid #c4e7cd;
    background: #f4faf5;
}

.timeline ul li .about-task.success-task .header,
.timeline ul li .info-task.success-task .header,
.timeline ul li .success-task.success-task .header,
.timeline ul li .error-task.success-task .header,
.timeline ul li .warning-task.success-task .header {
    border-bottom: 1px solid #d7eedd;
    color: #6ac280;
}

.timeline ul li .about-task.error-task,
.timeline ul li .info-task.error-task,
.timeline ul li .success-task.error-task,
.timeline ul li .error-task.error-task,
.timeline ul li .warning-task.error-task {
    border: 1px solid #f7bebd;
    background: #fef8f8;
}

.timeline ul li .about-task.error-task .header,
.timeline ul li .info-task.error-task .header,
.timeline ul li .success-task.error-task .header,
.timeline ul li .error-task.error-task .header,
.timeline ul li .warning-task.error-task .header {
    border-bottom: 1px solid #f9d4d4;
    color: #e84f4c;
}

.timeline ul li .about-task.warning-task,
.timeline ul li .info-task.warning-task,
.timeline ul li .success-task.warning-task,
.timeline ul li .error-task.warning-task,
.timeline ul li .warning-task.warning-task {
    border: 1px solid #fcf1d0;
    background: #fefcf6;
}

.timeline ul li .about-task.warning-task .header,
.timeline ul li .info-task.warning-task .header,
.timeline ul li .success-task.warning-task .header,
.timeline ul li .error-task.warning-task .header,
.timeline ul li .warning-task.warning-task .header {
    border-bottom: 1px solid #fdf8e8;
    color: #d6a810;
}

.timeline ul li .about-task.warning-task small,
.timeline ul li .info-task.warning-task small,
.timeline ul li .success-task.warning-task small,
.timeline ul li .error-task.warning-task small,
.timeline ul li .warning-task.warning-task small {
    color: #d6a810;
}

.timeline ul li .about-task .arrow,
.timeline ul li .about-task .info-arrow,
.timeline ul li .about-task .success-arrow,
.timeline ul li .about-task .error-arrow,
.timeline ul li .about-task .warning-arrow,
.timeline ul li .info-task .arrow,
.timeline ul li .info-task .info-arrow,
.timeline ul li .info-task .success-arrow,
.timeline ul li .info-task .error-arrow,
.timeline ul li .info-task .warning-arrow,
.timeline ul li .success-task .arrow,
.timeline ul li .success-task .info-arrow,
.timeline ul li .success-task .success-arrow,
.timeline ul li .success-task .error-arrow,
.timeline ul li .success-task .warning-arrow,
.timeline ul li .error-task .arrow,
.timeline ul li .error-task .info-arrow,
.timeline ul li .error-task .success-arrow,
.timeline ul li .error-task .error-arrow,
.timeline ul li .error-task .warning-arrow,
.timeline ul li .warning-task .arrow,
.timeline ul li .warning-task .info-arrow,
.timeline ul li .warning-task .success-arrow,
.timeline ul li .warning-task .error-arrow,
.timeline ul li .warning-task .warning-arrow {
    border-right: 9px solid #ededed;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    position: absolute;
    left: -9px;
    top: 13px;
    z-index: 10;
    width: 0;
    height: 0;
}

.timeline ul li .about-task .info-arrow,
.timeline ul li .info-task .info-arrow,
.timeline ul li .success-task .info-arrow,
.timeline ul li .error-task .info-arrow,
.timeline ul li .warning-task .info-arrow {
    border-right: 9px solid #a6c8e6;
}

.timeline ul li .about-task .success-arrow,
.timeline ul li .info-task .success-arrow,
.timeline ul li .success-task .success-arrow,
.timeline ul li .error-task .success-arrow,
.timeline ul li .warning-task .success-arrow {
    border-right: 9px solid #c4e7cd;
}

.timeline ul li .about-task .error-arrow,
.timeline ul li .info-task .error-arrow,
.timeline ul li .success-task .error-arrow,
.timeline ul li .error-task .error-arrow,
.timeline ul li .warning-task .error-arrow {
    border-right: 9px solid #f7bebd;
}

.timeline ul li .about-task .warning-arrow,
.timeline ul li .info-task .warning-arrow,
.timeline ul li .success-task .warning-arrow,
.timeline ul li .error-task .warning-arrow,
.timeline ul li .warning-task .warning-arrow {
    border-right: 9px solid #fcf1d0;
}

.current-stats {
    position: relative;
    line-height: 100%;
}

.current-stats h4,
.current-stats p {
    font-weight: 600;
    margin: 0 0 0 55px;
}

.current-stats p {
    color: #666;
    font-weight: 400;
}

.current-stats .type {
    position: absolute;
    left: 0;
    top: 0;
    border-right: 1px solid #e6e6e6;
    padding: 0 10px 0 0;
}

.fancy-tooltip-wrapper,
.fancy-tooltip-wrapper1 {
    width: 240px;
    height: 40px;
    margin: 20px auto 0;
    padding: 0;
}

.fancy-tooltip-wrapper li a,
.fancy-tooltip-wrapper1 li a {
    display: block;
    width: 44px;
    height: 40px;
    outline: 0;
    background: transparent url(../img/social_icons.png) no-repeat top left;
    text-indent: -9000px;
    position: relative;
    margin: 0 2px;
}

.fancy-tooltip-wrapper li .tooltip-linkedin,
.fancy-tooltip-wrapper1 li .tooltip-linkedin {
    background-position: -44px 0;
}

.fancy-tooltip-wrapper li .tooltip-gplus,
.fancy-tooltip-wrapper1 li .tooltip-gplus {
    background-position: -86px 0;
}

.fancy-tooltip-wrapper li .tooltip-twitter,
.fancy-tooltip-wrapper1 li .tooltip-twitter {
    background-position: -130px 0;
}

.fancy-tooltip-wrapper li .tooltip-dribbble,
.fancy-tooltip-wrapper1 li .tooltip-dribbble {
    background-position: -174px 0;
}

.fancy-tooltip-wrapper li a span,
.fancy-tooltip-wrapper1 li a span {
    width: 100px;
    height: auto;
    line-height: 20px;
    left: 50%;
    margin-left: -62px;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    border: 2px solid #2e6f99;
    background: #4a98c9;
    text-indent: 0;
    border-radius: 5px;
    position: absolute;
    pointer-events: none;
    bottom: 100px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 10px;
}

.fancy-tooltip-wrapper li a span:before,
.fancy-tooltip-wrapper1 li a span:before {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #4a98c9;
}

.fancy-tooltip-wrapper li a span:after,
.fancy-tooltip-wrapper1 li a span:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -14px;
    margin-left: -10px;
    border-top: 10px solid #2e6f99;
}

.fancy-tooltip-wrapper li a:hover span,
.fancy-tooltip-wrapper1 li a:hover span {
    opacity: .9;
    bottom: 40px;
}

.fancy-tooltip-wrapper1 li a span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    left: 50%;
    margin-left: -52px;
    text-align: center;
    text-indent: 0;
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    bottom: -40px;
    opacity: 0;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -o-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    padding: 10px;
}

.fancy-tooltip-wrapper1 li a:hover span {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.daterangepicker {
    position: absolute;
    background: #fcfcfc;
    top: 100px;
    left: 20px;
    margin-top: 1px;
    -webkit-box-shadow: 0 0 2px #ccc inset;
    -moz-box-shadow: 0 0 2px #ccc inset;
    box-shadow: 0 0 2px #ccc inset;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
}

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

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

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

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

.daterangepicker .calendar {
    display: none;
    max-width: 230px;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    background: #FFF;
    padding: 4px;
}

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

.daterangepicker .ranges label {
    color: #333;
    font-size: 11px;
    margin-bottom: 2px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #FFF;
}

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

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

.daterangepicker .ranges li {
    font-size: 13px;
    background: #f7f7f7;
    border: 1px solid #f2f2f2;
    color: #000;
    margin-bottom: 8px;
    border-radius: 2px;
    cursor: pointer;
    padding: 3px 12px;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #428bca;
    border: 1px solid #428bca;
    color: #FFF;
}

.daterangepicker.opensleft:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid gray;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.opensleft:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #FFF;
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.opensright:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid gray;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.opensright:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #FFF;
    border-left: 6px solid transparent;
    content: '';
}

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

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

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

#scrollbar,
#scrollbar-one,
#scrollbar-two,
#scrollbar-three {
    width: 100%;
    clear: both;
    margin: 0
}

#scrollbar .viewport,
#scrollbar-one .viewport,
#scrollbar-two .viewport,
#scrollbar-three .viewport {
    width: 98%;
    height: 239px;
    overflow: hidden;
    position: relative
}

#scrollbar .overview,
#scrollbar-one .overview,
#scrollbar-two .overview,
#scrollbar-three .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

#scrollbar .thumb,
#scrollbar-one .thumb,
#scrollbar-two .thumb,
#scrollbar-three .thumb {
    background-color: #e89344
}

#scrollbar .thumb .end,
#scrollbar-one .thumb .end,
#scrollbar-two .thumb .end,
#scrollbar-three .thumb .end {
    background-color: #e89344
}

#scrollbar .scrollbar,
#scrollbar-one .scrollbar,
#scrollbar-two .scrollbar,
#scrollbar-three .scrollbar {
    position: relative;
    float: right;
    width: 3px
}

#scrollbar .track,
#scrollbar-one .track,
#scrollbar-two .track,
#scrollbar-three .track {
    background-color: #ccc;
    height: 100%;
    width: 3px;
    position: relative;
    padding: 0
}

#scrollbar .thumb,
#scrollbar-one .thumb,
#scrollbar-two .thumb,
#scrollbar-three .thumb {
    height: 20px;
    width: 3px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0
}

#scrollbar .thumb .end,
#scrollbar-one .thumb .end,
#scrollbar-two .thumb .end,
#scrollbar-three .thumb .end {
    overflow: hidden;
    height: 5px;
    width: 13px
}

#scrollbar .disable,
#scrollbar-one .disable,
#scrollbar-two .disable,
#scrollbar-three .disable {
    display: none
}

#scrollbar-one .thumb,
#scrollbar-two .thumb {
    background-color: #4a98c9
}

#scrollbar-one .thumb .end,
#scrollbar-two .thumb .end {
    background-color: #4a98c9
}

#scrollbar-two .viewport {
    height: 280px
}

#scrollbar-three .viewport {
    height: 120px
}

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.show-grid {
    margin-top: 10px;
    margin-bottom: 20px;
}

.show-grid [class*=span] {
    background: #ededed;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height: 40px;
    line-height: 40px;
}

.google-visualization-table-tr-head,
.google-visualization-table-tr-head td {
    background: #fafafa!important;
}

.icomoon-medium [data-icon]:before {
    font-size: 24px;
}

.icomoon-large [data-icon]:before {
    font-size: 36px;
}

.stats-count {
    background: #FFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
    display: block;
    height: 38px;
    margin-bottom: 7px;
    padding: 5px;
}

.stats-count .arrow {
    display: block;
    height: 38px;
    float: left;
    padding-right: 10px;
    padding-top: 2px;
}

.stats-count h5.stat-value {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

.stats-count .stat-name {
    font-size: 11px;
    line-height: 18px;
    color: gray;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.sliding-tags:before {
    content: '';
    display: table;
    margin-top: 4px;
}

.sliding-tags:after {
    content: '';
    display: table;
    clear: both;
}

.sliding-tags li {
    position: relative;
    float: left;
    margin: 0 0 0 10px;
}

.sliding-tags li:active {
    margin-top: 1px;
    margin-bottom: 7px;
}

.sliding-tags li:after {
    content: '';
    z-index: 2;
    position: absolute;
    top: 8px;
    right: -2px;
    width: 5px;
    height: 6px;
    opacity: .95;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    background: #e89344;
}

.sliding-tags a,
.sliding-tags span {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sliding-tags a {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #4d4d4d;
    text-decoration: none;
    background: #FFF;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    border-width: 1px 0 1px 1px;
    padding: 0 9px 0 8px;
}

.sliding-tags a:hover span {
    max-width: 40px;
    padding: 0 7px 0 6px;
}

.sliding-tags span {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 2;
    overflow: hidden;
    max-width: 0;
    height: 22px;
    line-height: 22px;
    color: #FFF;
    background: #e89344;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    opacity: .95;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transition-property: padding, max-width;
    -moz-transition-property: padding, max-width;
    -o-transition-property: padding, max-width;
    transition-property: padding, max-width;
    padding: 0 0 0 4px;
}

.imp-messages li,
.tasks li {
    border-bottom: 1px dotted #e6e6e6;
    padding: 8px 0;
}

.imp-messages li:hover,
.tasks li:hover {
    background: #fcfcfc;
}

.imp-messages li img.avatar,
.tasks li img.avatar {
    height: 32px;
    width: 32px;
    float: left;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #f7f7f7;
    border: 1px solid #e6e6e6;
    padding: 2px;
}

.imp-messages li .message-wrapper,
.tasks li .message-wrapper {
    margin-left: 50px;
    margin-right: 40px;
}

.imp-messages li .message-wrapper h4.message-heading,
.tasks li .message-wrapper h4.message-heading {
    color: #357ebd;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    line-height: 100%;
    margin: 0 0 10px;
}

.imp-messages li .message-wrapper p.url,
.imp-messages li .message-wrapper p.image,
.tasks li .message-wrapper p.url,
.tasks li .message-wrapper p.image {
    margin: 0;
    padding: 0;
}

.imp-messages li .message-wrapper p.url a,
.imp-messages li .message-wrapper p.image a,
.tasks li .message-wrapper p.url a,
.tasks li .message-wrapper p.image a {
    padding-left: 5px;
    text-decoration: underline;
}

.imp-messages li .message-date,
.tasks li .message-date {
    float: right;
    text-align: right;
}

.imp-messages li .message-date h3.date,
.tasks li .message-date h3.date {
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.imp-messages li .message-date p.month,
.tasks li .message-date p.month {
    color: #999;
    margin: 0;
}

.tasks li .message-wrapper h4.message-heading {
    color: #4d4d4d;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    margin: 0 0 5px;
}

.tasks li .message-wrapper p.message {
    color: #999;
    font-size: 11px;
    margin: 0;
}

.quick-action-btn,
.quick-action-btn2 {
    border: 1px solid #b9d4ec;
    padding: 5px 0;
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, white, #f2f2f2);
    background-image: -moz-linear-gradient(top, white, #f2f2f2);
    background-image: -ms-linear-gradient(top, white, #f2f2f2);
    background-image: -o-linear-gradient(top, white, #f2f2f2);
    background-image: linear-gradient(top, white, #f2f2f2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.quick-action-btn:hover,
.quick-action-btn2:hover {
    border: 1px solid #d9e8f4;
}

.quick-action-btn:hover [data-icon]:before,
.quick-action-btn2:hover [data-icon]:before {
    font-size: 26px;
    color: #428bca;
}

.quick-action-btn [data-icon]:before,
.quick-action-btn2 [data-icon]:before {
    font-size: 26px;
    color: #FFF;
}

.quick-action-btn .label,
.quick-action-btn2 .label {
    width: 70%;
}

.quick-action-btn2 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 14px 2px;
}

.quick-action-btn2 .label {
    width: 40%;
}

.tweet-group {
    padding: 2px;
}

.tweets li {
    margin: 2px auto;
    padding: 2px 0;
}

.tweets li img.avatar {
    height: 60px;
    width: 60px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fafafa;
    border: 1px solid #d9d9d9;
    padding: 4px;
}

.tweets li.in img.avatar {
    margin-right: 10px;
    float: left;
}

.tweets li .name {
    color: #e89344;
    font-size: 13px;
    font-weight: 400;
}

.tweets li .date-time {
    color: #1a1a1a;
    font-size: 11px;
    font-weight: 400;
}

.tweets li.out img.avatar {
    float: right;
    margin-left: 10px;
    background: #fafafa;
    border: 1px solid #d9d9d9;
    padding: 4px;
}

.tweets li .message {
    display: block;
    position: relative;
    background: #F5F5F5;
    padding: 5px 10px;
}

.tweets li.in .message {
    text-align: left;
    margin-left: 80px;
}

.tweets li.in .message hr {
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #FFF;
    margin: 10px 0;
}

.tweets li.out .message {
    margin-right: 80px;
    background: #e9f2f9;
}

.tweets li.out .message .up-arrow {
    display: block;
    position: absolute;
    top: -8px;
    left: 10px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 8px solid #e9f2f9;
}

.tweets li.out .message hr {
    border: 0;
    border-top: 1px solid #f5f9fc;
    border-bottom: 1px solid #d9e8f4;
    margin: 10px 0;
}

.tweets li.out .delete-icon .fs1 {
    font-size: 18px;
    color: #e89344;
}

.tweets li .reply-icons a.icon {
    float: left;
    color: #404040;
    margin: 0 7px;
}

.tweets li .reply-icons a.icon .fs1 {
    font-size: 18px;
}

.tweets li .reply-icons a.icon.more {
    position: relative;
    margin-right: 0;
}

.tweets li .reply-icons a.icon .overlay {
    background: #f7f7f7;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 6px;
    right: 0;
}

.todo-container .todo-list {
    min-height: 180px;
}

.todo-container .todo-list li {
    background: #fafafa;
    border-bottom: 1px dotted #ccc;
    line-height: 34px;
}

.todo-container .todo-list li input[type=checkbox] {
    margin: 0 2px 0 10px;
}

.todo-container .todo-list li input[type=checkbox]:checked+label {
    text-decoration: line-through;
    color: #999;
}

.todo-container .todo-list li label {
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
}

.todo-container .todo-list li .date {
    font-size: 10px;
    color: gray;
    margin-right: 10px;
    float: right;
}

.todo-container .todo-list li:hover {
    background: #F5F5F5;
}

.todo-container .todo-list .new {
    border-left: 3px solid #e89344;
    margin: 1px 0;
}

.todo-container .todo-list .completed {
    border-left: 3px solid #6ac280;
    margin: 1px 0;
}

.todo-container .todo-list .process {
    border-left: 3px solid #f3cf59;
    margin: 1px 0;
}

.todo-container textarea {
    height: 80px;
}

.screenshots {
    margin: 50px 0;
}

.screenshots .thumbnails img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
}

.screenshots .thumbnails .thumbnail .caption {
    color: #e6e6e6!important;
}

.icomoon-icons-container li {
    background-color: #ededed;
    background-image: linear-gradient(top, #f2f2f2, #ededed);
    border: 1px solid #d9d9d9;
    color: #666;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    width: 36px;
    height: 34px;
    line-height: 36px;
}

.icomoon-icons-container li:hover {
    background: #FFF;
    cursor: pointer;
}

#dt_example td {
    vertical-align: middle;
}

#dt_example .dataTables_filter input {
    width: 160px;
    margin-bottom: 0;
}

#dt_example .dataTables_info {
    float: left;
    margin-top: 5px;
}

#dt_example .dataTables_paginate {
    float: right;
    margin: 5px 0;
}

#dt_example .dataTables_paginate .first,
#dt_example .dataTables_paginate .previous,
#dt_example .dataTables_paginate .next,
#dt_example .dataTables_paginate .paginate_active,
#dt_example .dataTables_paginate .last,
#dt_example .dataTables_paginate .paginate_button {
    background-color: #e6e6e6;
    background-image: linear-gradient(top, #f2f2f2, #e6e6e6);
    border: 1px solid #d9d9d9;
    padding: 5px 10px;
}

#dt_example .dataTables_paginate .first:hover,
#dt_example .dataTables_paginate .previous:hover,
#dt_example .dataTables_paginate .next:hover,
#dt_example .dataTables_paginate .paginate_active:hover,
#dt_example .dataTables_paginate .last:hover,
#dt_example .dataTables_paginate .paginate_button:hover {
    background: #f9f9f9;
    cursor: pointer;
}

#dt_example .dataTables_paginate .paginate_active {
    background: #eee;
}

#dt_example .dataTable .sorting {
    cursor: pointer;
    background: url(../img/sorting.png) no-repeat center right;
}

#dt_example .dataTable .sorting_asc {
    cursor: pointer;
    background: url(../img/sorting_asc.png) no-repeat center right;
}

#dt_example .dataTable .sorting_desc {
    cursor: pointer;
    background: url(../img/sorting_desc.png) no-repeat center right;
}

.progress-statistics li {
    background: #f7f7f7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: All .5s ease;
    -moz-transition: All .5s ease;
    -ms-transition: All .5s ease;
    -o-transition: All .5s ease;
    transition: All .5s ease;
    border: 1px solid #d9d9d9;
    height: 38px;
    margin-bottom: 4px;
    padding: 5px 10px;
}

.progress-statistics li:hover {
    opacity: .7;
    cursor: pointer;
}

.progress-statistics li .progress {
    background-color: #e0e0e0;
    background-image: linear-gradient(top, whitesmoke, #e0e0e0);
    margin-top: 3px;
}

.progress-statistics li .details {
    font-size: 11px;
    font-weight: 700;
    display: inline;
}

.invoice {
    padding: 5px;
}

.invoice .invoice-head {
    border-bottom: 1px solid #e6e6e6;
    height: 48px;
}

.invoice .invoice-head .logo {
    width: 180px;
    color: #6aa3d5;
    margin: 7px 0 0;
}

.invoice .invoice-head .invoice-info {
    float: right;
    margin-top: 8px;
    text-align: right;
}

.invoice .invoice-head .invoice-info span {
    color: #000;
    font-weight: 700;
    font-size: 12px;
    float: right;
    text-align: right;
}

.invoice .invoice-head .invoice-info .date {
    color: #000;
    font-size: 11px;
    font-weight: 500;
}

.invoice .invoice-data-container {
    padding: 20px 0;
}

.invoice .invoice-data-container h5 {
    color: #0d0d0d;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    margin: 0 0 10px;
}

.invoice .invoice-data-container span {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
}

.error-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 300px;
    margin-left: -200px;
    margin-top: -150px;
    text-align: center;
    color: #ccc;
}

.error-container h1 {
    margin-bottom: .5em;
    line-height: 1em;
    color: #e84f4c;
}

.error-container h2 {
    margin-bottom: .75em;
}

.error-container .error-details {
    margin-bottom: 1.5em;
    font-size: 16px;
}

.error-container .error-actions a {
    margin: 0 .5em;
}

.number {
    text-align: right;
    font-size: 150px;
    color: #e89344;
    line-height: 100%;
}

.clearfix,
.stylish-lists .dl-horizontal,
.controls-row,
.nav-tabs,
.nav-pills,
.tabbable,
.sliding-tags {
    zoom: 1;
}

.clearfix:before,
.row:before,
.row-fluid:before,
.container:before,
.container-fluid:before,
.stylish-lists .dl-horizontal:before,
.controls-row:before,
.form-actions:before,
.form-horizontal .control-group:before,
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after,
.tabbable:before,
.navbar-inner:before,
.navbar-form:before,
.pager:before,
.thumbnails:before,
.modal-footer:before {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after,
.row:after,
.row-fluid:after,
.container:after,
.container-fluid:after,
.stylish-lists .dl-horizontal:after,
.controls-row:after,
.form-actions:after,
.form-horizontal .control-group:after,
.tabbable:after,
.navbar-inner:after,
.navbar-form:after,
.pager:after,
.thumbnails:after,
.modal-footer:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
.nav>li>a,
.tab-content>.active,
.pill-content>.active,
.media-object,
.open>.dropdown-menu,
.dropdown-submenu:hover>.dropdown-menu,
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev,
.show,
.tweets li .message .body {
    display: block;
}

audio,
canvas,
video,
.btn-group-vertical {
    display: inline;
    zoom: 1;
}

audio:not([controls]),
[class*=span].hide,
.row-fluid [class*=span].hide,
.label:empty,
.badge:empty,
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide,
.tab-content>.tab-pane,
.pill-content>.pill-pane,
.hide,
.animated-status-bar .radio,
.modal-single .modal-image:hover:before,
.modal-single .modal-image:hover:after,
#scrollbar .disable,
#scrollbar-one .disable,
#scrollbar-two .disable,
#scrollbar-three .disable,
#dt_example .dataTables_length,
#dt_example .dataTables_paginate .first,
#dt_example .dataTables_paginate .last,
#dt_example .dataTables_paginate .next,
#dt_example .dataTables_paginate .previous {
    display: none;
}

a:focus,
select:focus,
input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
.btn:focus {
    outline: 5px auto 0;
    outline-offset: -2px;
}

a:hover,
a:active,
.btn-group .dropdown-toggle:active,
.dropdown-toggle:active,
.open .dropdown-toggle {
    outline: 0;
}

#map_canvas img,
.google-maps img,
.nav>li>a>img,
.daterangepicker.dropdown-menu {
    max-width: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner,
button.btn::-moz-focus-inner,
input[type=submit].btn::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

label,
select,
button,
input[type=button],
input[type=reset],
input[type=submit],
input[type=radio],
input[type=checkbox],
.nav>.dropdown.active>a:hover,
.accordion-toggle,
.bwizard-steps.clickable li:not(.active) {
    cursor: pointer;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container,
.span12,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 940px;
}

.span1,
.input-mini {
    width: 60px;
}

.offset2,
.stylish-lists .dl-horizontal dd {
    margin-left: 180px;
}

.row-fluid [class*=span]:first-child,
.input-prepend.input-append .btn-group:first-child,
.btn:first-child,
.btn-group:first-child,
.row-fluid .thumbnails,
.modal-footer .btn-block+.btn-block,
.sliding-tags li:first-child {
    margin-left: 0;
}

[class*=span].pull-right,
.row-fluid [class*=span].pull-right,
.nav>.pull-right,
.pager .next>a,
.pager .next>span,
.pull-right {
    float: right;
}

strong,
.stylish-lists dt {
    font-weight: 700;
}

.muted,
input:-moz-placeholder,
textarea:-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.nav>.disabled>a,
.navbar-inverse .brand,
.navbar-inverse .navbar-text,
.navbar-inverse .navbar-link,
.navbar-inverse .navbar-search .search-query:-moz-placeholder,
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder,
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder,
.breadcrumb>.active,
.dropdown-menu .disabled>a,
.daterangepicker td.off,
.daterangepicker td.disabled {
    color: #999;
}

a.muted:hover,
.info-fade {
    color: gray;
}

.text-warning,
.tweets li .reply-icons a.icon:hover,
.tweets li .reply-icons a.icon.selected {
    color: #e89344;
}

.text-error,
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline,
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea,
.alert-error h4,
.alert-danger h4,
.timeline ul li .about-task.error-task small,
.timeline ul li .info-task.error-task small,
.timeline ul li .success-task.error-task small,
.timeline ul li .error-task.error-task small,
.timeline ul li .warning-task.error-task small {
    color: #e84f4c;
}

.text-info,
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline,
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea,
.alert-info h4 {
    color: #4a98c9;
}

.text-success,
.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline,
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea,
.alert-success h4,
.timeline ul li .about-task.success-task small,
.timeline ul li .info-task.success-task small,
.timeline ul li .success-task.success-task small,
.timeline ul li .error-task.success-task small,
.timeline ul li .warning-task.success-task small {
    color: #6ac280;
}

h3,
h1 small {
    font-size: 24.5px;
}

h4,
h2 small,
.btn-group>.btn-large {
    font-size: 17.5px;
}

h5,
h3 small,
h4 small,
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu {
    font-size: 14px;
}

h6,
.btn-group>.btn-small {
    font-size: 11.9px;
}

.stylish-lists ul ul,
.stylish-lists ul ol,
.stylish-lists ol ol,
.stylish-lists ol ul,
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .help-block,
.alert-block>p,
.alert-block>ul,
.modal-form,
.carousel-caption p,
.tweets li:last-child,
.progress-statistics li:last-child {
    margin-bottom: 0;
}

.stylish-lists li,
.stylish-lists dt,
.stylish-lists dd {
    line-height: 20px;
}

.stylish-lists ul.unstyled,
.stylish-lists ol.unstyled,
.stylish-lists ul.inline,
.stylish-lists ol.inline,
.media-list {
    margin-left: 0;
    list-style: none;
}

.stylish-lists dl,
pre.prettyprint,
.accordion {
    margin-bottom: 20px;
}

.stylish-lists dd,
.controls-row [class*=span]+[class*=span] {
    margin-left: 20px;
}

blockquote.pull-right p,
blockquote.pull-right .title,
blockquote.pull-right small,
.pagination-right {
    text-align: right;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
}

.label-warning,
.badge-warning,
.pricing-table .plan-gold {
    background-color: #f3cf59;
}

.label-info,
.badge-info,
#scrollbar-one .thumb,
#scrollbar-two .thumb,
#scrollbar-one .thumb .end,
#scrollbar-two .thumb .end {
    background-color: #4a98c9;
}

.btn-mini .label,
.btn-mini .badge,
.navbar-fixed-top {
    top: 0;
}

.table caption+thead tr:first-child th,
.table caption+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td,
.table-bordered caption+thead tr:first-child th,
.table-bordered caption+tbody tr:first-child th,
.table-bordered caption+tbody tr:first-child td,
.table-bordered colgroup+thead tr:first-child th,
.table-bordered colgroup+tbody tr:first-child th,
.table-bordered colgroup+tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}

.table td.highlight,
.show-grid [class*=span]:hover {
    background: #ebebeb;
}

.table-bordered thead:first-child tr:first-child>th:first-child,
.table-bordered tbody:first-child tr:first-child>td:first-child,
.table-bordered caption+thead tr:first-child th:first-child,
.table-bordered caption+tbody tr:first-child td:first-child,
.table-bordered colgroup+thead tr:first-child th:first-child,
.table-bordered colgroup+tbody tr:first-child td:first-child {
    -webkit-border-radius: 2px 0 0 0;
    -moz-border-radius: 2px 0 0;
    border-radius: 2px 0 0 0;
}

.table-bordered thead:first-child tr:first-child>th:last-child,
.table-bordered tbody:first-child tr:first-child>td:last-child,
.table-bordered caption+thead tr:first-child th:last-child,
.table-bordered caption+tbody tr:first-child td:last-child,
.table-bordered colgroup+thead tr:first-child th:last-child,
.table-bordered colgroup+tbody tr:first-child td:last-child {
    -webkit-border-radius: 0 2px 0 0;
    -moz-border-radius: 0 2px 0 0;
    border-radius: 0 2px 0 0;
}

.table-bordered thead:last-child tr:last-child>th:last-child,
.table-bordered tbody:last-child tr:last-child>td:last-child,
.table-bordered tfoot:last-child tr:last-child>td:last-child,
.table-bordered tfoot+tbody:last-child tr:last-child td:last-child {
    -webkit-border-radius: 0 0 2px 0;
    -moz-border-radius: 0 0 2px;
    border-radius: 0 0 2px 0;
}

.table-bordered tfoot+tbody:last-child tr:last-child td:first-child,
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input,
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

table td[class*=span],
table th[class*=span],
.row-fluid table td[class*=span],
.row-fluid table th[class*=span] {
    display: table-cell;
    float: none;
    margin-left: 0;
}

textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
.uneditable-input:focus {
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 8px rgba(82, 168, 236, 0.6);
    border-color: rgba(82, 168, 236, 0.8);
}

input[type=file],
input[type=image],
input[type=submit],
input[type=reset],
input[type=button],
input[type=radio],
input[type=checkbox],
.navbar .container {
    width: auto;
}

select[multiple],
select[size],
.collapse.in {
    height: auto;
}

.controls>.radio:first-child,
.controls>.checkbox:first-child,
.controls-row .checkbox[class*=span],
.controls-row .radio[class*=span] {
    padding-top: 5px;
}

.radio.inline+.radio.inline,
.checkbox.inline+.checkbox.inline,
.media .pull-right,
.popover.right,
.next-prev-btn-container {
    margin-left: 10px;
}

input[class*=span],
select[class*=span],
textarea[class*=span],
.uneditable-input[class*=span],
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span],
.row-fluid .uneditable-input[class*=span] {
    float: none;
    margin-left: 0;
}

.input-append input[class*=span],
.input-append .uneditable-input[class*=span],
.input-prepend input[class*=span],
.input-prepend .uneditable-input[class*=span],
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span],
.row-fluid .uneditable-input[class*=span],
.row-fluid .input-prepend [class*=span],
.row-fluid .input-append [class*=span],
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group,
.alert p,
.left-sidebar .online-users ul li a .user-name {
    display: inline-block;
}

.controls-row [class*=span],
.row-fluid .controls-row [class*=span],
.nav-tabs>li,
.nav-pills>li,
.navbar .nav>li,
.pager .previous>a,
.pager .previous>span,
.pull-left,
.left-sidebar .user-details .user-img,
.breadcrumb-beauty li,
.fancy-tooltip-wrapper li,
.fancy-tooltip-wrapper1 li,
.daterangepicker .ranges .range_inputs>div {
    float: left;
}

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline,
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea,
.alert-warning h4 {
    color: #f3cf59;
}

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus,
.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active {
    z-index: 2;
}

.input-append .active,
.input-prepend .active {
    background-color: #d7eedd;
    border-color: lihjten(#6ac280, 5%);
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child,
.input-append input,
.input-append select,
.input-append .uneditable-input {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.input-append input+.btn-group .btn:last-child,
.input-append select+.btn-group .btn:last-child,
.input-append .uneditable-input+.btn-group .btn:last-child,
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child>.dropdown-toggle,
.input-prepend.input-append input+.btn-group .btn,
.input-prepend.input-append select+.btn-group .btn,
.input-prepend.input-append .uneditable-input+.btn-group .btn,
.btn-group>.btn:last-child,
.btn-group>.dropdown-toggle {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group,
.btn-group>.btn+.btn,
.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.input-append .add-on {
    min-height: 30px;
}

.form-search .input-append .search-query,
.form-search .input-append .btn,
.form-search .input-prepend .btn {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
    display: inline;
    zoom: 1;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-search .radio input[type=radio],
.form-search .checkbox input[type=checkbox],
.form-inline .radio input[type=radio],
.form-inline .checkbox input[type=checkbox] {
    float: left;
    margin-right: 3px;
    margin-left: 0;
}

.control-group,
.dashboard-wrapper .main-container .less-bottom-margin {
    margin-bottom: 10px;
}

.form-horizontal .controls:first-child,
.form-horizontal .form-actions {
    padding-left: 180px;
}

.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,
.popover.bottom {
    margin-top: 10px;
}

.btn-small [class^=icon-],
.btn-small [class*=" icon-"],
.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn,
.navbar-form .input-append input,
.navbar-form .input-prepend input,
.media:first-child,
.tweets li:first-child {
    margin-top: 0;
}

.btn-block+.btn-block,
.navbar .btn,
.navbar .btn-group,
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox,
.alert-block p+p {
    margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block,
#gallery .thumbnail-img img,
.imp-messages,
.tasks,
.todo-container {
    width: 100%;
}

.btn-info,
.daterangepicker td.active {
    color: #FFF;
    font-family: Calibri;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0066b3;
    background-image: linear-gradient(top, #4a98c9, #337ead);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled],
.daterangepicker td.active:hover,
.daterangepicker td.active:active,
.daterangepicker td.active.active,
.daterangepicker td.active.disabled,
.daterangepicker td.active[disabled] {
    color: #FFF;
    background-color: #f68b1f;
}

.btn-info:active,
.btn-info.active,
.daterangepicker td.active:active,
.daterangepicker td.active.active {
    background-color: #4a98c9 \9;
}

.btn-inverse:active,
.btn-inverse.active,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
    background-color: #000 \9;
}

button.btn,
input[type=submit].btn,
button.btn.btn-small,
input[type=submit].btn.btn-small {
    padding-top: 3px;
    padding-bottom: 3px;
}

button.btn {
    padding-top: 5px;
    padding-bottom: 5px;
}

.icon-white,
.nav-pills>.active>a>[class^=icon-],
.nav-pills>.active>a>[class*=" icon-"],
.nav-list>.active>a>[class^=icon-],
.nav-list>.active>a>[class*=" icon-"],
.navbar-inverse .nav>.active>a>[class^=icon-],
.navbar-inverse .nav>.active>a>[class*=" icon-"],
.dropdown-menu>li>a:hover>[class^=icon-],
.dropdown-menu>li>a:hover>[class*=" icon-"],
.dropdown-menu>.active>a>[class^=icon-],
.dropdown-menu>.active>a>[class*=" icon-"],
.dropdown-submenu:hover>a>[class^=icon-],
.dropdown-submenu:hover>a>[class*=" icon-"] {
    background-image: url(../img/glyphicons-halflings-white.png);
}

.icon-glass,
to,
.fancy-tooltip-wrapper li .tooltip-facebook,
.fancy-tooltip-wrapper1 li .tooltip-facebook {
    background-position: 0 0;
}

.btn-group+.btn-group,
.btn-toolbar>.btn+.btn,
.btn-toolbar>.btn-group+.btn,
.btn-toolbar>.btn+.btn-group {
    margin-left: 5px;
}

.btn-group>.dropdown-menu,
.btn-group>.popover,
ul.stats-overview li .name,
.icomoon-small [data-icon]:before {
    font-size: 12px;
}

.btn-group>.btn.large:last-child,
.btn-group>.large.dropdown-toggle,
.pagination ul>li:last-child>a,
.pagination ul>li:last-child>span {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-warning2 .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret,
.nav .active .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown>a:hover .caret,
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}

.btn-group-vertical>.btn:first-child,
.nav-tabs.nav-stacked>li:first-child>a {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.btn-group-vertical>.btn:last-child,
.nav-tabs.nav-stacked>li:last-child>a,
.tabs-below>.nav-tabs>li>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.nav-stacked>li,
.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li,
.dropdown-submenu.pull-left {
    float: none;
}

.nav-stacked>li>a,
#main-nav ul li:last-child,
.tweets li .reply-icons a.last {
    margin-right: 0;
}

.nav-tabs.nav-stacked,
.tabs-below>.nav-tabs,
.tabs-right>.nav-tabs,
.tabs-left>.nav-tabs,
.accordion-heading,
header #mini-nav .dropdown-menu li:last-child,
.left-sidebar .content .accordion .accordion-group:last-child,
.left-sidebar .signups li:last-child,
.left-sidebar .clients li:last-child,
.left-sidebar .chats li:last-child,
.left-sidebar .inbox li:last-child,
.left-sidebar .payments li:last-child,
.left-sidebar .staff li:last-child,
.left-sidebar .contents li:last-child,
.imp-messages li:last-child,
.tasks li:last-child,
.todo-container .todo-list li:last-child {
    border-bottom: 0;
}

.nav-tabs .dropdown-toggle .caret,
.navbar .nav .dropdown-toggle .caret {
    margin-top: 8px;
}

.nav-tabs .active .dropdown-toggle .caret,
.navbar .nav li.dropdown>a:hover .caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #525252;
    border-bottom-color: #525252;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav>li.dropdown.open.active>a:hover {
    color: #FFF;
    background-color: #999;
    border-color: #999;
}

.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:hover {
    border-color: transparent #e6e6e6 #e6e6e6;
}

.tabs-right>.nav-tabs .active>a,
.tabs-right>.nav-tabs .active>a:hover {
    border-color: #e6e6e6 #e6e6e6 #e6e6e6 #FFF;
}

.navbar .brand:hover,
.bwizard-steps a:hover {
    text-decoration: none;
}

.navbar-form input[type=image],
.navbar-form input[type=checkbox],
.navbar-form input[type=radio],
.btn-navbar .icon-bar+.icon-bar,
.tooltip.bottom {
    margin-top: 3px;
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus {
    color: #525252;
    text-decoration: none;
    background-color: #e9e9e9;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.0125) inset;
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.0125) inset;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.0125) inset;
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: #e9e9e9;
    color: #525252;
}

.navbar-inverse .brand:hover,
.navbar-inverse .nav>li>a:hover,
.navbar-inverse .navbar-link:hover,
.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus,
#main-nav ul li:hover a {
    color: #FFF;
}

.navbar-inverse .nav .active>a,
.navbar-inverse .nav .active>a:hover,
.navbar-inverse .nav .active>a:focus {
    color: #FFF;
    background-color: #1a1a1a;
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: #1a1a1a;
    color: #FFF;
}

.pagination ul>li,
.pager li {
    display: inline;
}

.pagination ul>.disabled>span,
.pagination ul>.disabled>a,
.pagination ul>.disabled>a:hover {
    color: #999;
    background-color: transparent;
    cursor: default;
}

.pagination-mini ul>li:last-child>a,
.pagination-small ul>li:last-child>a,
.pagination-mini ul>li:last-child>span,
.pagination-small ul>li:last-child>span {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>span {
    color: #999;
    background-color: #FFF;
    cursor: default;
}

.media,
.media .media {
    margin-top: 15px;
}

.media-heading,
.carousel-caption h4 {
    margin: 0 0 5px;
}

.tooltip.in,
.modal-backdrop.fade.in,
.metro-nav .metro-nav-block:hover {
    opacity: .5;
}

.dropup,
.dropdown,
.dropdown-submenu,
.bwizard,
.timeline {
    position: relative;
}

.dropdown-menu.pull-right,
.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}

.dropdown-menu li:hover,
.dropdown-menu li:focus,
.dropdown-submenu:hover>a {
    text-decoration: none;
    color: #FFF;
    background: #4a98c9;
}

.dropdown-menu .active>a,
.dropdown-menu .active>a:hover {
    color: #FFF;
    text-decoration: none;
    outline: 0;
    background: #e89344;
}

.carousel-inner>.active,
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0;
}

.carousel-inner>.next,
.carousel-inner>.active.right {
    left: 100%;
}

.carousel-inner>.prev,
.carousel-inner>.active.left {
    left: -100%;
}

.fade.in,
.modal-gallery .modal-image .in,
.modal-fullscreen .modal-header:hover,
.modal-fullscreen .modal-footer:hover {
    opacity: 1;
}

.jet-blue-bg,
.chart-labels .label-block span.label-type.jet-blue {
    background: #4a98c9!important;
}

.go-green-bg,
.chart-labels .label-block span.label-type.go-green {
    background: #6ac280!important;
}

.nagpur-orange-bg,
.chart-labels .label-block span.label-type.nagpur-orange {
    background: #e89344!important;
}

.ruby-red-bg,
.chart-labels .label-block span.label-type.ruby-red {
    background: #e84f4c!important;
}

.lemon-yellow-bg,
.chart-labels .label-block span.label-type.lemon-yellow {
    background: #f3cf59!important;
}

.signin .signin-wrapper .content,
.dashboard-wrapper .main-container .widget .widget-body,
.dashboard-wrapper .main-container .widget-border .widget-body,
.pricing-table .plan ul li.plan-feature {
    padding: 10px;
}

header #mini-nav li:last-child,
ul.stats-overview li:last-child,
.next-prev-btn-container .button.next {
    border-right: 0;
}

header #mini-nav .dropdown,
#gallery .thumbnail-img,
.modal-fullscreen .modal-body {
    padding: 0;
}

header #mini-nav .dropdown-menu li:hover,
.breadcrumb-beauty li:nth-child(2) a {
    background: #d9d9d9;
}

.metro-nav *,
.metro-nav :after,
.metro-nav :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.metro-nav .nav-block-green,
.left-sidebar .online-users ul li a .user-status.online,
.left-sidebar .online-users ul li a .user-status.online.online,
.left-sidebar .online-users ul li a .user-status.busy.online,
.left-sidebar .online-users ul li a .user-status.away.online {
    background: #6ac280;
}

.metro-nav .nav-block-yellow,
.left-sidebar .online-users ul li a .user-status.away,
.left-sidebar .online-users ul li a .user-status.online.away,
.left-sidebar .online-users ul li a .user-status.busy.away,
.left-sidebar .online-users ul li a .user-status.away.away {
    background: #f3cf59;
}

.metro-nav .nav-block-red,
.left-sidebar .online-users ul li a .user-status.busy,
.left-sidebar .online-users ul li a .user-status.online.busy,
.left-sidebar .online-users ul li a .user-status.busy.busy,
.left-sidebar .online-users ul li a .user-status.away.busy {
    background: #e84f4c;
}

.left-sidebar .online-users,
.tweets {
    margin: 0;
}

.bwizard-steps li:first-child:before,
.bwizard-steps li:last-child:after,
.imp-messages .thumbnails li,
.tasks .thumbnails li {
    border: 0;
}

.bwizard-steps a,
.bwizard-steps.clickable li:hover:not(.active) a {
    color: #4d4d4d;
}

.timeline ul li .about-task.info-task small,
.timeline ul li .info-task.info-task small,
.timeline ul li .success-task.info-task small,
.timeline ul li .error-task.info-task small,
.timeline ul li .warning-task.info-task small,
.tweets li.out .name {
    color: #428bca;
}

.current-stats .type [data-icon]:before,
.stats-count [data-icon]:before {
    font-size: 32px;
}

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

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

.imp-messages li .message-wrapper p.message,
.tasks li .message-wrapper p.message,
.imp-messages li .message-wrapper blockquote.message,
.tasks li .message-wrapper blockquote.message {
    color: #666;
    margin: 0;
}

@media print {
    * {
        text-shadow: none!important;
        color: #000!important;
        background: transparent!important;
        box-shadow: none!important;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr {
        page-break-inside: avoid;
    }
    img {
        page-break-inside: avoid;
        max-width: 100%!important;
    }
    @page {
        margin: .5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
}

@mediamin-width768px and max-width979px {
    .dashboard-wrapper {
        margin-left: 0;
        min-height: 680px;
        top: 5px;
        padding: 10px 5px;
    }
    .dashboard-wrapper .main-container {
        margin-right: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .tasks li .message-wrapper {
        margin: 50px 0 0;
    }
    .row {
        margin-left: -20px;
        zoom: 1;
    }
    [class*=span] {
        float: left;
        min-height: 1px;
        margin-left: 20px;
    }
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container,
    .span12 {
        width: 724px;
    }
    .span11 {
        width: 662px;
    }
    .span10 {
        width: 600px;
    }
    .span9 {
        width: 538px;
    }
    .span8 {
        width: 476px;
    }
    .span7 {
        width: 414px;
    }
    .span6 {
        width: 352px;
    }
    .span5 {
        width: 290px;
    }
    .span4 {
        width: 228px;
    }
    .span3 {
        width: 166px;
    }
    .span2 {
        width: 104px;
    }
    .span1 {
        width: 42px;
    }
    .offset12 {
        margin-left: 764px;
    }
    .offset11 {
        margin-left: 702px;
    }
    .offset10 {
        margin-left: 640px;
    }
    .offset9 {
        margin-left: 578px;
    }
    .offset8 {
        margin-left: 516px;
    }
    .offset7 {
        margin-left: 454px;
    }
    .offset6 {
        margin-left: 392px;
    }
    .offset5 {
        margin-left: 330px;
    }
    .offset4 {
        margin-left: 268px;
    }
    .offset3 {
        margin-left: 206px;
    }
    .offset2 {
        margin-left: 144px;
    }
    .offset1 {
        margin-left: 82px;
    }
    .row-fluid {
        width: 100%;
        zoom: 1;
    }
    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.7092394498648%;
    }
    .row-fluid .controls-row [class*=span]+[class*=span] {
        margin-left: 2.7624309392265%;
    }
    .row-fluid .span12 {
        width: 99.946808510638%;
    }
    .row-fluid .span11 {
        width: 91.383272599036%;
    }
    .row-fluid .span10 {
        width: 82.819736687434%;
    }
    .row-fluid .span9 {
        width: 74.256200775832%;
    }
    .row-fluid .span8 {
        width: 65.692664864229%;
    }
    .row-fluid .span7 {
        width: 57.129128952627%;
    }
    .row-fluid .span6 {
        width: 48.565593041025%;
    }
    .row-fluid .span5 {
        width: 40.002057129423%;
    }
    .row-fluid .span4 {
        width: 31.438521217821%;
    }
    .row-fluid .span3 {
        width: 22.874985306218%;
    }
    .row-fluid .span2 {
        width: 14.311449394616%;
    }
    .row-fluid .span1 {
        width: 5.747913483014%;
    }
    .row-fluid .offset12 {
        margin-left: 105.41847889973%;
    }
    .row-fluid .offset12:first-child {
        margin-left: 102.6560479605%;
    }
    .row-fluid .offset11 {
        margin-left: 96.854942988127%;
    }
    .row-fluid .offset11:first-child {
        margin-left: 94.092512048901%;
    }
    .row-fluid .offset10 {
        margin-left: 88.291407076525%;
    }
    .row-fluid .offset10:first-child {
        margin-left: 85.528976137299%;
    }
    .row-fluid .offset9 {
        margin-left: 79.727871164923%;
    }
    .row-fluid .offset9:first-child {
        margin-left: 76.965440225696%;
    }
    .row-fluid .offset8 {
        margin-left: 71.164335253321%;
    }
    .row-fluid .offset8:first-child {
        margin-left: 68.401904314094%;
    }
    .row-fluid .offset7 {
        margin-left: 62.600799341719%;
    }
    .row-fluid .offset7:first-child {
        margin-left: 59.838368402492%;
    }
    .row-fluid .offset6 {
        margin-left: 54.037263430116%;
    }
    .row-fluid .offset6:first-child {
        margin-left: 51.27483249089%;
    }
    .row-fluid .offset5 {
        margin-left: 45.473727518514%;
    }
    .row-fluid .offset5:first-child {
        margin-left: 42.711296579288%;
    }
    .row-fluid .offset4 {
        margin-left: 36.910191606912%;
    }
    .row-fluid .offset4:first-child {
        margin-left: 34.147760667685%;
    }
    .row-fluid .offset3 {
        margin-left: 28.34665569531%;
    }
    .row-fluid .offset3:first-child {
        margin-left: 25.584224756083%;
    }
    .row-fluid .offset2 {
        margin-left: 19.783119783708%;
    }
    .row-fluid .offset2:first-child {
        margin-left: 17.020688844481%;
    }
    .row-fluid .offset1 {
        margin-left: 11.219583872105%;
    }
    .row-fluid .offset1:first-child {
        margin-left: 8.4571529328788%;
    }
    .controls-row [class*=span]+[class*=span] {
        margin-left: 20px;
    }
    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
        width: 710px;
    }
    input.span11,
    textarea.span11,
    .uneditable-input.span11 {
        width: 648px;
    }
    input.span10,
    textarea.span10,
    .uneditable-input.span10 {
        width: 586px;
    }
    input.span9,
    textarea.span9,
    .uneditable-input.span9 {
        width: 524px;
    }
    input.span8,
    textarea.span8,
    .uneditable-input.span8 {
        width: 462px;
    }
    input.span7,
    textarea.span7,
    .uneditable-input.span7 {
        width: 400px;
    }
    input.span6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 338px;
    }
    input.span5,
    textarea.span5,
    .uneditable-input.span5 {
        width: 276px;
    }
    input.span4,
    textarea.span4,
    .uneditable-input.span4 {
        width: 214px;
    }
    input.span3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 152px;
    }
    input.span2,
    textarea.span2,
    .uneditable-input.span2 {
        width: 90px;
    }
    input.span1,
    textarea.span1,
    .uneditable-input.span1 {
        width: 28px;
    }
    .hidden-desktop,
    .visible-tablet {
        display: inherit!important;
    }
    .visible-desktop,
    .hidden-tablet {
        display: none!important;
    }
    .dashboard-wrapper .main-container .widget .widget-header .tools,
    .dashboard-wrapper .main-container .widget .widget-header .mini-title,
    .todo-container .todo-list li .date {
        display: none;
    }
    .row:before,
    .row-fluid:before {
        display: table;
        content: "";
        line-height: 0;
    }
    .row:after,
    .row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
        clear: both;
    }
    .row-fluid [class*=span]:first-child,
    input,
    textarea,
    .uneditable-input {
        margin-left: 0;
    }
}

@mediamax-width767px {
    body {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom,
    .navbar-static-top {
        margin-left: -20px;
        margin-right: -20px;
    }
    .container-fluid {
        padding: 0;
    }
    .dl-horizontal dt {
        float: none;
        clear: none;
        width: auto;
        text-align: left;
    }
    .container {
        width: auto;
    }
    .row-fluid {
        width: 100%;
    }
    .thumbnails>li {
        float: none;
        margin-left: 0;
    }
    [class*=span],
    .uneditable-input[class*=span],
    .row-fluid [class*=span] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .input-large,
    .input-xlarge,
    .input-xxlarge,
    input[class*=span],
    select[class*=span],
    textarea[class*=span],
    .uneditable-input {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .input-prepend input,
    .input-append input,
    .input-prepend input[class*=span],
    .input-append input[class*=span] {
        display: inline-block;
        width: auto;
    }
    .modal {
        position: fixed;
        top: 20px;
        left: 20px;
        right: 20px;
        width: auto;
        margin: 0;
    }
    .modal.fade {
        top: -100px;
    }
    .modal.fade.in {
        top: 20px;
    }
    .dashboard-wrapper {
        margin-left: 0;
        min-height: 680px;
        top: 5px;
        padding: 10px 5px;
    }
    .dashboard-wrapper .main-container {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-right: 0;
    }
    .tasks li .message-wrapper {
        margin: 50px 0 0;
    }
    .hidden-desktop,
    .visible-phone {
        display: inherit!important;
    }
    .visible-desktop,
    .hidden-phone {
        display: none!important;
    }
    .dl-horizontal dd,
    .row,
    .thumbnails,
    .row-fluid [class*=offset]:first-child,
    .controls-row [class*=span]+[class*=span] {
        margin-left: 0;
    }
    .span12,
    .row-fluid .span12 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .dashboard-wrapper .main-container .widget .widget-header .tools,
    .dashboard-wrapper .main-container .widget .widget-header .mini-title {
        display: none;
    }
}

@mediamax-width480px {
    .desktop-hidden {
        display: block;
    }
    .nav-collapse {
        -webkit-transform: translate3d(0, 0, 0);
    }
    .page-header h1 small {
        display: block;
        line-height: 20px;
    }
    input[type=checkbox],
    input[type=radio] {
        border: 1px solid gray;
    }
    .form-horizontal .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left;
    }
    .form-horizontal .controls {
        margin-left: 0;
    }
    .form-horizontal .control-list {
        padding-top: 0;
    }
    .form-horizontal .form-actions {
        padding-left: 10px;
        padding-right: 10px;
    }
    .media .pull-left,
    .media .pull-right {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    .media-object {
        margin-right: 0;
        margin-left: 0;
    }
    .modal {
        top: 10px;
        left: 10px;
        right: 10px;
    }
    .modal-header .close {
        margin: -10px;
        padding: 10px;
    }
    .carousel-caption {
        position: static;
    }
    .input-left-top-margins {
        margin-left: 0!important;
        margin-top: 4px!important;
    }
    .input-top-margin {
        margin-top: 4px!important;
    }
    .input-bottom-margin {
        margin-bottom: 4px!important;
    }
    .about-task .header {
        height: auto;
    }
    .about-task small {
        float: none;
        display: block;
    }
    .dashboard-wrapper {
        margin-left: 0;
        min-height: 280px;
        margin-top: 0;
    }
    .dashboard-wrapper .main-container {
        margin-right: 0;
    }
    .dashboard-wrapper .main-container .page-header h2 {
        font-size: 18px;
    }
    .dashboard-wrapper .main-container .metro-nav .metro-nav-block:hover {
        outline: 0;
        opacity: .8;
    }
    .bwizard-steps li:after,
    .bwizard-steps li:before {
        border: 0;
    }
    #dt_example .dataTables_length,
    #dt_example .dataTables_filter,
    #dt_example .dataTables_paginate .next,
    #dt_example .dataTables_paginate .previous,
    .dashboard-wrapper .main-container .widget .widget-header .tools,
    .dashboard-wrapper .main-container .widget .widget-body .fc-header-title h2,
    .dashboard-wrapper .main-container .widget .widget-body .fc-header-right {
        display: none;
    }
    .dashboard-wrapper .main-container .metro-nav .metro-nav-block,
    .dashboard-wrapper .main-container .metro-nav .metro-nav-block.double {
        width: 49%;
    }
    .bwizard-steps li,
    .bwizard-steps li.active,
    .bwizard-steps li:first-child,
    .bwizard-steps li:last-child {
        background-color: transparent;
        margin-right: 0;
        padding: 0;
    }
}

@mediamin-width1200px {
    .row {
        margin-left: -30px;
        zoom: 1;
    }
    [class*=span] {
        float: left;
        min-height: 1px;
        margin-left: 30px;
    }
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container,
    .span12 {
        width: 1170px;
    }
    .span11 {
        width: 1070px;
    }
    .span10 {
        width: 970px;
    }
    .span9 {
        width: 870px;
    }
    .span8 {
        width: 770px;
    }
    .span7 {
        width: 670px;
    }
    .span6 {
        width: 570px;
    }
    .span5 {
        width: 470px;
    }
    .span4 {
        width: 370px;
    }
    .span3 {
        width: 270px;
    }
    .span2 {
        width: 170px;
    }
    .span1 {
        width: 70px;
    }
    .offset12 {
        margin-left: 1230px;
    }
    .offset11 {
        margin-left: 1130px;
    }
    .offset10 {
        margin-left: 1030px;
    }
    .offset9 {
        margin-left: 930px;
    }
    .offset8 {
        margin-left: 830px;
    }
    .offset7 {
        margin-left: 730px;
    }
    .offset6 {
        margin-left: 630px;
    }
    .offset5 {
        margin-left: 530px;
    }
    .offset4 {
        margin-left: 430px;
    }
    .offset3 {
        margin-left: 330px;
    }
    .offset2 {
        margin-left: 230px;
    }
    .offset1 {
        margin-left: 130px;
    }
    .row-fluid {
        width: 100%;
        zoom: 1;
    }
    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.5109110747409%;
    }
    .row-fluid .controls-row [class*=span]+[class*=span] {
        margin-left: 2.5641025641026%;
    }
    .row-fluid .span12 {
        width: 99.946808510638%;
    }
    .row-fluid .span11 {
        width: 91.39979996363%;
    }
    .row-fluid .span10 {
        width: 82.852791416621%;
    }
    .row-fluid .span9 {
        width: 74.305782869613%;
    }
    .row-fluid .span8 {
        width: 65.758774322604%;
    }
    .row-fluid .span7 {
        width: 57.211765775596%;
    }
    .row-fluid .span6 {
        width: 48.664757228587%;
    }
    .row-fluid .span5 {
        width: 40.117748681578%;
    }
    .row-fluid .span4 {
        width: 31.57074013457%;
    }
    .row-fluid .span3 {
        width: 23.023731587561%;
    }
    .row-fluid .span2 {
        width: 14.476723040553%;
    }
    .row-fluid .span1 {
        width: 5.9297144935443%;
    }
    .row-fluid .offset12 {
        margin-left: 105.02182214948%;
    }
    .row-fluid .offset12:first-child {
        margin-left: 102.45771958538%;
    }
    .row-fluid .offset11 {
        margin-left: 96.474813602473%;
    }
    .row-fluid .offset11:first-child {
        margin-left: 93.910711038371%;
    }
    .row-fluid .offset10 {
        margin-left: 87.927805055465%;
    }
    .row-fluid .offset10:first-child {
        margin-left: 85.363702491362%;
    }
    .row-fluid .offset9 {
        margin-left: 79.380796508456%;
    }
    .row-fluid .offset9:first-child {
        margin-left: 76.816693944354%;
    }
    .row-fluid .offset8 {
        margin-left: 70.833787961448%;
    }
    .row-fluid .offset8:first-child {
        margin-left: 68.269685397345%;
    }
    .row-fluid .offset7 {
        margin-left: 62.286779414439%;
    }
    .row-fluid .offset7:first-child {
        margin-left: 59.722676850336%;
    }
    .row-fluid .offset6 {
        margin-left: 53.73977086743%;
    }
    .row-fluid .offset6:first-child {
        margin-left: 51.175668303328%;
    }
    .row-fluid .offset5 {
        margin-left: 45.192762320422%;
    }
    .row-fluid .offset5:first-child {
        margin-left: 42.628659756319%;
    }
    .row-fluid .offset4 {
        margin-left: 36.645753773413%;
    }
    .row-fluid .offset4:first-child {
        margin-left: 34.081651209311%;
    }
    .row-fluid .offset3 {
        margin-left: 28.098745226405%;
    }
    .row-fluid .offset3:first-child {
        margin-left: 25.534642662302%;
    }
    .row-fluid .offset2 {
        margin-left: 19.551736679396%;
    }
    .row-fluid .offset2:first-child {
        margin-left: 16.987634115294%;
    }
    .row-fluid .offset1 {
        margin-left: 11.004728132388%;
    }
    .row-fluid .offset1:first-child {
        margin-left: 8.4406255682851%;
    }
    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
        width: 1156px;
    }
    input.span11,
    textarea.span11,
    .uneditable-input.span11 {
        width: 1056px;
    }
    input.span10,
    textarea.span10,
    .uneditable-input.span10 {
        width: 956px;
    }
    input.span9,
    textarea.span9,
    .uneditable-input.span9 {
        width: 856px;
    }
    input.span8,
    textarea.span8,
    .uneditable-input.span8 {
        width: 756px;
    }
    input.span7,
    textarea.span7,
    .uneditable-input.span7 {
        width: 656px;
    }
    input.span6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 556px;
    }
    input.span5,
    textarea.span5,
    .uneditable-input.span5 {
        width: 456px;
    }
    input.span4,
    textarea.span4,
    .uneditable-input.span4 {
        width: 356px;
    }
    input.span3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 256px;
    }
    input.span2,
    textarea.span2,
    .uneditable-input.span2 {
        width: 156px;
    }
    input.span1,
    textarea.span1,
    .uneditable-input.span1 {
        width: 56px;
    }
    .thumbnails {
        margin-left: -30px;
    }
    .row:before,
    .row-fluid:before {
        display: table;
        content: "";
        line-height: 0;
    }
    .row:after,
    .row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
        clear: both;
    }
    .row-fluid [class*=span]:first-child,
    input,
    textarea,
    .uneditable-input,
    .row-fluid .thumbnails {
        margin-left: 0;
    }
    .controls-row [class*=span]+[class*=span],
    .thumbnails>li {
        margin-left: 30px;
    }
}

@mediamax-width979px {
    body {
        padding-top: 0;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: static;
    }
    .navbar-fixed-top {
        margin-bottom: 20px;
    }
    .navbar-fixed-bottom {
        margin-top: 20px;
    }
    .navbar-fixed-top .navbar-inner,
    .navbar-fixed-bottom .navbar-inner {
        padding: 5px;
    }
    .navbar .container {
        width: auto;
        padding: 0;
    }
    .navbar .brand {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 0 0 -5px;
    }
    .nav-collapse {
        clear: both;
        overflow: hidden;
        height: 0;
    }
    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px;
    }
    .nav-collapse .nav>li {
        float: none;
    }
    .nav-collapse .nav>li>a {
        margin-bottom: 1px;
        font-weight: 700;
        color: #666;
        background: #fafafa;
        border-bottom: 1px solid #f2f2f2;
        padding: 7px 10px;
    }
    .nav-collapse .nav .nav-header {
        color: #707070;
        text-shadow: none;
    }
    .nav-collapse .dropdown-menu a {
        font-weight: 700;
        color: #707070;
        padding: 9px 15px;
    }
    .nav-collapse .btn {
        font-weight: 400;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 4px 10px;
    }
    .nav-collapse .dropdown-menu li+li a {
        margin-bottom: 2px;
    }
    .nav-collapse .nav>li>a:hover,
    .nav-collapse .dropdown-menu a:hover {
        background-color: #f7f7f7;
    }
    .navbar-inverse .nav-collapse .nav>li>a,
    .navbar-inverse .nav-collapse .dropdown-menu a {
        color: #999;
    }
    .navbar-inverse .nav-collapse .nav>li>a:hover,
    .navbar-inverse .nav-collapse .dropdown-menu a:hover {
        background-color: #1a1a1a;
    }
    .nav-collapse.in .btn-group {
        margin-top: 5px;
        padding: 0;
    }
    .nav-collapse .dropdown-menu {
        position: static;
        top: auto;
        left: auto;
        float: none;
        display: none;
        max-width: none;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0 15px;
        padding: 0;
    }
    .nav-collapse .navbar-form,
    .nav-collapse .navbar-search {
        float: none;
        border-top: 1px solid #f7f7f7;
        border-bottom: 1px solid #f7f7f7;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) 0 1px 0 rgba(255, 255, 255, 0.1);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) 0 1px 0 rgba(255, 255, 255, 0.1);
        margin: 10px 0;
        padding: 10px 15px;
    }
    .navbar-inverse .nav-collapse .navbar-form,
    .navbar-inverse .nav-collapse .navbar-search {
        border-top-color: #1a1a1a;
        border-bottom-color: #1a1a1a;
    }
    .navbar .nav-collapse .nav.pull-right {
        float: none;
        margin-left: 0;
    }
    .nav-collapse.collapse {
        overflow: hidden;
        height: 0;
    }
    .navbar-static .navbar-inner {
        padding-left: 10px;
        padding-right: 10px;
    }
    .nav-collapse .nav>.divider-vertical,
    .nav-collapse .dropdown-menu:before,
    .nav-collapse .dropdown-menu:after,
    .nav-collapse .dropdown-menu .divider,
    .nav-collapse .nav>li>.dropdown-menu:before,
    .nav-collapse .nav>li>.dropdown-menu:after {
        display: none;
    }
    .nav-collapse .open>.dropdown-menu,
    .navbar .btn-navbar {
        display: block;
    }
}

@mediamin-width980px {
    .nav-collapse.collapse {
        height: auto!important;
        overflow: visible!important;
    }
}

.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

.panel-body:before,
.panel-body:after {
    display: table;
    content: " ";
}

.panel-body:after {
    clear: both;
}

.panel-body:before,
.panel-body:after {
    display: table;
    content: " ";
}

.panel-body:after {
    clear: both;
}

.panel>.list-group {
    margin-bottom: 0;
}

.panel>.list-group .list-group-item {
    border-width: 1px 0;
}

.panel>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.panel>.list-group .list-group-item:last-child {
    border-bottom: 0;
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 0;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive {
    border-top: 1px solid #dddddd;
}

.panel>.table>tbody:first-child th,
.panel>.table>tbody:first-child td {
    border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.panel>.table-bordered>thead>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:last-child>th,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:last-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0;
}

.panel>.table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-title>a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px;
}

.panel-group .panel+.panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd;
}

.panel-default {
    border-color: #dddddd;
}

.panel-default>.panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #dddddd;
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #dddddd;
}

.panel-default>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #dddddd;
}

.panel-primary {
    border-color: #428bca;
}

.panel-primary>.panel-heading {
    color: #060606;
    border: 1px solid #292323;
    background-color: #ffffff !important;
    font-size: 22px;
    margin-top: -27px;
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #428bca;
}

.panel-primary>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #428bca;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #d6e9c6;
}

.panel-success>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #d6e9c6;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #faebcc;
}

.panel-warning>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #faebcc;
}

.panel-danger {
    border-color: #ebccd1;
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #ebccd1;
}

.panel-danger>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #ebccd1;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #bce8f1;
}

.panel-info>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #bce8f1;
}

.q_ac,
.q_ac1,
.q_ac2,
.q_ac3,
.q_ac4,
.q_ac5 {
    color: #fff;
    padding: 6px 0px;
    border: none;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 28px;
    float: left;
    margin: 0 5px 12px 5px;
    width: 15.7%;
}

.q_ac:hover,
.q_ac1:hover,
.q_ac2:hover,
.q_ac3:hover,
.q_ac4:hover {
    border: none;
}

.q_ac {
    background: #e84f4c;
}

.q_ac1 {
    background: #4a98c9;
}

.q_ac2 {
    background: #6ac280;
}

.q_ac3 {
    background: #f3cf59;
}

.q_ac4 {
    background: #6a94ff;
}

.q_ac5 {
    background: #02D9FF;
}


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f5f6+0,e3eaed+37,c8d7dc+100;Grey+3D+%234 */

.q_action {
    background: rgb(242, 245, 246);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242, 245, 246, 1) 0%, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(242, 245, 246, 1) 0%, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(242, 245, 246, 1) 0%, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc', GradientType=0);
    /* IE6-9 */
}

.bar-icon {
    float: left;
    display: none;
}

#capimg {
    margin: -18px 0 0;
    padding: 4px;
    height: 40px;
    width: 100px;
}

.span4.renewal-table {
    margin-left: 0;
}

.box-head {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    padding-top: 10px;
}

#request_type {
    width: 150px;
}

@media screen and (max-width: 480px) {
    #insCalandar .cldrDate {
        width: 49%;
        height: auto;
        border: solid 1px rgba(0, 0, 0, 0.15);
        float: left;
        box-sizing: border-box;
        margin: 1px;
        height: auto;
    }
    #mName {
        width: 49%;
        float: left;
    }
    #mMob {
        width: 49%;
        float: right;
    }
    #mPack {
        width: 33%;
        float: left;
    }
    #mStatus {
        width: 33%;
        float: left;
    }
    #mBal {
        width: 33%;
        float: right;
    }
    #mFdate {
        width: 49%;
        float: left;
    }
    #mTdate {
        width: 49%;
        float: right;
    }
    #request_type {
        width: 130px;
    }
    .package-box {
        width: 100%;
    }
    .box-head {
        font-size: 30px;
    }
    #loginform {
        margin-top: 27px;
    }
    .row-fluid .span7 {
        width: 96%;
        margin-left: 0 !important;
    }
    .signin {
        position: static;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: 0;
    }
    .heading {
        font-size: 19px !important;
    }
    .row-fluid .span6 {
        width: 100%;
    }
    .row-fluid .span6 {
        width: 95%;
        padding: 0 0px !important;
        margin-top: 15px !important;
        margin-right: 0 !important;
        margin-left: 0px !important;
    }
    .selectnoMargin {
        margin: 0;
    }
    .btn.btn-info.pull-right {}
    i.icon-arrow-up.icon-white {
        /*padding: 0px 8px 3px 0px;*/
    }
    .quickAccess {
        float: left !important;
        width: 49% !important;
    }
    .metro-nav .metro-nav-block [data-icon]::before {
        font-size: 15px !important;
        color: white;
        line-height: 31px;
    }
    .metro-nav .metro-nav-block .info {
        position: absolute;
        top: 25px;
        right: 10px;
        font-size: 15px;
    }
    .metro-nav .metro-nav-block .valid {
        text-align: center;
        font-size: 12px;
    }
    .row-fluid a:nth-child(1),
    .row-fluid a:nth-child(3),
    .row-fluid a:nth-child(5) {
        margin-right: 4px !important;
    }
    .dashboard-wrapper .main-container .widget,
    .dashboard-wrapper .main-container .widget-border {
        margin-bottom: 9px !important;
    }
    #groupClassHead {
        text-align: center;
    }
    #GroupPackageDetails p {
        display: block;
    }
    #complog {
        display: block;
    }
    .span12.footer1 {
        width: 100% !important;
    }
    .logoimg {
        width: 50%;
        margin: 0 auto;
    }
    .span12 {
        width: 100%;
    }
    .span6.copyright {
        width: 100%;
        text-align: center;
    }
    .span6.design {
        float: left;
        width: 100%;
        font-family: Calibri;
        text-align: center;
    }
    header .logo {
        width: 158px;
        float: left;
    }
    header img {
        width: 100%;
    }
    li.branchName {
        display: none;
    }
    div#main-nav {
        display: none;
    }
    .bar-icon {
        float: left;
        display: block;
        padding: 4px 10px;
        font-size: 27px;
    }
    div#left-sidebar {
        z-index: 1059;
        display: none;
        width: 250px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 60;
        background-color: white;
    }
    .dashboard-wrapper {
        margin-left: 0px;
    }
    .user-details {
        padding-right: 10px;
        padding-left: 10px;
    }
    .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
        zoom: 1;
    }
    #memDash {
        margin-top: -26px;
    }
    #dashHead {
        padding: 0;
        margin: 0;
    }
    .dashboard-wrapper .main-container {
        padding: 0px 2px;
    }
    div#calander {
        display: none;
    }
    .dashboard-wrapper .main-container .page-header h2 {
        font-size: 25px;
    }
    .dashboard-wrapper .main-container .page-header {
        border-bottom: 0;
        margin: 0;
        padding: 1px 0 0px;
    }
    h4.box-title {
        font-size: 12px;
        margin: 0;
    }
    .q_ac,
    .q_ac1,
    .q_ac2,
    .q_ac3,
    .q_ac4,
    .q_ac5 {
        width: 45.7%;
    }
    p.no-margin {
        font-size: 10px;
    }
    .span4.wishes-table {
        width: 100%;
    }
    .span4.addTable {
        width: 100%;
        margin-left: 0;
    }
    .span4.collect {
        width: 100%;
        margin-left: 0;
    }
    .span4.renewal-table {
        width: 100%;
    }
    .span4.expired-table {
        width: 100%;
        margin-left: 0;
    }
    .span4.scheduleCard {
        width: 100%;
        margin-left: 0;
    }
    #annualGraph {
        display: block;
    }
    .hidden-phone {
        display: none;
    }
    th.hidden-phone {
        display: none;
    }
    td.hidden-phone {
        display: none;
    }
    li .hidden-phone {
        display: none;
    }
    span.title-text {
        font-size: 12px;
    }
    div#myModalEdit {
        width: 98%;
        left: 282px;
    }
    .margin {
        margin: 0 0px 0 0px !important;
    }
    .margin.copyright {
        width: 100%;
        text-align: center;
    }
    .margin.design {
        width: 100%;
        text-align: center;
        margin: 0 0px 0 0px !important;
    }
    #capimg {
        margin: -18px 0 0;
        padding: 4px;
        height: 29px;
        width: 60px;
    }
    .required {
        /* border-left: none !important;
        width: 0 !important;
        float: none !important;
        height: 0px !important; */
    }
    .row-fluid .span3 {
        width: 48.351064%;
    }
    .row-fluid .span10 {
        width: 95%;
    }
    .row-fluid [class*=span] {
        margin-left: 0;
    }
    div#enqDate {
        width: 100%;
    }
    div#enqlocation {
        width: 100%;
    }
    legend {
        padding: 0;
        margin: 0;
    }
    div#complainsearchBox {
        margin: 0 !important;
    }
    div#compwidgetBody {
        padding: 0;
    }
    div#compwidgetBody td {
        padding: 2px;
    }
    .row-fluid .span4 {
        width: 100.861702%;
    }
    input,
    textarea,
    .uneditable-input {
        width: 90%;
        margin-left: 0;
    }
    #addupload {
        width: 50%;
        padding: 0 !important;
        margin: 0 !important;
    }
    div#me {
        margin: 0;
    }
    #refreshToViewWebcamImage {
        width: 50%;
        padding: 0 !important;
        margin: 0 !important;
    }
    #files {
        width: auto;
        margin-left: 82px !important;
        margin-top: -20px !important;
    }
    .full-width {
        width: 100% !important;
    }
    div#myModal4 {
        width: 98% !important;
        left: 88% !important;
    }
    div#myModal4 table td {
        float: none;
    }
    #masearch {
        width: 67% !important;
        margin: 1px 0px 0px 2px !important;
    }
    #srchfrm {
        float: none !important;
    }
}

@media screen and (min-width:481px) and (max-width: 640px) {
    #loginform {
        margin-top: 27px;
    }
    #loginform .logimg {
        display: none;
    }
    .span7.offset41 {
        margin-left: 25% !important;
    }
    .signin {
        position: static;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: 0;
    }
    .heading {
        font-size: 19px !important;
    }
    .row-fluid .span6 {
        width: 100%;
    }
    .row-fluid .span6 {
        width: 100%;
        padding: 0 10px !important;
        margin-top: 15px !important;
        margin-right: 0 !important;
        margin-left: 0px !important;
    }
    .btn.btn-info.pull-right {
        float: left;
    }
    #complog {
        display: block;
    }
    .span12.footer1 {
        width: 100% !important;
    }
    .logoimg {
        width: 50%;
        margin: 0 auto;
    }
    .span12 {
        width: 100%;
    }
    .span6.copyright {
        width: 100%;
        text-align: center;
    }
    .span6.design {
        float: left;
        width: 100%;
        font-family: Calibri;
        text-align: center;
    }
    header .logo {
        width: 160px;
        float: left;
    }
    header img {
        width: 100%;
    }
    li.branchName {
        display: none;
    }
    div#main-nav {
        display: none;
    }
    .bar-icon {
        float: left;
        display: block;
        padding: 4px 10px;
        font-size: 27px;
    }
    div#left-sidebar {
        z-index: 999;
        display: none;
        width: 320px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 60;
        background-color: white;
    }
    .dashboard-wrapper {
        margin-left: 0px;
    }
    .user-details {
        padding-right: 10px;
        padding-left: 10px;
    }
    .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
        zoom: 1;
    }
    .dashboard-wrapper .main-container {
        padding: 0px 2px;
    }
    .dashboard-wrapper .main-container .page-header h2 {
        font-size: 25px;
    }
    h4.box-title {
        font-size: 12px;
        margin: 0;
    }
    .q_ac,
    .q_ac1,
    .q_ac2,
    .q_ac3,
    .q_ac4,
    .q_ac5 {
        width: 30.7%;
    }
    p.no-margin {
        font-size: 13px;
    }
    .span4.wishes-table {
        width: 100%;
    }
    .span4.addTable {
        width: 100%;
        margin-left: 0;
    }
    .span4.collect {
        width: 100%;
        margin-left: 0;
    }
    .span4.renewal-table {
        width: 100%;
    }
    .span4.expired-table {
        width: 100%;
        margin-left: 0;
    }
    .span4.scheduleCard {
        width: 100%;
        margin-left: 0;
    }
    span.title-text {
        font-size: 12px;
    }
    div#calander {
        display: none;
    }
    legend {
        padding: 0;
        margin: 0;
    }
    .required {
        /* border-left: none !important;
        width: 0 !important;
        float: none !important;
        height: 0px !important; */
    }
    .selectnoMargin {
        margin: 0;
    }
    .row-fluid .span3 {
        width: 48.351064%;
    }
    .row-fluid .span10 {
        width: 95%;
    }
    .row-fluid [class*=span] {
        margin-left: 0;
    }
    div#enqDate {
        width: 100%;
    }
    div#enqlocation {
        width: 100%;
    }
    legend {
        padding: 0;
        margin: 0;
    }
    .selectnoMargin {
        margin: 0;
    }
    div#complainsearchBox {
        margin: 0 !important;
    }
    div#compwidgetBody {
        padding: 0;
    }
    div#compwidgetBody td {
        padding: 2px;
    }
    .row-fluid .span4 {
        width: 100%;
    }
    input,
    textarea,
    .uneditable-input {
        width: 90%;
        margin-left: 0;
    }
    div#addupload {
        width: 50%;
    }
    #refreshToViewWebcamImage {
        width: 50%;
        padding: 0 !important;
        margin: 0 !important;
    }
    #files {
        width: auto;
        margin-left: 82px !important;
        margin-top: -20px !important;
    }
    #masearch {
        width: 60% !important;
        margin: 1px 0px 0px 2px !important;
    }
    #srchfrm {
        /*float:right !important;*/
    }
}

@media screen and (min-width:641px) and (max-width: 768px) {
    #loginform {
        margin-top: 27px;
    }
    #loginform .logimg {
        display: none;
    }
    .span7.offset41 {
        margin-left: 25% !important;
    }
    .signin {
        position: static;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: 0;
    }
    .heading {
        font-size: 19px !important;
    }
    .row-fluid .span6 {
        width: 100%;
    }
    .row-fluid .span6 {
        width: 100%;
        padding: 0 10px !important;
        margin-top: 15px !important;
        margin-right: 0 !important;
        margin-left: 0px !important;
    }
    .btn.btn-info.pull-right {
        float: left;
    }
    #complog {
        display: block;
    }
    .span12.footer1 {
        width: 100% !important;
    }
    .logoimg {
        width: 50%;
        margin: 0 auto;
    }
    .span12 {
        width: 100%;
    }
    .span6.copyright {
        width: 100%;
        text-align: center;
    }
    .span6.design {
        float: left;
        width: 100%;
        font-family: Calibri;
        text-align: center;
    }
    header .logo {
        width: 160px;
        float: left;
    }
    header img {
        width: 100%;
    }
    li.branchName {
        display: none;
    }
    div#main-nav {
        display: none;
    }
    .bar-icon {
        float: left;
        display: block;
        padding: 4px 10px;
        font-size: 27px;
    }
    div#left-sidebar {
        z-index: 999;
        display: none;
        width: 320px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 60;
        background-color: white;
    }
    .dashboard-wrapper {
        margin-left: 0px;
    }
    .user-details {
        padding-right: 10px;
        padding-left: 10px;
    }
    .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
        zoom: 1;
    }
    .dashboard-wrapper .main-container {
        padding: 0px 2px;
    }
    .dashboard-wrapper .main-container .page-header h2 {
        font-size: 25px;
    }
    h4.box-title {
        font-size: 12px;
        margin: 0;
    }
    .q_ac,
    .q_ac1,
    .q_ac2,
    .q_ac3,
    .q_ac4,
    .q_ac5 {
        width: 30.7%;
    }
    p.no-margin {
        font-size: 13px;
    }
    .span4.wishes-table {
        width: 47.861702%;
        ;
        margin-left: 5px !important;
    }
    .span4.addTable {
        width: 47.861702%;
        ;
        margin-left: 5px;
    }
    .span4.collect {
        width: 47.861702%;
        ;
        margin-left: 5px;
    }
    .span4.renewal-table {
        width: 47.861702%;
        ;
        margin-left: 5px !important;
    }
    .span4.expired-table {
        width: 47.861702%;
        ;
        margin-left: 5px;
    }
    .span4.scheduleCard {
        width: 47.861702%;
        ;
        margin-left: 5px;
    }
    th.hidden-phone {
        display: none;
    }
    td.hidden-phone {
        display: none;
    }
    li .hidden-phone {
        display: none;
    }
    span.title-text {
        font-size: 11px;
    }
    a.title-text {
        font-size: 12px;
    }
    .selectnoMargin {
        margin: 0;
    }
    div#complainsearchBox {
        margin: 0 !important;
    }
    div#compwidgetBody {
        padding: 0;
    }
    div#compwidgetBody td {
        padding: 2px;
    }
    .row-fluid .span4 {
        width: 100%;
    }
    input,
    textarea,
    .uneditable-input {
        width: 90%;
        margin-left: 0;
    }
    div#addupload {
        width: 50%;
    }
    #refreshToViewWebcamImage {
        width: 50%;
        padding: 0 !important;
        margin: 0 !important;
    }
    #files {
        width: auto;
        margin-left: 82px !important;
        margin-top: -20px !important;
    }
    #masearch {
        width: 60% !important;
        margin: 1px 0px 0px 2px !important;
    }
    #srchfrm {
        /**float:right !important;**/
    }
}

@media screen and (min-width:769px) and (max-width: 1024px) {
    #loginform {
        margin-top: 27px;
    }
    .span7.offset41 {
        margin-left: 15% !important;
    }
    .signin {
        position: static;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: 0;
    }
    .heading {
        font-size: 19px !important;
    }
    .row-fluid .span6 {
        width: 100%;
    }
    .row-fluid .span6 {
        width: 100%;
        padding: 0 10px !important;
        margin-top: 0;
        margin-right: 0 !important;
        margin-left: 0px !important;
    }
    .btn.btn-info.pull-right {
        float: left;
    }
    #complog {
        display: block;
    }
    .span12.footer1 {
        width: 100% !important;
    }
    .logoimg {
        width: 25%;
        margin: 0 auto;
    }
    .span12 {
        width: 100%;
    }
    .span6.copyright {
        width: 100%;
        text-align: center;
    }
    .span6.design {
        float: left;
        width: 100%;
        font-family: Calibri;
        text-align: center;
    }
    header .logo {
        width: 160px;
        float: left;
    }
    header img {
        width: 100%;
    }
    li.branchName {
        display: none;
    }
    div#main-nav {
        display: none;
    }
    .dashboard-wrapper {
        margin-left: 190px;
    }
    .user-details {
        padding-right: 10px;
        padding-left: 10px;
    }
    .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
        zoom: 1;
    }
    .dashboard-wrapper .main-container {
        padding: 0px 2px;
    }
    .dashboard-wrapper .main-container .page-header h2 {
        font-size: 25px;
    }
    h4.box-title {
        font-size: 12px;
        margin: 0;
    }
    .q_ac,
    .q_ac1,
    .q_ac2,
    .q_ac3,
    .q_ac4,
    .q_ac5 {
        width: 30.7%;
    }
    p.no-margin {
        font-size: 13px;
    }
    .row-fluid .span7 {
        width: 35.393617%;
    }
    div#complog {
        margin-top: 7%;
        display: block;
        margin-left: 0px;
    }
    .span4.wishes-table {
        width: 47.861702%;
        ;
        margin-left: 5px !important;
    }
    .span4.addTable {
        width: 47.861702%;
        ;
        margin-left: 5px;
    }
    .span4.collect {
        width: 47.861702%;
        ;
        margin-left: 5px;
    }
    .span4.renewal-table {
        width: 47.861702%;
        ;
        margin-left: 5px !important;
    }
    .span4.expired-table {
        width: 47.861702%;
        ;
        margin-left: 5px;
    }
    .span4.scheduleCard {
        width: 47.861702%;
        ;
        margin-left: 5px;
    }
    th.hidden-phone {
        display: none;
    }
    td.hidden-phone {
        display: none;
    }
    li .hidden-phone {
        display: none;
    }
    span.title-text {
        font-size: 11px;
    }
    a.title-text {
        font-size: 12px;
    }
    div#calander {
        display: none;
    }
    legend {
        padding: 0;
        margin: 0;
    }
    .required {
        /* border-left: none !important;
        width: 0 !important;
        float: none !important;
        height: 0px !important; */
    }
    .selectnoMargin {
        margin: 0;
    }
    .row-fluid .span3 {
        width: 48.351064%;
    }
    .row-fluid .span10 {
        width: 95%;
    }
    .row-fluid [class*=span] {
        margin-left: 0;
    }
    div#enqDate {
        width: 100%;
    }
    div#enqlocation {
        width: 100%;
    }
    legend {
        padding: 0;
        margin: 0;
    }
    .selectnoMargin {
        margin: 0;
    }
    div#addupload {
        width: 50%;
    }
    #refreshToViewWebcamImage {
        width: 50%;
        padding: 0 !important;
        margin: 0 !important;
    }
    #files {
        width: auto;
        margin-left: 82px !important;
        margin-top: -20px !important;
    }
    #masearch {
        width: 60% !important;
        margin: 1px 0px 0px 2px !important;
    }
    #srchfrm {
        float: right !important;
    }
}

.float-change {
    float: right;
    margin-left: 10px;
}

@media screen and (max-width:1024px) {
    .res-width {
        width: 33%!important
    }
    .modal.fade.in {
        top: 3%;
        left: 38%!important;
    }
    .res-modal-btn {
        margin: 18px 3px 0px -1px!important;
        padding: 1px 0px 2px 1px!important;
    }
    .res-no-mrg {
        margin-top: 0px!important;
    }
    .res-1024 {
        margin-left: 94px!important;
    }
    .success {
        margin-right: 0%!important;
        margin-top: -62px!important;
    }
    .res-select {
        width: 25%;
    }
    .res-inp {
        width: 158px;
        font-size: 12px!important;
    }
    .res-btn {
        padding: 4.5px 8px!important;
    }
    .mt5 {
        margin-top: 5px;
    }
    .res-width-100 {
        width: 64%;
    }
    .res-width-40 {
        width: 32%!important;
        float: left!important;
    }
    .res-form {
        margin-bottom: 0px;
    }
    .dashboard-wrapper .main-container .page-header {
        padding: 15px 0;
    }
}

@media screen and (max-width:992px) {
    #files .success {
        margin-right: 0%!important;
        margin-top: -62px!important;
    }
    .modal.fade.in {
        top: 8%;
        left: 39%!important;
    }
    .res-inp {
        width: 147px;
        font-size: 11.5px!important;
    }
    .res-width-40 {
        width: 31%!important;
        float: left!important;
    }
    .res-width-100 {
        width: 67%;
    }
    .res-select {
        width: 25%;
        font-size: 13px;
    }
}

@media screen and (max-width:800px) {
    .res-header-inp {
        width: 99%!important;
        font-size: 12px!important;
        margin-top: 0px;
        margin-left: -20px!important;
    }
    .modal.fade.in {
        top: 2%;
        left: 46%!important;
    }
    .res-inp {
        width: 168px;
        font-size: 12.5px!important;
    }
    .res-width-40 {
        width: 44%!important;
        float: left!important;
    }
    .res-dif {
        margin: 5px 0px 5px 2px;
        position: absolute;
        top: 89px;
        left: 277px;
    }
    .res-width-100 {
        width: 98%;
        margin-top: 10px;
    }
    .res-select {
        width: 40%;
    }
    .res-radio {
        margin-left: 23px;
    }
}

@media screen and (max-width:768px) {
    .res-div {
        width: 49.351064%!important;
    }
    .res-width-40 {
        width: 44%!important;
        margin-left: 5px;
    }
    .res-dif {
        margin: 5px 0px 5px 2px;
        position: absolute;
        top: 89px;
        left: 319px;
    }
    .res-radio {
        margin-left: 40px!important;
    }
    .res-header-inp {
        width: 99%!important;
        font-size: 12px!important;
        margin-top: 0px;
        margin-left: -20px;
    }
    .modal.fade.in {
        top: 2%;
        left: 47%!important;
    }
}

@media screen and (max-width:736px) {
    .modal.fade.in {
        top: 2%;
        left: 48%!important;
    }
}

@media screen and (max-width:667px) {
    .res-mrg-back1 {
        margin-top: -20px;
    }
    .res-mrg-back2 {
        margin-top: -20px;
    }
    .modal.fade.in {
        top: 2%;
        left: 52%!important;
    }
    #files .success {
        margin-right: -38%!important;
        margin-top: -62px!important;
    }
    .res-header-inp {
        width: 99%!important;
        font-size: 12px!important;
        margin-top: 0px;
        margin-left: -20px;
    }
    header #mini-nav {
        float: right;
        margin-top: -71px;
    }
    .res-header-no-mrg {
        margin-left: 5px!Important;
    }
    header img {
        width: 88%;
    }
}

@media screen and (max-width:640px) {
    #files.success {
        margin-right: -27%!important;
        margin-top: -60px!important;
    }
    .modal.fade.in {
        top: 2%;
        left: 53.5%!important;
    }
    header img {
        width: 71%;
        margin-top: 6px;
    }
    .res-header-inp {
        width: 99%!important;
        font-size: 12px!important;
        margin-top: 0px;
        margin-left: -47px!important;
    }
    th.hidden-phone,
    td.hidden-phone {
        display: none;
    }
}

@media screen and (max-width:568px) {
    header {
        background-image: linear-gradient(to bottom, #fafafa, #ffffff);
    }
    .res-div {
        width: 100%!important;
    }
    .res-mrg-back1 {
        margin-top: 0px;
    }
    .res-mrg-back2 {
        margin-top: 0px;
    }
    #files .success {
        margin-right: -63%!important;
        margin-top: -60px!important;
    }
    .modal.fade.in {
        top: 2%;
        left: 59.5%!important;
    }
    .res-width-40 {
        width: 48%!important;
        margin-left: 5px;
    }
    .res-width-headerbox {
        width: 50%;
    }
    header {
        height: 86px;
    }
    .res-header-inp {
        width: 99%!important;
        font-size: 12px!important;
        margin-top: 43px;
        margin-left: -28px!important;
    }
    header #mini-nav {
        float: right;
        margin-top: -114px;
    }
    .res-header-no-mrg {
        margin-left: 11px!Important;
    }
    li.branchName {
        display: block;
    }
}

@media screen and (max-width:480px) {
    .res-div {
        width: 99.5%!important;
    }
    #files.success {
        margin-right: -63%!important;
        margin-top: -60px!important;
    }
    #files .mrg-3 {
        margin-top: -60px!important;
    }
    header img {
        width: 92%;
    }
    /*****member list*****/
    .modal.fade.in {
        top: 2%!important;
        left: 0.5%!important;
    }
    .res-radio {
        margin-left: 10px!important;
    }
    .res-width-headerbox {
        width: 28%!important;
    }
    .res-header-no-mrg {
        margin-left: 13px!Important;
    }
    .res-dif {
        margin: 5px 0px 5px 2px;
        position: absolute;
        top: 95px;
        left: 267px;
    }
    .res-width-40 {
        width: 57%!important;
        margin-left: 5px;
    }
    .res-header-inp {
        width: 102%!important;
        font-size: 10px!important;
        margin-top: 43px;
        margin-left: -30px!important;
    }
    .btn-whitespace {
        white-space: inherit!important;
        width: 100%;
    }
    .btn-whitespace .btn {
        margin-left: 10px!important;
    }
    /********member list close*********/
    .in-sign {
        width: 55%!important;
    }
    .log-inp-cap {
        width: 50%!important;
        margin-bottom: 4px!important;
    }
    input,
    textarea,
    .uneditable-input {
        width: 75%;
        margin-left: 45px;
        margin-top: -42px;
    }
    #capimg {
        margin-top: 0px!important;
        padding: 4px;
        height: 29px;
        width: 60px;
    }
    .log-inp {
        margin-left: 0px!important;
        margin-top: 0px!important;
    }
    .logo-inp-c {
        width: 57%!important;
    }
    .header-input {
        width: 90%!important;
    }
    .home-screen {
        margin-top: 55px!important;
    }
    .home-header {
        height: 50px!important;
    }
    .btn-large {
        font-size: 12.5px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 6px 19px;
    }
    .m5 {
        margin-top: 5px!important;
    }
    .m4 {
        margin-top: 4px;
    }
    .m10 {
        margin-top: 10px!important;
    }
    .dashboard-wrapper .main-container .widget .widget-header .title,
    .dashboard-wrapper .main-container .widget-border .widget-header .title {
        margin-top: -20px;
    }
    .dashboard-wrapper .main-container .widget .widget-header,
    .dashboard-wrapper .main-container .widget-border .widget-header {
        margin-top: -4px;
    }
    .b-boxes {
        display: block;
        float: left;
        margin: 10px!important;
        padding-top: 20px;
    }
    .sign-set {
        width: 45%!important;
        margin-left: 28px!important;
    }
    /*header */
    /**.header-top {
    margin-left: -20px!important;
    margin-top: 31px!important;
    margin-bottom: -58px;
}**/
    header #mini-nav {
        float: right;
        margin: 3px;
        margin-top: -110px;
    }
    header {
        height: 83px!important;
    }
    .header-input {
        width: 136%!important;
        height: 24px!important;
        margin-left: -50px;
    }
    .bar-icon {
        margin-top: 41px;
    }
    header .logo {
        width: 158px;
        float: left;
        margin-left: -30px;
    }
    .btn-top {
        margin-top: -131px!important;
        margin-left: 214px!important;
    }
    /*header close*/
    li.branchName {
        display: block!important;
    }
    .dashboard-wrapper .main-container .widget .widget-header,
    .dashboard-wrapper .main-container .widget-border .widget-header {
        margin-top: 10px!important;
        height: 14px;
        line-height: 30px;
        padding-top: 18px;
    }
    .home-title {
        margin-top: -10px!important;
    }
    .row-fluid .span6 {
        margin-top: 6px !important;
    }
    .cke_skin_kama {
        visibility: inherit;
        width: 100%!important;
    }
    .mrg-5 {
        margin-top: 50px!important;
    }
    .m3 {
        margin-top: 3px!important;
    }
    label {
        display: block;
        margin-bottom: 0px;
    }
    .lil-mrg {
        margin-top: 35px;
        width: 100%!important;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        margin: -14px;
    }
    .ad-post {
        width: 100%!important;
        margin-top: -32px;
    }
    .row-fluid [class*=span] {
        display: block;
        width: 99%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .modal {
        width: 96%!important;
        margin-left: 6px!Important;
        left: 0%!important;
    }
    .input-append,
    .input-prepend {
        width: 70%;
    }
    .input-append .add-on {
        margin-left: 3px;
        margin-top: 5px!Important;
    }
    .m7 {
        margin-top: 7px;
    }
    .float-change {
        float: left!important;
        width: 100%;
        margin-top: 10px;
    }
    .pan-mob {
        width: 100%!important;
    }
    .metro-mob {
        height: 40px!important;
        margin-left: 50px!important;
    }
    .info-mob {
        top: 10px!important;
    }
    .full-width {
        width: 110%!important;
    }
    .fs-mob {
        margin-top: 0px!important;
    }
    .pull-set {
        float: left!important;
        width: 100%;
        margin-top: 10px;
    }
    .fw {
        width: 100%!important;
    }
    .search-all {
        margin-top: 50%!important;
        width: 50%!important;
    }
    .width-less {
        width: 22%;
    }
    .m6 {
        margin-top: 5px;
    }
    .tbl-width {
        width: 95%;
        padding: 0!important;
        margin-right: -14px !important;
    }
    .green-btn {
        padding-top: 20px!important;
    }
    .margin-left {
        margin-left: 87px;
        width: 38%;
        margin-top: -22px;
    }
    .nav-mrf-r {
        margin-right: 0px!important;
        width: 162%;
    }
    .main-screen {
        margin-top: 8px!important;
    }
    .new-list {
        float: right;
        margin-top: -40px;
        width: 82%;
    }
    .new-list a {
        font-size: 12px;
    }
    .mrg-t-mob {
        margin-top: -10px;
    }
    .for-mob {
        margin-top: 11px!important;
    }
    .metro-for-mob {
        width: 32%!important;
    }
    .info-mob {
        position: absolute;
        margin-top: 5px!important;
        margin-left: 31px!important;
        font-size: 14px !important;
    }
    .mrg-back {
        margin-left: 5px;
    }
    .mrg-back h2 {
        font-size: 23px!important;
    }
    .logo-mob {
        margin-left: 0px!important;
    }
    /*new css after ok*/
    .dashboard-wrapper .main-container .widget .widget-header .title,
    .dashboard-wrapper .main-container .widget-border .widget-header .title {
        margin-top: -15px!important;
    }
    .search-top-mrg {
        margin-top: -47px!important;
        width: 70%;
        float: right;
    }
    .width-mob {
        width: 76%!important;
        height: 44px!important;
    }
    .ni-date {
        width: 17%!important;
        margin-right: -46px;
        margin-left: 85px;
    }
    .mrg-lil {
        margin-top: 4px;
        width: 30%!Important;
        float: left;
        margin-left: 10px;
        margin-bottom: 20px!Important;
    }
    .extra-down {
        margin-top: 34px!important;
    }
    .kill-css {
        margin-left: 0!important;
        margin-top: 0!important;
    }
    .th-w {
        width: 19%!important;
    }
    .ad-demo {
        margin-top: -58px!important;
        margin-right: 20px!important;
    }
    .sales-c {
        width: 448px;
    }
    .pos-ad-btn {
        float: right;
        margin-top: -45px;
    }
    .field-marg {
        margin-top: -30px;
    }
    .btnfor-mob {
        margin-left: 23px;
    }
    .mrg-back-5 {
        margin-top: -70px;
    }
    .mrg-back-40 {
        margin-top: -46px;
    }
    .sale-rep {
        width: 18%!important;
        margin-right: -115px;
        margin-left: 134px;
        margin-top: -84px;
    }
    .sale-rip-btn {
        margin-left: 115px!important;
        margin-top: -93px!important;
    }
    .pu-ri {
        float: none;
        width: 316px!important;
    }
    #admissionType {
        padding-left: 9px;
        padding-right: 9px;
    }
    .width-ad {
        width: 85%!important;
    }
    .panel-mob {
        margin-top: -40px;
    }
    .margin-left {
        float: right;
        width: 49%;
        margin-top: -22px;
    }
    .ml-form {
        margin-top: -39px;
        margin-right: 221px;
        width: 55%;
        margin-left: -46px;
    }
    /**.select-less{
    width:63%;
}
.formleft-mrg{
    margin-left:20px;
}**/
    /**.select-less-div{
    margin-right:-15px;
        margin-top: -40px!important;
}**/
    .mrg-left-10 {
        margin-left: 27px;
    }
    /**.formleft-mrg {
    margin-left: 188px;
    margin-top: -59px;
    width: 73%;
    
}**/
    .form-inp-width {
        width: 54%;
    }
    .ad-ml {
        width: 100%;
        margin-left: 1px;
        margin-top: 10px!important;
    }
    .adjust {
        margin-left: 4px;
        margin-top: 100px!important;
    }
    .upload-levl {
        margin-left: 10px;
    }
    .n-ad {
        margin-top: -8px!important;
    }
    .att-list-inp {
        width: 26%!important;
    }
    .att-mrg {
        margin-top: 5px!important;
    }
    .out-mrg {
        margin-left: 40px!Important;
    }
    .go-btn {
        padding: 2px 10px 2px 10px;
        margin-top: 3px;
    }
    .set-btn {
        margin-top: 48px!important;
        margin-left: -149px!important;
        width: 127%!important;
    }
    /*today css*/
    .renew-top-right {
        width: 42%!important;
        margin-top: -48px!important;
        float: right!important;
        margin-right: 16%;
    }
    .renew-top-left {
        width: 62%!important;
        float: left!important;
        margin-left: -53px!important;
    }
    .radio-mrg-l {
        margin-left: 5px;
    }
    .renew-search {
        margin-top: -23px;
    }
    .renew-metro {
        width: 35.5%!important;
        height: 44px!important;
    }
    .renew-mrg {
        margin-top: -9px
    }
    .renew-font {
        font-size: 14px!important;
    }
    .spa-mrg {
        margin-top: -8px;
    }
    .act-inact-from {
        float: right;
        width: 50%!important;
        margin-right: 48px;
        margin-top: -44px;
    }
    .act-inact-btn {
        float: right;
    }
    .m15 {
        margin-top: 15px!important;
    }
    .mrg-top-35 {
        margin-top: -38px!important;
    }
    .back-mrg {
        margin-top: -5px!important;
    }
    .mrg-top-back-65 {
        margin-top: -65px!important;
    }
    .exp-mrg {
        margin-left: -5px;
    }
    .sms-top {
        width: 115%!important;
        font-size: 11px!important;
        margin-left: -39px!important;
        margin-top: -11px!important;
    }
    .form-sms {
        margin-left: 10px!important;
    }
    /*today css close*/
    /*26-12 css*/
    .sms-metro {
        height: 36px!important;
    }
    .sms-head {
        margin-top: 2px!important;
        font-size: 15px;
    }
    .width-a {
        margin-top: -10px;
    }
    .mrg-4 {
        margin-top: 40px!important;
    }
    .mrg-3 {
        margin-top: 30px!important;
    }
    .mrg-2 {
        margin-top: 20px!important;
    }
    .reg-fee {
        width: 88%!important;
    }
    .expence-inp {
        width: 42%!important;
    }
    .no-mrg-mob {
        margin-top: 0px!important;
    }
    .expense-metro {
        width: 72%!important;
    }
    .manage-top {
        margin-top: -50px;
        float: right;
    }
    .pull-set-top {
        float: left!important;
        width: 97%;
        margin-top: 28px;
        margin-left: -16px;
    }
    .manage-inp {
        width: 70%;
    }
    .mrg-bottom-back-ren {
        margin-bottom: -50px!important;
    }
    .count-renew {
        font-size: 28px!important;
    }
    .action-tbl {
        width: 100%!important;
    }
    .exp-tbl {
        width: 38%!important;
    }
    .satish {
        margin-bottom: -58px!important
    }
    .action-tbl a {
        padding-left: 2px!important;
        padding-right: 2px!important;
        line-height: 25px!important;
        width: 15px!important;
        margin-right: 0px!important;
        margin-left: 0px!important;
    }
    .model-renew-box2 {
        width: 49%!important;
        float: left;
    }
    .model-renew-box1 {
        width: 48%!important;
        float: right;
        margin-top: 5px;
    }
    .sel-wid {
        width: 94%!important;
    }
    .fr {
        margin-top: -64px;
        margin-left: 159px;
    }
    .remark {
        width: 65%!important;
        margin-top: 0px;
        margin-left: 0px!important;
    }
    /*26-12 close*/
    /*27-12 css*/
    .check-btn-bank {
        width: 14px!important;
    }
    .show-phone-only {
        display: block!important;
    }
    .ac-b-nav {
        width: 49%!important;
        height: 68px!important;
    }
    .ac-b-head {
        font-size: 25px!important;
    }
    .account-bal {
        margin-top: -20px!important;
    }
    .petty-detail-date {
        width: 26%!important;
        float: right;
    }
    .petty-date-col {
        margin-top: -21px!important;
        margin-right: -106px!important;
    }
    .petty-detail-nav {
        width: 100%!important;
        height: 72px!important;
    }
    .petty-head {
        font-size: 22px!important;
        right: 32px!important;
    }
    .petty-head-rs {
        left: 10px!important;
        font-size: 22px!important;
        bottom: 0px!important;
    }
    .set-btn-save {
        margin-right: 34%!important;
    }
    .right-petty {
        margin-top: -60px!important;
        margin-right: -15px;
    }
    .width-less-4-input {
        width: 80%!important;
    }
    .id-select {
        width: 30%!important;
    }
    .trainer-top {
        margin-top: -66px!important;
        float: right;
        margin-right: -6px;
    }
    .member-attendance {
        width: 226%;
    }
    /*28-12*/
    .emp-select {
        width: 88%!important;
    }
    .salary-search-top {
        margin-top: -14px;
        margin-left: 10px;
        margin-bottom: 10px!important;
    }
    .width-20 {
        width: 20%!important;
    }
    .width-25 {
        width: 25%!important;
    }
    .width-40 {
        width: 40%!important;
    }
    .width-43 {
        width: 43%!important;
    }
    .width-47 {
        width: 47%!important;
    }
    .width-48 {
        width: 48%!important;
    }
    .width-49 {
        width: 49%!important;
    }
    .width-50 {
        width: 50%!important;
    }
    .width-53 {
        width: 53%!important;
    }
    .width-73 {
        width: 73%!important;
    }
    .mb-4 {
        margin-top: -6px!important;
    }
    .ext-ad-on {
        margin-top: 5px!important;
        margin-right: 3px!important;
    }
    .last-point-salary {
        margin-left: 122px;
        width: 64%;
    }
    .width-111 {
        width: 111%!important;
    }
    .width-89 {
        width: 89%!important;
    }
    .mb-20 {
        margin-top: -20px!important;
    }
    .day-batch {
        width: 6%!important;
        margin-left: 0px!important;
        margin-right: 28px!important
    }
    .batch-th {
        width: 58px!important;
    }
    .group-class-search {
        margin-top: -10px
    }
    .package-btn {
        margin-top: -57px!important;
    }
    .model-package {
        width: 51%!important;
    }
    .level-package {
        width: 33%!important;
        padding-top: 5px!important;
        text-align: left!important;
    }
    .package-select {
        width: 104%!important;
    }
    .inp-package {
        width: 95%;
    }
    .advert-btn {
        width: 18%!important;
        margin-top: -10px;
        margin-left: -2px;
    }
    .width-tax-check {
        width: 0%!important;
    }
    .ml-20 {
        margin-left: 20px!important;
    }
    .width-70 {
        width: 70%!important;
    }
    .width-95 {
        width: 91%!important;
        margin-left: 10px!important;
    }
    .width-91 {
        width: 91%!important;
    }
    .width-83 {
        width: 83%!important;
    }
    .width-80 {
        width: 100%!important;
    }
    .margin-t-back {
        margin-top: -40px!important;
    }
    .top-tm {
        margin-left: 70px;
    }
    /* monday*/
    .modal.fade.in {
        top: 5%;
    }
    .width-100 {
        width: 100%!important;
    }
    .no-padding {
        bottom: -9px!important;
        padding-bottom: 0px!important;
    }
    .bd-inp {
        width: 18%!important;
        margin-right: -89px;
        margin-left: 96px;
        margin-top: -52px;
    }
    .bd-btn {
        margin-left: 115px!important;
        margin-top: -62px!important;
    }
    .advert-action-th {
        width: 20%!important;
    }
    .add-pack-modal input,
    textarea,
    .uneditable-input {
        margin-left: 0px!important;
        margin-top: 0px!important;
    }
    .text-left {
        text-align: left!important;
    }
    .mrg-back-modal {
        margin-top: -55px;
    }
    .grp-exercise {
        float: left;
        width: 83px!important;
    }
    .mrg-width {
        margin-left: 12px;
        width: 98%!important;
    }
    .text-left-mob {
        text-align: left!important;
    }
    .width-act-35 {
        width: 35%!important;
    }
    .margin-for-center {
        margin-right: 64px;
    }
    .mrg-back-10 {
        margin-top: -10px!important;
    }
    .mrg-back-22 {
        margin-top: -22px!important;
    }
    .mrg-back-25 {
        margin-top: -25px!important;
    }
    .mrg-back-35 {
        margin-top: -35px!important;
    }
    .diet-plan-top-btn {
        float: right;
        margin-top: -61px;
        margin-right: -11px;
    }
    .diet-plan-panel {
        padding: 1px!important;
    }
    .btn-center {
        margin-left: -26px!important;
    }
    .mrg-back-18 {
        margin-top: -18px!important;
    }
    .renew-list .search {
        margin-top: -26px!important;
        margin-left: 0px!important;
        width: 77%;
        float: right;
    }
    .renew-list .search-strong {
        margin-top: -19px!important;
        float: left;
    }
    /**3-1-2020**/
    .manage-pc {
        min-width: 103%!important;
        height: auto!important;
        margin: 0px!important;
        overflow: auto!important;
        margin-left: -15px!important;
    }
    .manage-pc-head {
        width: 100%!important;
    }
    .gc-kill-css input,
    textarea,
    .uneditable-input {
        margin-left: 0px;
        margin-top: -0px;
    }
    .gc-kill-css .control-label {
        width: 48%!important;
        padding-top: 5px;
        text-align: left!important;
    }
    .package-td-action {
        width: 23%!important;
    }
    .att-set-date-to {
        margin-top: -98px!important;
        margin-left: 1px!important;
    }
    .att-set-date-from {
        margin-top: -98px!important;
        margin-left: 48%!important;
    }
    .width-150px {
        width: 150px!important;
    }
    .apm .control-label {
        width: 100%!important;
        padding-top: 5px;
        text-align: left!important;
    }
    .width-50-modal {
        width: 50%!important;
        margin-top: 25px!important;
    }
    .intouch-img {
        width: 31%;
        margin-left: 12px;
    }
    .profile-phone {
        margin-right: 0px!important;
        margin-top: 0px;
        margin-right: 0px;
    }
}

@media screen and (max-width:414px) {
    /**member***/
    #files .success {
        margin-right: -113%!important;
    }
    .modal.fade.in {
        top: 2%!important;
        left: 40.5%!important;
    }
    .res-header-no-mrg {
        margin-left: 15px!Important;
    }
    .res-width-40 {
        width: 69%!important;
        margin-left: 5px;
    }
    .res-select {
        width: 34%;
    }
    .res-inp {
        width: 150px;
        font-size: 11.5px!important;
    }
    .res-dif {
        margin: 5px 0px 5px 2px;
        position: absolute;
        top: 96px;
        left: 252px;
    }
    .res-radio {
        margin-left: 2px!important;
    }
    .res-single {
        margin-left: -65px!important;
    }
    .res-width-headerbox {
        width: 34%!important;
    }
    .res-header-inp {
        width: 102%!important;
        font-size: 11px!important;
        margin-top: 43px;
        margin-left: -30px!important;
    }
    /*member close*/
    .set-btn {
        margin-top: 48px!important;
        margin-left: -132px!important;
        width: 132%!important;
    }
    .branch-id {
        width: 171px!important;
        height: 196px!important;
    }
    /*header
.header-top {
    margin-left: -82px!important;
    margin-top: 31px!important;
    margin-bottom: -58px;
}*/
    .btn-top {
        margin-top: -130px!important;
        margin-left: 212px!important;
    }
    /*header*/
    .sign-set {
        width: 40%!important;
        margin-left: 18px!important;
    }
    .main-screen {
        margin-top: 5px!important;
    }
    header .logo {
        width: 153px;
        float: left;
    }
    .btn {
        display: inline;
        zoom: 1;
        margin-bottom: 0;
        font-size: 13px;
    }
    .box-img {
        height: 150px!important;
        width: 90%;
    }
    .modal {
        width: 96%!important;
        margin-left: -162px!Important;
        left: 41%!important;
    }
    .float-change {
        float: left!important;
        width: 100%
    }
    .new-list {
        float: right;
        margin-top: -40px;
        width: 81%;
    }
    .new-list a {
        font-size: 10px;
    }
    .info-mob {
        position: absolute;
        margin-top: 5px!important;
        margin-left: 31px!important;
        font-size: 13px !important;
    }
    /*new css*/
    .date-mrg {
        margin-left: -16px;
    }
    .width-mob {
        width: 65%!important;
    }
    .ni-date {
        width: 16%!important;
        margin-right: -82px;
        margin-left: 97px;
        margin-top: -46px;
    }
    .title-mob {
        font-size: 11.5px!important;
        margin-left: -10px;
    }
    .sales-c {
        width: 386px;
    }
    .sale-rep {
        width: 16%!important;
        margin-right: -112px;
        margin-left: 120px;
        margin-top: -83px;
    }
    .ml-form {
        margin-top: -39px;
        margin-right: 221px;
        width: 65%;
        margin-left: -51px;
    }
    /**.select-less-div {
    margin-right: -15px!important;
}
.formleft-mrg {
    margin-left: 155px;
    margin-top: -59px;
    width: 73%;
}**/
    .upload-levl {
        margin-left: 6px;
    }
    .font-size-sm {
        font-size: 13px!important;
        margin-left: 5px;
    }
    /*new css*/
    /*today css*/
    .renew-top-left {
        width: 65%!important;
        float: left!important;
        margin-left: -53px!important;
    }
    .renew-metro {
        width: 30%!important;
    }
    .renew-font {
        font-size: 11px!important;
    }
    /*today css close*/
    /*26-12*/
    .pull-set-top {
        float: left!important;
        width: 111%;
        margin-top: 28px;
        margin-left: -40px;
    }
    .radio-manage {
        padding-left: 8px!important;
        margin-left: 7px!important;
        font-size: 12px!important;
    }
    .inp-m {
        width: 16px!important;
    }
    .petty-cash-btn {
        font-size: 11px!important;
    }
    .main-head-pc {
        font-size: 18px!important
    }
    .top-tm {
        margin-left: 46px;
    }
    /*monday*/
    .bank-ac {
        font-size: 13px!important;
    }
    .width-80 {
        width: 92%!important;
    }
    /*2-1-20*/
    .margin-for-center {
        margin-right: 45px;
    }
    .ad-schedule-day {
        margin-left: -10px!important;
    }
}

@media screen and (max-width:384px) {
    /******** 384 ********/
    /**member**/
    .modal.fade.in {
        top: 2%!important;
        left: 0!important;
    }
    .res-width-headerbox {
        width: 35%!important;
    }
    .res-single {
        margin-left: -83px!important;
    }
    /**member**/
    header img {
        width: 65%;
    }
    .set-btn-save {
        margin-right: 31%!important;
    }
    .set-btn {
        margin-top: 48px!important;
        margin-left: -123px!important;
        width: 133%!important;
    }
    /*new css*/
    .date-mrg {
        margin-left: -25px;
    }
    .width-mob {
        width: 60.2%!important;
    }
    .ni-date {
        width: 18%!important;
        margin-right: -51px;
        margin-left: 67px;
        margin-top: -46px;
    }
    .mrg-lil {
        margin-left: 8px;
    }
    .th-w {
        width: 21%!important;
    }
    .sales-c {
        width: 354px;
    }
    .sale-rep {
        width: 18%!important;
        margin-right: -92px;
        margin-left: 97px;
        margin-top: -83px;
    }
    .sale-rip-btn {
        margin-left: 99px!important;
        margin-top: -93px!important;
    }
    .stock-heading {
        font-size: 12px;
        margin-left: -3px;
    }
    .inp-width {
        width: 68%;
    }
    .dashboard-wrapper .main-container .page-header h2 {
        font-size: 21px;
    }
    .ml-form {
        margin-top: -40px;
        margin-right: 221px;
        width: 86%;
        margin-left: -49px;
    }
    /**.select-less {
    width: 66%;
        font-size: 12px;
    
}**/
    /*.formleft-mrg {
    margin-left: 105px;
    margin-top: -59px;
    width: 73%;
}*/
    .label,
    .badge {
        font-size: 8px!Important;
    }
    .member-list-tbl {
        margin-left: -6px;
        margin-top: -2px!important;
    }
    .member-list-btn {
        width: 12px!important;
        margin-right: -4px!important;
        margin-left: -4px!important;
    }
    .member-list-btn2 {
        margin-right: -7px!important;
        margin-left: -7px!important;
    }
    input::-webkit-input-placeholder {
        font-size: 12px;
    }
    /*new css close*/
    /*today css*/
    .renew-top-left {
        width: 68%!important;
        float: left!important;
        margin-left: -61px!important;
    }
    .renew-top-right {
        width: 42%!important;
        margin-top: -48px!important;
        float: right!important;
        margin-right: 16%;
    }
    .radio-mrg-l {
        margin-left: 0px;
    }
    .renew-btn {
        margin-left: 5px!important;
        padding-left: 4px!important;
        padding-right: 4px!important;
    }
    .sms-top {
        width: 104%!important;
        font-size: 11px!important;
        margin-left: -6px!important;
    }
    .sms-top-radio {
        width: 14px!important;
        height: 17px!important;
        margin-left: 7px!important;
    }
    /*toaday css clo9se*/
    /*26-12*/
    .expense-metro {
        width: 72%!important;
        margin-top: 28px;
    }
    .manage-inp {
        width: 57%;
    }
    .pull-set-top {
        float: left!important;
        width: 110%;
        margin-top: 26px;
        margin-left: -19px;
    }
    .info-mob {
        position: absolute;
        margin-top: 5px!important;
        margin-left: 31px!important;
        font-size: 11px !important;
    }
    .new-list {
        float: right;
        margin-top: -40px;
        width: 78%;
    }
    .new-list .btn {
        margin: 0px;
        padding-right: 4px;
        padding-left: 4px;
    }
    .new-list a {
        font-size: 11px;
    }
    .font-size-sm {
        font-size: 11px!important;
        margin-left: 5px!important;
    }
    .tbl-width {
        width: 70%!important;
        margin-left: -10px;
    }
    .header-input {
        width: 96%!important;
    }
    .btn-top {
        margin-top: -130px!important;
        margin-left: 162px!important;
    }
    .header-top {
        margin-left: -52px!important;
    }
    [class^=icon-],
    [class*=" icon-"] {
        display: inline-block;
        width: 13px!important;
    }
    .ad-post {
        width: 100%!important;
    }
    .sign-set {
        width: 39%!important;
        margin-left: 8px!important;
    }
    .metro-mob {
        height: 40px!important;
        margin-left: 50px!important;
        margin-top: -30px!important;
    }
    label {
        display: block;
        margin-bottom: 0px;
    }
    .cke_skin_kama {
        visibility: inherit;
        width: 75%!important;
        overflow: scroll;
    }
    .btn {
        display: inline;
        margin-bottom: 0;
        /*font-size: 11px;*/
    }
    .main-screen {
        margin-top: -32px!important;
    }
    .inpt-text {
        width: 101px!important;
        height: 26px!important;
    }
    .btn-top {
        margin-top: -130px!important;
        margin-left: 166px!important;
    }
    .dashboard-wrapper .main-container .widget .widget-header .title,
    .dashboard-wrapper .main-container .widget-border .widget-header .title {
        margin-top: -20px;
    }
    .dashboard-wrapper .main-container .widget .widget-header,
    .dashboard-wrapper .main-container .widget-border .widget-header {
        margin-top: -4px;
    }
    .b-boxes {
        display: block;
        float: left;
        margin: 10px!important;
        padding-top: 20px;
    }
    input,
    textarea,
    .uneditable-input {
        width: 70%;
    }
    /*.header-top{
margin-top:-38px;}**/
    .branch-id {
        width: 154px!important;
        height: 162px!important;
    }
    .box-img {
        height: 109px!important;
        width: 88%!important;
        margin-left: 10px;
    }
    .modal {
        width: 96%!important;
        margin-left: 6px!Important;
        left: 0%!important;
    }
    .hidden-phone {
        display: none;
    }
    /*27-12*/
    .cash-table-manage {
        font-size: 12px!important;
        width: 100%!important;
        margin-left: -5px;
        margin-top: -5px!important;
    }
    .ac-b-head {
        font-size: 19px!important;
    }
    .ac-b-nav {
        width: 49%!important;
        height: 62px!important;
    }
    .ac-b-info {
        font-size: 13px!important;
    }
    .petty-date-col {
        margin-top: -21px!important;
        margin-right: -115px!important;
    }
    .petty-detail-nav {
        width: 93%!important;
        height: 65px!important;
        margin-left: 10px!important;
    }
    .petty-head {
        font-size: 20px!important;
        left: 10px!important
    }
    .petty-head-rs {
        left: 10px!important;
        font-size: 20px!important;
        bottom: 0px!important;
    }
    .petty-table {
        font-size: 11px;
    }
    .petty-cash-btn {
        font-size: 11px!important;
    }
    .petty-ab {
        margin-right: -9px!important;
        margin-left: -9px!important;
    }
    /*28-12*/
    .last-point-salary {
        margin-left: 117px;
        width: 58%;
    }
    .top-tm {
        margin-left: 28px;
    }
    /*monday*/
    .bank-ac {
        font-size: 12px!important;
    }
    .bank-table {
        font-size: 12px;
    }
    .width-80 {
        width: 77%!important;
    }
    /**2-1-20**/
    .exe-modal-btn {
        margin-left: -58px!important;
    }
    .ex-modal-input {
        width: 47%!important;
    }
    .btn-day {
        margin-left: -2px!important;
        margin-right: -2px!important;
    }
    .width-150px {
        width: 150px!important;
    }
    /**3-1-20**/
    .font-11-mob {
        font-size: 11px;
    }
}

@media screen and (max-width:375px) {
    /***member*/
    .res-single {
        margin-left: -95px!important;
    }
    .res-width-headerbox {
        width: 36%!important;
    }
    .res-width-40 {
        width: 67%!important;
    }
    .res-inp {
        width: 138px;
        font-size: 10px!important;
    }
    .res-select {
        font-size: 11px;
        width: 30%;
    }
    .res-dif {
        margin: 5px 0px 5px 2px;
        position: absolute;
        top: 96px;
        left: 238px;
    }
    .res-width-100 {
        width: 97%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    /**member close*/
    .set-btn {
        margin-top: 48px!important;
        margin-left: -121px!important;
        width: 135%!important;
    }
    .header-top {
        margin-left: 0px!important;
    }
    .header-input {
        width: 87%!important;
        margin-left: -41px;
    }
    /*new css*/
    .width-mob {
        width: 59%!important;
    }
    .sale-rip-btn {
        margin-left: 93px!important;
        margin-top: -93px!important;
    }
    .ml-form {
        margin-top: -48px;
        margin-right: 121px;
        width: 142%;
        margin-left: -141px;
    }
    /**.formleft-mrg {
    margin-left: 122px;
    margin-top: -59px;
    width: 73%;
}
.select-less-div {
    
    margin-top: -47px!important;
}**/
    .member-list-tbl {
        margin-left: -6px;
        margin-top: -7px!important;
    }
    /*new css*/
    /*today css*/
    .renew-metro {
        width: 28%!important;
    }
    .renew-font {
        font-size: 10.5px!important;
    }
    /*today css*/
    .btn-top {
        margin-top: -130px!important;
        margin-left: 162px!important;
    }
    .sign-set {
        width: 38%!important;
        margin-left: 8px!important;
    }
    .new-list {
        float: right;
        margin-top: -40px;
        width: 79%;
    }
    .new-list .btn {
        margin: 0px;
        padding-right: 4px;
        padding-left: 4px;
    }
    .new-list a {
        font-size: 11px;
    }
    .main-screen {
        margin-top: -32px!important;
    }
    /*26-12*/
    .manage-top {
        margin-top: -50px;
        float: right;
        margin-right: -12px;
    }
    /*27-12*/
    .cash-table-manage {
        font-size: 12px!important;
        width: 100%!important;
        margin-left: -1px;
        margin-top: -5px!important;
    }
    .petty-detail-nav {
        width: 86%!important;
        height: 65px!important;
        margin-left: 28px!important;
    }
    .petty-head {
        font-size: 18px!important;
    }
    .petty-head-rs {
        font-size: 18px!important;
    }
    /*28-12*/
    .top-tm {
        margin-left: 25px;
    }
    /*monday*/
    .bd-btn {
        margin-left: 98px!important;
        margin-top: -62px!important;
    }
    /*2-1-20*/
    .margin-for-center {
        margin-right: 42px;
    }
    .btn-day {
        margin-left: -3px!important;
        margin-right: -3px!important;
    }
    .width-55 {
        width: 55%!important;
    }
    /**3-1-20**/
    .width-320-size {
        width: 180Px!important;
    }
    .font-size-report-only {
        font-size: 19px!important;
    }
}

@media screen and (max-width:360px) {
    header #mini-nav li {
        float: left;
        border-right: 1px solid #c0c0c0;
        padding: 0px 8px;
    }
    [class^=icon-],
    [class*=" icon-"] {
        display: inline-block;
        width: 12px!important;
    }
    .res-radio {
        margin-left: -1px!important;
    }
    .res-select {
        font-size: 9px;
        width: 29%;
    }
    .set-btn {
        margin-top: 48px!important;
        margin-left: -116px!important;
        width: 134%!important;
    }
    .info-mob {
        position: absolute;
        margin-top: 5px!important;
        margin-left: 29px!important;
        font-size: 10px !important;
    }
    .sign-set {
        width: 36%!important;
        margin-left: 10px!important;
    }
    /*.header-top {
margin-left: -73px!important;}*/
    .header-input {
        width: 45%;
    }
    .main-screen {
        margin-top: -31px!important;
    }
    /*new css*/
    .width-mob {
        width: 56.5%!important;
    }
    .ni-date {
        width: 18%!important;
        margin-right: -68px;
        margin-left: 72px;
        margin-top: -46px;
    }
    .sales-c {
        width: 331px;
    }
    .sale-rep {
        width: 18%!important;
        margin-right: -89px;
        margin-left: 96px;
        margin-top: -83px;
    }
    .sale-rip-btn {
        margin-left: 90px!important;
        margin-top: -93px!important;
        padding: 7px;
    }
    #admissionType {
        padding-left: 6px;
        padding-right: 6px;
    }
    /*new css*/
    /*today css*/
    .renew-top-left {
        width: 75%!important;
        float: left!important;
        margin-left: -61px!important;
    }
    .renew-top-right {
        width: 42%!important;
        margin-top: -48px!important;
        float: right!important;
        margin-right: 16%;
    }
    .radio-mrg-l {
        margin-left: -6px;
    }
    .sms-top {
        width: 108%!important;
        font-size: 11px!important;
        margin-left: -12px!important;
    }
    /*today css close*/
    /*26-12*/
    .expense-metro {
        width: 72%!important;
        margin-top: -10px;
    }
    .radio-manage {
        padding-left: 8px!important;
        margin-left: 7px!important;
        font-size: 11px!important;
    }
    .pull-set-top {
        float: left!important;
        width: 110%;
        margin-top: 26px;
        margin-left: -23px;
    }
    /*27-12*/
    .petty-detail-date {
        width: 22%!important;
        float: right;
    }
    .petty-date-col {
        margin-top: -21px!important;
        margin-right: -144px!important;
    }
    .petty-head {
        font-size: 16px!important;
    }
    .petty-head-rs {
        font-size: 16px!important;
    }
    .petty-detail-nav {
        width: 79%!important;
        height: 65px!important;
        margin-left: 0px!important;
        margin-top: -44px!important;
        float: right!important;
    }
    .main-head-pc {
        font-size: 16px!important;
    }
    .petty-cash-btn {
        font-size: 11px!important;
        padding-left: 6px!important;
    }
    .at-btn {
        margin-left: -5px!important;
        margin-right: -5px!important;
    }
    /*28-12*/
    .top-tm {
        margin-left: 21px;
    }
    /*monday*/
    .bank-table {
        font-size: 10px;
    }
    /*2-1-20*/
    .ex-modal-input {
        width: 44%!important;
    }
    .margin-for-center {
        margin-right: 35px;
    }
    .exe-modal-btn {
        margin-left: -64px!important;
    }
    .btn-day {
        margin-left: -4px!important;
        margin-right: -5px!important;
    }
    .width-320-size {
        width: 188Px!important;
    }
    /*3-1-20*/
}

@media screen and (max-width:360px) {
    .sign-set {
        width: 35%!important;
        margin-left: 15px!important;
    }
    .new-list {
        float: right;
        margin-top: -40px;
        width: 76%;
    }
    .new-list .btn {
        margin: 0px;
        padding-right: 3px;
        padding-left: 3px;
    }
    .new-list a {
        font-size: 10px;
    }
    .branch-id {
        width: 150px!important;
        height: 162px!important;
    }
}

@media screen and (max-width:320px) {
    #files .success {
        margin-right: -199%!important;
    }
    .res-width-headerbox {
        width: 34%!important;
    }
    .res-single {
        margin-left: -104px!important;
    }
    /*new css*/
    .width-mob {
        width: 49.5%!important;
    }
    .date-mrg {
        margin-left: -40px;
    }
    .ni-date {
        width: 15%!important;
        margin-right: -70px;
        margin-left: 79px;
        margin-top: -46px;
    }
    .sales-c {
        width: 292px;
    }
    .sale-rep {
        width: 18%!important;
        margin-right: -95px;
        margin-left: 96px;
        margin-top: -83px;
    }
    .sale-rip-btn {
        margin-left: 87px!important;
        margin-top: -93px!important;
        padding: 2px;
    }
    /*new css*/
    .sign-set {
        width: 31%!important;
        margin-left: 15px!important;
    }
    /*.header-top {
    margin-left: -82px!important;
    margin-top: -15px!important;
    margin-bottom: -67px;
}*/
    header #mini-nav {
        float: right;
        margin: 1px;
        margin-top: -111px;
        width: 62%;
    }
    .res-width-headerbox {
        width: 35%!important;
    }
    .res-width-40 {
        width: 96%!important;
    }
    .res-dif {
        margin: 5px 0px 5px 2px;
        position: initial;
        top: 0;
        left: 0;
    }
    .res-select {
        font-size: 12px;
        width: 48%;
    }
    .res-inp {
        width: 201px;
        font-size: 10px!important;
    }
    .res-radio {
        margin-left: 22px!important;
    }
    .res-width-100 {
        width: 98%;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    header #mini-nav li {
        float: left;
        border-right: 1px solid #c0c0c0;
        padding: 0px 3px;
    }
    .home-head {
        font-size: 17px!important;
    }
    .info-mob {
        position: absolute;
        margin-top: 5px!important;
        margin-left: 28px!important;
        font-size: 9px !important;
    }
    .new-list {
        float: right;
        margin-top: -40px;
        width: 72%;
    }
    .new-list .btn {
        margin: 0px;
        padding-right: 2px;
        padding-left: 2px;
    }
    .new-list a {
        font-size: 9px;
    }
    .main-screen {
        width: 77%!important;
    }
    .sms-top {
        width: 134%!important;
        font-size: 10px!important;
        margin-left: -8px!important;
    }
    .sms-top-radio {
        width: 14px!important;
        height: 16px!important;
        margin-left: 0px!important;
    }
    /*26-12*/
    .dashboard-wrapper .main-container .page-header h2 {
        font-size: 18px;
    }
    .expense-metro {
        width: 56%!important;
        float: none;
        margin-left: 34px;
    }
    /*27-12*/
    .cash-table-manage {
        font-size: 10px!important;
        width: 92%!important;
        margin-left: -3px;
        margin-top: -5px!important;
    }
    .petty-detail-date {
        width: 19%!important;
        float: right;
    }
    .petty-date-col {
        margin-top: -21px!important;
        margin-right: -167px!important;
    }
    .petty-table {
        font-size: 9px;
    }
    .petty-cash-btn {
        font-size: 10px!important;
        padding-left: 6px!important;
    }
    .main-head-pc {
        font-size: 14px!important;
    }
    .trainer-top {
        margin-top: -66px!important;
        float: right;
        margin-right: -17px;
    }
    /*28*-12*/
    .last-point-salary {
        margin-left: 111px;
        width: 55%;
    }
    .top-tm {
        margin-left: 0px;
    }
    /*monday*/
    .bank-ac {
        font-size: 10px!important;
    }
    .bd-btn {
        margin-left: 98px!important;
        margin-top: -62px!important;
    }
    .bd-inp {
        width: 18%!important;
        margin-right: -97px;
        margin-left: 100px;
        margin-left: 97px;
        margin-top: -53px;
    }
    .bank-table {
        font-size: 9px;
    }
    .advert-action-th {
        width: 26%!important;
    }
    .width-80 {
        width: 67%!important;
    }
    .cke_skin_kama {
        visibility: inherit;
        width: 67%!important;
        overflow: scroll;
    }
    /*2-1-20*/
    .ex-modal-input {
        width: 38%!important;
    }
    .exe-modal-btn {
        margin-left: -80px!important;
    }
    .margin-for-center {
        margin-right: 16px;
    }
    .btn-day {
        margin-left: -6px!important;
        margin-right: -6px!important;
        font-size: 11px!important;
    }
    .diet-plan-top-btn .btn {
        padding-right: 6px!important;
        padding-left: 6px!important;
    }
    .width-320-size {
        width: 180Px!important;
    }
    /*3-1-20*/
    .font-size-report-only {
        font-size: 17px!important;
    }
    .radio-320 {
        width: 105%!important;
        margin-left: -7px!important;
    }
}

.sctable .widget-header.for-search input {
    margin-bottom: 5px;
}
.btnfw {
    width: 100%;
}
.btn-mini {
    text-align: center;
    width: 22px;
    height: 22px;
    display: inline-block;
    box-sizing: border-box;
    margin: 1px;
}
.btn-mini [class^=icon-], .btn-mini [class*=" icon-"] {
    margin-right: -2px;
    margin-top: -2px;
}
.dashboard-wrapper .main-container .widget .sctable2 .widget-header {
    padding-bottom: 10px;
}
.sctable2 .widget-header.for-search input {
    margin-bottom: 2px;
}
.btn-mini .icon-eye, .btn-mini .icon-trash {
    position: relative;
    top: 0px;
    right: 1px;
}
.btn-mini .icon-print {
    position: relative;
    right: 1px;
}
.tbhr hr {
    margin: 10px -10px;
}
.altbox .alert {
    margin: 15px 15px 0 15px;
}

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

.modal.fade.in {
    left: 50%!important;
}
.modal .row-fluid .span10 {
    width: 82.925531914894%;
}
.posmanagestock .fstln .span3 {
    width: 47.351064%;
}
.posmanagestock .scnln .mgtad {
    margin-right:10px !important;
}

}


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

.res768mgb10 {
    margin-bottom: 10px;
}
.posaddproduct .span3.span50, .posaddproduct .span1by2 {
    width: 50%;
}

}

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

.res667mgb5 {
    margin-bottom: 5px;
}
.sctable .widget-header.for-search input {
    margin-bottom: 5px;
    width: 85%;
}

}

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

.posmanagestock .scnln .mgtad {
    margin-right: 8px !important;
}

}

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



}

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

.pos-ad-btn {
    float: right;
    margin-top: -50px;
}
.posaddproduct .field-marg {
    top: -50px;
    width: 96%;
    position: relative;
}
.table-responsive-480 {
    overflow-x: auto;
}
.dashboard-wrapper .main-container .widget .widget-header, .dashboard-wrapper .main-container .widget-border .widget-header {
    padding-top: 15px;
    padding-bottom: 15px;
}
.btn-left {
    margin-left: 0;
    margin-top: 0;
}

}

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



}

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

.posaddproduct .span3.span50 {
    width: 65%;
}

}


.dashboard-wrapper .main-container .widget .widget-header label strong,
.dashboard-wrapper .main-container .widget .widget-header label input {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
}
.btn-group .btn-small {
    padding: 4px;
    text-align: center;
    font-size: 10px;
    min-width: 26px;
    box-sizing: border-box;
    margin-left: 2px!important;
    display: inline-block;
}
.btn-group .btn-small i {
    margin: 0 0;
}
.tblrtbtn{
    float: right;
    margin: 10px 0;
}
.vlmd .vlmdbox {
    display: inline-block;
    vertical-align: middle;
}
.vlmd .lblwd {
    width: 100px;
    margin: auto;
}
.vlmd .inpwd {
    width: -webkit-calc(100% - 157px);
    width: -moz-calc(100% - 157px);
    width: calc(100% - 157px);
}
.vlmd .inpwd input{
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
}
.sideoverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 999;
}
.page-header .sidebtn {
    margin-top: -10px;
    float: right;
    position: relative;
    top: 5px;
}
.page-header .sidebtn2 {
    margin-top: -4px;
    float: right;
    position: relative;
    top: 0;
}
.page-header .sidebtn2 #admissionType label.radio.inline {
    color: #fff;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 3px;
}
.page-header .sidebtn2 #admissionType label b{
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
}
.page-header .sidebtn2 #admissionType label input{
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
}
.tkph {
    margin-left: 7px !important;
}
#selectMember .chzn-container {
    width: 67% !important;
}
#selectMember .chzn-container-single .chzn-single {
    height: 28px;
    line-height: 30px;
}
.mm10 {
    margin: -10px;
}
.modal-footer .btn { height: 32px; }
.trtab .trtabbox {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.trtab .trtabbox.lb {
    width: 100px;
}
.trtab .trtabbox.sl {
    width: -webkit-calc(100% - 105px);
    width: -moz-calc(100% - 105px);
    width: calc(100% - 105px);
}
.modal.modalfull {
    width: 60%;
    transform: translateX(-10%);
}
.mainscreenpage .b-boxes {
    display: block;
    margin: 20px;
    float: left;
}
.mainscreenpage .b-boxes #BranchBox {
    padding-top: 10px;
}
.addeditrolepage .avlt label, 
.addeditrolepage .avlt .avltbox {
    display: inline-block;
    vertical-align: middle;
}
.addeditrolepage hr {
    margin: 10px 0;
}
.addeditrolepage label {
    font-weight: 700;
}
.addeditrolepage input[type="checkbox"] {
    margin-right: 7px;
}
.addeditrolepage .svbtn {
    margin: 10px 40px 0 0;
}
.smtpsettingspage .span4:nth-child(4) {
    margin-left: 0;
}
.settingspage #cke_smstemplatemsg {
    width: 99% !important;
}
.settingspage hr {
    margin:15px 0;
}
.profilepage hr {
    margin: 10px 0;
}
.profilepage .styleall {
    margin: 0 0 0 0;
    padding: 0; 
}
.profilepage #files .success, 
.profilepage #files2 .success {
    margin: -20px 0 0 0;
    padding: 0;
}
.dashboard-wrapper .main-container .widget, 
.dashboard-wrapper .main-container .widget-border {
    margin-bottom: 20px;
}
.dashboard-wrapper.wdheaderadjust .main-container .widget .widget-header, 
.dashboard-wrapper.wdheaderadjust .main-container .widget-border .widget-header {
    padding: 10px 10px;
    margin-top: 0px; 
}
.dashboardpage .mtnavbox {
    width: 73%;
    margin: -6px 0 0 0;
}
.dashboardpage .mtnavbox .metro-nav-block {
    width: 32.5%;
    margin: 0 0 0 10px;
    height: 40px;
}
.dashboardpage .mtnavbox .metro-nav-block:first-child{
    margin-left: 0;
}
.dashboardpage .metro-nav .metro-nav-block .info {
    position: absolute;
    top: 12px;
    right: auto;
    font-size: 15px;
    left: 0;
    padding-left: 50px;
}
.dashboardpage .metro-nav .metro-nav-block [data-icon]::before {
    font-size: 22px;
    color: #FFF;
    line-height: 32px;
}
.dashboardpage .collect, .dashboardpage .expired-table {
    margin-left: 0;
}
.dashboardpage .btn-group .btn-small span[data-icon]:before {
    font-size: 10px;
}
.modal.modalbig {
    width: 70%;
    transform: translateX(-20%);
}
hr.hrm15 {
    margin: 15px 0;
}

.slmd .slmdlb, .slmd .slmdinp {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
.slmd .slmdlb {
    width: 100px;
}
.slmd .slmdinp {
    width: -webkit-calc(50% - 105px);
    width: -moz-calc(50% - 105px);
    width: calc(100% - 105px);
}
.list-inline-block li{
    display: inline-block;
}
.paymentlist li {
    width: 19%;
}
.paymentmode label {
    margin: 0 10px 0 0;
}
.paymentmode label, .paymentmode input {
    display: inline-block;
    vertical-align: middle;
}
.paymentmode select {
    margin-bottom: 0;
}
.dashboardpage.udcpage .mtnavbox {
    width: 230px;
}
.dashboardpage.udcpage .mtnavbox .metro-nav-block {
    width: 100%;
    margin: 0 0 0 0;
}
.dashboardpage.udcpage .metro-nav .metro-nav-block .info {
    padding-left: 45px;
}
#followup .span6 select, #followup .span6 input {
    width: 90%;
}
.inner-calender-igym .bgrow td {
    padding: 0;
    height: 190px;
    border: 1px solid #248faf;
    vertical-align: top;
}
.dashboardpage.renewalsnewpage .mtnavbox {
    width: 50%;
}
.dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block {
    margin: 0 10px 0 0;
}
.dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block:first-child {
    margin: 0 0 0 0;
}
.dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block .fs1.count-renew {
    font-size: 26px;
    font-weight: 600;
    margin-top: 6px;
}
.dashboardpage.renewalsnewpage .float-change {
    margin-top: -1px;
}
.memberlistpage .sdtatas {
    margin-top: -10px;
}
.modal form {
    margin-bottom: 0;
}
.dgmpage .svbtn {
    float: right;
    margin: 10px 90px 0 0;
}
#transfer_from_days_1 {
    width: 70px;
    cursor: pointer;
    margin-left: -4px;
}
.smsmailpage .mtnavbox {
    width: 150px;
    margin: -6px 0 0 0;
}
.smsmailpage .metro-nav .metro-nav-block {
    height: 40px;
}
.smsmailpage .metro-nav .metro-nav-block h4 {
    font-size: 15px;
    text-transform: uppercase;
    margin: 5px 0;
}
.smsmailpage #MemList, .smsmailpage #EnqList {
    margin: -3px 0 0 0;
}
.smsmailpage input[readonly].nostl {
    /* background: transparent; */
    /* border: 0; */
    margin-top: 10px;
}
.freezmemberpage .chzn-container {
    margin: -2px 0 0 0;
}
.freezmemberpage .chzn-container-single .chzn-single {
    height: 28px;
    line-height: 28px;
}
.sndmegapage span.cke_skin_kama {
    width: 100% !important;
}
.enqlstpage .mtnavbox {
    width: 73%;
    margin: -6px 0 0 0;
}
.enqlstpage .mtnavbox .metro-nav .metro-nav-block .info {
    position: static;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
}
.startslaespage .clstr {
    margin-top: -6px;
}
.attendancepage .chzn-container-single .chzn-single {
    height: 28px;
    line-height: 28px;
}
/* .unfreezepage .dashboard-wrapper .main-container .widget .widget-header, 
.unfreezepage .dashboard-wrapper .main-container .widget-border .widget-header {
    margin-top: -10px;
} */
.unfzmodal input {
    margin-bottom: 0 !important;
}
.unfzmodal input[type="button"] {
    height: 30px;
}
.dashboardpage.expensepage .mtnavbox {
    width: 150px;
}
.expensepage .asft input[type="text"] {
    width: 47%;
    margin: 0;
}
.manageaccpage .radio.inline {
    padding: 5px 0 5px 0;
}
.accountbalancepage .metro-nav .metro-nav-block.double {
    width: 24%;
}
.accountbalancepage .metro-nav .metro-nav-block .brand {
    text-transform: uppercase;
}
.bnkdetailpage .mtnavbox {
    margin: -6px 0 0 0;
}
.bnkdetailpage .metro-nav .metro-nav-block .info {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    width: 90%;
    text-align: center;
}
.bnkdetailpage .metro-nav .metro-nav-block .brand.petty-head-rs{
    position: absolute;
    bottom: -3px;
    left: 10px;
    min-height: 30px;
    background-color: transparent;
    zoom: 1;
    font-size: 20px;
    width: 90%;
    text-align: center;
}
.emattendancepage .radio.inline {
    padding: 5px 0 5px 0 !important;
}
.emattendancepage .radio.inline input[type=radio] {
    top: 3px;
    position: relative;
}
.brnchmodal .span3 {
    width: 250px;
}
.addpackpage label {
    font-weight: 700;
}
.addpackpage input[type="checkbox"] {
    margin-right: 7px;
}
.mainscreenpage .sdbtn .btn {
    height: 28px;
    display: inline-block;
}




/*----- NEW RESPONSIVE CSS -----*/

@media (max-width:1024px){

    /*header .headsearch {
        margin-left: 0;
    }
    header .logo {
        margin: 5px 0 0 0;
    }*/

}

@media (max-width:768px){

    .table-responsive {
        width: 100%;
        overflow-x: auto;
    }
    /*header .headsearch {
        margin-left: 0;
        width: 55%;
        margin-top: 2px;
    }
    header .headsearch .serbox {
        float: left;
        margin-left: 40px;
    }*/
    .main-container .navbar {
        display: none !important;
    }
    .bar-icon {
        float: left;
        display: block;
        padding: 4px 0 4px 10px;
        font-size: 27px;
    }
    .bar-icon.sidebarbtn {
        margin-top: -3px;
    }
    /*header .logo {
        margin: 0px 0 0 0;
    }*/
    .dashboard-wrapper .main-container .page-header h2 {
        font-size: 22px;
        font-weight: 700;
    }
    .tblrtbtn {
        float: right;
        margin: -42px 0 10px 0;
    }
    .modal-header h3 {
        font-size: 18px;
    }
    div#left-sidebar.showmenu {
        display: block;
    }
    .admwd {width: 85%;}
    .admpage .span6.half {
        width: 48.565593041025%;
        margin-left: 8px !important;
    }
    #files .success {
        margin-right: 0%!important;
        margin-top: 0px!important;
    }
    .admpage .span6.tlphsec {
        width: 50%;
        margin: 0;
    }
    .admpage .styleall {
        margin: 15px 3px 0px -10px;
    }
    .admpage .row-fluid .span4.commentbox {
        width: 30%;
        margin-left: 25px;
    }
    .modal.modalfull, .modal.modalbig {
        width: 90%;
        transform: translateX(-9%);
    }
    .mainscreenpage .mm10 {
        margin: -10px 0;
    }
    .fst0ne .span1 {
        width: 60px;
    }
    .addbranch .span5 {
        width: 65%;
    }
    .addbranch input.span5, 
    .addbranch select.span5, 
    .addbranch textarea.span5 {
        width: 100%;
    }
    .sdbtn3 .btn.btn-info.pull-right {
        float: right;
    }
    .addeditrolepage .row-fluid .span2 {
        width: 30%;
    }
    .addeditrolepage .row-fluid .sec1 .span2 {
        min-height: 130px;
    }
    .addeditrolepage .row-fluid .sec2 .span2 {
        min-height: 280px;
    }
    .addeditrolepage .row-fluid .sec1 .span2:nth-child(4), 
    .addeditrolepage .row-fluid .sec2 .span2:nth-child(4) {
        margin-left: 0
    }
    .addeditrolepage .row-fluid .span2 {
        width: 30%;
        float: left;
    }
    .addeditrolepage .row-fluid .span12 {
        float: left;
    }
    .addeditrolepage .addedituserformsec .span6 {
        width: 50%;
        float: left;
        margin-top: 0 !important;
        padding: 0 !important;
    }
    .addeditrolepage .addedituserformsec .span4 {
        width: 31%;
        float: left;
        margin-top: 0 !important;
    }
    .addeditrolepage .svbtn {
        margin: 0 0 0 0;
    }
    .smtpsettingspage .span4 {
        float: left;
        width: 31%;
    }
    .smtpsettingspage .btn.btn-info.pull-right {
        float: right;
    }
    .settingspage .btn.btn-info.pull-right {
        float: right;
    }
    .profilepage .upph #files {
        margin-left: 10px !important;
        margin-top: -20px !important;
    }
    .profilepage .upph #files2 {
        margin-left: 10px !important;
        margin-top: 40px !important;
    }
    .profilepage .upph .span6 {
        width: auto !important;
        float: left;
    }
    .profilepage .upph.upph2 {
        margin-top: -20px;
    }
    .dashboardpage .mtnavbox .metro-nav-block {
        width: 32.4%;
        margin: 0 0 0 10px;
        height: 40px;
    }
    .dashboardpage .mtnavbox {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .dashboardpage .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 31.9%;
    }
    .dashboardpage .wishes-table, 
    .dashboardpage .addTable, 
    .dashboardpage .collect,
    .dashboardpage .renewal-table, 
    .dashboardpage .expired-table, 
    .dashboardpage .scheduleCard {
        padding: 0 !important;
        margin-top: 0px !important;
    }
    .dashboardpage span.title-text {
        font-size: 14px;
    } 
    .dashboardpage .htfull {
        height: auto !important;
    } 
    #followup .span6 {
        float: left;
        width: 50%;
        margin: 0 !important;
        padding: 0 !important;
    }
    #followup .span6 select, #followup .span6 input {
        width: 90%;
    }
    .paymentlist {
        margin: -5px 0;
    }
    .paymentlist li {
        width: 49%;
        border-bottom: 1px solid #eee;
        padding: 5px 0 5px 0;
    }
    .paymentlist li:last-child {
        border-bottom: 0;
    }
    #myModalTakePayment .span5{
        width: 100%;
        margin-bottom: 15px;
    }
    #myModalTakePayment .span5 select {
        width: 80%;
        margin: 0 !important;
    }
    #myModalTakePayment .span3 {
        width: 48.5%;
        margin-bottom: 10px;
    }
    #myModalTakePayment .paymentmode.paymentmode2 .span6 {
        margin: 0 0 5px 0 !important;
        padding: 0 !important;
    }
    #myModalTakePayment .span4  {
        margin: 0 0 5px 0 !important;
    }
    #myModalTakePayment .span4 input,  #myModalTakePayment .span4 select  {
        margin: 0 0 0 0 !important;
    }
    #myModalTakePayment .span10  {
        width: 90%;
    }
    #myModalTakePayment .span8  {
        width: 90.692665%;
    }
    #myModalTakePayment .span4 input[type="button"] {
        margin: 10px 0 0 0 !important;
    }
    .dashboardpage.udcpage .mtnavbox {
        width: 230px;
        margin: 0px 0 0 0;
    }
    .dashboardpage.udcpage .dashboard-wrapper .main-container .page-header h2 {
        margin: 7px 0 0 0 !important;
    }
    header.mnscrenheader #mini-nav {
        float: right;
        margin-top: 0;
    }
    #AttendanceModal .row-fluid .span6 {
        margin: 0 !important;
        padding: 0 !important;
        float: left;
        width: 50%;
    }
    #AttendanceModal .row-fluid .span4 {
        float: left;
        width: auto;
    }
    #AttendanceModal .row-fluid .span8 {
        float: left;
        width: 75%;
        margin: 5px 0 0 15px;
    }
    .dashboardpage.renewalsnewpage .mtnavbox {
        width: 70%;
        margin: 0px 0 0 0;
    }
    .dashboardpage.renewalsnewpage .float-change {
        display: none;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4 {
        width: 60%;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4 input[type="text"]{
        margin-top: 0 !important;
    }
    .dashboardpage.renewalsnewpage #myModalEdit .row-fluid .span3 {
        width: 50%;
    }
    .modal-body {
        max-height: 390px;
    }
    #myModalSelectTimeSlot1.fade.in, 
    #myModalSelectTimeSlotCancel1.fade.in, 
    #myModalSelectTimeSlotCancel0.fade.in {
        left: 42%!important;
    }
    .dyul li {
        width: 13%;
    }
    .cldrDatepast, .cldrLastDate, .cldrDate {
        width: 13%;
        margin: 4px;
    }
    #myModalEdit .stpl {
        margin: 0 !important;
        width: 50%;
    }
    .smsmailpage #MemList, .smsmailpage #EnqList {
        margin: -3px 0 0 0;
        width: 34% !important;
    }
    .freezmemberpage .dbsp .row-fluid .span4 {
        float: left;
        width: 33.3333%;
    }
    .freezmemberpage .dbsp .row-fluid .span4 .span10 {
        width: 90%;
    }
    .fzmmodal .wdfn {
        width: 50% !important;
    }
    .enqlstpage .mtnavbox .metro-nav .metro-nav-block.double {
        width: 30% !important;
        height: 35px;
    }
    .enqlstpage .mtnavbox .metro-nav .metro-nav-block .info {
        line-height: 24px;
        text-align: center;
        font-size: 16px !important;
    }
    .ntlspage .widget-header .width-10 {
        width: 100%;
    }
    .ntlspage .widget-header .width-10 input[type="text"] {
        width: 30%;
        margin-left: 0;
    }
    .groupclassespage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 70%;
    }
    #modalGroupClass .row-fluid .span4 {
        width: 33%;
    }
    .startslaespage .row-fluid .span5 {
        width: 38.37234%;
    }
    .startslaespage .row-fluid .span5.svctbtn {
        width: auto;
    }
    .attendancepage .att-list-inp {
        width: 30%!important;
    }
    .attendancepage .att-list-inp .span3 {
        width: 42.351064%;
    }
    .guestlistpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 60%;
    }
    .actinctpage .dashboard-wrapper .main-container .widget .widget-header .span5 {
        width: 50% !important;
    }
    .actinctpage .dashboard-wrapper .main-container .widget .widget-header .span5 input[type="text"] {
        width: 80% !important;
    }
    .actinctpage .pnleft {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }
    .actinctpage .pnright {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }
    .schdcardpage .row-fluid .span3 {
        width: 50%;
    }
    .schdcardpage .row-fluid .span4 {
        width: 33%;
    }
    .ppdpage .row-fluid .span3 {
        width: 50%;
    }
    .ppdpage .row-fluid .panel-body {
        padding: 0;
    }
    .ppdpage .row-fluid .panel-info {
        margin-bottom: 0;
    }
    .ppdpage .prntbtn {
        margin: 15px 0;
    }
    .dashboardpage.expensepage .mtnavbox {
        width: 150px;
        margin: -6px 0 0 0;
    }
    .expensepage .asft input[type="text"] {
        width: 45%;
        margin: 0;
    }
    .editexpansepage .row-fluid .span4 {
        width: 50%;
    }
    .manageaccpage .pull-set-top input[type=text] {
        width: 65%;
    }
    .accountbalancepage .metro-nav .metro-nav-block.double {
        width: 49%;
    }
    .bnkdetailpage .arlts {
        width: 80% !important;
    }
    .bnkdetailpage .arlts input[type=text]{
        width: 40% !important;
    }
    .pcashpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 55%;
    }
    .addtrainerpage .trainer-top {
        margin-top: -7px;
    }
    .addtrainerpage .modal .span9 {
        width: 60%;
        margin-left: 5px;
    }
    .amttpage .dashboard-wrapper .main-container .widget .widget-header input[type=text], 
    .amttpage .dashboard-wrapper .main-container .widget-border .widget-header input[type=text] {
        width: 80%;
    }
    .emattendancepage .dashboard-wrapper .main-container .widget .widget-header .span6 {
        width: 50% !important;
        margin: 0 !important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header .span6 {
        width: 50% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header .span6 .chzn-container {
        width: 85% !important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header.wheader2 .span5 {
        width: auto !important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header.wheader2 .span7 {
        float: right;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header.wheader2 .span7 select {
        width: 100% !important;
    }
    .salarypage .row-fluid .span4 {
        width: 33%;
    }
    .salarypage .row-fluid .scsec .span4 input {
        width: 65%;
        margin:0 !important;
    }
    .salarypage .row-fluid .scsec2 .span5 input {
        width: 63%;
        margin:0 !important;
    }
    .salarypage .row-fluid .scsec2 .span4 input {
        width: 65%;
        margin:0 !important;
    }
    .salarypage .row-fluid .scsec3 {
        margin:0 !important;
    }
    .salarypage .row-fluid .scsec3 .span6 {
        padding: 0 !important;
        width: 50% !important;
    }
    .salarypage .nopdlr768 > .span6 {
        padding: 0 !important;
        margin: 0 !important
    }
    .salarypage .row-fluid .ptssec .span6 {
        width: 50%;
        margin-top: 0 !important;
        padding: 0 !important;
    }
    .salarypage .row-fluid .ptssec .span6 input {
        width: 70%;
    }
    .salarypage .row-fluid .ptssec2 {
        position: relative;
        top: -10px;
    }
    .salarypage .row-fluid .ptssec2 .span6 {
        width: 100%;
        margin-top: 0 !important;
        padding: 0 !important;
    }
    .salarypage .row-fluid .ptssec2 .span6 input {
        width: 75%;
        margin-top: 0 !important;
        padding: 0 !important;
    }
    .salarypage .row-fluid .ptssec2 .span6.btnmgt {
        margin-top: 15px !important;
    }
    .adcpage .adcsec1 .span3 {
        width: 50% !important;
        min-height: 65px;
    }
    .adcpage .adcsec2 .hidden-phone {
        display: none;
    }
    .masterspage .package-btn {
        margin-top: -57px!important;
    }
    .span9.pset {
        width: 230px;
    }
    .adspage .row-fluid .span4 {
        width: 33%;
    }
    .mbapage .row-fluid .span4 {
        width: 33%;
    }
    .taxmanagepage #taxform {
        margin: 0 !important;
        width: 100% !important;
    }
    .taxmanagepage #taxform > div {
        margin: 0 !important;
        width: 100% !important;
    }
    .taxmanagepage #taxform .span6, 
    .taxmanagepage #taxform .span4 {
        width: 40% !important;
        margin-top: 0 !important;
    }
    .mailtempage .show-phone-only {
        display: block!important;
    }
    .addpackpage .adusr {
        font-weight: 700;
    }
    .addpackpage .adusr .control-group.width-40 {
        width: 50% !important;
        text-align: left;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .addpackpage .form-horizontal .control-label {
        width: 70px;
        padding-top: 0;
        text-align: left;
        margin-right: 5px;
    }
    .addpackpage .form-horizontal select {
        width: 94% !important;
    }
    .addpackpage .adusrchk .span2 {
        width: 32.840426%;
        min-height: 130px;
    }
    .addpackpage .adusrchk .span12.kill-css {
        margin-top: 30px !important;
    }
    .addpackpage .adusrchk .span12.kill-css .span2 {
        min-height: 280px;
    }
    .dptpage .diet-plan-top-btn {
        margin-top: -57px;
    }
    .ascdtpage .ascdtsec2 .span2 {
        width: 25%;
    }
    .ascdtpage .ascdtsec2 .span4 {
        width: 25%;
    }
    .maspage .massec .span4 {
        width: 33%;
    }
    .rcpage .nopdl {
        padding-left: 0 !important;
    }
    .profpage .row-fluid .span4 {
        width: 50%;
    }
    .profpage #files .success {
        margin-right: -50%!important;
    }
    .indexpage .container {
        width: 100%;
    }
    .indexpage .span5.flw {
        width: 100%;
        text-align: center;
    }
    .indexpage .span5.flw img {
       margin: 0 auto
    }
    header {
        position: relative;
        z-index: 999;
    }

}

@media (max-width:736px){

    /*header .headsearch {
        margin-left: 0;
        width: 50%;
        margin-top: 2px;
    }*/
    .modal.fade.in.modalcn {
        /*left: 20px !important;*/
    }
    .admpage .span3 {
        width: 50%;
        margin: 0;
        float: left;
        min-height: 65px;
    }
    .admwd {
        width: 90%;
    }
    .admpage input.span10, 
    .admpage select.span10, 
    .admpage textarea.span10 {
        width: 90%;
    }
    #selectMember .chzn-container {
        width: 82% !important;
    }
    .admpage .memtype select {
        width: 95% !important;
    }
    .admpage .span6.half {
        width: 100%;
        margin-left: 0 !important;
        float: left;
        padding: 0 !important;
        margin-top: 0px !important;
    }
    .admpage #files {
        width: auto;
        margin-left: -10px !important;
        margin-top: -20px !important;
    }
    .admpage #files .success {
        margin-right: 0%!important;
        margin-top: 0px!important;
        float: left !important;
    }
    .admpage .fltl {
        float: left !important;
    }
    .admpage .span6.tlphsec {
        width: 50%;
        margin: 0;
        margin-top: 0 !important;
        padding: 0 !important;
    }
    .admpage .span6.tlphsec > div {
        margin: 0 0 0 -8px !important;
    }
    .admpage .row-fluid .span4.wd50 {
        width: 49%;
    }
    .modal.modalfull, .modal.modalbig {
        width: 95%;
        transform: translateX(-10%);
    }
    #myModalEdit .span3 {
        width: 50%;
        float: left;
    }
    .fst0ne .span1 {
        width: 60px;
        float: left;
        margin-right: 5px;
    }
    .addbranch .span5 {
        width: 68%;
        float: left;
        margin-left: 0;
    }
    .addeditrolepage .addedituserformsec .span11 {
        width: 90%;
    }
    .addeditrolepage .addedituserformsec .span4 {
        width: 33%;
        float: left;
        margin-top: 0 !important;
    }
    .smtpsettingspage .span4 {
        float: left;
        width: 33%;
    }
    .smtpsettingspage .span11 {
        float: left;
        width: 90%;
    }
    .dashboardpage .mtnavbox .metro-nav-block {
        width: 32%;
        margin: 0 0 0 2%;
        height: 40px;
    }
    .dashboardpage .metro-nav .metro-nav-block .info {
        position: absolute;
        top: 14px;
        right: auto;
        font-size: 14px;
        left: 0;
        padding-left: 40px;
    }
    .dashboardpage .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 31.8%;
    }
    #myModalEdit .span3 input, #myModalEdit .span3 select {
        width: 90%;
    }
    #myModalEdit .span3 input[type="radio"] {
        width: auto;
    }
    #myModalTakePayment .span3 {
        width: 42%;
        margin-bottom: 10px;
        float: left;
    }
    #myModalTakePayment .aflts {
        float: left;
        margin: 8px 10px 0 0;
    }
    #myModalEdit .sgmt {
        float: left;
        margin: 8px 10px 0 0;
    }
    #myModalEdit .stpl {
        margin: 0 !important;
        width: 72% !important;
    }
    .guestlistpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 55%;
    }
    .pcashpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 50%;
    }
    input[type="checkbox"] {
        width: auto !important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header .span6 {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header .span6.slinfo {
        margin: -10px 0 10px 0 !important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header.wheader2 .span7 .span6 {
        width: 50% !important;
    }

}

@media (max-width:667px){

    /*header .headsearch {
        margin-left: 0;
        width: 49%;
        margin-top: 2px;
    }
    header .headsearch .serbox {
        float: left;
        margin-left: 20px;
    }*/
    .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 89%;
    }
    .addbranch .form-horizontal .control-label {
        float: none;
        width: 160px;
        padding-top: 5px;
        text-align: left;
    }
    .fst0ne .span1 {
        width: 81px;
        float: left;
        margin-right: 5px;
    }
    .addbranch .form-horizontal .control-group {
        margin-bottom: 5px;
        zoom: 1;
    }
    .addbranch .span5 {
        width: 99%;
        float: left;
        margin-left: 0;
    }
    .addbranch .span5 p{
        margin-bottom: 0;
    }
    .profilepage .upph .btn {
        padding: 4px 8px;
        font-size: 12px;
    }
    .dashboardpage .metro-nav .metro-nav-block .info {
        position: absolute;
        top: 14px;
        right: auto;
        font-size: 13px;
        left: 0;
        padding-left: 40px;
    }
    .dashboardpage .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 31.7%;
    }
    #myModalTakePayment .span5 select {
        width: 78%;
        margin: 0 !important;
    }
    #myModalTakePayment .span3 {
    width: 41%;
        margin-bottom: 10px;
        float: left;
    }
    #myModalTakePayment .span8 {
        width: 89.692665%;
    }
    .modal.modalfull, .modal.modalbig {
        width: 95%;
        transform: translateX(-6%);
    }
    #myModalSelectTimeSlot1.fade.in, #myModalSelectTimeSlotCancel1.fade.in, #myModalSelectTimeSlotCancel0.fade.in {
        left: 44%!important;
        width: 95% !important;
    }
    .cldrDatepast, .cldrLastDate, .cldrDate {
        width: 13%;
        margin: 3px;
    }
    .smsmailpage #MemList, .smsmailpage #EnqList {
        margin: -3px 0 0 0;
        width: 30% !important;
    }
    .smsmailpage .dashboard-wrapper .main-container .widget .widget-header .title, 
    .smsmailpage .dashboard-wrapper .main-container .widget-border .widget-header .title {
        font-size: 12px;
    }
    .ntlspage .widget-header .width-10 input[type="text"] {
        width: 28%;
        margin-left: 0;
    }
    #modalGroupClass .row-fluid .span4 {
        width: 50%;
        min-height: 65px;
    }
    .groupclassespage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 65%;
    }
    .actinctpage .dashboard-wrapper .main-container .widget .widget-header .span5 {
        width: 70% !important;
    }
    .actinctpage .pnleft {
        width: 100% !important;
        margin: -20px 0 20px 0 !important;
    }
    .pcashpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 40%;
    }
    .emattendancepage .radio.inline input[type=radio] {
        top: 3px;
        position: relative;
        width: auto !important;
    }
    .salarypage .row-fluid .scsec .span4 input {
        width: 59%;
        margin: 0 !important;
    }
    .salarypage .row-fluid .scsec2 .span5 input {
        width: 58%;
        margin: 0 !important;
    }
    .bcday {
        width: 50px !important;
    }
    .ascdtpage .ascdtsec .span3 {
        width: 28.351064%;
    }
    .ascdtpage .ascdtsec2 .span2 {
        width: 20%;
    }
    .ascdtpage .ascdtsec2 .span4 {
        width: 30%;
    }
    .profpage #files .success {
        margin-right: -100%!important;
    }

}

@media (max-width:640px){

    /*header img {
        width: 71%;
        margin-top: 3px;
    }
    header .headsearch {
        margin-left: -50px;
        width: 55%;
        margin-top: 2px;
    }
    header .headsearch .serbox {
        float: left;
        margin-left: 20px;
        width: 44%;
    }
    header .headsearch .serbox .res-header-inp {
        width: 99%!important;
        font-size: 12px!important;
        margin-top: 0px;
        margin-left: 0px!important;
    }*/
    .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 88%;
    }
    .fst0ne .span1 {
        width: 13.3%;
        float: left;
        margin-right: 5px;
    }
    .profilepage .upph #files, .profilepage .upph #files2 {
        margin-left: 110px !important;
        margin-top: -50px !important;
    }
    .dashboardpage .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 31.6%;
        margin: 0 5px 12px 5px;
    }
    #myModalTakePayment .span5 select {
        width: 77%;
        margin: 0 !important;
    }
    #myModalTakePayment .span3 {
        width: 41%;
        margin-bottom: 10px;
        float: left;
    }
    #myModalTakePayment .span8 {
        width: 88.692665%;
    }
    .modal.modalfull, .modal.modalbig {
        width: 95%;
        transform: translateX(-4%);
    }
    .page-header .sidebtn2 {
        margin-top: 0px;
    }
    #myModalSelectTimeSlot1.fade.in, #myModalSelectTimeSlotCancel1.fade.in, #myModalSelectTimeSlotCancel0.fade.in {
        left: 46%!important;
        width: 95% !important;
    }
    .dgmpage .svbtn {
        float: right;
        margin: 10px 60px 0 0;
    }
    .smsmailpage .metro-nav .metro-nav-block h4 {
        font-size: 14px;
        text-transform: uppercase;
        margin: 5px 0;
    }
    .fzmmodal .wdfn {
        width: 70% !important;
    }
    .sndmegapage .widget .widget-header .row-fluid .span10 {
        width: 85%;
    }
    .addenquirypage .rqst {
        margin-bottom: 15px;
    }
    .addenquirypage .rqst .rqstlb {
        display: none;
    }
    .enqlstpage .mtnavbox .metro-nav .metro-nav-block.double {
        width: 32% !important;
        height: 35px;
    }
    .ntlspage .widget-header .width-10 input[type="text"] {
        width: 27%;
        margin-left: 0;
    }
    .posaddproduct .res640-55 {
        height: 55px;
    }
    .guestlistpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 50%;
    }
    .attendancepage .att-list-inp .span3 {
        width: 32.351064%;
    }
    .addtrainerpage .modal .row-fluid .span3 {
        width: 33% !important;
    }
    .salarypage .row-fluid .scsec .span4 input {
        width: 57%;
        margin: 0 !important;
    }
    .salarypage .row-fluid .scsec2 .span5 input {
        width: 56%;
        margin: 0 !important;
    }
    .salarypage .row-fluid .ptssec .span6 input {
        width: 65%;
    }
    .salarypage .row-fluid .ptssec2 .span6 input {
        width: 70%;
        margin-top: 0 !important;
        padding: 0 !important;
    }
    .adcpage .adcsec3 .span3 {
        width: 33% !important;
    }
    .dashboardpage.renewalsnewpage .span3.renew-top-left {
        width: 160px !important;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp {
        width: 73%;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp input.span6 {
        width: 77%;
    }

}

@media (max-width:568px){

    /*header .headsearch .serbox {
        display: none;
    }*/
    .dashboard-wrapper .main-container .page-header h2 {
        font-size: 20px;
        font-weight: 700;
    }
    .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 86%;
    }
    .page-header .sidebtn2 #admissionType label.radio.inline {
        color: #fff;
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 3px;
    }
    .page-header .sidebtn2 #admissionType label.radio.inline {
        color: #fff;
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 3px;
        margin: 0;
    }
    #selectMember .chzn-container {
        width: 79% !important;
    }
    .addeditrolepage .row-fluid .span2 {
        width: 100% !important;
        float: left;
        margin-bottom: 10px;
        margin-top: 5px !important;
    }
    .addeditrolepage .row-fluid .sec1 .span2 {
        min-height: auto;
    }
    .addeditrolepage .row-fluid .sec2 .span2 {
        min-height: auto;
    }
    .addeditrolepage .row-fluid .span12 {
        margin-top: 0 !important;
    }
    .smtpsettingspage .span4 {
        float: left;
        width: 50%;
    }
    .settingspage #cke_smstemplatemsg {
        width: 98% !important;
    }
    .profilepage .upph.upph2 {
        margin-top: 0;
    }
    .profilepage .upph #files, .profilepage .upph #files2 {
        margin-left: 110px !important;
        margin-top: -60px !important;
    }
    .dashboardpage .mtnavbox .metro-nav-block {
        width: 32%;
        margin: 0 0 0 2%;
        height: 50px;
    }
    .dashboardpage .metro-nav .metro-nav-block [data-icon]::before {
        font-size: 22px;
        color: #FFF;
        line-height: 40px;
    }
    .dashboardpage .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 31.3%;
        margin: 0 5px 12px 5px;
    }
    .dashboardpage .metro-nav .metro-nav-block .info {
        position: absolute;
        top: 14px;
        right: auto;
        font-size: 13px;
        left: 0;
        padding-left: 40px;
    }
    #myModalTakePayment .span5 select {
        width: 74%;
        margin: 0 !important;
    }
    #myModalTakePayment .span3 {
        width: 39%;
        margin-bottom: 10px;
        float: left;
    }
    #myModalTakePayment .span8 {
        width: 87.692665%;
    }
    .dashboardpage.udcpage .mtnavbox {
        width: 200px;
        margin: 0px 0 0 0;
    }
    .dashboardpage.udcpage .mtnavbox .metro-nav-block {
        height: 40px;
    }
    .dashboardpage.udcpage .metro-nav .metro-nav-block [data-icon]::before {
        font-size: 20px;
        line-height: 30px;
    }
    .dashboardpage.udcpage .metro-nav .metro-nav-block .info {
        padding-left: 40px;
    }
    .modal.modalfull, .modal.modalbig {
        width: 95%;
        transform: translateX(1.5%);
    }
    .mainscreenpage {
        margin-top: -50px;
    }
    #myModalSelectTimeSlot1.fade.in, #myModalSelectTimeSlotCancel1.fade.in, #myModalSelectTimeSlotCancel0.fade.in {
        left: 51.5%!important;
        width: 95% !important;
    }
    .memberlistpage .res-radio {
        margin-left: 30px!important;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block .info{
        padding-left: 35px;
    }
    .dashboardpage.renewalsnewpage .mtnavbox {
        width: 80%;
        margin: 0px 0 0 0;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block {
        margin: 0 10px 0 0;
        height: 40px;
    }
    .smsmailpage .dashboard-wrapper .main-container .widget .widget-header .span8, 
    .smsmailpage #MemList, .smsmailpage #EnqList {
        margin: 0 0 0 0;
        width: 100% !important;
    }
    .fzmmodal .wdfn {
        width: 60% !important;
    }
    .sndmegapage .widget .widget-header .row-fluid .span10 {
        width: 80%;
    }
    .sndmegapage .dashboard-wrapper .main-container .widget .widget-header, 
    .sndmegapage .dashboard-wrapper .main-container .widget-border .widget-header {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .enqlstpage .mtnavbox {
        width: 80%;
        margin: -6px 0 0 0;
    }
    .ntlspage .widget-header .width-10 input[type="text"] {
        width: 24%;
        margin-left: 0;
    }
    .groupclassespage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 60%;
    }
    .posmanagestock .fstln .span3 {
        width: 46.351064%;
    }
    .guestlistpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 45%;
    }
    .attendancepage .atft .span2 {
        width: 100px;
    }
    .attendancepage .atft .span5 {
        width: 320px;
    }
    .attendancepage .dashboard-wrapper .main-container .page-header ul.stats li {
        margin: 0 0 0 10px !important;
    }
    .dashboardpage.expensepage .mtnavbox .metro-nav-block {
        height: 40px;
    }
    .dashboardpage.expensepage .metro-nav .metro-nav-block [data-icon]::before {
        font-size: 20px;
        color: #FFF;
        line-height: 30px;
    }
    .bnkdetailpage .arlts {
        width: 80% !important;
        margin-top: 0px;
    }
    .bnkdetailpage .arlts input[type=text] {
        width: 36% !important;
        margin: 0 !important;
    }
    .bnkdetailpage .arlts .bd-btn {
        margin-left: 0!important;
        margin-top: 0!important;
    }
    .emattendancepage .dashboard-wrapper .main-container .widget .widget-header .span6 {
        width: 100% !important;
        margin: 0 !important;
    }
    .emattendancepage .dashboard-wrapper .main-container .widget .widget-header .span6.schid {
        margin-top: 15px !important;
    }
    .emattendancepage .dashboard-wrapper .main-container .widget .widget-header .span6.schid .chzn-container {
        width: 90% !important;
    }
    .salarypage .row-fluid .scsec .span4 input {
        width: 51%;
        margin: 0 !important;
    }
    .salarypage .row-fluid .scsec2 .span5 input {
        width: 50%;
        margin: 0 !important;
    }
    .salarypage .row-fluid .ptssec .span6 input {
        width: 60%;
    }
    .salarypage .row-fluid .ptssec2 .span6 input {
        width: 68%;
        margin-top: 0 !important;
        padding: 0 !important;
    }
    .ascdtpage .ascdtsec .span2, .ascdtpage .ascdtsec .span3 {
        width: 50%;
    }
    .ascdtpage .ascdtsec2 .span2 {
        width: 50%;
    }
    .ascdtpage .ascdtsec2 .span4 {
        width: 50%;
    }
    .profpage #files .success {
        margin-right: -180%!important;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp {
        width: 70%;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp input.span6 {
        width: 73%;
    }
    .left-sidebar {
        top: 107px;
    }
    header.mnscrenheader {
        height: 36px;
        margin-bottom: 50px;
    }

}

@media (max-width:480px){

    li.branchName {
        /*display: none !important;*/
    }
    .tblrtbtn {
        float: right;
        margin: -42px 0 0 0;
        position: relative;
        top: -8px;
        right: -20px;
    }
    .modal.fade.in.modalcn {
        left: 50% !important;
    }
    .modal-header .close {
        margin-top: 5px;
        font-size: 24px;
    }
    .dashboard-wrapper .main-container .page-header h2 {
        font-size: 18px;
        font-weight: 700;
    }
    .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 83%;
    }
    .dashboard-wrapper .main-container .widget .lctmg .widget-header {
        /*margin-top: -10px !important;*/
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .tblrtbtn {
        float: right;
        margin: -42px 0 0 0;
        position: relative;
        top: 12px;
        right: -20px;
    }
    .row-fluid.msl a:nth-child(1), .row-fluid.msl a:nth-child(3), .row-fluid.msl a:nth-child(5) {
        margin-right: 0 !important;
    }
    .page-header .sidebtn {
        margin-top: 0px;
        float: right;
        position: relative;
        top: 5px;
    }
    .page-header .sidebtn2 {
        margin-top: 10px;
        float: right;
        position: relative;
        top: 0;
        width: 100%;
    }
    #admissionType {
        display: block;
        text-align: center;
    }
    .page-header .sidebtn2 #admissionType label input {
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        height: 15px !important;
        width: 15px !important;
        position: relative;
        top: -3px;
    }
    .admpage .span3 {
        width: 100%;
        margin: 0;
        float: left;
    }
    .admpage input, .admpage textarea, .admpage .uneditable-input {
        width: 95%;
    }
    .admpage input[type=submit] {
        width: auto;
        margin-top: 0 !important;
    }
    .admpage input.span10, .admpage select.span10, .admpage textarea.span10 {
        width: 98%;
    }
    .admpage .memtype select {
        width: 98% !important;
    }
    .admpage input#SerachMember {
        width:auto;
    }
    #selectMember .chzn-container {
        width: 88% !important;
    }
    #selectMember .chzn-container a {
        margin-right: 0 !important
    }
    .admpage .span3#selectMember {
        margin-bottom: 5px;
    }
    .admpage .span6.half {
        width: 100%;
        margin-left: 0 !important;
        float: left;
        padding: 0 !important;
        margin-top: 5px !important;
    }
    .admpage #files {
        width: auto;
        margin-left: 0 !important;
        margin-top: 5px !important;
    }
    .admpage .styleall {
        margin: 15px 3px 0px 0;
    }
    .admpage .full-width {
        width: 100%!important;
    }
    .admpage input#specific_time {
        width: auto;
        margin-left: 5px;
    }
    .admpage .input-append .add-on {
        margin-left: 0;
        margin-top: 0px !important;
    }
    .admpage #specific_time_block {
        margin-top: 5px;
    }
    .admpage .input-prepend input, 
    .admpage .input-append input, 
    .admpage .input-prepend input[class*=span], 
    .admpage .input-append input[class*=span] {
        width: 80%;
    }
    .modal-footer .btn {
        height: 32px;
        margin: 0;
    }
    .left-sidebar {
        top: 67px;
    }
    .fstliln {
        display: none;
    }
    .mainscreenpage .b-boxes {
        display: block;
        margin: 20px;
        float: left;
        width: 45.3%;
        padding: 0;
    }
    .mainscreenpage .b-boxes #BranchBox {
        padding-top: 10px;
        width: auto;
    }
    .mainscreenpage .mm10 {
        margin: -20px 0 -10px 0;
    }
    .fst0ne .span1 {
        width: 13.1%;
        float: left;
        margin-right: 5px;
    }
    .page-header .sidebtn2.sdbtn3 {
        margin-top: -30px;
    }
    .dashboardpage .metro-nav .metro-nav-block .info {
        position: absolute;
        top: 10px !important;
        right: auto;
        font-size: 12px !important;
        left: 0;
        padding-left: 40px;
        margin: 0 !important;
    }
    .dashboardpage .metro-nav .metro-nav-block [data-icon]::before {
        font-size: 22px !important;
        color: #FFF;
        line-height: 40px;
    }
    .dashboardpage .mrg-back-18 {
        margin-top: -12px!important;
    }
    .dashboardpage .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 30.9%;
        margin: 0 5px 12px 5px !important;
    }
    .dashboardpage .row-fluid.amght a:nth-child(1), 
    .dashboardpage .row-fluid.amght a:nth-child(3), 
    .dashboardpage .row-fluid.amght a:nth-child(5) {
        margin-right: 5px !important;
    }
    #myModalTakePayment .span5 select {
        width: 70%;
        margin: 0 !important;
    }
    #myModalTakePayment .span8 {
        width: 84.692665%;
    }
    #myModalTakePayment .input-append .add-on {
        margin-left: 0;
        margin-top: 0!Important;
    }
    #myModalTakePayment .span3 {
        width: 83%;
        margin-bottom: 10px;
        float: left;
    }
    #myModalTakePayment .paymentmode .input-append, .input-prepend {
        width: 83%;
    }
    #myModalTakePayment .input-append, .input-prepend {
        width: 100%;
    }
    .page-header .sidebtn2.sdbtn3 .inpbox {
        width: 150px;
    }
    .page-header .sidebtn2.sdbtn3 .inpbox input {
        width: 90%;
    }
    .dashboardpage.udcpage .mtnavbox {
        width: 190px;
        margin: 0px 0 0 0;
    }
    .dashboardpage.udcpage .mtnavbox .metro-nav-block {
        width: 100% !important;
        margin: 0 0 0 0;
    }
    input,
    textarea,
    .uneditable-input {
        margin-top: 5px;
        margin-left: 0;
    }
    .modal.modalfull, .modal.modalbig {
        width: 95%;
        transform: translateX(-51.5%);
    }
    /* .modal.fade.in.modalcn {
        left: 3px !important;
    } */
    #myModalTakePayment .paymentmode .input-append input {
        margin-top: 0;
        margin-bottom: 0;
    }
    header.mnscrenheader .logo {
        margin-left: 0;
    }
    .tbl-width {
        width: 100%;
        padding: 0!important;
        margin-right: -14px !important;
    }
    #AttendanceModal .row-fluid .span6 {
        width: 60%;
    }
    #AttendanceModal .row-fluid .span6:first-child {
        width: 40%;
    }
    #AttendanceModal .row-fluid .span8 {
        float: left;
        width: 70%;
        margin: 8px 0 0 15px;
    }
    .memberlistpage .res-radio {
        margin-left: 7px!important;
    }
    #myModalSelectTimeSlot1.fade.in, #myModalSelectTimeSlotCancel1.fade.in, #myModalSelectTimeSlotCancel0.fade.in {
        left: 1%!important;
        width: 95% !important;
    }
    .cldrDatepast, .cldrLastDate, .cldrDate {
        width: 13%;
        margin: 2px;
    }
    .dgmpage .svbtn {
        float: right;
        margin: 10px 10px 0 0;
    }
    #myModalTakePayment.mtp .input-append input ,
    #myModalTakePayment.mtp .input-prepend input  {
        margin: 0 !important;
    }
    .dashboardpage.renewalsnewpage .mtnavbox {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .renew-metro {
        width: 48.5%!important;
        height: 44px!important;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block .fs1.count-renew {
        margin-top: 16px;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block .info {
        padding-left: 35px;
        margin-top: 13px !important;
    }
    #myModalEdit .stpl {
        margin: 5px 0 !important;
        width: 60% !important;
    }
    #followup .fr {
        margin-top: 0;
        margin-left: 0;
    }
    .dashboardpage.renewalsnewpage .renew-top-left {
        margin-left: 0px!important;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp {
        width: 100%;
    }
    .dashboardpage.renewalsnewpage .rnltbl {
       top: -50px;
       position: relative;
    }
    .smsmailpage .sms-top {
        width: 100%!important;
        font-size: 12px!important;
        margin-left: -0!important;
        margin-top: -11px!important;
    }
    .smsmailpage .form-sms {
        margin-left: 0!important;
    }
    .freezmemberpage .chzn-container {
        margin: -2px 0 0 0;
        width: 70% !important;
    }
    .freezmemberpage .dbsp .row-fluid .span4 {
        float: left;
        width: 100%;
    }
    .freezmemberpage .dbsp .row-fluid .span4 .span10 {
        width: 100%;
    }
    .fzmmodal .wdfn {
        width: 50% !important;
        margin: 0 0 !important;
    }
    .sndmegapage .panel-mob {
        margin-top: 0;
    }
    .sndmegapage .dashboard-wrapper .main-container .widget .widget-header, 
    .sndmegapage .dashboard-wrapper .main-container .widget-border .widget-header {
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .sndmegapage .widget .widget-header .row-fluid .span10 {
        width: 79%;
    }
    .sndmegapage .search-top-mrg {
        margin-top: -6px!important;
        width: 75%;
        float: none;
    }
    .sndmegapage .chzn-container {
        width: 140% !important;
    }
    .addenquirypage .rqst {
        margin-bottom: 5px;
    }
    .enqlstpage .mtnavbox {
        width: 101%;
        margin: 10px 0 0 0;
    }
    .enqlstpage .mtnavbox .metro-nav .metro-nav-block .info {
        line-height: 24px;
        text-align: center;
        font-size: 16px !important;
        margin: 0 !important;
    }
    .ntlspage .dashboard-wrapper .main-container .widget .widget-header, 
    .ntlspage .dashboard-wrapper .main-container .widget-border .widget-header {
        margin-top: 0 !important;
    }
    .ntlspage  .ni-date {
        width: 40%!important;
        margin-right: 0;
        margin-left: 85px;
        margin: -17px 0 0 0!important;
    }
    .ntlspage  .extra-down {
        margin-top: -6px!important;
    }
    .ntlspage  .hlf {
        width: 49% !important;
    }
    .ntlspage .mrg-4 {
        margin-top: 15px!important;
    }
    .groupclassespage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 53%;
    }
    .startslaespage .dashboard-wrapper .main-container .widget .widget-header, 
    .startslaespage .dashboard-wrapper .main-container .widget-border .widget-header {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .startslaespage .dnsbtn {
        margin-top: -13px;
    }
    .startslaespage .row-fluid form [class*=span] {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .startslaespage .row-fluid .span5.svctbtn button {
        margin: 0 0 0 10px !important
    }
    .startslaespage .row-fluid .span5 {
        width: 63%;
    }
    .startslaespage .cts {
        top: -10px;
        position: relative;
    }
    .startslaespage .cts0 {
        margin-top: -5px !important;
    }
    .posmanagestock .mmgt {
        top: -30px;
        position: relative;
    }
    .posmanagestock .btnfor-mob {
        margin-left: 0;
    }
    .admpage .fltl .ui-timepicker-input {
        margin: 0 !important;
    }
    .attendancepage .att-list-inp .span3 {
        width: 77.351064%;
    }
    .attendancepage .set-btn-save {
        margin-right: 0px !important;
    }
    .attendancepage .set-btn {
        margin-top: 48px!important;
        margin-left: -135px!important;
        width: 100%!important;
    }
    .spa-mrg {
        margin-top: 6px;
    }
    .actinctpage .act-inact-from {
        float: left;
        width: 50%!important;
        margin-right: 10px;
        margin-top: -3px;
    }
    .actinctpage .dashboard-wrapper .main-container .widget .widget-header .span5 input[type="text"] {
        width: 79% !important;
    }
    .actinctpage .act-inact-btn {
        float: left;
        margin: -3px 0 0 0;
    }
    .actinctpage .pnleft {
        width: 100% !important;
        margin: -40px 0 20px 0 !important;
    }
    .schdcardpage .row-fluid .span3 {
        width: 100%;
    }
    .schdcardpage .row-fluid .span4 {
        width: 100%;
    }
    .ppdpage .row-fluid .panel-body {
        padding: 0 5px;
    }
    .ppdpage .scssbtn {
        margin: 5px 0 0 0 !important;
        float: right;
    }
    /* .unfreezepage .dashboard-wrapper .main-container .widget .widget-header, .unfreezepage .dashboard-wrapper .main-container .widget-border .widget-header {
        margin-top: -10px !important;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 25px;
    } */
    .unfzmodal input[type="text"] {
        width: 80%;
    }
    .expensepage .dashboard-wrapper .main-container .page-header h2 {
        margin-left: 5px;
    }
    .dashboardpage.expensepage .mtnavbox {
        width: 150px;
        margin: -6px 10px 0 0px;
    }
    .editexpansepage .row-fluid .span4 {
        width: 100%;
    }
    .editexpansepage .row-fluid .span4 #Amount {
        width: 60%;
        margin-left: 0 !important;
    }
    .manageaccpage .manage-top {
        margin-top: -60px;
        float: right;
    }
    .manageaccpage  .pull-set-top {
        float: left!important;
        width: 100%;
        margin-top: 2px;
        margin-left: 0;
    }
    .accountbalancepage .ac-b-head {
        font-size: 20px!important;
    }
    .accountbalancepage .metro-nav .metro-nav-block .info {
        font-size: 18px;
    }
    .accountbalancepage .metro-nav .metro-nav-block .brand {
        font-size: 20px !important;
        bottom: 0 !important;
    }
    .accountbalancepage .m3.bank-ac {
        font-size: 18px!important;
        bottom: 30px !important;
        margin-top: -5px !important;
    }
    .bnkdetailpage .arlts {
        margin-top: -15px;
    }
    .bnkdetailpage .petty-head {
        font-size: 20px!important;
        right: 10px!important;
    }
    .bnkdetailpage .petty-detail-nav {
        width: 100%!important;
        height: 60px!important;
    }
    .bnkdetailpage .petty-head-rs {
        left: 10px!important;
        font-size: 20px!important;
        bottom: -3px!important;
    }
    .pcashpage .right-petty {
        margin-top: 0px!important;
        margin-right: 0;
        width: 100%;
    }
    .pcashpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 84%;
    }
    .pcashpage input#amount, .pcashpage input#amt {
        width: 50% !important;
        margin-left: 0 !important;
    }
    .attendancepage #Discount {
        margin: 0 !important;
    }
    .attendancepage #paymentreminderdate {
        width: 50% !important;
    }
    .abmgt {
        margin-top: -10px;
    }
    .addtrainerpage .modal .span9 {
        width: 100% !important;
        margin-left: 0;
    }
    .addtrainerpage .modal .row-fluid .span3 {
        width: 40% !important;
    }
    .addtrainerpage .modal .row-fluid .span3 label:empty {
        display: none;
    }
    .noshowlabel label {
        display: none;
    }
    .addtrainerpage #ispersonal {
        margin-left: 0 !important;
    }
    .addtrainerpage .modal .span9 input[type="text"], 
    .addtrainerpage .modal .span9 textarea, 
    .addtrainerpage .modal .span9 .uneditable-input {
        width: 90% !important;
        margin-left: 0;
    }
    .addtrainerpage .modal .span9 #employee_salary, 
    .addtrainerpage .modal .span9 #commission1, 
    .addtrainerpage .modal .span9 #salary {
        width: 60% !important;
    }
    .amttpage .dashboard-wrapper .main-container .widget-header select {
        margin-top: 8px !important;
    }
    .emattendancepage .dashboard-wrapper .main-container .widget .widget-header .span6.schradio {
        margin-top: 15px !important;
    }
    .emattendancepage .radio.inline input[type=radio] {
        top: 1px;
        width: auto !important;
    }
    .emattendancepage .dashboard-wrapper .main-container .widget .widget-header .span6.schid .chzn-container {
        width: 40% !important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header {
        margin-top: 0 !important;
        height: 15px !important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header .span6 {
        width: 100% !important;
        margin: -2px 0 0 0!important;
        padding: 0 !important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header .span6.slinfo {
        margin: -10px 0 0px 0 !important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header.wheader2 .span5 {
        width: 100% !important;
        margin-top: -10px !important;
    }
    .salarypage .row-fluid .span4 {
        width: 100%;
        margin: 0 !important;
    }
    .salarypage .ext-ad-on {
        margin-top: 0px!important;
        margin-right: 0px!important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header .title {
        margin-top: -7px!important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header.wheader2 .span7 {
        float: right;
        margin: 5px 0 0 0 !important;
    }
    .salarypage .row-fluid .scsec .span4 input {
        width: 80%;
        margin: 0 !important;
    }
    .salarypage .width-111 {
        width: 86%!important;
    }
    .salarypage .row-fluid .scsec2 {
        margin-top: -5px !important;
    }
    .salarypage .width-89 {
        width: 75%!important;
    }
    .salarypage .row-fluid .scsec2 .span4 input {
        width: 80%;
        margin: 0 !important;
    }
    .last-point-salary {
        margin-left: 0;
        width: 90%;
    }
    .salarypage .row-fluid .ptssec .span6 {
        width: 100%;
        margin-top: 0 !important;
        padding: 0 !important;
        margin-bottom: 0 !important;
    }
    .salarypage .row-fluid .ptssec .span6 input {
        width: 77%;
        margin: 0 !important;
    }
    .salarypage .row-fluid .ptssec2 .span6 input {
        width: 63%;
        margin-top: 0 !important;
        padding: 0 !important;
    }
    .salarypage .row-fluid .ptssec2 {
        position: relative;
        top: 0;
        margin-top: -30px;
    }
    .salarypage #Amount {
        width: 79% !important;
    }
    .adspage .row-fluid .span4 {
        width: 98%;
    }
    .mbapage .row-fluid .span4 {
        width: 98%;
    }
    .taxmanagepage .top-tm {
        margin-left: 0;
    }
    .taxmanagepage #admissionType {
        display: block;
        text-align: left !important;
    }
    .taxmanagepage #admissionType .span1.width-tax-check {
        width: 10px !important;
    }
    .taxmanagepage #admissionType > div{
        margin-top: 0 !important;
    }
    .hd480 {
        display: none !important;
    }
    .addpackpage .adusr .control-group.width-40 [class*=span] {
        display: block;
        width: 87%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .addpackpage .adusrchk .span2 {
        min-height: auto;
        margin-top: 10px !important;
        width: 100% !important
    }
    .addpackpage .adusrchk .span12.kill-css {
        margin-top: 0px !important;
    }
    .addpackpage .adusrchk .span12.kill-css .span2 {
        min-height: auto;
    }
    .ascdtpage .ascdtsec .btn-center {
        margin-left: 0px!important;
        float: right;
        margin-bottom: 15px;
    }
    .dptpage .diet-plan-top-btn {
        margin-top: -63px;
    }
    .ascdtpage .ascdtsec2 .btn-center {
        margin-left: 0px!important;
        float: right;
        margin-bottom: 15px;
    }
    .maspage .massec .span4 {
        width: 100%;
    }
    .maspage .dashboard-wrapper .main-container .widget .widget-header .pull-right {
        margin-top: -10px;
    }
    .maspage .mrg-4 {
        margin-top: 10px!important;
    }
    .delenwlistpage .dashboard-wrapper .main-container .widget .widget-header {
        margin-top: 0 !important;
    }
    .psrad .dashboard-wrapper .main-container .widget .widget-header {
        margin-top: 0 !important;
    }
    .cpadj {
        margin-top: -10px !important;
    }
    .profpage #files .success {
        margin-right: -400%!important;
        margin-top: -10px !important;
    }
    .mainscreenpage .sdbtn {
        text-align: right;
    }
    .dashboardpage.renewalsnewpage .span3.renew-top-left {
        width: 150px !important;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp {
        width: 66%;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp .input-append, 
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp .input-prepend {
        width: 100%;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4 input[type="text"] {
        margin-top: 0 !important;
        margin: 0 !important;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp .input-append .add-on {
        margin: 0 !important;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp input[type="submit"] {
        margin-top: 0 !important;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp input.span6 {
        width: 66%;
        font-size: 12px;
        padding-left: 5px!important;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp input[type="submit"] {
        margin-top: 0 !important;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp input[type="radio"] {
        margin-top: 8px !important;
    }
    .dashboardpage.renewalsnewpage .rnltbl {
        top: -30px;
        position: relative;
    }
    .indexpage .span5.flw img {
        margin: 0 auto;
        width: 60%;
    }
    .indexpage .span6.offset41 .signin.sign-set {
        width: 90%!important;
        margin-left: 28px!important;
    }
    .left-sidebar {
        top: 104px;
    }
    header.mnscrenheader {
        height: 36px !important;
        margin-bottom: 50px !important;
    }
}

@media (max-width:414px){

    .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 80%;
    }
    #admissionType {
        display: block;
        text-align: center;
        padding: 0;
    }
    .page-header .sidebtn2 #admissionType label b {
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        margin-left: -5px;
    }
    .mainscreenpage .b-boxes {
        margin: 20px;
        float: left;
        width: 100%;
        padding: 0;
    }
    .mainscreenpage .branch-id {
        width: 95% !important;
        height: 100% !important;
        padding: 10px 0;
    }
    .mainscreenpage .branch-id .box-img {
        height: 100% !important;
        width: 150px !important;
        margin: 0 auto;
        float: none;
        display: inherit;
    }
    .fst0ne .span1 {
        width: 100%;
        float: left;
        margin-right: 0px;
        margin-top: 5px;
    }
    .addeditrolepage .addedituserformsec .span6 {
        width: 100%;
        float: left;
        margin-top: 0 !important;
        padding: 0 !important;
    }
    .addeditrolepage .addedituserformsec .span4 {
        width: 100%;
        float: left;
        margin-top: 0 !important;
    }
    .addeditrolepage .addedituserformsec .span11 {
        width: 100%;
    }
    .settingspage #cke_smstemplatemsg {
        width: 97% !important;
    }
    .smtpsettingspage .span4 {
        float: left;
        width: 100%;
    }
    .profilepage .span4 input, .profilepage .span4 textarea, .profilepage .span4 .uneditable-input {
        width: 100%;
        margin-left: 0;
    }
    .profilepage .styleall {
        margin: 0 0 0 0 !important;
        padding: 0;
        border: 0;
        background: #fff;
    }
    .profilepage .styleall .btn {
        width: 105px;
    }
    .profilepage .upph #files, .profilepage .upph #files2 {
        margin-left: 0 !important;
        margin-top: -20px !important;
    }
    .profilepage .upph #files2 {
        margin-left: 0 !important;
        margin-top: 50px !important;
    }
    .dashboardpage .mtnavbox .metro-nav-block {
        width: 100% !important;
        margin: 5px 0 0 0;
        height: 40px;
    }
    .dashboardpage .mtnavbox {
        width: 100%;
        margin: 5px 0 0 0;
    }
    .dashboardpage .metro-nav .metro-nav-block [data-icon]::before {
        font-size: 20px !important;
        color: #FFF;
        line-height: 30px;
    }
    .dashboardpage .metro-nav .metro-nav-block .info {
        position: absolute;
        top: 15px !important;
        right: auto;
        font-size: 14px !important;
        left: 0;
        padding-left: 40px;
        margin: 0 !important;
    }
    .dashboardpage .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 30.5%;
        margin: 0 5px 12px 5px !important;
    }
    #myModalTakePayment .span5 select {
        width: 65%;
        margin: 0 !important;
    }
    #myModalTakePayment .span8 {
        width: 82.692665%;
    }
    #myModalTakePayment .paymentmode .input-append, .input-prepend {
        width: 80%;
    }
    .dashboard-wrapper .main-container .page-header h2 {
        font-size: 16px;
        font-weight: 700;
    }
    .page-header .sidebtn2.sdbtn3 .inpbox {
        width: 120px;
    }
    .dashboardpage.udcpage .metro-nav .metro-nav-block .info {
        top: 14px !important;
        font-size: 12px !important;
    }
    .modal.modalfull, .modal.modalbig {
        width: 95%;
        transform: translateX(-9.5%);
    }
    /* .modal.fade.in.modalcn {
        left: 41% !important;
    } */
    #AttendanceModal .row-fluid .span6 {
        width: 100%;
    }
    #AttendanceModal .row-fluid .span6:first-child {
        width: 100%;
    }
    #AttendanceModal .row-fluid .span4 {
        float: left;
        width: 100%;
    }
    #AttendanceModal .row-fluid .span4 h5 {
        margin: 0 !important;
    }
    #AttendanceModal .row-fluid .span8 {
        float: left;
        width: 100%;
    }
    #AttendanceModal .row-fluid .span8 {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
    }
    .memberlistpage .dashboard-wrapper .main-container .page-header ul.stats li {
        margin-left: 10px;
        width: 130px;
    }
    .memberlistpage .dashboard-wrapper .main-container .page-header ul.stats li .details {
        margin-left: 35px;
    }
    .memberlistpage .res-select {
        width: 31%;
    }
    #myModalSelectTimeSlot1.fade.in, #myModalSelectTimeSlotCancel1.fade.in, #myModalSelectTimeSlotCancel0.fade.in {
        left: 41.5%!important;
        width: 95% !important;
    }
    .memtranspage .chzn-container {
        width: 55% !important;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block .info {
        padding-left: 35px;
        margin-top: 9px !important;
        font-size: 12px !important;
    }
    .freezmemberpage .chzn-container {
        margin: -2px 0 0 0;
        width: 65% !important;
    }
    .fzmmodal .wdfn {
        width: 40% !important;
        margin: 0 0 !important;
    }
    .sndmegapage .widget .widget-header .row-fluid .span10 {
        width: 75%;
    }
    .enqlstpage .mtnavbox .metro-nav .metro-nav-block .info {
        line-height: 24px;
        text-align: center;
        font-size: 14px !important;
        margin: 0 !important;
    }
    .ntlspage .ni-date {
        width: 38%!important;
        margin-right: 0;
        margin-left: 85px;
        margin: -17px 0 0 0!important;
    }
    .groupclassespage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 48%;
    }
    #modalGroupClass .row-fluid .span4 {
        width: 100%;
        min-height: auto;
    }
    .startslaespage .row-fluid .span5 {
        width: 60%;
    }
    .posmanagestock .fstln .span3 {
        width: 98.351064%;
    }
    .attendancepage .att-list-inp {
        width: 29%!important;
    }
    .attendancepage .set-btn {
        margin-top: 48px!important;
        margin-left: -115px!important;
        width: 100%!important;
    }
    .attendancepage .dashboard-wrapper .main-container .widget .widget-header .chzn-container {
        width: 64% !important
    }
    .actinctpage .dashboard-wrapper .main-container .widget .widget-header .span5 {
        width: 73% !important;
    }
    .actinctpage .dashboard-wrapper .main-container .widget .widget-header .span5 input[type="text"] {
        width: 77% !important;
    }
    .ppdpage .row-fluid .span3 {
        width: 100%;
    }
    .ppdpage .row-fluid .span3 input[type="text"] {
        width: 98%;
    }
    .dashboardpage.expensepage .mtnavbox {
        width: 200px;
        margin: -10px 10px 0 0px;
    }
    .dashboardpage.expensepage .metro-nav .metro-nav-block .info {
        top: 13px !important;
    }
    .accountbalancepage .metro-nav .metro-nav-block.double {
        width: 99% !important;
    }
    .bnkdetailpage .arlts input[type=text] {
        width: 34% !important;
        margin: 0 !important;
    }
    .pcashpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 80%;
    }
    .petty-cash-btn {
        font-size: 12px!important;
    }
    .adcpage .adcsec1 .span3 {
        width: 98% !important;
        min-height: auto;
    }
    .adcpage .adcsec3 .span3 {
        width: 98% !important;
        margin: 0 !important;
    }
    #dt_example td {
        vertical-align: middle;
        word-break: break-word;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp {
        width: 51%;
    }
    .indexpage .span6.offset41 .signin.sign-set {
        width: 88%!important;
        margin-left: 28px!important;
    }
    .indexpage .span5.flw img {
        margin: 0 auto;
        width: 100%;
    }

}

@media (max-width:393px){

    .header-top {
        margin-left: 0px!important;
    }
    header #mini-nav {
        float: right;
        margin: 3px;
        margin-top: -110px;
    }
    .res-width-headerbox {
        width: 33%!important;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp input.span6 {
        width: 60%;
        font-size: 12px;
        padding-left: 5px!important;
    }

}

@media (max-width:375px){

    .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 78%;
    }
    .dashboard-wrapper .main-container .page-header h2 {
        font-size: 16px;
        font-weight: 700;
    }
    .page-header .sidebtn {
        margin-top: 0px;
        float: right;
        position: relative;
        top: 5px;
        width: 100%;
    }
    .page-header .sidebtn .margin-for-center {
        margin-right: 5%;
    }
    #selectMember .chzn-container {
        width: 86% !important;
    }
    #myModalEdit .span3 {
        width: 100%;
        float: left;
    }
    #myModalEdit .span3 input.span10 {
        width: 100%;
    }
    .mainscreenpage .sdbtn .btn {
        padding: 4px 8px;
    }
    .smtpsettingspage .span4 {
        float: left;
        width: 100%;
    }
    .smtpsettingspage .span11 {
        float: left;
        width: 100%;
    }
    .dashboardpage .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 46.9%;
        margin: 0 5px 12px 5px !important;
    }
    #myModalEdit .span3 input, #myModalEdit .span3 select {
        width: 100%;
    }
    #myModalTakePayment .span5 select {
        width: 60%;
        margin: 0 !important;
    }
    #myModalTakePayment .span8 {
        width: 80.692665%;
    }
    #myModalTakePayment .paymentmode .input-append, .input-prepend {
        width: 76%;
    }
    .dashboard-wrapper .main-container .page-header h2 span {
        display: none;
    }
    .dashboardpage.udcpage .dashboard-wrapper .main-container .page-header h2 {
        margin: 0 0 0 0 !important;
    }
    .dashboardpage.udcpage .mtnavbox {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .dashboardpage.udcpage .metro-nav .metro-nav-block .info {
        top: 13px !important;
        font-size: 14px !important;
    }
    .modal.modalfull, .modal.modalbig {
        width: 95%;
        transform: translateX(-52%);
    }
    /* .modal.fade.in.modalcn {
        left: 0% !important;
    } */
    header img {
        width: 100%;
    }
    .mainscreenpage {
        margin-top: -40px;
    }
    .tbl-width {
        width: 100%!important;
        margin-left: 0px;
    }
    li.branchName {
        display: none!important;
    }
    .memberlistpage .sdtatas {
        margin-top: 10px;
        width: 100%;
    }
    .memberlistpage .dashboard-wrapper .main-container .page-header ul.stats a li {
        width: 43%;
    }
    .memberlistpage .dashboard-wrapper .main-container .page-header ul.stats a:first-child li {
        margin-left: 0;
    }
    .memberlistpage .res-dif {
        top: 140px;
        left: 238px;
    }
    .memberlistpage .res-select {
        width: 100%;
        margin-bottom: 10px !important;
    }
    #myModalSelectTimeSlot1.fade.in, #myModalSelectTimeSlotCancel1.fade.in, #myModalSelectTimeSlotCancel0.fade.in {
        left: 0.5%!important;
        width: 95% !important;
    }
    .memtranspage .chzn-container {
        width: 50% !important;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .renew-metro {
        width: 48.5%!important;
        height: 50px!important;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block .info {
        padding-left: 40px;
        margin-top: 4px !important;
        font-size: 14px !important;
    }
    .smsmailpage .sms-top-radio {
        width: 14px!important;
        height: 17px!important;
        margin-left: 0px!important;
    }
    .smsmailpage .dmt {
        float: right;
        position: relative;
        top: 5px;
    }
    .freezmemberpage .chzn-container {
        margin: -2px 0 0 0;
        width: 60% !important;
    }
    .sndmegapage .widget .widget-header .row-fluid .span10 {
        width: 73%;
    }
    .enqlstpage .mtnavbox {
        width: 100%;
        margin: 5px 0 -10px 0;
    }
    .enqlstpage .mtnavbox .metro-nav .metro-nav-block.double {
        width: 99% !important;
        height: 35px;
    }
    .enqlstpage .mtnavbox .metro-nav .metro-nav-block .info {
        line-height: 24px;
        text-align: center;
        font-size: 16px !important;
        margin: 0 !important;
    }
    .ntlspage .ni-date {
        width: 37%!important;
        margin-right: 0;
        margin-left: 85px;
        margin: -17px 0 0 0!important;
    }
    .groupclassespage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 42%;
    }
    .startslaespage .row-fluid .span5 {
        width: 55%;
    }
    .posaddproduct .span3.span50 {
        width: 65%;
    }
    .sales-c {
        width: 344px;
    }
    .attendancepage .set-btn {
        margin-top: 48px!important;
        margin-left: -115px!important;
        width: 100%!important;
        width: 120%!important;
    }
    .actinctpage .dashboard-wrapper .main-container .widget .widget-header .span5 {
        width: 70% !important;
    }
    .actinctpage .dashboard-wrapper .main-container .widget .widget-header .span5 input[type="text"] {
        width: 73% !important;
    }
    .ppdpage .row-fluid .span3 input[type="text"] {
        width: 98%;
    }
    .ppdpage .row-fluid .span3 select {
        width: 98%;
    }
    .ppdpage .daybtns .btn {
        padding: 5px 5px !important;
    }
    .label, .badge {
        font-size: 12px !important;
    }
    .manageaccpage .manage-top {
        margin-top: -50px;
        float: left;
        width: 97%;
    }
    .manageaccpage .dashboard-wrapper .main-container .page-header h2 {
        margin-bottom: 25px;
    }
    .bnkdetailpage .arlts {
        width: 75% !important;
        margin-top: -15px;
    }
    .bnkdetailpage .arlts input[type=text] {
        width: 30% !important;
        margin: 0 !important;
    }
    .bank-table {
        font-size: 12px;
    }
    .bnkdetailpage .petty-detail-nav {
        width: 100%!important;
        height: 50px!important;
    }
    .bnkdetailpage .petty-head {
        width: 75% !important;
        font-size: 18px!important;
        right: 0!important;
    }
    .bnkdetailpage .petty-head-rs {
        left: -20px!important;
        font-size: 18px!important;
        bottom: -5px!important;
        width: 100% !important;
    }
    .petty-table {
        font-size: 13px;
    }
    .pcashpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 78%;
    }
    .amttpage .dashboard-wrapper .main-container .widget .widget-header input[type=text], 
    .amttpage .dashboard-wrapper .main-container .widget-border .widget-header input[type=text] {
        width: 70%;
    }
    .profpage .row-fluid .span4 {
        width: 100%;
    }
    .profpage .row-fluid .span4 input[type="text"],
    .profpage .row-fluid .span4 input[type="password"] {
        width: 95%;
    }
    .profpage #files .success {
        margin-right: -70%!important;
        margin-top: -20px !important;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp input.span6 {
        width: 64%;
        font-size: 12px;
        padding-left: 5px!important;
    }

}

@media (max-width:360px){

    .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 75%;
    }
    .page-header .sidebtn .margin-for-center {
        margin-right: 3%;
    }
    .mainscreenpage .sdbtn .btn {
        padding: 4px 8px;
        font-size: 13px;
    }
    .dashboardpage .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 46.7%;
        margin: 0 5px 12px 5px !important;
    }
    #myModalTakePayment .span5 select {
        width: 59%;
        margin: 0 !important;
    }
    #myModalTakePayment .span8 {
        width: 79.692665%;
    }
    .paymentlist li {
        width: 100%;
        border-bottom: 1px solid #eee;
        padding: 5px 0 5px 0;
    }
    .memberlistpage .dashboard-wrapper .main-container .page-header ul.stats a li {
        width: 42%;
    }
    .cldrDatepast, .cldrLastDate, .cldrDate {
        width: 13%;
        margin: 1px;
    }
    .memtranspage .chzn-container {
        width: 46% !important;
    }
    .fzmmodal .wdfn {
        width: 30% !important;
        margin: 0 0 !important;
    }
    .sndmegapage .widget .widget-header .row-fluid .span10 {
        width: 70%;
    }
    .ntlspage .ni-date {
        width: 36%!important;
        margin-right: 0;
        margin-left: 85px;
        margin: -17px 0 0 0!important;
    }
    .groupclassespage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 38%;
    }
    .startslaespage .row-fluid .span5 {
        width: 53%;
    }
    .sales-c {
        width: 330px;
    }
    .attendancepage .dashboard-wrapper .main-container .widget .widget-header .chzn-container {
        width: 60% !important;
    }
    .actinctpage .dashboard-wrapper .main-container .widget .widget-header .span5 {
        width: 69% !important;
    }
    .actinctpage .dashboard-wrapper .main-container .widget .widget-header .span5 input[type="text"] {
        width: 69% !important;
    }
    .unfzmodal input[type="text"] {
        width: 75%;
    }
    .dashboardpage.expensepage .mtnavbox {
        width: 200px;
        margin: 30px 10px 0 0px;
    }
    .bnkdetailpage .petty-detail-nav {
        width: 100%!important;
        height: 50px!important;
        margin: 0 !important;
        width: 170px !important;
    }
    .bnkdetailpage .petty-head {
        width: 93% !important;
        font-size: 16px!important;
        right: 0!important;
    }
    .bnkdetailpage .petty-head-rs {
        left: 0px!important;
        font-size: 16px!important;
        bottom: -5px!important;
        width: 100% !important;
    }
    .dashboardpage.renewalsnewpage .span3.renew-top-left {
        width: 130px !important;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp input.span6 {
        width: 70%;
        font-size: 12px;
        padding-left: 5px!important;
    }

}

@media (max-width:320px){

    .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 73%;
    }
    /*header #mini-nav li {
        float: none;
        border-right: 1px solid #c0c0c0;
        padding: 0px 3px;
        display: inline-block;
    }
    header #mini-nav {
        width: 120px;
        text-align: right;
    }*/
    .page-header .sidebtn .margin-for-center {
        margin-right: 0;
    }
    .page-header .sidebtn .margin-for-center .btn{
        padding: 4px 5px;
    }
    .page-header .sidebtn2 #admissionType label.radio.inline {
        color: #fff;
        font-size: 12px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 0;
    }
    .admpage .input-prepend input, 
    .admpage .input-append input, 
    .admpage .input-prepend input[class*=span], 
    .admpage .input-append input[class*=span] {
        width: 75%;
    }
    #selectMember .chzn-container {
        width: 83% !important;
    }
    .admpage input, .admpage textarea, .admpage .uneditable-input {
        width: 94%;
    }
    .admpage .styleall .btn {
        padding: 4px 10px;
    }
    .modal-header h3 {
        font-size: 16px;
    }
    .mainscreenpage .sdbtn .btn {
        padding: 4px 6px;
        font-size: 12px;
    }
    .fstliln {
        display: none !important;
    }
    .addeditrolepage .avlt .avltbox {
        width: -webkit-calc(50% - 95px);
        width: -moz-calc(50% - 95px);
        width: calc(100% - 95px);
    }
    .addeditrolepage .avlt .avltbox input {
        width: 90%;
    }
    .width-320-size {
        width: 150Px!important;
    }
    .dashboardpage .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 46.1%;
        margin: 0 5px 12px 5px !important;
    }
    #myModalTakePayment .span5 select {
        width: 53%;
        margin: 0 !important;
    }
    #myModalTakePayment .span8 {
        width: 76.692665%;
    }
    #myModalTakePayment .paymentmode .input-append, .input-prepend {
        width: 70%;
    }
    .page-header .sidebtn2.sdbtn3 .inpbox {
        width: 100px;
    }
    header #mini-nav {
        float: right;
        margin-top: -116px;
        text-align: right;
    }
    header #mini-nav ul {
        display: inline-block;
        vertical-align: middle;
    }
    .res-inp {
        width: 199px;
        font-size: 10px!important;
    }
    .memtranspage .chzn-container {
        width: 40% !important;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .renew-metro {
        width: 48%!important;
        height: 50px!important;
    }
    .smsmailpage .sms-top {
        width: 100%!important;
        font-size: 11px!important;
        margin-left: -0!important;
        margin-top: -11px!important;
        letter-spacing: -.5px;
    }
    .freezmemberpage .chzn-container {
        margin: -2px 0 0 0;
        width: 57% !important;
    }
    .fzmmodal .wdfn {
        width: 25% !important;
        margin: 0 0 !important;
    }
    .sndmegapage .widget .widget-header .row-fluid .span10 {
        width: 68%;
    }
    .ntlspage .ni-date {
        width: 34%!important;
        margin-right: 0;
        margin-left: 85px;
        margin: -17px 0 0 0!important;
    }
    .groupclassespage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 30%;
    }
    .startslaespage .row-fluid .span5 {
        width: 47%;
    }
    .sales-c {
        width: 290px;
    }
    .attendancepage .dashboard-wrapper .main-container .widget .widget-header .chzn-container {
        width: 56% !important;
    }
    .attendancepage .att-list-inp {
        width: 28%!important;
    }
    .attendancepage .set-btn {
        margin-top: 48px!important;
        margin-left: -110px!important;
        width: 139%!important;
    }
    .actinctpage .dashboard-wrapper .main-container .widget .widget-header .span5 {
        width: 64% !important;
    }
    .actinctpage .dashboard-wrapper .main-container .widget .widget-header .span5 input[type="text"] {
        width: 64% !important;
    }
    .ppdpage .daybtns .btn {
        padding: 5px 5px !important;
        font-size: 11px;
    }
    .ppdpage .row-fluid .span3 select {
        width: 95%;
    }
    .ppdpage .row-fluid .span3 input[type="text"] {
        width: 95%;
    }
    .ppdpage .scssbtn {
        margin: 5px 10px 0 0px !important;
        float: right;
    }
    .ppdpage .row-fluid .panel-body {
        padding: 0 0;
    }
    .dashboardpage.expensepage .mtnavbox {
        width: 230px;
        margin: 10px -10px 0 0px;
    }
    .cash-table-manage {
        font-size: 12px!important;
        width: 95%!important;
    }
    .bnkdetailpage .arlts input[type=text] {
        width: 28% !important;
        margin: 0 !important;
    }
    .bnkdetailpage .petty-detail-nav {
        width: 100%!important;
        height: 50px!important;
        margin: -30px 0 0 0!important;
        width: 170px !important;
    }
    .pcashpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 75%;
    }
    .dptpage .diet-plan-top-btn .btn {
        font-size: 12px;
    }
    .rcpage .rtsd {
        width: 200px;
    }
    .profpage #files .success {
        margin-right: -130%!important;
        margin-top: -20px !important;
    }
    header.mnscrenheader #mini-nav {
        float: right;
        margin-top: -36px;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp input.span6 {
        width: 55%;
        font-size: 10px;
        padding-left: 5px!important;
    }

}

@media screen and (max-width:1180px) {
    .dashboardpage .mtnavbox {
        width: 75%;
    }
    .dashboardpage .metro-nav .metro-nav-block .info {
        font-size: 13px;
        padding-left: 35px;
    }
    .dashboardpage .mtnavbox .metro-nav-block {
        width: 32.2%;
    }
    .dashboardpage .metro-nav .metro-nav-block [data-icon]::before {
        font-size: 20px;
    }
    .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 15.5%;
    }
    .q_ac p, .q_ac1 p, .q_ac2 p, .q_ac3 p, .q_ac4 p, .q_ac5 p {
        font-size: 16px;
        line-height: 20px;
        padding: 0 10px;
        margin-top: 10px;
    }
    .row-fluid .span6 {
        width: 48.782979%;
    }
}

@media screen and (max-width:1024px) {
    .dashboardpage .mtnavbox {
        width: 75%;
    }
    .dashboardpage .metro-nav .metro-nav-block .info {
        font-size: 13px;
        padding-left: 35px;
    }
    .dashboardpage .mtnavbox .metro-nav-block {
        width: 32.2%;
    }
    .dashboardpage .metro-nav .metro-nav-block [data-icon]::before {
        font-size: 20px;
    }
    .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 15.4%;
    }
}


.header-middle {
    float: left;
    width: 50%;
}
.header-middle .hm-inner {
    display: flex;
    align-items: center;
}
.header-middle .hm-inner .hm-search, 
.header-middle .hm-inner .hm-mobile, 
.header-middle .hm-inner .hm-lang {
    width: 33.3333%;
}
.header-middle .hm-inner .header-top {
    padding: 0 5px;
}
.header-middle .hm-inner form {
    margin: 0;
}
.header-middle .hm-inner .header-top input {
    width: 100%;
    min-height: 35px;
    margin: 7px 0;
}
.header-middle .hm-inner .header-top select {
    margin: 7px 0;
    min-height: 35px;
    width: 100%;
}
.widget.widget-main .widget-header .pull-right select {
    margin: 0 0 0 0;
}
.home-cards {
    margin-left: 24px;
}
.left-sidebar .inbox li a span {
    position: relative;
    top: 3px;
}
.widget .widget-header .mem-id {
    margin-top: 4px;
}
.widget .widget-header .search-top-mrg {
    margin-top: 4px;
}
.emp-title .title {
    margin-top: 5px;
}
.modal-body.p-0 {
    padding: 0;
}
.t-res {
    min-width: 640px;
    overflow-x: auto;
}
.md-legend {
    margin-top: -10px;
}
.md-legend {
    line-height: 1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.dashboard-wrapper .main-container .dt-table .widget-header {
    border-bottom: 0;
}
.dashboard-wrapper .main-container .dt-table .widget-header.for-search label {
    margin: 2px 0 0 0;
}
.widget-header.for-search input {
    height: 36px;
}
.nfud {
    width: 160px !important;
}
.tdt {
    width: 140px !important;
}
.niel .niel-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 2px 0 0 0;
}
.niel .niel-inner .niel-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 10px;
}
.niel .niel-inner .niel-left input {
    height: 36px;
    background: #fff !important;
    margin: 0;
}
.niel .niel-inner .niel-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 10px;
}
.niel .niel-inner .niel-right input {
    height: 36px;
}
.chth {
    width: 25px !important;
}
#followup .modal-body {
    overflow-x: hidden;
}
#dt_example .dataTables_paginate a {
    display: inline-block;
    padding: 5px;
    border: 1px solid #d9d9d9;
    margin: 0 2px;
}
.mdc .ad-demo {
    line-height: 28px;
    margin: 7px 7px 0 0;
}
.sn {
    width: 55px !important;
}
#modalGroupClass input, 
#modalGroupClass select {
    height: 36px;
}
#modalGroupClass select {
    width: 70%;
}
#modalGroupClass .cke_skin_kama {
    width: 100% !important;
}
#modalGroupClass .ttype {
    margin-bottom: 6px;
}
.ht-inpt input[type=text], 
.ht-inpt input[type=password], 
.ht-inpt select {
    height: 36px;
    width: 90%;
}
.ht-inpt select {
    margin: 0;
    margin-bottom: 10px;
}
#selectMember .chzn-container-single .chzn-single {
    height: 36px;
    line-height: 33px;
}
#selectMember .btn, #gend .btn, #mart .btn {
    height: 36px;
}
#gend, #mart {
    width: 95%;
}
#gend .btn, #mart .btn {
    width: 50%;
}
#refreshToViewWebcamImage #files #useImg, 
#refreshToViewWebcamImage #files #dp {
    min-height: 80px !important;
    max-height: 80px !important;
}
.adm-form .styleall {
    width: 125px !important;
    border: 0;
    padding: 0;
    margin: 10px 0 0 0 !important;
}
.adm-form #specific_time_block_html {
    margin-top: 30px;
}
.adm-form #specific_time_block_html input {
    margin-right: 3px;
    position: relative;
    top: -2px;
}
.attendance-page .atft .attendance-side {
    display: flex;
    align-items: center;
    margin-top: -5px;
}
.attendance-page .atft .attendance-side .attendance-tt {
    font-size: 16px;
}
.attendance-page .atft .attendance-side .attendance-stats ul.stats {
    display: flex;
}
.attendance-page .atft .attendance-side .attendance-stats ul.stats a li {
    height: auto;
    margin-left: 10px;
}
.attendance-page .atft .attendance-side .attendance-stats ul.stats a li [data-icon]:before {
    margin: 5px 0 0;
}
.attendance-page .atft .attendance-side .attendance-stats ul.stats a li .details {
    margin-left: 35px;
}
.attendance-page .atft .attendance-side .attendance-stats ul.stats a li .details span {
    display: block;
    line-height: 1;
}
.atst-head .title {
    margin-top: 1px;
}
.atst-head .control-label {
    font-size: 16px;
    margin-top: 2px;
}
.atst-head .go-btn {
    height: 36px;
}
.attendancepage .chzn-container-single .chzn-single {
    height: 36px;
    line-height: 33px;
}
.attendance-page .att-list-inp {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.attendance-page .att-list-inp label {
    margin-right:5px;
}
.attendance-page .att-list-inp .att-mrg, 
.attendance-page .att-list-inp .add-on {
    height: 30px;
}
.attendance-page .att-list-inp.input-append .btn.set-btn {
    margin-left: 5px;
}
.member-list-page .mem-sh input {
    height: 30px;
    margin: 0;
}
.member-list-page .mem-sh select {
    margin: 0 10px 0 0;
}
.member-list-page form {
    margin: 0;
}
.tkp .input-append .add-on {
    height: 30px;
}
.adm-form #specific_time_block_html input[type=text] {
    margin-right: 0;
    position: relative;
    top: 0;
    width: 75px;
}
.adm-form #specific_time_block_html .input-append .add-on {
    height: 36px;
    line-height: 1.8;
}
.dp-page input[type="text"] {
    height: 30px;
}
.dp-page select {
    margin-top: 0;
}
.dp-page legend {
    margin-bottom: 10px;
}
.dashboardpage.renewalsnewpage .metro-nav .metro-nav-block a {
    display: flex;
    align-items: center;
}
.dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block .fs1.count-renew {
    margin-top: 0;
}
.dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block .info {
    position: static;
    padding: 0 0 0 10px;
}
.dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block.nifp {
    min-width: 250px;
}
.dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block.rfp {
    min-width: 200px;
}
.all-page input[type=text], .all-page .input-append .add-on, .all-page .input-append .btn {
    height: 30px;
    font-size: 12px;
}
.btn-h30 {
    height: 30px;
}
.dashboardpage.renewalsnewpage .renew-top-left {
    margin-top: 4px;
}
.dashboardpage.renewalsnewpage .sdp, .dashboardpage.renewalsnewpage .renew-search {
    margin-top: 4px;
}
/* .pagination.pg2 {
    margin: -10px 0 15px 0;
} */
.rf-modal #followquery {
    width: 93%;
}
.sms-mail-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#payDetail .pil {
    line-height: 1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#payDetail .success {
    margin-right: 40% !important;
    margin-top: -17%;
}
#payDetail .input-append .add-on {
    height: 30px;
}
#payDetail .sgmt {
    margin-top: -2px;
}
#payDetail .sgmt {
    top: -2px;
    position: relative;
}
.memtranspage .chzn-container-single .chzn-single {
    height: 36px;
    line-height: 36px;
}
.rd-head .title {
    margin-top: 3px;
}
.attendance-page .alert.alert-success .att-list-inp, .attendance-page .alert.alert-success input {
    margin-bottom: 0;
}
.attendance-page .alert {
    padding: 4px 10px 4px 10px;
}
.bht-36 {
    height: 35px;
}
#cke_mailtemplatemsg {
    width: 100% !important;
}
.freezmemberpage .chzn-container-single .chzn-single {
    height: 30px;
    line-height: 30px;
} 
.ht-30 {
    height: 30px;
}
.dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right {
    width: 40%;
}
.dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right input[type="text"] {
    width: 41%;
}
#dt_example .dataTables_info {
    margin-top: 0;
}
.pcashpage .widget-header.for-search input[type="text"] {
    margin-top: 2px!important;
}
.pcashpage .pull-right.right-petty {
    margin-top: 5px;
    margin-right: 5px;
}
.ht-36 {
    height: 34px;
}
.addtrainerpage .widget-header.for-search input[type="text"] {
    margin-top: 2px !important;
}
.addtrainerpage .trainer-top {
    position: relative;
    top: 10px;
}
.addtrainerpage .trainer-top a {
    margin-right: 5px;
}
.emattendancepage .dashboard-wrapper .main-container .widget .widget-header .title {
    margin-top: 2px;
}
.emattendancepage .input-append .add-on {
    min-height: 30px;
}
.salarypage .dashboard-wrapper .main-container .widget .widget-header .title {
    margin-top: 2px;
}
.salarypage .span6.slinfo {
    margin-top: 4px;
}
.salarypage #showAttendencerecord .widget .widget-header .span12, 
.salarypage #PaymentArea .widget .widget-header .span12 {
    margin-top: 5px;
}
.add-on.ext-ad-on {
    min-height: 30px;
}
#dt_example .dataTable .sorting {
    letter-spacing: -.03rem;
}
.salarypage .input-prepend .add-on {
    height: 30px;
}
.agc-page .dashboard-wrapper .main-container .widget .widget-header .title {
    margin-top: 5px;
}
.agc-page legend {
    margin-bottom: 15px;
}
.agc-page input[type="text"], 
.agc-page input[type="file"], 
.agc-page select {
    width: 85%;
}
.agc-page input[type="text"].width-53 {
    width: 79px;
    margin-bottom: 10px;
}
.agc-page .gp-image {
    width: 100px;
    max-height: 65px;
}
.agc-page .gp-image img {
    width: 100px;
    max-height: 65px;
}
.agc-page .bdays {
    margin-top: 10px;
}
.agc-page .day-batch {
    margin-left: 15px;
    width: 85px;
}
.psc-page .dashboard-wrapper .main-container .widget .widget-header .title {
    margin-top: 5px;
}
.psc-page .wws {
    margin-top: 15px;
}
.psc-page .panel-primary>.panel-heading {
    color: #428bca;
    border: 0;
    background-color: #ffffff !important;
    font-size: 22px;
    margin-top: 0;
    border-bottom: 1px solid #428bca;
}
.psc-page .panel-info>.panel-heading {
    margin-bottom: 0;
}
.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
    border: 1px solid #e0e0e0;
}
.panel>.table>tbody:first-child th, .panel>.table>tbody:first-child td {
    border-top: 1px solid #e0e0e0;
}
.psc-page .table td {
    padding: 5px 10px;
}
.psc-page .panel.panel-body {
    margin-bottom: 0;
}
.dptpage .widget-header.for-search label {
    margin-top: 2px;
}
.dptpage .diet-plan-top-btn {
    padding-top: 5px;
}
.dptpage .diet-plan-top-btn {
    position: relative;
    top: 5px;
    right: 5px;
}
.maspage .dashboard-wrapper .main-container .widget .widget-header .btn {
    margin-top: 6px;
}
.maspage .table td {
    vertical-align: middle;
}
.maspage .table td input[type="text"] {
    margin: 0;
}
.maspage select {
    margin-top: 0;
}














@media screen and (max-width:1024px) {
    .header-middle {
        float: left;
        width: 70%;
    }
    .dashboard-wrapper .main-container {
        padding: 5px 10px;
    }
    .home-cards {
        margin-left: 15px !important;
    }
    .dashboardpage .metro-nav .metro-nav-block .info {
        font-size: 12px;
    }
    .dashboardpage .mtnavbox .metro-nav-block {
        width: 32.1%;
    }
    .row-fluid.tact {
        margin-left: -10px;
        margin-right: -10px;
        width: auto;
    }
    .row-fluid.tact .span6 {
        width: 50%;
    }
    .widget .widget-header .mem-id-sh {
        width: 85%;
    }
    .widget .widget-header .mem-id-sh .chzn-container {
        width: 100% !important;
    }
    .lb-emp {
        display: none;
    }
    .modal.fade.in {
        left: 50% !important;
        transform: translateX(-8%);
    }
    .modal-body {
        max-height: 410px;
    }
    .inner-calender-igym .bgrow td {
        height: 110px;
    }
    #selectMember .chzn-container {
        width: 79% !important;
    }
    .adm-form .span6.half {
        width: 100%;
        padding: 0 !important;
    }
    .adm-form #files {
        width: auto;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
    .adm-form #files .success {
        margin-right: 0% !important;
        margin-top: 0 !important;
    }
    .adm-form .span6.half .span6.fltl {
        padding: 0 !important;
    }
    .adm-form #specific_time_block_html {
        margin-top: 0px;
    }
    .attendance-page .att-list-inp {
        display: block;
    }
    .member-list-page .mem-sh #srchfrm {
        float: left !important;
    }
    .member-list-page .mem-sh .res-width-100 {
        width: 68%;
        float: right;
    }
    .member-list-page .mem-sh select {
        margin: 0 5px 0 0;
    }
    .member-list-page .mem-sh select.res-dif {
        width: 120px;
    }
    #myModalEdit .ums6 {
        padding-left: 0!important;
        margin-top: 10px;
    }
    #myModalEdit .ums6 .ums66 {
        padding-left: 0!important;
    }
    #myModalEdit .ums6 .ums66 .res-modal-btn {
        margin: 0 0 0px -1px!important;
    }
    #myModalEdit .ums6 .success {
        margin-top: 0px !important;
    }
    .adm-form #specific_time_block_html .span4 {
        width: 45%;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block.nifp {
        min-width: 210px;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block.rfp {
        min-width: 170px;
    }
    .dashboardpage.renewalsnewpage .renew-top-left {
        margin-top: 4px;
        width: 30%;
    }
    .rf-modal .span6 {
        padding: 0px !important;
    }
    .mtt-page .span3.gender_div {
        margin-bottom: 15px;
    }
    .mtt-page .up6 {
        padding: 0;
    }
    .mtt-page .up6, .mtt-page #addupload {
        padding: 0 !important;
    }
    .mtt-page #me.styleall {
        padding: 0;
        margin-left: 0;
    }
    .mtt-page #files {
        margin-top: 0 !important;
    }
    .mtt-page #files .success {
        top: 50px;
        float: none !important;
        position: relative;
        right: 50px;
    }
    legend {
        margin-bottom: 10px;
    }
    .dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right {
        width: 48%;
    }
    .accountbalancepage .metro-nav .metro-nav-block.double {
        width: 49%;
    }
    .salarypage .span6.slsrh {
        padding: 0 !important;
    }
    .salarypage .span6.slsrh .chzn-container {
        width: calc(100% - 50px) !important;
    }
    .salarypage #showAttendencerecord .row-fluid .span6 {
        padding: 0px !important;
    }
    .salarypage #showAttendencerecord .row-fluid .span6 {
        padding: 0px !important;
        width: 50%;
    }
    .salarypage #showAttendencerecord .widget .widget-header .span12 .span7 {
        width: 58%;
    }
    .salarypage #showAttendencerecord .scsec .span4, 
    .salarypage #showAttendencerecord .scsec2 .span4 {
        width: 100%;
    }
    .salarypage #showAttendencerecord .scsec3 .span6 .control-group {
        margin-bottom: 0;
    }
    .salarypage #showAttendencerecord .scsec3 .span6 input[type="text"] {
        width: 90%;
    }
    #myModalExpanse select {
        width: 90%;
    }
    .agc-page input[type="text"].width-53 {
        width: 35%;
        margin-bottom: 10px;
    }
    .agc-page select {
        width: 85%;
        margin-top: 0px;
    }
    .agc-page .bcday {
        width: 75px;
    }
    .agc-page .adcsec3 .row-fluid .span3 {
        width: 33.3333%;
    }
    .psc-page input[type="text"], 
    .psc-page select {
        width: 95%;
    }
    .psc-page input[type="text"].span8 {
        width: 80%;
    }
    .psc-page .dashboard-wrapper .main-container .widget .widget-header select {
        width: 50%;
    }
    .panel-heading {
        padding: 10px 10px;
    }
    .panel-body {
        padding: 10px;
    }
    .psc-page .panel-body.diet-plan-panel.p-0 {
        padding: 10px 0 0 0;
    }
    .psc-page .panel-body .row-fluid .span6 {
        width: 50%;
    }
    .psc-page .ascdtsec .span3  {
        margin-bottom: 5px;
    }
    .psc-page.psc-page-2 .panel-body .row-fluid .span6 {
        width: 100%;
    }
}

@media screen and (max-width:992px) {
    .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 15.3%;
    }
    .modal.fade.in {
        top: 3%;
    }
    .member-list-page .mem-sh select.select-less {
        width: 24%;
    }
    .attendance-page .att-list-inp.input-append .btn.set-btn {
        margin-left: 0px;
        padding: 4px 10px;
        margin-top: 1px;
    }
    .dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right input[type="text"] {
        width: 40%;
    }
}

@media screen and (max-width:820px) {
    .header-middle {
        float: left;
        width: 65%;
    }
    .header-middle .hm-inner .hm-search {
        width: 40%;
    }
    .header-middle .hm-inner .hm-mobile, 
    .header-middle .hm-inner .hm-lang {
        width: 30%;
    }
    .dashboardpage .mtnavbox {
        width: 80%;
    }
    .dashboardpage .mtnavbox .metro-nav-block {
        width: 31.9%;
    }
    .dashboardpage .metro-nav .metro-nav-block [data-icon]::before {
        font-size: 16px;
    }
    .metro-nav .metro-nav-block a {
        padding: 5px 5px;
    }
    .dashboardpage .metro-nav .metro-nav-block .info {
        font-size: 12px;
        padding-left: 25px;
        letter-spacing: -.02rem;
        text-shadow: none;
    }
    .home-cards {
        margin-left: 13px !important;
    }
    .info-box-icon {
        height: 80px !important;
        width: 70px !important;
        font-size: 35px !important;
        line-height: 70px !important;
    }
    .info-box-icon img {
        width: 70%;
    }
    .info-box-content {
        padding: 5px 0 !important;
        margin-left: 80px !important;
    }
    .info-box-number {
        font-size: 22px !important;
    }
    .info-box .progress {
        margin: 5px 0 5px 0 !important;
    }
    .progress-description, .info-box-text {
        font-size: 14px !important;
    }
    .info-box {
        min-height: 80px !important;
    }
    .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 31.6%;
    }
    .widget .widget-header .mem-id-sh {
        width: 83%;
    }
    .br-none {
        display: nones;
    }
    .enqlstpage .mtnavbox {
        width: 75%;
        margin: -6px 0 0 0;
    }
    .enqlstpage .mtnavbox .metro-nav .metro-nav-block.double {
        width: 31% !important;
    }
    .enqlstpage .mtnavbox .metro-nav .metro-nav-block .info {
        font-size: 16px !important;
    }
    .modal.fade.in {
        left: 50% !important;
        transform: translateX(-11%);
        width: 90%;
    }
    .niel .niel-inner .niel-right {
        gap: 0 5px;
    }
    .niel .niel-inner .niel-left {
        width: calc(100% - 255px);
        gap: 0 5px;
    }
    .niel .niel-inner .niel-left .niel-date {
        width: 48%;
    }
    .niel .niel-inner .niel-left .niel-date input {
        width: 100%;
    }
    .inner-calender-igym .bgrow td {
        height: 80px;
    }
    #selectMember .chzn-container {
        width: 76% !important;
    }
    .attendance-page .att-list-inp .att-mrg, .attendance-page .att-list-inp .add-on {
        width: auto;
        max-width: 120px;
    }
    .attendance-page .att-list-inp.input-append .btn.set-btn {
        display: block;
        margin-left: 0;
        margin-top: 5px;
    }
    .member-list-page .mem-sh .res-width-40 {
        width: 100% !important;
        float: none !important;
        margin-bottom: 5px;
    }
    .member-list-page .mem-sh #srchfrm {
        float: none !important;
    }
    .member-list-page .mem-sh input[type=text] {
        width: calc(100% - 57px);
    }
    .member-list-page .mem-sh .res-width-100 {
        width: 100%;
        float: none;
    }
    .member-list-page .mem-sh select.select-less {
        width: 33%;
    }
    .adm-form #specific_time_block_html {
        width: 100%;
    }
    .adm-form #specific_time_block_html .span4 {
        width: 110px;
    }
    .dashboardpage.renewalsnewpage .mtnavbox {
        width: 70%;
        margin-top: -8px;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block.nifp {
        min-width: 190px;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block.rfp {
        min-width: 150px;
    }
    .dashboardpage.renewalsnewpage .renew-top-left {
        width: 28%;
    }
    .dashboardpage.renewalsnewpage .sdp {
        width: 36%;
    }
    .dashboardpage.renewalsnewpage .sdp .span6 {
        width: 53%;
    }
    .dashboardpage.renewalsnewpage .renew-search {
        width: 34%;
    }
    .dashboardpage.renewalsnewpage .renew-search input[type="text"] {
        width: 67%;
    }
    #membership .span4 {
        width: 50%;
        margin-top: 0 !important;
    }
    #transfer_from_days_custom {
        width: 70%;
    }
    .row-fluid .span5.spn-full {
        width: 80%;
    }
    .actinctpage .pnright {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }
    .actinctpage .pnleft {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }
    .dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right {
        width: 58%;
    }
    .emattendancepage .radio.inline+.radio.inline {
        margin-left: 5px;
    }
    .emattendancepage .span6.schradio {
        padding-left: 0px !important;
    }
    .emattendancepage .schid .chzn-container {
        width: 82%!important;
    }
    .attendance-page .att-list-inp .att.mrg, 
    .attendance-page .att-list-inp .add-on {
        width: auto;
        max-width: 120px;
    }
    .salarypage .span6.slsrh {
        padding: 0 !important;
        width: 40%;
    }
    .salarypage .span6.slinfo {
        margin-top: 4px;
        width: 60%;
    }
    .salarypage #showAttendencerecord .row-fluid .span6 {
        padding: 0px !important;
        width: 100%;
    }
    .salarypage #showAttendencerecord .widget .widget-header .span12 .span7 .span6 {
        width: 50%;
    }
    .salarypage #showAttendencerecord .row-fluid .span6 input[type="text"] {
        width: 83%;
    }
    #dt_example .dataTables_info {
        margin-top: 10px;
    }
    .salarypage #showAttendencerecord .row-fluid .ptssec2 .span6 input[type="text"] {
        width: 72%;
    }
    .salarypage .row-fluid .ptssec2 {
        position: relative;
        top: 0;
    }
    .agc-page .day-batch {
        margin-left: 5px;
        width: auto;
    }
    .gclpage .table-responsive-2 {
        width: 100%;
        overflow-x: auto;
    }
    .gclpage .table-responsive-2 table {
        min-width: 768px;
    }
    .psc-page .panel-body .row-fluid .span6 {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    header #mini-nav li {
        padding: 0 10px;
    }
    .header-middle {
        float: left;
        width: 61%;
    }
    .bar-icon {
        padding: 2px 0 4px 10px;
    }
    .dashboardpage .mtnavbox {
        width: 70%;
        margin: -8px 0 0 0;
    }
    .row-fluid.homegraph .span8 {
        width: 100%;
    }
    .home-cards {
        margin-left: 0 !important;
    }
    .home-cards .widget-body {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 14px;
    }
    .home-cards .widget-body .info-box {
        width: 49%;
        margin-bottom: 0;
    }
    .left-sidebar {
        top: 55px;
    }
    .left-sidebar .user-img {
        margin-top: 7px;
    }
    div#left-sidebar {
        width: 250px;
    }   
    .dashboardpage .wishes-table, 
    .dashboardpage .addTable, 
    .dashboardpage .collect, 
    .dashboardpage .renewal-table, 
    .dashboardpage .expired-table, 
    .dashboardpage .scheduleCard {
        padding: 0 10px !important;
        margin-top: 0px !important;
    }
    #footer {
        padding-left: 0 !important;
    }
    .modal.fade.in {
        left: 50% !important;
        transform: translateX(-9%);
        width: 90%;
    }
    .adm-form .span3 {
        width: 50%;
    }
    #selectMember .chzn-container {
        width: 79% !important;
    }
    .adm-form .span6.half {
        margin-left: 0 !important;
    }
    .adm-form .span6.half .span6.fltl {
        padding: 0 !important;
        margin-top: 0 !important;
    }
    .member-list-page .mem-sh select.res-dif {
        width: 27.7%;
        position: static;
    }
    .member-list-page .mem-sh select.select-less {
        width: 35%;
    }
    .member-list-page .mem-sh .res-radio {
        margin-left: 5px !important;
    }
    .member-list-page .mem-sh .res-width-40 {
        width: 100% !important;
        float: none !important;
        margin-bottom: 5px;
        margin-left: 0;
    }
    #myModalTakePayment .paymentmode.row-fluid .span6 {
        margin-top: 0 !important;
    }
    #myModalTakePayment .row-fluid .span4 {
        width: 50%;
    }
    #myModalTakePayment .span8 {
        width: 66.692665%;
    }
    .dashboardpage.renewalsnewpage .renew-top-left {
        width: 50%;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4 {
        width: 50%;
    }
    .dashboardpage.renewalsnewpage .sdp .span6 {
        width: 72%;
    }
    .mtt-page #files .success {
        top: 0px;
        float: none !important;
        position: relative;
        right: 50px;
    }
    div#compwidgetBody {
        padding: 10px;
    }
    .addtrainerpage .trainer-top {
        position: relative;
        top: -25px;
    }
    .addtrainerpage .trainer-top {
        margin-top: -30px;
    }
    .amdn label {
        display: none;
    }
    .agc-page .adcsec2 .span3 {
        width: 50% !important;
    }
    .agc-page .day-batch {
        margin-left: 15px;
        width: auto;
    }
    .psc-page .ascdtsec .span3 {
        margin-bottom: 5px;
        width: 50%;
    }
    .psc-page .panel-body .row-fluid .span6 {
        margin-top: 0 !important;
    }
    .dptpage .diet-plan-top-btn {
        position: relative;
        top: -8px;
        right: 0;
    }
    .maspage.eas-page .row-fluid .span3 {
        width: 50%;
    }
    .maspage.eas-page .row-fluid .span3 .control-group {
        margin-bottom: 0;
    }
    .maspage.eas-page .row-fluid .span3 .control-group.lst {
        margin-bottom: 15px;
    }
    .maspage.eas-page .row-fluid .span3 input[type="text"], 
    .maspage.eas-page .row-fluid .span3 select {
        width: 90%;
    }
}

@media screen and (max-width:736px) {
    .header-middle {
        float: left;
        width: 59%;
    }
    .header-middle .hm-inner .hm-search {
        width: 43%;
    }
    .header-middle .hm-inner .hm-mobile {
        width: 30%;
    }
    .header-middle .hm-inner .hm-lang {
        width: 36%;
    }
    .home-cards .widget-body .info-box {
        width: 48.9%;
    }
    #enqlocation {
        margin-top: 0 !important;
    }
    .member-list-page .mem-sh select.res-dif {
        width: 25.7%;
        position: static;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header .span6.slinfo {
        margin: 1px 0 5px 0 !important;
    }
    .psc-page input[type="text"].span8 {
        width: 77%;
    }
}

@media screen and (max-width:667px) {
    header #mini-nav {
        float: right;
        margin-top: 0;
    }
    .header-middle {
        float: left;
        width: 58%;
        margin: 0 -15px;
    }
    .header-middle .hm-inner .hm-mobile {
        width: 27%;
    }
    .header-middle .hm-inner .hm-lang {
        width: 37%;
    }
    .dashboardpage .mtnavbox {
        width: 80%;
        margin: -8px 0 0 0;
    }
    .home-cards .widget-body .info-box {
        width: 48.8%;
    }
    .modal.fade.in {
        left: 50% !important;
        transform: translateX(-6%);
        width: 95%;
    }
    #modalGroupClass select {
        width: 90%;
    }
    #modalGroupClass .span11 {
        width: 100%;
    }
    .member-list-page .mem-sh select.select-less {
        width: 30.5%;
    }
    #myModalEdit .ums6 {
        width: 60%;
    }
    #myModalEdit .ums6 #files {
        margin-left: 20px !important;
    }
    .dashboardpage.renewalsnewpage .sdp .span6 {
        width: 68%;
    }
    .actinctpage .pnleft {
        width: 100% !important;
        margin: -15px 0 20px 0 !important;
    }
    .agc-page .bcday {
        width: 75px !important;
    }
}

@media screen and (max-width:640px) {
    .row-fluid.tact .span6 {
        width: 100%;
    }
    header .logo {
        width: 220px;
        float: none;
        display: block;
        margin: -3px 0 0 30px;
    }
    .header-middle {
        float: none;
        width: 100%;
        margin: 10px 0 0 0;
    }
    .header-middle .hm-inner .header-top input, 
    .header-middle .hm-inner .header-top select {
        margin: 0;
    }
    header {
        height: 95px;
    }
    header #mini-nav {
        float: right;
        margin-top: -85px;
    }
    .sndmegapage .widget .widget-header .row-fluid .span10 {
        width: calc(100% - 90px);
    }
    .modal.fade.in {
        left: 50% !important;
        transform: translateX(-4%);
        width: 95%;
    }
    #selectMember .chzn-container {
        width: 77% !important;
    }
    .member-list-page .mem-sh select.res-dif {
        width: 24%;
        position: static;
    }
    .agc-page input[type="text"].width-53 {
        width: 33%;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:568px) {
    .dashboardpage .metro-nav .metro-nav-block .info {
        font-size: 12px;
        padding-left: 25px;
        letter-spacing: -.02rem;
        text-shadow: none;
        margin-top: -5px;
    }
    .home-cards .widget-body .info-box {
        width: 48.6%;
        margin-bottom: 0;
    }
    .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 31.4%;
    }
    .enqlstpage .mtnavbox {
        width: 80%;
        margin: -6px 0 0 0;
    }
    .modal.fade.in {
        left: 50% !important;
        transform: translateX(2%);
        width: 95%;
    }
    .table-responsive table {
        min-width: 568px;
    }
    .attendancepage .att-list-inp .span3 {
        width: 72.351064%;
    }
    .attendance-page .att-list-inp .att-mrg, .attendance-page .att-list-inp .add-on {
        width: auto;
        max-width: 90%;
    }
    .member-list-page .mem-sh select.select-less {
        width: 24%;
    }
    .member-list-page .mem-sh select.res-dif {
        width: 120px;
        position: absolute;
        top: 87px;
        right: 20px;
        left: auto;
    }
    .member-list-page .mem-sh input[type=text] {
        width: calc(100% - 185px);
    }
    .member-list-page .mem-sh select.select-less {
        width: 39.4%;
    }
    #myModalEdit .res-div {
        width: 50% !important;
    }
    #myModalTakePayment .span8 {
        width: 61.692665%;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp {
        width: 69%;
    }
    .rf-modal #followquery {
        width: 95%;
    }
    .btn-group .btn-small {
        margin: 1px !important;
    }
    #membership  {
        margin-top: 10px;
    }
    #membership .span4 {
        width: 100%;
        margin-top: 0 !important;
    }
    .mtt-page .row-fluid .span3 {
        width: 100%;
    }
    .mtt-page .row-fluid .span5 {
        width: 100%;
    }
    .mtt-page input[type="text"] {
        width: 98%;
    }
    #transfer_from_days_custom {
        width: 86%;
    }
    .mtt-page .up6 {
        padding: 0 !important;
        width: 100%;
    }
    .mtt-page .span3.gender_div {
        margin-bottom: 0;
    }
    .mtt-page #me.styleall {
        padding: 0;
        margin-left: 0;
        margin-top: 0;
    }
    .smsmailpage .mtnavbox {
        width: 150px;
        margin: -10px 0 -5px 0;
    }
    .smsmailpage .dashboard-wrapper .main-container .widget .widget-header.all-head {
        height: 85px;
    }
    .smsmailpage .dashboard-wrapper .main-container .widget .widget-header.all-head .span8 {
        margin-bottom: 2px;
    }
    .dashboardpage.expensepage .metro-nav .metro-nav-block [data-icon]::before {
        font-size: 16px;
        color: #FFF;
        line-height: 30px;
    }
    .dashboardpage.expensepage .mtnavbox {
        width: 120px;
    }
    .dashboardpage.expensepage .metro-nav .metro-nav-block .info {
        padding-left: 25px;
        margin-top: -2px;
    }
    .dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right input[type="text"] {
        width: 37%;
    }
    .manageaccpage .pull-right.pull-set-top {
        width: 40%;
    }
    .pcashpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 35%;
    }
    .emattendancepage .dashboard-wrapper .main-container .widget .widget-header .span6.schid {
        margin-top: 20px !important;
        padding: 0 !important;
    }
    .salarypage #showAttendencerecord .row-fluid .span6 input[type="text"] {
        width: 80%;
    }
    .salarypage #showAttendencerecord .row-fluid .ptssec2 .span6 input[type="text"] {
        width: 69%;
    }
    .agc-page input[type="text"].width-53 {
        width: 32%;
        margin-bottom: 10px;
    }
    .psc-page input[type="text"].span8 {
        width: 73%;
    }
}

@media screen and (max-width:480px) {
    .bar-icon {
        padding: 2px 0 4px 10px;
        margin-top: 0;
    }
    header {
        height: 95px !important;
    }
    header .logo {
        width: 220px;
        float: none;
        display: block;
        margin: -3px 0 -2px 30px;
    }
    header #mini-nav {
        float: right;
        margin-top: -87px;
    }
    .dashboardpage .mtnavbox {
        width: 100%;
        margin: 5px 0 -5px 0;
    }
    .mrg-back {
        margin-left: 0;
    }
    .dashboardpage .metro-nav .metro-nav-block .info {
        padding-left: 35px;
    }
    .home-cards .widget-body .info-box {
        width: 48.3%;
        margin-bottom: 0;
    }
    .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 31%;
    }
    .dashboard-wrapper .main-container .widget .widget-header, .dashboard-wrapper .main-container .widget-border .widget-header {
        margin-top: 0px !important;
        height: 45px;
        line-height: 30px;
        padding-top: 18px!important;
    }
    .dashboard-wrapper .main-container .widget .widget-header .title, .dashboard-wrapper .main-container .widget-border .widget-header .title {
        margin-top: -10px !important;
    }
    .widget .widget-header .mem-id {
        margin-top: -10px;
    }
    .sndmegapage .widget .widget-header .row-fluid .span10 {
        width: calc(100% - 90px);
        margin: 0 0;
    }
    .sndmegapage .search-top-mrg {
        margin-top: -6px !important;
        width: 100%;
        float: none;
    }
    .dashboard-wrapper .main-container .widget .widget-header.emp-title .title {
        margin-top: -15px !important;
    }
    .modal.fade.in {
        left: 50% !important;
        transform: translateX(-51%);
        width: 95%;
    }
    .span3.span-50, div.span3.span-50#enqDate {
        width: calc(50% - 10px);
    }
    div.span3.span-50#enqDate {
        margin-left: 10px;
    }
    .niel .niel-inner .niel-right input {
        height: 36px;
        margin: 0;
    }
    .niel .niel-inner .niel-left .niel-date input {
        width: 100% !important;
        margin: 0 !important;
    }
    .niel .niel-inner {
        margin: -14px 0 0 0;
    }
    .chth {
        width: 25px !important;
    }
    .thname {
        width: 130px;
    }
    .thmb {
        width: 100px;
    }
    .thdb {
        width: 100px;
    }
    .row-fluid a:nth-child(1), .row-fluid a:nth-child(3), .row-fluid a:nth-child(5) {
        margin-right: 0px !important;
    }
    .dashboard-wrapper .main-container .widget .widget-header.for-search {
        padding-top: 10px !important;
    }
    .mdc .ad-demo {
        margin: 11px 7px 0 0 !important;
    }
    .table.mrg-3 {
        margin-top: 10px !important;
    }
    #modalGroupClass .span4 {
        margin-top: 0 !important;
    }
    #modalGroupClass .gc-kill-css .control-label {
        padding-top: 0 !important;
    }
    #modalGroupClass input, #modalGroupClass select {
        margin: 0;
    }
    #modalGroupClass input[type=text] {
        width: 90%;
    }
    .page-header .sidebtn2 #admissionType label b {
        display: inline;
    }
    .page-header .sidebtn2 #admissionType label input {
        height: 18px !important;
        width: 18px !important;
    }
    .page-header .sidebtn2 #admissionType label.radio.inline {
        font-size: 16px;
    }
    .admpage .memtype select {
        width: 98% !important;
        margin-top: 5px;
    }
    #selectMember .chzn-container {
        width: 71% !important;
        margin-top: 5px;
    }
    .admpage input#SerachMember {
        width: auto;
        margin-top: 5px !important
    }
    #gend .btn, #mart .btn {
        width: 50%;
        margin-top: 5px;
    }
    .admpage input.span10, .admpage select.span10, .admpage textarea.span10 {
        width: 91%;
    }
    .admpage .full-width.tnr {
        width: 50% !important;
    }
    .attendance-page form.form-horizontal, 
    .attendance-page .form-horizontal .control-group {
        margin-bottom: 0px;
    }
    .dashboard-wrapper .main-container .widget .widget-header.atst-head .title {
        margin-top: -21px !important;
    }
    .out-mrg {
        margin-left: 10px ! Important;
    }
    .input-append .add-on {
        margin-left: -1px;
        margin-top: 5px ! Important;
    }
    .attendancepage .set-btn {
        margin-top: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
    #myModalEdit .ums6 {
        width: 70%;
    }
    #myModalTakePayment .paymentmode.row-fluid .span6 {
        margin-top: 0 !important;
        width: 100%;
    }
    #myModalTakePayment .span8 {
        width: 56.692665%;
    }
    .dp-page .widget-header .title h4, .dp-page2 .widget-header .title h4 {
        margin: 3px 0;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp {
        width: 65%;
    }
    .dashboardpage.renewalsnewpage .mtnavbox {
        width: 75%;
        margin-top: -8px;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block .info {
        margin-top: 17px !important;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block .fs1.count-renew {
        margin-top: 18px;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .renew-metro {
        height: 40px !important;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block.nifp {
        min-width: 180px;
        width: 53% !important;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block.rfp {
        min-width: 150px;
        width: 40% !important;
    }
    .dashboardpage.renewalsnewpage .span3.renew-top-left {
        margin: 0;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp {
        width: 65%;
        margin-top: -1px;
        margin-bottom: 15px;
    }
    .sel-wid {
        width: 90% !important;
    }
    .model-renew-box1 {
        width: 90% !important;
        float: none;
        margin-top: auto;
    }
    .rf-modal #followquery {
        width: 95% !important;
    }
    .btn-group .btn-small {
        margin: 1px !important;
    }
    .memtranspage .btn {
        margin-top: 0;
    }
    .dashboard-wrapper .main-container .widget .widget-header.rd-head .title {
        margin-top: -17px !important;
    }
    .attendance-page .att-list-inp.input-append .btn.set-btn {
        padding: 4px 10px;
        margin-top: 1px !important;
        width: 96% !important;
    }
    .mtt-page input[type="text"], .mtt-page input[type="password"] {
        width: 95%;
    }
    .mtt-page #me.styleall {
        padding: 0;
        margin-left: 0;
        margin-top: 10px;
    }
    #transfer_from_days_custom {
        width: 80%;
    }
    .mtt-page .row-fluid .span5, .mtt-page .row-fluid .span3 {
        width: 100%;
        margin: 0;
    }
    .full-width {
        width: 100% !important;
    }
    .smsmailpage .dashboard-wrapper .main-container .widget .widget-header.all-head .title {
        margin-top: -22px!important;
    }
    .actinctpage .pnleft {
        width: 100% !important;
        margin: -31px 0 20px 0 !important;
    }
    .smsmailpage .sms-top {
        margin-top: 5px !important;
    }
    .smsmailpage .sms-top-radio, .smsmailpage .todo-container input[type=text] {
        margin-top: 0;
    }
    .dashboard-wrapper .main-container .widget .widget-header.all-head.all-head-2 .title {
        margin-top: -16px !important;
    }
    .freezmemberpage .dbsp .row-fluid .span4 {
        margin: 0;
    }
    .dashboardpage.expensepage .mtnavbox {
        width: 150px;
    }
    .dashboardpage.expensepage .metro-nav .metro-nav-block [data-icon]::before {
        font-size: 16px !important;
    }
    .dashboardpage.expensepage .metro-nav .metro-nav-block .info {
        padding-left: 25px;
        margin-top: 2px !important;
    }
    .dashboardpage.expensepage .mtnavbox {
        width: 158px;
        margin: -5px 0;
    }
    .expense-metro {
        width: 100px !important;
    }
    .dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right .width-48 {
        width: 59px !important;
        padding: 4px 5px;
    }
    .dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right {
        width: 58%;
        margin-top: -20px;
    }
    .manageaccpage .manage-top {
        margin-top: -56px;
        float: right;
        margin-right: -15px;
    }
    .manageaccpage .pull-right.pull-set-top {
        width: 100%;
        margin-top: -5px;
    }
    .pcashpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 86%;
    }
    .pcashpage .right-petty {
        margin-top: 4px !important;
        margin-right: 0;
        width: 100%;
    }
    .pcashpage .right-petty a {
        width: 48%;
    }
    .pcashpage .right-petty .label {
        width: 48%;
    }
    .mpr-page div#complainsearchBox {
        margin: -5px 0 0 0 !important;
    }
    .mpr-page div#complainsearchBox form {
        margin: 0 0 10px;
    }
    div#compwidgetBody td {
        padding: 5px 10px;
    }
    .addtrainerpage .trainer-top {
        position: relative;
        top: 8px;
    }
    .emattendancepage .dashboard-wrapper .main-container .widget .widget-header .title {
        margin-top: -18px !important;
    }
    .emattendancepage .dashboard-wrapper .main-container .widget .widget-header .span6.schid .m4 {
        margin-top: 1px;
    }
    .attendance-page .att-list-inp .att.mrg {
        margin-top: 5px;
    }
    .attendance-page .att-list-inp .att.mrg {
        margin-top: 5px !important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header {
        margin-top: 0 !important;
        height: 55px !important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header .title {
        margin-top: -8px !important;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header.wheader2 .span5 {
        width: 125px !important;
        margin-top: -10px !important;
    }
    .salarypage #showAttendencerecord .widget .widget-header .span12 .span7 {
        width: 65%;
        margin-top: -15px !important;
    }
    .salarypage #showAttendencerecord .row-fluid .span6 input[type="text"] {
        width: 75%;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header .btn {
        margin-top: 0px;
    }
    .salarypage .row-fluid .ptssec2 {
        margin-top: -10px;
    }
    .salarypage #showAttendencerecord .row-fluid .ptssec2 .span6 input[type="text"] {
        width: 62%;
    }
    .salarypage .row-fluid .ptssec2 .span6.btnmgt {
        margin-top: 0 !important;
    }
    .agc-page input[type="text"], .agc-page input[type="file"], .agc-page select {
        margin-top: 0;
        margin-bottom: 0;
    }
    .agc-page .input-append .add-on {
        margin-left: -1px;
        margin-top: 0px ! Important;
    }
    .agc-page input[type="text"].width-53 {
        width: 42% !important;
        margin-bottom: 0;
    }
    .adcpage.agc-page .adcsec1 .span3 {
        min-height: auto;
    }
    .agc-page .bdays {
        margin-top: 5px;
    }
    .agc-page .day-batch {
        margin-left: 10px !important;
        width: auto !important;
        margin-right: 0 !important;
        margin-top: 0px;
    }
    .agc-page input[type="text"].width-53 {
        width: 40% !important;
        margin-bottom: 0;
    }
    .agc-page .dashboard-wrapper .main-container .widget .widget-header .title {
        margin-top: -15px !important;
    }
    .psc-page .dashboard-wrapper .main-container .widget .widget-header .title {
        margin-top: -11px !important;
    }
    .psc-page .ascdtsec {
        margin: 0;
    }
    .psc-page input[type="text"], .psc-page select {
        margin: 0;
    }
    .ascdtpage.psc-page .ascdtsec .btn-center {
        margin-bottom: 0;
        float: none;
        margin-top: 0 !important;
    }
    .psc-page input[type="text"].span8 {
        width: 69%;
    }
    .psc-page .panel-body.diet-plan-panel.p-0 {
        padding: 10px !important;
    }
    .panel {
        margin-bottom: 10px;
    }
    .maspage .massec .span4 {
        width: 50%;
        margin: 0;
    }
    .maspage .massec .span4.span-full {
        width: 100%;
        margin: 0;
    }
    .maspage .massec .span4 input[type="text"] {
        width: 95%;
        margin-top: 0px;
    }
    .maspage .massec .span4 select {
        width: 90%;
        margin-top: 0px;
    }
    .maspage .dashboard-wrapper .main-container .widget .widget-header .btn {
        margin-top: -3px;
    }
    .maspage .table td .dtm {
        width: 130px;
    }
    .maspage form {
        margin-bottom: 10px;
    }
    .maspage.eas-page .row-fluid .span3 input[type="text"], .maspage.eas-page .row-fluid .span3 select {
        width: 90%;
        margin-top: 0;
    }
}

@media screen and (max-width:430px) {
    .dashboard-wrapper .main-container .page-header {
        padding: 10px 0 15px 0;
    }
    .home-cards .widget-body {
        gap: 10px 0;
    }
    .home-cards .widget-body .info-box {
        width: 100%;
        margin-bottom: 0;
    }
    .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 30.6%;
    }
    .enqlstpage .mtnavbox {
        width: 79%;
        margin: -6px 0 0 0;
    }
    .thname {
        width: 110px;
    }
    .thmb {
        width: 90px;
    }
    .thdb {
        width: 90px;
    }
    .ntlspage .dashboard-wrapper .main-container .widget .widget-header.niel {
        height: auto;
    }
    .niel .niel-inner {
        margin: -10px 0 -7px 0;
        display: block;
    }
    .niel .niel-inner .niel-left {
        width: 100%;
        gap: 0 5px;
    }
    .niel .niel-inner .niel-right {
        gap: 0 10px;
        justify-content: center;
        margin-top: 7px;
    }
    .ntlspage .dashboard-wrapper .main-container .dt-table .widget-header.for-search {
        padding-top: 10px !important;
    }
    #modalGroupClass .span4 {
        width: 100% !important;
    }
    #modalGroupClass input[type=text], 
    #modalGroupClass select {
        width: 100%;
    }
    #modalGroupClass .ttype {
        margin-bottom: 4px;
    }
    .member-list-page .mem-sh select.res-dif {
        width: 120px;
        position: absolute;
        top: 82px;
        right: 20px;
        left: auto;
    }
    .member-list-page .mem-sh select.select-less {
        width: 31.4%;
    }
    #myModalEdit .res-div {
        width: 100% !important;
    }
    #myModalEdit .um .span3 input, #myModalEdit .um .span3 select, #myModalEdit .um .span3 textarea {
        width: 100%;
    }
    #myModalTakePayment .span8 {
        width: 50.692665%;
    }
    .dashboardpage.renewalsnewpage .mtnavbox {
        width: 100%;
        margin-top: 5px;
        margin-bottom: -5px;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block.rfp {
        width: 44% !important;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block.nifp {
        width: 53% !important;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp {
        width: 60%;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp input.span6 {
        width: 59%;
    }
    .btn-group .btn-small {
        margin: 1px !important;
    }
    .attendance-page .att-list-inp.input-append .btn.set-btn {
        width: 100% !important;
    }
    .freezmemberpage .chzn-container {
        width: 66% !important;
    }
    .dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right {
        width: 68%;
        margin-top: -20px;
    }
    .manageaccpage .manage-top {
        margin-top: -20px;
        float: none;
        width: 100%;
        margin-bottom: 5px;
    }
    .manageaccpage .dashboard-wrapper .main-container .widget .widget-header, .dashboard-wrapper .main-container .widget-border .widget-header {
        height: 82px;
    }
    .pcashpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 84%;
    }
    .attendance-page .att-list-inp .att.mrg, .attendance-page .att-list-inp .add-on {
        width: auto;
        max-width: 90% !important;
    }
    .salarypage #showAttendencerecord .widget .widget-header .span12 .span7 {
        width: 64%;
        margin-top: -15px !important;
    }
    .salarypage #showAttendencerecord .row-fluid .span6 input[type="text"] {
        width: 73%;
    }
    .salarypage #showAttendencerecord .row-fluid .ptssec2 .span6 input[type="text"] {
        width: 58%;
    }
    .agc-page .bcday {
        width: 100% !important;
    }
    .agc-page .bcday label.emp, 
    .agc-page .day-batch label.emp {
        display: none;
    }
    .agc-page .day-batch {
        margin-left: 0px !important;
        width: auto !important;
        margin-right: 10px !important;
        margin-top: 0px;
    }
    .psc-page .btn-group.ad-schedule-day .btn {
        padding: 5px 10px;
    }
    .psc-page input[type="text"].span8 {
        width: 65%;
    }
}

@media screen and (max-width:414px) {
    .span6.full-414 {
        width: 100%;
    }
    .modal.fade.in {
        left: 50% !important;
        transform: translateX(-9%);
        width: 95%;
    }
    .thname {
        width: 100px;
    }
    .thmb {
        width: 85px;
    }
    .thdb {
        width: 85px;
    }
    .gp-class {
        margin-top: -10px;
    }
    .page-header .sidebtn2 #admissionType label b {
        margin: 0;
    }
    .member-list-page .mem-sh .res-width-40 {
        margin-top: 0px !important;
    }
    .member-list-page .mem-sh input[type=text] {
        width: calc(100% - 54px);
    }
    .member-list-page .mem-sh select.res-dif {
        width: 48%;
        position: static;
        margin-bottom: 5px;
    }
    .member-list-page .mem-sh select.select-less {
        width: 49%;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .member-list-page .mem-sh .res-radio {
        margin-left: 0px !important;
    }
    .member-list-page .mem-sh .res-radio.r2 {
        margin-left: 5px !important;
    }
    .member-list-page .mem-sh .ext-btn {
        margin-left: 32% !important;
    }
    #myModalEdit .ums6 {
        width: 80%;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp {
        width: 55%;
    }
    .btn-group .btn-small {
        margin: 1px !important;
    }
    .memtranspage .chzn-container {
        width: 51% !important;
    }
    .dashboard-wrapper .main-container .page-header {
        padding: 10px 0 10px 0;
    }
    .actinctpage .dashboard-wrapper .main-container .widget .widget-header .span5 {
        width: 70% !important;
        margin-top: 9px;
    }
    .actinctpage .pnleft {
        width: 100% !important;
        margin: -35px 0 20px 0 !important;
    }
    .smsmailpage .sms-top-radio, .smsmailpage .todo-container input[type=radio] {
        width: 17px !important;
        height: 17px !important;
        margin-left: 0px !important;
        margin-top: -1px;
    }
    .freezmemberpage .chzn-container {
        width: 65% !important;
    }
    .dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right {
        width: 70%;
        margin-top: -20px;
    }
    .dashboardpage.expensepage .metro-nav .metro-nav-block .info {
        padding-left: 25px;
        margin-top: -1px !important;
    }
    .manageaccpage .manage-top .radio-manage {
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-right: 5px !important;
        font-size: 12px !important;
    }
    .pcashpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 82%;
    }
    .addtrainerpage .trainer-top {
        position: relative;
        top: 14px;
    }
    .salarypage #showAttendencerecord .widget .widget-header .span12 .span7 {
        width: 61%;
        margin-top: -15px !important;
    }
    .salarypage #showAttendencerecord .row-fluid .span6 input[type="text"] {
        width: 90%;
    }
    #myModalTakePayment .row-fluid .span4 {
        width: 100%;
    }
    .agc-page input[type="text"], .agc-page input[type="file"], .agc-page select {
        width: 95%;
    }
    .agc-page input[type="text"].width-53 {
        width: 56% !important;
        margin-bottom: 0;
    }
    .agc-page .adcsec2 .span3 {
        width: 98% !important;
    }
    .agc-page .adcsec3 .row-fluid .span3 {
        margin-bottom: 10px !important;
    }
    .adcpage .adcsec3 .span3 {
        width: 33.3333% !important;
        margin: 0 !important;
    }
    .agc-page.adcpage .adcsec3 .span3 input[type="text"] {
        width: 90%;
    }
    .psc-page .ad-schedule-day {
        margin-left: 0px !important;
    }
    .dptpage .diet-plan-top-btn {
        position: relative;
        top: -3px;
        right: 0;
    }
}

@media screen and (max-width:394px) {
    .dashboardpage .metro-nav .metro-nav-block .info {
        padding-left: 35px;
        margin-top: -2px !important;
    }
    header .logo {
        width: 190px;
        float: none;
        display: block;
        margin: -3px 0 -2px 30px;
        padding-left: 5px;
    }
    .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 47% !important;
    }
    .modal.fade.in {
        left: 50% !important;
        transform: translateX(-7%);
        width: 95%;
    }
    .thname {
        width: 90px;
    }
    .thmb {
        width: 80px;
    }
    .thdb {
        width: 80px;
    }
    .member-list-page .mem-sh .ext-btn {
        margin-left: 29% !important;
    }
    #myModalTakePayment .row-fluid .span4 {
        width: 100%;
    }
    #myModalTakePayment .span10 {
        width: 100%;
    }
    #myModalTakePayment .span8 {
        width: 78%;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp {
        width: 49%;
    }
    .btn-group .btn-small {
        margin: 1px !important;
    }
    .memtranspage .chzn-container {
        width: 49% !important;
    }
    .attendancepage .dashboard-wrapper .main-container .widget .widget-header .chzn-container {
        width: 60% !important;
    }
    #transfer_from_days_custom {
        width: 77%;
    }
    .freezmemberpage .chzn-container {
        width: 63% !important;
    }
    .dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right {
        width: 75%;
        margin-top: -20px;
    }
    .dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right input[type="text"] {
        width: 36%;
    }
    .dashboardpage.expensepage .mtnavbox {
        width: 158px;
        margin: -10px 0 -5px 0;
    }
    .emattendancepage .dashboard-wrapper .main-container .widget .widget-header .span6.schid .chzn-container {
        width: 39% !important;
    }
    #myModalExpanse select {
        width: 100%;
    }
    #myModalExpanse .row-fluid .span10 {
        width: 100%;
    }
    #myModalExpanse.modalcn .row-fluid .span10 {
        width: 90%;
    }
    .psc-page .btn-group.ad-schedule-day .btn {
        padding: 5px 7px;
    }
    .maspage .table-bordered th, .maspage .table-bordered td {
        letter-spacing: -.03rem;
    }
}

@media screen and (max-width:390px) {
    .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 47% !important;
    }
    .btn-group .btn-small {
        margin: 1px !important;
    }
    .maspage .table td .dtm {
        width: 115px;
    }
}

@media screen and (max-width:384px) {
    .dashboardpage.expensepage .mtnavbox .metro-mob {
        height: 40px !important;
        margin-left: 50px !important;
        margin-top: 8px !important;
    }
}

@media screen and (max-width:376px) {
    .header-middle .hm-inner .hm-mobile {
        width: 25%;
    }
    .header-middle .hm-inner .hm-lang {
        width: 42%;
    }
    .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 46.9% !important;
    }
    .q_ac p, .q_ac1 p, .q_ac2 p, .q_ac3 p, .q_ac4 p, .q_ac5 p {
        font-size: 15px;
    }
    .enqlstpage .mtnavbox {
        width: 78%;
        margin: -6px 0 0 0;
    }
    .modal.fade.in {
        left: 50% !important;
        transform: translateX(-52%);
        width: 95%;
    }
    .thname {
        width: 85px;
    }
    .thmb {
        width: 75px;
    }
    .thdb {
        width: 75px;
    }
    #modalGroupClass .span4, #modalGroupClass .span11 {
        width: 90% !important;
    }
    .page-header .sidebtn2 #admissionType label input {
        height: 15px !important;
        width: 15px !important;
    }
    .page-header .sidebtn2 #admissionType label b {
        font-size: 16px;
        position: relative;
        top: -1px;
    }
    .adm-form .span3 {
        width: 110%;
    }
    .admpage input.span10.mnf, 
    .admpage select.span10.mnf {
        width: 100%;
    }
    .admpage .full-width.tnr {
        width: 110% !important;
    }
    #selectMember .chzn-container {
        width: 79% !important;
        margin-top: 5px;
    }
    .admpage .memtype select {
        width: 90% !important;
        margin-top: 5px;
    }
    #gend .btn, #mart .btn {
        width: 48%;
        margin-top: 5px;
    }
    .member-list-page .mem-sh .ext-btn {
        margin-left: 26% !important;
    }
    .member-list-tbl {
        margin-left: 0;
        margin-top: 0 !important;
    }
    .dp-page2 .ht-inpt input[type=text], 
    .dp-page2 .ht-inpt input[type=password], 
    .dp-page2 .ht-inpt select {
        height: 36px;
        width: 96%;
    }
    .dp-page2 .admpage input.span10.mnf, 
    .dp-page2 .admpage select.span10.mnf {
        width: 97%;
    }
    .dp-page2 .adm-form .span3 {
        width: 100%;
    }
    .dp-page2 #gend .btn, .dp-page2 #mart .btn {
        width: 50%;
        margin-top: 5px;
    }
    .dashboardpage.renewalsnewpage .span3.renew-top-left {
        width: 140px !important;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block .info {
        margin-top: 17px !important;
        font-size: 12px !important;
    }
    .renew-btn {
        margin-left: 0px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp {
        width: 54%;
    }
    .btn-group .btn-small {
        margin: 1px !important;
    }
    .memtranspage .chzn-container {
        width: 46% !important;
    }
    .attendance-page .att-list-inp.input-append .btn.set-btn {
        padding: 4px 5px;
    }
    .actinctpage .dashboard-wrapper .main-container .widget .widget-header .span5 {
        width: 65% !important;
        margin-top: 9px;
    }
    .smsmailpage .sms-top-radio, .smsmailpage .todo-container input[type=radio] {
        width: 15px !important;
        height: 15px !important;
        margin-left: 0px !important;
        margin-top: -1px;
    }
    .smsmailpage .sms-top-radio, .smsmailpage .todo-container {
        font-size: 13px;
    }
    .smsmailpage .mtnavbox {
        width: 150px;
        margin: -6px 0 -5px 0;
    }
    .freezmemberpage .chzn-container {
        width: 60% !important;
    }
    .dashboardpage.expensepage .mtnavbox .metro-mob {
        height: 40px !important;
        margin-left: 50px !important;
        margin-top: -30px !important;
    }
    .manageaccpage .dashboard-wrapper .main-container .page-header h2 {
        margin-bottom: 0;
    }
    .salarypage #showAttendencerecord .widget .widget-header .span12 .span7 {
        width: 55%;
        margin-top: -15px !important;
    }
    .agc-page input[type="text"].width-53 {
        width: 55% !important;
        margin-bottom: 0;
    }
    .agc-page .day-batch {
        margin-left: 0px !important;
        width: auto !important;
        margin-right: 5px !important;
        margin-top: 0px;
    }
}

@media screen and (max-width:361px) {
    .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 46.7% !important;
    }
    .q_ac p, .q_ac1 p, .q_ac2 p, .q_ac3 p, .q_ac4 p, .q_ac5 p {
        font-size: 14px;
    }
    .enqlstpage .mtnavbox {
        width: 77%;
        margin: -5px 0 0 0;
    }
    .thname {
        width: 80px;
    }
    .thmb {
        width: 70px;
    }
    .thdb {
        width: 70px;
    }
    .page-header .sidebtn2 #admissionType label b {
        font-size: 15px;
    }
    .attendancepage .dashboard-wrapper .main-container .widget .widget-header .chzn-container {
        width: 58% !important;
    }
    .member-list-page .mem-sh .ext-btn {
        margin-left: 20% !important;
    }
    #myModalEdit .ums6 {
        width: 90%;
    }
    #myModalTakePayment .span8 {
        width: 76%;
    }
    #myModalTakePayment .span8 {
        width: 72%;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block .info {
        padding: 0 0 0 5px;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block .fs1.count-renew {
        margin-top: 18px;
        font-size: 24px !important;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block.rfp {
        width: 43% !important;
        min-width: 140px;
    }
    .dashboardpage.renewalsnewpage .span3.renew-top-left {
        width: 135px !important;
    }
    .renew-btn {
        margin-left: 0px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .memtranspage .chzn-container {
        width: 44% !important;
    }
    .btn-group .btn-small {
        margin: 1px !important;
    }
    .freezmemberpage .chzn-container {
        width: 59% !important;
    }
    .dashboardpage.expensepage .mtnavbox .metro-mob {
        height: 40px !important;
        margin-left: 50px !important;
        margin-top: 5px !important;
    }
    .dashboardpage.expensepage .mtnavbox {
        width: 158px;
        margin: -3px 0 -5px 0;
    }
    .btn-day {
        margin-left: -1px !important;
        margin-right: -1px !important;
    }
    .psc-page .btn-group.ad-schedule-day .btn {
        padding: 5px 5px;
    }
    .psc-page input[type="text"].span8 {
        width: 60%;
    }
    .dptpage .diet-plan-top-btn .btn {
        padding: 4px 8px;
    }
}

@media screen and (max-width:355px) {
    .attendancepage .dashboard-wrapper .main-container .widget .widget-header .chzn-container {
        width: 57% !important
    }
    .dashboardpage.expensepage .mtnavbox {
        width: 158px;
        margin: 0px 0 -5px 0;
    }
    .dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right {
        width: 80%;
        margin-top: -20px;
    }
}

@media screen and (max-width:320px) {
    .q_ac, .q_ac1, .q_ac2, .q_ac3, .q_ac4, .q_ac5 {
        width: 46.2% !important;
    }
    .q_ac p, .q_ac1 p, .q_ac2 p, .q_ac3 p, .q_ac4 p, .q_ac5 p {
        font-size: 15px;
    }
    .enqlstpage .mtnavbox {
        width: 74%;
        margin: -5px 0 0 0;
    }
    .enqlstpage .mtnavbox .metro-nav .metro-nav-block .info {
        font-size: 14px !important;
        letter-spacing: -.02rem;
    }
    .thname {
        width: 65px;
    }
    .thmb {
        width: 60px;
    }
    .thdb {
        width: 60px;
    }
    #modalGroupClass .span4, #modalGroupClass .span11 {
        width: 78% !important;
    }
    .page-header .sidebtn2 #admissionType label b {
        font-size: 14px;
        letter-spacing: -.03rem;
    }
    #selectMember .chzn-container {
        width: 77% !important;
        margin-top: 5px;
    }
    .attendancepage .att-list-inp {
        width: 32% !important;
    }
    .attendancepage .dashboard-wrapper .main-container .widget .widget-header .chzn-container {
        width: 52% !important;
    }
    .attendance-page .att-list-inp.input-append .btn.set-btn {
        padding: 4px 5px;
    }
    .member-list-page .mem-sh .ext-btn {
        margin-left: 12% !important;
    }
    #myModalEdit .ums6 {
        width: 100%;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block .fs1.count-renew {
        margin-top: 18px;
        font-size: 22px !important;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block .info {
        margin-top: 18px !important;
        font-size: 11px !important;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block.nifp {
        width: 50% !important;
        min-width: 160px;
    }
    .dashboardpage.renewalsnewpage .mtnavbox .metro-nav-block.rfp {
        width: 43% !important;
        min-width: 130px;
    }
    .dashboardpage.renewalsnewpage .main-container .widget .widget-header {
        height: 80px;
    }
    .dashboardpage.renewalsnewpage .span3.renew-top-left {
        width: 100% !important;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp {
        width: 100%;
    }
    .dashboardpage.renewalsnewpage .row-fluid .span4.sdp input.span6 {
        width: 70%;
    }
    .btn-group .btn-small {
        margin: 1px !important;
    }
    .memtranspage .chzn-container {
        width: 37% !important;
    }
    #transfer_from_days_custom {
        width: 72%;
    }
    .actinctpage .dashboard-wrapper .main-container .widget .widget-header .span5 {
        width: 63% !important;
        margin-top: 9px;
    }
    .smsmailpage .sms-top-radio, .smsmailpage .todo-container {
        font-size: 11px;
    }
    .freezmemberpage .chzn-container {
        width: 54% !important;
    }
    .dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right {
        width: 80%;
        margin-top: -20px;
    }
    .dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right input[type="text"] {
        width: 35%;
    }
    .dashboard-wrapper.expn-page .main-container .widget .widget-header .pull-right.expn-right .width-48 {
        width: 55px !important;
        padding: 4px 5px;
    }
    .dashboardpage.expensepage .mtnavbox .metro-mob {
        height: 40px !important;
        margin-left: 20px !important;
        margin-top: 5px !important;
    }
    .pcashpage .dashboard-wrapper .main-container .widget .widget-header label input {
        width: 78%;
    }
    .salarypage .dashboard-wrapper .main-container .widget .widget-header .span6 .chzn-container {
        width: 84% !important;
    }
    .salarypage #showAttendencerecord .widget .widget-header .span12 .span7 {
        width: 50%;
        margin-top: -13px !important;
    }
    .agc-page input[type="text"].width-53 {
        width: 52% !important;
        margin-bottom: 0;
    }
    .agc-page .adcsec2 .day-batch:last-child {
        margin-right: 0 !important;
    }
    .agc-page .day-batch {
        margin-right: 3px !important;
    }
    .agc-page .day-batch .checkbox {
        padding-left: 17px;
    }
    .agc-page .day-batch .checkbox input[type=checkbox] {
        margin-left: -17px;
    }
    .psc-page .btn-group.ad-schedule-day .btn {
        padding: 5px 4px;
    }
    .psc-page input[type="text"].span8 {
        width: 55%;
    }
    .dptpage .diet-plan-top-btn {
        position: relative;
        top: -3px;
        right: -5px;
    }
}