@font-face {
    font-family: "bebas_neueregular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/bebasneue_regular/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bebasneue_regular/BebasNeue-webfont.woff") format("woff"), url("../fonts/bebasneue_regular/BebasNeue-webfont.ttf") format("truetype"), url("../fonts/bebasneue_regular/BebasNeue-webfont.svg#bebas_neueregular") format("svg");
}
@font-face {
    font-family: "afta_sansregular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/aftasansthin-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aftasansthin-regular-webfont.woff2") format("woff2"), url("../fonts/aftasansthin-regular-webfont.woff") format("woff"), url("../fonts/aftasansthin-regular-webfont.ttf") format("truetype"), url("../fonts/aftasansthin-regular-webfont.svg#afta_sansregular") format("svg");
}
body {
    background: #f8f8f8 none repeat scroll 0 0;
}
.center-div {
    background-image: url("../images/agentsplash.jpg");
    background-size: 100% 100%;
}
.align-content {
    color: #242424;
    font-family: "lato",sans-sarif;
    font-size: 15px;
    font-weight: 600; 
    margin-left: 59px;
    padding-left: 13px;
}
.result-font {
    font-size: 15px;
}
.align-label-content {
    font-size: 15px;
    padding-left: 20px;
}
.center-content {
    background-color: floralwhite;
    border-radius: 10px;
    line-height: 2.2;
    margin: 12% auto;
    min-height: 260px;
    min-width: 460px;
    padding: 5px 10px;
    width: 65%;
}
.label-content {
    font-size: 18px;
    padding-left: 26px;
}
body, input, select, textarea {
    color: #555555;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.65em;
}
.clear {
    clear: both;
}
.header {
    background: #eeeeee none repeat scroll 0 0 !important;
    border-bottom: 0 solid #d8d8d8;
   	text-transform: capitalize;
}
.fixedheight {
    height: 69px;
}
.fixedwidth {
    height: 69px;
}
.logo {
    border-right: 1px solid #ffffff;
    box-shadow: 1px 0 0 #ccc;
    float: left;
    height: 69px;
    margin-left: -362px !important;
    padding-right: 60px;
}
.logo img {
    margin-left: 345px;
    margin-top: 15px;
}
.navspan {
    float: left;
    height: 18px;
    line-height: 17px;
    width: 100%;
}
.navspanpadding {
    padding-top: 1px !important;
}
.navicon {
    height: 30px;
    margin-top: 11px;
}
.hometabicon {
    background: rgba(0, 0, 0, 0) url("../images/home_black_icon.png") no-repeat scroll center center;
}
.campaigntabicon {
    background: rgba(0, 0, 0, 0) url("../images/campaign_black_icon.png") no-repeat scroll center center;
}
.navbar-nav > li.activenav > a > span.campaigntabicon {
    background: rgba(0, 0, 0, 0) url("../images/campaign_white_icon.png") no-repeat scroll center center;
}
.navbar-nav > li.activenav > a > span.hometabicon {
    background: rgba(0, 0, 0, 0) url("../images/home_white_icon.png") no-repeat scroll center center;
}
.navbar-nav > li {
    box-shadow: 1px 0 0 #ccc;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    height: 69px;
    min-width: 100px;
    padding: 0 20px;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
}
.navbar-nav > li:last-child {
    border-right: 0 none;
    box-shadow: none;
}
.dialpad-letters {
    font-size: xx-small;
}
.dialpad-last-letters {
    font-size: larger !important;
    padding-right: 3px !important;
    text-align: center !important;
}
.activenav {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , #50a6e4 0%, #217dc0 100%) repeat scroll 0 0;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    text-shadow: 1px 1px 0 #000 !important;
}
.activenav a {
    color: #ffffff !important;
}
.navbar-right > li > a {
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    line-height: 65px;
    padding: 0;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent !important;
}
.usernamearrow {
    margin-right: 10px !important;
}
.subnav {
    background-color: #439bda;
    clear: both;
    height: 30px;
}
.subnav ul li {
    border-right: 1px solid #3582b4;
    box-shadow: 1px 0 0 #7fbdea;
    height: 20px;
    margin: 5px 0;
    padding: 0 10px;
}
.subnav ul li a {
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 0;
    text-shadow: none;
}
.whitebg1 {
    background-color: #ffffff;
    border-left: 1px solid #e5e4ea;
    border-right: 1px solid #e5e4ea;
    padding-bottom: 55px;
    text-transform: capitalize;
}
.whitebg {
    background-color: #ffffff;
    border-left: 1px solid #e5e4ea;
    border-right: 1px solid #e5e4ea;
    padding-bottom: 55px;
    text-transform: none;
}
.blueborder {
    border-top: 2px solid #439bda;
}
.stepcircle {
    background-color: #bfbfbf;
    border-radius: 50%;
    clear: both;
    height: 75px;
    margin: 25px auto 0;
    width: 75px;
}
.stepnumber {
    background-color: #bfbfbf;
    border: 1px solid #a4a4a4;
    border-radius: 50%;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    left: 0;
    line-height: 35px;
    margin: auto;
    position: absolute;
    right: 0;
    top: -21px;
    width: 35px;
    z-index: 10;
}
.disablebar {
    background: #bfbfbf none repeat scroll 0 0;
    border: 1px solid #a4a4a4;
    height: 8px;
    margin-top: 30px;
}
.enablebar {
    background: #439bda none repeat scroll 0 0;
    border: 1px solid #1a97cc;
    height: 7px;
    position: absolute;
    top: -8px;
}
.steparrow {
    background: rgba(0, 0, 0, 0) url("../images/arrowseprator_image.png") no-repeat scroll center center;
    height: 30px;
    position: absolute;
    right: -10px;
    top: 50%;
    width: 35px;
    z-index: 1000;
}
.steparrowblue {
    background: rgba(0, 0, 0, 0) url("../images/arrowseprator_imageblue.png") no-repeat scroll center center;
}
.campaignicon {
    background: #bfbfbf url("../images/step_campaignicon.png") no-repeat scroll center center;
}
.leasselecticon {
    background: #bfbfbf url("../images/step_leadselectionicon.png") no-repeat scroll center center;
}
.teamselecticon {
    background: #bfbfbf url("../images/step_teamselectionicon.png") no-repeat scroll center center;
}
.campaignsummaryicon {
    background: #bfbfbf url("../images/step_campaignsummary.png") no-repeat scroll center center;
}
.h5selector h5 {
    font-weight: 600;
}
.activebluebg {
    background-color: #439bda;
    border: 1px solid #1a97cc;
    cursor: pointer;
}
.bluetxtcolor {
    color: #439bda;
    font-weight: 700 !important;
}
.bottomgrayborder {
    border-bottom: 2px solid #bfbfbf;
    padding-bottom: 15px !important;
}
.bottomblueborder {
    border-bottom: 2px solid #2a6496;
    padding-bottom: 15px !important;
}
.login-style h3{
    color: #3169B3;
    font-family: 'Inter', sans-serif;
    font-size: 28px;
    margin-bottom: 22px;
    text-indent: 15px;
    margin-left: -10px;
}
h3 {
    color: #3169B3;
    font-family: 'Inter', sans-serif;
    font-size: 28px;
    margin-bottom: 22px;
    text-indent: 15px;
}
.redstar {
    color: #d90404;
}
.modal-forgot {
    padding-bottom: 20px;
    padding-left: 13px;
}
.form-control {
    font-weight: normal;
    height: 40px;
    margin-bottom: 0;
    letter-spacing: normal;
}

.newform-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: 34px;
    line-height: 1.42857;
    margin-bottom: 10px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 260px;
}
.addnewform-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: 29px;
    line-height: 1.42857;
    margin-bottom: 10px;
    padding: 2px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 40px;
}
.addextranewform-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: 37px;
    line-height: 1.42857;
    margin-bottom: 10px;
    padding: 2px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 132px;
}
.form-control1 {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: 37px;
    line-height: 1.42857;
    margin-bottom: 10px;
    padding: 2px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.enddate-error {
    padding-left: 23px;
}
label {
    font-weight: 500;
    margin-bottom: 1px;
    margin-left: 0;
    margin-top: 0;
    vertical-align: text-top;
}
.btn {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 12px;
    text-align: left;
}
.btn-group, .btn-group-vertical {
    width: 100%;
}
.calicon {
    cursor: pointer;
    float: left;
    margin-top: 4px;
}
h4 {
    background: rgba(0, 0, 0, 0) url("../images/bulletarrowblack.png") no-repeat scroll 15px center;
    color: #686868;
    font-family: "bebas_neueregular";
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 15px;
    text-indent: 32px;
}
.graybox {
    background-color: #f8f8f8;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    float: left;
    margin-bottom: 7px;
    padding-bottom: 20px;
    width: 100%;
}
.grayinnerbox {
    background-color: #ffffff;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    height: 175px;
    margin: 15px 0;
    overflow: auto;
    width: 100%;
}
.arrowmove {
    display: block;
    margin: 75px auto 0;
    padding: 13px 0;
    text-align: center;
    width: 60px;
}
.checkbox label {
    color: #555555;
    font-size: 13px;
    font-weight: 600;
    vertical-align: middle;
}
input[type="checkbox"] {
    height: 16px;
    margin-right: 10px;
    margin-top: 4px;
    vertical-align: middle;
    width: 16px;
}
.addnew {
    background: rgba(0, 0, 0, 0) url("../images/addnewicon.png") no-repeat scroll left 7px;
    float: left;
    font-size: 12px;
    font-weight: 600;
    margin-top: -15px;
    text-decoration: underline;
    text-indent: 18px;
}
.addnew a {
    color: #545454;
}
.addnew a:hover {
    color: #000000;
}
.cutpointer {
    cursor: pointer;
    float: left;
    margin: 0 5px;
    padding-right: 10px;
    width: 23px;
}
.editlistgroup li {
    border: medium none;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 0 0;
}
.borderbottomgray {
    border-bottom: 1px solid #ccc;
    padding-bottom: 26px;
}
.expandicon {
    background: rgba(0, 0, 0, 0) url("../images/expandicon.png") no-repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    margin: 0 0 0 5px;
    vertical-align: middle;
    width: 18px;
}
.collapseicon {
    background: rgba(0, 0, 0, 0) url("../images/collapseicon.png") no-repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    margin: 0 0 0 5px;
    vertical-align: middle;
    width: 18px;
}
.delcondition {
    display: inline-block;
    margin-top: 5px;
    vertical-align: middle;
    width: 17px;
}
.topmargin {
    margin: 5px 0 10px;
}
.deleteconditionbtn {
    background: rgba(0, 0, 0, 0) url("../images/collapseicon.png") no-repeat scroll 5px center;
    border: 1px solid #439bda;
    border-radius: 5px;
    color: #439bda;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: 700;
    height: 37px;
    line-height: 32px;
    margin-right: 15px;
    text-indent: 33px;
    width: 145px;
}
.deleteconditionbtn a:hover {
    color: #439bda;
    text-decoration: none;
}
.footer {
    border-top: 1px solid #d8d8d8;
    bottom: 0;
    color: #484848;
    font-size: 12px;
    font-weight: 600;
    height: 41px;
    left: 0;
    line-height: 60px;
    right: 0;
}
.footer .footer-wrap {
    margin: 7px auto;
    width: 590px;
}
.footer .copy-right {
    float: left;
    font-weight: normal;
    margin-right: 5px;
}
.footer .fmenu {
    text-align: center;
}
.footer .fmenu ul {
    margin: 0;
    padding: 0;
}
.footer .fmenu li {
    float: left;
    list-style: outside none none;
    margin: 0 3px;
}
.footer .fmenu a {
    color: #484848;
    font-size: 12px;
}
.textleft {
    float: left;
    width: 30%;
}
.textright {
    float: left;
    width: 70%;
}
.textright ul li {
    padding-left: 15px;
}
.textright ul li a:hover {
    color: #2d87c8;
}
.groupcollapse {
    float: left;
    height: auto;
    padding: 10px 0;
    width: 100%;
}
.rowsetdiv {
    float: left;
    padding-top: 15px;
    width: 100%;
}
.collapsediv {
    width: 100%;
}
.zeroLeftMargin{
    margin-left: 0px!important;
}
.bluenextbtn {
    background: #3169B3;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 500;
    height: 45px;
    line-height: 45px;
    margin: 30px 16px 0;
    padding: 0 15px;
    text-shadow: -1px -1px 0 #3169B3;
    text-transform: uppercase;
}
.get-button {
    margin-bottom: 5px;
  	margin-top: 20px;
  	margin-left: 100px;
}
.bluenextbtn span {
    padding-left: 10px;
}
.graytbtn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #bfbfbf 0%, #d8d8d8 100%) repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #586064;
    font-family: "bebas_neueregular";
    font-size: 26px;
    height: 45px;
    line-height: 45px;
    margin: 30px 0;
    padding: 0 15px;
    text-shadow: 1px 0 0 #ffffff;
    text-transform: uppercase;
}
.navanchor {
    color: #000000;
    padding: 0 !important;
}
.navbar-collapse {
    padding: 0;
}
.paddingoverwrite {
    padding: 0;
}
.extrapadding {
    padding-left: 30px;
    padding-right: 30px;
}
.grayboxholder {
    background-color: #f8f8f8;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    float: left;
    width: 100%;
}
.col_md_overrite {
    width: 41.667%;
}
.navstyeoverwrite {
    border-radius: 0;
    box-shadow: none;
    margin-left: -304px;
    padding: 0;
    position: absolute;
    top: 68px;
    width: 1170px;
}
.barcontainer {
    margin-left: auto;
    margin-right: auto;
}
.login-container {
    background-color: #ffffff;
    border-color: #ffffff;
    border-radius: 10px / 5px;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    height: 385px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 600px;
}
.resetPasswordWrapper{
    background-image: url('../images/select-campaing.jpg');
    background-repeat: no-repeat;
    min-height: 100vh;
    width: 100%;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
}
.resetErrorNotification {
    position: absolute;
    top: 0;
    width: 100%;
}
.resetpassword-container {
    bottom: 0;
    height: 570px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 600px;
}
.usernameTag{
    font-size: 16px;
    font-weight: 600;
}
.mfa-container {
    background-color: WhiteSmoke;
    border-color: lightgray;
    border-radius: 10px / 5px;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    height: 250px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 600px;
}

.mfatotp-container {
    background-color: WhiteSmoke;
    border-color: lightgray;
    border-radius: 10px / 5px;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    height: 320px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 600px;
}
.login-form {
    padding: 12px 25px 25px;
}
.login-style {
    float: left;
}
.image-style {
    float: right;
}
.logo-style {
    height: 44px;
    margin-right: 15px;
    margin-top: 11px;
}
.date-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    line-height: 1.42857;
    margin-bottom: 10px;
    margin-right: 0;
    padding: 0 5px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 170px;
}
.clear-style {
    clear: both;
}
.text-label {
    color: #242424;
    font-family: "lato",sans-sarif;
    font-weight: 600;
    margin-left: 0;
}
.completediv h5 {
    color: #242424;
    font-family: "lato",sans-sarif;
    font-size: 14px;
    font-weight: normal;
}
.backgroundExampleCheckbox {
}
.logout-option {
    height: 40px;
    margin: 10px 10px 6px 5px;
    padding: 8px;
    width: 120px;
}
.div-style {
    padding-left: 15px;
    padding-right: 15px;
}
.text-style1 {
    color: #a9a9a9;
    font-weight: 700 !important;
}
.text-user {
    font-weight: 700 !important;
}
.margin-remove {
    float: right;
    margin-right: 19px;
}
.icondiv {
    float: left;
    height: 20px;
    line-height: 22px;
    width: 18%;
    color: #cacaca;
    white-space: nowrap !important;
}
.textdiv {
    float: left;
    font-size: 15px;
    height: 20px;
    line-height: 20px;
    width: 82%;
    white-space: nowrap;
}
.header-container {
    height: 69px;
    width: 1862px;
}
.space-style {
    margin-top: 0;
    padding-top: 22px;
}
.whiteinnerbox {
    background-color: #ffffff;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    height: 200px;
    margin: 15px 0;
    overflow: auto;
    width: 300px;
}
.f3 {
    border: 1px solid #777;
    box-sizing: border-box;
    float: left;
    height: 22px;
    margin: 0;
    width: 320px;
}
.endDate-control {
    float: right;
}
.box-section {
    background-color: white;
    border-radius: 5px;
    float: left;
    margin-bottom: 7px;
    padding-bottom: 20px;
    width: 100%;
}
.gb_aa {
    animation: 0.2s ease 0s normal none 1 running gb__a;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.2);
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    height: 0;
    left: 42%!important;
    position: absolute;
    top: -9px;
    width: 0;
    z-index: 1;
}
.pointer {
    animation: 0.2s ease 0s normal none 1 running gb_aa;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    height: 0;
    left: 42%!important;
    position: absolute;
    top: -8px;
    width: 0;
    z-index: 1;
}
.image-right {
    margin-right: 10px;
}
.bgcontainer {
    background-color: #f8f8f8;
    border-left: medium solid #f8f8f8;
    border-right: medium solid #f8f8f8;
    width: 100%;
}
.text-color {
    color: #555555;
    font-family: Arial;
    font-size: 13px;
    margin-left: -7px;
}
.space {
    margin-top: 25px;
}
.pointertop {
    margin-top: -17px !important;
    padding-left: 19px;
}
.addspace {
    margin-right: 10px;
}
li .edit {
    display: none;
}
li.editable .edit {
    display: block;
}
li.editable .view {
    display: none;
}
.bordermargin {
    margin-left: -15px;
    margin-right: -15px;
}
.head-container {
    background-color: #eeeeee;
    border-bottom: 1px solid #d8d8d8;
}
.linestyle {
    margin-left: 400px !important;
    padding-right: 5px !important;
}
.linestyle1 {
    margin-left: 20px !important;
}
.container1 {
    margin-left: 20%;
    margin-right: 20%;
}
.addextrapadding {
    padding-left: 16px;
    padding-right: 16px;
}
.addpadding {
    padding-left: 1px;
    padding-right: 1px;
}
.checkbox-margin {
    margin-left: 15px !important;
    margin-top: 12px !important;
}
.addextratxtmargin {
    margin-left: 26px !important;
    margin-top: -22px !important;
}
.addimgmargin {
    margin-top: 16px;
}
.addlabelmargin {
    margin-top: 8px;
}
.divfloatleft {
    float: left;
    margin-top: 0;
}
.divfloatright {
    float: right;
    margin-top: 30px;
}
.inputboxpadding {
    border: 1px solid #c9c9c9;
    color: #707070;
    height: 22px;
    padding: 1px 0;
    width: 498px;
}
.divshowiconmargin {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.divselectoptionleft {
    float: left;
    margin-right: 10px;
}
.divsearchbuttonright {
    float: right;
    margin-right: 12px;
}
.campaignSearchDiv {
    float: right;
    margin-right: 12px;
    margin-top: 8px;
}
.selectoptionright {
    float: right;
    margin-right: 0;
}
.search-formControl {
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 35px;
    padding: 6px 12px;
}
.searchbuttonstyle {
    background-color: #eeeeee;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #d8d8d8;
    border-style: none none none solid;
    border-width: medium medium medium 1px;
    height: 31px;
    margin-left: -39px;
    width: 35px;
    cursor: pointer;
}
.imageactioncolor {
    background-color: white;
    border: medium none;
}
.thtdpadding {
    border: 1px solid #eeeeee;
    padding: 5px 0;
    text-align: center;
    width: 175px;
}
.addextrathtdpadding {
    border: 1px solid #eeeeee;
    padding: 10px 0 10px 20px;
    width: 220px;
}
.textlabelmargin {
    margin-left: 0 !important;
}
.addselectoptionright {
    float: right;
    height: 29px;
    margin-right: 10px;
    padding: 1px;
    width: 54px;
}
.addleftdiv {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.addtopmargin {
    margin-top: 14px;
}
.addrightmargin {
    margin-right: 5px;
}
.addleftmargin {
    margin-left: 1px;
}
.leftbutton {
    height: 30px;
    margin-right: -7px !important;
    width: 30px;
}
.rightbutton {
    height: 30px;
    width: 30px;
}
.tablecontainer {
    margin-left: 15px;
}
a.underline {
    text-decoration: underline;
}
a.floatstyle {
    float: left;
}
.newicondiv {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.fullwidth {
    width: 100%;
}
.whiteboxwithlabel {
    border-bottom: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #bfbfbf;
    float: left;
    margin-bottom: 7px;
    padding-bottom: 20px;
    width: 100%;
}
pre.grayboxsmall {
    background-color: #f8f8f8;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    margin-left: 30px;
    padding-top: 0;
    width: 94%;
}
.completediv {
    height: 35px;
    width: 100%;
}
.horizontalline {
    background: #dad8d8 none no-repeat scroll center center;
    float: left;
    height: 3px;
    margin-left: 16px;
    margin-right: 100px;
    width: 95%;
}
div.hr hr {
    display: none;
}
.bgdiv {
    background-color: #439bda;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #ffffff;
    height: 50px;
    margin-top: 30px;
    padding-left: 0;
    padding-top: 5px;
    width: 100%;
}
.compressbox {
    background: rgba(0, 0, 0, 0) url("../images/white_down_arrow.png") no-repeat scroll 15px center;
    color: #ffffff;
    font-family: "lato",sans-sarif;
    font-size: 15px;
    font-weight: 600;
    text-indent: 40px;
}
.expandbox {
    background: rgba(0, 0, 0, 0) url("../images/white_right_arrow.png") no-repeat scroll 15px center;
    color: #ffffff;
    font-size: larger;
    text-indent: 40px;
}
.blueButton {
    background: #2b85c7 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    float: right;
    font-family: "bebas_neueregular";
    font-size: 26px;
    height: 45px;
    line-height: 45px;
    margin: 30px 16px 0;
    padding: 0 15px;
    text-shadow: -1px -1px 0 #035e96;
    text-transform: uppercase;
}
.infolabel {
    font-family: "Open Sans",sans-serif;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 1.7%;
}
.insidetableimage {
    background: rgba(0, 0, 0, 0) url("../images/asset_icon.png") no-repeat scroll 15px center;
    float: left;
    height: 75px;
    width: 10%;
}
.insidetablecontent {
    float: left;
    width: 90%;
}
.edit-button-align {
    padding-left: 4px;
    padding-right: 8px;
}
.delete-button-align {
    padding-right: 14px;
}
table.singlecolumnlist {
    border-collapse: separate;
    border-spacing: 0;
    margin-left: 30px;
    margin-top: 4px;
    width: 94%;
}
td.singlecolumntd {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #bfbfbf;
    border-image: none;
    border-style: none solid solid none;
    border-width: 1px;
    padding: 10px;
}
table.singlecolumnlist1 {
    border-spacing: 0;
    width: 100%;
}
td.singlecolumntd1 {
    border: 1px solid #bfbfbf;
    padding: 10px;
}
.whiteboxsmall {
    background-color: #ffffff;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    margin-bottom: 7px;
    margin-left: 30px;
    margin-top: 20px;
    width: 94%;
}
.singlecolumnlist tr:first-child td.singlecolumntd:first-child {
    border-top-left-radius: 10px;
}
.singlecolumnlist tr:first-child td.singlecolumntd:last-child {
    border-top-right-radius: 10px;
}
.singlecolumnlist tr:last-child td.singlecolumntd:first-child {
    border-bottom-left-radius: 10px;
}
.singlecolumnlist tr:last-child td.singlecolumntd:last-child {
    border-bottom-right-radius: 10px;
}
.singlecolumnlist tr:first-child td.singlecolumntd {
    border-top-style: solid;
}
.singlecolumnlist tr td.singlecolumntd:first-child {
    border-left-style: solid;
}
.singlecolumnlist1 tr:first-child td.singlecolumntd1:first-child {
    border-top-left-radius: 10px;
}
.singlecolumnlist1 tr:first-child td.singlecolumntd1:last-child {
    border-top-right-radius: 10px;
}
.singlecolumnlist1 tr:last-child td.singlecolumntd1:first-child {
    border-bottom-left-radius: 10px;
}
.singlecolumnlist1 tr:last-child td.singlecolumntd1:last-child {
    border-bottom-right-radius: 10px;
}
.singlecolumnlist1 tr:first-child td.singlecolumntd1 {
    border-top-style: solid;
}
.leftimagediv {
    background: rgba(0, 0, 0, 0) url("../images/team_icon.png") no-repeat scroll 15px center;
    float: left;
    height: 100px;
    width: 9.5%;
}
.middlediv {
    float: left;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    width: 72%;
}
h5::first-letter {
    text-transform: uppercase;
}
.rightdiv {
    float: right;
    padding-top: 11px;
    width: 18%;
}
h5.blueelement {
    color: #4c88b2;
    font-family: "bebas_neueregular";
    font-size: larger;
}
.displaylist li h6 {
    color: #6c6868;
    font-size: 13px;
    font-weight: 500;
}
h5.underlinelink {
    color: #206b49;
    text-decoration: underline;
}
.ptr-cursor {
    cursor: pointer;
}
ul.displaylist {
    list-style-image: url("../images/perabulleticon.png");
    padding-left: 12px;
}
ul.displayrating {
}
.starlist {
    margin: 4px;
}
h5.infofont {
    font-family: "Open Sans",sans-serif;
    font-weight: 600;
    margin-bottom: 5px;
    padding-left: 15px;
}
h5.nomarginlabel {
    margin: 0;
    padding-bottom: 20px;
    padding-left: 18px;
}
h5.basicinfolabel {
    line-height: 20px;
    text-transform: none;
}
h4.nomarginHeading {
    margin: 10px 10px 10px 0;
    padding-top: 15px;
}
.imagefloatstyleleft {
    float: left;
}
.imagefloatstyleright {
    float: right;
}
.handpointer {
    cursor: pointer;
}
span.warninglabel {
    color: #1d5176;
    padding-left: 33px;
}
span.warninglabelforselected {
    color: #1d5176;
    line-height: 3;
    padding-left: 33px;
}
#wrap {
    height: auto;
    margin: 0 auto -60px;
    min-height: 100%;
    padding: 0 0 60px;
}
.bottom-gap {
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
}
#footer {
    background-color: #eeeeee;
    height: 60px;
    width: 100%;
}
.nopad {
    padding: 0;
}
.wrapper {
    background-color: #f6f6f6;
    overflow: hidden;
    width: 100%;
}
.top-header {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f8f8f8 0%, #f0f0f0 100%) repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    width: 100%;
}
.menu {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.xtaas-logo {
    padding-top: 10px;
}
.menu li {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    display: inline-block;
    float: left;
    text-align: center;
}
.menu li a {
    color: #5b5b5b;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 15px;
    height: 70px;
    padding: 12px 15px;
    text-decoration: none;
    width: 102px;
}
.menu > li:first-child {
    border-right: medium none;
}
.btn-main {
    background-color: #3169B3;
    border-color: #3169B3;
    font-family: 'Inter', sans-serif;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-right: 10px;
    padding: 3px 10px;
    text-shadow: 1px -1px 1px #3169B3;
}
.menu li a span {
    display: block;
    padding-bottom: 2px;
}
.menu li a.active {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , #4fa4e3 0%, #2580c3 100%) repeat scroll 0 0;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    color: #fff;
    font-size: 16px;
    text-shadow: 1px -1px 0 #1e3444;
}
.middle-block {
    border-top: 1px solid #d6d6d6;
}
.right-menu {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.right-menu li {
    border-left: 1px solid #d6d6d6;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.right-menu li a {
    border-left: 1px solid #fff;
    color: #6e6e6e;
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 15px;
    list-style: outside none none;
    margin: 0;
    padding: 25px 12px;
    text-decoration: none;
}
.right-menu li:first-child {
    border-left: medium none;
    border-right: 1px solid #fff;
}
.right-menu li:first-child a {
    border-left: medium none;
}
.right-menu li:last-child a {
    border-left: 1px solid #fff;
}
.midborder {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #e5e4ea;
    border-radius: 0;
    border-right: 1px solid #e5e4ea;
}
.midborder .sub-menu {
    background-color: #439bda;
    height: 28px;
    width: 100%;
}
.midborder .sub-menu li {
    background: rgba(0, 0, 0, 0) url("../images/saprator.png") no-repeat scroll right center;
}
.midborder .sub-menu li a {
    background: transparent none repeat scroll 0 0;
    color: #fff;
    font-size: 13px;
    padding: 4px 20px;
}
.w1 {
    border-bottom: 2px solid #bfbfbf;
    padding-bottom: 10px;
    position: relative;
}
.wbox1 {
    background: #bfbfbf none repeat scroll 0 0;
    border: 1px solid #a4a4a4;
    height: 8px;
    width: 100%;
}
.wbox2 {
    background: #bfbfbf none repeat scroll 0 0;
    border-bottom: 1px solid #a4a4a4;
    border-top: 1px solid #a4a4a4;
    height: 8px;
    position: absolute;
    top: 16px;
    width: 24%;
    z-index: 2222;
}
.step-box {
    margin: -24px auto 0;
    overflow: hidden;
    position: relative;
    width: 60%;
    z-index: 666;
}
.step-circle {
    background: #bfbfbf none repeat scroll 0 0;
    border: 1px solid #a4a4a4;
    border-radius: 20px;
    clear: both;
    color: #fff;
    display: inline-block;
    height: 37px;
    margin: 2px 15px;
    padding: 8px 0;
    position: relative;
    text-align: center;
    width: 37px;
    z-index: 4444;
}
.step-circle2 {
    background: #bfbfbf none repeat scroll 0 0;
    border-radius: 50px;
    clear: both;
    color: #fff;
    display: inline-block;
    height: 75px;
    margin: 10px 0;
    padding: 18px 0;
    text-align: center;
    width: 75px;
}
.step-label {
    clear: both;
    color: #a9a9a9;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 600;
}
.arrow {
    background: rgba(0, 0, 0, 0) url("../images/arrow.png") no-repeat scroll 0 0;
    height: 29px;
    position: absolute;
    right: -16px;
    top: 74px;
    width: 36px;
}
.wbox2.active {
    background: #439bda none repeat scroll 0 0;
    border: 1px solid #1a97cc;
}
.step-circle.active {
    background: #439bda none repeat scroll 0 0;
    border: 1px solid #1a97cc;
    clear: both;
}
.step-circle2.active {
    background: #439bda none repeat scroll 0 0;
    border: 1px solid #2299ce;
    color: #fff;
}
.step-label.active {
    color: #439bda;
}
.arrow.active {
    background: rgba(0, 0, 0, 0) url("../images/active-arrow.png") no-repeat scroll 0 0;
}
.wbox2.left1 {
    left: 24%;
    width: 27%;
}
.wbox2.left2 {
    left: 50%;
    width: 25%;
}
.wbox2.left3 {
    left: 75%;
    width: 26%;
}
.section-title {
    color: #439bda;
    display: inline-block;
    font-family: "bebas_neueregular";
    font-size: 30px;
    margin: 0;
    padding-right: 10px;
    text-transform: uppercase;
    vertical-align: middle;
}
.team-option {
    padding: 40px 1px;
}
.container-gap {
    overflow: hidden;
    padding: 30px 25px;
}
.relat {
    position: relative;
}
.domain-block {
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    margin-left: 15px;
    overflow: hidden;
}
.inner-title {
    background: #439bda none repeat scroll 0 0;
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 12px;
    text-align: center;
}
.domain-lable {
    color: #232323;
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 0 0;
    width: 80%;
}
#accordion {
    height: 100%;
    margin-bottom: 0;
}
.selected {
    height: 100%;
    margin-bottom: 0;
    max-height: 305px;
    min-height: 305px;
    overflow-y: scroll;
}
.selected h5 {
    color: #439bda;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 10px 0;
}
.selectedlist {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.selectedlist li {
    color: #000;
    font-family: "Lato",sans-serif;
    font-size: 14px;
}
.selectedlist li .cross {
    background: rgba(0, 0, 0, 0) url("../images/cross-icon.png") no-repeat scroll left center;
    height: 11px;
    opacity: 1;
    padding: 10px;
    width: 11px;
}
.geo {
    margin-left: 15px;
}
.rating {
    margin-left: 15px;
}
.geo .tab-content {
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 25px 15px 15px;
}
.geo .nav-tabs {
    margin-left: 20px;
}
.rating .search {
    background: #4098d8 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-family: "bebas_neueregular";
    font-size: 18px;
    height: 31px;
    margin-top: 5px;
    padding: 0 8px;
    text-shadow: -2px -1px 1px #0b659f;
    text-transform: uppercase;
    width: 92px;
}
.rating .search img {
    padding-right: 5px;
}
.rating .holder {
    width: 100% !important;
}
.geo .nav-tabs > li > a {
    background: #ededed none repeat scroll 0 0;
    color: #000;
    font-family: "afta_sansregular";
    font-size: 14px;
    margin: 0;
}
.geo .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: #439bda none repeat scroll 0 0 !important;
    border: 1px solid #439bda;
    color: #fff;
    outline: medium none;
}
.geo label {
    color: #232323;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    text-transform: none;
}
.tab-content .form-group {
    clear: both;
    display: inline-block;
    margin: 5px 0;
    width: 100%;
}
.geo .nav-tabs > li > a:hover {
    background: #439bda none repeat scroll 0 0 !important;
    color: #fff;
}
.lang-list {
    border: 1px solid #bfbfbf;
    list-style: outside none none;
    margin: -10px 0 0;
    padding: 0;
}
.lang-list li {
    border-bottom: 1px solid #bfbfbf;
    margin: 0;
    padding: 0 10px;
}
.lang-list li:last-child {
    border-bottom: medium none;
}
.side-block {
    border-bottom: 1px solid #bfbfbf;
    padding: 10px 0;
}
.side-block h5 {
    color: #439bda;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}
.side-block p {
    color: #232323;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0;
}
.sidebar {
    width: 19%;
}
.left-box {
    float: right;
    width: 78%;
}
.bid-block {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.bid-block h2 {
    color: #586064;
    font-family: "bebas_neueregular";
    font-size: 24px;
}
.bid-block li {
    border-bottom: 2px solid #bfbfbf;
    display: inline-block;
    padding: 10px 0;
}
.sorting-block {
}
.sort-label {
    padding-top: 5px;
    width: 25%;
}
.sorting-block select.form-control {
    width: 70%;
}
.bid-block-title {
    color: #586064;
    font-family: "bebas_neueregular";
    font-size: 24px;
    font-weight: normal;
    margin: 0;
}
.image-block {
    background: #ddd none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    height: 72px;
    padding-top: 2.5%;
    text-align: center;
    vertical-align: top;
    width: 72px;
}
.detail-block {
    display: inline-block;
    margin-left: 20px;
    width: 84%;
}
.detail-block h3 {
    color: #439bda;
    font-family: "bebas_neueregular";
    font-size: 20px;
    margin: 0;
    padding-bottom: 15px;
    text-indent: 0;
}
.detail-block p {
    color: #5d5d5d;
    font-family: Arial;
    font-size: 14px;
    margin: 0;
    padding: 0 0 10px;
}
.detail-block ul.feachers {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.detail-block ul.feachers li {
    background: rgba(0, 0, 0, 0) url("../images/list-arrow.png") no-repeat scroll left center;
    border: 0 none;
    color: #9b9b9b;
    font-family: Arial;
    font-size: 11px;
    padding: 0 10px;
    width: 240px;
}
.invite-bid {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #439bda 0%, #2b85c7 100%) repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-family: "bebas_neueregular";
    font-size: 22px;
    letter-spacing: 1px;
    margin-right: 10px;
    padding: 6px 10px;
    text-align: center;
    text-shadow: 1px -1px 1px #035e96;
    text-transform: uppercase;
}
.full {
    width: 100%;
}
.largetext {
    font-size: 25px;
}
.invite-bid img {
    padding-right: 5px;
}
.cancel {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d8d8d8 0%, #c0c0c0 100%) repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #586064;
    font-family: "bebas_neueregular";
    padding: 6px 10px;
    text-shadow: 1px 1px 1px #fff;
    text-transform: uppercase;
}
.bidpage-list {
    height: 50px;
    margin: 35px 0;
    text-align: center;
    width: 100%;
}
.bidpage-list li {
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
}
.bidpage-list li:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.bidpage-list li:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.bidpage-list li:first-child a {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.bidpage-list li:last-child a {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.bidpage-list li a {
    background: #d6e3f1 none repeat scroll 0 0;
    border: 1px solid #d0dee7;
    border-radius: 0;
    height: 20px;
    padding: 0;
    width: 10px;
}
.bidpage-list li a:hover, .bidpage-list li a.active {
    background: #3972a9 none repeat scroll 0 0;
    border: 1px solid #2362a0;
    height: 40px;
}
.complete-count {
    color: #1c1c1c;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}
.leadform-block {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: 10px;
    padding: 20px 20px 10px;
}
.select-style {
    background: #fff url("../images/select-icon.png") no-repeat scroll 90% 50%;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: inline-block;
    margin: 10px 10px 10px 0;
    overflow: hidden;
    vertical-align: middle;
    width: 120px;
}
.select-style select {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    padding: 15px 10px;
    width: 130%;
}
.select-info.firstdiv {
    padding: 0 10px;
    width: 30%;
}
.select-info.seconddiv {
    padding: 0 10px;
    width: 20%;
}
.select-info.thirddiv {
    padding: 0 10px;
    width: 45%;
}
.select-info.fourthdiv {
    padding: 0 10px;
    width: 3%;
}
.select-style select:focus {
    outline: medium none;
}
.add > img {
    padding: 0 5px 0 0;
    vertical-align: middle;
}
.select-info {
    display: inline-block;
}
.noleftpad {
    padding-left: 0;
}
.select-info:first-child {
    padding-left: 0;
}
.select-info .select-style {
    width: 100%;
}
.add {
    border: 1px solid #439bda;
    border-radius: 5px;
    color: #439bda;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    margin-right: 10px;
    padding: 10px;
    vertical-align: middle;
}
.asset-list {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}
.asset-head {
    background: transparent none repeat scroll 0 0;
    color: #266da0;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    margin: 0;
    text-indent: 0;
}
.asset-detail {
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    display: inline-block;
    padding: 15px;
    vertical-align: middle;
    width: 94%;
}
.asset-list li:first-child .asset-detail {
    border-radius: 5px 5px 0 0;
}
.asset-list li:last-child .asset-detail {
    border-bottom: 1px solid #bfbfbf;
    border-radius: 0 0 5px 5px;
}
.asset-trash {
    display: inline-block;
    padding-left: 10px;
    width: 5%;
}
.assetlink {
    color: #006621;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 10px 0;
    text-decoration: underline;
    text-transform: lowercase;
}
.asset-text {
    color: #000;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}
.addmore {
    color: #686868;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    vertical-align: middle;
}
.addmore > span {
    display: inline-block;
    line-height: 1;
    padding: 0 5px;
}
.invite-bid img.right {
    padding-left: 5px;
    padding-right: 0;
}
#addasset .modal-content {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #ccc;
}
#addasset .modal-header {
    border-bottom: 0 none;
    padding-bottom: 0;
}
.modal-header .modal-title {
    text-indent: 0;
}
#addasset .modal-header .modal-title {
    color: #439bda;
    font-family: "bebas_neueregular";
    font-size: 28px;
    margin: 0;
    padding-left: 0;
    padding-right: 40px;
}
#addasset .modal-footer {
    border-top: 0 none;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 0;
}
#addasset .modal-footer .btn-default {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d8d8d8 0%, #c0c0c0 100%) repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: #505050;
    font-family: "bebas_neueregular";
    font-size: 20px;
    font-weight: normal;
    padding: 8px 16px;
    text-shadow: 1px 0 0 #ffffff;
}
#addasset .modal-footer .btn-primary {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #439bda 0%, #2b85c7 100%) repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: #fff;
    font-family: "bebas_neueregular";
    font-size: 20px;
    font-weight: normal;
    text-shadow: -1px -1px 0 #035e96;
}
#addasset .addasset-form {
    padding: 0 20px;
}
#addasset .addasset-form .form-group {
    overflow: hidden;
}
#addasset .addasset-form label {
    color: #232323;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: normal;
    width: 20%;
}
#addasset .addasset-form .form-control {
    display: inline-block;
    vertical-align: middle;
    width: 76%;
}
#addasset .addasset-form .gray-bg {
    background: #ececec none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    margin-top: 15px;
    padding: 15px;
    width: 79%;
}
#addasset .addasset-form .gray-bg > input.file {
    display: inline-block;
    margin-left: 5px;
    width: 65%;
}
#addasset .addasset-form .gray-bg > .form-control.small {
    display: inline-block;
    width: 77%;
}
#addasset .addasset-form .form-control.small {
    width: 57%;
}
.btn:hover, .btn:focus {
    color: #fff;
}
.campaign-create {
}
.campaign-create .blueheader {
    background: #439bda none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    display: block;
    padding: 10px 15px;
}
.campaign-create .title {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 16px;
}
.campaign-create .title img {
    padding: 0 10px 0 5px;
}
.campaign-content {
    border: 1px solid #bfbfbf;
    border-radius: 0 0 5px 5px;
    margin-bottom: 25px;
    overflow: hidden;
    padding: 15px 15px 15px 22px;
}
.camp-row {
    padding: 10px 0 0;
}
.res-block {
    border-top: 4px solid #d3d3d3;
    color: #000;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    padding-top: 25px;
}
.rsborder {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    margin: 10px;
}
.rsborder.slead {
    margin: 10px 0;
}
.restric {
    color: #686868;
    font-family: "bebas_neueregular";
    font-size: 22px;
    text-indent: 0;
}
.restric img {
    padding-right: 10px;
}
.res-content {
    padding: 5px 22px;
}
.camp-row {
    color: #242424;
    font-family: "lato",sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.camp-row label {
    color: #232323;
    font-family: "lato",sans-serif;
    font-size: 14px;
    font-weight: 600;
}
.campaign-content .asset-detail {
    width: 100%;
}
.select-info.firstdiv.same {
    width: 25%;
}
.box1 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    min-height: 180px;
    padding: 15px;
}
.creatcamp-row {
    padding: 15px 0;
}
.creatcamp-row label {
    text-align: left;
    width: 25%;
}
.creatcamp-row .form-control, .select-info, .group {
    display: inline-block;
    width: 70%;
}
.creatcamp-row .form-group .form-group {
    display: inline-block;
    width: 49%;
}
.celender {
    padding: 0 8px;
}
.shift-arrow {
    padding: 7% 0;
}
.cutpointer {
    display: inline-block;
    margin: 0 10px;
    vertical-align: text-bottom;
}
.editlistgroup li {
    border: 0 none;
}
.select2-container-multi .select2-choices {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 0 none !important;
}
.select2-container.form-control {
    height: auto;
    padding: 3px 0;
}
.select2-container-multi.select2-container-active .select2-choices {
    box-shadow: none;
}
.btn.cancel:hover, .btn.cancel:focus {
    color: #333;
}
.select2-container-multi .select2-choices .select2-search-choice {
    font: 11px "Lucida Grande","Verdana";
}
.checkbox1 > input#checkex {
    clear: both;
    float: left;
    margin: 0 auto;
    outline: medium none;
    width: 70px;
}
#inviteagent .form-group label {
    display: inline-block;
    width: 30%;
}
#inviteagent .form-group .form-control {
    display: inline-block;
    width: 65%;
}
.modal-header h4 {
    background: transparent none repeat scroll 0 0;
    text-indent: 0;
    font-family: 'Inter', sans-serif;
}
.form-control::-moz-placeholder {
    color: #999;
}
.btn:active, .btn.active {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #439bda 0%, #2b85c7 100%) repeat scroll 0 0;
}
.bluenextbtn.previous {
    margin-right: 0;
}
.bluenextbtn.previous span {
    padding-left: 0;
    padding-right: 10px;
}
.close > span.cross-img {
    background: rgba(0, 0, 0, 0) url("../images/black-cross.png") no-repeat scroll 0 0;
    display: block;
    height: 18px;
    opacity: 1 !important;
    width: 18px;
}
.doc-thumb {
    box-shadow: 0.2px -0.5px 0.5px 1px #ccc;
    padding: 5px;
    text-align: center;
}
.loginMain .labelloginmargin {
    margin-left: 16px;
    font-size: 14px;
    font-weight: normal;
    color: #555;
    font-family: 'Inter', sans-serif;
}
.loginMain .labelloginmargin a{
    color: #3169B3;
}
.labeltextmargin {
    clear: none !important;
    float: left;
    font-size: 14px;
    margin-left: -15px;
    margin-top: 1px;
    width: 420px;
    word-break: break-all;
}
.toppadding {
    margin-bottom: -9px;
}
.addcheckboxmargin {
    margin-left: 14px !important;
    margin-top: 12px !important;
}
.fade-load {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    margin: 0;
    min-height: 1200px;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: 9999;
}
.fade-load.bidpage-list.ng-scope > img {
    position: absolute;
    top: 40%;
}
.geo .exclude label {
    margin-top: 0;
}
#location .tab-pane .form-group div span {
    display: block;
    padding: 5px 0;
}
.formmarginright {
    margin-left: 114px;
}
.labelmarginleft {
    margin-left: -20px;
    margin-right: 17px;
}
.divheight .control-label.leftmar {
    margin-left: 14px;
}
.divheight {
    height: 50px;
}
.marginrememberlabel {
    margin-top: -10px;
}
.marginremembercheckbox {
    margin-right: 12px;
    margin-top: 0 !important;
}
.imagedatemarginright {
    float: right;
    margin-right: -35px !important;
}
.imagenamemarginright {
    float: right;
    margin-right: 15px;
}
.margintable {
    float: left;
    margin-top: 5px;
}
.container.paddingoverwrite.space-style {
    padding-top: 10px;
}
#cancleCampaign .modal-footer, .modal-header {
    margin: 20px;
    padding: 0;
}
#cancleCampaign .modal-header h4.modal-title {
    color: #439bda;
    margin-bottom: 3px;
}
.cancel-icon {
    padding-right: 8px;
}
.ques-text {
}
#cancleCampaign .modal-footer {
    padding: 15px 0 0;
}
#cancleCampaign .modal-dialog, #inviteagent .modal-dialog {
    width: 380px;
}
.bluenextbtn.previous span {
    padding-left: 0;
    padding-right: 10px;
}
.error {
    color: #f00;
    position: absolute;
}
.error-upload {
    color: #f00;
    margin-right: 20px;
}
#newcampaignform .form-group {
    display: inline-block;
    margin-bottom: 0;
    padding: 0 0 20px;
    position: relative;
    width: 100%;
}
#selectleadform .form-group .error {
    color: #f00;
    position: static;
}
#newcampaignform .form-group .form-control, .date-control, .addextranewform-control {
    margin-bottom: 0;
}
#newcampaignform .form-group.col-md-7 {
    width: 58.33%;
}
#newcampaignform .form-group.col-md-4 {
    width: 33.33%;
}
.error-container {
    float: left;
    position: relative;
    width: 100%;
}
.divheight .form-group .error-container .error {
    left: 62%;
    width: 100%;
}
.addextramargingrayinnerbox {
    padding: 5px;
}
.addlabeltextmargin {
    font-size: 14px;
    margin-left: -10px;
    margin-top: -7px;
}
.addextralabelstyle {
    list-style: outside none none;
    margin-left: 20px;
    margin-top: 8px;
}
.ofLabelStyle {
    margin-top: 0;
    text-transform: none;
}
.errorMessageMargin {
    margin-left: 460px;
    margin-top: 22px;
}
.errorMessageNoCampMargin {
    margin-left: 445px;
    margin-top: 27px;
}
.team-search h4 {
    background: transparent none repeat scroll 0 0;
}
.sort-true {
    background: rgba(0, 0, 0, 0) url("../images/black_up_arrow.png") no-repeat scroll 92% 50%;
}
.sort-false {
    background: rgba(0, 0, 0, 0) url("../images/black_down_arrow.png") no-repeat scroll 92% 50%;
}
.comment-note {
    color: #4d8507;
    font-size: 11px;
    font-weight: bold;
}
.team-search .nav-tabs li {
}
.team-search .nav-tabs li a {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f5f2f2 0%, #fdfefd 50%, #e2e1e2 100%) repeat scroll 0 0;
    border: 1px solid #dddcdc;
    color: #363839;
    font-family: "lato",sans-sarif;
    font-size: 16px;
    font-weight: normal;
    margin-right: 4px;
    padding: 7px 5px;
    text-align: center;
    width: 127px;
}
.team-search .nav-tabs li:last-child a {
    margin: 0;
}
.team-search .tab-content {
    border: 1px solid #e7e4e4;
    padding: 10px;
}
.complete-count {
    text-indent: 0;
}
.team-search .tab-content {
    margin-bottom: 20px;
}
.team-search .tab-content .tab-pane {
    padding-bottom: 0;
}
.team-search .bid-block li {
    border-bottom: 2px solid #d3d3d3;
    width: 100%;
}
.nav-tabs {
    border-bottom: medium none;
}
.comment-note {
    color: #4d8507;
    font-size: 11px;
    font-weight: bold;
}
.comment-note img {
    padding: 0 5px;
}
.team-search .top-bottom-block {
    border-top: 4px solid #d3d3d3;
    display: block;
    padding-top: 30px;
}
.sort-btn {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    display: inline-block;
    margin: 2px 0 0 10px;
}
.sort-btn button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    display: inline-block;
    padding: 0 5px;
}
.sort-btn button:first-child {
    border-right: 1px solid #bfbfbf;
}
.side-widget {
    border: 1px solid #d6d6d8;
    margin-bottom: 5px;
    padding: 2px;
}
.side-widget .title {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eff0f1 29%, #fefeff 46%, #cfcfd1 100%) repeat scroll 0 0;
    color: #232323;
    font-family: "lato",sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 10px;
}
.side-widget .side-block {
    border: 1px solid #efeff0;
    margin: 2px 0 3px;
    padding: 0;
}
.side-widget .side-block .side-box {
    height: 100%;
    max-height: 75px;
    overflow-y: scroll;
}
.side-widget .side-block h5 {
    background: #f6f6f9 none repeat scroll 0 0;
    color: #358fcf;
    margin: 1px 0 10px;
    padding: 5px 10px;
}
.side-widget .side-block .checkbox1 {
    padding: 0 8px;
}
.side-widget .side-block .more {
    color: #358fcf;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
    text-decoration: underline;
}
.side-widget .side-block p {
    margin: 0;
    padding: 0 0 5px;
}
.side-widget .side-block .checkbox1 label {
    margin-bottom: 0;
    margin-top: 0;
}
.side-widget .side-block .checkbox1 input[type="checkbox"] {
    margin-bottom: 0;
    margin-top: 0;
}
.team-search .invite-bid.full {
    padding: 3px 20px;
    width: 80%;
}
.team-search .search-tab.nav-tabs > li.active > a, .search-tab.nav-tabs > li.active > a:hover, .search-tab.nav-tabs > li.active > a:focus, .search-tab.nav-tabs > li a:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #b1daf5 1%, #4496ce 37%, #0977c6 58%) repeat scroll 0 0 !important;
    border: 1px solid #dddcdc;
    color: #fff;
}
.team-search .exclude .checkbox1 {
    margin-top: -6px;
    text-align: center;
    width: 100%;
}
.team-search .exclude input, label {
    clear: both;
}
.team-search h4 {
    background: transparent none repeat scroll 0 0;
}
.side-widget .popover {
    max-width: 500px;
    width: 800px;
}
#dialog .form-control {
    display: inline-block;
    max-height: 40px;
    width: 84%;
}
#dialog .invite-bid {
    border: 0 none;
    margin-left: 15px;
    margin-right: 0;
    padding: 8px 9px;
    width: 11%;
}
#dialog button.close {
    margin: -6px -26px 0;
    opacity: 0.6;
}
.side-block .popover-content {
    display: inline-block;
    padding: 15px 30px 10px;
    width: 100%;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    font-weight: 800;
}
.select2-container, .select2-drop, .select2-search, .select2-search input {
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    width: 100% !important;
}
.tab-pane .select2-search-choice-close {
}
.tab-pane .select2-container-multi .select2-search-choice-close, .popover-content .select2-container-multi .select2-search-choice-close {
}
#dialog .form-group {
    margin-bottom: 0;
}
.popover-content .select2-container-multi .select2-search-choice-close {
    top: 13px;
}
.select2-container-multi .select2-choices .select2-search-choice {
    background: transparent none repeat scroll 0 0 !important;
    border: medium none !important;
    margin: 3px 0 3px 5px !important;
    padding: 10px 18px 10px 5px;
}
.multi-val-box .select2-container-multi .select2-choices .select2-search-choice {
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    padding: 3px 5px 3px 18px;
}
.select2-search-choice-close {
    background: rgba(0, 0, 0, 0) url("../images/cross-icon.png") no-repeat scroll 0 0 !important;
}
.select2-result-single {
    padding: 0;
}
.modal-header h4.modal-title {
    color: #3169B3;
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    margin-bottom: 3px;
}
.modal .form-control {
    display: inline-block;
    margin-bottom: 0;
    width: 70%;
}
.modal .admin-setting {
    display: inline-block;
    margin-bottom: 0;
    width: 14%;
}
.modal label {
    clear: both;
}
.modal .changePassword label {
    clear: both;
    width: 27%;
}
.modal .newasset label {
    clear: both;
    width: 27%;
}
.modal .btn {
    color: #fff;
    background-color: #3169B3;
    border-color: #3169B3;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding: 2px 12px;
}
.modal .form-group {
    display: inline-block;
    margin-bottom: 15px;
    overflow: unset;
    width: 100%;
}
.modal .error-container {
    float: right;
    margin-bottom: 7px;
    width: 72%;
}
.form-group .assetdescription {
    margin-bottom: 78px;
    margin-top: 0;
}
#addAssetForm .form-control.small {
    width: 48%;
}
#addAssetForm .gray-bg {
    background: #eee none repeat scroll 0 0;
    margin: 10px 0 0 28%;
    padding: 10px;
    width: 69%;
}
#addAssetForm input[type="file"] {
    text-overflow: ellipsis;
    white-space: pre-line;
    width: 75%;
}
.msg-color {
    color: #1d5176;
}
.modaltextcolor {
    color: #3071a9;
}
.modalbodypadding {
    margin-top: 0;
    padding: 21px;
}
.nobuttonmargin {
    margin-right: -14px;
}
.modal-footer {
    margin: 0 20px;
}
.ncl-label {
    clear: none !important;
    padding-left: 5px;
    padding-top: 2px;
}
.fleft {
    float: left;
}
.clearfix::after {
    clear: both;
    content: "";
    display: table;
}
.label-go-margin {
    margin-top: 18px;
    padding-right: 80px;
}
.label-text-transform {
    text-transform: none;
}
.pagination-wrap ul {
    margin: 0;
    padding: 0;
}
.pagination-wrap label {
    margin-top: 3px;
    padding: 0;
}
.divsearchbuttonleft {
    float: left;
}
.number-box {
    margin-right: 10px;
}
.divshowmargin {
    float: left;
    margin-right: 10px;
}
.leftdiv {
    float: left;
    margin-right: 10px;
}
.slide-btn {
    display: inline-block;
    float: right;
    margin: 31px 0;
    width: 34px;
}
.slider-container {
    display: inline-block;
}
.processing {
    background: rgba(80, 80, 80, 0.7) none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.workatoProcessing {
    left: 0;
    width: 100vw!important;
}
.processing_message {
    color: #fff;
    position: absolute;
    text-align: center;
    top: 30%;
    width: 100%;
}
.signup-label {
    float: right;
    margin-right: 15px;
    margin-top: 10px;
}
.margin-link {
    margin-top: 10px;
}
.cdbl-slider {
    margin: 10px;
    width: 200px;
}
.side-block .cdbl-slider {
    display: inline-block;
    width: 145px;
}
.whitebg1 .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    display: inline-block;
}
.side-block .ui-widget-content {
    background-color: #e7e7e7;
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    border: 0 none;
    border-radius: 2px;
    height: 5px;
}
.slide-btn {
    margin: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #e7e7e7;
    background-repeat: repeat-x;
    border: 1px solid #aaa;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: e-resize;
    height: 14px;
    top: -5px;
    width: 14px;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -0.4em !important;
}
.errorClass {
    margin-left: 127px;
    position: relative;
    width: 100%;
}
.successClass {
    color: #3c763d;
}
.incompleteClass {
    color: #DC143C;
}
.msg-records {
    font-weight: 600;
    padding-left: 10px;
}
.modal-dialog {
    height: 325px;
    width: 500px;
}
.changePassword .form-control {
    margin-bottom: 10px;
}
.screen_main_container {
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    margin-top: 15px;
    padding: 15px;
    width: 100%;
}
.screen_main_container .no-padding-left {
    padding-left: 0 !important;
}
.screen_main_container .no-padding-right {
    padding-right: 0 !important;
}
.screen_main_container .no-margin-left {
    margin-left: 0 !important;
}
.screen_main_container .no-margin-right {
    margin-right: 0 !important;
}
.screen_main_container .center-align-text {
    text-align: center !important;
}
.screen_main_container input[type="text"] {
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    font-weight: normal;
    margin-right: 10px;
    padding: 4px 10px;
}
.screen_main_container .browse_btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 70%, #e5e5e5 100%) repeat scroll 0 0;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    color: #000;
    padding: 4px 10px;
}
.screen_main_container .browse_btn:hover {
    border: 1px solid #333;
}
.screen_main_container h4 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #586064;
    font-size: 22px;
    text-indent: 0;
}
.screen_main_container .search_by_container {
    float: right;
    text-align: right;
    width: 58%;
}
.screen_main_container .search_by {
    color: #000;
    float: left;
    padding: 6px 0 0 30px;
    text-align: left;
    width: 100px;
}
.screen_main_container .search_by_select {
    float: left;
    height: 30px;
    margin-top: 12px;
    padding: 0 5px;
    width: 60%;
}
.screen_main_container .whiteboxwithlabel {
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding-top: 10px;
}
.screen_main_container .table_container {
    padding-bottom: 15px;
}
.tab-content-row .progress {
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    display: inline-block;
    height: 20px;
    margin-bottom: 0;
    overflow: hidden;
    width: 378px;
}
.table {
    border: 1px solid #bfbfbf;
    border-collapse: collapse;
    margin-bottom: 5px;
}
.table th {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #dbdbdb 100%) repeat scroll 0 0;
    border: 1px solid #bfbfbf;
    color: #5d5c5c;
    text-align: center;
    vertical-align: middle !important;
}
.table td {
    border: 1px solid #bfbfbf;
    color: #000;
    padding: 10px 10px 7px !important;
    text-align: left;
}
.table td.center_text {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}
.screen_main_container .bluesmall_btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #439bda 1%, #2b85c7 100%) repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 11px;
    margin: 7px 0 7px 10px;
    padding: 0 10px;
}
.screen_main_container i.agent_status {
    display: inline-block;
    height: 12px;
    margin: 0 7px 0 0;
    width: 12px;
}
.agentalloocation-modal .aa_agent_status i.agent_status {
    background-size: 10px auto !important;
    display: inline-block;
    height: 12px;
    margin: 5px 1px -3px -12px;
    width: 12px;
}
.agentalloocation-modal table .aa_agents .aa_agent_status {
    padding-left: 0;
}
.screen_main_container i.online_agent, .agentalloocation-modal .aa_agent_status i.online_agent {
    background: rgba(0, 0, 0, 0) url("../images/live_status.png") no-repeat scroll 0 0;
}
.screen_main_container i.away_agent, .agentalloocation-modal .aa_agent_status i.away_agent {
    background: rgba(0, 0, 0, 0) url("../images/away_status.png") no-repeat scroll 0 0;
}
.screen_main_container i.onbreak_agent, .agentalloocation-modal .aa_agent_status i.onbreak_agent {
    background: rgba(0, 0, 0, 0) url("../images/on_break_status.png") no-repeat scroll 0 0;
}
.screen_main_container i.gearing_agent, .agentalloocation-modal .aa_agent_status i.gearing_agent {
    background: rgba(0, 0, 0, 0) url("../images/gearing_status.png") no-repeat scroll 0 0;
}
.screen_main_container i.offline_agent, .agentalloocation-modal .aa_agent_status i.offline_agent {
    background: rgba(0, 0, 0, 0) url("../images/offline_status.png") no-repeat scroll 0 0;
}
.screen_main_container i.idle_agent, .agentalloocation-modal .aa_agent_status i.idle_agent {
    background: rgba(0, 0, 0, 0) url("../images/idle_status.png") no-repeat scroll 0 0;
}
.screen_main_container button.join_chat {
    background: rgba(0, 0, 0, 0) none no-repeat scroll 0 0;
    border: 0 none;
    display: inline-block;
    height: 16px;
    margin: 0 1px;
    padding: 0;
    width: 19px;
}
.screen_main_container button.user_end_call {
    background-image: url("../images/CallEndButton.png");
    background-position: left top;
}
.screen_main_container button.user_add_enable {
    background-image: url("../images/user_add.png");
    background-position: left top;
}
.screen_main_container button.user_add_disable {
    background-image: url("../images/user_add.png");
    background-position: right top;
}
.screen_main_container button.user_chat_enable {
    background-image: url("../images/chat_status.png");
    background-position: left top;
}
.screen_main_container button.user_chat_disable {
    background-image: url("../images/chat_status.png");
    background-position: right top;
}
.time_dis_color_info {
    color: #5d5c5c;
    float: right;
    font-size: 10px;
    padding: 0 3px 20px 0;
    text-align: right;
}
.time_dis_color_info span {
    background-position: 0 9px;
    background-repeat: no-repeat;
    float: left;
    margin-left: 10px;
    padding-left: 12px;
}
.time_dis_color_info span.online {
    background-image: url("../images/td_online.jpg");
}
.time_dis_color_info span.away {
    background-image: url("../images/td_away.jpg");
}
.time_dis_color_info span.onbreak {
    background-image: url("../images/td_on_break.jpg");
}
.time_dis_color_info span.ag-gearing {
    background-image: url("../images/gearing_status.png");
}
.time_dis_color_info span.ag-idle {
    background-image: url("../images/idle_status.png");
}
.time_dis_color_info span.ag-away {
    background-image: url("../images/away_status.png");
}
.time_dis_color_info span.ag-onbreak {
    background-image: url("../images/on_break_status.png");
}
.time_dis_color_info span.ag-offline {
    background-image: url("../images/offline_status.png");
}
.time_dis_color_info span.ag-online {
    background-image: url("../images/live_status.png");
}
.time_dis_color_info.agent-status span {
    background-position: 0 6px;
    padding-left: 20px;
}
.screen_main_container .colse_popup {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    opacity: 0.7;
    position: absolute;
    right: 2px;
    top: 2px;
}
.screen_main_container .customize_view_popup {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #969494;
    border-radius: 5px;
    box-shadow: 0 0 15px 0 #c9c9c9;
    display: none;
    padding: 25px 20px;
    position: absolute;
    right: 135px;
    top: -22px;
    width: 570px;
    z-index: 999;
}
.screen_main_container .customize_view_popup::after {
    background: #fff none repeat scroll 0 0;
    border-right: 1px solid #969494;
    border-top: 1px solid #969494;
    content: "";
    height: 20px;
    position: absolute;
    right: -11px;
    top: 40%;
    transform: rotate(45deg);
    width: 20px;
}
.screen_main_container .customize_view_popup .search_by_select {
    float: left;
    height: 45px;
    margin: 0;
    padding: 0 10px;
    width: 385px;
}
.screen_main_container .customize_view_popup .bluenextbtn {
    float: left;
    margin: 0 0 0 10px !important;
}
.screen_main_container .setting_container {
    position: relative;
}
.screen_main_container .setting_container .setting_btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    margin: 0;
    padding: 0;
}
.screen_main_container .setting_container .setting_btns_container {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #969494;
    border-radius: 5px;
    box-shadow: 0 0 15px 0 #c9c9c9;
    display: none;
    left: -78px;
    padding: 10px 5px 10px 10px;
    position: absolute;
    top: -53px;
    width: 192px;
    z-index: 999;
}
.screen_main_container .setting_container .showtools {
    display: block;
}
.screen_main_container .setting_container .setting_btns_container::after {
    background: #fff none repeat scroll 0 0;
    border-right: 1px solid #969494;
    border-top: 1px solid #969494;
    content: "";
    height: 15px;
    left: 48%;
    position: absolute;
    top: 37px;
    transform: rotate(135deg);
    width: 15px;
}
.screen_main_container .setting_container .setting_btns_container a {
    float: left;
    margin-right: 3px;
    outline: medium none;
}
#campaign .modal-dialog, .CallGuide-modal .modal-dialog, #agent-alloocation .modal-dialog, .agentPerformance-modal .modal-dialog, #contact-list-data-source .modal-dialog, .agentalloocation-modal .modal-dialog, .activateasset-modal .modal-dialog, .contactlistdatasource-modal .modal-dialog, #assets-popup .modal-dialog {
    width: 800px !important;
}
#campaign .modal-dialog, .CallGuide-modal .modal-dialog .modal-header, #agent-alloocation .modal-dialog .modal-header, .agentalloocation-modal .modal-dialog .modal-header, .agentPerformance-modal .modal-dialog .modal-header, #contact-list-data-source .modal-dialog .modal-header, .activateasset-modal .modal-dialog .modal-header, .contactlistdatasource-modal .modal-dialog .modal-header, #assets-popup .modal-dialog .modal-header {
    border: 0 none;
}
.modal-content {
    background: #ffffff; 
    float: left;
    width: 100% !important;
}
#callSpeedForm .modal-middle-content {
    float: left;
    padding: 15px 0 25px;
    width: 100%;
}
#callSpeedForm .modal-body {
    padding: 0 25px 25px;
    width: 100%;
}
#callSpeedForm .modal-header {
    border: 0 none !important;
    float: left;
    margin: 0;
    padding: 10px 15px !important;
    width: 100%;
}
#callSpeedForm .modal-header h4 {
    margin: 0 !important;
    padding: 10px !important;
}
#callSpeedForm .text-color {
    margin-left: 0;
}
#callspeed .modal-dialog, #lead-sorting-order .modal-dialog {
    height: auto !important;
    margin: 30px auto !important;
    width: 480px !important;
}
.ssblue_btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #439bda 1%, #2b85c7 100%) repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-family: "bebas_neueregular";
    font-size: 19px;
    margin: 0 10px 0 0;
    padding: 4px 20px;
    text-transform: uppercase;
    height: 40px !important;
}

.databuy_btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #439bda 1%, #2b85c7 100%) repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-family: "bebas_neueregular";
    font-size: 19px;
    margin: 0 10px 0 0;
    text-transform: uppercase;
}

.CallGuide-modal .nav-tabs, .contactlistdatasource-modal .nav-tabs {
    border-bottom: 0 none !important;
    padding-left: 22px;
}
.CallGuide-modal .nav-tabs > li, .contactlistdatasource-modal .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.CallGuide-modal .nav-tabs > li > a, .contactlistdatasource-modal .nav-tabs > li > a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f2efef 0%, #ffffff 50%, #d7d7d7 100%) repeat scroll 0 0;
    border-color: #dddcdc #dddcdc -moz-use-text-color;
    border-image: none;
    border-radius: 6px 6px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #232323;
    line-height: 1.42857;
    margin-right: 2px;
}
.CallGuide-modal .nav-tabs > li > a:hover, .contactlistdatasource-modal .nav-tabs > li > a:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #b6dcf6 0%, #6cb7ed 25%, #4294cd 50%, #0877c6 55%, #0877c6 100%) repeat scroll 0 0;
    color: #fff;
}
.CallGuide-modal .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .contactlistdatasource-modal .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #b6dcf6 0%, #6cb7ed 25%, #4294cd 50%, #0877c6 55%, #0877c6 100%) repeat scroll 0 0 !important;
    border-color: #ddd #ddd transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    cursor: default;
}
.CallGuide-modal .nav > li > a, .contactlistdatasource-modal .nav > li > a {
    padding: 8px 0;
    text-align: center;
    width: 130px;
}
.CallGuide-modal .tab-content, .contactlistdatasource-modal .tab-content {
    background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    float: left;
    margin: 0 1% 10px 1.5%;
    padding: 20px;
    width: 97.5%;
}
.CallGuide-modal .tab-content .tab-content-row {
    float: left;
    padding: 10px 0;
    width: 100%;
}
.CallGuide-modal .tab-content .tab_textarea {
    border: 1px solid #f2f0f0;
    border-radius: 5px;
    height: 250px;
    padding: 15px 20px;
    width: 100%;
}
.contactlistdatasource-modal .tab-content .add_condition {
    margin-bottom: 15px;
}
.CallGuide-modal .tab-content #data_source, .contactlistdatasource-modal .tab-content {
}
.CallGuide-modal .tab-content #data_source .CallGuide-modal .add_condition, .contactlistdatasource-modal .CallGuide-modal .tab-content .add_condition {
    background-color: #fff;
    background-image: url("../images/add_condition.png");
    background-position: 5px 6px;
    background-repeat: no-repeat;
    border: 1px solid #439bda;
    border-radius: 5px;
    color: #439bda;
    padding: 3px 10px 4px 30px;
}
.CallGuide-modal .tab-content #data_source .data_source_table, .contactlistdatasource-modal .tab-content .data_source_table {
    border: 0 none;
    width: 100%;
}
.CallGuide-modal .tab-content #data_source .data_source_table td, .contactlistdatasource-modal .tab-content .data_source_table td {
    border: 0 none;
    padding: 0 0 10px !important;
    text-align: left;
}
.CallGuide-modal .tab-content #data_source .data_source_table td.cell1, .contactlistdatasource-modal .tab-content .data_source_table td.cell1 {
    width: 30%;
}
.CallGuide-modal .tab-content #data_source .data_source_table td.cell2, .contactlistdatasource-modal .tab-content .data_source_table td.cell2 {
    width: 28%;
}
.CallGuide-modal .tab-content #data_source .data_source_table td.cell3, .contactlistdatasource-modal .tab-content .data_source_table td.cell3 {
    width: 41%;
}
.CallGuide-modal .tab-content #data_source .data_source_table td.cell4, .contactlistdatasource-modal .tab-content .data_source_table td.cell4 {
    text-align: center;
    width: 1%;
}
.CallGuide-modal .tab-content #data_source .data_source_table td select, .contactlistdatasource-modal .tab-content .data_source_table td select {
    font-weight: normal;
    width: 95%;
}
.CallGuide-modal .tab-content #data_source .data_source_table td input[type="text"], .contactlistdatasource-modal .tab-content .data_source_table td input[type="text"] {
    width: 98%;
}
.CallGuide-modal .tab-content #data_source .data_source_table td button, .contactlistdatasource-modal .tab-content .data_source_table td button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
}
.screen_main_container #callspeed .progress_bar {
    color: #453f3f;
    float: left;
    font-family: "bebas_neueregular";
    font-size: 24px;
    text-align: center;
    width: 100%;
}
.screen_main_container #callspeed .progress_bar span.jslider-single td {
    border: 0 none;
}
#callSpeedForm .progress_bar span.jslider-single {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dcd5d5;
    border-radius: 10px;
    box-shadow: 0 0 4px 1px #dcd5d5 inset;
    display: block;
    height: 15px;
    margin: 10px auto;
    width: 97%;
}
#callSpeedForm .progress_bar span.bordertop {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #dedede #dedede;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    display: block;
    height: 15px;
    margin: 10px auto;
    width: 68%;
}
.screen_main_container #callspeed .progress_bar button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
}
.screen_main_container #callguide h4 {
    float: left !important;
    margin: 10px 15px 0 0;
}
.CallGuide-modal .add_rebuttal {
    background-color: #717171;
    background-image: url("../images/add_rebuttal.png");
    background-position: 3px 2px;
    background-repeat: no-repeat;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-family: "bebas_neueregular";
    font-size: 16px;
    margin-top: 10px;
    padding: 0 4px 0 26px !important;
}
.agentalloocation-modal table {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-collapse: collapse;
    margin-bottom: 5px;
}
.agentalloocation-modal .table-striped th {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #cccccc;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
}
.agentalloocation-modal .table-striped td {
    border: 0 none;
    padding: 18px 18px 5px !important;
    text-align: left;
    vertical-align: middle;
}
.agentalloocation-modal .table-striped .right_border {
    border-right: 1px solid #cccccc;
}
.agentalloocation-modal table .avail_res_title {
    background: #f0f1f5 none repeat scroll 0 0;
    border: 1px solid #bbbbbb;
    color: #5d5c5c;
    font-weight: bold;
    padding: 10px !important;
    text-align: center;
}
.agentalloocation-modal table .avail_resource {
    background: #f7f8fa none repeat scroll 0 0;
    padding: 15px 15px 0 !important;
}
.agentalloocation-modal table .aa_agents, .userlist .aa_agents {
    border: 1px solid #97999b;
    box-shadow: 0 0 3px 1px #a1a1a1;
    cursor: move;
    float: left;
    margin: 0 15px 15px 0;
    padding: 5px;
    position: relative;
    width: 157px;
}
.agentalloocation-modal table .tmp_aa_agents {
    background: #cee7f7 none repeat scroll 0 0 !important;
    border: 1px solid #95cdf5 !important;
    box-shadow: 0 0 3px 1px #cee7f7 !important;
}
.agentalloocation-modal table .aa_agents .profile_pic, .userlist .aa_agents .profile_pic {
    border: 1px solid #fff;
    float: left;
    height: 53px;
    margin-right: 5px;
    width: 60px;
}
.agentalloocation-modal table .aa_agents .profile_pic img, .userlist .aa_agents .profile_pic img {
    height: 53px;
    width: 60px;
}
.agentalloocation-modal table .aa_agents .agent_hours, .userlist .aa_agents .agent_hours {
    background: #eff1f3 none repeat scroll 0 0;
    color: #191919;
    float: left;
    font-size: 11px;
    min-width: 80px;
    padding: 1px 5px;
}
.agentalloocation-modal table .aa_agents .agent_hours span, .userlist .aa_agents .agent_hours span {
    display: block;
}
.agentalloocation-modal table .aa_agents .agent_hours span.red, .userlist .aa_agents .agent_hours span.red {
    color: #d9625f;
}
.agentalloocation-modal table .aa_agents .agent_hours span.green, .userlist .aa_agents .agent_hours span.green {
    color: #1a8809;
}
.agentalloocation-modal table .aa_agents .calender_icon, .userlist .aa_agents .calender_icon {
    float: left;
    margin: 2px 0 0 5px;
}
.agentalloocation-modal table .aa_agents .aa_agent_status, .userlist .aa_agents .aa_agent_status {
    background-position: 0 9px;
    background-repeat: no-repeat;
    color: #000;
    float: left;
    font-size: 11px;
    padding: 5px 0 0 13px;
    width: 100%;
}
.agentalloocation-modal table .aa_agents .agent_online, .userlist .aa_agents .agent_online {
    background-image: url("../images/user_online.png");
}
.agentalloocation-modal table .aa_agents .agent_offline, .userlist .aa_agents .agent_offline {
    background-image: url("../images/user_offline.png");
}
.agentalloocation-modal table .aa_agents .agent_busy, .userlist .aa_agents .agent_busy {
    background-image: url("../images/user_busy.png");
}
.agentalloocation-modal table .aa_agents .aa_calender_container, .userlist .aa_agents .aa_calender_container {
    cursor: default !important;
    display: none;
    float: left;
    left: -18%;
    padding-bottom: 20px;
    position: absolute;
   	top: -129px;
    width: 302px;
    z-index: 999;
}
.agentalloocation-modal table .aa_agents:hover .aa_calender_container, .userlist .aa_agents:hover .aa_calender_container {
    display: block;
}
.agentalloocation-modal table .aa_agents .aa_calender_container .aa_calender, .userlist .aa_agents .aa_calender_container .aa_calender {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #969494;
    border-radius: 5px;
    box-shadow: 0 0 15px 0 #c9c9c9;
    float: left;
    padding: 5px;
    position: relative;
    width: 302px;
}
#available_resource_agents .agent-listing .popover-content, #available_resource_agents .agent-listing .popover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    display: inline-block;
    margin-left: -5px;
    max-width: 335px;
    overflow: visible;
    padding: 10px 10px 0;
}
.agentalloocation-modal table .aa_agents .aa_calender_container .aa_calender::after, .userlist .aa_agents .aa_calender_container .aa_calender::after {
    background: #fff none repeat scroll 0 0;
    border-right: 1px solid #969494;
    border-top: 1px solid #969494;
    bottom: -14px;
    content: "";
    height: 25px;
    left: 48%;
    position: absolute;
    transform: rotate(135deg);
    width: 25px;
}
.agentalloocation-modal table .aa_agents .aa_calender_container .aa_calender .aa_month, .userlist .aa_agents .aa_calender_container .aa_calender .aa_month {
    border: 1px solid #dbdbdb;
    color: #222121;
    float: left;
    font-weight: bold;
    padding: 5px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.agentalloocation-modal table .aa_agents .aa_calender_container .aa_calender button, .userlist .aa_agents .aa_calender_container .aa_calender button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    margin: 0;
    padding: 0 6px;
    position: absolute;
    top: 4px;
}
.agentalloocation-modal table .aa_agents .aa_calender_container .aa_calender button.left_arrow, .userlist .aa_agents .aa_calender_container .aa_calender button.left_arrow {
    left: 0;
}
.agentalloocation-modal table .aa_agents .aa_calender_container .aa_calender button.right_arrow, .userlist .aa_agents .aa_calender_container .aa_calender button.right_arrow {
    right: 0;
}
.agentalloocation-modal table .aa_agents .aa_calender_container .aa_calender .aa_week, .userlist .aa_agents .aa_calender_container .aa_calender .aa_week {
    background: #eff1f3 none repeat scroll 0 0;
    color: #222121;
    float: left;
    font-weight: bold;
    padding: 5px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.agentalloocation-modal table .aa_agents .aa_calender_container .aa_calender table.mtwtf, .userlist .aa_agents .aa_calender_container .aa_calender table.mtwtf {
    border: 1px solid #dbdbdb;
    width: 100%;
}
.agentalloocation-modal table .aa_agents .aa_calender_container .aa_calender table.mtwtf td, .userlist .aa_agents .aa_calender_container .aa_calender table.mtwtf td {
    padding: 5px 0 5px 4px !important;
    text-align: center;
}
.agentalloocation-modal table .aa_agents .aa_calender_container .aa_calender table.mtwtf td.day_name, .userlist .aa_agents .aa_calender_container .aa_calender table.mtwtf td.day_name {
    font-weight: bold;
    padding: 5px 0 !important;
    text-align: center;
    width: 10%;
}
.agentalloocation-modal table .aa_agents .aa_calender_container .aa_calender table.mtwtf td.day_time, .userlist .aa_calender_container .aa_calender table.mtwtf td.day_time {
    width: 90%;
}
.agentalloocation-modal table .aa_agents .aa_calender_container .aa_calender table.mtwtf span, .userlist .aa_agents .aa_calender_container .aa_calender table.mtwtf span {
    border-radius: 3px;
    float: left;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.8px;
    margin-right: 3px;
    padding: 2px;
}
.agentalloocation-modal table .aa_agents .aa_calender_container .aa_calender table.mtwtf span.busy_time, .userlist .aa_agents .aa_calender_container .aa_calender table.mtwtf span.busy_time {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f7dddc 0%, #fabcba 5%, #fc9c9a 100%) repeat scroll 0 0;
    border: 1px solid #e87673;
}
.agentalloocation-modal table .aa_agents .aa_calender_container .aa_calender table.mtwtf span.free_time, .userlist .aa_agents .aa_calender_container .aa_calender table.mtwtf span.free_time {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f1f3e4 5%, #d2e5c3 10%, #b9e1b3 100%) repeat scroll 0 0;
    border: 1px solid #60a856;
}
.agentalloocation-modal table .aa_agents .aa_calender_container .aa_calender .free-busy, .userlist .aa_agents .aa_calender_container .aa_calender .free-busy {
    display: block;
    font-size: 10px;
    vertical-align: middle;
}
.activateasset-modal .assets-popup_content {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    width: 100%;
}
.activateasset-modal .assets-popup_content td {
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-top: 0 none !important;
    padding: 20px 5px !important;
    text-align: center;
    vertical-align: top;
}
.activateasset-modal .assets-popup_content td.radio_btn {
    background-image: url("../images/asset_icon.png");
    background-position: 35px 20px;
    background-repeat: no-repeat;
    height: 105px;
    padding: 42px 0 0 13px !important;
    text-align: left;
    width: 100px;
}
.activateasset-modal .assets-popup_content td.asset_text {
    text-align: left;
}
.activateasset-modal .assets-popup_content td.asset_text h1 {
    color: #266da0;
    font-size: 18px;
    margin: 0;
    padding: 0 0 5px;
}
.activateasset-modal .assets-popup_content td.asset_text p {
    line-height: 17px;
    margin: 0;
    padding: 0;
    text-transform: none !important;
}
.search_by_container .select2-container-multi .select2-choices .select2-search-choice {
    padding: 10px 5px 10px 20px !important;
}
.search_by_container .select2-search-choice-close {
    top: 12px;
}
.search_by_container .select2-results .select2-result-label {
    text-align: left;
}
.search_by_container .select2-container, .select2-drop, .select2-search, .select2-search input {
    width: 60% !important;
}
.agentPerformance-modal .progress-bar-online {
    background: #72b200 none repeat scroll 0 0;
}
.agentPerformance-modal .progress-bar-away {
    background: #e0b400 none repeat scroll 0 0;
}
.agentPerformance-modal .progress-bar-on-break {
    background: #c0c0c0 none repeat scroll 0 0;
}
.screen_main_container .leads-delivered {
}
.screen_main_container .leads-delivered .progress {
    border: 1px solid #a8a8a8 !important;
    height: auto !important;
    margin: 0 10px 20px !important;
    padding: 2px !important;
}
.screen_main_container .leads-delivered .progress .progress-bar {
    color: #000 !important;
    line-height: 17px !important;
}
.screen_main_container .leads-delivered .progress .progress-bar-leads-delivered {
    background-color: #43da78;
    border-radius: 5px 0 0 5px;
}
.screen_main_container .leads-delivered .progress .progress-bar-leads-pending {
    background-color: #fff;
}
.screen_main_container .leads-delivered-popup {
}
.screen_main_container .leads-delivered-popup .progress {
    float: left !important;
    margin: 0 5px 0 0 !important;
}
.screen_main_container .leads-delivered .progress .progress-bar {
    box-shadow: none !important;
}
.screen_main_container .leads-delivered-popup .progress .progress-bar-agent-leads {
}
.btn-droppable {
    height: 30px;
    padding-left: 4px;
    width: 180px;
}
.btn-draggable {
    width: 160px;
}
.jslider .jslider-bg .r {
    background-position: right 0;
    border-radius: 0 5px 5px 0;
    left: 50%;
    width: 49% !important;
}
.jslider .jslider-bg .l {
    background-position: 0 0;
    border-radius: 5px 0 0 5px;
    left: 5px !important;
    width: 49% !important;
}
.jslider .jslider-bg i {
    top: 4px !important;
}
#callSpeedForm .progress_bar .jslider_round .jslider-pointer {
    background: #fff none repeat scroll 0 0 !important;
    border-radius: 20px !important;
    box-shadow: 0 0 0 6px #e6e7eb inset !important;
    cursor: pointer !important;
    height: 28px !important;
    top: -8px;
    width: 28px !important;
}
.jslider .jslider-value, .jslider .jslider-label {
    display: none;
}
.search_by_container .select2-container, .select2-drop, .select2-search, .select2-search input {
    float: left;
    height: 40px;
    width: 82% !important;
}
.screen_main_container .customize_view_popup .bluenextbtn {
    height: 40px;
    line-height: 1;
}
.screen_main_container .customize_view_popup {
    padding: 20px 15px;
}
.screen_main_container h4 {
    margin-bottom: 12px;
    margin-top: 14px;
}
.search_by_container.searchby .select2-container, .select2-drop, .select2-search, .select2-search input {
    height: auto;
    width: 100% !important;
}
#callSpeedForm .ssblue_btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #439bda 1%, #2b85c7 100%) repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-family: "bebas_neueregular";
    font-size: 22px;
    margin: 0 10px 0 0;
    padding: 4px 20px;
    text-transform: uppercase;
}
.swap {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
}
.CallGuide-modal .modal-dialog {
    width: 800px;
}
.CallGuide-modal .modal-header h4 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #586064;
    float: left;
    font-size: 22px;
    text-indent: 0;
}
#callSpeedForm .modal-body {
    clear: both;
}
.file_upload_text {
    border: 1px solid #333;
    border-radius: 5px;
    color: #000;
    margin-left: 10px;
    padding: 0 10px;
}
#file_upload .form-control {
    width: 32%;
}
.screen_main_container #datepicker1 {
    float: right;
    font-size: 10px;
    line-height: 17px;
}
.screen_main_container .datepicker {
}
.screen_main_container .datepicker .ui-corner-all {
    border-radius: 5px;
    padding: 2px 2px 2px 4px;
}
.screen_main_container .datepicker .ui-widget-header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    width: 100%;
}
.screen_main_container .datepicker .ui-datepicker-calendar {
    border: 0 none;
    font-size: 10px;
    margin: 0;
    padding: 0;
}
.screen_main_container .datepicker .ui-datepicker-calendar th {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    padding: 5px 0 !important;
}
.screen_main_container .datepicker .ui-datepicker-calendar td {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    padding: 0 2px 2px 0 !important;
}
.screen_main_container .datepicker .ui-datepicker-calendar td a {
    padding: 0 3px 0 0 !important;
}
.screen_main_container .calender-profile-pic {
    font-weight: bold;
}
.screen_main_container .calender-profile-pic img {
    border: 1px solid #fff;
    box-shadow: 0 0 5px 1px #a8a8a8;
    float: left;
    height: 77px;
    margin-right: 15px;
    width: 77px;
}
.screen_main_container .calender-profile-pic span {
    float: left;
    font-weight: normal;
    padding-top: 5px;
}
.screen_main_container .calender-profile-pic span em {
    color: #1a8809;
    font-style: normal;
    text-transform: none;
}
.screen_main_container .fullcalendar_container {
    padding-top: 5px;
}
.screen_main_container .fullcalendar_container #calendar {
    font-family: "lato",sans-sarif;
    font-size: 14px;
    margin: 0;
    max-width: 100%;
}
.screen_main_container .fc-toolbar {
    border: 1px solid #c0bfbf;
}
.screen_main_container .fc-today-button {
    display: none !important;
}
.screen_main_container .fc-left {
    width: 100%;
}
.screen_main_container .fc-right {
    background: #cce3f6 none repeat scroll 0 0;
    text-align: center;
    width: 100%;
}
.screen_main_container .fc-button-group {
    position: relative;
    width: 100%;
    z-index: 100;
}
.screen_main_container .fc-button-group .fc-prev-button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    float: left;
}
.screen_main_container .fc-button-group .fc-next-button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    float: right;
}
.screen_main_container .fc-button-group button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    display: inline-block;
    float: none;
    font-size: 14px;
    text-shadow: none;
    text-transform: capitalize;
}
.screen_main_container .fc-center {
    float: left;
    margin-top: -54px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.screen_main_container .fc-center h2 {
    float: left;
    font-size: 18px !important;
    text-align: center;
    width: 100%;
}
.screen_main_container .fc-widget-header table {
    margin: 0 !important;
}
.screen_main_container .fc-widget-header th {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #d3d3d3 100%) repeat scroll 0 0;
    color: #191919;
    font-size: 16px;
    font-weight: normal;
    padding: 5px 0 !important;
}
.screen_main_container .fc-unthemed td, .screen_main_container .fc-unthemed hr, .screen_main_container .fc-unthemed thead, .screen_main_container .fc-unthemed tbody, .screen_main_container .fc-unthemed .fc-row, .screen_main_container .fc-unthemed .fc-popover {
    border-color: #b9b8b8 !important;
    margin: 0;
    padding: 0 !important;
}
.screen_main_container .fc-content-skeleton .fc-event {
    background-color: #fddad9;
    border: 1px solid #e87673;
    color: #0c5d97;
    font-size: 11px;
    line-height: 15px;
    margin: 5px;
}
.screen_main_container .fc-content-skeleton .fc-event .fc-time {
    background-color: #fea19d;
    color: #000;
    float: left;
    margin: 1px 0;
    padding: 2px;
    text-align: center;
    width: 100%;
}
.screen_main_container .fc-content-skeleton .fc-event .fc-title {
    float: left;
    margin: 1px 0;
    padding: 2px;
    width: 100%;
}
.screen_main_container .fc-content-skeleton .fc-event .fc-description {
    float: left;
    text-align: center;
    width: 100%;
}
.screen_main_container .fc-content-skeleton table td {
    padding: 5px 10px !important;
}
.screen_main_container .total-busy-hours {
    background: #cce3f6 none repeat scroll 0 0;
    text-align: right;
}
.screen_main_container .total-busy-hours span {
    color: #dc463f;
}
.screen_main_container .fullcalendar_container .free-busy {
    float: left;
}
.screen_main_container .fullcalendar_container .ssblue_btn {
    margin: 0;
}
.screen_main_container .fullcalendar_container .cal_popup_container {
    background: #4d8507 none repeat scroll 0 0;
    color: #fff;
    float: left;
    padding: 5px 0;
    position: relative;
    text-align: center;
    width: 145px;
}
.screen_main_container .fullcalendar_container .cal_popup_container .calender_popup {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a2a1a1;
    box-shadow: 5px 5px 10px 5px #e3e3e3;
    color: #333;
    display: none;
    float: left;
    left: 160px;
    padding: 20px 20px 10px;
    position: absolute;
    top: -92px;
    width: 350px;
    z-index: 9991;
}
.screen_main_container .fullcalendar_container .cal_popup_container .calender_popup::after {
    background: #fff none repeat scroll 0 0;
    border-right: 1px solid #969494;
    border-top: 1px solid #969494;
    content: "";
    height: 20px;
    left: -11px;
    position: absolute;
    top: 20%;
    transform: rotate(-135deg);
    width: 20px;
}
.screen_main_container .fullcalendar_container .calender_popup #cal-popup-close {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 9992;
}
.screen_main_container .fullcalendar_container .calender_popup section {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.screen_main_container .fullcalendar_container .calender_popup select {
    float: left;
    margin: 0;
}
.screen_main_container .fullcalendar_container .calender_popup input {
    float: left;
    margin-bottom: 0;
    min-width: 75px !important;
    padding: 5px !important;
    text-align: center;
    width: 75px !important;
}
.screen_main_container .fullcalendar_container .calender_popup input.datepicker {
    min-width: 90px !important;
    text-align: left;
    width: 90px !important;
}
.screen_main_container .fullcalendar_container .calender_popup button {
    margin: 0 10px 0 0;
}
.screen_main_container .fullcalendar_container .calender_popup input[type="checkbox"] {
    display: inline-block;
    float: none;
    margin: 0 5px 0 0;
    min-width: 18px !important;
    width: 18px !important;
}
.screen_main_container .fullcalendar_container .calender_popup .set-recurrence {
    background: #eeeff3 none repeat scroll 0 0;
    border: 0 none;
    display: table;
    margin-top: 30px;
    width: 100%;
}
.screen_main_container .fullcalendar_container .calender_popup .set-recurrence .set-recu-row {
    display: table-row;
}
.screen_main_container .fullcalendar_container .calender_popup .set-recurrence .set-recu-row span {
    display: inline-block;
}
.screen_main_container .fullcalendar_container .calender_popup .set-recurrence div {
    display: table-cell;
    padding: 10px;
    text-align: left;
    vertical-align: top;
}
.screen_main_container .fullcalendar_container .calender_popup .set-recurrence div.recur-lable {
    line-height: normal;
    margin: 0;
    padding: 16px 0 0 10px !important;
}
.screen_main_container .fullcalendar_container .calender_popup .dt-lable {
    float: left !important;
    padding-top: 8px;
    width: 80px;
}
.screen_main_container .fullcalendar_container .calender_popup section .summary {
    background: #cce3f6 none repeat scroll 0 0;
    color: #000;
    float: left;
    padding: 10px;
    width: 100%;
}
.screen_main_container .fullcalendar_container .calender_popup section .summary span {
    float: left;
    width: 80px;
}
.screen_main_container .fullcalendar_container .calender_popup section .summary p {
    float: left;
    margin-bottom: 0;
    text-align: left;
    width: 205px;
}
.userlist .aa_agents .agent_hours span.red {
    line-height: 1;
}
.userlist .aa_agents .agent_offline {
    line-height: 1.5;
}
.userlist {
    border: 1px solid #ccc;
    height: 1070px;
    margin-top: 15px;
    min-height: 100%;
    overflow-y: scroll;
    padding: 20px;
}
.userlist .aa_agents .aa_agent_status {
    background-position: 0 5px;
    padding-top: 1px;
    width: 50%;
}
.userlist .aa_agents {
    cursor: pointer;
}
.calendar-modal {
    width: 100%;
}
.screen_main_container .common-box1 {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
}
.agent-status-time {
    float: left;
    margin-top: 22px;
    text-align: center;
}
.agent-status-time .agent_online_status {
    display: inline-block;
    margin-right: 8px;
    position: relative;
    text-align: right;
    width: auto;
    font-size:12px !important;
    font-weight:500;
}
.agent-status-time .agent_online_status #available-status {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 0 10px;
}
.agent-status-time .agent_online_status .avi-sta-online {
   /*  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #83bb00 0%, #83bb00 50%, #64b600 51%, #64b600 100%) repeat scroll 0 0;
    border: 1px solid #5d8500;
    color: #fff; */
    color:#1EC21F;
}
.agent-status-time .agent_online_status .avi-sta-online i{ 
    background-image: url("../images/live_status.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
    width: 12px;}
.agent-status-time .agent_online_status .avi-sta-meeting {
   /*  background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f9e495 0%, #f9e495 50%, #f8d34e 51%, #f8d34e 100%) repeat scroll 0 0;
    border: 1px solid #e7bf37;
    color: #404040; */
    color:#790C31;
}
.agent-status-time .agent_online_status .avi-sta-meeting i{ 
    background-image: url("../images/idle_status.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
    width: 12px;}
.agent-status-time .agent_online_status .avi-sta-training {
    /* background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #c3ea7e 0%, #dff0b0 50%, #b2e65e 51%, #9fd34e 100%) repeat scroll 0 0;
    border: 1px solid #84bb43;
    color: #404040; */
    color:#21683A;
}
.agent-status-time .agent_online_status .avi-sta-training i{ background-image: url("../images/gearing_status.png");background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
    width: 12px;}
.agent-status-time .agent_online_status .avi-sta-other {
    /* background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e8a400 0%, #e8a400 50%, #e28000 51%, #e28000 100%) repeat scroll 0 0;
    border: 1px solid #cc7300;
    color: #fff; */
    color:#EFA700;
}
.agent-status-time .agent_online_status .avi-sta-other i{ 
    background-image: url("../images/away_status.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
    width: 12px;}
.agent-status-time .agent_online_status .avi-sta-onbreak {
   /*  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #cd0000 0%, #cd0000 50%, #a60000 51%, #a60000 100%) repeat scroll 0 0;
    border: 1px solid #940000;
    color: #fff; */
    color:#CF0A0A;
}
.agent-status-time .agent_online_status .avi-sta-onbreak i{ 
    background-image: url("../images/on_break_status.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
    width: 12px;}
.agent-status-time .agent_online_status .avi-sta-offline {
    /* background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ebebeb 0%, #ebebeb 50%, #d4d4d4 52%, #d4d4d4 100%) repeat scroll 0 0;
    border: 1px solid #a4a4a4;
    color: #333; */
    color:#aaaaaa;
}
.agent-status-time .agent_online_status .avi-sta-offline i{ 
    background-image: url("../images/offline_status.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
    width: 12px;}
.agent-status-time .agent_online_status .agent-status-popup button {
    background-color: #fff;
    background-position: 13px 4px;
    background-repeat: no-repeat;
    border: 0 none;
    float: left;
    font-size: 12px;
    line-height: 17px;
    margin: 0 0 3px;
    padding: 2px 0 1px 33px;
    text-align: left;
    width: 155px;
}
.agent-status-time .agent_online_status .agent-status-popup button.status-online {
    background-image: url("../images/live_status.png");
}
.agent-status-time .agent_online_status .agent-status-popup button.status-other {
    background-image: url("../images/away_status.png");
}
.agent-status-time .agent_online_status .agent-status-popup button.status-onbreak {
    background-image: url("../images/on_break_status.png");
}
.agent-status-time .agent_online_status .agent-status-popup button.status-offline {
    background-image: url("../images/offline_status.png");
}
.agent-status-time .agent_online_status .agent-status-popup button.status-meeting {
    background-image: url("../images/idle_status.png");
}
.agent-status-time .agent_online_status .agent-status-popup button.status-training {
    background-image: url("../images/gearing_status.png");
}
.agent-status-time .agent_online_status .agent-status-popup button:hover {
    background-color: #ececec;
}
.agent-status-time .agent_online_status:hover .agent-status-popup {
    display: block;
}
.agent-status-time section {
    display: inline-block;
    margin-right: 45px;
    padding: 5px 10px 5px 0;
}
.agent-status-time section span {
    font-weight: bold;
}
.screen_main_container .leads-my-time-container {
    background: #343738 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    margin: 0 0 20px;
    padding: 12px 15px;
}
.screen_main_container .leads-my-time-container section {
    display: inline-block;
    width: 24.8%;
}
.screen_main_container .section-2-container {
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 18px 20px;
}
.screen_main_container .section-2-container .section-2-left-col {
    float: left;
    width: 19%;
}
.screen_main_container .section-2-container .dial-pad-container {
    float: left;
    margin-bottom: 15px;
    padding: 15px 20px;
    width: 100%;
}
.screen_main_container .section-2-container .dial-pad-container .invite-sup-btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #023761 4%, #7295b5 5%, #005081 45%, #147bb6 68%, #47bef0 89%, #02a8e4 90%) repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    float: left;
    margin-bottom: 10px;
    padding: 7px 0;
    text-align: center;
    width: 100%;
}
.screen_main_container .section-2-container .dial-pad-container .info-text {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , #c4f6f7 40%, #a1dbf3 100%) repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 2px 1px #cfcfcf;
    color: #333;
    float: left;
    font-weight: bold;
    margin-bottom: 12px;
    padding: 7px 10px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.screen_main_container .section-2-container .dial-pad-container .srcall-btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%) repeat scroll 0 0;
    border: 1px solid #b2b2b2;
    border-radius: 5px;
    color: #333;
    float: left;
    margin-bottom: 10px;
    padding: 7px 0;
    text-align: center;
    width: 100%;
}
.screen_main_container .section-2-container .dial-pad-container .name-num-time {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , #8dd5d2 0%, #61a9a6 100%) repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 2px 1px #cfcfcf;
    color: #222;
    float: left;
    margin-bottom: 12px;
    padding: 5px 10px;
    text-align: center;
    width: 100%;
}
.screen_main_container .section-2-container .dial-pad-container .name-num-time section {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
.screen_main_container .section-2-container .dial-pad-container .name-num-time span {
    font-size: 11px;
}
.screen_main_container .section-2-container .dial-pad-container .dial-pad {
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    display: block;
    float: left;
    margin-bottom: 10px;
    padding: 10px 10px 3px;
}
.screen_main_container .section-2-container .dial-pad-container .dial-pad button {
    background: rgba(0, 0, 0, 0) url("../images/dial-pad-btn-back.png") no-repeat scroll center top;
    border: 0 none;
    color: #000;
    float: left;
    font-size: 16px;
    margin: 0 4px 8px;
    padding: 4px 0 4px 4px;
    text-align: left;
    width: 45px;
}
.screen_main_container .section-2-container .dial-pad-container .dial-pad-btns {
    float: left;
    width: 100%;
}
.screen_main_container .section-2-container .dial-pad-container .dial-pad-btns .row {
    margin: 0 0 6px !important;
}
.screen_main_container .section-2-container .dial-pad-container .dial-pad-btns input[type="text"] {
    color: #278997;
    min-width: 130px;
    padding: 5px 10px 6px;
    width: 130px;
}
.screen_main_container .section-2-container .dial-pad-container .dial-pad-btns button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    margin: 0;
    padding: 0;
}
.screen_main_container .section-2-container .dial-pad-container .dial-pad-btns .pull-left {
    margin: 0 10px 0 0;
}
.screen_main_container .section-2-container .disposition-status {
    cursor: pointer;
    float: left;
    position: relative;
    width: 100%;
}
.screen_main_container .section-2-container .disposition-status .disposition-status-btn {
    background-image: url("../images/disposition-status-icon.png");
    background-position: 15px 7px;
    background-repeat: no-repeat;
    float: left;
    padding: 7px 10px 7px 60px;
    width: 100%;
}
.screen_main_container .section-2-container .disposition-status .disposition-status-popup button {
    background: #e0e0e0 none no-repeat scroll left top;
    border: 0 none;
    color: #0e0e0e;
    float: left;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 9px;
    padding: 0;
    width: 100%;
}
.screen_main_container .section-2-container .disposition-status .disposition-status-popup button.success {
    background-image: url("../images/success-icon.png");
}
.screen_main_container .section-2-container .disposition-status .disposition-status-popup button.failure {
    background-image: url("../images/failure-icon.png");
}
.screen_main_container .section-2-container .disposition-status .disposition-status-popup button.callback {
    background-image: url("../images/callback-icon.png");
}
.screen_main_container .section-2-container .disposition-status .disposition-status-popup button.dialercode {
    background-image: url("../images/dialercodes-icon.png");
}
.screen_main_container .section-2-container .disposition-status .disposition-status-popup a.callback {
    background: #e0e0e0 url("../images/callback-icon.png") no-repeat scroll left top;
    border: 0 none;
    color: #0e0e0e;
    float: left;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 9px;
    padding: 0;
    text-align: center;
    width: 100%;
}
.screen_main_container .section-2-container .disposition-status .disposition-status-popup a.callback:hover {
    text-decoration: none;
}
.screen_main_container .section-2-container .disposition-status .disposition-status-popup a.dialercodes {
    background: #e0e0e0 url("../images/callback-icon.png") no-repeat scroll left top;
    border: 0 none;
    color: #0e0e0e;
    float: left;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 9px;
    padding: 0;
    text-align: center;
    width: 100%;
}
.screen_main_container .section-2-container .disposition-status .disposition-status-popup a.dialercodes:hover {
    text-decoration: none;
}
.screen_main_container .section-2-container .disposition-status:hover .disposition-status-popup {
    display: block;
}
.screen_main_container .section-2-container .lqsn-container {
    float: left;
    margin-left: 20px;
    width: 79.2%;
}
.screen_main_container .section-2-container .lqsn-container .lqsn-tab-container {
    float: left;
    height: 60px;
    margin-bottom: 25px;
    position: relative;
    width: 100%;
}
.screen_main_container .section-2-container .lqsn-container .lqsn-tabs {
    float: left;
    margin-left: 236px;
}
.screen_main_container .section-2-container .lqsn-container .lqsn-tab {
    float: left;
    position: absolute;
    width: 108px;
    z-index: 999;
}
.screen_main_container .section-2-container .lqsn-container .lqsn-tab .icon-container {
    border-radius: 100%;
    height: 45px;
    left: 32px;
    padding: 9px 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 45px;
    z-index: 9993;
}
.screen_main_container .section-2-container .lqsn-container .lqsn-tab .small-strip {
    height: 8px;
    position: absolute;
    top: 19px;
    width: 100%;
    z-index: 9992;
}
.screen_main_container .section-2-container .lqsn-container .lqsn-tab .tab-title {
    font-size: 12px;
    position: absolute;
    text-align: center;
    top: 45px;
    width: 100%;
    z-index: 9991;
}
.screen_main_container .section-2-container .lqsn-container .lqsn-tab .tab-arrow {
    left: 105px;
    position: absolute;
    top: 45px;
}
.screen_main_container .section-2-container .lqsn-container .grey-tab .icon-container {
    background-color: #bfbfbf;
}
.screen_main_container .section-2-container .lqsn-container .grey-tab .small-strip {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.screen_main_container .section-2-container .lqsn-container .grey-tab .tab-title {
    color: #626262;
}
.screen_main_container .section-2-container .lqsn-container .blue-tab .icon-container {
    background-color: #439bda;
}
.screen_main_container .section-2-container .lqsn-container .blue-tab .small-strip {
    background: #439bda none repeat scroll 0 0;
}
.screen_main_container .section-2-container .lqsn-container .blue-tab .tab-title {
    color: #3582b9;
}
.screen_main_container .section-2-container .lqsn-container .full_strip {
    background: #bfbfbf none repeat scroll 0 0;
    border: 1px solid #a4a4a4;
    height: 8px;
    position: absolute;
    top: 19px;
    width: 100%;
}
.screen_main_container .section-2-container .lqsn-container h4.campaign-data {
    border-bottom: 4px solid #d3d3d3;
    font-size: 24px;
    padding-bottom: 7px;
}
.screen_main_container .section-2-container .lqsn-container h4.campaign-data span {
    color: #439bda;
}
.screen_main_container .section-2-container .lqsn-container h4.campaign-data span.wizard-step {
    color: #586064;
    float: right;
}
.screen_main_container .section-2-container .lqsn-container .col-md-12 {
    margin: 0;
    padding: 0;
}
.screen_main_container .section-2-container .lqsn-container h4 {
    margin: 0 0 15px;
}
.screen_main_container .section-2-container .lqsn-container .common-box1 {
    float: left;
    padding: 15px 20px;
    width: 100%;
}
.screen_main_container .section-2-container .lqsn-container .form-control {
    font-weight: normal;
}
.screen_main_container .section-2-container .lqsn-content {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.screen_main_container .section-2-container .lqsn-content .lqsn-header {
    float: left;
    text-transform: none !important;
    width: 100%;
}
.screen_main_container .section-2-container .lqsn-content .lqsn-header p {
    background-color: #ffebca;
    border: 1px solid #d6bb90;
    border-radius: 5px;
    color: #666;
    float: left;
    margin: 0 0 10px;
    padding: 0 7px;
}
.screen_main_container .section-2-container .lqsn-content .lqsn-header h4 {
    display: inline-block;
    float: right;
    margin: 0 0 10px;
    text-align: right;
    width: 200px;
}
.screen_main_container .section-2-container .lqsn-content button {
    margin-right: 0;
    margin-top: 10px;
}
.screen_main_container .section-2-container .lqsn-content .lqsn-header .call_guide_btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    margin: 0;
    padding: 0;
}
.screen_main_container .section-2-container .lqsn-content span {
    font-weight: bold;
}
.screen_main_container .section-2-container .lead-details-content {
    float: left;
    width: 100%;
}
.screen_main_container .section-2-container .lead-details-content .row {
    margin: 0;
}
.screen_main_container .section-2-container .lead-details-content h1 {
    color: #439bda;
    float: left;
    font-family: "bebas_neueregular";
    font-size: 37px;
    margin: 0 15px 0 0;
    padding: 0;
}
.screen_main_container .section-2-container .lead-details-content h2 {
    color: #586064;
    float: left;
    font-family: "bebas_neueregular";
    font-size: 27px;
    margin: 6px 0 0;
    padding: 0;
}
.screen_main_container .section-2-container .lead-details-content .phone-number span {
    background: rgba(0, 0, 0, 0) url("../images/phone-icon.png") no-repeat scroll 8px 0;
    float: left;
    padding: 6px 10px 6px 45px;
}
.screen_main_container .section-2-container .lead-details-content .phone-number {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e1e1e1 0%, #ffffff 100%) repeat scroll 0 0;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    box-shadow: 0 0 0 2px #f7f7f7 inset;
    color: #080707;
    float: right;
    font-size: 16px;
}
.screen_main_container .section-2-container .lead-details-content span {
    color: #222222;
    float: left;
    font-size: 17px;
    font-weight: normal;
    width: 100%;
}
.screen_main_container .section-2-container .lead-details-content .contact-details {
    background: rgba(0, 0, 0, 0) url("../images/lead-details-content-back.png") no-repeat scroll center top;
    margin-top: 10px;
    padding-top: 5px;
    width: 100%;
}
.screen_main_container .section-2-container .lead-details-content .contact-details table {
    border: 0 none;
    border-spacing: 0;
    display: table;
    padding: 0;
    width: 100%;
}
.screen_main_container .section-2-container .lead-details-content .contact-details table td {
    border: 0 none;
    font-size: 14px;
    line-height: 10px;
    padding: 0 !important;
    vertical-align: middle;
}
.screen_main_container .section-2-container .lead-details-content .contact-details table td input[type="text"] {
    margin-bottom: 5px;
    margin-top: 5px;
    width: 90%;
}
.screen_main_container .section-2-container .lead-details-content .contact-details table td .input_address {
    min-width: 375px;
    width: 375px;
}
.screen_main_container .section-2-container .lead-details-content .contact-details table td .input_email {
    min-width: 200px;
    width: 200px;
}
.screen_main_container .section-2-container .lead-details-content .contact-details table td .input_fdg {
    min-width: 160px;
    width: 160px;
}
.screen_main_container .section-2-container .questions-content {
    float: left;
    line-height: 30px;
    width: 100%;
}
.screen_main_container .section-2-container .questions-content .budget {
    display: block;
    padding-bottom: 5px;
}
.screen_main_container .section-2-container .send-asset-content {
    line-height: 18px;
    padding-bottom: 20px;
}
.screen_main_container .section-2-container .send-asset-content img {
    float: left;
    margin-right: 30px;
}
.screen_main_container .section-2-container .send-asset-content span {
    color: #266da0;
    display: block;
    font-size: 18px;
    padding: 5px 0 0;
}
.screen_main_container .section-2-container .send-asset-content p {
    font-size: 13px;
    margin: 0;
    padding: 15px 0 0;
}
.screen_main_container .section-2-container .notes-content {
    margin-bottom: 10px;
}
.screen_main_container .section-2-container .notes-content input[type="text"] {
    border-radius: 5px 0 0 5px;
    border-right: 0 none;
    float: left;
    margin: 0 0 0 15px;
    width: 90%;
}
.screen_main_container .section-2-container .notes-content button {
    border-radius: 0 5px 5px 0;
    float: left;
    margin: 0;
    padding: 8px 18px 9px;
}
.screen_main_container .lqsn-header .popover {
    background-color: #ffebca;
    border: 1px solid #d6bb90;
}
.screen_main_container button:disabled {
    opacity: 0.5;
}
.screen_main_container table td {
    border: 1px solid #bfbfbf;
    color: #000;
    padding: 10px 10px 7px !important;
    text-align: left;
}
.screen_main_container table td.center_text {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}
.agent-listing {
    list-style: outside none none;
    padding: 0;
}
.agentalloocation-modal table .agent-listing .aa_agents {
    width: 105px;
}
.win-dister {
    display: none;
    float: left;
    margin: 0 7px;
    width: 15%;
}
.win_dister_show {
    cursor: pointer;
    display: block !important;
}
#cal-popup-close {
    position: absolute;
    right: 12px;
    top: 6px;
}
.cal_popup_container h3 {
    font-size: 25px;
    margin-bottom: 0;
}
.calender_popup {
    padding: 15px;
}
.calender_popup .top-select {
    width: 100%;
}
.pickdate input.form-control {
    margin: 0 10px 0 0;
    width: 20%;
}
.form-group.setrec {
    vertical-align: top;
}
.setrec input[type="checkbox"] {
    margin-top: 0;
}
.set-recurrence {
    background: #efefef none repeat scroll 0 0;
    margin-top: 10px;
    padding: 15px;
}
.recur-lable {
    display: inline-block;
    width: 25%;
}
.set-recu-row .form-group {
    width: 74%;
}
.set-recu-row .form-group select {
    width: 100%;
}
.set-recu-row .form-group span {
    color: #000;
    margin-right: 2px;
}
.form-control.datepicker {
    width: 40%;
}
.dt-lable {
    display: inline-block;
    width: 16%;
}
.summary {
    background: #cce3f6 none repeat scroll 0 0;
    padding: 15px;
}
.summary p {
    display: inline-block;
    width: 81%;
}
.summary > span {
    display: inline-block;
    vertical-align: top;
    width: 18%;
}
.calendar-modal .modal-content {
    background: #fff none repeat scroll 0 0;
}
.screen_main_container .fc-content-skeleton .fc-event.fc-green {
    background-color: #e1f3dd;
    border: 1px solid #bfe3b7;
}
.screen_main_container .fc-content-skeleton .fc-event.fc-green .fc-time {
    background-color: #bfe3b7;
}
.fc-event-container a {
    cursor: pointer;
}
.fc-toolbar {
    border-bottom: medium none !important;
    margin-bottom: 0 !important;
}
.screen_main_container_calendar, .screen_main_container_calendar h4 {
    margin-top: 0 !important;
}
.between-dates {
    padding: 9px 9px 0 0;
}
.screen_main_container .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #e7e7e7;
    border: 1px solid #d3d3d3;
    border-radius: 0;
    color: #555555;
    cursor: pointer;
    font-weight: normal;
    height: 100%;
    width: 100%;
}
.screen_main_container .green-text {
    color: #5f9317;
    text-decoration: underline;
}
.screen_main_container .blue-text {
    color: #185b8f;
    text-decoration: underline;
}
.screen_main_container .qa_search {
    background: #f4f5f7 none repeat scroll 0 0;
    float: left;
    margin-bottom: 10px;
    padding: 15px;
    width: 100%;
}
.screen_main_container .qa_search .lead_queue {
    text-align: right;
}
.screen_main_container .qa_search_by {
    float: left;
}
.screen_main_container .qa_search_by .text_lable {
    float: left;
    padding: 8px 20px 0 0;
}
.screen_main_container .qa_search_by select {
    float: left;
    margin-right: 15px;
}
.screen_main_container .qa_search_by input[type="text"] {
    float: left;
    min-width: 100px;
    width: 100px;
}
.screen_main_container .qa_agents_list td {
    font-size: 12px;
}
.screen_main_container .qa_agents_list td button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
}
.screen_main_container .qa_show_rows, .qa_show_rows {
    float: right;
   /*  width: 300px; */
}
.screen_main_container .qa_show_rows .text_lable, .qa_show_rows .text_lable {
    float: left;
    font-size: 15px;
    padding: 25px 5px 0 10px;
}
.screen_main_container .qa_show_rows select, .qa_show_rows select {
    display: inline;
    float: left;
    height: 30px;
    margin: 5px 10px 0 0;
    padding: 5px;
}
.screen_main_container .qa_show_rows .btns, .qa_show_rows .btns {
    float: left;
    padding: 5px 0 0 5px;
}
.screen_main_container .qa_show_rows .btns button, .qa_show_rows .btns button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    float: left;
    margin: 0;
    padding: 0;
}
.screen_main_container .qa_search_by .qasearchteam {
    float: left;
    margin-left: -10px;
    width: 200px;
}
.screen_main_container .qa_search_by .qasearchcampaign {
    float: left;
    margin-left: 5px;
    width: 200px;
}
.screen_main_container .qa_search_by .qasearchagent {
    float: left;
    margin-left: 5px;
    width: 200px;
}
.screen_main_container .qa_search_by .qasearchagent.date {
    float: left;
    width: 135px;
}
.screen_main_container .qa_search_by .qasearchagent.date .date-control {
    width: 100%;
}
.screen_main_container .qa_search_by .text_lable.date {
    float: left;
    padding: 8px 4px 0 15px;
}
.screen_main_container .qa_profile {
    border: 1px solid #bbbbbb;
    float: left;
    margin: 15px 0 10px;
    padding: 10px;
    width: 100%;
}
.screen_main_container .qa_profile .pro_pic {
    float: left;
    font-size: 12px;
    line-height: 18px;
    margin-right: 10px;
}
.screen_main_container .qa_profile .pro_pic img {
    border: 1px solid #fff;
    box-shadow: 0 0 5px 1px #a8a8a8;
    height: 45px;
    width: 50px;
}
.screen_main_container .qa_profile .pro_name {
    float: left;
    font-size: 12px;
    line-height: 18px;
    margin-right: 10px;
    width: 250px;
}
.screen_main_container .qa_scorecard {
    border: 1px solid #bebebe;
    border-spacing: 0;
    padding: 0;
    width: 100%;
}
.screen_main_container .qa_scorecard th {
    padding: 5px 0 !important;
}
.screen_main_container .qa_scorecard th.que_title {
    background: #d1d1d2 none repeat scroll 0 0;
    border-top: 1px solid #fff !important;
    color: #1c1a1a;
    padding: 5px 0 5px 42px !important;
    text-align: left;
}
.screen_main_container .qa_scorecard td {
    border-bottom: 0 none;
    border-top: 0 none;
}
.screen_main_container .qa_scorecard td.percentage {
    background: #b4c0c4 none repeat scroll 0 0;
    border: 0 none;
    padding: 3px !important;
    text-align: right;
}
.screen_main_container .qa_scorecard td.center_text {
    padding: 0 5px !important;
    text-align: center;
}
.screen_main_container .qa_scorecard td input[type="text"] {
    margin: 5px;
    min-width: 100px;
    padding: 1px;
    text-align: center;
    width: 100px;
}
.screen_main_container .full_textarea {
    margin: 0 0 10px;
    min-height: 100px;
    width: 100%;
}
.screen_main_container .qa_campaign {
    border: 1px solid #bbbbbb;
    float: left;
    margin: 0 0 20px;
    padding: 2px;
    width: 100%;
}
.screen_main_container .qa_campaign .accordion-caret .accordion-toggle:hover {
    text-decoration: none;
}
.screen_main_container .qa_campaign .accordion-caret .accordion-toggle:hover span, .screen_main_container .qa_campaign .accordion-caret .accordion-toggle:hover strong {
    text-decoration: underline;
}
.screen_main_container .qa_campaign .accordion-caret .accordion-toggle::before {
    font-size: 27px;
    vertical-align: -3px;
}
.screen_main_container .qa_campaign .accordion-caret .accordion-toggle:not(.collapsed)::before {
    content: "▾";
    margin-right: 0;
}
.screen_main_container .qa_campaign .accordion-caret .accordion-toggle.collapsed::before {
    content: "▸";
    margin-right: 0;
}
.screen_main_container .qa_campaign .accordion-heading {
    background: #d1d1d2 none repeat scroll 0 0;
    padding: 5px 5px 7px;
}
.screen_main_container .qa_campaign .accordion-heading a {
    color: #000;
    outline: medium none;
    text-decoration: none;
}
.screen_main_container .qa_campaign .accordion-heading strong {
    text-decoration: none !important;
}
.screen_main_container .qa_campaign .accordion-inner table {
    border: 0 none;
    border-spacing: 0;
    margin: 10px 0;
    padding: 0;
    width: 100%;
}
.screen_main_container .qa_campaign .accordion-inner table td {
    border: 0 none;
    padding: 0 0 0 24px !important;
}
.screen_main_container .qa_campaign .accordion-inner table td.percentage {
    background: #b4c0c4 none repeat scroll 0 0;
    border: 0 none;
}
.screen_main_container .qa_campaign .accordion-inner table.table2 {
    background: #f8f7f7 none repeat scroll 0 0;
    border: 0 none;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}
.screen_main_container .qa_campaign .accordion-inner table.table2 td {
    border: 0 none;
    padding: 5px 0 5px 24px !important;
}
.screen_main_container .qa_campaign .accordion-inner h1 {
    background: #d1d1d2 none repeat scroll 0 0;
    border: 0 none;
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 10px 24px !important;
    text-align: left;
}
.search_by_container.searchb .select2-container {
    width: 70% !important;
}
.fc-busy {
    background-color: #fea19d !important;
}
.dn-timepicker-popup {
    max-height: 300px;
    max-width: 107px;
    min-width: 107px;
    overflow-y: scroll;
}
.modal-error {
    position: absolute;
    width: 100%;
}
.modal-error.formError #toast-container > div.toast-error {
    width: 70%;
}
.wrap-checkbox {
    float: left;
    width: 17px;
}
.wrap-label {
    float: left;
    margin-left: 5px;
    width: 160px;
}
.cnotent-text {
    width: 90%;
    word-break: break-all;
}
.time-dropdown {
    background: #fff none repeat scroll 0 0 !important;
    cursor: pointer !important;
}
.screen_main_container .section-2-container .lqsn-content .lqsn-header .popover.left > .arrow {
    border-left-color: #d6bb90;
    border-right-width: 0;
    margin-top: -11px;
    right: -11px;
    top: 50%;
}
.screen_main_container .section-2-container .lqsn-content .lqsn-header .popover.left > .arrow::after {
    border-left-color: #ffebca;
    border-right-width: 0;
    bottom: -10px;
    content: " ";
    right: 1px;
}
.addasset-form {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bfbfbf;
    padding: 20px 20px 0;
}
#assetEmail .modal-header {
    border-top: 1px solid #bfbfbf;
    margin-bottom: 0;
    padding-top: 20px;
}
.modal-error.formError.supervisor-error #toast-container > div.toast-error {
    width: 25%;
}
.formError.supervisor-error #toast-container > div {
    margin: 20px 28% 38px;
}
.toaster-margin #toast-container > div {
    margin: 0px auto 38px;
    width: 32%;
}
.blink_me {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: blinker;
    animation-timing-function: linear;
}
@keyframes blinker {
0% {
    opacity: 1;
}
50% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes blinker {
0% {
    opacity: 1;
}
50% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.qa_search .select2-container-multi .select2-choices .select2-search-choice {
    padding: 1px 5px 3px 16px !important;
}
.search-icon {
    margin-top: 5px;
}
#test1 {
    color: green;
}
@media not all {
}
.check-condition {
    margin: 0;
    padding: 0;
}
.file-url-margin {
    float: right;
    margin-top: 9px;
}
.invite-block {
    display: block;
    margin-top: 10%;
    min-height: 350px;
    text-align: center;
}
.invite-block > a {
    display: inline-block;
    height: auto;
    margin-left: 10px;
    vertical-align: middle;
    width: 55px;
}
.invite-block > span {
    display: inline-block;
    margin: 1%;
}
.topmargin {
    margin: 10px;
}
.select2-container-multi .select2-choices .select2-search-choice {
    padding-top: 8px;
}
.popover-content .select2-container-multi .select2-search-choice-close {
    top: 10px;
}
.profile-img {
    border: 1px solid #ccc;
    display: inline-flex;
    height: 50px;
    margin-left: 5px;
    padding: 1px;
    vertical-align: middle;
    width: 50px;
}
.no-profile-img {    
    display: inline-flex;
    height: 50px;
    margin-left: 5px;
    padding: 1px;
    vertical-align: middle;
    width: 50px;
}
.side-block .popover .select2-container-multi .select2-choices .select2-search-choice {
    line-height: 2;
}
.pt-stiky-header {
    height: 60px;
    line-height: 108px;
    margin-bottom: 15px;
    min-height: 60px;
    position: relative;
    width: 100%;
    z-index: 999;
}
.pt-stiky-header video {
    margin-left: -80px;
}
.pt-stiky-header iframe {
    position: absolute;
}
.pt-stiky-header.sticky {
    height: 48px;
    line-height: 48px;
    position: fixed;
    top: 14px;
}
#addnewidncForm .form-group label {
    width: 110px;
}
.main-div #toast-container > div {
    width: 38% !important;
}
.addasset-form .gray-bg .btn {
    padding: 2px 7px;
}
#activateasset .modal-header h4 {
    display: inline-block;
    vertical-align: middle;
}
.activateasset-modal #assetEmail .modal-header h4.modal-title {
    display: inline-block;
    vertical-align: middle;
}
#assetEmail .modal-footer {
    margin-left: 0;
    padding-left: 0;
}
.invite-block img.img-responsive {
    display: inline-block;
}
.addasset-form label {
    width: 25%;
}
.customize_view_popup .ui-select-multiple.select2.select2-container {
    vertical-align: top;
    width: 82% !important;
}
.screen_main_container .customize_view_popup .bluenextbtn {
    float: none;
}
.fileUpload {
    margin: 15px 10px 15px 0;
    overflow: hidden;
    position: relative;
    width: 24%;
}
.modal #uploadbtn.btn {
    margin: 15px 0 0;
}
.fileUpload input.upload {
    cursor: pointer;
    font-size: 20px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}
#file_nm {
    display: block;
    width: 100%;
}
.campaign-msg {
    float: right;
    margin-left: 53px;
    margin-top: -58px;
}
.campaign-conform-msg {
    font-weight: 600;
}
.campaignMode-align {
    float: left;
    padding-left: 56px;
}
.redalert {
    border: 1px solid red;
}
.campaign-deleteMode-align {
    width: 157px;
}
.showtools .close {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: url("../images/black-cross.png") !important;
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    background-size: 11px auto;
    font-size: 0;
    height: 12px;
    opacity: 1;
    position: absolute;
    right: 1px;
    top: 2px;
    width: 12px;
}
.screen_main_container .setting_container .setting_btns_container {
    padding: 10px 2px 10px 10px;
    width: 196px;
}
#cancleCampaign .modal-footer, .modal.setcallback .modal-header {
    margin-bottom: 0;
}
.botgap {
    margin-bottom: 15px;
}
#cancleCampaign .ssblue_btn {
}
.modal.setcallback .modal-middle-content select.form-control {
    margin-right: 5px;
    width: 17%;
}
.selectize-dropdown-content {
}
.correct-contact-detail .radio {
    top: -10px !important;
}
.autoselect-box {
    display: inline-block;
}
.autoselect-box .selectize-control.single .selectize-input {
    background-color: #fff;
    background-image: none;
    overflow: visible;
}
.netprospex-main-div .align-gen-lab {
    padding-top: 10px;
}
.netprospex-main-div .align-lab1 {
    padding-left: 43px;
}
.netprospex-main-div .align-textarea {
    margin-bottom: 18px;
}
.netprospex-main-div .align-lab2 {
    text-align: center;
}
.netprospex-main-div .align-gen-lab21 {
    margin-left: 0;
}
.netprospex-main-div .align-lab21 {
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 40px;
    width: 64%;
}
.netprospex-main-div .get-btn {
    width: 17%;
}
.netprospex-main-div .download-btn {
    background: #439bda none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #ffffff;
    margin-left: 15px;
}

*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
.agent-status-time .agent_online_status .agent-status-popup button.close.close {
    float: right;
    position: absolute;
    right: 2px;
    top: 2px;
    width: auto;
}

/* added for breadscrumb */
.breadcrumbback {
	 background:#a18c29;
}

.breadcrumb {
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	background-color: #F5F9FC;
	border-radius: 0px;
	font-size:13px;
}

.breadcrumb > li {
	display: inline-block;
}

.breadcrumb > li a {
	color:#0A0909;
}

.breadcrumb > li + li:before {
	padding: 0 5px;
	color: #cccccc;
	content: "/\00a0";
}

.breadcrumb > .active {
	color:#896868;
}

.newline {
	display: block;
}

.files-align {
	margin-left: 23px;
	margin-top: 15px;
}

.training-whitebox {
	background-color: white;
	padding-top: 15px;
	padding-bottom: 15px;
}

.align-training-doc-lnk {
	margin-left: 124px;
}

.training-files-alert {
	padding-left: 20px;
  	color: rgb(211, 164, 164);
}

.innercontent .break-email {
	  word-wrap: break-word;
}

.login-container #toast-container.login-toaster > div {
    position: absolute !important;
    width: 100%  !important;
    color: #b94a48 !important;	
}

.mfatotp-container #toast-container.login-toaster > div {
    position: absolute !important;
    width: 100%  !important;
    color: #b94a48 !important;	
}

.mfa-container #toast-container.login-toaster > div {
    position: absolute !important;
    width: 80%  !important;
    color: #b94a48 !important;
    margin-top: -50px;
    margin-left: 60px;
    margin-right: auto;
    
}

.toast-cust-pos-login {
    top: -77px !important;
}

.alerts {
    padding: 15px;
    margin-bottom: 22px;
    border: 1px solid transparent;
    border-radius: 4px;
    position: absolute;
    width: 100%;
    margin-top: -78px;
    -webkit-box-shadow: 0 0 12px #999999;
}

.txtformat {
    margin-left: 30px;
}

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

.close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;   
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;    
}

/* Header Message Popup */
.headerMessage {
		background: rgba(0, 0, 0, 0) url("../images/Shape36.png") no-repeat scroll 0 0;
		color: #377fa5 !important;
		float: right;
		font-weight: 600;
		line-height: 29px !important;		
		margin: 21px 0px;
		width: 37px;
		height: 26px;
	}

.message-box-area {
		position: absolute;
		margin: 19px 1px 6px 712px;
	}

	.pointertop-qa {
		margin: -13px -279px 0px 0 !important;
		padding-left: 19px;
		width: 400px;
	}

	.space-message {
	    margin-top: 5px;
	    font-size: 11px;
	    font-weight: 300;
	    color: #cbcbcb;
	}

	.textdiv-message {	    
	    font-size: 12px;	    
	    line-height: 19px;
	    width: 82%;		
		color: #3C3B37;
	}
	
	/* EOF Header Message Popup */
	
	/* Error Message CSS */
	
		.info_msg, .success_msg, .warning_msg, .error_msg, .validation_msg {
			border: 1px solid;
		    margin: 6px 0px;
		    padding: 2px 6px 10px 50px;
		    background-repeat: no-repeat;
		    background-position: 10px center;
		    width: 414px;
			height:26px;
		    margin-left: 26%;
		}
		.info_msg {
			color: #00529B;
			background-color: #BDE5F8;
			background-image: url('../images/info_icon.png');
		}
		.success_msg {
			color: #4F8A10;
			background-color: #DFF2BF;
			background-image:url('../images/success_icon.png');
		}
		.warning_msg {
			color: #9F6000;
			background-color: #FFE0B9;
			background-image: url('../images/warning_icon.png');
		}
		.error_msg {
			color: #D8000C;
			background-color: #FFCBCB;
			background-image: url('../images/error_icon.png');
		}
		.validation_msg {
			color: #D63301;
			background-color: #FFCCBA;
			background-image: url('../images/validation_icon.png');
		}
	
	/* EOF Error Message CSS */
	.addnewidnc .selectize-control > .selectize-dropdown {
		width: 300px !important;
	}
	
	.main-div .idnc-toast #toast-container > div{
	width:60% !important;
	margin-left: 280px;
	}
	
	.idnc-container .errorMessageMargin {
    margin-left: 187px;
    margin-top: 22px;
}

.modal-middle-content .highlight-label {
	font-weight: 600;
	text-transform: uppercase;
}
.modal .form-control-detail {
    display: inline-block;
    margin-bottom: 0;
    width: 46%;
}
.form-control-detail {
    font-weight: 500;
    height: 40px;
    margin-bottom: 10px;
    padding :10px;
}
.nmr{
    margin-right: 0!important;
}
.inner-searchbutton{
    margin-right: -5px;
}

.select-asset-box.name-field{
    width: 125px;
    float: left;
    margin: 6px 0 0 122px;
}

input.ml200{
    margin-left: 200px;
}

input.ml50{
    margin-left: 50px;
}

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

.pt5{
    padding-top: 5px;
}
.changeLeadStatusModal select.form-control{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    float:none;
    display: table;
}
.changeLeadStatusModal .modal-body{
    padding-top: 0;
    padding-bottom: 20px;
}
.btngray{
    border: 1px solid #aaa;
    border-radius: 7px;
    height: 30px;
    padding: 0px 15px;
}
.outerbtns{
    float: right;
    margin-top: -6px;
}
.changeLeadStatusModal #toast-container .toast {
    width: 385px;
    margin-left: 0;
}
@media (max-width: 767px) {
    div.modal{
    padding: 20px;
    margin:0;
    }
    div.modal-dialog {
    height: auto;
    width: 90%;
    margin: 0;
    }
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 70% !important;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 100% !important;
}

.carousel-inner .innercontent {
width: 150px !important;
}

.lab-content {
    font-size: 10.5px;
    padding-left: 26px;
}
.start-content {
    background-color: floralwhite;
    border-radius: 10px;
    line-height: 2.2;
    margin: 12% auto;
    padding: 5px 10px;
    padding-right: 50px;
    padding-bottom: 20px;
    width: 80%;
}
.end-content {
    background-color: floralwhite;
    border-radius: 10px;
    line-height: 2.2;
    margin: 12% auto;
    padding-right: 25px;
    width: 85%;
}
.modal-mfa {
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
}
.modal-header h4.mfa-title {
    color: #439bda;
    font-family: "bebas_neueregular";
    font-size: 22px;
}
}
.dialerApp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dpleft h3{
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.dcontainer {
    padding-left: 100px;
    padding-right: 20px;
}
    
.loginMain .row > * {
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 10px;
}
.loginMain{
    color: #555555;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.65em;
}