/** Dashboard **/
.btncrt {
    float: right;
    color: #fff;
    text-align: center;
    background: #0059da;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 9px 18px 8px 18px;
    margin: 0 0 0 11px;
}

.btncancel {
    float: right;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 9px 18px 8px 18px;
    background: #f1f1f1;
    color: #333;
    text-align: center;
}
/*--- DROPDOWN ---*/
#nav ul {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.singleInputDynamic:hover {
    color: #fff;
    background-color: #2694f1;
    border-color: #73baf6;
}
.for-textboxarea {
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    float: left;
    
    transition: all 0.5s ease 0s;
    width: 100%;
}
.remaining-content span {
    display: none;
}
#a_searchcampaign {
    cursor: pointer;
    float: right;
}

#txtsearchcampaign {
    background: #f4f6f7 none repeat scroll 0 0;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 400;
    height: 30px;
}
.norec {
    text-align: center;
}
input:focus {border: 0; outline: none;}
.dashboardHead a.logo {float: left; padding:  12px 0 0 0;}
.dashboardHead .topHead {background: #0059da; min-height:  52px;}
.dashboardHead .topHead .dashMenu {float: left; padding: 14px 0 0 50px;}
.dashboardHead .topHead .dashMenu .insidMenu li {float: left; margin: 0 30px 0 0;}
.dashboardHead .topHead .dashMenu .insidMenu li a {color: #80acec;  font-size: 15px; font-weight: 300;  display: block;}
.dashboardHead .topHead .dashMenu .insidMenu li a:hover, .dashboardHead .topHead .dashMenu .insidMenu li.active a {color: #fff;}
.settingBox .userBlock .dropMen.testman {display: none;}
.settingBox {float: right;}
.settingBox ul {float: right;}
.settingBox ul li {float: left; padding: 0 0 0 15px;}
.settingBox ul li a {display: block;}
.settingBox ul li.srch a {background: url('../images/search.png') no-repeat center center; width: 38px; height: 38px;}
.settingBox ul li.srch a:hover {background: url('../images/search-hover.png') no-repeat center center;}
.settingBox ul li.stting a {background: url('../images/setting.png') no-repeat center center; width: 38px; height: 38px;}
.settingBox ul li.stting a:hover {background: url('../images/setting-hover.png') no-repeat center center; width: 38px; height: 38px;}
.settingBox ul li.bell a {background: url('../images/bell.png') no-repeat center center; width: 38px; height: 38px;}
.settingBox ul li.bell a:hover {background: url('../images/bell-hover.png') no-repeat center center; width: 38px; height: 38px;}
.settingBox .userBlock {float: left; padding: 8px 0 0 13px; position: relative;}
.settingBox .setingBlock {float: left; padding: 6px 14px 8px 0; border-right: 1px solid #337ae1;}
.settingBox .userBlock a {float: left; position: relative; padding: 0 35px 0 0;}
.settingBox .userBlock a span {display: block; background-size: cover; width: 30px; height: 30px; border-radius: 50%;  }
.settingBox .userBlock a img {display: block;  border-radius: 50%; border: 2px solid #fff; float: left;}
.settingBox .userBlock a cite {font-style: normal;  font-size: 15px; font-weight: 300; color: #fff;  display: inline-block; padding: 6px 0 0 8px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.settingBox .userBlock a:after {position: absolute; right: 0; top: 14px; content: ""; background: url('../images/down-aro.jpg') no-repeat; width: 10px; height: 8px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transform: rotate(0deg);}
.settingBox .userBlock a.active:after {transform: rotate(180deg);}
.settingBox .userBlock a:hover cite {color: #80acec; }
.dashboardHead .dashbrdTitle {box-shadow: 3px 4px 5px -2px #dedede;  min-height: 61px; padding: 0 15px;}
.dashboardHead .dashbrdTitle:after {clear: both; display: block; clear: both; content: "";}
.dashboardHead .dashbrdTitle h1 {float: left; margin: 16px 0 0; padding: 0; font-size: 21px;}
.dashboardHead .dashbrdTitle a {float: right;}
.dashboardHead .dashbrdTitle .create {display: block; background: #0059da; color: #fff; width: 80px; height: 32px; line-height: 32px; text-align: center; border-radius: 3px; font-weight: 300; font-size: 12px; margin: 13px 0 0 0;} 
.dashboardHead .dashbrdTitle .create:hover {background: #024ab2;}
.campaignBlock {float: left; width: 33.333%; min-height: 320px; margin: 0 0 35px;}
.campaignBlock .insdBlock .img {position: relative; overflow: hidden;}
 /*.campaignBlock .insdBlock .img img { width: 100%;}*/
.campaignBox {margin: 57px 0 0 0;}
.campaignBlock .insdBlock {box-shadow: 0 0 4px 1px #dedede; margin: 0 6%; border-radius: 6px;}
.campaignBlock .insdBlock .overLay {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; text-align: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background: rgba(0,0,0,0.2); transform: scale(0);}
.campaignBlock .insdBlock .overLay a {    display: block; border: 1px solid #fff;  width: 130px; height: 35px; line-height: 35px; color: #fff; text-transform: uppercase; font-size: 12px; border-radius: 3px; margin: 24% auto 0;}
.campaignBlock .insdBlock .overLay a:hover {background: #0059da;}
.campaignBlock .insdBlock .img:hover .overLay {transform: scale(1);} 
.campaignBlock .insdBlock .txt {overflow: hidden; min-height: 100px; padding: 20px 23px 0;}
.campaignBlock .insdBlock .txt h1 {margin: 0; float: left; font-weight: 500; font-size: 16px;}
.campaignBlock .insdBlock .txt h2 {margin: 0; float: right; font-size: 13px; color: red;}
.campaignBlock .insdBlock .txt ul {width: 100%; overflow: hidden; padding: 22px 0 0 0;}
.campaignBlock .insdBlock .txt ul li {float: left; padding: 0 9px 0 0; margin: 0 9px 0 0; color: #a1a1a1; border-right: 1px solid #efefef; line-height: 17px; font-size: 13px; position: relative;}
.campaignBlock .insdBlock .txt ul li:last-child {border: 0;}
.campaignBlock .insdBlock .txt ul li:first-child:before {position: absolute; left: 0; top: 4px; content: ""; width: 8px; height: 7px; border-radius: 50%; }
.campaignBlock .insdBlock .txt ul li.open:before {background: #73cd65;}
.campaignBlock .insdBlock .txt ul li:first-child {padding-left: 16px;}
.campaignBlock .insdBlock .txt ul li.paused:before {background: #f5a623;}
.campaignBlock .insdBlock .txt ul li.draft:before {background: #4a90e2;}
.campaignBlock .insdBlock .txt ul li.clos:before {background: #9b9b9b;}
.settingBox .userBlock .dropMen {position: absolute; right: 0; top: 52px; padding: 7px 0; background: #fff; box-shadow: 0 0 4px 1px #dedede; width: 170px; z-index:1000;}
.settingBox .userBlock .dropMen ul {float: left; width: 100%;}
.settingBox .userBlock .dropMen li {padding: 0 0 0 16px; width: 100%;}
.settingBox .userBlock .dropMen li a {padding: 0; display: block; color: #444; float: none; padding: 8px 0 8px 35px;}
.settingBox .userBlock .dropMen li a.userPro {background: url('../images/usericon.png') no-repeat left center;}
.settingBox .userBlock .dropMen li a.userPro:hover {background: url('../images/usericon_hover.png') no-repeat left center;}
.settingBox .userBlock .dropMen li a.logout {background: url('../images/logout.png') no-repeat left center;}
.settingBox .userBlock .dropMen li a.logout:hover {background: url('../images/logout_hover.png') no-repeat left center;}
.settingBox .userBlock .dropMen a:after {display: none;}
.settingBox .userBlock .dropMen li a:hover {color: #999;}

.filterPopContr { -webkit-transition: all 0.3s ease;   transition: all 0.3s ease; visibility: hidden; opacity: 0; position: fixed; z-index: 999999; left: auto; right: -20px; overflow-x: hidden;
overflow-y: scroll; top: 0; width: 100%; height: 100%; padding-right: 20px;}
.filterPopContr:before { -webkit-transition: all 0.3s ease;   transition: all 0.3s ease; background: rgba(0,0,0,0.6); position: fixed; left: 0; content: ""; top: 0; width: 100%; height: 100%; }
.filterPopContr .filter-popup-box {position: absolute; left: 50%; top: 10px; padding: 25px; width: 100%; max-width: 610px; margin-left: -305px;  -webkit-transition: all 0.3s ease;   transition: all 0.3s ease;}
#filterLoad .closeFilterPop {position: absolute; right: 12px; top: 12px; z-index: 99999;}
.filterPopContr.activePop {opacity: 1; visibility: visible;}
body.activeFilterPop {overflow: hidden;}
.filterPopContr .coverImage {background-size: cover; min-height: 200px; position: relative; border-radius: 5px 5px 0 0; }
.filterPopContr .coverImage a {position: absolute; bottom: 11px; left: 40px; background: url('../images/camera.png') no-repeat left center; color: #fff; padding: 0 0 0 33px; font-weight: 300; }
.filterPopContr .popupBody {background: #fff; padding: 0 30px 27px; border-radius: 0 0 5px 5px;}
.filterPopContr .popupBody h1 {margin: 0; padding: 18px 0 17px; font-size: 16px; color: #333;}
.filterPopContr .popRow label {display: block;}
.filterPopContr .popRow .fld {width: 100%; height: 30px; border: 1px solid #dddddd; border-radius: 3px; padding: 0 14px; -webkit-transition: all 0.3s ease;   transition: all 0.3s ease; font-size: 13px; }
.filterPopContr .popRow .fld:focus {border: 1px solid #999;}
.filterPopContr .popRow label {font-weight: 500; font-size: 13px; margin: 0 0 3px;}
.filterPopContr .popRow {padding: 0 0 10px;}
.filterPopContr .popRow .fldBox {width: 100%; overflow: hidden;}
 .filterPopContr .popRow .fldBox .fldBorder { width: 48%;float: left;height: 30px;border: 1px solid #dddddd;border-radius: 3px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.filterPopContr .popRow .fldBox .fldBorder.last {width: 48%; float: right;}
.filterPopContr .popRow .fldBox .insdFld {border: 0; height: 27px; font-size: 13px;}
.filterPopContr .popRow .fldBox .fldBorder span {font-size: 13px; padding: 5px 25px 0 9px; float: left;}
.filterPopContr .popRow.private label {float: left; width: 25%;}
.filterPopContr .popRow.private {overflow: hidden; padding: 12px 0 11px;}
.filterPopContr .popRow .onOff {float: left; margin: 2px 0 0;}
.filterPopContr .popRow .onOff .seekbar { cursor: pointer; position: relative; width: 35px; height: 15px; background: #c6c5c5; border-radius: 50px;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.filterPopContr .popRow .onOff .buttn {position: absolute; left: -3px; top: -2px; background: #f1f1f1; width: 20px; height: 20px; border: 1px solid #d6d6d6; border-radius: 50%; cursor: pointer;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.filterPopContr .popRow .onOff .seekbar.active {background: #0059da;}
.filterPopContr .popRow .onOff .seekbar.active .buttn {left: 18px;}  
.filterPopContr .popRow .fldBox .fldBorder.Bordhover {border: 1px solid #999;}
.filterPopContr .planningButn {overflow: hidden;}
.filterPopContr .planningButn .left {float: left;}
.filterPopContr .planningButn .right {float: right;}
.filterPopContr .planningButn .left a {background: #f1f1f1 url('../images/planning.png') no-repeat 12px center; display: block;
color: #333; padding: 9px 23px 9px 41px; text-transform: uppercase; font-size: 12px; border-radius: 3px;}
.filterPopContr .planningButn .left a:hover {background: #dcdcdc url('../images/planning.png') no-repeat 12px center;}
.filterPopContr .planningButn .right .cancel {float: left; border-radius: 3px;     font-size: 12px; text-transform: uppercase;     padding: 9px 18px 8px 18px; background: #f1f1f1; color: #333; text-align: center;}
.filterPopContr .planningButn .right .crt {float: left; color: #fff; text-align: center; background: #0059da; border-radius: 3px;     font-size: 12px; text-transform: uppercase;     padding: 9px 18px 8px 18px; margin: 0 0 0 11px;}

.filterPopContr .filter-popup-box .intlgnt-pop .popupBody {border-radius: 5px;}
.filterPopContr .intlgnt-pop .popupBody h1 {font-size: 20px;}
.filterPopContr .filter-popup-box .intlgnt-pop .popupBody .columnBlock {overflow: hidden;}
.filterPopContr .filter-popup-box .intlgnt-pop .popupBody .columnBlock .left {float: left; width: 100%;}
.filterPopContr .intlgnt-pop .popRow {width: 48%; float: left;}
.filterPopContr .intlgnt-pop .popRow:last-child {float: right; width: 48%;}
.filterPopContr .filter-popup-box .intlgnt-pop .popupBody .columnBlock h3 {margin: 11px 0 14px 0; font-size: 17px;}

.intlgnt-pop .popRow [type="radio"]:checked, .intlgnt-pop .popRow [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.intlgnt-pop .popRow [type="radio"]:checked + label, .intlgnt-pop .popRow [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; }
.intlgnt-pop .popRow [type="radio"]:checked + label:before, .intlgnt-pop .popRow [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 2px solid #ddd; border-radius: 100%; background: #fff;}
.intlgnt-pop .popRow [type="radio"]:checked + label:after, .intlgnt-pop .popRow [type="radio"]:not(:checked) + label:after { content: ''; width: 23px; height: 21px; background: url('../images/radio-btn.jpg') no-repeat; position: absolute; top: 0px; left: -1px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.intlgnt-pop .popRow [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.intlgnt-pop .popRow [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.intlgnt-pop .radioBx {overflow: hidden;}
.intlgnt-pop .radioBx p {margin: 0; float: left; width: 50%;}

.export-pop .popupbody h1{color: #555555;padding: 25px 0 30px;font-size: 20px;font-weight: 500;margin: 0;}
.export-pop .popupbody {background: #fff none repeat scroll 0 0;padding: 0 25px 27px;}
.export-pop .popupbody .columnblock{padding: 0 0 35px 20px;overflow: hidden;}
.eccel-img {padding: 0 0 22px;}
.eccel-img h5{color: #8c8c8c;font-size: 15px;font-weight: 400;margin: 0 0 0 10px;display: inline-block;}
.eccel-img img {margin: 0 0 4px;max-width: 100%;}
.export-pop .popupbody .columnblock .left{width: 49%;float: left;}
.export-pop .popupbody .columnblock .excel-txt {padding: 0 0 20px;}
.export-pop .popupbody .columnblock .excel-txt span {color: #444;font-size: 14px;font-weight: 400;margin: 0 0 0 35px;}
.export-pop .popupbody .columnblock .right{width: 49%;float: left;}
.export-pop .right .circle-top .circle-color, .export-pop .left .circle-top .circle-color, .export-pop .circle-top .circle-color {display: block;position: relative;padding-left: 0px;margin-bottom: 0px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.export-pop .right .circle-top .circle-color input, .export-pop .left .circle-top .circle-color input, .export-pop .circle-top .circle-color input {position: absolute;opacity: 0;cursor: pointer;}
.export-pop .right .circle-top .checkmark, .export-pop .left .circle-top .checkmark, .export-pop .circle-top .checkmark {position: absolute;border-radius: 3px;top: 0;left: 0;height: 20px;width: 20px;background-color: #ffffff;border: 2px solid #ccc; }
.export-pop .circle-top .circle-color:hover input ~ .checkmark {background-color: #ffffff;}
.export-pop .circle-top .circle-color input:checked ~ .checkmark {background-color: #0059d9;border-radius: 3px;border: 2px solid #0059d9;}
.export-pop .right .circle-top .checkmark:after, .export-pop .left .circle-top .checkmark:after, .export-pop .circle-top .checkmark:after {content: "";position: absolute;display: none;}
.export-pop .right .circle-top .circle-color input:checked ~ .checkmark:after, .export-pop .left .circle-top .circle-color input:checked ~ .checkmark:after, .export-pop .circle-top .circle-color input:checked ~ .checkmark:after {display: block;}
.export-pop .right .circle-top .circle-color .checkmark:after, .export-pop .left .circle-top .circle-color .checkmark:after, .export-pop .circle-top .circle-color .checkmark:after {border: solid #ffffff;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);left: 5px;top: 1px;width: 6px;height: 12px;border-width: 0 2px 2px 0;}
.export-pop .circle-top {margin: 0 0 0 -35px;}
.export-pop .right.exportbtnn .cancel.closeFilterPop:hover {background: #e2e2e2 none repeat scroll 0 0;transition: all 0.5s ease 0s;}
.export-pop .right.exportbtnn .crt:hover {background: #024ab2 none repeat scroll 0 0;}
.eccel-img.power-box{padding: 20px 0 22px;width: 100%;display: block;overflow: hidden;}
.export-pop .right.exportbtnn .cancel.closeFilterPop{color: #555555;font-weight: 400;} 
.export-pop .right.exportbtnn .crt{font-weight: 400;}
.equalHeight {display: flex;}
.left_container.EQhgt {flex:1; max-width: 12%;}
.right_container.EQhgt {max-width: 88%;}



/* details-page css  */
.table-container.tbl_layout_fix #media_program span {
    width: 242px;
    display: inline-block;
}

.table-container.tbl_layout_fix th#media_publisher span {
    width: 110px;
    display: inline-block;
}
.table-container.tbl_layout_fix th#media_Date span {
    width: 190px;
    display: inline-block;
}
.table-container.tbl_layout_fix th#media_Type span {
    width: 120px;
    display: inline-block;
}
.table-container.tbl_layout_fix th#media_Type {
    padding: .786em 0 .786em 11px;
    width: 123px;
}

.table-container.tbl_layout_fix th#media_Market span {
    width: 70px;
    display: inline-block;
}

.table-container.tbl_layout_fix th#media_publisher {
    padding: .786em 0 .786em 11px;
    width: 119px;
}

.table-container.tbl_layout_fix th#media_Cpm span {
    width: 64px;
    display: inline-block;
}

.table-container.tbl_layout_fix th#media_placement span {
    width: 120px;
    display: inline-block;
}

.table-container.tbl_layout_fix th#media_AdSize span {
    width: 111px;
    display: inline-block;
}

.table-container.tbl_layout_fix th#media_placement {
    padding: .786em 0 .786em 9px;
    width: 78px;
}

.table-container.tbl_layout_fix th#media_program {
    width: 242px;
}

.table-container.tbl_layout_fix th#media_Rate span {
    width: 114px;
    display: inline-block;
}

.table-container.tbl_layout_fix th#media_Rate {
    padding: .786em 0 .786em 11px;
    width: 156px;
}

.table-container.tbl_layout_fix th#media_Imprestion span {
    width: 97px;
    display: inline-block;
}

.table-container.tbl_layout_fix th#media_Cpm {
    padding: .786em 0 .786em 11px;
    width: 76px;
}
.table-container.tbl_layout_fix th#media_netmediacost span {
    width: 90px;
    display: inline-block;
}
.table-container.tbl_layout_fix th#media_grosscost span {
    width: 98px;
    display: inline-block;
}

.table-container.tbl_layout_fix th#media_Commission span {
    width: 75px;
    display: inline-block;
}

.dashBoard-section {
    width: 100%;
}
.dashBoard-section .left_container {width: 15%; position: relative; padding: 15px 20px 0;float: left;}
.dashBoard-section .left_container:after {position: absolute; right: 2px; top: 0; box-shadow: 3px 3px 3px #9c9c9c; height: 100%; width: 1px; content: "";}
.dashBoard-section .left_container ul li{display: block;overflow: hidden;width: 100%;padding: 0 0 12px;}
.dashBoard-section .left_container ul li span{text-decoration:none;color: #7f7e7e;font-size: 13px;font-weight: 400;text-transform: capitalize;line-height: 30px;padding: 0 0 0 35px; }
.dashBoard-section .left_container ul .active span{color: #2575e6;}
.dashBoard-section .left_container ul li:hover span{color: #2575e6;}

.dashBoard-section .left_container ul li  .info {background: rgba(0, 0, 0, 0) url("../images/ic_info_outline.png") no-repeat scroll left center;display: block;float: left;height: 28px;}
.dashBoard-section .left_container ul li  .info:hover {background: rgba(0, 0, 0, 0) url("../images/ic_info_outline-hover.png") no-repeat scroll left center;}

.dashBoard-section .left_container ul li  .media {background: rgba(0, 0, 0, 0) url("../images/icons8-statistics.png") no-repeat scroll left center;display: block;float: left;height: 28px;}
.dashBoard-section .left_container ul li  .media:hover {background: rgba(0, 0, 0, 0) url("../images/icons8-statistics-hover.png") no-repeat scroll left center;}

.dashBoard-section .left_container ul li .rfp {background: rgba(0, 0, 0, 0) url("../images/icons8-brief.png") no-repeat scroll left center;display: block;float: left;height: 28px;}
.dashBoard-section .left_container ul li .rfp:hover {background: rgba(0, 0, 0, 0) url("../images/icons8-brief-hover.png") no-repeat scroll left center;}

.dashBoard-section .left_container ul li .flowchart {background: rgba(0, 0, 0, 0) url("../images/ic_clear_all.png") no-repeat scroll left center;display: block;float: left;height: 28px;}
.dashBoard-section .left_container ul li .flowchart:hover {background: rgba(0, 0, 0, 0) url("../images/ic_clear_all-hover.png") no-repeat scroll left center;}

.dashBoard-section .left_container ul li .distbt {background: rgba(0, 0, 0, 0) url("../images/icons8-query_inner_join_left.png") no-repeat scroll left center;display: block;float: left;height: 28px;}
.dashBoard-section .left_container ul li .distbt:hover, .dashBoard-section .left_container ul li.active .distbt {background: rgba(0, 0, 0, 0) url("../images/icons8-query_inner_join_left-hover.png") no-repeat scroll left center;}


.dashBoard-section .right_container{width: 100%;padding: 0;float: left; }
.dashBoard-section .right_container .bmw-drive {padding: 28px 15px 14px 28px;}
.dashBoard-section .right_container .bmw-drive .img-box{width: 47%;display: block;float: left;}
    .dashBoard-section .right_container .bmw-drive .img-box img {max-width: 100%;display: block;}
.dashBoard-section .right_container .bmw-drive .txt-box{width: 52%;display: block;float: left;padding: 15px 0 35px 28px;}
.dashBoard-section .right_container .bmw-drive .txt-box .title{width: 70%;display: block;float: left;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-box {display: block;overflow: hidden;width: 100%;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-box .title > h1 {color: #6a6a6a;font-size: 24px;font-weight: 400;margin: 0;word-spacing: 5px;padding:0 0 16px 0; }
.dashBoard-section .right_container .bmw-drive .txt-box .title-box .title > span {color: #6c6c6c;font-size: 13px;font-weight: 400;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-box .title .privet {margin: 0 0 0 45px;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-btnn{width: 30%;display: block;float: left;text-align: right;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-btnn a {border:0 none;border-radius: 3px;color: #fff;display: inline-block;font-size: 11px;font-weight: 400;line-height: 30px;text-align: center;text-transform: uppercase;width: 50px;background:#e9edf0 none repeat scroll 0 0;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-btnn .edit{background: #0059d9 none repeat scroll 0 0;width: 68px;margin: 0 0 0 10px;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-btnn a:hover{background:#e1e1e1 none repeat scroll 0 0;}

.dashBoard-section .right_container .bmw-drive .txt-box .title-btnn .edit:hover{background:#0162ed none repeat scroll 0 0;}
.dashBoard-section .right_container .bmw-drive .txt-box .rang-box{display: block;overflow: hidden;width: 100%;padding: 40px 0 0;max-width:450px; }
.dashBoard-section .right_container .bmw-drive .txt-box .rang-box h1 {color: #666;font-size: 14px;font-weight: 400;margin: 0;padding:0 0 6px 0; }
.dashBoard-section .right_container .bmw-drive .txt-box .rang-box .range-text{float: left;}
.dashBoard-section .right_container .bmw-drive .txt-box .rang-box .price{font-size: 18px;font-weight: 500;float:right;    color: #444;}
.dashBoard-section .right_container .bmw-drive .txt-box .rang-box .color-box{width: 100%;display: block;height: 18px;background: #f4f6f7 none repeat scroll 0 0;position: relative;border-radius: 2px;overflow: hidden;}
.dashBoard-section .right_container .bmw-drive .txt-box .rang-box .color{background: #48ca82 none repeat scroll 0 0;position: absolute;top: 0;bottom: 0;border-radius: 1px;}
.dashBoard-section .right_container .bmw-drive .txt-box .rang-box .color.green{background: #07b6a5 none repeat scroll 0 0;}
.prise-container{width: 100%;display: block;overflow: hidden;padding: 55px 15px 18px 28px;}
.prise-container.Dist-campaign {padding: 18px 15px 18px 38px;} 
.prise-container .total-pric{width: 29%;float: left;margin: 0 55px 0 0;}
.prise-container .total-pric:last-child{margin-right: 0;}
.prise-container .total-pric > h3, .prise-container .total-pric > h1 {color: #444;font-size: 15px;font-weight: 400;margin: 0; }
.prise-container .total-pric > h2{color: #444;font-size: 33px;font-weight: 400;margin: 0;padding:15px 0 25px;}
.prise-container .total-pric .add-box{padding:12px 0 0 0; }
.prise-container .total-pric ul li{border-top: 1px solid #f2f4f6;}
.prise-container .total-pric ul li .spent-box{width: 100%;display: block;overflow: hidden;}
.prise-container .total-pric .spent-box .color-blue{float: left;}
.prise-container .total-pric .spent-box .color-blue h4{color: #595959;font-size: 14px;font-weight: 400;margin: 0 0 0 20px;line-height: 35px; position: relative;}
.prise-container .total-pric .spent-box .color-blue h4:before {position: absolute; left: -16px; top: 13px; width: 8px; height: 8px; background: #fff; content: ""; border-radius: 50px;}
.prise-container .total-pric .spent-box .color-blue .blue:before {background: #4990e0;}
.prise-container .total-pric .spent-box .color-blue .yellow:before{background: #f5cc23;}
.prise-container .total-pric .spent-box .color-blue .green:before {background: #07b677;}
.prise-container .total-pric .spent-box .color-blue .light-green:before{background: #63e7b8;}
.prise-container .total-pric .spent-box .blue:before{background: #4a90e2;}
.prise-container .total-pric .spent-box .text-pric{float: right;}
.prise-container .total-pric .spent-box .text-pric h5{color: #9aabbe;margin: 0;font-size: 12px;font-weight: 500;line-height: 35px;}
.prise-container .total-pric img {display: block;margin: 0 auto;max-width: 100%;}


/** select box **/
.variation2 {position:relative; width:100%; float:left;} 
.variation2 select.select{position:relative;z-index:10; height:30px; width:100% !important;color:#fff; margin:0; padding:0;}
.variation2 span.select{position:absolute;bottom:0;left:0;width:100%;height:30px;line-height:30px;text-indent:10px;background:url(../images/down-2.jpg) no-repeat 97% center;cursor:default;z-index:1;border:0; color:#333; font-size:13px; font-weight:500; border: 1px solid #dddddd; border-radius: 3px;}
.variation2 select.select option{padding:4px 6px;background:#fff;color:#000;}
/** select box end **/


.intlgnt-pop .goalBox .circle-top .circle-color {display: block;position: relative;padding-left: 28px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.intlgnt-pop .goalBox .circle-top .circle-color input {position: absolute;opacity: 0;cursor: pointer; left: 0;}
.intlgnt-pop .goalBox .circle-top .checkmark {position: absolute;border-radius: 0;top: 0;left: 0;height: 18px;width: 18px;background-color: #fff; border: 2px solid #ccc;}
.intlgnt-pop .goalBox .circle-top .circle-color:hover input ~ .checkmark {background-color: #fff;}
.intlgnt-pop .goalBox .circle-top .circle-color input:checked ~ .checkmark {background-color: #fff;border-radius: 0;}
.intlgnt-pop .goalBox .circle-top .checkmark:after {content: "";position: absolute;display: none;}
.intlgnt-pop .goalBox .circle-top .circle-color input:checked ~ .checkmark:after {display: block;}
.intlgnt-pop .goalBox .circle-top .circle-color .checkmark:after {left: -2px;top: -2px;width: 20px;height: 20px;border: solid #fff;border-width: 0 2px 2px 0;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); background: url('../images/checkBox.jpg') no-repeat;}
.intlgnt-pop .goalBox {overflow: hidden;}
.intlgnt-pop .goalBox .chkbar {float: left; margin: 0 32px 0 0;}
.intlgnt-pop .goalBox span {float: left; margin: 0 14px 0 0;}
.intlgnt-pop .goalBox .chkbar p {margin: 0; float: left;}
.intlgnt-pop .goalBox .circle-top {float: left;}
.intlgnt-pop .goalBox .circle-color span {margin: 0;}
.filterPopContr .intlgnt-pop .planningButn {clear: both; margin: 34px 0 0 0;}

.range-box {padding: 13px 0 0 0;}
.range-box .ui-widget-content {background: #e9edf0; border: 0; height: 6px; border-radius: 30px;}
.range-box .ui-widget-header {background: #0059da; border-radius: 30px;}
.range-box .ui-slider-horizontal .ui-slider-handle {background: #fff; border: 1px solid #0059da; border-radius: 50px; cursor: pointer; border-radius: 50px; top: -4px; width: 13px; height: 13px; }
#amount span, .rangeSec #amount-original span {}
.range-box .range-left {float: left; display: none;}
#amount .range-right, .rangeSec #amount-original .range-right {float: right; position: relative;}
#amount, .rangeSec #amount-original {overflow: hidden; padding: 6px 0 0;}
.range-box .rangeRow .range-right {position: relative;}
.range-box .rangeRow .range-right:after {content: "%";  right: 0; top: 0; clear: both; display: block; float: right; }
.range-box .rangeRow .range-right {padding: 0; float: right; font-size: 13px; color: #0059da;}
.range-box .rangeRow .rangeCol {float: left; width: 48%;}
.range-box .rangeRow .rangeCol:last-child {float: right;}
.range-box .ui-slider-horizontal .ui-slider-handle:nth-child(2) {display: none;}
.range-box .rangeRow .rangeCol p {margin: 0; float: left; width: 43%; font-size: 13px;}
.range-box .rangeRow .rangeCol .insdRange {float: left; width: 41%; margin: 6px 0 0 0;}
.range-box .rangeRow .rangeCol #amount {float: right; width: 16%; padding: 0;}
.range-box .rangeRow .rangeCol .amountBr {float: right; width: 14%; padding: 0;}
.range-box h4 {margin: 7px 0 23px 0; font-size: 13px;}
.range-box .rangeRow:after {clear: both; display: block; content: "";}
.range-box .rangeRow {margin: 0 0 16px;}

.dashboardHead .dashbrdTitle a.cloud {float: right; margin: 20px 0 0 0;}
.dashboardHead .dashbrdTitle h1 a {color: #555; background: url('../images/leftArrow.jpg') no-repeat left center; padding: 0 0 0 28px; display: block;}
.dashboardHead .dashbrdTitle h1 a:hover {color: #000;}
.floatTitle {float: left; width: 50%;}
.floatTitle a.info {float: left; color: #444;    font-size: 13px;    padding: 21px 0 0 18%;}

#campaign-pop {display: none;}
#expertPop {display: none;}
#intelligentPop {display: none;}

.distributerBar {float: left; width: 100%; margin: 0 0 20px;}
.distributerBar .custView {float: left;}
.distributerBar .custView li {float: left; padding: 0 60px 0 0;}
.distributerBar .custView li a {display: block; background: #f4f6f7 url('../images/setting-dark.png') no-repeat 8px center; text-align: center; font-size: 15px; color: #444; padding: 7px 11px 7px 34px; border-radius: 4px;}
.distributerBar .custView li .popRow {float: left; width: 165px; position: relative;}
.distributerBar .variation2 span.select {background: #f4f6f7 url(../images/select-down.png) no-repeat 93% center; border: 0; font-size: 15px; color: #444; padding: 0 0 0 5px;}
.distributerBar .custView li .popRow:before {position: absolute; left: -29px; top: 2px; background: url('../images/calendar.png') no-repeat; width: 22px; height: 24px; content: "";}
.distributerBar .distributMenu {float: left; width: 100%;}
    .distributerBar .distributMenu ul {
        overflow: hidden;
        padding: 25px 0 0 0;
        margin-left: 10px;
    }
.distributerBar .distributMenu ul li {float: left; padding: 0 33px 0 0;}
.bmw-drive:after {clear: both; content: ""; display: block; }
.distributerBar .distributMenu ul li a {    display: block; color: #444;    font-size: 15px;}
.distributerBar .distributMenu ul li a:hover, .distributerBar .distributMenu ul li.active a {color: #0059da;}



/* media plan css */
.right_container.media{padding: 0;margin: 0;}
.right_container .media_box { width: 100%;display: block; float: left; padding:10px 26px 10px; margin: 0; position: relative;}
.right_container .media_box:before {position: absolute; bottom: 0; left: 0; bottom: 0; width: 100%; height: 1px; content: ""; box-shadow: 0 2px 3px 0px #ccc;     z-index: 99999;}
    .right_container .media_box .cost-box {width: 29%;float: left;margin: 19px 0 40px 10px;}
.cost-box > h1 {color: #585858;font-size: 12px;font-weight: 400;margin: 0;}
.right_container.media .cost-box.net-box{width: 45%;margin: 20px 100px 0 45px;}
.cost-box .left-txt{float: left; margin: 9px 0 0;}
.rang-box{max-width: 300px;float: left;margin: 0 0 0 8px;}
.net-cost  h4 span, .rang-box h2{color: #27b212;font-size: 12px;font-weight: 400;margin: 0;padding: 0 0 3px;}
.color-box{width: 100%;height: 5px;background: #d8d8d8 none repeat scroll 0 0;border-radius: 1px;position: relative;}
.color-box .color.darkgreen{background: #27b212 none repeat scroll 0 0;border-radius: 1px;position: absolute;top: 0;bottom: 0;}
.rang-box h3{color: #585858;font-size: 12px;font-weight: 400;margin: 0;padding: 6px 0 0;word-spacing: 3px;}
.pro-line-box{display: block;padding:0 0 20px 0;overflow: hidden; }
.net-cost > h4, .pro-line-box > h4 {font-size: 15px;font-weight: 400;margin: 0;color: #585858;}
.pro-line-box span {color: #1f6edf;font-weight: 600;}
.cost-box .line-box {
    float: left;
    margin: 0;
    padding: 0 25px 0 0;
    font-size: 12px;
   
}
.cost-box.net-box .program-box:last-child{margin-right: 0;}
.net-cost  h4 span{font-size: 15px;padding: 0; }
.program-box h5{font-size: 15px;color: #5f5f5f;font-weight: 400;margin: 0;padding:0 0 20px 0; }
.program-box h5:last-child{padding-bottom: 0;}
.program-box span {color: #0f63dd;font-size: 12px;font-weight: 400;}
.program-box{float: left;margin: 0 15px 0 0;}
.right_container.media .cost-box.btnn{width: 12%;display: block;float: left;margin: 16px 0 0;}
.right_container.media .cost-box.btnn .add{float: right;}

.cost-box.btnn a {background: #0158db url("../images/down-aro.jpg") no-repeat scroll right 12px center;border-radius: 2px;color: #fff;display: block;font-size: 12px;font-weight: 400;height: 30px;line-height: 28px;padding: 0 0 0 20px;
text-align: left;text-transform: uppercase;width: 80px;}
.cost-box.btnn > span {float: left;margin: 5px 0 0;}
.table-container {width: 100%;display: block;padding: 0;overflow-x: scroll;}
    .table-container table {border-collapse: collapse;width: 1400px;}
.table-container table thead {background: #f4f6f7;}
    .table-container .circle-top {
        position: relative;
        margin: 0;
        padding: 0 0 19px 0;
        width: 44px;
    }
.table-container .circle-top::after:first-child{background: 0 none;}
.table-container .img-errow {background: rgba(0, 0, 0, 0) url("../images/errow-table.jpg") no-repeat scroll right 4px center;}
.table-container th  {color: #a9aaac;line-height: 44px;font-size: 13px;font-weight: 400; padding: 0 11px}
.table-container th a {display: inline-block; background: url("../images/down-aro1.jpg") no-repeat scroll right 4px center; color: #a9aaac; padding: 0 20px 0 0;}
.right_container.media .table-container .img-back { background: #fbfbfd;padding: 10px 0;}
.img-back td {text-align: left;color: #6d6d6f;font-size: 12px;font-weight: 400;line-height: 40px;padding: 0 12px;}
.img-back td a {    color: #6d6d6f;}
.img-back td a:hover {color: #0059da;}
.right_container.media .add:hover {background: #024ab2 url("../images/down-aro.jpg") no-repeat scroll right 12px center;}
.table-container table thead tr th:first-child {    width: 40px;}
.table-container .circle-top .checkmark {background: none; border: 2px solid #cccccc; border-radius: 0; height: 17px; width: 17px; }
.table-container .circle-top .circle-color input:checked ~ .checkmark {background: #0059da; border-radius: 0; border: 2px solid #0059da;}
.table-container .circle-top .circle-color .checkmark:after {top: 0px; left: 4px; height: 10px; width: 5px; border-color:#fff ;}
.table-container .circle-top .circle-color:hover input ~ .checkmark {background: #024ab2; border: 2px solid #0059da;}
.table-container tr:nth-child(2n+2) { background: #fbfbfc;}
.table-container .circle-top .circle-color {float: left; padding-left: 0; top: 3px;}
.table-container .circle-top cite {float: left;margin: 3px 0 0 36px;}
.table-container .circle-top cite:last-child {    margin: 10px 0 0 10px;}
.table-container .circle-top cite a {display: block; float: left;}
.table-container .circle-top cite a img {float: left;}
.right_container .media_box {padding: 0 0 4px;}
.distributerBar {margin: 0 0 12px;}
.distribut-table .insd-distribut-table {overflow-x: scroll;padding: 0 0 22px;}
.distribut-table .insd-distribut-table table {width: 1300px;}
.distribut-table .insd-distribut-table table thead {background: #f4f6f7;     border-bottom: 2px solid #dedede;}
.distribut-table .insd-distribut-table table thead th {color: #a9aaac; line-height: 44px; font-size: 13px; font-weight: 400; padding: 0 11px;}
.distribut-table .insd-distribut-table table td {    text-align: left; color: #6d6d6f; font-size: 13px; font-weight: 400; line-height: 40px; padding: 0 12px;}
.distribut-table .insd-distribut-table tr:nth-child(2n+2) {background: #fbfbfc;}
.distribut-table .insd-distribut-table table td .rate-inputFld {overflow: hidden;}
.distribut-table .insd-distribut-table table td .rate-inputFld .fld {border: 1px solid #dddddd; margin: 0 0 0 5px; padding: 0 5px; height: 27px; border-radius: 3px; float: left;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.distribut-table .insd-distribut-table table td .rate-inputFld .fld:focus {border: 1px solid #999;}
.distribut-table .insd-distribut-table table td .rate-inputFld .fld.first {width: 80px;}
.distribut-table .insd-distribut-table table td .rate-inputFld .fld.scnd {width: 45px;}
.distribut-table .insd-distribut-table table td .rate-inputFld .fld.thrd {width: 45px;}
.distribut-table {padding: 0 0 50px;}

/* rpf-form page css */

.dashBoard-section .left_container ul li .rfp{background: rgba(0, 0, 0, 0) url("../images/icons8-brief.png") no-repeat scroll left center;}
.dashbrdTitle.detail .floatTitle.rpf ul{text-align: center;overflow: hidden;padding: 22px 0 0;}
.dashbrdTitle.detail .floatTitle.rpf ul li{display: inline-block;position: relative;padding: 0 30px 0 0;}
.dashbrdTitle.detail .floatTitle.rpf ul li a{color: #5f5f5f;font-size: 12px;font-weight: 400;text-decoration: none;}
.dashbrdTitle.detail .floatTitle.rpf ul li::after{width: 10px;height: 10px;display: block;content: "";background:url("../images/right-teer-rpf.png") no-repeat right center; position: absolute;right: 10px;top: 4px;}
.dashbrdTitle.detail .floatTitle.rpf ul li:last-child{padding-right: 0;}
.dashbrdTitle.detail .floatTitle.rpf ul li:last-child::after{background: none; }
.right_container.media .media_box .rpf-txt{width: 100%;display: block;padding: 0px 0 16px;overflow: hidden;}
.right_container.media .media_box .rpf-txt .rpf-heading{float: left; padding: 5px 0 0 0;}
.right_container.media .media_box .rpf-txt h1{font-size: 17px;font-weight: 400;color: #616161;margin: 0;}
.right_container.media .media_box .rpf-txt .save {float: right;}
.right_container.media .media_box .rpf-txt a{width: 70px;height: 30px;line-height: 30px;display: block;text-align: center;background: #0059db;border: 0 none; border-radius: 3px;color: #fff;text-transform: uppercase;font-size: 11px;font-weight: 400;}
.right_container.media .media_box .rpf-txt a:hover{background: #024ab2 none repeat scroll 0 0;}
.right_container.media .rpf-form{width: 100%;display: block; clear: both; overflow: hidden; margin: 0 0 26px;}
.right_container.media .rpf-form .rpf-form-section.popupBody{width: 50%;display: block;padding:0 0 22px 25px;margin: 23px 0 0 0; clear: both; }
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow {padding: 0 0 10px;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow label {display: block;font-size: 13px;font-weight: 400;margin: 0 0 3px;color: #616161;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fld {border: 1px solid #e4e4e4;border-radius: 3px;font-size: 12px;height: 30px;padding: 0 12px;transition: all 0.3s ease 0s;width: 100%;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fld:focus {border: 1px solid #999;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fldBox {overflow: hidden;width: 100%;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fldBox .fldBorder {border: 1px solid #e4e4e4;border-radius: 3px;float: left;height: 30px;transition: all 0.5s ease 0s;width: 48%;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fldBox .fldBorder span {float: left;font-size: 13px;padding: 5px 25px 0 9px;color: #616161;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fldBox .insdFld {border: 0 none;font-size: 12px;height: 27px;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow.bgt .fldBox .insdFld {width: 78%;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fldBox .fldBorder.last {float: right;width: 48%;}
.right_container.media .rpf-form .rpf-form-section.popupBody .target-box{width: 100%;display: block;padding: 20px 0 0;}
.right_container.media .rpf-form .rpf-form-section.popupBody .target-box h2{margin: 0;color: #727272;font-size: 13px;font-weight: 400;padding: 0 0 4px;}
.right_container.media .rpf-form .rpf-form-section.popupBody .target-box h3{margin: 0;color: #9d9d9d;font-size: 13px;font-weight: 400;padding: 0 0 8px;}
.right_container.media .rpf-form .rpf-form-section.popupBody .target-box a{text-decoration: none;color: #0158da;font-size: 13px;font-weight: 400;padding: 0 0 0 24px;}
.right_container.media .rpf-form .rpf-form-section.popupBody .target-box .target-img{ background:  url("../images/setting-target-img.png") no-repeat scroll left -3px center;}
.right_container.media .rpf-form .rpf-form-section.popupBody .target-box .target-img.add{ background:  url("../images/add-doc-img.png") no-repeat scroll left -3px center;}
.right_container.media .rpf-form .rpf-txt.btnn{display: block;width: 100%;text-align: center;}
.right_container.media .rpf-form .rpf-txt.btnn a{color: #5c5c5c;background: #f1f1f1;text-align: center;width: 90px;height: 30px;line-height: 30px;display:inline-block;text-align: center;border: 0 none; border-radius: 3px;text-transform: uppercase;font-size: 13px;font-weight: 400;margin: 0 10px 0 0;}
.right_container.media .rpf-form .rpf-txt.btnn a:hover{background: #e8e6e6 none repeat scroll 0 0;}
.right_container.media .rpf-form .rpf-txt.btnn .save{background: #0059db;color: #fff;}
.right_container.media .rpf-form .rpf-txt.btnn .save:hover{background: #024ab2 none repeat scroll 0 0;}
.right_container.media .rpf-form .rpf-form-section.popupBody .target-box .on-offbtnn{padding: 0 0 15px 0;}
.right_container.media .rpf-form .rpf-form-section.popupBody .target-box .onOff {float: left;margin: 0 8px 0 0;}
.right_container.media .rpf-form .rpf-form-section.popupBody .target-box .onOff .seekbar {background: #c6c5c5 none repeat scroll 0 0;border-radius: 50px;cursor: pointer;height: 15px;position: relative;transition: all 0.5s ease 0s;width: 35px;}
.right_container.media .rpf-form .rpf-form-section.popupBody .target-box .onOff .buttn {background: #f1f1f1 none repeat scroll 0 0;border: 1px solid #d6d6d6;border-radius: 50%;
cursor: pointer;height: 20px;left: -3px;position: absolute;top: -2px;transition: all 0.5s ease 0s;width: 20px;}
.right_container.media .rpf-form .rpf-form-section.popupBody .target-box .onOff .seekbar.active .buttn {left: 18px;}
.right_container.media .rpf-form .rpf-form-section.popupBody .target-box .onOff .seekbar.active {background: #0059da none repeat scroll 0 0;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fldBox .fldBorder.Bordhover {border: 1px solid #999;}
.prise-container.Dist-campaign .title {font-size: 19px; padding: 0 0 16px;}
.prise-container.Dist-campaign .vehicleGraph li {overflow: hidden; width: 100%; padding: 8px 0 5px 0;}
.prise-container.Dist-campaign .vehicleGraph .insd-vehicleGraph {max-width: 750px; width: 100%;}
.prise-container.Dist-campaign .total-pric:last-child {width: 100%;}
.prise-container.Dist-campaign.singleGraph .total-pric:last-child {width: 29%;}
.prise-container.Dist-campaign .vehicleGraph li h5 {float: left; margin: 0; padding: 0; width: 18%;     font-size: 13px;}
.prise-container.Dist-campaign .vehicleGraph li .progrs-cntr {float: left; position: relative; width: 67%;}
.prise-container.Dist-campaign .vehicleGraph li span {float: right; width: 15%; text-align: right;  padding: 0 12px 0 0;  font-size: 13px; color: #999;}
.prise-container.Dist-campaign .vehicleGraph li .progrs-cntr .progrs { height: 15px; border-radius: 2px; }
.prise-container.Dist-campaign .vehicleGraph li .progrs-cntr.blue .progrs {background: #4a90e2;}
.prise-container.Dist-campaign .vehicleGraph li .progrs-cntr.orange .progrs {background: #f5a623;}
.prise-container.Dist-campaign .vehicleGraph li .progrs-cntr.yellow .progrs {background: #f5cc23;}
.prise-container.Dist-campaign .vehicleGraph li .progrs-cntr.darkGreen .progrs {background: #07b677;}
.prise-container.Dist-campaign .vehicleGraph li .progrs-cntr.green .progrs {background: #50e3c2;}
.prise-container.Dist-campaign #scrollbar1 {width: 100%; margin: 0;}
.prise-container.Dist-campaign #scrollbar1 .viewport {height: 155px; width: auto;}
.prise-container.Dist-campaign #scrollbar1 .overview {width: 100%;}
.prise-container.Dist-campaign #scrollbar1 .thumb {background: #bac4c9; width: 4px; left: 0;}
.prise-container.Dist-campaign #scrollbar1 .track {width: 4px;}
.prise-container.Dist-campaign #scrollbar1 .scrollbar {width: 4px;}


.media_box .electric-section{width: 100%;display: block;}
.media_box .electric-section .text{width: 80%;display: block;float: left;}
.media_box .electric-section .text .heading{width: 70%;display: block;padding: 12px 0 0;}
.media_box .electric-section .text .heading h1{color: #616161;font-size: 20px;font-weight: 400;margin: 0;text-transform: capitalize;}
.electric-section .btnn-box{width: 20%;display: block;float: left;text-align: right;}
.electric-section .btnn-box a{width: 70px; height: 30px;line-height: 30px;display: inline-block;color: #5b5c5e;background: #e9edf0;border: 0 none;text-align: center;border-radius: 3px;text-transform: uppercase;font-size: 11px;font-weight: 400;}
.media_box .electric-section .btnn-box a:hover{background: #c3c3c3;}
.media_box .electric-section .btnn-box .acceptbtn{background: #005bd7;color: #fff;margin: 0 0 0 10px;}
.media_box .electric-section .btnn-box .acceptbtn:hover{background: #024ab2 none repeat scroll 0 0;}
.electric-section .electric-info{width: 100%;display: block;overflow: hidden;padding:30px 0; }
.media_box .electric-section .electric-info .electric-status{width: 65%;display: block;float: left;}
.media_box .electric-section .electric-info .electric-status.contact{width: 35%;display: block;float: left;}
.media_box .electric-info .electric-status .info{width: 100%;display: block;overflow: hidden;}
.media_box .electric-info .electric-status .info h2{width: 25%;display: block;float: left;margin: 0;font-size: 15px;font-weight: 400;color: #555555;}
.electric-info .electric-status .info p{width: 75%;display: block;float: left;margin: 0;font-size: 15px;font-weight: 400;line-height: 20px;color: #676767;}
.electric-info .electric-status .info .color{color: #e75e3a;}
.media_box .electric-info .electric-status ul li{padding: 0 0 3px 0;}
.media_box .electric-info .electric-status ul li:last-child{padding-bottom: 0;}
.electric-status.contact .info{margin: 0 0 0 20%;}
.distribut-table {clear: both;padding: 0 0 50px;}

.distribut-table .insd-distribut-table table td .over-budget{ display: inline-block; background: url("../images/detail-imgtable.png") no-repeat left center; padding: 0 0 0 23px; margin: 0 0 0 15px;}
.distribut-table .insd-distribut-table table td .over-budget h3{color: #e75e3a;font-size: 13px;font-weight: 400; margin: 0;}
.distribut-table .insd-distribut-table table td span {display: inline-block;}

.media_box .search_box {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 10px 0 22px;
}
.search_box .srchCntr {
    width: 50%;
    float: left;
    position: relative;
    max-width: 200px;
    margin-left: 6px;
}
.search_box .srchCntr .fld {background: #f4f6f7 none repeat scroll 0 0;border: 1px solid #f5f5f5;border-radius: 3px;height: 30px;padding:0 10px 0 36px;width: 100%;font-size: 15px;font-weight: 400;}
.search_box .srchCntr .srch {background: rgba(0, 0, 0, 0) url("../images/search-iconRPF.png") no-repeat scroll 0 0;border: 0 none;cursor: pointer;height: 18px;padding: 0;position: absolute;left: 10px;top: 6px;width: 18px;}

.search_box ::-webkit-input-placeholder {color: #5d5d5d;}
.search_box ::-moz-placeholder {color: #5d5d5d;}
.search_box :-ms-input-placeholder {color: #5d5d5d;}
.search_box :-moz-placeholder {color: #5d5d5d;}

.srchCntr .fld:focus {border: 1px solid #999;}
.search_box .send-btnn{width: 50%;float: right;max-width: 150px;}
.search_box .send-btnn a{width:150px;height: 30px;line-height: 30px;display: block;text-align: center;background: #0059db;color: #fff;text-transform: uppercase;border: 0 none;text-decoration: none;border-radius: 3px;font-weight: 400;font-size: 12px;word-spacing: 1px;}
.search_box .send-btnn a:hover {background: #024ab2 none repeat scroll 0 0;}
.proposal-tabletxt {clear: both; display: flex;}
.proposal-tabletxt .proposal_box{width: 30%; flex: 1; display: block;float: left;background: #f5f6f8 none repeat scroll 0 0;padding: 0 25px 0 25px;}
.proposal_box .txt{padding: 20px 0 25px;overflow: hidden;}
.proposal_box .txt .title{font-size: 20px;font-weight: 400;color: #5c5c5c;float: left;margin: 0;}
.proposal_box .txt a{float: right;}
.proposal_box .txt-box{width: 100%;display: block;padding: 0 0 20px;}
.proposal_box .txt-box h2{margin: 0;color: #5a5a5a;font-size: 15px;font-weight: 400;padding: 0 0 5px;}
.proposal_box .txt-box p{margin: 0;color: #595959;font-size: 15px;font-weight: 400;}
.proposal_box .txt-box ul li{position: relative;display: block;color: #646567;font-size: 14px;font-weight: 400;padding: 0 0 3px 0;}
.proposal_box .txt-box ul .green::before {background: #93d853 none repeat scroll 0 0;border-radius: 50px;content: "";display:inline-block;height: 9px;width: 9px;margin: 0 8px 0 0;}
.proposal_box .txt-box ul li:last-child{padding-bottom: 0;}
.proposal_box .txt-box ul .blue::before {background: #0757d5 none repeat scroll 0 0;border-radius: 50px;content: "";display:inline-block;height: 9px;width: 9px;margin: 0 8px 0 0;}
.proposal_box .txt-box .bmw-docimg{background: rgba(0, 0, 0, 0) url("../images/bmw-docimg.png") no-repeat scroll left center;font-size: 15px;color: #015ada;font-weight: 400;text-decoration: none;padding: 0 0 0 25px;}
.proposal_box .txt-box .bmw-doc{padding:0 0 10px 0; }
.distribut-table.proposal-tble{width: 70%;display: block;float: left;clear: none;padding: 0 18px 0 25px;}
.distribut-table.proposal-tble .number-tbl{width: 100%;display: block;overflow: hidden;padding: 20px 0 30px;}
.number-tbl .number-box{width: 15%;display: block;float: left; }
.number-tbl .number-box h3{margin: 0;font-size: 15px;font-weight: 400;text-transform: capitalize;color: #6a6a6a;padding: 0 0 12px;}
.number-tbl .number-box h4{margin: 0;font-size: 35px;font-weight: 500;color: #5c5c5c;}
.insd-distribut-table.num-table table thead {background: #f9fafb;border: 0px;}
.insd-distribut-table.num-table{width: 100%;display: block; overflow: auto;}
.insd-distribut-table.num-table .circle-top .checkmark {background-color: #fff;border: 2px solid #d1d1d1;border-radius: 2px;height: 16px;left: 0;position: absolute;top: 0;width: 16px;}
.insd-distribut-table.num-table .circle-top .circle-color input:checked ~ .checkmark {background-color: #fff;border-radius: 2px;}
.insd-distribut-table.num-table .circle-top .circle-color .checkmark::after {border-color: #0757d5;border-style: solid;
border-width: 0 2px 2px 0;height: 11px;left: 3px;top: 0;transform: rotate(45deg);width: 6px;}
.insd-distribut-table.num-table .circle-top .circle-color:hover input ~ .checkmark {background-color: #fff;}
.insd-distribut-table.num-table tbody .circle-top {margin: 0 0 40px;}
.insd-distribut-table.num-table .circle-top .circle-color:hover input ~ .checkmark {background: #024ab2; border: 2px solid #0059da;}
.insd-distribut-table.num-table .circle-top .circle-color input:checked ~ .checkmark {background: #0059da; border-radius: 0; border: 2px solid #0059da;}
.insd-distribut-table.num-table .circle-top .circle-color .checkmark:after {top: 0px; left: 4px; height: 10px; width: 5px; border-color:#fff ;}
.insd-distribut-table.num-table table {width: 100%; border: 1px solid #f5f5f5; border-radius: 5px;}

.insd-distribut-table.num-table .color-red {color: #f56039;}
.insd-distribut-table.num-table .color-yellow{color: #f7ae36;}
.insd-distribut-table.num-table .color-green{color: #3dba2a;}
.insd-distribut-table.num-table table td:first-child {width: 50px;}

/** Media Program Detail Css ***/
.dashbrdTitle.detail .floatTitle.rpf ul li a{font-size: 13px;}
.dashBoard-section .left_container ul li .media {}
.world-jurnal{width: 100%;display: block;}
.program-details .img-box{border: 1px solid #edf0f3;border-radius: 6px;display: block;float: left;max-width: 600px;width: 30%;min-height: 130px;line-height: 130px;text-align:center; }
.program-details .img-box img {width: 250px;}
.electric-info.program-jurnal{width: 54%;display: block;float: left;margin: 8px 0 0 10%;}
.electric-info.program-jurnal .info .blue-box{color: #2974e0;}
.distributMenu.program-menu {display: block;overflow: hidden;padding: 30px 0 10px;width: 100%;}
.distributMenu.program-menu ul li {float: left;padding: 0 50px 0 20px;}
.distributMenu.program-menu  ul li a {color: #444;display: block;font-size: 15px;}
.distributMenu.program-menu  ul .active a{color: #0059da;}
.distributMenu.program-menu ul li a:hover{color: #0059da;}


/*** contacts page html css start  ***/
.dashBoard-section .left_container ul .active  .contact-img{background: rgba(0, 0, 0, 0) url("../images/user_man-hover.png") no-repeat scroll left center;}
.dashBoard-section .left_container ul li  .contact-img {background: rgba(0, 0, 0, 0) url("../images/user_man.png") no-repeat scroll left center;display: block;height: 13px;width: 19px;float: left;}
.dashBoard-section .left_container ul li  .contact-img:hover {background: rgba(0, 0, 0, 0) url("../images/user_man-hover.png") no-repeat scroll left center;}
.dashBoard-section .left_container ul li  .company-img {background: rgba(0, 0, 0, 0) url("../images/icons-apartment.png") no-repeat scroll left center;display: block;height: 18px;width: 18px;float: left;}
.dashBoard-section .left_container ul li  .company-img:hover {background: rgba(0, 0, 0, 0) url("../images/icons-apartment-hover.png") no-repeat scroll left center;}
.dashBoard-section.equalHeight.client-section{padding: 2px 0 0 0;}
.dashBoard-section.equalHeight.client-section ul{display: inline-block;}
.dashBoard-section.equalHeight.client-section ul li{padding: 15px 0 20px;overflow: visible;}
.dashBoard-section.equalHeight.client-section ul li span{font-size: 14px;float: left;margin: -8px 0 0;padding: 0 0 0 30px;}
.dashboardHead.clientCntr .dashbrdTitle h1{color: #585858;font-size: 20px;}
.distribut-table.client-table .insd-distribut-table thead{border-bottom: 0px solid #dedede;}
.distribut-table.client-table thead .name-img{background: url("../images/select-down.png") no-repeat scroll right 78px center;cursor: pointer;}
.distribut-table.client-table thead tr th:first-child {text-align: center;}
.distribut-table.client-table tbody tr td .client-info{padding: 10px 0;overflow: hidden;display: block;margin: 0 0 0 20px;}
.distribut-table.client-table tbody tr td .client-info .client-img{float: left;}
.distribut-table.client-table tbody tr td img{max-width: 100%;}
.distribut-table.client-table tbody tr td .client-txt {color: #6a6a6a;font-size: 14px;font-weight: 400;margin:0 0 0 18px;float: left;}

.distribut-table.world-journal-table .rate-inputFld input::-webkit-input-placeholder { color: #6d6d6f; }
.distribut-table.world-journal-table .rate-inputFld input::-moz-placeholder { color: #6d6d6f; }
.distribut-table.world-journal-table .rate-inputFld input:-ms-input-placeholder { color: #6d6d6f; }
.distribut-table.world-journal-table .rate-inputFld input:-moz-placeholder { color: #6d6d6f; }

.distribut-table.world-journal-table .insd-distribut-table {overflow: hidden;}
.distribut-table.world-journal-table .insd-distribut-table table{width: 100%;}
.insd-distribut-table .load {color: #506dee;font-size: 14px;font-weight: 400;text-decoration: none;text-transform: capitalize;}
.distribut-table.world-journal-table  table td .rate-inputFld .fld.first {width: 90px;}
.distribut-table.world-journal-table .btnn-box {background: #b1c5e2 none repeat scroll 0 0;border-radius: 3px;height: 18px;line-height: 18px;width: 60px;float: left;margin: 12px 0 0;}
.distribut-table.world-journal-table span{float: left;margin: 0 0 0 18px;}
.distribut-table.world-journal-table .btnn-box > a {color: #fff; display: block;font-size: 14px;text-align: center;text-decoration: none;}

.prise-container.Dist-campaign.circleSec h2 { margin: 0 0 11px; font-size: 16px; color: #555;}
.prise-container.Dist-campaign.circleSec h3 {margin: 0 0 46px; font-size: 36px; color: #333;}
.circleSec .total-pric .circleBox .c100 {background-color: #f2f2f2; margin: 0 56px 0 0;}
.circleSec .total-pric .circleBox .c100:after {background: #fff; top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em;}
.circleSec .total-pric .circleBox {overflow: hidden; margin: 10px 0 28px;}
.circleSec .total-pric .circleBox .circleTitle {position: absolute; left: 0; bottom: 27px; z-index: 99; right: 0; margin: 0 auto; text-align: center;}
.circleSec .total-pric .circleBox .circleTitle h4 {margin: 0; font-size: 12px;}
.circleSec .total-pric .circleBox .c100 > span {line-height: 4.2em;}

.circleSec .total-pric .circleBox .c100.blue .fill {border-color: #4a90e2 }
.circleSec .total-pric .circleBox .c100.blue .bar {border: 0.08em solid #4a90e2;}
.circleSec .total-pric .circleBox .c100.blue span {color: #4a90e2; }

.circleSec .total-pric .circleBox .c100.lightBlue .fill {border-color: #76aded }
.circleSec .total-pric .circleBox .c100.lightBlue .bar {border: 0.08em solid #76aded;}
.circleSec .total-pric .circleBox .c100.lightBlue span {color: #76aded; }

.circleSec .total-pric .circleBox .c100.green .fill {border-color: #07b677 }
.circleSec .total-pric .circleBox .c100.green .bar {border: 0.08em solid #07b677;}
.circleSec .total-pric .circleBox .c100.green span {color: #07b677; }

.circleSec .total-pric .circleBox .c100.lightGreen .fill {border-color: #68e8ba }
.circleSec .total-pric .circleBox .c100.lightGreen .bar {border: 0.08em solid #68e8ba;}
.circleSec .total-pric .circleBox .c100.lightGreen span {color: #68e8ba; }

.circleSec .total-pric .circleBox .c100.yellow .fill {border-color: #f5cc23 }
.circleSec .total-pric .circleBox .c100.yellow .bar {border: 0.08em solid #f5cc23;}
.circleSec .total-pric .circleBox .c100.yellow span {color: #f5cc23; }

.circleSec .total-pric .circleBox .c100.darkYellow .fill {border-color: #d8bc49 }
.circleSec .total-pric .circleBox .c100.darkYellow .bar {border: 0.08em solid #d8bc49;}
.circleSec .total-pric .circleBox .c100.darkYellow span {color: #d8bc49; }

.circleSec .total-pric .circleBox .c100:hover > span { font-size: 0.2em; width: 5em;}



/** Media Program Detail Css ***/

.media-contactCntr{width: 100%;display: block;padding: 16px 15px 58px 28px;overflow: hidden;}
.media-contactCntr h1{margin: 0;font-size: 20px;font-weight: 400;color: #444;line-height: 50px;}
.nav.nav-tabs.tabCntr {border-bottom: 0 none;padding:0 0 20px 0;width: 100%;display: block;}
.nav.nav-tabs.tabCntr li{width: 33%;display: block;float: left;cursor: pointer;background: rgba(0, 0, 0, 0) url("../images/star-.png") no-repeat scroll right 50px center;margin: 0;}
.nav.nav-tabs.tabCntr li .box .img-box > img {max-width: 100%;}
.nav.nav-tabs.tabCntr li:hover{background: rgba(0, 0, 0, 0) url("../images/star.png") no-repeat scroll right 50px center;}
.nav.nav-tabs.tabCntr li.active{}
.nav.nav-tabs.tabCntr .box .img-box{width: 24%;display: block;float: left;}
.nav.nav-tabs.tabCntr .box .img-box img{border: 2px solid #dbdbdb;border-radius: 50px;display: block;height: 74px;
    text-align: center;vertical-align: middle;width: 74px;}
.nav.nav-tabs.tabCntr .box .txt-box{width: 76%;display: block;float: left;}
.nav.nav-tabs.tabCntr .box .txt-box h2{color: #6a6a6a;margin: 0;font-size: 16px; font-weight: 400;line-height: 40px;text-transform: capitalize;}
.nav.nav-tabs.tabCntr .box .txt-box h3{color: #6a6a6a;margin: 0;font-size: 16px; font-weight: 400;}
.nav.nav-tabs.tabCntr .box .txt-box p{color: #6a6a6a;margin: 0;font-size: 15px; font-weight: 400;}
.description-box .descriptiontxt, .description-box > p {color: #6a6a6a;font-size: 16px;font-weight: 400;line-height: 24px;margin: 0;}
.description-box .descriptiontxt .long-text {display: none}
.description-box  .descriptiontxt{padding-top: 20px;display: inline-block;}
.description-box  .show-more-button{color: #0059da;font-size: 14px;font-weight: 400;text-decoration: none;
    text-transform: uppercase;cursor: pointer;}
.galleryCntr h1{margin: 0;font-size: 20px;font-weight: 400;color: #444;line-height: 50px;}
.galleryCntr ul{width: 100%;padding: 10px 0 0 0;overflow: hidden;}
.galleryCntr ul li{background: #e9edf0 none repeat scroll 0 0;border-radius: 50px;display: inline-block;
    float: left;height: 40px;line-height: 40px;margin: 0 3px 7px 0;width: 14%;}
.galleryCntr ul li:last-child{margin-right: 0;}
.galleryCntr ul li .gallery-box .pic-box.icn{margin: 0 0 0 20px;}
.galleryCntr ul li .gallery-box .pic-box{float: left;margin: -2px 0 0;}
.galleryCntr ul li .gallery-box .pic-box > img {max-width: 100%;}
.galleryCntr ul li .gallery-box .pic-txt{float: left;}
.galleryCntr ul li .gallery-box h4 {color: #6a6a6a;font-size: 13px;font-weight: 400;margin: 0 0 0 8px;line-height: 40px;}
.galleryCntr ul .active .gallery-box h4{color: #0059da;}
.galleryCntr ul li:hover h4{color: #0059da;}




/** Dashboard **/


/**16-04-18**/

.proposal-tabletxt .proposal_box .txt-box li {display: block !important; padding: 0 !important;}
.distribut-table.proposal-tble .number-tbl ul {display: block;}
.distribut-table.proposal-tble .number-tbl ul li {padding: 0;}
div#AddEditContactPopup {border: 1px solid #fff;}
.EQhgt {width: 100%;}
.distribut-table .insd-distribut-table table {width: 100% !important;}
.dashBoard-section.equalHeight.client-section ul.multiselect-container.dropdown-menu li {padding: 0;}
.dashBoard-section.equalHeight.client-section ul.multiselect-container {display:none;}
.dashBoard-section.equalHeight.client-section .multiselect-native-select .btn-group.open ul.multiselect-container.dropdown-menu {display:block;}

/** send proposal **/
.rpf-form-section .fstChoiceItem {
    background: #eee;
    border-radius: 60px;
    font-size: 12px;
    color: #666;
    border: 0;
    padding: 6px 34px 6px 12px;
}
.rpf-form-section .fstChoiceRemove {
    right: 9px;
    left: auto;
    color: #fff;
    background: #999;
    border-radius: 150px;
}
.rpf-form-section .fstMultipleMode .fstQueryInput {
    font-size: 14px;
    color: #666;
}
.rpf-form-section .fstResultItem {
    padding: 3px 11px 4px;
    color: #000; border-color: #ccc;
    background: #ddd;
    font-size: 15px;
}

.img-back td .ChangeDaterange i {margin: 0 0 0 10px;}

.planDropCntr {
    position: relative;
    float: left;
    margin: 5px 0 0;
    padding: 0 0 0 5px;
}

    .planDropCntr .planDropDown {
        position: absolute;
        left: 5px;
        top: 48px;
        z-index: 9;
        width: 150px;
        background: #eee;
        box-shadow: 0 0 15px -4px #999;
        display: block;
        transition: all 0.2s ease;
        visibility: hidden;
        opacity: 0;
    }

        .planDropCntr .planDropDown a {
            width: 100%;
            display: block;
            background: none;
            color: #000;
            border-bottom: 1px solid #ddd;
            height: 30px;
            line-height: 30px;
        }

            .planDropCntr .planDropDown a:hover {
                background: #0158db;
                color: #fff;
            }

    .planDropCntr span a {
        width: 149px !important;
        background: #0158db url(../images/down-aro.jpg) no-repeat scroll right 12px center !important;
    }

    .planDropCntr:hover .planDropDown  {
        top:31px;
        visibility:visible;
        opacity:1;
    }

    .cost-box.btnn a {
        background-image: none;
    }





/** send proposal **/

/*@media (min-width:768px) and (max-width:1024px)*/ 

/** 09-08 **/
#txtsearchcampaign {margin: 5px 8px 0 0; padding: 0 0 0 12px;}
.settingBox .userBlock a img {width: 35px; height: 35px;}
.campaignBlock .insdBlock {min-height: 308px;}
.dashBoard-section .right_container .bmw-drive .txt-box .rang-box {padding: 33px 0 0;}
.prise-container .total-pric .add-box br {display: none;}
.program-box .pro-line-box {overflow: hidden; padding: 0;}
.net-box .program-box {width: 100%; margin: 0;}
.cost-box .program-box .line-box {
    width: 48%;
    padding: 0 0 6px;
    text-align: left;
    border-bottom: 1px solid #eee;
    margin: 0 0 6px;
}
.cost-box .program-box .line-box:last-child {float: right;}
.right_container.media .cost-box.net-box {margin:0; width:69%; }
.cost-box .program-box .line-box span {    float: right; width: 47%;}
.cost-box .program-box .net-cost h4 {float: left; width: 50%;}
.net-box .program-box {    width: 100%; margin: 0; border-bottom: 1px solid #eee; padding: 0 0 26px; margin: 0 0 26px 0;}
.cost-box.net-box .program-box:last-child {
    border: 0;
    margin: 0;
    background: #f8f8f8;
    border-radius: 5px;
    padding: 0 0 7px 23px;
    margin: 12px 0 33px;
}
.program-box .pro-line-box:last-child .line-box {border: 0;}
.table-container .circle-top {
    padding: 0px 0 0 0;
    width: 43px;
}
.table-container .circle-top cite:last-child {margin: 0 0 0 10px;}
.table-container .circle-top cite:nth-child(2) {margin: 11px 0 0 8px;}
.img-back td {padding: 0 10px;}
.table-container table {width: 2500px;}
.filterPopContr #MediaPlanform .popRow .fldBox.input_fields_wrap .fldBorder.col-md-5 {width: 48%; padding: 0 0 0 16px;}
.filterPopContr #MediaPlanform .popRow .fldBox.input_fields_wrap .fldBorder.col-md-5:nth-child(2) { float: left;  width: 36%; padding: 0 0 9px 27px;}
.filterPopContr #MediaPlanform .popRow .fldBox.input_fields_wrap .fldBorder.col-md-2 {width: 14%;}
.filterPopContr .planningButn .right .crt {border: 0;}
.dashBoard-section.equalHeight.client-section ul li a span {margin: -2px 0 0;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow label {margin: 0 0 6px;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fld {height: 38px;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fldBox .fldBorder {height: 38px; line-height: 27px;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow.bgt .fldBox .insdFld {margin: 5px 0 0;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow {padding: 0 0 15px;}
/*.dashBoard-section .right_container .bmw-drive .img-box img {width: 100%;}*/
.right_container.media .cost-box.btnn {width: 19%; display: block; float: left; margin: 16px 0 0; position: absolute; right: 28px;
top: -3px; z-index: 999;}


/** **/

    .dashboardHead .topHead .dashMenu .insidMenu li {
        margin: 0 18px 0 0;
    }
/** new css **/
.dashboardHead .topHead .dashMenu .insidMenu li a {font-size: 14px;     text-transform: uppercase; padding:2px 0 0 0; font-weight: 600;}
.dashboardHead .topHead .dashMenu {padding:17px 0 0 25px;}
.settingBox ul li.currencyExchange {background:url('../images/currency.png') no-repeat left 7px; padding: 6px 0 7px 26px;
margin: 0 0 0 17px;} 
.settingBox ul li.currencyExchange select {height: 28px;
border: 0;
border-radius: 3px;
padding: 0 0 0 5px;}
.dashboardHead .dashbrdTitle h1 {font-size: 19px;}
.dashBoard-section .left_container {    width: 17%;}
.left_container.EQhgt {max-width:17%;}
.dashBoard-section .left_container ul li span {font-size: 13px; font-weight: 600; text-transform: uppercase;}
.fstResults {max-height:20em !important;}
.distribut-table .insd-distribut-table table thead th {   border-bottom: 1px solid #ddd;     border-right: 1px solid #ddd; }
.distribut-table .insd-distribut-table table thead th:last-child, .distribut-table .insd-distribut-table table td:last-child {border-right:0;}
.settingBox .setingBlock {    padding: 6px 14px 5px 0;}
.distribut-table .insd-distribut-table table td {border-bottom: 1px solid #ddd; word-break: break-word;}
.distribut-table.client-table tbody tr td img {height: auto !important;
    width: 54px !important;}
.distribut-table .insd-distribut-table table td:nth-child(1) {width: 25%;}
.distribut-table .insd-distribut-table table td:nth-child(2) {    width: 17%;}
.distribut-table .insd-distribut-table table td:nth-child(3) {width: 13%;}
.distribut-table .insd-distribut-table table td:nth-child(4) {word-break: break-word;}
.dashBoard-section .right_container.clientsPage {width:100%; max-width:100%;} 
.username .savebtnn {border:0;}
/*#scheduler div[role=gridcell] {left:-91px !important;}*/ 
/*#scheduler div[role=gridcell] span.k-event-actions {padding: 0 0 0 91px;}*/
#scheduler .k-scheduler-layout.k-scheduler-timelineweekview th {white-space:normal;}
/*#scheduler .k-scheduler-layout.k-scheduler-timelineWeekview .k-scheduler-table {width:250px;}*/
#scheduler .k-scheduler-times th {white-space:normal;}
/*#scheduler .k-scheduler-times .k-scheduler-table {width:250px;}*/
#scheduler div[role=gridcell] .movie-template h3 {margin:5px 0 0 91px;}
.k-scheduler-table td:last-child {width:80px;}
.k-scheduler-table th:last-child {width:80px;}
.rpf-form-section .fstResultItem {    background: none;
font-size: 14px;     padding: 6px 11px 7px;
color: #333;
border-top: 1px solid #ddd;}
.filterPopContr .planningButn {
overflow: visible;
position: relative;
}
.filterPopContr .planningButn:before {
display: table;
clear: both;
content: "";
}

.filterPopContr .planningButn:after {
display: table;
clear: both;
content: "";
}

.filterPopContr .popRow .appendDiv .fldBorder {    width: 48%;}
    .filterPopContr .popRow .appendDiv .fldBorder.last {
        width: 33%;
        float: left;
        margin: 0 0 0 29px;
    }
.filterPopContr .popRow .appendDiv a.remove_field {}
.appendDiv { margin:0 0 8px;
    overflow: hidden;
    position: relative;
}

.filterPopContr .popRow .appendDiv a.remove_field {
    position: absolute;
    right: 3px;
    top: 13px;
    font-size: 0;
    width: 18px;
    margin: 0;
    height: 3px;
    background: red;
}

.table-container .img-back .circle-top cite {
    margin: 3px 0 5px 7px;
}


.cost-box.btnn {
    float: right;
    margin: 11px 0 0 0;
}
.table-container.tbl_layout_fix th#media_AdSize {
    width: 111px;
    padding: .786em 0 .786em 11px;
}

.table-container.tbl_layout_fix th#media_Insertion {
    width: 68px;
    padding: .786em 0 .786em 6px;
    min-width: 0;
}

    .table-container.tbl_layout_fix th#media_Insertion span {
        width: 68px;
        display: inline-block;
    }

.table-container.tbl_layout_fix th#media_Imprestion {
    width: 72px;
    padding: .786em 0 .786em 11px;
}

    .table-container.tbl_layout_fix th#media_Imprestion span { width: 72px;}

    .table-container.tbl_layout_fix th#media_Market {
        width: 70px;
        padding: .786em 0 .786em 11px;
    }

.table-container.tbl_layout_fix th#media_netmediacost {
    min-width: 0;
    padding: .786em 0 .786em 11px;
    width: 125px;
}

.table-container.tbl_layout_fix th#media_grosscost {
    width: 118px;
    padding: .786em 0 .786em 11px;
}

.table-container.tbl_layout_fix th#media_Commission {
    width: 75px;
    padding: .786em 0 .786em 11px;
}

.cost-box .program-box .line-box cite {
    font-style: normal;
    width: 53%;
    display: block;
    float: left;
}


.table-container.tbl_layout_fix th span i {
    position: relative;
    top: 3px;
    left: 4px;
}

#divDistributionDetails .distribut-table .insd-distribut-table table thead th {
    line-height: normal;
    padding: 10px 10px;
}


#divDistributionDetails .distribut-table .insd-distribut-table table thead th:nth-child(4) {}
#divDistributionDetails .distribut-table .insd-distribut-table table thead th:last-child {}

#divDistributionDetails .distribut-table .insd-distribut-table table td {line-height:normal;}
#divDistributionDetails .distribut-table .insd-distribut-table table td.publisher {

}
#divDistributionDetails .distribut-table .insd-distribut-table table td.program {width: 21%;}
#divDistributionDetails .distribut-table .insd-distribut-table table td.placement {width:15%;}
#divDistributionDetails .distribut-table .insd-distribut-table table td.channel {    width: 13%;}

#divDistributionDetails .distribut-table .insd-distribut-table table td.impression {width: 9%;}

#divDistributionDetails .distribut-table .insd-distribut-table table td.rate {width: 11%;}
#divDistributionDetails .distribut-table .insd-distribut-table table td.flightdates {width: 17%;}
    #divDistributionDetails .distribut-table .insd-distribut-table table td.netmediacost {
        width: 11%;
    }

#divDistributionDetails .distribut-table .insd-distribut-table table td {
    font-size: 13px;
    padding: 10px 12px;
}

#divDistributionDetails .distribut-table .insd-distribut-table table {
   
}

.filterPopContr #AddEditMediaPlanPopup #MediaPlanform .popRow .fldBox.input_fields_wrap .fldBorder.col-md-5:nth-child(2) {
    padding: 0 0 9px 0;
    margin: 0 0 9px 25px;
}

.filterPopContr #AddEditMediaPlanPopup .popRow .fldBox .fldBorder span {
    padding: 5px 0 9px;
}

.filterPopContr #AddEditMediaPlanPopup #MediaPlanform .popRow .fldBox.input_fields_wrap .fldBorder.col-md-2 {
    width: 9%;
    float: left;
    margin: 0 0 0 8px;
    border: 0;
}
.fldBox.input_fields_wrap {
    margin: 0 0 2px;
}



/** new css **/



.settingBox .setingBlock {padding: 6px 10px 5px 0;}
.settingBox ul li {padding: 0;}
#txtsearchcampaign {margin: 5px 0 0 0; width: 130px;}
.settingBox ul li.currencyExchange {margin: 0 0 0 8px;}
.settingBox ul li.currencyExchange select {width: 70px !important;}
.settingBox .userBlock {padding: 8px 0 0 7px;}
.settingBox .userBlock a {padding: 0 20px 0 0;}
.settingBox .userBlock a cite {padding: 7px 0 0 8px; font-size: 14px;}
.cost-box.btnn {margin: 5px 0 0 0;}
.dashboardHead .dashbrdTitle {min-height: 51px;}
.cost-box.net-box .program-box:last-child {padding: 10px 0 7px 21px; margin-bottom: 15px;}
.right_container.media .cost-box.net-box {padding: 0 0 0 16px;}





@media (min-width:768px) and (max-width:1024px) {
    .dashboardHead .topHead .dashMenu .insidMenu li {margin: 0 18px 0 0;}
.dashboardHead .topHead .dashMenu {padding: 14px 0 0 26px;}
.campaignBlock {width: 50%;}
.campaignBlock .insdBlock .txt {padding: 20px 15px 0;}
.campaignBlock .insdBlock .txt ul li {padding: 0 5px 0 0; margin: 0 6px 0 0;}
.campaignBlock .insdBlock .txt {min-height: 110px;}

.export-pop .popupbody h1 {padding: 22px 0 25px;}
.export-pop .popupbody .columnblock {padding: 0 0 32px 18px;}

.dashbrdTitle.detail .floatTitle {width: 70%;}
/*.dashBoard-section .left_container {padding: 20px 0 0 18px; width: 20%; max-width: 20%;}*/
.dashBoard-section .right_container {padding: 0; width: 80%;}
.dashBoard-section .right_container .bmw-drive .txt-box {padding: 15px 0 25px 20px;}
.dashBoard-section .right_container .bmw-drive .txt-box .title {width: 100%;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-box .title > h1 {font-size: 18px;line-height: 20px;
    padding: 0 0 10px;word-spacing: 2px;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-box .title .privet {margin: 0 0 0 20px;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-btnn {width: 100%; text-align: left; padding: 10px 0 0 0;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-btnn .edit {margin: 0 0 0 3px;}
.dashBoard-section .right_container .bmw-drive .txt-box .rang-box {padding: 25px 0 0;}
.dashBoard-section .right_container .bmw-drive .txt-box .rang-box h1 {padding: 0 0 10px; font-size: 13px;}
.prise-container {padding: 32px 15px 19px 25px;}
.prise-container .total-pric {margin: 0 38px 22px 0;width: 43%;}
.prise-container .total-pric > h2 {font-size: 24px;}
.dashBoard-section .left_container ul li {padding: 0 0 5px;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-box {width: 100%;}
.dashBoard-section .right_container .bmw-drive .txt-box .rang-box .price {    font-size: 15px;}
.right_container.media .media_box {padding: 10px 9px 10px;}
.right_container.media .media_box .cost-box {margin: 17px 0 0 0; width: 100% ; clear: both;}
.right_container.media .media_box .cost-box.btnn {width: auto; margin: 20px 0 12px 0;}
.cost-box.btnn > span {margin: 5px 17px 0 0}
.distributerBar .distributMenu ul li a {font-size: 13px;}
.distributerBar .distributMenu ul li {padding: 0 15px 0 0;}

/** rpf css **/
.right_container.media .rpf-form .rpf-form-section.popupBody {padding: 0 0 22px 5px;width: 100%;}
.right_container.media .media_box .rpf-txt {padding: 3px 0 0 10px;}
.right_container.media .rpf-form {padding: 0 16px 0;}

.media_box .electric-section .text {width: 70%;}
.electric-section .btnn-box{width: 30%;}
.media_box .electric-info .electric-status .info h2 {width: 40%;}
.electric-info .electric-status .info p{width: 60%;}
.media_box .electric-section .electric-info .electric-status {width: 100%;}
.media_box .electric-section .electric-info .electric-status.contact{width: 100%;}
.electric-status.contact .info{margin: 12px 0 0 0;}
.media_box .electric-section .text .heading {padding: 0 0 0;}


.proposal-tabletxt .proposal_box {padding: 12px  29px 13px 24px; width: 100%;}
.proposal_box .txt {padding: 15px 0 12px;}
.proposal_box .txt .title{font-size: 15px;}
.distribut-table.proposal-tble {padding: 18px 21px 23px; width: 100%;}
.distribut-table.proposal-tble .number-tbl {padding: 15px 0 10px;}
.number-tbl .number-box h3{line-height: 16px;}
.number-tbl .number-box {margin: 0 0 10px;width: auto;}
.number-tbl ul li {float: left; padding: 0 31px 0 0;}
.proposal_box .txt-box {padding: 0 23px 20px 0;}

/** Media Program Detail Css ***/
.program-details .img-box {width: 46%;}
.electric-info.program-jurnal {margin: 0 0 0 4%;width: 48%;}
.media-contactCntr {padding: 20px 15px 18px 28px;}
.nav.nav-tabs.tabCntr .box .img-box {width: 100%;}
.nav.nav-tabs.tabCntr .box .txt-box {width: 100%;}
.galleryCntr ul li {margin: 0 3px 10px 0;width: 32%;}

.distribut-table.world-journal-table .insd-distribut-table table {width: 800px;}
.distribut-table.world-journal-table .insd-distribut-table {overflow-x: scroll;}

.circleSec .total-pric .circleBox .c100 {margin: 0 40px 24px 0;}
.circleSec .total-pric .circleBox {margin: 10px 0 0;}


.dashboardHead .topHead .dashMenu .insidMenu li a  {font-size: 12px; font-weight: 500; }
.dashboardHead .topHead .dashMenu .insidMenu li {margin: 0 10px 0 0;}
.dashboardHead .topHead .dashMenu {padding: 14px 0 0 15px;}
.dashboardHead .topHead .col-sm-6 {width: 43%;}
.dashboardHead .topHead .col-sm-6 + .col-sm-6 {width: 57%;} 
#txtsearchcampaign { width: 100px;}
.settingBox .userBlock a cite {display: none;}
.settingBox .userBlock {width: 65px;}
.dashbrdTitle.detail .floatTitle {    width: 46%;}


}






@media (min-width:320px) and (max-width:767px) {
.dashboardHead .topHead .dashMenu .insidMenu li a {font-size: 14px;}
.dashboardHead .topHead .dashMenu {float: right; padding: 14px 0 0 0;}
.dashboardHead .topHead .dashMenu .insidMenu li {margin: 0 0 0 15px;}
.dashboardHead .topHead {min-height: 0; float: left; width: 100%;}
.dashboardHead .topHead .topLine {border-bottom: 1px solid #337ae1; padding-bottom: 14px;}
.settingBox .setingBlock {border-right:0; position: relative; padding: 5px 0 0; }
.settingBox ul li {padding: 0;}
.settingBox {float: left; width: 100%;}
.settingBox .userBlock {float: right; padding: 8px 0 7px 0;}
.settingBox .userBlock a cite {padding: 6px 0 0 10px;}
.dashboardHead .dashbrdTitle:after {display: block; content: ""; clear: both;}
.dashboardHead .dashbrdTitle {overflow: hidden; box-shadow: 0 3px 5px -2px #dedede;    min-height: 47px;}
.dashboardHead .dashbrdTitle h1 {margin: 10px 0 0;}
.dashboardHead .dashbrdTitle .create {margin: 7px 0 0 0;}
.campaignBox {margin: 27px 0 0 0;}
.campaignBlock {width: 100%; min-height: 0;}
.campaignBlock .insdBlock {margin: 0;}
.campaignBlock .insdBlock .txt {padding: 20px 13px 19px; min-height: 0;}
.campaignBlock .insdBlock .txt ul li {margin: 0 5px 0 0; padding: 0 5px 0 0;}
.settingBox .userBlock .dropMen {z-index: 99999; top: 48px;}
.filterPopContr .filter-popup-box {width: 97%; padding: 15px; max-width: 100%; margin-left: -54%; left: 50%;}
.filterPopContr .popupBody {border-radius: 0 0 5px 5px;}
.filterPopContr .popRow .fldBox .fldBorder {width: 100%;}
.filterPopContr .popRow .fldBox .fldBorder.last {width: 100%; margin: 8px 0 0 0;}
.filterPopContr .popRow.private label {width: 64%;}
.filterPopContr .planningButn .left {float: none; width: 207px; margin: 7px auto 7px;}
.filterPopContr .planningButn .right {    float: none; width: 176px; overflow: hidden; margin: 0 auto;}
.filterPopContr .popupBody {padding: 0 22px 27px;}

.export-pop .popupbody {padding: 0 25px 25px;}
.export-pop .popupbody h1 {padding: 15px 0 20px;}
.export-pop .popupbody .columnblock {padding: 0 0 25px 20px;}
.eccel-img {padding: 0 0 15px;}
.export-pop .popupbody .columnblock .right, .export-pop .popupbody .columnblock .left {width: 100%;}
.export-pop .popupbody .columnblock .excel-txt {padding: 0 0 15px;}
.export-pop .popupbody .columnblock .excel-txt span {margin: 0 0 0 35px;}
.export-pop .popupbody .right.exportbtnn{float: right;}
.export-pop .circle-top {margin: 0 0 0 -35px;}

.filterPopContr .intlgnt-pop .popRow {width: 100%;}
.filterPopContr .intlgnt-pop .popRow:last-child {width: 100%;}
.filterPopContr .popRow {    padding: 0 0 7px;}
.intlgnt-pop .goalBox .chkbar {    margin: 7px 0 0 0;}
.range-box .rangeRow .rangeCol {width: 100%;}
.range-box .rangeRow {margin: 0;}
.range-box .rangeRow .rangeCol p {width: 100%;}
.range-box .rangeRow .rangeCol .insdRange {width: 76%;}
.range-box .ui-slider-horizontal .ui-slider-handle {margin-left: -0.2em;}


/***/
.dashbrdTitle.detail .floatTitle {width: 80%;}
.dashbrdTitle.detail  .dashbrdTitle h1{font-size: 18px;}
.dashbrdTitle.detail .floatTitle a.info{padding: 11px 0 9px 12%;}
.dashBoard-section .left_container {padding: 20px 20px 0;width: 100%;  border-bottom: 1px solid #ddd;   flex: auto; max-width: 100%;}
.dashBoard-section .left_container ul li {padding: 0 0 10px;}
.dashBoard-section .right_container {padding: 20px 15px 35px;width: 100%; flex: auto; max-width: 100%;}
.dashBoard-section .right_container .bmw-drive .img-box {width: 100%;}
.dashBoard-section .right_container .bmw-drive .txt-box {padding: 20px 0 20px;width: 100%;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-box .title > h1 {font-size: 18px;padding: 0 0 12px;
    word-spacing: 3px;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-box .title .privet {margin: 0 0 0 16px;}
.dashBoard-section .right_container .bmw-drive .txt-box .title {width: 100%;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-btnn {width: 100%; text-align: left; margin: 11px 0 0 0;}
.dashBoard-section .right_container .bmw-drive .txt-box .title-btnn .edit {margin: 0 0 0 2px;}
.dashBoard-section .right_container .bmw-drive .txt-box .rang-box {padding: 28px 0 0;}
.dashBoard-section .right_container .bmw-drive .txt-box .rang-box h1 {padding: 0 0 10px;}
.prise-container {padding: 28px 0 0;}
.prise-container .total-pric {margin: 0;width: 100%;}
.dashboardHead .dashbrdTitle.detail h1 {font-size: 16px;}
.dashBoard-section .right_container .bmw-drive .txt-box .rang-box .price {font-size: 15px; font-weight: 600;}
.prise-container .total-pric > h2 {font-size: 26px;}
.equalHeight {display: block;}
.right_container.media .media_box {padding: 0;}
.right_container.media .media_box .cost-box {width: auto; margin: 0 0 20px 0;}
.rang-box {margin: 0; clear: both;}
.cost-box .left-txt {margin: 0 0 13px;}
.cost-box.btnn > span {margin: 5px 16px 0 0;}
.dashBoard-section .right_container .bmw-drive {padding: 0 0 14px 0;}
.right_container .media_box {padding: 0;}
.distributerBar .custView {width: 78%;}
.distributerBar .custView li a {font-size: 12px;}
.distributerBar .distributMenu ul li {}
.distributerBar .variation2 span.select {font-size: 12px;}
.distributerBar .custView li .popRow {width: 185px; margin: 6px 0 0 30px;}
.distributerBar .custView li {padding: 0; width: 215px;}

.distributMenu .dist-trigger {/*background: #444 url('../images/menu-btn1.png') no-repeat right center; width: 100%; display: block; height: 43px;*/
background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #337ae1; margin: -37px 0 0 0; border-radius: 5px; display: block;
float: right; height: 38px; position: relative; width: 51px;}
.distributMenu .dist-trigger span {background: #337ae1 none repeat scroll 0 0; display: block; height: 2px; margin: 10px auto 0; width: 26px;}
.distributMenu .dist-trigger:before {position: absolute; left: 0; right: 0; margin: 17px auto 0; top: 0; width: 26px; background: #337ae1 none repeat scroll 0 0; height: 2px; content: "";}
.distributMenu .dist-trigger:after {position: absolute; left: 0; right: 0; margin: 24px auto 0; top: 0; width: 26px; background: #337ae1 none repeat scroll 0 0; height: 2px; content: "";}
.distributerBar .distributMenu ul {padding: 0; margin: 7px 0 0 0; display: none; width: 100%; background: #eee;}
.distributerBar .distributMenu ul li {width: 100%; padding: 0;}
.distributerBar .distributMenu ul li a {padding: 5px 14px;}

.dashbrdTitle.detail .floatTitle.rpf ul {overflow: inherit;padding: 35px 0 5px 0;}
.right_container.media .media_box .rpf-txt {padding: 0 0 10px 0;}
.right_container.media .media_box .rpf-txt h1 {font-size: 16px;margin: 5px 0 0 0;}
.right_container.media .rpf-form .rpf-form-section.popupBody {padding: 0 0 22px 0px;width: 100%;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fldBox .fldBorder {width: 100%;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fldBox .fldBorder.last {width: 100%;margin: 10px 0 0 0;}
.right_container.media .rpf-form .rpf-form-section.popupBody .target-box .onOff {margin: 0 8px 0 5px;}
.prise-container.Dist-campaign {padding: 16px 0 18px 0;}
.prise-container.Dist-campaign .vehicleGraph li h5 {font-size: 12px;width: 31%;}
.prise-container.Dist-campaign .vehicleGraph li span {padding: 0 6px 0 0; width: 23%; font-size: 12px;}
.prise-container.Dist-campaign .vehicleGraph li .progrs-cntr {width: 46%;}

.dashbrdTitle.detail .floatTitle.rpf ul {overflow: inherit;padding: 40px 0 8px;}
.media_box .electric-section {clear: both;margin: 0 0 14px;overflow: hidden;}
.media_box .electric-section .text{width: 100%;}
.media_box .electric-section .text .heading {padding: 0;width: 100%;}
.media_box .electric-section .text .heading h1 {font-size: 18px;line-height: 22px;}
.electric-section .electric-info {padding: 20px 0;}
.media_box .electric-section .electric-info .electric-status {width: 100%;}
.media_box .electric-section .electric-info .electric-status.contact {width: 100%;}
.electric-status.contact .info {margin: 10px 0 0;}
.electric-section .btnn-box {text-align: center;width: 100%;}
.media_box .electric-info .electric-status .info h2 {width: 40%;}
.electric-info .electric-status .info p {width: 60%;}


.media_box .search_box {padding: 0 0 18px;}
.search_box .srchCntr {width: 46%;}
.search_box .send-btnn {width: 55%;}
.proposal-tabletxt .proposal_box {padding: 0 10px 0 12px;width: 100%;}
.proposal_box .txt {padding: 15px 0 18px;}
.proposal_box .txt-box {padding: 0 0 16px;}
.distribut-table.proposal-tble {padding: 20px 0 0 0;width: 100%;}
.distribut-table.proposal-tble .number-tbl {padding: 14px 0 20px;}
.number-tbl .number-box {width: 33%;margin: 0 0 20px;}
.search_box .send-btnn a{font-size: 12px;}
.number-tbl .number-box h3{font-size: 12px;}
.number-tbl .number-box h4 {font-size: 29px;}
.proposal-tabletxt {display: block;}
.insd-distribut-table.num-table table {width: 800px;}

/** Media Program Detail Css ***/
.program-details .img-box {margin: 0 0 20px;width: 100%;}
.electric-info.program-jurnal {margin: 0 ;width: 100%;}
.distributMenu.program-menu {padding: 22px 0 10px;width: 100%;}
.distributMenu.program-menu ul li {padding: 0 48px 0 0;}
.distribut-table.world-journal-table .insd-distribut-table table {width: 800px;}
.distribut-table.world-journal-table .insd-distribut-table {overflow-x: scroll;}

.circleSec .total-pric .circleBox .c100 {margin: 0 10px 21px; float: none; display: inline-block;}
.circleSec .total-pric .circleBox {text-align: center; margin: 10px 0 0;}



.media-contactCntr {padding: 30px 0 18px;}
.nav.nav-tabs.tabCntr li {margin: 0 auto 10px;width: 287px; float: none; overflow: hidden; border: 1px solid #eee; padding: 4px 7px 15px 13px; border-radius: 3px;}
.nav.nav-tabs.tabCntr .box .img-box {width: 30%; padding: 6px 0 0 0;}
.description-box .text, .description-box > p {font-size: 15px;}
.galleryCntr ul li {margin: 0 3px 10px 0;width: 65%;}
.nav.nav-tabs.tabCntr .box .txt-box {width: 69%;}
.nav.nav-tabs.tabCntr li.active {background-position: right center;}
.nav.nav-tabs.tabCntr li:hover {background: rgba(0, 0, 0, 0) url("../images/star-hover.png") no-repeat scroll right 10px center;}

/** new css 15-10-2018 */
.dashboardHead .topHead .dashMenu .insidMenu li a {font-size: 12px;}
.settingBox ul li.currencyExchange {margin: 0 0 0 0;}
#txtsearchcampaign { width: 122px;}
.settingBox .setingBlock {width: 100%;}
.settingBox ul li.currencyExchange {width:auto;     float: right;     margin: 0 0 0 0;}
.settingBox ul li.currencyExchange select {    width: 100% !important;}
.settingBox ul {width: 100%;}
.filterPopContr .popRow .appendDiv .fldBorder {width:90%;}
.filterPopContr .popRow .appendDiv .fldBorder.last {width:90%;}
.filterPopContr .popRow .appendDiv a.remove_field {    right: 0;}
/** new css 15-10-2018 */


.dashboardHead .topHead .dashMenu .insidMenu li {margin: 0 0 0 8px;}
#txtsearchcampaign {width: 105px;}
.settingBox ul li.currencyExchange {    margin: 0 0 0 0; background: none; padding: 6px 0 7px 6px; float: left;}
.settingBox .setingBlock {width: 84%;}
.settingBox .userBlock a cite {display: none;}
.settingBox .userBlock a {padding:0;}
.settingBox .userBlock a:after {display: none;}
.dashboardHead .dashbrdTitle {position: relative; float: left; width: 100%; overflow: visible;}
.dashbrdTitle span.mobileMenuNew {position: absolute; top: 11px; right: 15px; background: url('../images/mobile-iconn.png') no-repeat center center; width: 22px; height: 14px; z-index: 999;}
.dashbrdTitle .cost-box.btnn a {background: no-repeat; color: #fff; padding: 0; width: auto !important; height: auto; display: block; float: none; line-height: 22px;}
.dashbrdTitle .cost-box.btnn span {margin: 0 !important; padding: 0 !important; float: left; display: block; width: 100%;text-align: left;}
.dashbrdTitle .cost-box.btnn { margin: 0; background: #337ae1; padding: 4px 0 4px 15px; border-radius: 4px; position: absolute;
    right: 9px; top: 34px; z-index: 99999; width: 180px;}
.dashbrdTitle .cost-box.btnn:before {position: absolute; right: 10px; top: -5px; width: 0;  height: 0;  border-left: 5px solid transparent;
border-right: 5px solid transparent; border-bottom: 5px solid #337ae1; content: "";}
.dashBoard-section .left_container {padding: 8px 20px 0 16px;}
.dashboardHead .dashbrdTitle.detail h1 {font-size: 14px;}
.dashboardHead .dashbrdTitle {min-height: 35px;}
.dashBoard-section .left_container ul li {padding: 0 0 3px;}
.right_container.media .media_box .cost-box {padding: 0;}
.cost-box.net-box .program-box:last-child {    margin-bottom: 0;}
.table-container.tbl_layout_fix table {width: 1770px;}
.dashBoard-section .right_container {padding: 10px 15px 15px;}
.dashBoard-section .right_container .bmw-drive .txt-box {padding: 0 0 20px 0;}
.dashBoard-section .right_container .bmw-drive .txt-box .rang-box {padding: 15px 0 0 0;}
.prise-container {padding: 10px 0 0 0;}
.prise-container h3 {margin-top: 0;}
.prise-container .total-pric > h2 {padding: 10px 0 8px;}
.dashBoard-section .right_container {min-height: 0;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fldBox .fldBorder, .right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fldBox .fldBorder.last {width: 92%; float: left;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fldBox .fldBorder.last + div {float: right; margin: 21px 0 0 0;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fldBox {margin: 14px 0 0;}
.dashBoard-section.equalHeight.client-section ul li span {font-weight: 500; font-size: 13px}
.dashboardHead .dashbrdTitle .dashbrdTitle {padding: 0;}
.dashboardHead .dashbrdTitle .dashbrdTitle span.mobileMenuNew {    right: 0;}
.dashBoard-section .left_container ul li span {font-weight: 500;}
.dashBoard-section .right_container div#scheduler {overflow: scroll;}
.dashBoard-section .right_container div#scheduler .k-scheduler-toolbar {width: 800px;}
.k-scheduler-toolbar>ul:first-child {margin-right: 12px;}
.prise-container .total-pric {width: 100%!important}
#scheduler .k-scheduler-layout.k-scheduler-timelineWeekview .k-scheduler-table {width: 150px;}
.filterPopContr #MediaPlanform .popRow .fldBox.input_fields_wrap .fldBorder.col-md-5 {padding: 0 15px; width: 100%; border: 0;}
.filterPopContr .popRow .fldBox .col-md-3.popRow {padding: 0 15px !important;}
.filterPopContr .popRow .fldBox .col-md-3.popRow .col-md-12 {padding: 0 0 0;}
.filterPopContr .popRow .fldBox .col-md-3.popRow .col-md-12 input {    margin: 6px 0 0;}
.filterPopContr .popRow#div_Insertion { margin: 7px 15px 0; width: 70%; float: left; }
.filterPopContr .popRow#div_Insertions {padding-left: 0 !important;}
.filterPopContr .popRow .fldBox .add_field_button {margin: 8px 0 0 0; float: left;}
.filterPopContr .popRow .appendDiv .fldBorder.last {width: 90% !important; float: left !important; margin: 6px 0 0 !important; border: 0 !important;}
.filterPopContr .popRow .appendDiv .fldBorder {    border: 0; margin: 10px 0 0;}
.filterPopContr .popRow .appendDiv a.remove_field {right: 0; top: 25px;}



}



@media (min-width:481px) and (max-width:767px) {

.export-pop .popupbody .columnblock .right, .export-pop .popupbody .columnblock .left {width: 50%;}
.export-pop .popupbody .right.exportbtnn{float: right;}

.dashbrdTitle.detail .floatTitle.rpf ul {overflow: hidden;padding: 10px 0 0;}
.right_container.media .rpf-form .rpf-form-section.popupBody .popRow .fldBox {width: 100%;}

.dashbrdTitle.detail .floatTitle.rpf ul {overflow: hidden;padding: 22px 0 0;}
.media_box .electric-section .text {width: 70%;}
.electric-section .btnn-box{width: 30%;}

/** Media Program Detail Css ***/
.description-box ul li {width: 24%;}

.nav.nav-tabs.tabCntr li {margin: 0 4px 11px;    width: 48%;    float: left;}
.nav.nav-tabs.tabCntr .box .img-box {width: 100%;}
.nav.nav-tabs.tabCntr .box .txt-box{width: 100%;}
.galleryCntr ul li {margin: 0 3px 10px 0;width: 24%;}
.galleryCntr ul li .gallery-box h4 {margin: 0 0 0 3px;}


}

/* added css for table layout changes on 190918 */
.table-container.tbl_layout_fix table {
    width: 1770px;
    height: auto !important;
}
.table-container.tbl_layout_fix{border: 1px solid #e6e6e6;}
.table-container.tbl_layout_fix th {color: #999;line-height: normal;font-size: 13px; font-weight: 400; padding: .786em 11px; border-width: 0 0 1px 1px; border-style: solid; border-color: #e6e6e6; background: #fafafa; text-align:center;}
.table-container.tbl_layout_fix th:nth-child(13) {min-width: 135px;}
.table-container.tbl_layout_fix .circle-top cite:nth-child(2) {margin: 3px 0 0 8px;}
.table-container.tbl_layout_fix th:nth-child(14) {min-width: 105px;}
.table-container.tbl_layout_fix th:nth-child(10) { min-width: 115px;}
    .table-container.tbl_layout_fix th:nth-child(8) {
        min-width: 0;
        padding: .786em 0 .786em 11px;
        width: 190px;
    }
.table-container.tbl_layout_fix .img-back td:nth-child(7) {max-width: 100px;}
.table-container.tbl_layout_fix .img-back td {padding:.529em 0.786em!important; border-bottom: 1px solid #e6e6e6; border-left-width: 0;border-style: solid;border-color: #e6e6e6; border-width: 0 0 0 1px; border-bottom-width: 1px; overflow: hidden; text-overflow: ellipsis; border-width: 0 0 1px; vertical-align: middle; white-space: normal;line-height: 1.6em;color:#444;}
.table-container.tbl_layout_fix .img-back td a{ color:#444;}
.table-container.tbl_layout_fix .img-back{background: #fff;}
.table-container.tbl_layout_fix .img-back:hover {background: #ebebeb;}
.cost-box .program-box .line-box {
    border-bottom: 1px solid #ddd;
}
.filterPopContr .popRow .fld{ line-height:30px;}
.singleInputDynamic:hover a{ color:#fff;}
.filterPopContr #MediaPlanform .popRow .fldBox.input_fields_wrap .fldBorder.col-md-5:nth-child(2) {
    margin-left: 5px;
}
.table-container .img-back .circle-top cite a i {font-size:16px;}
.table-container.tbl_layout_fix .img-back td a img {    width: 15px;}

#selectedValue, #selectedProductValue, #selectedMediumValue, #selectedAdSizeValue, #selectedMarketValue {
    position: absolute;
    background: #f5f5f5;
    z-index: 1;
    width: 100% !important;
    max-height: 120px !important;
    overflow-y: auto !important;
}
#selectedValue li, #selectedProductValue li, #selectedMediumValue li, #selectedAdSizeValue li, #selectedMarketValue li { border-top: 1px solid #ddd!important;border: none;color: #666; padding: 0 14px;border-radius: 0;}
#selectedValue li a, #selectedProductValue li a, #selectedMediumValue li a, #selectedAdSizeValue li a, #selectedMarketValue li a {color: #666;text-transform: uppercase; white-space: nowrap;text-overflow: ellipsis;display: block;overflow: hidden;line-height: 30px; padding: 0!important; font-size: 13px;}
#selectedValue li:hover, #selectedProductValue li:hover, #selectedMediumValue li:hover, #selectedAdSizeValue li:hover, #selectedMarketValue li:hover{ background:#eee!important;}
#selectedValue li:first-child, #selectedProductValue li:first-child, #selectedMediumValue li:first-child, #selectedAdSizeValue li:first-child, #selectedMarketValue li:first-child{border-top: none!important;}
.pr_{ position:relative;}
.filterPopContr .planningButn .right a.cancel{ margin-left:8px;}
a#hrfAddnew {margin-top: 27px;display: inline-block;}
a.remove_field {
    color: red;
    margin: 0 0 10px;
    display: inline-block;
}

#div_adservice{ padding-top:10px;}
#div_adservice input#chk_AdService {float: left;margin: 2px 5px 0 0;}
input#submit-new-record {margin-right: 11px;}
.cost-box.net-box .program-box:last-child{ margin-bottom:21px;}

@media(max-width:767px){
	.cost-box .program-box .line-box{width: 100%; padding: 3px 0 11px;}
	.filterPopContr #MediaPlanform .popRow .fldBox.input_fields_wrap .fldBorder.col-md-5:nth-child(2), .filterPopContr .popRow .fldBox .fldBorder.last{ padding:0; margin-top: 0;}
	.filterPopContr .popRow .fldBox .fldBorder.last span.add_field_button{ padding: 5px 5px 0 5px;}
	.filterPopContr .popRow label.lblRatetype{margin-top: 11px!important;}
	.filterPopContr .planningButn .right{ width: 200px;}
	.filterPopContr .planningButn .right a.cancel{ margin-left:11px;}
	.filterPopContr .popRow .fld{ font-size:12px; padding:0 10px;}
	a#hrfAddnew{position: absolute;top: 0px;right: 15px;}
	.filterPopContr .planningButn .left #submit-new-record{ margin-right:11px;}
	.pr_mrg25{ margin-right:25px;}
}

@media(max-width:520px){
	.cost-box.btnn > span{ margin: 5px 0 0 0;}
	.cost-box .left-txt{ margin-bottom:20px;}
	.right_container.media .media_box .cost-box{right: 0; top: -11px;}
	.cost-box .program-box .line-box span{float: none; display: block; padding-top: 5px;}
}

.dashBoard-section .left_container ul li .info.active {
    background: rgba(0, 0, 0, 0) url("../images/ic_info_outline-hover.png") no-repeat scroll left center;
    display: block;
    float: left;
    height: 28px;
}

.dashBoard-section .left_container ul li .rfp.active {
    background: rgba(0, 0, 0, 0) url("../images/icons8-brief-hover.png") no-repeat scroll left center;
    display: block;
    float: left;
    height: 28px;
}

.dashBoard-section .left_container ul li .flowchart.active {
    display: block;
    float: left;
    height: 28px;
    background: rgba(0, 0, 0, 0) url("../images/icons8-statistics-hover.png") no-repeat scroll left center;
}

.dashBoard-section .left_container ul li .distbt.active {
    background: rgba(0, 0, 0, 0) url("../images/icons8-query_inner_join_left-hover.png") no-repeat scroll left center;
    display: block;
    float: left;
    height: 28px;
}

.dashBoard-section .left_container ul li .media.active {
    display: block;
    float: left;
    height: 28px;
    background: rgba(0, 0, 0, 0) url("../images/icons8-statistics-hover.png") no-repeat scroll left center;
}
.distributerBar .custView {
    margin-top: 6px;
}

    .distributerBar .custView li a {
        background: #ffffff none repeat scroll 0 0;
        border: 1px solid #cccccc;
        border-radius: 4px;
        color: #333;
        display: block;
        font-size: 15px;
        padding: 5px 14px;
        text-align: center;
        line-height: 1.72em;
        margin-left: 10px;
    }

        .distributerBar .custView li a:hover {
            background: #ebebeb;
            border: 1px solid #aeaeae;
            color: #333333;
        }















/*Sunil CSS*/
.clear {
    clear: both;
}

.dashBoard-section {
    position: relative;
}

    .dashBoard-section .left_container {
        position: absolute;
        width: 200px;
        height: 100%;
        z-index: 99;
        display: none;
    }

    .dashBoard-section .right_container {
        width: 100%;
        padding-left: 200px;
        opacity: 0;
    }

    .dashBoard-section.minleft .left_container {
        width: 60px;
    }

    .dashBoard-section.minleft .right_container {
        padding-left: 60px;
    }

    .dashBoard-section .left_container .arr {
        position: absolute;
        top: 160px;
        right: -22px;
        z-index: 9;
        opacity: 1;
        transition: 0.5s;
        width: 22px;
        height: 80px;
        background-color: #0059da;
        border-radius: 0px 6px 6px 0px;
    }

        .dashBoard-section .left_container .arr .img1 {
            display: block;
        }

        .dashBoard-section .left_container .arr .img2 {
            display: none;
        }

        .dashBoard-section .left_container .arr img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
    /*.dashBoard-section .left_container .arr:hover {opacity:1;}*/

    .dashBoard-section.minleft .left_container .arr .img1 {
        display: none;
    }

    .dashBoard-section.minleft .left_container .arr .img2 {
        display: block;
    }




    .dashBoard-section .right_container .arr {
        position: absolute;
        bottom: 0px;
        left:50%;
        transform:translateX(-50%);
        z-index: 9;
        opacity: 1;
        transition: 0.5s;
        width: 80px;
        height: 22px;
        background-color: #0059da;
        border-radius: 6px 6px 0px 0px;
    }

        .dashBoard-section .right_container .arr .img1 {
            display: block;
        }

        .dashBoard-section .right_container .arr .img2 {
            display: none;
        }

        .dashBoard-section .right_container .arr img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
    /*.dashBoard-section .right_container .arr:hover {opacity:1;}*/

    .dashBoard-section.minright .right_container .arr .img1 {
        display: none;
    }

    .dashBoard-section.minright .right_container .arr .img2 {
        display: block;
    }



.table-container {
    
}

.media_top {
    position: relative;
    box-shadow: 3px 4px 5px -2px #dedede;
    z-index: 9;
}


.table-container.tbl_layout_fix {
    border: none;
}

.transition {
    transition: 0.6s cubic-bezier(.46,.14,.65,.92) !important;
}

.transition2 {
    transition: 0.5s !important;
}




@media (min-width:320px) and (max-width:767px) {
    .dashBoard-section .left_container {
        position: relative;
        width: 100%;
        height: auto;
    }

    .dashBoard-section.minleft .left_container {
        position: relative;
        width: 100%;
        height: auto;
    }

    .dashBoard-section .left_container .arr {
        display: none;
    }




    .dashBoard-section .right_container {
        padding:20px;
    }
    .dashBoard-section.minleft .right_container {
        padding: 20px;
    }
    .dashBoard-section .right_container .arr {
        display: none;
    }

        .right_container.media .media_box .cost-box {
            width: 100%;
        }
}