body {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #4b5159;
    background-color: #eaeaeb;
    background-image: none;
    background-repeat: repeat;
    background-position: top left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%
}

:focus {
    outline: 0 !important
}

.headerWrapper {
    background-color: #383c3f;
    color: #fff;
    position: relative;
    position: fixed;
    width: 100%;
    height: 51px;
    top: 0;
    z-index: 1030;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#383c3f), to(#202224));
    background-image: -webkit-linear-gradient(top, #383c3f, 0%, #202224, 100%);
    background-image: -moz-linear-gradient(top, #383c3f 0%, #202224 100%);
    background-image: linear-gradient(to bottom, #383c3f 0%, #202224 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff383c3f', endColorstr='#ff202224', GradientType=0);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1), 4px 0px 15px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1), 4px 0px 15px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1), 4px 0px 15px 0px rgba(0, 0, 0, 0.3);
}

.headerWrapper h1 {
    margin: 0px;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
    font-size: 20px;
    float: left;
    padding-left: 20px;
    line-height: 50px;
}

headerWrapper small {
    font-size: 85%;
}

.headerWrapper .leftZone {
    float: left;
}

.headerWrapper .mobNav {
    float: left !important;
    width: 90% !important;
    padding: 5%;
    background-color: #292b2e;
    box-sizing: unset
}

.headerWrapper .mobNav li {
    width: 100%;
    border-right: none !important;
    border-bottom: 1px solid #485057 !important;
}

.headerWrapper .logo {
    padding: 10px;
    float: left;
    text-align: center;
    font-size: 32px;
    line-height: 50px;
    color: #fff;
    /* background-color: #2980b9;
    border-bottom: 1px solid #0e5585; */
    cursor: default !important;
}

.mmToggler {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
}

.headerWrapper .none {
    display: none;
}

.headerWrapper .nav {
    float: right;
    width: 80%
}

.headerWrapper .nav ul {
    float: left;
    margin: 0;
    padding: 0
}

.headerWrapper .nav li {
    float: left;
    margin: 0 10px 0 0;
    padding: 0 15px 0 0;
    border: 0;
    list-style: none;
    display: block;
    position: relative;
    color: #9BA7B2;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    border-right: 1px solid #485057;
}

.headerWrapper .nav li:last-child {}

.headerWrapper .nav li a {
    color: #9BA7B2;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    display: block;
    line-height: 51px;
}

.headerWrapper .nav li a:hover {
    color: #fff;
}

.headerWrapper .nav li.active a {
    color: #2980b9;
    text-decoration: none;
}

.headerWrapper .nav .menu-toggler {
    float: right;
    padding-left: 20px;
    font-size: 24px;
    color: #888;
    text-shadow: 0px 1px 1px #000;
    line-height: 50px;
    border-right: 1px solid #202224;
    -webkit-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
    -moz-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
    box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
    padding-right: 20px;
}

.headerWrapper .nav .menu-toggler:hover {
    text-decoration: none;
    color: #fff;
}

.headerWrapper .nav .logoutBtn {
    float: right;
    margin-top: 0px;
    position: fixed;
    right: 0;
    top: 0
}

.headerWrapper .nav .logoutBtn button {
    background: #2980b9;
    border: medium none;
    border-radius: 10px;
    box-shadow: none;
    color: #fff;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    float: right;
    margin: 10px 15px 0 0;
    padding: 5px 15px;
}

.headerWrapper .nav .logoutBtn button:hover {
    background: #2980b9;
}

.headerWrapper .queueWait {
    top: 1px;
    float: left;
    min-width: 250px;
    margin-top: 0px;
    margin-top: 0px
}

.headerWrapper .queueWait #camp-queue {
    margin: 0 2px 0 0
}

.headerWrapper .queueWait #camp-queue .no {
    float: left;
    margin: 0 2px 0 0;
    background: #2980b9;
    padding: 2px;
}

.headerWrapper .queueWait .txt {
    float: left;
    margin: 5px 10px 0 0;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ACB8C3;
    font-size: 13px
}

.headerWrapper .queueWait #my-queue {
    float: left;
}

.headerWrapper .queueWait #my-queue .no {
    float: left;
    margin: 0 2px 0 0;
    background: #2980b9;
    padding: 2px;
}

.headerWrapper .queueWait #my-queue .txt {
    float: left;
    margin: 5px 10px 0 0;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ACB8C3;
    font-size: 13px
}

.headerWrapper .logoutBtn1 {
    float: right;
    top: 5px;
}

.headerWrapper .logoutBtn1 button {
    background: #2980b9;
    border: medium none;
    border-radius: 10px;
    box-shadow: none;
    color: #fff;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    float: right;
    margin: 10px 15px 0 0;
    padding: 5px 15px;
}

.headerWrapper .logoutBtn1 button:hover {
    background: #2980b9;
}

.headerWrapper .statusWrapper {
    float: left;
    min-width: 280px;
    margin: 15px 15px 0 0;
    font-size: 12px;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #26c928
}

.headerWrapper .statusWrapper .left {
    float: left;
    margin: 0 5px 0 0
}

.main-content-area {
    margin: 46px 0 0 0 !important
}

.main-content-area .rightPanel {
    float: right;
    width: 15%;
    margin: 0;
    padding: 0
}

.main-content-area .rightPanel .right-part {
    background: #f9c287
}

input.dialPhone {
    background: #fcfcfc !important;
    border: 1px solid #fff !important;
    margin: 8px 5px 15px 7%;
    width: 75%;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 13px
}

#route-name {
    background: #fcfcfc !important;
    border: 1px solid #fff !important;
    margin: 8px 5% 15px 5%;
    width: 90%;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 13px
}

.sub-sidebar-wrapper .number-pad {
    float: left;
    width: 100%
}

.sub-sidebar-wrapper .circle-number {
    background: #2980b9;
    color: #fff;
    border-radius: 25%;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    width: 40px;
    height: 30px
}

.sub-sidebar-wrapper .circle-number:hover {
    background: #2f6781;
}

.sub-sidebar-wrapper .call-activities {
    margin: 5px 0 0 0;
    padding: 10px 5px;
    text-align: center;
}

.sub-sidebar-wrapper .call-activities img {
    width: 55px;
    height: 18px;
    cursor: pointer;
}

.sub-sidebar-wrapper .call-activities .col-sm-3 {
    float: left;
    width: 23%;
    padding: 4px
}

.sub-sidebar-wrapper .dialpad_active {
    border: 2px solid #106096;
    margin: 0;
    text-align: center
}

.sBtn {
    float: left;
    width: auto !important
}

.alertify-logs {
    width: 14% !important
}

.accordion-heading a {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
}

.agentLogin {
    background-color: #bedef3 !important
}

.agentLogin .row {
    margin: 0
}

.agentLogin .submit {
    margin: 0
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    height: auto;
}

.form-control:-moz-placeholder {
    color: #999999;
}

.form-control::-moz-placeholder {
    color: #999999;
}

.form-control:-ms-input-placeholder {
    color: #999999;
}

.form-control::-webkit-input-placeholder {
    color: #999999;
}

.form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #c1bdb8;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
    -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
    -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
    transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control[disabled],
.form-control[readonly],
.login .all-wrapper {
    background-color: #bedef3 !important
}

.login-logo-w {
    text-align: center;
    margin-bottom: 40px;
    padding-top: 30px;
}

.login-logo-w .logo {
    color: #aaa;
    margin-bottom: 20px;
}

.login-logo-w .logo i {
    font-size: 60px;
}

.login-logo-w .logo span {
    font-size: 28px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
}

.glossed .widget {
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

.glossed .widget .widget-title {
    border-radius: 6px 6px 0px 0px;
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    padding: 10px 20px;
}

.glossed .widget .widget-title h3 {
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3);
    margin: 0;
}

.widget .widget-title h3 {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0px;
}

.glossed .widget .widget-title .widget-control {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
}

.glossed .widget .widget-title .widget-control i.icon-remove-sign {
    color: #fff !important;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3) !important;
}

.glossed .widget .widget-title .widget-control:hover {
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3);
}

.glossed .widget .widget-content {
    border-radius: 0px 0px 6px 6px;
    border: 1px solid #cccccc;
    border-top: none;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f9f9f9, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0px -2px 2px 0px #fff;
    -moz-box-shadow: inset 0px -2px 2px 0px #fff;
    box-shadow: inset 0px -2px 2px 0px #fff;
}

.widget .widget-content {
    background-color: #ffffff;
    padding: 20px 30px;
    border-radius: 0px 0px 6px 6px;
}

.glossed .widget.widget-bordered {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.glossed .widget.widget-bordered .widget-title {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px;
}

.glossed .widget.widget-bordered .widget-title h3 {
    text-shadow: none;
}

.glossed .widget.widget-bordered .widget-content {
    background-color: transparent;
    background-image: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.glossed .widget.widget-bordered a.widget-control {
    color: #878585;
    text-shadow: none;
}

.glossed .widget.widget-bordered a.widget-control:hover {
    color: #444;
    text-shadow: none;
}

.glossed .widget.widget-bordered a.widget-control.widget-control-remove i.icon-remove-sign {
    color: #C17070 !important;
    text-shadow: none !important;
}

.glossed .widget.widget-title-minimized .widget-title {
    border-radius: 6px;
}

.glossed .widget-blue .widget-title {
    background-color: #2980b9;
    color: #fff;
    border: 1px solid #114364;
    border-bottom: 1px solid #114364;
}

.glossed .widget-blue .widget-control {
    color: #196090;
}

.glossed .widget-red .widget-title {
    background-color: #e74c3c;
    color: #fff;
    border: 1px solid #d62c1a;
    border-bottom: 1px solid #a82315;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e74c3c), to(#e43725));
    background-image: -webkit-linear-gradient(top, #e74c3c, 0%, #e43725, 100%);
    background-image: -moz-linear-gradient(top, #e74c3c 0%, #e43725 100%);
    background-image: linear-gradient(to bottom, #e74c3c 0%, #e43725 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffe74c3c', endColorstr='#ffe43725', GradientType=0);
}

.glossed .widget-red .widget-control {
    color: #a82315;
}

.glossed .widget-orange .widget-title {
    background-color: #2980b9;
    color: #fff;
    border: 1px solid #165e8f;
    border-bottom: 1px solid #165e8f;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#2980b9), to(#114364));
    background-image: -webkit-linear-gradient(top, #2980b9, 0%, #114364, 100%);
    background-image: -moz-linear-gradient(top, #2980b9 0%, #114364 100%);
    background-image: linear-gradient(to bottom, #2980b9 0%, #114364 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff2980b9', endColorstr='#ff114364', GradientType=0);
}

.glossed .widget-orange .widget-control {
    color: #924d10;
}

.glossed .widget-green .widget-title {
    background-color: #1abc9c;
    color: #fff;
    border: 1px solid #148f77;
    border-bottom: 1px solid #0e6252;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#1abc9c), to(#17a689));
    background-image: -webkit-linear-gradient(top, #1abc9c, 0%, #17a689, 100%);
    background-image: -moz-linear-gradient(top, #1abc9c 0%, #17a689 100%);
    background-image: linear-gradient(to bottom, #1abc9c 0%, #17a689 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff1abc9c', endColorstr='#ff17a689', GradientType=0);
}

.glossed .widget-green .widget-control {
    color: #0e6252;
}

.glossed .widget-purple .widget-title {
    background-color: #9b59b6;
    color: #fff;
    border: 1px solid #804399;
    border-bottom: 1px solid #623475;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#9b59b6), to(#8f4bab));
    background-image: -webkit-linear-gradient(top, #9b59b6, 0%, #8f4bab, 100%);
    background-image: -moz-linear-gradient(top, #9b59b6 0%, #8f4bab 100%);
    background-image: linear-gradient(to bottom, #9b59b6 0%, #8f4bab 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff9b59b6', endColorstr='#ff8f4bab', GradientType=0);
}

.glossed .widget-purple .widget-control {
    color: #623475;
}

.glossed .widget-dark-grey .widget-title {
    background-color: #757575;
    color: #fff;
    border: 1px solid #5b5b5b;
    border-bottom: 1px solid #424242;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#757575), to(#686868));
    background-image: -webkit-linear-gradient(top, #757575, 0%, #686868, 100%);
    background-image: -moz-linear-gradient(top, #757575 0%, #686868 100%);
    background-image: linear-gradient(to bottom, #757575 0%, #686868 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff757575', endColorstr='#ff686868', GradientType=0);
}

.glossed .widget-dark-grey .widget-control {
    color: #424242;
}

.glossed .widget-full-screen {
    background-color: #fff !important;
}

.glossed .widget-full-screen .widget-content {
    background-image: none;
    background-color: #fff !important;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.glossed .form-control {
    border-top: 1px solid #a9a49d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0px 1px 1px #fff;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0px 1px 1px #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0px 1px 1px #fff;
}

.relative-w {
    position: relative;
}

.form-group {
    margin-bottom: 15px;
}

.input-abs-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #aaa;
    font-size: 18px;
}

.glossed .btn-warning {
    color: #ffffff;
    background-color: #f0ad4e;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f4c37d), to(#f0ad4e));
    background-image: -webkit-linear-gradient(top, #f4c37d, 0%, #f0ad4e, 100%);
    background-image: -moz-linear-gradient(top, #f4c37d 0%, #f0ad4e 100%);
    background-image: linear-gradient(to bottom, #f4c37d 0%, #f0ad4e 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff4c37d', endColorstr='#fff0ad4e', GradientType=0);
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.4), 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.4), 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.4), 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4);
    border-color: #eea236;
    border-bottom: 1px solid #df8a13;
}

.glossed .btn-warning:hover,
.glossed .btn-warning:focus,
.glossed .btn-warning:active,
.glossed .btn-warning.active,
.open .dropdown-toggle.glossed .btn-warning {
    color: #ffffff;
    background-color: #2980b9;
    border-color: #114364;
}

.glossed .btn-warning:active,
.glossed .btn-warning.active,
.open .dropdown-toggle.glossed .btn-warning {
    background-image: none;
}

.sub-sidebar-wrapper .routeName {
    float: left;
}

.bordered-box {
    background-color: #f5f5f5;
    border: 1px #dedada solid;
    border-radius: 5px
}

#crm-form .control-label {
    font-size: 12px !important;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.headerWrapper .menu-toggler1 {
    float: right;
    padding-left: 20px;
    font-size: 24px;
    color: #888;
    text-shadow: 0px 1px 1px #000;
    line-height: 50px;
    border-right: 1px solid #202224;
    -webkit-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
    -moz-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
    box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
    padding-right: 20px;
}

.headerWrapper .menu-toggler1:hover {
    text-decoration: none;
    color: #fff;
}

.left-menu {
    float: left;
    background-color: #494f57;
    width: 15%;
    height: 100vh;
    right: -250px;
    border: 1px solid #292c32 !important;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
    -webkit-transition: all all ease-in 0.3s ease-out;
    -moz-transition: all all ease-in 0.3s ease-out;
    -o-transition: all all ease-in 0.3s ease-out;
    transition: all all ease-in 0.3s ease-out;
}

.sub-sidebar-wrapper.ssw {
    left: 50px
}

.leftWrapper {
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
    -webkit-transition: all all ease-in 0.3s ease-out;
    -moz-transition: all all ease-in 0.3s ease-out;
    -o-transition: all all ease-in 0.3s ease-out;
    transition: all all ease-in 0.3s ease-out;
}

.leftWrapper.mcfs {
    z-index: 0;
    width: 80%;
    margin: 0px 10px 0 0;
    float: right;
    height: 86vh;
}

.leftWrapper.mcfs .left-part {
    margin: 50px 0 0 0
}

.targetDiv {
    display: none
}

.sub-sidebar-wrapper ul li {
    margin: 0;
    padding: 0 !important;
    border: none;
}

.sub-sidebar-wrapper {
    margin: 0;
    padding: 50px 0 0 0 !important;
    border: none;
}

.titleHeading {
    background: #2980b9;
    display: inline-block;
    width: 100%;
    padding: 6px 10px;
    color: #fff;
    font-size: 18px;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.keyWrapper {
    float: left;
    width: 100%;
    text-align: center;
    margin: 5px 0 5px 0
}

.keyWrapper img {
    border-radius: 50%;
    cursor: pointer
}

.keyWrapper.dialpad_active img {
    border: 3px solid #cbfe00
}

.plz {
    padding-left: 0 !important
}

.FS {
    width: 100% !important
}

.HS {
    width: 48% !important;
    margin: 0 3% 0 0 !important
}

.HS:last-child {
    margin-right: 0 !important
}

.HSA {
    float: left !important;
    height: 200px !important;
    width: 49% !important;
    margin: 0 0 20px 0 !important
}

.HSB {
    float: right !important;
    height: 200px !important;
    width: 49% !important;
    margin: 0 0 20px 0 !important;
}

.form-group.crmFg {
    float: left;
    width: auto;
}

.dashbordRow {
    float: left;
}

.dashbordRow .form-group {
    float: left;
    width: auto
}

.dashbordRow .form-group {
    width: auto;
}

.ndata {
    float: left;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    text-align: center;
    color: #d54b1d;
    font-size: 20px;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 38vh 0;
}

.bottomZone {
    position: fixed;
    bottom: 5%;
    right: 5%;
    width: 92%;
}

.mcfs .bottomZone {
    width: 78%
}

.mcfs .bottomZone td {
    padding: 0 10px
}

.mcfs .bottom-buttons {
    width: 78%;
    right: 38px;
    left: auto;
    padding: 5px 0px;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
    -webkit-transition: all all ease-in 0.3s ease-out;
    -moz-transition: all all ease-in 0.3s ease-out;
    -o-transition: all all ease-in 0.3s ease-out;
    transition: all all ease-in 0.3s ease-out;
}

.number-screen {
    float: left;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin: 5px;
}

@media(max-width:320px) {}

@media(max-width:480px) {
    .headerWrapper .nav {
        display: none;
    }
    .headerWrapper .mobNav {
        display: block;
    }
    .mmToggler {
        display: block;
    }
    .left-menu {
        width: 87%
    }
    .sub-sidebar-wrapper {
        right: -480px
    }
}

@media only screen and (min-width :481px) and (max-width :640px) {}

@media only screen and (min-width :641px) and (max-width :960px) {}

@media only screen and (min-width :961px) and (max-width :1024px) {}

@media(min-width:1680px) {}

@media (min-width: 1280px) {
    .headerWrapper .statusWrapper {
        min-width: auto
    }
    .circle-number {
        width: 35px
    }
}

@media (min-width: 1024px) {
    .headerWrapper .statusWrapper {
        min-width: auto
    }
    .circle-number {
        width: 25px
    }
    .headerWrapper .nav li a {
        font-size: 12px
    }
    .headerWrapper .queueWait {
        min-width: 110px;
    }
    .headerWrapper .nav .logoutBtn button {
        padding: 5px 10px;
    }
    .mcfs .bottom-buttons {
        width: 78%;
    }
    .leftWrapper.mcfs {
        width: 78%;
        margin: 0px 10px 0 20px;
    }
    #disposition,
    #sub_disposition {
        width: 160px !important;
    }
    .btn-primary {
        padding: 5px !important
    }
    .bottomZone {
        bottom: 5% !important
    }
    input.dialPhone {
        width: 75%
    }
    .compaign-input select {
        width: 80% !important
    }
    .titleHeading {
        font-size: 16px
    }
}

.glossed .btn-warning {
    color: #ffffff;
    background-color: #2980b9 !important;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#409ad5), to(#2980b9)) !important;
    background-image: -webkit-linear-gradient(top, #409ad5, 0%, #2980b9, 100%) !important;
    background-image: -moz-linear-gradient(top, #409ad5 0%, #2980b9 100%) !important;
    background-image: linear-gradient(to bottom, #409ad5 0%, #2980b9 100%) !important;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff4c37d', endColorstr='#fff0ad4e', GradientType=0);
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.4), 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.4), 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.4), 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4);
    border-color: #1b699c;
    border-bottom: 1px solid #1b699c;
}

.glossed .widget-orange .widget-title {
    background-color: #2980b9;
    color: #fff;
    border: 1px solid #1b699c;
    border-bottom: 1px solid #1b699c;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#2980b9), to(#114364));
    background-image: -webkit-linear-gradient(top, #2980b9, 0%, #114364, 100%);
    background-image: -moz-linear-gradient(top, #2980b9 0%, #114364 100%);
    background-image: linear-gradient(to bottom, #2980b9 0%, #114364 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff2980b9', endColorstr='#ff114364', GradientType=0);
}


/* changes */

.headerWrapper .logo {
    width: 50px;
}

.headerWrapper {
    background-color: #126bad;
    color: #fff;
    position: relative;
    position: fixed;
    width: 100%;
    height: 51px;
    top: 0;
    z-index: 1030;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#383c3f), to(#202224));
    background-image: -webkit-linear-gradient(top, #126bad, 0%, #202224, 100%);
    background-image: -moz-linear-gradient(top, #126bad 0%, #202224 100%);
    background-image: linear-gradient(to bottom, #126bad 0%, #202224 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff383c3f', endColorstr='#ff202224', GradientType=0);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1), 4px 0px 15px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1), 4px 0px 15px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1), 4px 0px 15px 0px rgba(0, 0, 0, 0.3);
}

@media (min-width: 1024px) {
  .leftWrapper.mcfs {
    width: 78%;
    margin: 0px 10px 0 20px !important;
  }
}