/* font-family: arvo; */


@font-face{

	font-family:mmrtext;

	src:url(../fonts/mmrtext.ttf);

}

.BodyLeftSide , .BodyRightSide , .hd_icon_side h2 , .addnew , .btn_withIcon , .Select_s .bootstrap-select > .dropdown-toggle , .notes_btn , .CreateNewDisposition_btn , .Select_client_s .bootstrap-select > .dropdown-toggle , .s_title , .CrtNDispos_selected > ul > li , .multiselect-bosx > li , .CreateNewDisposition_select .bootstrap-select > .dropdown-toggle , .CrtNDispos_selected > ul > li , .Get_NADA_Value  , h3.orange_hd , .userNmae , .userLogOut , .userProfile , div , a , p , span , input , select , textarea , li , label{

	/*font-family:mmrtext;*/

	font-family: "Roboto",sans-serif;

}

a , a:hover , a:focus{

	text-decoration:none;

	outline:0;

}

body{

	background:#F3F4F6;

}

.custom-container {

    clear: both;

    display: table;

    margin: 0 auto;

    max-width: 1800px;

    padding: 0 0px;

    width: 100%;

}

.page-header {

    background: #fff ;

    margin: 0 0 20px;

    padding: 20px 0;

}

.seconder-header {

    background: #fff ;

    float: left;

    margin-bottom: 20px;

    padding: 20px 0;

    width: 100%;

}

.row_outer{

	float:left;

	padding:0 20px;

	width: 100%;

}

.row_iner{

	margin-left:-20px;

	margin-right:-20px;

}

.Select_client_s {

    float: left;

    margin-right: 20px;

    position: relative;

    width: 220px;

}

.select-icon {

    left: 10px;

    position: absolute;

    top: 7px;

    z-index: 10;

}

.select-icon img{

	width:100%;

} 

.Select_client_s .bootstrap-select > .dropdown-toggle {

    background: #8dc73f ;

    border-color: #8dc73f;

    font-size: 16px;

    height: 42px;

    padding-left: 45px;

    padding-right: 25px;

	padding-top: 6px;

}

.Select_client_s .bootstrap-select.open > .dropdown-toggle{

	background: #7fb931;

	border-color: #7fb931;

}

.top-medel-box {

    color: #c6c6c6;

    font-family: arvo;

    font-size: 24px;

    padding-top: 13px;

	font-family: 'Arvo', serif;

}

.add_new_cleidnt_b {

    float: left;

    margin-right: 20px;

}

.btn_withIcon {

    font-size: 16px;

    height: 37px;

    padding-left: 45px;

    padding-right: 20px;

    position: relative;

	padding-top: 6px;

}

.btn_withIcon.btn-success , .btn_withIcon.btn-success:hover , .btn_withIcon.btn-success:focus{

    background: #8dc73f ;

    border-color: #8dc73f;

	}

.btn_withIcon span {

    font-size: 22px;

    left: 12px;

    position: absolute;

    top: 6px;

}

.btn-info.btn_withIcon{

	background:#178BC6;

	border-color:#178BC6;

}

.saving_s_b {

    float: left;

    text-align: right;

    width: 100%;

}

.logo {

    float: left;

    width: 100%;

}

.logo > img {

    float: left;

    height: 65px;

    width: auto;

}

.col_cus_dgn {

    background: #fff ;

    float: left;

    padding: 0 15px;

	min-height:1190px;

	margin-bottom:20px;

}

.col_cus_1 {

    margin-right: 1.66%;

    width: 31.77%;

}

.col_cus_2 {

    width: 33%;

	min-height: 2206px;

}

.col_cus_3 {

    margin-left: 1.66%;

    width: 31.77%;

}.col_cusf_1 {

    margin-right: 1.66%;

    width: 24%;

}

.col_cusf_2 {

    margin-right: 1.66%;

    width: 23.66%;

}

.col_cusf_3 {

    margin-right: 1.66%;

    width: 23.66%;

}

.col_cusf_4 {

    width: 23.66%;

}.col_cus_hd {

    border-bottom: 1px solid #f1f1f1;

    float: left;

    margin-bottom: 25px;

    padding-bottom: 5px;

    padding-top: 10px;

    width: 100%;

}

.addnew, .addnew:hover, .addnew:focus {

    color: #8dc73f;

    float: left;

    font-size: 15px;

    font-weight: bold;

    outline: 0 none;

    padding-top: 7px;

    text-decoration: none;



    position: absolute;

    width: 70px;

}

.hd_link_side {



    float: left;

    position: relative;

	

}

.hd_icon_side {

    float: right;

}

.hd_icon_side > span {

    float: left;

    margin-right: 10px;

}

.hd_icon_side h2 {

    color: #168bc5;

    float: left;

    font-size: 15px;

    font-weight: bold;

    margin: 6px 0;

	padding-top: 3px;

}

.bdy_RightLeft {

    float: left;

    list-style: outside none none;

    padding: 0;

    width: 100%;

}

.bdy_RightLeft > li {

    float: left;

    margin-bottom: 22px;

    width: 100%;

}

.BodyLeftSide {

    color: #afaaaa;

    float: left;

    font-size: 14.5px;

    font-weight: normal;

    padding-right: 10px;

    text-align: left;

    width: 40%;

}

.BodyRightSide {

    color: #3f3f3f;

    float: left;

    font-size: 14.5px;

    font-weight: bold;

    width: 60%;

}

.Select_s {

    background: #f0f0f0 ;

    float: left;

    margin-bottom: 20px;

    width: 100%;

}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){

	width:100% !important;

}

.Select_s .bootstrap-select > .dropdown-toggle{

	background:#f0f0f0;

	height:42px;

	font-size:15px;

	border:1px solid #f0f0f0;

	border-radius:0;

	color:#939494;

	padding-top: 12px;

	font-size:13px;

    color: #8b979e!important;

}

.BodyRightSide .form-control , .BodyRightSide .form-control:hover , .BodyRightSide .form-control:focus {

    background: #f2f4f5;

    border-radius: 0;

	border-color:#f2f4f5;

	box-shadow:none;

	min-height: 113px;

	resize: vertical;

}

.notes_btn , .notes_btn:hover , .notes_btn:focus {

    color: #b7b8b8;

    float: right;

    font-size: 15px;

    text-decoration: none;

	padding-top: 7px;

}

.SelectFile {

    background: #168bc5 ;

    border-radius: 4px;

    float: left;

    height: 42px;

    max-width: 235px;

    overflow: hidden;

    position: relative;

    width: 100%;

}

.SelectFile > img {

    left: 6px;

    position: absolute;

    top: 5px;

}

.upload_text {

    color: #fff!important;

    left: 45px;

    position: absolute;

    top: 6px;

	padding-top: 3px;

}

.SelectFile input {

    height: 100%;

    opacity: 0;

    position: absolute;

    width: 100%;

}

.s_title {

    color: #afaaaa;

    float: left;

    font-size: 14.5px;

    font-weight:normal;

    width: 100%;

}

.colin {

    float: left;

    padding: 20px 20px 0;

    width: 100%;

}

.CreateNewDisposition {

    float: left;

    margin-bottom: 2px;

    width: 100%;

}

.CreateNewDisposition_btn , .CreateNewDisposition_btn:hover , .CreateNewDisposition_btn:focus {

    background: #168BC5;

    color: #fff;

    float: left;

    padding: 9px 15px 5px;

    text-align: right;

    width: 100%;

	outline:0;

	text-decoration:none;

}

.CreateNewDisposition_select {

    background: #168bc5 ;

    float: left;

    height: 42px;

    width: 100%;

}

.CreateNewDisposition_select .bootstrap-select > .dropdown-toggle{

	background:#168bc5;

	height:42px;

	font-size:15px;

	border:1px solid #168bc5;

	border-radius:0;

	color:#939494;

	color:#fff;

	padding-top:12px;

}

.CreateNewDisposition_select .bootstrap-select.open > .dropdown-toggle , .CreateNewDisposition_select .bootstrap-select > .dropdown-toggle:hover , .CreateNewDisposition_select .bootstrap-select > .dropdown-toggle:focus{

	background:#0277b1;

	border:1px solid #0277b1;

	outline:0;

	color:#fff;

}

.CrtNDispos_selected {

    background: #f2f4f5 ;

    float: left;

    padding: 20px;

    width: 100%;

}

.CrtNDispos_selected > ul {

    float: left;

    list-style: outside none none;

    padding: 0;

    width: 100%;

}

.CrtNDispos_selected > ul > li {

    float: left;

    margin-bottom: 7px;

    width: 100%;

	color:#afaaaa;

}

.CrtNDispos_selected > ul > li .glyphicon {

    background: #848080 ;

    border-radius: 50%;

    color: #fff;

    cursor: pointer;

    font-size: 10px;

    height: 20px;

    line-height: 1;

    margin-right: 10px;

    padding: 5px 0 0;

    text-align: center;

    width: 20px;

}

.col_cus_hd_under {

    border-top: 1px solid #f1f1f1;

}

.border-bottom {

	border-bottom: 1px solid #f1f1f1;

	padding-bottom:20px;

}

.multiselect-bosx {

    background: #f2f4f5 ;

    float: left;

    list-style: outside none none;

    padding: 15px 0;

    width: 100%;

}

.multiselect-bosx > li {

    background: #f2f4f5;

    color: #afaaaa;

    cursor: pointer;

    float: left;

    font-size: 14px;

    padding: 5px 15px;

    width: 100%;

}

.multiselect-bosx > li:hover ,  .multiselect-bosx > li.active{

    background: #168bc5;

	color:#fff;

}

@media (max-width:991px) {

	.three_colms .col_cus_dgn{

	width:100%;

	margin:20px 0;

	height:auto;

	min-height:unset;

	}

	.three_colms .col_cus_1 , .three_colms .col_cus_2 , .three_colms .col_cus_3 { 

	width:100%;

	margin:20px 0;

	height:auto;

	min-height:unset;

	}

}

@media (max-width:767px) {

	.Select_client_s, .btn_withIcon{

	width:100%;

	margin:0 0 10px;

	}

	.add_new_cleidnt_b{

	width:100%;

	margin-right:0;	

	}

	.Select_client_s .bootstrap-select > .dropdown-toggle > span.filter-option{

	text-align:center;	

	}

	.logo {

    text-align: center;

	}

	.logo img{

    float:none;

	height:50px;

	}

}

.Download_Lead_icon_btn {

    background: rgba(0, 0, 0, 0) url("../img/icon_7.png") no-repeat scroll 0 0 / contain ;

    height: 25px;

    width: 25px;

}

.Accept_Lead_icon_btn {

    background: rgba(0, 0, 0, 0) url("../img/icon_18.png") no-repeat scroll 0 0 / contain ;

    height: 25px;

    width: 25px;

}

.Forward_Lead_icon_btn {

    background: rgba(0, 0, 0, 0) url("../img/icon_8.png") no-repeat scroll 0 0 / contain ;

    height: 30px;

    top: 12px !important;

    width: 32px;

}

.thrd-header {

    background: #d2d3d4;

    float: left;

    margin-bottom:0;

    padding: 20px 0;

    width: 100%;

}

.info_hd {

    float: left;

    padding-left: 60px;

    width: 100%;

	position:relative;

}

.info_hd > .checkboxitem {

    background: #f2f4f5;

    height: 42px;

    left: 0;

    padding: 15px;

    position: absolute;

    text-align: center;

    top: 0;

    width: 42px;

}

.checkboxitem input {

    height: 100%;

    left: 0;

    margin: 0;

    position: absolute;

    top: 0;

    width: 100%;

	opacity:0;

}

.checkboxitem > label {

    background: #fff;

    height: 15px;

    left: 14px;

    margin: 0;

    position: absolute;

    top: 14px;

    width: 15px;

}

.checkboxitem  input[type=checkbox]:checked + label {

	background:#b7b8b9 ;

}

.NamInfo {

    color: #454646;

    float: left;

    font-family: mmrtext;

    font-size: 15px;

    padding-bottom: 10px;

    padding-top: 13px;

    width: 8%;

	margin-right: 1%;

	position:relative;

}

.info_bx  {

    /*background: #fff ;

    border: 1px solid #333;*/

    color: #454646;

    float: left;

    font-size: 15px;

    margin-right: 1%;

    padding: 12px 10px 10px;

    position: relative;

    width: 12%;

	

}

.ExpndColapsi {

    color: #8a8a8a;

    float: left;

    font-size: 15px;

    margin-right: 1%;

    padding: 12px 10px 10px;

    position: relative;

    width: 10%;

	text-align:center;

}

.SortUp::after {

    background: transparent ;

    border-color: transparent transparent #333;

    border-style: solid;

    border-width: 0 6px 8px;

    content: "";

    height: 0;

    position: absolute;

    right: 10px;

    top: 18px;

    width: 0;

}

.SortDown::after {

    background: transparent;

    border-color: #333 transparent transparent  transparent;

    border-style: solid;

    border-width: 8px  6px 0 6px;

    content: "";

    height: 0;

    position: absolute;

    right: 10px;

    top: 18px;

    width: 0;

}



.info_bx.DispositionStatusInfo {

    width: 9%;

}

.forth-header {

    background: #f2f4f5;

    float: left;

    padding: 20px 0;

    width: 100%;

}

.info_body {

    float: left;

    list-style: outside none none;

    padding-left: 60px;

    position: relative;

    width: 99%;

	margin:5px;

	margin-bottom:10px;

	border-bottom:1px solid #ececec;

}



.custom_fields_body {

    float: left;

    list-style: outside none none;

  /*  padding-left: 60px;*/

    position: relative;

    width: 99%;

	margin:5px;

	margin-bottom:10px;

	border-bottom:1px solid #ececec;

}



.info_body:last-child {

    margin-bottom: 0;

}

.info_body > .checkboxitem {

    background: #eaeced ;

    height: 42px;

    left: 18px;

    padding: 15px;

    position: absolute;

    text-align: center;

    top: 0;

    width: 42px;

}

.info_bx_li {

    color: #8b979e;

    float: left;

    font-size: 15px;

    margin-right: 1%;

    padding: 12px 10px 10px;

    position: relative;

    width: 12%;

}

.NamInfo_li {

    color: #8b979e;

    float: left;

    font-family: mmrtext;

    font-size: 15px;

    margin-right: 1%;

    padding-bottom: 0;

    padding-left: 33px;

    padding-top: 5px;

    position: relative;

    width: 10%;

}

.info_bx_li.DispositionStatusInfo_li {

    width: 9%;

}

.ExpndColapsi_li {

    color: #8a8a8a;

    float: left;

    font-size: 15px;

    margin-right: 1%;

    padding: 12px 10px 10px;

    position: relative;

    text-align: center;

    width: 10%;

}

.ilname {

    float: left;

    width: 100%;

}

.NamInfo_li > img {

    font-size: 12px;

    left: 0;

    position: absolute;

    top: 4px;

}

.NamInfo_li > a  , .NamInfo_li > a:hover , .NamInfo_li > a:focus{

    color: #8dc73f;

    float: left;

    font-size: 12px;

    font-weight: bold;

    width: 100%;

	text-decoration:none;

	outline:0;

}

.ExpndColapsi_li p {

    color: #2d2e34;

    font-size: 16px !important;

    margin-bottom: 0;

}

.ExpndColapsi_li .glyphicon.glyphicon-upload {

    color: #8DC73F;

    font-size: 23px;

	margin-top: -13px;

}

.info_foot {

    background: #f7f8f9 ;

    border-bottom: 2px solid #eee;

    border-top: 2px solid #cfcfcf;

    float: left;

    list-style: outside none none;

    margin-top: -10px;

    padding: 20px;

    width: 100%;

}

.info_bx_ft {

    float: right;

    text-align: right;

    width: 100%;

}

.info_bx_ft .btn_withIcon{

	margin-left:20px;

}

.btn_withIcon.btn-danger, .btn_withIcon.btn-danger:hover, .btn_withIcon.btn-danger:focus {

    background: #C5360E;

    border-color: #C5360E;

}

.BodyLeftSide > img{

	width:75px;

}

.BodyRightSide > ul.uinfo{

    float:left;

	width:100%;

	list-style:none;

	padding-left: 20px;

}

.BodyRightSide > ul.uinfo li {

    color: #6c6b6b;

    float: left;

    width: 100%;

}

.border-bottoms{

	border-bottom:1px solid #f1f1f1;

}

.col_cus_bd {

    float: left;

    width: 100%;

}

.cus_btn_info , .cus_btn_info:hover , .cus_btn_info:focus{

    background: #168bc5 ;

    border-radius: 4px;

    float: left;

    position: relative;

    color: #fff;

    padding: 12px 10px 6px;

	text-decoration:none;

    outline: 0;

    width: 100%;

    text-align: center;

}

.playerz {

    float: left;

    padding: 15px 10px 10px 25px;

    position: relative;

    width: 100%;
	
	margin-top: -30px;

}

.playerz > img {

    left: 0;

    position: absolute;

    top: 13px;

    width: 20px;

}

.play_text {

    color: #afaaaa;

    float: left;

    font-family: mmrtext;

    font-size: 12.67px;

    font-weight: normal;

    text-align: center;

    width: 100%;

}

.play_url{

    color: #afaaaa;

    float: left;

    font-family: mmrtext;

    font-size: 12.67px;

    font-weight: normal;

    overflow: hidden;

    white-space: nowrap;

    width: 100%;

	margin-bottom: 20px;

}

.socialIcons{

	height:40px;

	width:40px;

	display:inline-block;

	background-image:url(../img/social_icons.png);

	background-repeat:no-repeat;

	margin-bottom: 25px;

}

.fb_icon{

    background-position: -8px -11px;

}

.tw_icon{

    background-position: -100px -11px;

}

.rss_icon {

    background-position: -192px -11px;

}

.gp_icon {

    background-position: -285px -11px;

}

.vm_icon {

    background-position: -8px -75px;

}

.p_icon {

    background-position: -99px -75px;

}

.ln_icon {

    background-position: -192px -75px;

}

.st_icon {

    background-position: -285px -75px;

}

.ExpndColapsi_li {

	-webkit-transition:0.3s;

	-moz-transition:0.3s;

	-ms-transition:0.3s;

	-o-transition:0.3s;

	transition:0.3s;

}

.ExpndColapsi_li .glyphicon.glyphicon-upload {

    -webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	transform: rotate(180deg);

    -webkit-transition:0.3s;

	-moz-transition:0.3s;

	-ms-transition:0.3s;

	-o-transition:0.3s;

	transition:0.3s;

	}

.ExpndColapsi_li.active .glyphicon.glyphicon-upload {

	color:#C87C7C;

    -webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	-o-transform: rotate(0deg);

	transform: rotate(0deg);

    

	}

.BodyLeftSide , .BodyRightSide , .upload_text , .notes_btn, .notes_btn:hover, .notes_btn:focus , .s_title , .CrtNDispos_selected > ul > li , .addnew, .addnew:hover, .addnew:focus{

    font-size: 13px;

    font-family: roboto;

    color: #8b979e;

	}

@media (max-width:1300px) {

	.select-icon img {

    width: 80%;

	}

	.Select_client_s .bootstrap-select > .dropdown-toggle {

    font-size: 14px;

    height: 35px;

    padding-left: 40px;

    padding-right: 20px;

    padding-top: 5px;

	}

	.btn_withIcon {

    font-size: 14px;

    height: 35px;

    padding-left: 40px;

    padding-right: 20px;

    padding-top: 6px;

	}

	.btn_withoutIcon {

    font-size: 14px;

    height: 35px;

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 9px;

	}

	.btn_withIcon span {

    font-size: 15px;

	}

	.BodyLeftSide , .BodyRightSide , .upload_text , .notes_btn, .notes_btn:hover, .notes_btn:focus , .s_title , .CrtNDispos_selected > ul > li , .addnew, .addnew:hover, .addnew:focus{

    font-size: 13px;

    font-family: roboto;

    color: #8b979e;

	}

	.colin {

	padding:20px 0;	

	}

	.CrtNDispos_selected{

	padding:10px;	

	}

	.hd_icon_side > span {

    margin-right: 5px;

	}

	.CrtNDispos_selected > ul > li .glyphicon {

	font-size: 8px;

	height: 16px;

	line-height: 6px;

	margin-right: 10px;

	padding: 5px 0 0;

	width: 16px;

	}

	.hd_icon_side > span img{

	width:80%;	

	}

	.hd_icon_side h2 {

    font-size: 12px;

    padding-top: 0;

	}

	.addnew, .addnew:hover, .addnew:focus {

    padding-top: 4px;

    position: absolute;

    width: 70px;

	}

	.Select_s .bootstrap-select > .dropdown-toggle , .CreateNewDisposition_select .bootstrap-select > .dropdown-toggle {

    height: 35px;

    padding-top: 8px;

	font-size:13px;

    color: #8b979e!important;

	}

	.CreateNewDisposition_select{

	height:35px;	

	}

	.SelectFile {

    height: 35px;

	}

	.SelectFile > img {

    width: 21px;

	}

	.top-medel-box {

    font-size: 20px;

	}

	.Download_Lead_icon_btn {

    height: 15px;

    width: 19px;

	}

	.Accept_Lead_icon_btn {

    height: 15px;

    width: 19px;

	}

	.Forward_Lead_icon_btn {

    top: 10px !important;

    width: 26px;

	}

	.info_hd > .checkboxitem {

    height: 35px;

    width: 35px;

	}

	.info_hd {

    padding-left: 45px;

	}

	.checkboxitem > label {

    height: 13px;

    left: 11px;

    top: 11px;

    width: 13px;

	}

	.NamInfo {

    font-size: 13px;

    padding-bottom: 5px;

    padding-top: 13px;

	}

	.info_bx {

    font-size: 15px;

    padding: 15px 10px 0;

	}

	.SortUp::after {

	border-width: 0 4px 6px;

	right: 6px;

	top: 16px;

	}

	.SortDown::after {

	border-width: 6px 4px 0;

	}

	.ExpndColapsi {

    font-size: 13px;

    padding: 10px 10px 6px;

	}

	.info_body {

    margin-bottom: 10px;

    padding-left: 60px;

	}

	.info_bx_li {

	font-size: 13px;

	padding: 10px 10px 7px;

	}

	.NamInfo_li {

    font-size: 12px;

    padding-bottom: 0;

    padding-left: 21px;

    padding-top: 3px;

	}

	.ExpndColapsi_li {

	font-size: 13px;

	padding: 10px 10px 7px;

	}

	.NamInfo_li > img {

    left: -1px;

    top: 3px;

    width: 18px;

	}

	.NamInfo_li > a , .NamInfo_li > a:hover , .NamInfo_li > a:focus	{

	font-weight:normal;	

	}

	.info_body > .checkboxitem {

    height: 35px;

    width: 35px;

	}

	.ExpndColapsi_li .glyphicon.glyphicon-upload {

    font-size: 23px;

	margin-top: -8px;

	}

	.cus_btn_info, .cus_btn_info:hover, .cus_btn_info:focus {

    font-size: 10px;

    padding: 8px 10px 6px;

	}

	.play_text {

	font-size: 10.67px;

	}

	.play_url{

	padding-left: 3px;

    font-weight: bold;

	}

	

}

@media (max-width:767px) {

	.BodyLeftSide , .BodyRightSide {

    font-size: 11px;

	}

	.upload_text {

    font-size: 9px;

	}

	.colin {

    padding: 20px 0 0;

	}

	.CrtNDispos_selected {

    padding: 15px;

	}

	.CrtNDispos_selected > ul > li .glyphicon {

    font-size: 8px;

    height: 16px;

    line-height: 6px;

    margin-right: 10px;

    padding: 5px 0 0;

    width: 16px;

	}

}

@media (max-width:480px) {

	.CrtNDispos_selected > ul > li {

    font-size: 10px;

    margin-bottom: 8px;

	}

	.multiselect-bosx > li {

    font-size: 10px;

    padding: 6px 15px 2px;

	}

	.s_title {

    font-size: 10.5px;

	}

	.notes_btn, .notes_btn:hover, .notes_btn:focus {

    font-size: 10px;

	}

	.BodyRightSide .form-control, .BodyRightSide .form-control:hover, .BodyRightSide .form-control:focus {

    min-height: 70px;

	}

	.hd_icon_side h2 {

    font-size: 11px;

	}

}

.formCheck {

    float: left;

    padding-left: 23px;

    position: relative;

    width: 100%;

}

.formCheck > input {

    left: 0;

    margin: 0;

    position: absolute;

    top: 0;

}

.formCheck > label {

    color: #aeaeae;

    float: left;

    font-weight: normal;

    width: 100%;

}



/*-------------------------------------------*/

@media(max-width:1170px){

	.col_cusf_1 {

    margin-right: 1.66%;

    width: 32%;

	}

	.col_cusf_2 {

    margin-right: 1.66%;

    width: 32.33%;

	}

	.col_cusf_3 {

    margin-right: 1.66%;

    width: 30.33%;

	}

	.col_cusf_4 {

    width: 32%;

	}

}

@media(max-width:1000px){

	.col_cusf_1 {

    margin-right: 1.66%;

    width: 48%;

	}

	.col_cusf_2 {

    margin-right: 1.66%;

    width: 48.33%;

	}

	.col_cusf_3 {

    margin-right: 1.66%;

    width: 48%;

	}

	.col_cusf_4 {

    width: 48.33%;

	}

	.info_bx {

    font-size: 11px;

    padding: 10px;

	}

	.NamInfo_li{

	font-size:11px;	

	}

	.NamInfo_li > img {

    left: 0;

    width: 16px;

	}

	.NamInfo_li > a, .NamInfo_li > a:hover, .NamInfo_li > a:focus {

    font-size:11px;

    line-height: 1;

	}

	.info_bx_li {

    font-size: 11px;

    padding: 10px;

	}

	.ExpndColapsi_li .glyphicon.glyphicon-upload {

    font-size: 15px;

    margin-top: -15px;

	}

	.ExpndColapsi_li p {

    font-size: 13px !important;

	}

}

@media(max-width:800px){

	.col_cusf_1 {

    margin-right: 1.66%;

    width: 98%;

	}

	.col_cusf_2 {

    margin-right: 1.66%;

    width: 98.33%;

	}

	.col_cusf_3 {

    margin-right: 1.66%;

    width: 98%;

	}

	.col_cusf_4 {

    width: 98.33%;

	}

	.foure_colms .col_cus_dgn{

	min-height: unset;

	}

	.play_url{

	white-space:normal;

	padding-left:15px;

	}

	.play_text{

	padding-left:15px;

	text-align:left;

	}

}

@media(max-width:360px){

	.play_url {

	width:190px;

	float:left;

	word-wrap: break-word;

	}

}

.header-responsive-scroll-base {

    float: left;

    overflow-x: auto;

    width: 100%;

}

.header-responsive-scroll-base .thrd-header , .header-responsive-scroll-base .forth-header {

	min-width:1100px;

}

@media(max-width:767px){

	.info_bx_ft .btn_withIcon{

	margin-left:0;	

	}

}

.Get_NADA_Value , .Get_NADA_Value:hover , .Get_NADA_Value:focus {

    background: #fdb740 ;

    border-radius: 6px;

    color: #00245d;

    float: left;

    padding: 10px 5px 5px;

    text-align: center;

    text-transform: uppercase;

    width: 100%;

	text-decoration:none;

	outline:0;

}



.get_social_profiles_manualy , .get_social_profiles_manualy:hover , .get_social_profiles_manualy:focus {

    background: #fdb740 ;

    border-radius: 6px;

    color: #00245d;

    float: left;

    padding: 10px 5px 5px;

    text-align: center;

    text-transform: uppercase;

    width: 100%;

	text-decoration:none;

	outline:0;

}


.load_google_map , .load_google_map:hover , .load_google_map:focus {
    /*background: #fdb740 ;*/
    border-radius: 6px;
    /*color: #00245d;*/
    float: left;
    padding: 10px 5px 5px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    /*text-decoration:none;*/
    margin-bottom: 20px;
    outline:0;
}


.contact_social_profile_details , .contact_social_profile_details:hover , .contact_social_profile_details:focus {

	background-color:#FF9800;
	margin-bottom: 10px;
    border-radius: 6px;
    color: #00245d;
    float: left;
    padding: 10px 5px 5px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
	text-decoration:none;
	outline:0;
}



.colf_full_box > textarea {

    background: #f2f4f5  !important;

    border: medium none;

    float: left;

    height: 100px;

    width: 100%;

	padding:15px;

}

.colf_full_box {

    float: left;

    width: 100%;

}

h3.orange_hd {

    color: #ff7e00;

    float: left;

    font-size: 15px;

    font-weight: bold;

    margin: 0;

    padding: 10px 0;

    text-align: center;

    width: 100%;

}

.col_full_s {

    background: #f0f0f0 ;

    border: medium none;

    float: left;

    height: 35px;

    padding: 10px 12px;

    width: 100%;

}

.Select_s > textarea {

    background: #f2f4f5 ;

    border: medium none;

    float: left;

    height: 65px;

    padding: 12px;

    width: 100%;

}



.gol_check > label {

    border: 2px solid #8dc63f;

    border-radius: 50%;

    float: left;

    height: 20px;

    margin: 0;

    padding: 2px;

    position: relative;

    top: -5px;

    width: 20px;

}

.gol_check > label i {

    background: #fff;

    border-radius: 50%;

    bottom: 0;

    float: left;

    height: 10px;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    top: 0;

    width: 10px;

}

.gol_check input[type="checkbox"] {

    opacity: 0;

}

.gol_check input[type="checkbox"]:checked + label i {

    background: #8dc63f;

}

.full_btn_blue  , .full_btn_blue:hover , .full_btn_blue:focus{

    background: #168bc5 ;

    color: #fff;

    float: left;

    outline: 0 none;

    padding: 10px 10px 7px;

    text-align: center;

    text-decoration: none;

    width: 100%;

}

.BodyRightSide > input[type="text"]{

    background: #f5f5f5 ;

    border: medium none;

    float: left;

    font-size: 12px;

    font-weight: normal;

    height: 25px;

    padding: 7px 8px 2px;

    position: relative;

    top: -5px;

    width: 100%;

}

.BodyRightSide > input[type="password"]{

    background: #f5f5f5 ;

    border: medium none;

    float: left;

    font-size: 12px;

    font-weight: normal;

    height: 25px;

    padding: 7px 8px 2px;

    position: relative;

    top: -5px;

    width: 100%;

}



/*------------------------------------ilyas khan-*/

.btn_withoutIcon {

    font-size: 14px;

    /*height: 34px;*/

    padding-left: 20px;

    padding-right: 20px;

    position: relative;

    padding-top: 9px;

}



.btn_withoutIcon.btn-success , .btn_withoutIcon.btn-success:hover , .btn_withoutIcon.btn-success:focus{

    background: #8dc73f ;

    border-color: #8dc73f;

}

 

.btn-info.btn_withoutIcon{

 background:#178BC6;

 border-color:#178BC6;

}



/*------------------------------------------------*/



.top_user_box {

    float: left;

    min-height: 68px;

    padding-right: 70px;

    position: relative;

    text-align: right;

    width: 100%;

}

.image_user {

    min-height: 68px;

    position: absolute;

    right: 0;

    top: 0;

    width: 55px;

}

.image_user > img {

    float: left;

    width: 100%;

}

.userNmae , .userLogOut , .userProfile {

    float: left;

    width: 100%;

	color:#afaaaa;

}

.userNmae a  , .userLogOut a , .userProfile a{

	color:#afaaaa;

	transition:0.3s;

}

.userNmae a:hover , .userNmae a:focus , .userLogOut a:hover , .userLogOut a:focus , .userProfile a:hover , .userProfile a:focus {

	color:#8DC73F;

	text-decoration:none;

	outline:0;

}

.top_nest_pre {

    float: left;

    outline: 0 none;

    padding: 10px 5px 5px;

    text-decoration: none;

}

@media (max-width:767px){

	.top_user_box {

    display: inline-block;

    float: none;

    min-height: 50px;

    padding-left: 44px;

	padding-right:0;

    position: relative;

	width:auto;

	}

	.image_user {

    left: 0;

    min-height: 27px;

	right:auto;

    width: 38px;

	}

	.userNmae, .userLogOut, .userProfile {

    color: #afaaaa;

    float: left;

    margin-right: 20px;

    padding-top: 19px;

    width: auto;

	}

	

}

.black-header {

    background: #231F20;

    float: left;

    margin-bottom: 20px;

    padding: 20px 0;

    width: 100%;

}

.Select_Campaign {

    float: left;

   /* max-width: 250px;*/

    width: 100%;

}

.right_btn_top_nav , .right_btn_top_nav:hover , .right_btn_top_nav:focus {

    border-right: 1px solid #fff;

    color: #fff;

    float: right;

    font-weight: bold;

    padding: 6px 35px;

	text-align:left;

}

.right_btn_top_nav img{

	margin-right:15px;

}

.right_btn_top_nav:first-child {

    border: medium none;

}

.right_btn_top_nav > span {

    float: left;

    margin-top: -6px;

}

.Select_Campaign .btn.dropdown-toggle.btn-default , .Select_Campaign .btn.dropdown-toggle.btn-default:hover{

    border: medium none;

    border-radius: 0;

    padding-bottom: 5px;

    padding-top: 9px;

	background:#fff;

}

.black_right_btnz{

	float: left;

	width:100%;

	text-align:center;

}

@media (max-width:767px){

	.right_btn_top_nav, .right_btn_top_nav:hover, .right_btn_top_nav:focus {

    display: inline-block;

    float: none;

    margin-top: 20px;

	}

	.right_btn_top_nav:last-child {

    border: medium none;

	}

	.right_btn_top_nav:first-child {

    border-right : 1px solid #fff;

	}

}

@media (max-width:505px){

	.right_btn_top_nav:first-child {

    border-right : none;

	}

	.right_btn_top_nav{

    border-right : none;

	}

}

@media (max-width:416px){

	.userNmae, .userLogOut, .userProfile{

	padding-top: 5px;	

	}

	.top_user_box {

    margin-bottom: 15px;

	}

}

.login_containger {

    display:table;

	width:80%;

	max-width:950px;

	height:auto;

	margin:120px auto;

}

.login_wrapers {

    float: left;

    width: 100%;

}

.login_header_p {

    float: left;

    padding: 15px;

    text-align: center;

    width: 100%;

}

.login_contentarea {

	background:#fff;

    float: left;

    padding:100px 150px;

    width: 100%;

}

.logn_hd {

    float: left;

    font-family: Arvo;

    font-size: 20px;

    width: 100%;

	margin-bottom: 30px;

}

.login_input_dgn {

    border: 1px solid #eee;

    float: left;

    margin-bottom: 20px;

    padding-right: 35px;

    position: relative;

    width: 100%;

}

.login_input_sub_dgn{

    float: left;

    margin-bottom: 20px;

    width: 100%;

}

.login_input_dgn > input {

    border: medium none;

    float: left;

    height: 35px;

    padding: 10px;

    width: 100%;

}

.login_input_dgn span {

    color: #ccc;

    position: absolute;

    right: 13px;

    top: 11px;

}

.login_submit_btn {

    background: #7ab42c ;

    border: medium none;

    color: #fff;

    float: left;

    font-size: 14px;

    font-weight: bold;

    padding: 7px 10px;

    width: 100%;

	font-family: Arvo;

}

.login_containger{

	font-family: Arvo;

}

.login_left_bottom_dgn {

    float: left;

    width: 100%;

}

.halfs {

    float: left;

    width: 50%;

	padding: 3px 0;

}

.halfs > a {

    color: #ccc;

    float: left;

    font-family: arvo;

    font-size: 14px;

    text-align: right;

    width: 100%;

}

.halfs > input {

    float: left;

    margin-right: 10px;

    margin-top: 5px;

}

.halfs label {

    color: rgb(44 44 44 / 71%);

    float: left;

    font-family: arvo;

    font-size: 14px;

    font-weight: normal;

}

.dont_have {

    color: #43b1e4;

    float: left;

    font-family: arvo;

    font-size: 14px;

    font-weight: bold;

    text-align: center;

    width: 100%;

	margin-bottom: 30px;

}

.login_with_dgn {

    float: left;

    padding: 0;

    width: 100%;

}

.login_with_fb {

    background: #3b5999 ;

    color: #fff !important;

    float: left;

    font-family: arvo;

    font-size: 13px;

    padding: 10px 10px 10px 35px;

    position: relative;

    text-align: center;

    width: 100%;

	margin-bottom:20px;

	font-weight: bold;

}

.login_with_tw {

    background: #3cb6e7 ;

    color: #fff !important;

    float: left;

    font-family: arvo;

    font-size: 13px;

    padding: 10px 10px 10px 35px;

    position: relative;

    text-align: center;

    width: 100%;

	margin-bottom:20px;

	font-weight: bold;

}

.login_with_gp {

    background: #df4d34 ;

    color: #fff !important;

    float: left;

    font-family: arvo;

    font-size: 13px;

    padding: 10px 10px 10px 35px;

    position: relative;

    text-align: center;

    width: 100%;

	margin-bottom:20px;

	font-weight: bold;

}

.login_with_fb span {

    background: #314f85 ;

    font-size: 18px;

    left: 0;

    padding: 12px 15px 8px;

    position: absolute;

    top: 0;

}

.login_with_tw span {

    background: #40a3cd ;

    font-size: 18px;

    left: 0;

    padding: 12px 11px 8px;

    position: absolute;

    top: 0;

}

.login_with_gp span {

    background: #d73e2c ;

    font-size: 18px;

    left: 0;

    padding: 12px 8px 8px;

    position: absolute;

    top: 0;

}

.login_with_dgn {

    float: left;

    padding: 0 0 0 20px;

    position: relative;

    width: 100%;

}

.side_or_bar {

    background: #eee ;

    left: -3px;

    padding: 72px 0;

    position: absolute;

    width: 1px;

}

.side_or_bar {

    background: #eee ;

    left: -3px;

    padding: 70px 0 90px;

    position: absolute;

    width: 1px;

}

.side_or_bar > span {

    background: #fff ;

    font-family: arial;

    font-style: italic;

    font-weight: bold;

    left: -12px;

    padding: 5px;

    position: absolute;

}

@media (max-width:991px) {

	.side_or_bar{

	display:none;	

	}

	.login_with_dgn{

	padding-left:0;	

	}

}



@media (max-width:991px) {

	.login_containger {

    width: 90%;

	}

}

@media (max-width:800px) {

	.login_contentarea {

    padding: 50px 70px;

	}

	.login_containger {

    margin: 50px auto;

	}

}

@media (max-width:555px) {

	.login_contentarea {

    padding:40px;

	}

	.login_header_p img {

    float: left;

    margin-left: 15%;

    width: 70%;

	}

}

@media (max-width:420px) {

	.login_contentarea {

    padding:20px;

	}

	.login_containger {

    margin: 20px auto;

	}

}

@media (max-width:360px) {

	.login_contentarea {

    padding:15px;

	}

}

.top-medel-box .Select_s {

    margin-bottom: 0;

}

.client_list_pg {

    float: left;

    margin-top: -12px;

    width: 100%;

	font-family: arvo;

}

@media (max-width:767px){

	.client_list_pg {

    margin-top: 0px;

	}

}

.black_button {

    /*margin-top: 28px;*/

    text-align: right;

    width: 100%;

}

.black_button .btn-default {

    background: #424242 ;

    border: medium none;

    color: #fff;

    font-weight: bold;

	padding-right:50px;

	padding-left:50px;

}

.black_button .btn_withIcon > span {

    left: 7px;

    top: 5px;

    width: 20px;

}

.black_button .btn_withIcon > span img {

    width: 100%;

}

.Assign_Lead {

    background: rgba(0, 0, 0, 0) url("../img/icon_21.png") no-repeat scroll 0 0 / contain ;

    height: 25px;

    width: 25px;

}

@media (max-width:1300px){

	.Assign_Lead {

    height: 18px;

    left: 6px !important;

    top: 7px !important;

    width: 25px;

	}

}



.client_Info_name {

    color: #454646;

    float: left;

    font-family: mmrtext;

    font-size: 15px;

    margin-right: 1%;

    padding-bottom: 0;

    padding-top: 13px;

    position: relative;

    width: 10%;

}

.client_Info_phone {

    color: #454646;

    float: left;

    font-family: mmrtext;

    font-size: 15px;

    margin-right: 1%;

    padding-bottom: 0;

    padding-top: 13px;

    position: relative;

    width: 8%;

}

.client_Info_email {

    color: #454646;

    float: left;

    font-family: mmrtext;

    font-size: 15px;

    margin-right: 1%;

    padding-bottom: 0;

    padding-top: 13px;

    position: relative;

    width: 8%;

}

.client_box_info {

    background: #fff;

    border: 1px solid #333;

    color: #454646;

    float: left;

    font-size: 15px;

    margin-right: 1%;

    padding: 12px 10px 10px;

    position: relative;

    width: 9%;

}

.client_next_action {

    /*background: #fff ;

    border: 1px solid #333;*/

    color: #454646;

    float: left;

    font-size: 15px;

    margin-right: 1%;

    padding: 15px 10px 0;

    position: relative;

    width: 18%;

}

.info_box_li {

    color: #454646;

    float: left;

    font-size: 15px;

    margin-right: 1%;

    padding: 12px 10px 10px;

    position: relative;

    width: 10%;

}

@media (min-width:1301px){

	.box_next_action , .box_info , .Info_email , .Info_name , .Info_phone {

	font-size:15px;

	padding: 12px 10px 10px;

	} 

	.Input_text_s input {

    height: 42px;

    padding-top: 11px;

	}

}

.forth-header.client_listing {

    background: #fff ;

}



.client_Info_name , .NamInfo_li.client_Info_name_li{

	width:9%;

}

.client_Info_phone , .info_box_li.client_Info_phone_li{

	width:8%;

}

.client_Info_email , .info_box_li.client_Info_email_li{

	 word-wrap: break-word;

	width:12%;

}

.info_bx.client_DepartmentInfo , .info_box_li.client_DepartmentInfo_li{

	width:5%;

}

.info_bx.client_rsvp , .info_box_li.client_rsvp_li{

	width:6%;

}

.info_bx.client_leadstatus , .info_box_li.client_leadstatus_li{

	width:9%;

}

.info_bx.client_leadowner ,  .info_box_li.client_leadowner_li{

	width:11%;

}

.client_next_action , .info_box_li.client_next_action_li{

	width:20%;

}.client_Info_name.SortUp::after , .client_Info_name.SortDown::after , .client_Info_phone.SortUp::after , .client_Info_phone.SortDown::after  , .client_Info_email.SortUp::after , .client_Info_email.SortDown::after {

	display:inline-block;

	position:static;

}

.action_status {

    float: left;

    width: 35%;

}

.action_btnz , .action_btnz:hover , .action_btnz:focus{

    background: #57aaf0 ;

    color: #fff;

    float: left;

    font-size: 12px;

    padding: 7px 10px 2px;

    text-align: center;

    width: 65%;

	margin-bottom: 18px;

}

.action_status {

    float: left;

    font-size: 12px;

    font-weight: bold;

    padding-top: 8px;

    width: 35%;

}

.orange_status{

	color:#ff7e00;

}

.blue_status{

	color:#0180ff;

}

.green_status{

	color:#8dc63f;

}

.red_status{

	color:#ff0c00;

}

.client_listing .info_body{

	padding-right:15px;

}

.info_box_li.client_leadowner_li > div {

    font-size: 14px;

}

.info_box_li.client_leadowner_li > div .glyphicon.glyphicon-eye-close {

	color:#d2d3d4;

}

.info_box_li.client_leadowner_li > div .glyphicon.glyphicon-eye-open {

	color:#8dc63f;

}



.dash_header {

    background: #D2D3D5;

    float: left;

    padding: 20px 0;

    width: 100%;

}

.header_dash_nav > a{

	color:#a8a6a6;

	float: left;

    margin-right: 15px;

	font-weight: bold;

	padding-top:5px

}

.header_dash_nav > a.active{

	color:#6b6b6b;

}

.dash_content_area{

	background: #fff;

    float: left;

    padding: 10px;

    width: 100%;

}

.dash_iner_main{

	background: #F3F4F6;

    float: left;

    padding: 20px 25px;

    width: 100%;

}

.row_iner_dash{

    margin-left: -10px;

    margin-right: -10px;

}

.bg_wrap {

    float: left;

    padding: 10px;

    width: 100%;

}

.bg_whithe {

    background: #fff ;

    border: 0px solid #e2e3e5;

    box-shadow: 2px 2px 0 #ccc;

    float: left;

    padding: 15px;

    width: 100%;
	

}

.dash_item_title {

    float: left;

    font-size: 14px;

    font-weight: bold;

    margin: 10px 0 10px;

    text-align: center;

    width: 100%;

}

.dash_item_body {

    float: left;

    min-height: 175px;

    width: 100%;

}

.number_of_leads {

    color: #168bc5;

    float: left;

    font-size: 47.7px;

    text-align: center;

    width: 100%;

}

.progress_ul {

    float: left;

    list-style:none;

    margin: 0;

    padding: 0;

    width: 100%;

}

.progress_ul > li {

    float: left;

    width: 100%;

}

.prog_title {

    color: #a0a0a0;

    float: left;

    font-size: 15px;

    width: 50%;

}

.prog_detail {

    float: left;

    width: 50%;

}

.progress_ul .progress {

    background: #fff ;

    box-shadow: none;

    margin-bottom: 0;

	border-radius:0;

	height:16px;

}

.progress_ul .progress .progress-bar{

	padding-top:0;

	font-size:11px;

}

.progress-bar.prog_green {

    background: #8dc73f ;

}

.progress-bar.prog_blue {

    background: #178bc6 ;

}

.progress-bar.prog_orange {

    background: #f9961f ;

}

.progress-bar.prog_gray {

    background: #bbbdbc ;

}

.progress-bar.prog_purple {

    background: #900ae5 ;

}



.progress_cont {

    float: left;

    text-align: center;

    width: 100%;

	padding-bottom: 44px;
	position: relative;

}

.c100.green > span small {

    color: #919192;

    float: left;

    height: 20px;

    line-height: 1;

    margin-top: -90px;

    transform: scale(0.6);

    width: 100%;

}

.c100.green.big {

    margin-bottom: -42px;

    margin-right: 0;

    margin-top: -42px;

    transform: scale(0.6);

}

.iner_pg_cont {

    display: inline-block;

}

.progress_cont .c100.green .bar, .c100.green .fill {

	 border-color: #8dc63f !important;

}

.progress_cont .c100{

	background-color:#8c8d8e;

}

.blue_counter {

    color: #168bc5;

    float: left;

    font-size: 66px;

    line-height: 1;

    margin-top: 60px;

    text-align: center;

    width: 100%;

}

.gray_counter {

    color: #a0a0a0;

    float: left;

    font-size: 15px;

    font-weight: bold;

    line-height: 1.5;

    margin-top:0px;

    text-align: center;

    width: 100%;

}

.orange_counter {

    color: #fea700;

    float: left;

    font-size: 13px;

    font-weight: bold;

    line-height: 1.5;

    text-align: center;

    width: 100%;

}

.progress_complete {

    color: #8c8d8e;

    float: left;

    font-size: 14px;

    margin-bottom: -1px;

    margin-top: 0;

    width: 100%;

}



.progress_complete_success {

    color: #8dc63f;

    float: left;

    font-size: 14px;

    margin-bottom: -1px;

    margin-top: 0;

    width: 100%;

}



.progress_complete_bad {

    color: #ef1c1c;

    float: left;

    font-size: 14px;

    margin-bottom: -1px;

    margin-top: 0;

    width: 100%;

}



.progress_schedule_name {

    color: #999;

    font-weight: bold;

    float: left;

    font-size: 14px;

    margin-bottom: -1px;

    margin-top: 0;

    width: 100%;

}



.clumne-4 .bg_whithe {

    min-height: 284px;

}

.customer_health_avg_out_off {

    float: left;

    text-align: center;

    width: 100%;

}

.gain_out_of {

    color: #eb2a2a;

    display: inline-block;

    font-size: 66px;

    line-height: 1;

    padding: 20px;

}

.out_off {

    color: #8c8d8e;

    display: inline-block;

    font-size: 16px;

    line-height: 1;

    padding: 20px;

    vertical-align: text-bottom;

}

.out_of_total {

    color: #8dc63f;

    display: inline-block;

    font-size: 66px;

    line-height: 1;

    padding: 20px;

}

.customer_health_avg_p {

    float: left;

    width: 100%;

}

.customer_health_avg_p p {

    color: #afafaf;

    float: left;

    font-size: 14px;

    line-height: 1.2;

	text-align:center;

    width: 100%;

}

.stackedprogress {

    float: left;

    margin-top: 30px;

    padding: 50px 0;

    width: 100%;

}

.stackedprogress .progress {

    background-color: #f5f5f5;

    border-radius: 0;

    box-shadow: none;

    height: 30px;

	overflow:visible;

}

.stackedprogress .progress .progress-bar {

	font-size: 14px;

	box-shadow:none;

	font-weight:bold;

}

.week_progress {

    background: #8dc63f ;

    border-right: 5px solid #fff;

    padding: 8px 0;

	position:relative;

}

.Months_progress {

    background: #168bc5 ;

    border-right: 5px solid #fff;

    padding: 8px 0;

	position:relative;

}

.Years_progress {

    background: #f7cb1d ;

    border-right: 5px solid #fff;

    padding: 8px 0;

	position:relative;

}

.unknown_progress {

    background: #d2d3d4 ;

    padding: 8px 0;

	position:relative;

}



.week_preog_title {

    bottom: auto;

    color: #8c8d8e;

    font-size: 16px;

    left: 0;

    margin: auto;

    overflow: visible;

    position: absolute;

    right: 0;

    top: -50px;

}

.Months_preog_title {

    bottom: -50px;

    color: #8c8d8e;

    font-size: 16px;

    left: 0;

    margin: auto;

    overflow: visible;

    position: absolute;

    right: 0;

    top: auto;

}

.Years_preog_title {

    bottom: auto;

    color: #8c8d8e;

    font-size: 16px;

    left: 0;

    margin: auto;

    overflow: visible;

    position: absolute;

    right: 0;

    top: -50px;

}

.unknown_preog_title {

    bottom: -50px;

    color: #8c8d8e;

    font-size: 16px;

    left: 0;

    margin: auto;

    overflow: visible;

    position: absolute;

    right: 0;

    top: auto;

}

.week_preog_title::after {

    background: #8dc63f ;

    bottom: -30px;

    content: "";

    height: 30px;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    top: auto;

    width: 2px;

}

.Months_preog_title::after {

    background: #168bc5 ;

    top: -30px;

    content: "";

    height: 30px;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    bottom: auto;

    width: 2px;

}

.Years_preog_title::after {

    background: #f7cb1d ;

    bottom: -30px;

    content: "";

    height: 30px;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    top: auto;

    width: 2px;

}

.unknown_preog_title::after {

    background: #d2d3d4 ;

    top: -30px;

    content: "";

    height: 30px;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    bottom: auto;

    width: 2px;

}

.tagBall {

    height: 260px;

    margin: 0 auto;

    position: relative;

    transform: rotate(30deg);

    width: 340px;

}

.word_clouds {

    background: #f5f5f5 ;

}

.tag {

    color: #000;

    display: block;

    font-family: Helvetica;

    /*font-size: 24px !important;*/

    font-weight: bold;

    left: 0;

    padding: 3px 5px 0 !important;

    position: absolute;

    text-decoration: none;

    text-transform: capitalize;

    top: 0;

}

.tag:hover{

	background:#fff;

	border:1px solid #ccc;

	}.customer_sentiments {

    margin-top: 35px;

}

.customer_sentiments .progress_ul > li {

    margin-bottom: 20px;

}

.customer_sentiments .progress_ul {

    margin: 50px 0;

}

.customer_sentiments .prog_title {

    width: 37%;

}

.customer_sentiments .prog_detail {

    width: 63%;

}

.goal_meater_img{

	height:246px;

	width:236px;

	background-image:url(../img/goal_meter.png);

	background-repeat:no-repeat;

	background-position:top center;

	position:relative;

}

.goal_meater_main {

    display: inline-block;

    height: 140px;

    overflow: hidden;

	margin-top: 15px;

}.nagitive {

    position: absolute;

    border: afd;

    bottom: 105px;

    font-size: 12px;

    font-weight: bold;

	left:0;

}



.positive {

    position: absolute;

    border: afd;

    bottom: 105px;

    font-size: 12px;

    font-weight: bold;

	right:0;

}

.goal_pin {

	background-image:url(../img/pin_goal_meter.png);

	background-repeat:no-repeat;

	background-position:top center;

    bottom: 0;

    height: 242px;

    margin: auto;

    position: absolute;

    right: 0;

    top: 0;

    width: 12px;

    left: 0;

    transform: rotate(-90deg);

	transition:0.3s;

}



/*-------------------------------------------10-10-2016---*/

.BodyRightSide select {

    background: #f4f4f4 ;

    border: 1px solid #f4f4f4;

    float: left;

    height: 25px !important;

    padding: 2px;

    width: 100%;

	font-weight: normal;

}

.BodyRightSide .InputTextS{

    background: #f4f4f4 ;

    border: 1px solid #f4f4f4;

    float: left;

    height: 25px !important;

    padding: 3px 5px 0;

    width: 100%;

	margin-bottom: 7px;	

}

.chosen-container.chosen-container-multi .chosen-choices li.search-field {

	width:100%;
	height: 35px;

}

.chosen-container.chosen-container-multi .chosen-choices li.search-field input[type="text"]{

	font-weight: normal;

    margin-bottom: 5px;

    margin-top: 2px;

    padding: 10px;

}

.chosen-container{

	background:#f4f4f4;

}

.chosen-container.chosen-container-multi .chosen-choices {

	background-image:none;

	background-color:#f4f4f4;

	width:100%;

}

.BodyRightSide > span#call_script_download {

    display: inline-block;

    margin-top: 10px;

}

@media (max-width:480px){

	.BodyLeftSide{

	width:100%;

	text-align:left;

	margin-bottom:7px;	

	}

	.BodyRightSide{

	width:100%;	

	}

	.Use_Radio_button_Right_Left .BodyLeftSide {

    display: inline-block;

    float: unset;

    width: auto;

	}

	.Use_Radio_button_Right_Left .BodyRightSide {

	float: left;

	width: 35px;

	}

}

#pagigi {

    background: #fff ;

    float: left;

    padding: 5px 20px 0;

    text-align: center;

    width: 100%;

}

#pagigi ul li {

    margin-bottom: 2px;

	display: inline-block;

}

#pagigi ul li.active a {

    background: #8dc73f ;

    border: 1px solid #8dc73f;

    color: #fff;

}

#pagigi ul li a {

    border-color: #dddddd;

    border-radius: 10%;

    color: #7e7e7e;

    font-size: 14px;

    line-height: 1.5;

    margin-right: 3px;

    min-height: 38px;

    min-width: 38px;

    padding-top: 10px;

}

.Input_text_s input{

	border:1px solid #ccc;

	border-radius:0;

	box-shadow:none;

	padding-top: 8px;

	margin-bottom:20px;

}

#leads_filter_frm .Input_text_s input {

	margin-bottom:0;

}

.Input_text_s input:focus{

	border:1px solid #888;

	border-radius:0;

	box-shadow:none;

}

#leads_filter_frm .Select_s {

	margin-bottom:0;

}

.ExpndColapsi_li {

	cursor:pointer;

	}

@media (max-width:991px){

	#leads_filter_frm .Select_s , #leads_filter_frm .Input_text_s input {

	margin-bottom:20px;

	}

	#pagigi ul li a {

    border-radius: 19%;

    line-height: 1;

    min-height: 25px;

    min-width: 25px;

	}

}

.tag_in_mob , .tag_in_mob:hover {

    background: #23527c;

    border: 1px solid #fff;

    border-radius: 5px;

    box-shadow: 1px 1px 2px #eee;

    display: inline-block;

    margin-bottom: 5px;

    padding: 5px 8px;

    color: #fff;

}

.tag_in_mob:nth-child(2n+2) {  

  background: #F60;

  color:#fff;

}

.tag_in_mob:nth-child(3n+3) {  

  background: #C33;

  color:#fff;

}

.tag_in_mob:nth-child(4n+4) {  

  background: #09C;

  color:#fff;

}

.tag_in_mob:nth-child(5n+5) {  

  background: #060;

  color:#fff;

}

.tag_in_mob:nth-child(6n+6) {  

  background: #F3C;

  color:#fff;

}

.word_clouds_in_mobile {

    float: left;

    width: 100%;

    background: #F5F5F5;

    padding: 15px;

    text-align: center;

	display:none;

}

@media(max-width:767px){

	.top-medel-box .Select_s{

	margin-bottom:20px;	

	}

	.dash_iner_main{

	padding: 5px 8px;

	}

	.gain_out_of , .out_off , .out_of_total {

	width:100%;	

	}

	.word_clouds_in_mobile {

	display:block;	

	}

}

#login_chosen_dgn input.default{

    background: #fff !important;

    height: 35px;

    margin: 0;

    padding: 7px 10px;

    width: 100% !important;

}

#login_chosen_dgn .search-choice {

    background: #f8f8f8 ;

    border: 1px solid #d4d4d4;

    display: inline-block;

    float: left;

    padding: 15px;

    width: 95%;

}

#login_chosen_dgn .search-choice span {

    color: #333;

    display: inline-block;

    float: left;

    left: 11px;

    top: 12px;

    white-space: nowrap;

    width: 100% !important;

}

#login_chosen_dgn .search-choice a.search-choice-close {

    right: 6px;

    top: 9px;

}/******************************************************************************************/

/****************************** Code for Custom Chosen ************************************/

/******************************************************************************************/

#home_fm_id .Select_client_s{

	width:100%;	

	}



@media (max-width:991px) and (min-width:768px){

	#home_fm_id .Select_client_s , #home_fm_id .add_new_cleidnt_b{

	width:100%;

	margin-right:0;

	margin-bottom: 15px;

	}

	#home_fm_id .add_new_cleidnt_b button {

	width:100%;	

	}

	#home_fm_id .saving_s_b.asswe {

	padding-right: 15px;

    width: 100%;	

	}

	#home_fm_id .saving_s_b {

    width: 100%;	

	margin-bottom:15px;

	}

	#home_fm_id .saving_s_b.asswe .btn_withIcon{

    width: 100%;	

	}

	#home_fm_id .saving_s_b .btn_withIcon{

    width: 100%;	

	}

	.row_right_mob {

    margin-right: -15px;

	}

	#home_fm_id .black_button{

	padding-left:15px;	

	}

	#home_fm_id .black_button .btn_withIcon{

	width:100%;	

	}

}

@media (max-width:767px) {

	.col-xs-row {

    margin-left: -15px;

    margin-right: -15px;

	}

}

/*----------------------------------------------My custom Chosen---*/



.c_chosen {

    background: #f5f5f5;

    float: left;

    /*height: 25px;*/

    list-style: outside none none;

    margin-bottom: 6px;

    padding: 0;

    position: relative;

    width: 100%;

}



.get_chs {

    background: #efefef;

    /*border-bottom: 1px solid #e0e0e0;*/ 

    float: left;

    padding: 0 0 25px;

    position: relative;

    width: 100%;

}

.c_chosne_btn {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */

background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */    border-radius: 2px;

    box-shadow: 1px 1px 1px #c9c9c9;

    color: #383838;

    float: left;

    font-size: 13px;

    font-weight: bold;

    margin: 5px 0 0 5px;

    padding: 4px 20px 0 5px;

    position: relative;

    text-align: left;

}

.c_chosne_btn:last-child{

	margin-bottom:5px;

}

.c_chosne_btn > span {

    color: #818182;

    cursor: pointer;

    position: absolute;

    right: 11px;

    top: 5px;

}

.li_select_chs {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5dabef+0,3493ed+50,268bef+51,4683dd+100 */

background: rgb(93,171,239); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(93,171,239,1) 0%, rgba(52,147,237,1) 50%, rgba(38,139,239,1) 51%, rgba(70,131,221,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(93,171,239,1) 0%,rgba(52,147,237,1) 50%,rgba(38,139,239,1) 51%,rgba(70,131,221,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(93,171,239,1) 0%,rgba(52,147,237,1) 50%,rgba(38,139,239,1) 51%,rgba(70,131,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dabef', endColorstr='#4683dd',GradientType=0 ); /* IE6-9 */



    /*background: #178bc6;*/

    color: #fff;

    float: left;

    /*font-family: arial;*/

    padding: 7px 7px 3px;

    width: 100%;

	cursor:pointer;

	display:none;

	border-bottom:1px solid #0074AF;

}

.li_select_chs:hover {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */

background: rgb(109,179,242); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

}

.li_select_chs.disabled_chs {

    background: #f5f5f5 ;

    border-bottom: 1px solid #e7e7e7;

    color: #cacaca;

}

.li_select_chs.disabled_chs_sorting {

    background: #f5f5f5 ;

    border-bottom: 1px solid #e7e7e7;

    color: #cacaca;

}

.input_span_chsn {

    background: #F5F5F5;

    bottom: 0;

    height: 25px;

    left: 0;

    position: absolute;

    width: 100%;

}

.input_span_chsn.bdr_chn{

    background: #ffffff ;

    border: 1px solid #cdcdcd;

}

.text_hid{

	display:none;

}



#span_custom_fields_sort_order{

	display:none;

}



.chose_chosen {

    color: #878787;

    float: left;

    /*font-family: arial;*/

    padding: 6px 5px 4px;

    width: 100%;

}

.ch_full_width .c_chosne_btn {

    margin-left: 0;

    margin-right: 0;

    width: 100%;

}



/******************************************************************************************/

/****************************** End Code for Custom Chosen ************************************/

/******************************************************************************************/



.champion_class{

	float: left;

    border: 1px solid #f0f0f0;

    padding: 5px 5px 0px 5px;

    background: #eee;margin: 5px 0px 10px 5px;

	margin-top: -5px;

}



.header-responsive-scroll-base-0.saprationsdiv {

    float: left;

    width: 100%;

}

/*--------------------------------------------------------------------------------.-.-.N.E.W. .C.H.A.N.G.E.S.-.-.*/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

.top_info_bar {

    background: #000;

    float: left;

    width: 100%;

	border-bottom: 1px solid #181818;

}
aa{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#43d6c2+0,34a394+100 */

background: rgb(67,214,194); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(67,214,194,1) 0%, rgba(52,163,148,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(67,214,194,1) 0%,rgba(52,163,148,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(67,214,194,1) 0%,rgba(52,163,148,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43d6c2', endColorstr='#34a394',GradientType=0 ); /* IE6-9 */}



.btn-nps{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#25aa99+0,25aa99+100 */

background: rgb(37,170,153); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(37,170,153,1) 0%, rgba(37,170,153,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(37,170,153,1) 0%,rgba(37,170,153,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgb(37, 170, 47) 0%,rgb(170, 160, 37) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25aa99', endColorstr='#25aa99',GradientType=0 ); /* IE6-9 */    border-bottom: 1px solid #34a394;

    color: #fff;

    font-family: "Roboto",sans-serif;

    font-weight: 700;

    line-height: 18px;

    margin: 5px 0;

	transition:0.3s;

	border-top: medium none;

}

.btn-success {

    background-color: #8dc63f;

    border-color: #8dc63f;

    color: #fff;

}

.btn-success:hover , .btn-success:focus{

    background-color: #99d24b;

    border-color: #99d24b;

    color: #fff;

}

.btn-nps:hover , .btn-nps:focus{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#25aa99+0,25aa99+100 */

background: rgb(37,170,153); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(37,170,153,1) 0%, rgba(37,170,153,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(37,170,153,1) 0%,rgba(37,170,153,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(37,170,153,1) 0%,rgba(37,170,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25aa99', endColorstr='#25aa99',GradientType=0 ); /* IE6-9 */

	color:#baf4eb;

}

.top-togl-nps .btn.dropdown-toggle {

    background: #000 ;

    color: #ccc;

    font-size: 13px;

    line-height: 22px;

    margin: 5px 0;

    padding-bottom: 1px;

}

.top-togl-nps .img-responsive {

    border: 1px solid #ccc;

    display: inline-block;

    float: none;

    height: 75px;

    margin: 5px auto;

    max-width: 75px;

    object-fit: cover;

    width: 75px;

}

.page-header-nps{

	background-image:url(../img/nps-bg.png);

	background-repeat:no-repeat;

	background-size:cover;

	border-top: 1px solid #222;

    float: left;

    width: 100%;

	background-color:#000;

	margin-bottom:-1px;

}

.page-header-nps .logo > img {

    float: left;

    height: 44px;

    margin-top: 30px;

    width: auto;

}

.top_hd_menu {

    float: left;

    list-style: outside none none;

    margin: 0;

    padding: 0;

    width: 100%;

}

.top_hd_menu > li {

    border-radius: 10px;

    box-shadow: none;

    float: left;

    height: 100px;

    margin-right: 10px;

    text-align: center;

	position:relative;

    width: 60px;

	border-bottom: 1px solid transparent;

	border-top: 1px solid transparent;

	border-right: 1px solid transparent;

	border-left: 1px solid transparent;

}

.top_hd_menu > li a {

    color: #fff;

    float: left;

    font-size: 23px;

    padding-top: 25px;

    text-decoration: none;

    width: 100%;

}

.top_hd_menu span {

    float: left;

    font-size: 13px;

    padding-top: 15px;

    width: 100%;

	font-family: "Roboto",sans-serif;

	

	font-size:12px;

	

}

.top_hd_menu > li:hover , .top_hd_menu > li.active {

    border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(65, 70, 71, 0.8);

    border-style: solid;

    border-width: 1px;

    box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.3) inset;

}

.top_hd_menu > li:hover::after , .top_hd_menu > li.active::after {

    background: url(../img/hovernemu.png);

    bottom: -25px;

    content: "";

    height: 16px;

    left: 35px;

    position: absolute;

    width: 22px;

}



.top_hd_menu > li:hover a , .top_hd_menu > li:hover span , .top_hd_menu > li.active a , .top_hd_menu > li.active span {

    color:#8dc63f;

}

.nabg_nps{

	float:left;

	width:100%;

	min-height:55px;

	height:auto;

	background:#28292f url("../img/nav_bg.png") repeat-x scroll 0 0;

	text-align:center;

	box-shadow: 0 -8px 26px -8px #000;

}

.nps_select {

    display: inline-block;

    padding-top: 11px;

}

.nps_select .Select_client_s .bootstrap-select > .dropdown-toggle {

     background: #212228 ;

    border-color: #1a1b20 #1a1b20 #494a4f;

    border-style: solid;

    border-width: 1px;

    box-shadow: 0 0 7px 3px #1a1b20 inset;

}

.nps_select .add_new_cleidnt_b .btn.btn-success.btn_withIcon{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494b54+0,393b41+100 */

background: rgb(73,75,84); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(73,75,84,1) 0%, rgba(57,59,65,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(73,75,84,1) 0%,rgba(57,59,65,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(73,75,84,1) 0%,rgba(57,59,65,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494b54', endColorstr='#393b41',GradientType=0 ); /* IE6-9 */

	border-color: #65666d transparent #1d1d22 transparent;

    border-style: solid;

    border-width: 1px;

	padding-left: 30px;

    padding-right: 30px;

}

.container_nps {

    padding-top: 40px;

}

.container_nps .col_cus_dgn {

    box-shadow: 2px 2px 1px #ccc;

}

body{

	background-image:url(../img/patrna.png);

	background-repeat:repeat;

}

.container_nps .hd_icon_side {

    display: inline-block;

    float: none;

    text-align: center;

}

.container_nps .col_cus_hd {

    border-bottom: 0 none;

    padding-top: 25px;

    position: relative;

    text-align: center;

	margin-bottom: 30px;

}

.container_nps .col_cus_hd::after {

    background: #8dc63f ;

    bottom: 0;

    content: "";

    height: 3px;

    left: 43%;

    position: absolute;

    width: 14%;

}



.container_nps .hd_icon_side > span {

    display: none;

}

.container_nps .hd_icon_side h2 {

    color: #8dc63f;

    font-family: "Roboto",sans-serif;

    font-size: 18px;

}

.container_nps .BodyRightSide > input[type="text"] {

    background: #fff ;

    border: 1px solid #cccdce;

    height: 30px;

    padding: 5px 8px;

}



.container_nps .BodyRightSide > input[type="number"] {

    background: #fff ;

    border: 1px solid #cccdce;

    height: 30px;

    padding: 5px 8px;

	width: 140px;

}



.container_nps .BodyRightSide {

	width:55%;

}

.container_nps .BodyLeftSide {

	width:40%;

}

@media (max-width:480px){

	.container_nps .BodyRightSide {

	width:100%;

	padding:0 15px;

	}

	.container_nps .BodyLeftSide {

	width:100%;

	padding:0 15px;

	}

}

.container_nps .BodyRightSide .InputTextS {

    background: #fff ;

    border: 1px solid #f4f5f6;

    height: 30px !important;

    padding: 5px 8px;

}

.container_nps .BodyRightSide select {

    background: #fff ;

    border: 1px solid #f4f5f6;

    height: 30px !important;

    padding: 5px 8px;

}

.addnew-nps {

    color: #8dc63f;

    cursor: pointer;

    font-size: 13px;

    font-weight: bold;

    margin-bottom: 10px;

    margin-top: 10px;

    position: relative;

}

.addnew-nps::before {

    background: #8dc63f ;

    border-radius: 4px;

    color: #fff;

    content: "+";

    font-size: 12px;

    height: 15px;

    left: -22px;

    line-height: 16px;

    position: absolute;

    text-align: center;

    width: 15px;

}



.creat_new_nps {

    background: #f2f2f2 ;

    float: left;

    padding: 15px 25px;

    position: relative;

    width: 100%;

}

.creat_new_nps::after {

    background: #f2f2f2 ;

    content: "";

    height: 100%;

    position: absolute;

    right: -15px;

    top: 0;

    width: 15px;

}

.creat_new_nps::before {

    background: #f2f2f2;

    content: "";

    height: 100%;

    position: absolute;

    left: -15px;

    top: 0;

    width: 15px;

}

.creat_new_nps .BodyLeftSide {

    color: #8b979e;

    float: left;

    margin-bottom: 15px;

    text-align: left;

    width: 100%;

	font-size:13px;

	font-weight: normal;

}

.creat_new_nps .BodyRightSide {

    float: left;

    width: 100%;

}

.container_nps .creat_new_nps .BodyRightSide > input[type="text"] {

    width: 70%;

	

	}



.container_nps .creat_new_nps .btn-nps {

    font-size: 12px !important;

    margin-bottom: 10px;

    margin-top: -3px;

    padding: 5px;

    width: 25%;

	height:auto;

	min-width:25%;

}#chosnid-nps {

    float: left;

    padding: 25px 0;

    width: 100%;

}

.chosnx-nps {

    background: #43444c ;

    border-radius: 4px;

    float: left;

    padding: 25px;

    width: 100%;

}

.chosnx-nps22 {

    border-radius: 4px;

    width: 100%;

}

#chosnid-nps .s_title {

    float: left;

    font-size: 13px;

    margin-bottom: 30px;

    margin-top: 10px;

    position: relative;

    text-align: center;

    width: 100%;

	color: #c2c2c3;

	text-transform:uppercase;

	font-weight:bold;

}

#chosnid-nps .s_title::before {

    background: #c2c2c2 ;

    bottom: -7px;

    content: "";

    height: 3px;

    left: 43%;

    position: absolute;

    width: 14%;

}

#chosnid-nps .c_chosen {

    background: #43444c;

}

#chosnid-nps .get_chs{

    background: #43444c;

	padding: 0 0 33px;

}

#chosnid-nps .c_chosne_btn {

    background: #212228 ;

    border: 1px solid #131416;

    border-radius: 2px;

    box-shadow: none;

    color: #c2c2c3;

    font-size: 12px;

    font-weight: normal;

    padding: 5px 25px 5px 15px;

}

#chosnid-nps .input_span_chsn{

	height: 33px;

}

#chosnid-nps .input_span_chsn {

    background: #212228 ;

    border-color: #1a1b20;

    border-radius: 0;

    border-style: solid;

    border-width: 1px;

    box-shadow: 0 0 7px 3px #1a1b20 inset;

	

	

	/*background: #f5f5f5 ;

    border-color: #c1c1c1;

    border-radius: 0;

    border-style: solid;

    border-width: 1px;

    box-shadow: 0 0 10px 1px #C1C1c1 inset;*/

}

#chosnid-nps .chose_chosen {

    color: #8b979e;

    padding: 7px 15px;

	font-weight:normal;

	font-size:12px;

	cursor:pointer;

}

#chosnid-nps .li_select_chs.disabled_chs , #chosnid-nps .li_select_chs.disabled_chs:hover{

    background: #7f7f7f;

    border-bottom: 1px solid #656565;

	border-right: 1px solid #000;

	border-left: 1px solid #000;

    color: #545454;

	

    border: 0 none !important;

    height: 0;

    overflow: hidden;

    padding: 0 !important;

    width: 0!important;

}

#chosnid-nps .li_select_chs.disabled_chs_sorting , #chosnid-nps .li_select_chs.disabled_chs_sorting:hover{

    background: #7f7f7f;

    border-bottom: 1px solid #656565;

	border-right: 1px solid #000;

	border-left: 1px solid #000;

    color: #545454;

	

    border: 0 none !important;

    height: 0;

    overflow: hidden;

    padding: 0 !important;

    width: 0!important;

}

#chosnid-nps .li_select_chs {

    background: #212228 ;

    border-bottom: 1px solid #212228;

    border-left: 1px solid #212228;

    border-right: 1px solid #212228;

    color: #8b979e;

    font-size: 12px;

    font-weight: normal;

    padding: 5px 15px;

}

#chosnid-nps .li_select_chs:hover {

    background: #000 ;

    color: #8dc63f;

}



.container_nps #chosnid-nps  .BodyRightSide {

    width: 100%;

}

.container_nps #chosnid-nps .BodyLeftSide {

    width: 100%;

}



.container_nps #chosnid-nps .BodyLeftSide {

    float: left;

    font-size: 13px;

    margin-bottom: 30px;

    margin-top: 10px;

    position: relative;

    text-align: center;

    width: 100%;

	color: #c2c2c3;

	text-transform:uppercase;

	font-weight:bold;

}

.container_nps #chosnid-nps .BodyLeftSide::before {

    background: #c2c2c2 ;

    bottom: -7px;

    content: "";

    height: 3px;

    left: 43%;

    position: absolute;

    width: 14%;

}

.nps_select .select_d_bx .dropdown-menu {

    background: #212228;

}

.nps_select .select_d_bx .dropdown-menu > li > a {

	color: #8b979e;

    font-size: 12px;

    line-height: 2;

}

.nps_select .select_d_bx .dropdown-menu > li > a:hover, .nps_select .select_d_bx .dropdown-menu > li > a:focus {

    background-color: #000;

    color: #8dc63f;

}

@media (max-width:991px){

	.page-header-nps .logo {

	text-align:center;	

	}

	.page-header-nps .logo > img {

    float: none;

    margin-bottom: 5px;

    margin-top: 5px;

	}

	.top_hd_menu > li {

    display: inline-block;

    float: none;

    margin-bottom: -6px;

	}

	.top_hd_menu {

    text-align: center;

	}

}

@media (max-width:660px){

	.top_hd_menu > li {

    margin-bottom: 0;

    margin-top: 15px;

	}

	.top_hd_menu > li:hover::after, .top_hd_menu > li.active::after {

	display:none;	

	}

}

.container_hlf {

    float: left;

    margin-top: 20px;

    width: 50%;

}



.otr {

    float: left;

    padding: 10px;

    width: 100%;

}

.container_hlf .thrd-header.listinghd {

    background: #fff ;

	position:relative;

}

.container_hlf .thrd-header.listinghd h3{

	font-weight:bold;

	color:#8DC63F;

}

.container_hlf .thrd-header.listinghd::after{

    content:'';

	height:3px;

	background:#8DC63F;

	width:10%;

	left:45%;

	bottom:3px;

	position:absolute;

}

.container_hlf .thrd-header.bdr_btn {

	background:#fff;

	border-bottom:2px solid #ccc;

	font-weight: bold;

}

.otr_iner {

    background: #fff ;

    box-shadow: 3px 3px 0 #ccc;

    float: left;

    padding: 10px 50px;

    width: 100%;

}

@media (max-width:800px){

	.container_hlf {

    float: left;

    margin-top: 20px;

    width: 100%;

	}

}

@media (max-width:480px){

	.otr {

    padding:15px 0;

	}

	.otr_iner{

	padding:0 15px;	

	}

}

.hd_short_border_botm {

    float: left;

    margin-bottom: 30px;

    padding: 0 20px 20px;

    position: relative;

    width: 100%;

}

.hd_short_border_botm h3{

	font-weight:bold;

	color:#8DC63F;

	text-align:center;

	margin:0;

	text-transform: uppercase;

}

.hd_short_border_botm::after{

    content:'';

	height:3px;

	background:#8DC63F;

	width:10%;

	left:45%;

	bottom:3px;

	position:absolute;

}

.nps_select .Select_client_s .bootstrap-select > .dropdown-toggle {

	padding-left:20px;

}



h3.hrs_of_opration{

	color: #c2c2c3;

    float: left;

    font-size: 13px;

    font-weight: bold;

    margin-bottom: 30px;

    margin-top: 10px;

    position: relative;

    text-align: center;

    text-transform: uppercase;

    width: 100%;

}

h3.hrs_of_opration::after{

    background: #c2c2c2 ;

    bottom: -7px;

    content: "";

    height: 3px;

    left: 43%;

    position: absolute;

    width: 14%;

}.bdy_RightLeft > li {

}

.bdy_RightLeft > li {

}

#time_and_day_box {

    float: left;

    list-style: outside none none;

    padding: 25px 0;

    width: 100%;

}

#time_and_day_box_li {

    background: #43444c ;

    border-radius: 4px;

    float: left;

    padding: 25px;

    width: 100%;

}

#time_and_day_box {

}

#time_and_day_box_iner {

    float: left;

    list-style: outside none none;

    padding: 0;

    width: 100%;

}

#time_and_day_box_iner > li {

    float: left;

    margin-bottom: 15px;

    width: 100%;

}

#time_and_day_box_iner > li .BodyLeftSide {

    color: #c7c7c7;

    font-weight: bold;

    width: 20%;

}

#time_and_day_box_iner > li .BodyRightSide {

    width: 80%;

}

#time_and_day_box_iner > li .BodyRightSide > select {

    background: #212228 ;

    border: 1px solid #000;

    border-radius: 4px;

    float: left;

    font-weight: normal;

    height: 25px !important;

    padding: 3px 40px 3px 10px;

    width: 100%;

}

.dayselect {

    border-radius: 0;

    position: relative;

}

.dayselect::after {

    background-color: #212228;

    background-image: url("daro.png");

    background-position: center center;

    background-repeat: no-repeat;

    border-radius: 2px;

    content: "";

    height: 23px;

    position: absolute;

    right: 1px;

    top: 1px;

    width: 25px;

}

#time_and_day_box_iner > li .BodyRightSide .time_pick > input {

    background: #212228  !important;

    border: 1px solid #000;

    border-radius: 4px;

    height: 25px !important;

    padding: 3px 10px;

}

.addqacont .addqacont_iner .col_cus_dgn {

    box-shadow: 2px 2px 1px #ccc;

    margin-top: 60px;

    padding: 50px 50px 20px;

}

.addqacont_iner .BodyLeftSide {

	width: 40%;

	}

@media (max-width:480px){

	.addqacont_iner .BodyLeftSide {

	width: 100%;

	}

	.addqacont .addqacont_iner .col_cus_dgn {

    box-shadow: 2px 2px 1px #ccc;

    margin-top: 20px;

    padding:20px 20px 10px;

	}

	#time_and_day_box_iner > li .BodyRightSide {

    width: 100%;

	}

	#time_and_day_box_iner > li .BodyRightSide > select {

    width: 105%;

	}

	#time_and_day_box_li {

    padding: 25px 25px 25px 0;

	}

	#chosnid-nps {

    padding: 15px;

	}

	.chosnx-nps {

    padding: 15px;

	}

}

@media (max-width:400px){

	#time_and_day_box_iner > li .BodyRightSide > select {

    width: 107%;

	}

}

@media (max-width:360px){

	#time_and_day_box_iner > li .BodyRightSide > select {

    width: 110%;

	}

}

.colin-nps::after {

    background: #f2f2f2;

    content: "";

    height: 100%;

    position: absolute;

    right: -15px;

    top: 0;

    width: 15px;

}

.colin-nps::before {

    background: #f2f2f2;

    content: "";

    height: 100%;

    position: absolute;

    left: -15px;

    top: 0;

    width: 15px;

}

.colin-nps {

    background: #f2f2f2 ;

    float: left;

    padding: 20px 15px;

    position: relative;

    width: 100%;

}

.colin-nps > span{

    margin-bottom:10px;

}

.btn-nps {

    height: 38px;

    min-width: 110px;

    padding-top: 7px !important;

}

.top_info_bar .btn-nps {

    height: auto;

    min-width: unset;

}

.container_nps .bootstrap-select.btn-group .dropdown-menu li a span.text {

    font-size: 12px;

	color:#8b979e;

}

.inputlike .search-field {

    color: #8b979e !important;

    font-size: 12px;

    padding: 3px 10px !important;

}

.inputlike .search-field input{

	color: #8b979e !important;

	font-size: 12px;

}

.inputlike .chosen-container-active .chosen-choices {

	box-shadow:none !important;

	border-bottom:none !important;

}

.inputlike .chosen-container-active .chosen-choices{

	box-shadow:none !important;

}

/*-----------------------------------*/

.chosnx-nps .search-field {

    color: #8b979e !important;

    font-size: 12px;

    padding: 3px 10px !important;

	background:#212228 !important;

	box-shadow: 0 0 7px 3px #1a1b20 !important;

}

.chosnx-nps .search-field input{

	color: #8b979e !important;

	font-size: 12px;

	background:#212228 !important;

}

.chosnx-nps .chosen-container.chosen-container-multi .chosen-choices li.search-field input[type="text"]{

	color: #8b979e !important;

}

.chosnx-nps .chosen-container-active .chosen-choices {

	box-shadow:none !important;

	border-bottom:none !important;

}

.chosnx-nps .chosen-container-active .chosen-choices{

	box-shadow:none !important;

}

.word_clouds .tagBall .tag {

    text-transform: uppercase;

}

/*--------------------------------------------------*/

.nps-responce-msg .seconder-header {

    box-shadow: 1px 1px 1px #ccc;

}

.nps-responce-msg .seconder-header alert alert-danger{

	margin-bottom: 0;

    text-align: center;

	margin-top:0px;

}

.reponse_error_messages.nps-responce-msg.alert {

    float: left;

    padding:0;

    width: 100%;

}

.nps-responce-msg .seconder-header {

    box-shadow: 1px 1px 1px #ccc;

    margin-bottom: 0;

    margin-top: 0 ;

}

.nps-responce-msg .close {

    position: relative;

    right: 30px;

    top: 55px;

    z-index: 2;

}

.nps-leads_filter_frm{

	margin-top: 20px;

}

/*----------------------------------*/

.place-texti {

    background-image: url("ddaro.png");

    background-position: 100% 10px;

    background-repeat: no-repeat;

    color: #fff;

}

.filter-multi-select-nps .get_chs {

    padding: 0 0 35px;

	border:1px solid #828282;

	background:#828282;

	border-radius:4px;

}

.filter-multi-select-nps .input_span_chsn{

	background:#828282;

	height: 100%;

	padding: 7px 10px;

    

}

.filter-multi-select-nps .input_span_chsn.bdr_chn {

    background: #828282;

	height:100%;

	border:none;

} 

.filter-multi-select-nps .c_chosen.chos_li_selected .place-texti{

	display:none;

}



.filter-multi-select-nps .c_chosen.chos_li_selected .get_chs{

	padding:0px;

}

.filter-multi-select-nps .li_select_chs {

    background: #fff ;

    border-bottom: 1px solid #eee;

    color: #797979;

    padding: 10px;

}

.filter-multi-select-nps .li_select_chs.disabled_chs{

	border-bottom: 0px solid #eee;

	height:0px;

	width:0px;

	overflow:hidden;

	padding:0;

}

.filter-multi-select-nps .li_select_chs.disabled_chs_sorting{

	border-bottom: 0px solid #eee;

	height:0px;

	width:0px;

	overflow:hidden;

	padding:0;

}

.filter-multi-select-nps .c_chosne_btn {

    background: #e8e8e8;

    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;

    color: rgba(0, 0, 0, 0.6);

    font-size: 11px;

    font-weight: 700;

    padding: 5px 30px 3px 5px;

}

.list_chos {

    border: 0 none;

    bottom: -5px;

    height: 0;

    left: 0;

    position: absolute;

    right: 0;

    z-index: 999;

}

.list_chos_ul {

    background: #fff ;

    border-radius:4px;

    padding:0;

    float: left;

    list-style: outside none none;

    max-height: 300px;

    overflow-y: auto;

    padding: 0 10px;

    width: 100%;

}

.open_lis .list_chos_ul {

	box-shadow: 0 0 5px #949494;

	padding: 2px 10px;

}

.margintop20{

	margin-top: 20px;

}

#filertmain {

    background: transparent ;

    padding: 0;

}

#filertmain .custom-container {

    padding: 0;

}

#filertmain .custom-container .form-control {

    border: 1px solid #c6ccd2;

    border-radius: 4px;

    color: #949ba1;

}

#filertmain .custom-container  .btn.btn-success.btn_withIcon.btn-block{

	padding-left:20px;

}

#filertmain .custom-container  .btn.btn-success.btn_withIcon.btn-block span{

	display:none;

}



.thrd-header.blackheader-nps {

    background: #2c2d33 ;

    border-top: 1px solid #0e0f11;

    padding: 1px 0 0;

}

.thrd-header.blackheader-nps .custom-container {

    border-top: 1px solid #404147;

    padding: 0;

}

.nps-main-full {

    float: left;

    width: 100%;

}

/*------------------------------------------------------*/

.checx_hd_nps {

    position: relative;

}

.nps-nav {

    background: #333 ;

    float: left;

    list-style: outside none none;

    margin: 0;

    padding: 0;

    width: 100%;

}

.nps-nav li {

    color: #ccc;

    float: left;

    min-height: 40px;

    padding: 10px;

    width: 11%;

}

.nps-main-headers {

    float: left;

    width: 100%;

}

.checx_hd_nps .checkboxitem {

    background: #666 ;

    float: left;

    height: 13px;

    left: 4px;

    padding: 0;

    position: relative;

    top: 3px;

    width: 13px;

}

.checx_hd_nps .checkboxitem #check_all {

    left: 0;

    top: 0;

}

.checx_hd_nps .checkboxitem label {

    left: 0;

    top: 0;

}@-webkit-keyframes glowing {

  0% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }

  50% { background-color: #0094FF; -webkit-box-shadow: 0 0 10px #0094FF; }

  100% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }

}



@-moz-keyframes glowing {

  0% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; }

  50% { background-color: #0094FF; -moz-box-shadow: 0 0 10px #0094FF; }

  100% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; }

}



@-o-keyframes glowing {

  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }

  50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }

  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }

}



@keyframes glowing {

  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }

  50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }

  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }

}



.new_lead_updates {

  -webkit-animation: glowing 1500ms infinite;

  -moz-animation: glowing 1500ms infinite;

  -o-animation: glowing 1500ms infinite;

  animation: glowing 1500ms infinite;

}


@-webkit-keyframes glowing2 {

  0% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }

  50% { background-color: #0094FF; -webkit-box-shadow: 0 0 10px #0094FF; }

  100% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }

}



@-moz-keyframes glowing2 {

  0% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; }

  50% { background-color: #0094FF; -moz-box-shadow: 0 0 10px #0094FF; }

  100% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; }

}



@-o-keyframes glowing2 {

  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }

  50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }

  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }

}



@keyframes glowing2 {

  0% { background-color: #f3e3e3; box-shadow: 0 0 3px #acb8c6; }

  50% { background-color: #f1eaea; box-shadow: 0 0 10px #e02d1b; }

  100% { background-color: #f4f4f4; box-shadow: 0 0 10px #e02d1b; }

}



.new_lead_updates2 {

  -webkit-animation: glowing2 1500ms infinite;

  -moz-animation: glowing2 1500ms infinite;

  -o-animation: glowing2 1500ms infinite;

  animation: glowing2 1500ms infinite;

}




@-webkit-keyframes glowing222 {

    0% { background-color: #fbb2a7;}
    50% { background-color: #fdeae8;}
    100% { background-color: #ffa492;}
}

@-moz-keyframes glowing222 {

    0% { background-color: #fbb2a7;}
    50% { background-color: #fdeae8;}
    100% { background-color: #ffa492;}
}

@-o-keyframes glowing222 {

    0% { background-color: #fbb2a7;}
    50% { background-color: #fdeae8;}
    100% { background-color: #ffa492;}
}

@keyframes glowing222 {
  
    0% { background-color: #fbb2a7;}
    50% { background-color: #fdeae8;}
    100% { background-color: #ffa492;}
}

.new_task_call_status {

    -webkit-animation: glowing222 1500ms infinite;
    -moz-animation: glowing222 1500ms infinite;
    -o-animation: glowing222 1500ms infinite;
    animation: glowing222 1500ms infinite;
}

/*------------------------------*/

@-webkit-keyframes glowing3 {

  0% { background-color: #FFF5E8;}

  50% { background-color: #fbe9d0;}

  100% { background-color: #fff9f1;}

}



@-moz-keyframes glowing3 {

  0% { background-color: #FFF5E8;}

  50% { background-color: #fbe9d0;}

  100% { background-color: #fff9f1;}

}



@-o-keyframes glowing3 {

  0% { background-color: #FFF5E8;}

  50% { background-color: #fbe9d0;}

  100% { background-color: #fff9f1;}

}



@keyframes glowing3 {
  0% { background-color: #FFF5E8;}
  50% { background-color: #fbe9d0;}
  100% { background-color: #fff9f1;}

}



.new_lead_updates3 {

  -webkit-animation: glowing3 1500ms infinite;

  -moz-animation: glowing3 1500ms infinite;

  -o-animation: glowing3 1500ms infinite;

  animation: glowing3 1500ms infinite;

    padding-top: 10px;

    margin: 0px auto;

    border: 1px solid #ffe4be;

}
.new_lead{

  -webkit-animation: glowing3 1500ms infinite;

  -moz-animation: glowing3 1500ms infinite;

  -o-animation: glowing3 1500ms infinite;

  animation: glowing3 1500ms infinite;

    padding-top: 10px;

    margin: 0px auto;

    border: 1px solid #ffe4be;

}


.response_time_cls{

  -webkit-animation: glowing3 1500ms infinite;

  -moz-animation: glowing3 1500ms infinite;

  -o-animation: glowing3 1500ms infinite;

  animation: glowing3 1500ms infinite;

    padding-top: 10px;

    border: 1px solid #ffe4be;

}

<!---------------------------->
@-webkit-keyframes glowing_dispo {

  0% { background-color: #f7e4e4;}
  50% { background-color: #fbc5c5;}
  100% { background-color: #fdebeb;}
}

@-moz-keyframes glowing_dispo {

  0% { background-color: #f7e4e4;}
  50% { background-color: #fbc5c5;}
  100% { background-color: #fdebeb;}
}

@-o-keyframes glowing_dispo {

  0% { background-color: #f7e4e4;}
  50% { background-color: #fbc5c5;}
  100% { background-color: #fdebeb;}
}

@keyframes glowing_dispo {
  0% { background-color: #f7e4e4;}
  50% { background-color: #fbc5c5;}
  100% { background-color: #fdebeb;}
}

.upd_disposition_error {

  -webkit-animation: glowing_dispo 1500ms infinite;
  -moz-animation: glowing_dispo 1500ms infinite;
  -o-animation: glowing_dispo 1500ms infinite;
   animation: glowing_dispo 1500ms infinite;
   padding-top: 10px;
   margin: -10px auto;
   border: 1px solid #ffe7e6;
}
<!---------------------------->



@media (max-width:1105px) and (min-width:768px){

	.margin_btm {

	margin-bottom: -15px;

	}

	.margin_btm .add_new_cleidnt_b {

	margin-bottom: 15px;

	width:100%;

	}

	.margin_btm .btn_withIcon{

	width:100%;	

	}

	

}

.SortDown::after{

	right:0;

	}

	.SortUp::after{

	right:0;

} .loadMore {

    padding: 10px;

    text-align: center;

    background-color: #33739E;

    color: #fff;

    border-width: 0 1px 1px 0;

    border-style: solid;

    border-color: #fff;

	width: 100%;

    box-shadow: 0 1px 1px #ccc;

    transition: all 600ms ease-in-out;

    -webkit-transition: all 600ms ease-in-out;

    -moz-transition: all 600ms ease-in-out;

    -o-transition: all 600ms ease-in-out;

}

.loadMore:hover {

    background-color: #fff;

    color: #33739E;

}

.col_cus_3{

	float:left;

}



.min-height-unset.col_cus_dgn{

	min-height:unset;

	padding-bottom: 20px;

}

.col_cusf_3{

	float:left;

}



.contacts_log{

	background-color: #e8e8e8;

    padding: 8px 0px 0px 6px;

    min-height: 50px;

    border-radius: 7px;

	margin-top: 20px;

    color: #777;

	font-size: 13px;

}

.log_system{

	overflow-y: scroll;

    height: 915px;

}

.bad_leads{
	text-decoration: underline;
    cursor: pointer;
}

.success_leads{
    text-decoration: underline;
    cursor: pointer;
}

.div_note_activity{

	/*display:none;	*/

}

.div_activity_schedule{

	display:none;	

}

.call_btn_activi{

	display:none;	

}

.div_activity_sendGrid{

	display:none;	

}

.acticity_btn_div{

	display:none;	

}

.contact_advanced_fields{

	display:none;	

}



.show_advanced_btn:hover{

	text-decoration:underline;

	cursor:pointer;

}

@media(max-width:767px){

	.nps_select_inmob {

    width: 70%;

	}

	.inmob_no_pading_top {

    padding-top: 0;

	}

	.add_margin_bottom_in_mob{

		margin-bottom:10px;

	}

	.New_Lead_Updates_modal .modal-footer .btn {

    margin: 10px 0;

    width: 100%;

	}

}

.New_Lead_Updates_modal{

    max-width: 800px;

    width: 95%;

}

.nada_row {

    display: inline-block;

    margin: 0;

    padding: 15px 0 5px;

	position:relative;

	float:left;

	width:100%

}

.nada_row::after{

	position:absolute;

	content:'';

	height:100%;

	width:15px;

	top:0;

	right:-15px;

}

.nada_row::before{

	content:'';

	height:100%;

	width:15px;

	top:0;

	left:-15px;

	position:absolute;

}

.nada_row.nada_row_green , .nada_row.nada_row_green::after , .nada_row.nada_row_green::before{

	background:#e1f3c5;

}

.nada_row.nada_row_red , .nada_row.nada_row_red::after , .nada_row.nada_row_red::before{

	background:#f8e2e2;

}

.nada_row.nada_row_green .BodyLeftSide {

	color:#4b8400;

}

.nada_row.nada_row_red .BodyLeftSide{

	color:#870000;

}

.erro_p{

	font-size:14px;

	color:#f24f4f;

	font-weight:normal;

	width:100%;

}

.nada_row.nada_row_green .BodyRightSide input{

	border: 1px solid #8dc63f;

}

.leftright_nopad_campain_list{

	padding-left:0 !important;

	padding-right:0 !important;

	margin-top:30px;

}

.leftright_nopad_leads_list{

	padding-left:0 ;

	padding-right:0 ;

	padding-top: 30px!important

}

@media(max-width:992px){

	.row.margintop20.filter_margn_top {

    margin-top: 0;

	}

}

@media(min-width:768px){

	.form-control.filter_by_name_margin_bottom_sm {

    margin-bottom: 0 !important;

	} 

}

.btn.btn-success.btn_withIcon.filter_search_btx {

    float: left;

    width: 60%;

}

.btn.btn-primary.btn_withIcon.filter_reset_btx {

    float: left;

    margin-left: 2%;

    width: 38%;

}

@media(max-width:1150px) and (min-width:992px){

	.btn.btn-success.btn_withIcon.filter_search_btx {

    padding-left: 22px;

    width: 60%;

	}

	.btn.btn-success.btn_withIcon.filter_search_btx span {

    left: 5px;

	}

	.btn.btn-primary.btn_withIcon.filter_reset_btx {

	padding-left: 22px;

	width: 38%;

	}

	.btn.btn-primary.btn_withIcon.filter_reset_btx span {

    left: 5px;

	}

}

@media(max-width:767px){

	.btn.btn-success.btn_withIcon.filter_search_btx {

    width: 100%;

	margin-bottom:5px;

	}

	.btn.btn-primary.btn_withIcon.filter_reset_btx {

	width: 100%;

	margin-left:0;

	}

	.form-control.filter_by_name_margin_bottom_sm{

	margin-bottom:6px !important;	

	}

}

.Bad_Leads_Record_pop .custom-container{

	padding-bottom:20px;

	

}

.Bad_Leads_Record_pop .modal-body{

	max-height:600px;

	overflow-y:auto;

}

.Filtered_Leads_Record_pop .modal-body{

	max-height:600px;

	overflow-y:auto;

}

.Filtered_Leads_Record_pop  .custom-container{

	padding-bottom:20px;

	

}

.btn.btn-success.btn_withIcon.fltr_lds_btn {

    font-weight: bold;

    height: 38px;

    padding: 8px 18px;

    width: auto;

}

@media(max-width:767px){

	.btn.btn-success.btn_withIcon.fltr_lds_btn {

    margin-top: 10px;

    width: auto;

	}

}

/*-----------------------------------------New dgn-*/

.new_dgn_header .thrd-header{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f3035+0,26272c+100 */

background: rgb(47,48,53); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(47,48,53,1) 0%, rgba(38,39,44,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(47,48,53,1) 0%,rgba(38,39,44,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(47,48,53,1) 0%,rgba(38,39,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3035', endColorstr='#26272c',GradientType=0 ); /* IE6-9 */

	border-bottom: 1px solid #26272c;

    border-top: 1px solid #0e1011;

    padding:0;

	position:relative;

}

.new_dgn_header .thrd-header::before {

    background: #29292a ;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1;

}

.new_dgn_header .thrd-header::after {

    background: #404147 ;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    top: 1px;

    width: 100%;

	z-index: 1;

}

.new_dgn_header .thrd-header .info_bx {

    border-right: 1px solid #1b1b1b;

    color: #fff;

    font-family: roboto;

    font-size: 14px;

    margin: 0 ;

    padding: 16px 10px;

	position: relative;

    z-index: 2;

}

.new_dgn_header .thrd-header .NamInfo {

    border-right: 1px solid #1b1b1b;

    color: #fff;

    font-family: roboto;

    font-size: 14px;

    margin: 0 ;

    padding: 16px 10px;

	position: relative;

    z-index: 2;

}

.new_dgn_header .thrd-header .ExpndColapsi{

    border-right: 1px solid #1b1b1b;

    color: #fff;

    font-family: roboto;

    font-size: 14px;

    margin: 0;

    padding: 16px 10px 16px 0

	position: relative;

    z-index: 2;

}

.new_dgn_header .thrd-header .info_hd > .checkboxitem {

    height: 20px;

    left: 11px;

    padding: 0;

    top: 16px;

    width: 20px;

}

.new_dgn_header .thrd-header .info_hd > .checkboxitem > label {

    height: 20px;

    left: 0;

    top: 0;

    width: 20px;

	border: 1px solid #ebebeb;

}

.new_dgn_header .thrd-header .info_hd > .checkboxitem > input:checked + label{

	background-color:#fff;

	background-image:url(checkeced.png);

	background-repeat:no-repeat;

	background-size:70% 70%;

	background-position:50% 50%;

}



.new_dgn_list .forth-header .info_body {

    border-bottom:none;

}



.new_dgn_list .forth-header .info_body > .checkboxitem {

    height: 20px;

    left: 25px;

    padding: 0;

    top: 16px;

    width: 20px;

}

.new_dgn_list .forth-header .info_body > .checkboxitem > label {

    height: 20px;

    left: 0;

    top: 0;

    width: 20px;

	border: 1px solid #ebebeb;

}

.new_dgn_list .forth-header .info_body > .checkboxitem > input:checked + label{

	background-color:#fff;

	background-image:url(checkeced.png);

	background-repeat:no-repeat;

	background-size:70% 70%;

	background-position:50% 50%;

}



.row_iner.new_dgn_list .forth-header{

	background:#FBFBFB;

	padding-bottom: 10px;

}

.row_iner.new_dgn_list:nth-child(4n+0) .forth-header{

	background:#f3f3f3;

}



/*-------------------------------*/

.new_dgn_header .thrd-header .date_vngn_hd {

	width:10%;

}

.new_dgn_header .thrd-header .Lead_Status_vngn_hd {

	width:10%;

}

.new_dgn_header .thrd-header .name_vngn_hd {

	width:12%;

}

.new_dgn_header .thrd-header .email_vngn_hd {

	width:15%;

}

.new_dgn_header .thrd-header .View_Status_vngn_hd{

	width:15%;

}

.new_dgn_header .thrd-header .Next_Action_Required_vngn_hd {

	width:14%;

}

.new_dgn_header .thrd-header .clientname_vngn_hd {

	width:11%;

}

.new_dgn_header .thrd-header .campaintitle_vngn_hd {

	width:12%;

}

.new_dgn_header .thrd-header .dispstatus_vngn_hd {

	width:10%;

}

.new_dgn_header .thrd-header .dept_vngn_hd {

	width:8%;

}

.new_dgn_header .thrd-header .champion_vngn_hd {

	width:12%;

}

.new_dgn_header .thrd-header .RSVP_vngn_hd {

	width:6%;

}

.new_dgn_header .thrd-header .forwordstatus_vngn_hd {

	width:12%;

}

.new_dgn_header .thrd-header .expand_vngn_hd {

	width:13%;

	padding: 16px 10px;

}

/*--------*/

.new_dgn_lead_list.new_dgn_header .thrd-header .Next_Action_Required_vngn_hd{

	

}

.new_dgn_lead_list.new_dgn_header .thrd-header .RSVP_vngn_hd {

    width: 10%;

}

.new_dgn_lead_list.new_dgn_header .thrd-header .name_vngn_hd {

    width: 15%;

}

.new_dgn_list.new_dgn_list_lead .forth-header .name_vngn_li {

    width: 15%;

}

.new_dgn_list.new_dgn_list_lead .forth-header .email_vngn_li {

    width: 15%;

}

.new_dgn_list.new_dgn_list_lead .forth-header .RSVP_vngn_li {

    width: 10%;

}

.new_dgn_list .forth-header .Lead_Status_vngn_li {

    margin: 0;

    padding: 10px;

    width: 10%;

}

.new_dgn_list .forth-header .View_Status_vngn_li {

    margin: 0;

    padding: 10px;

    width: 15%;

}

/*---------*/

/**/

.new_dgn_list .forth-header .date_vngn_li {

	width:10%;

	margin: 0 ;

    padding: 10px;

}

.new_dgn_list .forth-header .name_vngn_li {

	margin: 0;

    padding: 10px 10px 10px 22px;

    width: 12%;

}

.new_dgn_list .forth-header .email_vngn_li {

	margin: 0;

    padding: 10px 10px 10px 22px;

    width: 12%;

}

.new_dgn_list .forth-header .Next_Action_Required_vngn_li {

	margin: 0;

    padding: 10px 10px 10px 22px;

    width: 14%;

}



.new_dgn_list .forth-header .clientname_vngn_li {

	width:11%;

	margin: 0 ;

    padding: 10px;

}

.new_dgn_list .forth-header .campaintitle_vngn_li {

	width:12%;

	margin: 0 ;

    padding: 10px;

}

.new_dgn_list .forth-header .dispstatus_vngn_li {

	width:10%;

	margin: 0 ;

    padding: 10px;

}

.new_dgn_list .forth-header .dept_vngn_li {

	width:8%;

	margin: 0 ;

    padding: 10px;

}

.new_dgn_list .forth-header .champion_vngn_li {

	width:12%;

	margin: 0 ;

    padding: 10px;

}

.new_dgn_list .forth-header .RSVP_vngn_li {

	width:6%;

	margin: 0 ;

    padding: 10px;

}

.new_dgn_list .forth-header .forwordstatus_vngn_li {

	width:12%;

	margin: 0 ;

    padding: 10px;

}

.new_dgn_list .forth-header .expand_vngn_li {

	width:13%;

	margin: 0 ;

    padding: 10px;

}

.name_vngn_li.NamInfo_li > img {

    height: 18px;

    left: 0;

    top: 13px;

    width: 18px;

}

.timdateicn {

    color: #494948;

    float: left;

    font-size: 13px;

    padding-top: 4px;

    width: 18px;

}

.timdateicn .fa {

    margin-bottom: 5px;

}

.timdateicn .fa:last-child {

    margin-bottom: 0;

}

.siconx {

    float: left;

    text-align: center;

    width: 100%;

}

.siconx > span {

    margin-bottom: 5px;

    margin-top: -8px;

}

.forword_s_icon.siconx > span {

    background: #f7c40b;

    border-radius: 50%;

    color: #fff;

    display: inline-block;

    font-size: 11px;

    height: 25px;

    padding-left: 2px;

    padding-top: 7px;

    width: 25px;

}



.Accepted_by_s_icon.siconx > span {

    color: #46a807;

    display: inline-block;

    font-size: 26px;

}



.Not_Forwarded_s_icon.siconx > span {

    color: #a2171a ;

    display: inline-block;

    font-size: 26px;

}

.siconx > p{

    color: #8b979e;

    font-size: 11px;

    line-height: 1;

}

.dispstatus_vngn_li span {

    background: #fff ;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-shadow: 0 0 1px #ccc;

    display: inline;

    padding: 10px;

	color: #8b979e;

}

@media(max-width:1210px){

	.new_dgn_header .thrd-header .info_bx , .new_dgn_header .thrd-header .ExpndColapsi , .new_dgn_header .thrd-header .NamInfo{

		font-size:12px;

	}

}



.contacts_deals {

    background-color: #fff;

    padding: 10px;

    min-height: 50px;

    border-radius: 3px;

    margin-top: 20px;

    color: #777;

    margin-bottom: 15px;

    border: 1px solid #ccc;

    font-size: 13px;

    overflow: hidden;

	position: relative;

}

.contacts_deals h4 {

    font-size: 15px;

    margin: 7px 0;

}

.contacts_deals p {

    font-size: 12px;

    color: #929292;

    margin-bottom: 3px;

}

.contacts_deals p strong {

    color: #888;

    margin-right: 5px;

}



span.deal_title {

   /* color: #337ab7;

	font-size: 15px;*/

}

span.deal_title:hover {

   /*text-decoration:underline;*/

   cursor:pointer;

}



span.workflow_title {

    color: #337ab7;

	font-size: 15px;

}

span.workflow_title:hover {

   text-decoration:underline;

   cursor:pointer;

}



.contacts_log_edit{

    cursor: pointer;

    font-size: 12px;

    font-weight: bold;

    padding-top: 3px;

    position: absolute;

    right: 5px;

    text-align: center;

    top: 0;

}



.contacts_task_edit{

    cursor: pointer;

    font-size: 12px;

    font-weight: bold;

    padding-top: 3px;

    position: absolute;

    right: 23px;

    text-align: center;

    top: 0;

}



.contacts_task_delete{

    cursor: pointer;

    font-size: 12px;

    font-weight: bold;

    padding-top: 3px;

    position: absolute;

    right: 5px;

    text-align: center;

    top: 0;

	color:red;

}



.contacts_log_delete{

    cursor: pointer;

    font-size: 12px;

    font-weight: bold;

    padding-top: 3px;

    position: absolute;

    right: 10px;

    text-align: center;

    top: 0;

}

.contacts_deals_delete {

    color: #f5f1f1;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding-top: 0px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: -7px;

}


.contacts_product_delete {

    color: #f5f1f1;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding-top: 3px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: -7px;

}



.workflow_delete {

    color: #f00;

    cursor: pointer;

    font-size: 12px;

    font-weight: bold;

    padding-top: 3px;

    position: absolute;

    right: 6px;

    text-align: center;

    top: 0;

}



.contacts_schedule_action{

    cursor: pointer;

    font-weight: bold;

    position: absolute;

    right: 7px;

    margin-top: 100px;

}



.contacts_schedule_del {

    cursor: pointer;

    font-weight: bold;

    position: absolute;
	
	right: 10px;
    margin-top: 42px;

}.col_cus_bd_call {

    float: left;

    text-align: center;

    width: 100%;

}

.caling_dgn_img_btn {

    background: transparent ;

    border: medium none;

    float: left;

    height: 210px;

    overflow: hidden;

    padding: 0;

    text-align: center;

    width: 100%;

}

.caling_u_dgn_img {

    border-radius: 50%;

    display: inline-block;

    float: none;

    height: 50px;

    margin-bottom: 20px;

    text-align: center;

    width: 50px;

}

.caling_dgn_img {

    display: inline-block;

    margin-top: -30px;

    max-width: 330px;

    width: 100%;

}

.col_cus_bd_call p {

    color: #0c802b;

}

/*--------------------------------------------CAMPAIGN DETAILS--*/



.activiti_log_main {

    float: left;

    width: 100%;

}

.blacki_row {

    margin: 0 -15px;
    position: relative;

}

.blacki_row_bg {

    background: #43444c ;

    float: left;

    width: 100%;

}

.activity_logo_type {

    float: left;

    padding: 15px;

    text-align: center;

    width: 100%;

}



.radiotype_sec :hover{

	cursor:pointer;

}

.radiotype_sec {

    display: inline-block;

    height: 54px;

    margin-right: 0;

    position: relative;

    width: 60px;

}

.radiotype_sec > input {

    float: left;

    height: 100%;

    opacity: 0;

    width: 100%;

}

.radiotype_sec > label {

    border: 1px solid #8a979f;

    border-radius: 0;

    bottom: 0;

    color: #ffffff;

    height: 100%;

    left: 0;

    margin-bottom: 0;

    padding: 10px;

    position: absolute;

    right: 0;

    text-align: center;

    top: 0;

    width: 100%;

	cursor:pointer;

}

.radiotype_sec > label:hover {

	border: 1px solid #8dc63f;

	color: #8dc63f;

}

.icon-ed {

    float: left;

    font-size: 18px;

    width: 100%;

}

.title-ed {

    float: left;

    font-size: 10px;

    font-weight: normal;

    margin-left: -10px;

    width: 58px !important;

}

.radiotype_sec > input:checked + label {

    border: 1px solid #8dc63f;

	color: #8dc63f;

}

.radiotype_sec > input:checked + label:hover {

    border: 1px solid #8dc63f;

	color: #8dc63f;

}

.blacki_row_bg .col_cus_hd {

    margin-bottom: 0;

}



.textarea_activi {

    float: left;

    padding: 15px 0;

    width: 100%;

}

.aciti_input_text {

    border:none;

	border-bottom:1px solid #f1f3f4;

    float: left;

    /*margin-bottom: 15px;*/

    width: 100%;

	color:#8b979e;

	font-size:12px;
    padding-left: 6px;

}



.acitilog_input_text {

    background: #fff ;

    border: 1px solid #f4f5f6;

    height: 30px;

    padding: 5px 8px;

    width: 100%;

}



.aciti_textarea_text {

    background: #f1f3f4 ;

    border: medium none;

    float: left;

    min-height: 160px;

    padding: 10px;

    width: 100%;

	color:#8b979e;

	font-size:12px;

	border-radius: 3px;

	margin-bottom:0;

}.menu_activit_sec {

    float: left;

    padding: 3px 10px;

    width: 100%;

}

.acti_typi {

    float: left;

    width: 35%;

}

.acti_asign {

   /* float: right;*/

    width: 100%;

}

.menu_activit_sec label {

    color: #8b979e;

    display: inline-block;

    float: left;

    font-size: 13px;

    margin-bottom: 0;

    padding-top: 5px;

}

.acti_typi > p {

    color: #8dc63f;

    display: inline-block;

    float: left;

    font-size: 13px;

    margin: 0;

    padding: 5px 15px;

}

.as_select {

  /*  float: left;

    margin-left: 0;

    margin-top: 4px;

    overflow: hidden;

    position: relative;

    width: 85px;*/

	float: left;

    margin-left: 5px;

    margin-top: 4px;

    overflow: hidden;

    position: relative;

    width: 162px;

	

}

.as_select > select {

    background: #43444c ;

    border: medium none;

    color: #8dc63f;

    float: left;

    font-size: 12px;

    padding-right: 15%;

    padding-top: 3px;

    width: 120%;

}

.as_select .fa {

    color: #8dc63f;

    position: absolute;

    right: 1px;

    top: 3px;

}

.marg_botm{

	margin-bottom:15px;

}

.email_remind {

    float: left;

    width: 40%;

}

.email_remind_input_box {

    /*float: left;*/

    width: 100%;

}

.inputicon_bx {

    float: left;

    /*margin-right: 10%;*/

    position: relative;

    width: 59%;

    margin-bottom: 5px;

    padding-top: 3px;

}

.inputicon_bxx {

    float: left;

    margin-bottom: 5px;

    padding-top: 3px;

    position: relative;

    width: 40%;

}

.inputicon_bx > input {

    background: #43444c ;

    border: medium none;

    color: #8dc63f;

    float: left;

    font-size: 12px;

    padding:2px 14px 0 0;

    width: 100%;

}

.inputicon_bxx > input {

    background: #43444c ;

    border: medium none;

    color: #8dc63f;

    float: left;

    font-size: 12px;

    padding: 2px 14px 0 12px;

    width: 100%;

}

.inputicon_bx .fa.fa-angle-down {

    color: #8dc63f;

    position: absolute;

    right: 0;

    top: 7px;

}

.inputicon_bxx .fa.fa-angle-down {

    color: #8dc63f;

    position: absolute;

    right: 5px;

    top: 7px;

}

.inputicon_bxx > span {

    color: #8dc63f;

    left: -2px;

    position: absolute;

    top: 7px;

}

.acti_save_cncle {

    float: left;

    font-size: 13px;

    font-weight: bold;

    padding: 0 0 15px;

    text-align: center;

    width: 100%;

}



.acti_save_cncle_sendgrid {

    float: left;

    font-size: 13px;

    font-weight: bold;

    padding: 0 0 15px;

    text-align: center;

    width: 100%;

	display:none;

}

.acti_save_cncle a {

    display: inline-block;

    padding: 7px 18px;

	color:#43444c;

	text-decoration:none;

}

.save_task_btx {

    background: #8dc63f ;

    border-radius: 4px;

	/*margin-right:15px*/

}

.cancle_task_btx{

	background: #8b979e;

    border-radius: 4px;

}

.acti_save_cncle .fa {

    float: left;

    font-size: 19px;

    line-height: 1;

    margin-right: 10px;

}



.activity_action_title{

	

	color: #7cb331;

    float: left;

    font-size: 12px;

    font-weight: bold;

    line-height: 13px;

    margin-bottom: 2px;

    margin-left: 5px;

}

.massage_logo_chat_main {
    float: left;
    margin-top: 15px;
    max-height: 655px;
    overflow-y: auto;
    padding: 20px 15px 20px 55px;
    position: relative;
    width: 100%;
}

.massage_logo_chat_main_readonly {
    float: left;
    margin-top: 15px;
    max-height: 655px;
    overflow-y: auto;
    padding: 20px 15px 20px 55px;
    position: relative;
    width: 100%;
}


.msg_chat_itm {

    background: #f1f3f4 ;

    border-radius: 3px;

    float: left;

    margin-bottom: 8%;

    padding: 15px;

    position: relative;

    width: 100%;

    word-break: break-word;

}

.msg_chat_itm::before {

    background: #e4e7e9 ;

    content: "";

    height: 150%;

    left: -30px;

    position: absolute;

    top: 0;

    width: 4px;

}

.msg_chat_itm:first-child::before {

    top: 15%;

}

.msg_chat_itm:last-child::before {

    bottom: 70%;

    height: 30%;

    top: auto;

}

.icon_cht.bg-icon_red {

	background:#e80031;

}

.icon_cht {

    background: #fcb040; 
    background: -moz-linear-gradient(-45deg, #fcb040 20%, #8cc63f 50%, #25aae1 80%); 
    background: -webkit-linear-gradient(-45deg, #fcb040 20%,#8cc63f 50%,#25aae1 80%); 
    background: linear-gradient(135deg, #fcb040 20%,#8cc63f 50%,#25aae1 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb040', endColorstr='#25aae1',GradientType=1 );

    border-radius: 50%;

    color: #fff;

    font-size: 15px;

    height: 44px;

    left: -50px;

    padding-top: 14px;

    position: absolute;

    text-align: center;

    top: 10%;

    width: 44px;

}

.msg_chat_head {

    /*border-bottom: 1px solid #dde1e3;*/

    float: left;

    margin-bottom: 0px;

    padding-bottom: 0px;

    width: 100%;

}



.msg_chat_head_line {

    border-bottom: 1px solid #dde1e3;

    float: left;

    margin-bottom: 7px;

    padding-bottom: 7px;

    width: 100%;

}



.log_update_line {

    border-top: 1px solid #dde1e3;

    float: left;

    margin-bottom: -15px;

    padding-bottom: 10px;

    padding-top: 8px;

    width: 100%;

}



.msg_chat_head > h3 {

    float: left;

    font-size: 12px;

    font-weight: bold;

    margin: 0 0 2px;

}

.msg_chat_head > a {

    color: #7cb331;

    float: left;

    font-size: 12px;

    font-weight: bold;

    line-height: 13px;

    margin-bottom: 2px;

    margin-left: 5px;

}

.meta_msg {

    color: #8b979e;

    float: left;

    font-size: 12px;

    width: 100%;

}

.meta_msg2 {

    color: #313131;

    float: left;

    font-size: 12px;

    width: 100%;

	padding-top: 7px;

}

.meta_msg3 {

    color: #8b979e;

    font-size: 12px;

    width: 100%;

	padding-top: 7px;

}

.msg_chat_body {

    float: left;

    width: 100%;

	padding-bottom: 0px;

}

.msg_chat_body > h4 {

    color: #000;

    float: left;

    font-size: 12px;

    font-weight: bold;

    margin: 0;

    width: 100%;

}

.msg_chat_body > p {

    color: #313131;

    float: left;

    font-size: 15px;

    line-height: 1.5;

    margin: 10px  0 2px;

}



.msg_chat_body_line{

	

	border-bottom: 1px solid #dde1e3;

	float: left;

    width: 100%;

	

}

.msg_chat_body_line > h4 {

    color: #000;

    float: left;

    font-size: 12px;

    font-weight: bold;

    margin: 0;

    width: 100%;

}

.msg_chat_body_line > p {

    color: #8b979e;

    float: left;

    font-size: 12px;

    font-style: italic;

    line-height: 1.2;

    margin: 0 0 2px;

}

@media(max-width:1235px) and (min-width:992px) {

	.acti_typi {

    width: 100%;

	}

	.acti_asign {

    width: 100%;

	}

	.acti_save_cncle a {

    margin-bottom: 15px;

    width: 100%;

	}

}



.massage_logo_chat_main::-webkit-scrollbar{

    width: 5px;
    height: 10px;
}
.massage_logo_chat_main::-webkit-scrollbar-track{

    background: rgba(235, 235, 235, 0.4);
}
.massage_logo_chat_main::-webkit-scrollbar-thumb{

    background: rgba(173, 173, 173, 0.5);
}
.massage_logo_chat_main::-moz-scrollbar{

    width: 5px;
    height: 5px;
}
.massage_logo_chat_main::-moz-scrollbar-track{

    background: rgba(0, 0, 0, 0.1);
}
.massage_logo_chat_main::-moz-scrollbar-thumb{

    background: rgba(0, 0, 0, 0.5);
}
.massage_logo_chat_main::-moz-horizontal-scrollbar{

    width: 12px;
    height: 0px;
}



.massage_logo_chat_main_readonly::-webkit-scrollbar{

    width: 5px;
    height: 10px;
}
.massage_logo_chat_main_readonly::-webkit-scrollbar-track{

    background: rgba(235, 235, 235, 0.4);
}
.massage_logo_chat_main_readonly::-webkit-scrollbar-thumb{

    background: rgba(173, 173, 173, 0.5);
}
.massage_logo_chat_main_readonly::-moz-scrollbar{

    width: 5px;
    height: 5px;
}
.massage_logo_chat_main_readonly::-moz-scrollbar-track{

    background: rgba(0, 0, 0, 0.1);
}
.massage_logo_chat_main_readonly::-moz-scrollbar-thumb{

    background: rgba(0, 0, 0, 0.5);
}
.massage_logo_chat_main_readonly::-moz-horizontal-scrollbar{

    width: 12px;
    height: 0px;
}



.call_interface_main {

    bottom: 0;

    position: fixed;

    right: 0;

    width: 320px;

	z-index: 9999;

}



.call_interface_foot {

    background-color: #2f3036;

    background-image: url("<?php echo IMG ?>nav_bg.png");

    background-repeat: repeat-x;

    background-size: 1px 100%;

    border-radius: 0;

    float: left;

    height: 40px;

    position: relative;

    width: 100%;

}

.cal_i_up_down_btn {

    color: #fff;

    cursor: pointer;

    font-size: 14px;

    position: absolute;

    right: 15px;

    top: 13px;

}

.call_interface_incomming {

    bottom: 20px;

    position: absolute;

    right: 0;

    height: 420px;

    text-align: center;

    transform: translate(0, 100%);

    width: 100%;

	transition:0.9s;

}

.bg_1{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15a503+0,33ad03+39,0a9603+39,8ece04+100 */

background: rgb(21,165,3); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(21,165,3,1) 0%, rgba(51,173,3,1) 39%, rgba(10,150,3,1) 39%, rgba(142,206,4,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(21,165,3,1) 0%,rgba(51,173,3,1) 39%,rgba(10,150,3,1) 39%,rgba(142,206,4,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(21,165,3,1) 0%,rgba(51,173,3,1) 39%,rgba(10,150,3,1) 39%,rgba(142,206,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15a503', endColorstr='#8ece04',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.bg_5{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+50,7cbc0a+100 */

background: rgb(157,213,58); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 50%, rgba(124,188,10,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 50%,rgba(124,188,10,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 50%,rgba(124,188,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_2{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6f0a3+0,d2e638+50,c3d825+50,dbf043+100 */

background: rgb(230,240,163); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 50%, rgba(219,240,67,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 50%,rgba(219,240,67,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 50%,rgba(219,240,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_3{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6f0a3+0,d2e638+50,c3d825+50,dbf043+100 */

background: rgb(230,240,163); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 50%, rgba(219,240,67,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 50%,rgba(219,240,67,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 50%,rgba(219,240,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_4{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+18,52b152+33,008a00+55,005700+83,002400+100 */

background: rgb(180,221,180); /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  rgba(180,221,180,1) 0%, rgba(131,199,131,1) 18%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 55%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover,  rgba(180,221,180,1) 0%,rgba(131,199,131,1) 18%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 55%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center,  rgba(180,221,180,1) 0%,rgba(131,199,131,1) 18%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 55%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_6{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+26,80c217+60,7cbc0a+100 */

background: rgb(157,213,58); /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 26%, rgba(128,194,23,1) 60%, rgba(124,188,10,1) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 26%,rgba(128,194,23,1) 60%,rgba(124,188,10,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 26%,rgba(128,194,23,1) 60%,rgba(124,188,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_7{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f6+0,abd3ee+30,89c3eb+64,7fc6f9+100 */

background: rgb(235,241,246); /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  rgba(235,241,246,1) 0%, rgba(171,211,238,1) 30%, rgba(137,195,235,1) 64%, rgba(127,198,249,1) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 30%,rgba(137,195,235,1) 64%,rgba(127,198,249,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 30%,rgba(137,195,235,1) 64%,rgba(127,198,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#7fc6f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	

}

.bg_8{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ebf03+0,19a603+30,028902+64,0c9703+100 */

background: rgb(78,191,3); /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  rgba(78,191,3,1) 0%, rgba(25,166,3,1) 30%, rgba(2,137,2,1) 64%, rgba(12,151,3,1) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover,  rgba(78,191,3,1) 0%,rgba(25,166,3,1) 30%,rgba(2,137,2,1) 64%,rgba(12,151,3,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center,  rgba(78,191,3,1) 0%,rgba(25,166,3,1) 30%,rgba(2,137,2,1) 64%,rgba(12,151,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ebf03', endColorstr='#0c9703',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	

}

.call_interface_incomming.active{

	transform: translate(0, 0);

}



.ci_image_info {

    float: left;

    padding-top: 20px;

    text-align: center;

    width: 100%;

}

.callusername {

    color: #fff;
    margin-bottom: 20px;

}

.callclientname {

    color: #fff;
}

.ci_image_info > img {

    border-radius: 50%;

    height: 130px;

    object-fit: cover;

    width: 130px;

}

.ci_cal_info {

    color: #ffffff;

    display: inline-block;

    font-size: 13px;

    text-align: center;

    width: 100%;

}

.ci_cal_info > span {

    float: left;

    position: relative;

    width: 100%;

}

.ci_cal_info > span i {

    display: none;

}

.ci_cal_info > span > strong {

    color: #fff;

    margin-right: 5px;

}.ci_img_loader_icon {

    float: left;

    text-align: center;

    width: 100%;

}

.dotedicn {

    display: inline-block;

    padding:0;

    width:100%;

}

.ci_img_loader_icon .dotedicn span {

    background: #fff ;

    border-radius: 50%;

    display: inline-block;

    height: 10px;

    margin: 5px;

    width: 10px;

}

.ci_cal_status {

    color: #ffffff;

    float: left;

    width: 100%;

	font-size: 13px;

}

.ci_down_call {

    color: #fff;

    cursor: pointer;

    position: absolute;

    right: 10px;

    top: 10px;

}



.cal_i_up_down_btn_call {

    color: #fff;

    cursor: pointer;

    font-size: 20px;

    left: 15px;

    position: absolute;

    top: 12px;

}

.dotedicn > img {

    width: 100%;

	padding-top:2px;

}

/*-----------------*/

.call_interface_history1 {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+50,e0eff9+100 */

background: rgb(242,246,248); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 50%, rgba(224,239,249,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 50%,rgba(224,239,249,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 50%,rgba(224,239,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



    bottom: 40px;

    position: absolute;

    right: 0;

    height: 420px;

    transform: translate(0, 100%);

    width: 100%;

	transition:0.3s;

}

.call_interface_history2 {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+50,7cbc0a+100 */

background: rgb(157,213,58); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 50%, rgba(124,188,10,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 50%,rgba(124,188,10,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 50%,rgba(124,188,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    bottom: 40px;

    position: absolute;

    right: 0;

    height: 420px;

    transform: translate(0, 100%);

    width: 100%;

	transition:0.3s;

}



.call_interface_history3 {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0b7a1+0,8c3310+50,752201+50,bf6e4e+100 */

background: rgb(240,183,161); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(240,183,161,1) 0%, rgba(140,51,16,1) 50%, rgba(117,34,1,1) 50%, rgba(191,110,78,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(240,183,161,1) 0%,rgba(140,51,16,1) 50%,rgba(117,34,1,1) 50%,rgba(191,110,78,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(240,183,161,1) 0%,rgba(140,51,16,1) 50%,rgba(117,34,1,1) 50%,rgba(191,110,78,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    bottom: 40px;

    position: absolute;

    right: 0;

    height: 420px;

    transform: translate(0, 100%);

    width: 100%;

	transition:0.3s;

}



.call_interface_history{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8e0de+0,aebfbc+15,99afab+17,8ea6a2+34,829d98+40,4e5c5a+60,4e5c5a+75,0e0e0e+100 */

background: rgb(216,224,222); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(216,224,222,1) 0%, rgba(174,191,188,1) 15%, rgba(153,175,171,1) 17%, rgba(142,166,162,1) 34%, rgba(130,157,152,1) 40%, rgba(78,92,90,1) 60%, rgba(78,92,90,1) 75%, rgba(14,14,14,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(216,224,222,1) 0%,rgba(174,191,188,1) 15%,rgba(153,175,171,1) 17%,rgba(142,166,162,1) 34%,rgba(130,157,152,1) 40%,rgba(78,92,90,1) 60%,rgba(78,92,90,1) 75%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(216,224,222,1) 0%,rgba(174,191,188,1) 15%,rgba(153,175,171,1) 17%,rgba(142,166,162,1) 34%,rgba(130,157,152,1) 40%,rgba(78,92,90,1) 60%,rgba(78,92,90,1) 75%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e0de', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    bottom: 40px;

    position: absolute;

    right: 0;

    height: 420px;

    transform: translate(0, 100%);

    width: 100%;

	transition:0.9s;

}



.call_interface_history5 {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cb60b3+0,c146a1+50,a80077+50,db36a4+100 */

background: rgb(203,96,179); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(203,96,179,1) 0%, rgba(193,70,161,1) 50%, rgba(168,0,119,1) 50%, rgba(219,54,164,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 50%,rgba(219,54,164,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 50%,rgba(219,54,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    bottom: 40px;

    position: absolute;

    right: 0;

    height: 420px;

    transform: translate(0, 100%);

    width: 100%;

	transition:0.3s;

}

.call_interface_history4 {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8e1fc+0,a9d2f3+10,90bae4+25,90bcea+37,90bff0+50,6ba8e5+50,a2daf5+83,bdf3fd+100 */

background: rgb(184,225,252); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 50%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 50%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 50%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    bottom: 40px;

    position: absolute;

    right: 0;

    height: 420px;

    transform: translate(0, 100%);

    width: 100%;

	transition:0.3s;

}

.call_interface_history.active{

	transform: translate(0, 0);

}

.ci_down_call_history{

	color: #ccc;

    cursor: pointer;

    position: absolute;

    right: 10px;

    top: 10px;

}

.call_historu_ul {

    float: left;

    height: 420px;

    list-style: outside none none;

    margin: 0;

    overflow-y: auto;

    padding: 15px;

    width: 100%;

}

.call_historu_ul > li {

    border-radius: 5px;

    float: left;

    margin-bottom: 10px;

    padding-bottom: 5px;

    padding-left: 55px;

    padding-top: 5px;

    position: relative;

    width: 100%;

}

.call_history_item {

    background: #fff;

    border-radius: 5px;

    float: left;

    padding: 0 33px 25px 5px;

    position: relative;

    width: 100%;

}

.call_history_img {

    float: left;

    left: -63px;

    position: absolute;

    width: 50px;

}

.call_history_img > img {

    border-radius: 50%;

    float: left;

    width: 100%;

}

.call_history_item::after {

    border-bottom: 10px solid transparent;

    border-right: 10px solid #fff;

    border-top: 7px solid transparent;

    content: "";

    height: 0;

    left: -9px;

    position: absolute;

    top: 15px;

    width: 0;

}

.call_history_detail {

    float: left;

    padding: 7px;

    width: 100%;

}

.call_history_status {

    color: #f26752;

    font-size: 20px;

    padding-left: 8px;

    position: absolute;

    right: 7px;

    top: 15px;

	border:none;

}

.call_history_detail > h4 {

    border-bottom: 1px solid #ebebeb;

    color: #70808a;

    float: left;

    font-size: 12px;

    font-weight: bold;

    margin: 7px 0 5px;

    padding-bottom: 4px;

    width: 100%;

}

.call_history_detail > p {

    color: #888888;

    float: left;

    font-size: 11px;

    margin: 0;

    width: 100%;

}

.call_history_detail > p a{

	color:#0D9703;

}

.call_history_time {

    bottom: 6px;

    color: #a2a2a2 !important;

    font-size: 10px !important;

    left: auto;

    position: absolute;

    right: 10px;

    width: auto !important;

}

.ft_histry_status{

    bottom: 6px;

    color: #a2a2a2 !important;

    font-size: 10px !important;

    right: auto;

    position: absolute;

    left: 10px;

    width: auto !important;

}.call_historu_ul::-webkit-scrollbar{

  width: 8px;  /* for vertical scrollbars */

  height: 10px; /* for horizontal scrollbars */

}

.call_historu_ul::-webkit-scrollbar-track{

  background: rgba(235, 235, 235, 0.4);

}

.call_historu_ul::-webkit-scrollbar-thumb{

  background: #8dc63f;

}

.call_historu_ul::-moz-scrollbar{

  width: 5px;  /* for vertical scrollbars */

  height: 5px; /* for horizontal scrollbars */

}

.call_historu_ul::-moz-scrollbar-track{

  background: rgba(0, 0, 0, 0.1);

}

.call_historu_ul::-moz-scrollbar-thumb{

  background: rgba(0, 0, 0, 0.5);

}

.call_historu_ul::-moz-horizontal-scrollbar{

  width: 12px;  /* for vertical scrollbars */

  height: 0px; /* for horizontal scrollbars */

}

.sendgrid_email_log,.sendgrid_email_campaign_log{
	padding-bottom: 10px;
}

.sendgrid_email_log:hover,.sendgrid_email_campaign_log:hover{

	text-decoration:underline;

	cursor:pointer;	

}



.view_contact_original_email:hover{

	text-decoration:underline;

	cursor:pointer;	

}



/*--------------------------.C.A.L.L. .I.N.T.E.R.F.A.C.E.--------*/



/*********************************************************/

.bg_1{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15a503+0,33ad03+39,0a9603+39,8ece04+100 */

background: rgb(21,165,3); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(21,165,3,1) 0%, rgba(51,173,3,1) 39%, rgba(10,150,3,1) 39%, rgba(142,206,4,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(21,165,3,1) 0%,rgba(51,173,3,1) 39%,rgba(10,150,3,1) 39%,rgba(142,206,4,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(21,165,3,1) 0%,rgba(51,173,3,1) 39%,rgba(10,150,3,1) 39%,rgba(142,206,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15a503', endColorstr='#8ece04',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.bg_5{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+50,7cbc0a+100 */

background: rgb(157,213,58); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 50%, rgba(124,188,10,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 50%,rgba(124,188,10,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 50%,rgba(124,188,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_2{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6f0a3+0,d2e638+50,c3d825+50,dbf043+100 */

background: rgb(230,240,163); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 50%, rgba(219,240,67,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 50%,rgba(219,240,67,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 50%,rgba(219,240,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_3{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6f0a3+0,d2e638+50,c3d825+50,dbf043+100 */

background: rgb(230,240,163); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 50%, rgba(219,240,67,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 50%,rgba(219,240,67,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 50%,rgba(219,240,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_4{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+18,52b152+33,008a00+55,005700+83,002400+100 */

background: rgb(180,221,180); /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  rgba(180,221,180,1) 0%, rgba(131,199,131,1) 18%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 55%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover,  rgba(180,221,180,1) 0%,rgba(131,199,131,1) 18%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 55%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center,  rgba(180,221,180,1) 0%,rgba(131,199,131,1) 18%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 55%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_6{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+26,80c217+60,7cbc0a+100 */

background: rgb(157,213,58); /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 26%, rgba(128,194,23,1) 60%, rgba(124,188,10,1) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 26%,rgba(128,194,23,1) 60%,rgba(124,188,10,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 26%,rgba(128,194,23,1) 60%,rgba(124,188,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_7{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f6+0,abd3ee+30,89c3eb+64,7fc6f9+100 */

background: rgb(235,241,246); /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  rgba(235,241,246,1) 0%, rgba(171,211,238,1) 30%, rgba(137,195,235,1) 64%, rgba(127,198,249,1) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 30%,rgba(137,195,235,1) 64%,rgba(127,198,249,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 30%,rgba(137,195,235,1) 64%,rgba(127,198,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#7fc6f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	

}

.bg_8{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ebf03+0,19a603+30,028902+64,0c9703+100 */

background: rgb(78,191,3); /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  rgba(78,191,3,1) 0%, rgba(25,166,3,1) 30%, rgba(2,137,2,1) 64%, rgba(12,151,3,1) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover,  rgba(78,191,3,1) 0%,rgba(25,166,3,1) 30%,rgba(2,137,2,1) 64%,rgba(12,151,3,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center,  rgba(78,191,3,1) 0%,rgba(25,166,3,1) 30%,rgba(2,137,2,1) 64%,rgba(12,151,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ebf03', endColorstr='#0c9703',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	

}

.bg_9{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8e0de+0,aebfbc+15,99afab+17,8ea6a2+34,829d98+40,4e5c5a+60,4e5c5a+75,0e0e0e+100 */

background: rgb(216,224,222); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(216,224,222,1) 0%, rgba(174,191,188,1) 15%, rgba(153,175,171,1) 17%, rgba(142,166,162,1) 34%, rgba(130,157,152,1) 40%, rgba(78,92,90,1) 60%, rgba(78,92,90,1) 75%, rgba(14,14,14,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(216,224,222,1) 0%,rgba(174,191,188,1) 15%,rgba(153,175,171,1) 17%,rgba(142,166,162,1) 34%,rgba(130,157,152,1) 40%,rgba(78,92,90,1) 60%,rgba(78,92,90,1) 75%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(216,224,222,1) 0%,rgba(174,191,188,1) 15%,rgba(153,175,171,1) 17%,rgba(142,166,162,1) 34%,rgba(130,157,152,1) 40%,rgba(78,92,90,1) 60%,rgba(78,92,90,1) 75%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e0de', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	

}

.bg_0{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+44,ededed+61,ffffff+100 */

background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 44%, rgba(237,237,237,1) 61%, rgba(255,255,255,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 44%,rgba(237,237,237,1) 61%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 44%,rgba(237,237,237,1) 61%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

.bg_01{

	background:#fff;

}

.bg_10{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Black+Gloss+%231 */

background: rgb(76,76,76); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */



}

.bg_12{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aebcbf+0,6e7774+50,0a0e0a+51,0a0809+100;Black+Gloss */

background: rgb(174,188,191); /* Old browsers */

background: -moz-linear-gradient(45deg,  rgba(174,188,191,1) 0%, rgba(110,119,116,1) 50%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(45deg,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(45deg,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_11{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Black+Gloss+%231 */

background: rgb(76,76,76); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_13{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+50,f5f7f9+100 */

background: rgb(246,248,249); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 50%, rgba(245,247,249,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 50%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 50%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_14{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feccb1+0,f17432+50,ea5507+50,fb955e+100 */

background: rgb(254,204,177); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(254,204,177,1) 0%, rgba(241,116,50,1) 50%, rgba(234,85,7,1) 50%, rgba(251,149,94,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 50%,rgba(251,149,94,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 50%,rgba(251,149,94,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_15{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c5bd+0,e86c57+50,ea2803+50,ff6600+75,c72200+100 */

background: rgb(243,197,189); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(243,197,189,1) 0%, rgba(232,108,87,1) 50%, rgba(234,40,3,1) 50%, rgba(255,102,0,1) 75%, rgba(199,34,0,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 50%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 50%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_16{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+0,3f4c6b+100;Blue+Grey+Flat */

background: rgb(63,76,107); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(63,76,107,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_17{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a0809+0,0a0e0a+66,6e7774+66,aebcbf+85 */

background: rgb(10,8,9); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(10,8,9,1) 0%, rgba(10,14,10,1) 66%, rgba(110,119,116,1) 66%, rgba(174,188,191,1) 85%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(10,8,9,1) 0%,rgba(10,14,10,1) 66%,rgba(110,119,116,1) 66%,rgba(174,188,191,1) 85%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(10,8,9,1) 0%,rgba(10,14,10,1) 66%,rgba(110,119,116,1) 66%,rgba(174,188,191,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0809', endColorstr='#aebcbf',GradientType=0 ); /* IE6-9 */



}

.bg_18{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+50,111111+60,3f3f3f+76,1c1c1c+91,131313+100;Black+Gloss+%231 */

background: rgb(76,76,76); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 50%, rgba(17,17,17,1) 60%, rgba(63,63,63,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 50%,rgba(17,17,17,1) 60%,rgba(63,63,63,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 50%,rgba(17,17,17,1) 60%,rgba(63,63,63,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_19{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aebcbf+0,6e7774+50,0a0e0a+50,0a0809+100 */

background: rgb(174,188,191); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(174,188,191,1) 0%, rgba(110,119,116,1) 50%, rgba(10,14,10,1) 50%, rgba(10,8,9,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 50%,rgba(10,8,9,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 50%,rgba(10,8,9,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_20{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aebcbf+0,6e7774+24,0a0e0a+24,0a0809+100 */

background: rgb(174,188,191); /* Old browsers */

background: -moz-linear-gradient(45deg,  rgba(174,188,191,1) 0%, rgba(110,119,116,1) 24%, rgba(10,14,10,1) 24%, rgba(10,8,9,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(45deg,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 24%,rgba(10,14,10,1) 24%,rgba(10,8,9,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(45deg,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 24%,rgba(10,14,10,1) 24%,rgba(10,8,9,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_21{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+17,666666+32,474747+49,2c2c2c+62,000000+62,111111+72,2b2b2b+82,1c1c1c+90,131313+100 */

background: rgb(76,76,76); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 17%, rgba(102,102,102,1) 32%, rgba(71,71,71,1) 49%, rgba(44,44,44,1) 62%, rgba(0,0,0,1) 62%, rgba(17,17,17,1) 72%, rgba(43,43,43,1) 82%, rgba(28,28,28,1) 90%, rgba(19,19,19,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 17%,rgba(102,102,102,1) 32%,rgba(71,71,71,1) 49%,rgba(44,44,44,1) 62%,rgba(0,0,0,1) 62%,rgba(17,17,17,1) 72%,rgba(43,43,43,1) 82%,rgba(28,28,28,1) 90%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 17%,rgba(102,102,102,1) 32%,rgba(71,71,71,1) 49%,rgba(44,44,44,1) 62%,rgba(0,0,0,1) 62%,rgba(17,17,17,1) 72%,rgba(43,43,43,1) 82%,rgba(28,28,28,1) 90%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */



}

.bg_22{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1fa504+0,50b200+17,3dbf05+30,1fa504+48,1fa504+57,2c2c2c+57,111111+72,2b2b2b+82,1c1c1c+90,131313+100 */

background: rgb(31,165,4); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(31,165,4,1) 0%, rgba(80,178,0,1) 17%, rgba(61,191,5,1) 30%, rgba(31,165,4,1) 48%, rgba(31,165,4,1) 57%, rgba(44,44,44,1) 57%, rgba(17,17,17,1) 72%, rgba(43,43,43,1) 82%, rgba(28,28,28,1) 90%, rgba(19,19,19,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(31,165,4,1) 0%,rgba(80,178,0,1) 17%,rgba(61,191,5,1) 30%,rgba(31,165,4,1) 48%,rgba(31,165,4,1) 57%,rgba(44,44,44,1) 57%,rgba(17,17,17,1) 72%,rgba(43,43,43,1) 82%,rgba(28,28,28,1) 90%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(31,165,4,1) 0%,rgba(80,178,0,1) 17%,rgba(61,191,5,1) 30%,rgba(31,165,4,1) 48%,rgba(31,165,4,1) 57%,rgba(44,44,44,1) 57%,rgba(17,17,17,1) 72%,rgba(43,43,43,1) 82%,rgba(28,28,28,1) 90%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa504', endColorstr='#131313',GradientType=0 ); /* IE6-9 */



}

.bg_23{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#959595+0,0d0d0d+46,010101+50,0a0a0a+53,4e4e4e+76,383838+87,1b1b1b+100;Black+Gloss+Pipe */

background: rgb(149,149,149); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */

	

}

.bg_24{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e9341+0,9be89e+56,fd89d7+81,ff7cd8+100&0.14+0,0.16+100 */

background: -moz-linear-gradient(-45deg,  rgba(14,147,65,0.14) 0%, rgba(155,232,158,0.15) 56%, rgba(253,137,215,0.16) 81%, rgba(255,124,216,0.16) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(14,147,65,0.14) 0%,rgba(155,232,158,0.15) 56%,rgba(253,137,215,0.16) 81%,rgba(255,124,216,0.16) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(14,147,65,0.14) 0%,rgba(155,232,158,0.15) 56%,rgba(253,137,215,0.16) 81%,rgba(255,124,216,0.16) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#240e9341', endColorstr='#29ff7cd8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_255{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e9341+0,9be89e+56,fd89d7+81,ff7cd8+100&1+0,0.64+100 */

background: -moz-linear-gradient(-45deg,  rgba(14,147,65,1) 0%, rgba(155,232,158,0.8) 56%, rgba(253,137,215,0.71) 81%, rgba(255,124,216,0.64) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(14,147,65,1) 0%,rgba(155,232,158,0.8) 56%,rgba(253,137,215,0.71) 81%,rgba(255,124,216,0.64) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(14,147,65,1) 0%,rgba(155,232,158,0.8) 56%,rgba(253,137,215,0.71) 81%,rgba(255,124,216,0.64) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e9341', endColorstr='#a3ff7cd8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_2555{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#31af44+13,85c44a+36,11840f+72,2a9909+100&0.35+0,0.98+100 */

background: -moz-linear-gradient(-45deg,  rgba(49,175,68,0.35) 0%, rgba(49,175,68,0.43) 13%, rgba(133,196,74,0.58) 36%, rgba(17,132,15,0.81) 72%, rgba(42,153,9,0.98) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(49,175,68,0.35) 0%,rgba(49,175,68,0.43) 13%,rgba(133,196,74,0.58) 36%,rgba(17,132,15,0.81) 72%,rgba(42,153,9,0.98) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(49,175,68,0.35) 0%,rgba(49,175,68,0.43) 13%,rgba(133,196,74,0.58) 36%,rgba(17,132,15,0.81) 72%,rgba(42,153,9,0.98) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5931af44', endColorstr='#fa2a9909',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_25{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4d47ff+13,00961b+37,99ba16+72,ed0e51+100&0.36+0,0.31+100 */

background: -moz-linear-gradient(-45deg,  rgba(77,71,255,0.36) 0%, rgba(77,71,255,0.35) 13%, rgba(0,150,27,0.34) 37%, rgba(153,186,22,0.32) 72%, rgba(237,14,81,0.31) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(77,71,255,0.36) 0%,rgba(77,71,255,0.35) 13%,rgba(0,150,27,0.34) 37%,rgba(153,186,22,0.32) 72%,rgba(237,14,81,0.31) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(77,71,255,0.36) 0%,rgba(77,71,255,0.35) 13%,rgba(0,150,27,0.34) 37%,rgba(153,186,22,0.32) 72%,rgba(237,14,81,0.31) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c4d47ff', endColorstr='#4fed0e51',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_26{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */

background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.bg_27{

    background: red;

    -webkit-animation-name: bg27; /* Safari 4.0 - 8.0 */

    -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */

    -webkit-animation-iteration-count: 3000; /* Safari 4.0 - 8.0 */

    animation-name: bg27;

    animation-duration: 10s;

    animation-iteration-count: 3000;

}



/* Safari 4.0 - 8.0 */

/*@-webkit-keyframes bg27 {

    0%   {background-color:#ff0063;}

    50%  {background-color:#1cff00;}

    100% {background-color:#ff0063;}

}*/



/* Standard syntax */

/*@keyframes bg27{

    0%   {background-color:#ff0063;}

    50%  {background-color:#1cff00;}

    100% {background-color:#ff0063;}

}*/

@-webkit-keyframes bg27 {

    0%   {background-color:#1ad406;}

    50%  {background-color:#8c00bd;}

    100% {background-color:#1ad406;}

}



/* Standard syntax */

@keyframes bg27{

    0%   {background-color:#1ad406;}

    50%  {background-color:#8c00bd;}

    100% {background-color:#1ad406;}

}.call_interface_main {

    bottom: 50px;

    position: fixed;

    right: 50px;

    width: 320px;

    z-index: 999999;

}

.call_interface_foot {

    background: #25AA99;

    border-radius: 50%;

    bottom: 90px;

    height: 55px;

    position: fixed;

    right: 10px;

    text-align: center;

    width: 55px;

    z-index: 99999;

}

.cal_i_up_down_btn {

    bottom: 0;

    color: #fff;

    cursor: pointer;

    font-size: 30px;

    height: 38px;

    left: 0;

    line-height: 1;

    margin: 0;

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

}
.cal_i_up_down_btn img{
    width: 86%;
    margin-top: 7%;
}

.call_interface_incomming {

    bottom: 20px;

    height: 0;

    overflow: hidden;

    position: absolute;

    right: 0;

    text-align: center;

    transition: all 0.4s ease 0s;

    width: 100%;

	opacity:0;

	border-radius: 27px;

    box-shadow: 0 0 26px -5px rgba(0, 0, 0, 0.3);

}



.call_interface_incomming.active {

    height: 480px;

	opacity:1;

}



.ci_image_info {

    float: left;

    margin-bottom: 25px;

    padding-top: 20px;

    text-align: center;

    width: 100%;

}

.callusername {

    color: #fff;
    font-size: 15px;
    margin-bottom: 30px;
}
.callusername > a {
    color: #87c846;
    font-family: sans-serif;
    font-weight: bold;
    transform: scaleX(1.08409);
	display:inline-block;
}
.callclientname {
    color: #595b60;
    font-size: 16px;
    margin-bottom: 5px;
}
.calstatus {
    color: #595b60;
    font-size: 16px;
    margin: 0 0 25px;
}
.GotoProfile {
    background: #87c846 none repeat scroll 0 0;
    border-bottom: 5px solid #595b60;
    border-left: 5px solid #595b60;
    border-radius: 0 0 26px 26px;
    border-right: 5px solid #595b60;
    bottom: -175px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    height: 68px;
    left: 0;
    padding-top: 16px;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.GotoProfile .fa.fa-chevron-right {
    font-size: 15px;
    margin-left: 10px;
}
.ci_image_info > img {

     border: 5px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 42px -12px rgba(0, 0, 0, 0.05);
    height: 150px;
    margin-bottom: 0;
    object-fit: cover;
    width: 150px;

}

.ci_cal_info {

    color: #4a4242;

    display: inline-block;

    font-size: 16px;

    text-align: center;

    width: 100%;

}

.ci_cal_info > span {

    float: left;

    position: relative;

    width: 100%;

}

.ci_cal_info > span i {

    display: none;

}

.ci_cal_info > span > strong {

    color: #595b60;

    margin-right: 5px;

}.ci_img_loader_icon {

    float: left;

    text-align: center;

    width: 100%;

}

.dotedicn {

    display: inline-block;

    padding:0;

    width:100%;

}

.ci_img_loader_icon .dotedicn span {

    background: #fff ;

    border-radius: 50%;

    display: inline-block;

    height: 10px;

    margin: 5px;

    width: 10px;

}

.ci_cal_status {

    color: #ffffff;

    float: left;

    width: 100%;

	font-size: 13px;

}

.ci_down_call {

    color: #595b60;
    cursor: pointer;
    position: absolute;
    right: 17px;
    top: 12px;

}



.cal_i_up_down_btn_call {

    color: #fff;

    cursor: pointer;

    font-size: 20px;

    left: 15px;

    position: absolute;

    top: 12px;

}

.dotedicn > img {

    width: 100%;

	padding-top:2px;

}

/*-----------------*/

.call_interface_history{


    bottom: 20px;

    height: 0;

    overflow: hidden;

    position: absolute;

    right: 0;

    transition: all 0.2s ease 0s;

    width: 100%;

	opacity:0;

}

.call_interface_history.active {

    height: 480px;

    opacity: 1;

    padding-left: 10px;

    padding-top: 30px;

    border-radius: 10px;

    box-shadow: 0px 0px 26px -5px #000;

}

.ci_down_call_history{

	color: #ccc;

    cursor: pointer;

    position: absolute;

    right: 10px;

    top: 10px;

}

.call_historu_ul {

    float: left;

    height: 420px;

    list-style: outside none none;

    margin: 0;

    overflow-y: auto;

    padding: 15px;

    width: 100%;

}

.call_historu_ul > li {

    border-radius: 5px;

    float: left;

    margin-bottom: 10px;

    padding-bottom: 5px;

    padding-left: 55px;

    padding-top: 5px;

    position: relative;

    width: 100%;

}

.call_history_item {

    background: #f7f7f7;

    border-radius: 5px;

    float: left;

    padding: 0 33px 25px 5px;

    position: relative;

    width: 100%;

}

.call_history_img {

    float: left;

    left: -63px;

    position: absolute;

    width: 50px;

}

.call_history_img > img {

    border-radius: 50%;

    float: left;

    width: 100%;

}

.call_history_item::after {

    border-bottom: 10px solid transparent;

    border-right: 10px solid #f7f7f7;

    border-top: 7px solid transparent;

    content: "";

    height: 0;

    left: -9px;

    position: absolute;

    top: 15px;

    width: 0;

}

.call_history_detail {

    float: left;

    padding: 7px;

    width: 100%;

}

.call_history_status {

    color: #f26752;

    font-size: 20px;

    padding-left: 8px;

    position: absolute;

    right: 7px;

    top: 15px;

	border:none;

}

.call_history_detail > h4 {

    border-bottom: 1px solid #ebebeb;

    color: #70808a;

    float: left;

    font-size: 12px;

    font-weight: bold;

    margin: 7px 0 5px;

    padding-bottom: 4px;

    width: 100%;

}

.call_history_detail > p {

    color: #888888;

    float: left;

    font-size: 11px;

    margin: 0;

    width: 100%;

}

.call_history_detail > p a{

	color:#0D9703;

}

.call_history_time {

    bottom: 6px;

    color: #a2a2a2 !important;

    font-size: 10px !important;

    left: auto;

    position: absolute;

    right: 10px;

    width: auto !important;

}

.ft_histry_status{

    bottom: 6px;

    color: #a2a2a2 !important;

    font-size: 10px !important;

    right: auto;

    position: absolute;

    left: 10px;

    width: auto !important;

}

.call_historu_ul::-webkit-scrollbar{

  width: 5px;  /* for vertical scrollbars */

  height: 10px; /* for horizontal scrollbars */

}

.call_historu_ul::-webkit-scrollbar-track{

  background: rgba(235, 235, 235, 0.4);

}

.call_historu_ul::-webkit-scrollbar-thumb{

  background: rgba(173, 173, 173, 0.5);

}

.call_historu_ul::-moz-scrollbar{

  width: 5px;  /* for vertical scrollbars */

  height: 5px; /* for horizontal scrollbars */

}

.call_historu_ul::-moz-scrollbar-track{

  background: rgba(0, 0, 0, 0.1);

}

.call_historu_ul::-moz-scrollbar-thumb{

  background: rgba(0, 0, 0, 0.5);

}

.call_historu_ul::-moz-horizontal-scrollbar{

  width: 12px;  /* for vertical scrollbars */

  height: 0px; /* for horizontal scrollbars */

}

.cal_i_up_down_btn .fa-times{

	display:none;

}

.cal_i_up_down_btn.active .fa-times{

	display:block;

	margin-top: 4px;

}

.cal_i_up_down_btn .fa-comment{

	display:block;

	margin-top: 3px;

}

.cal_i_up_down_btn.active .fa-comment{

	display:none;

} 

/*-------------------------*/

.overlay_bg {

    bottom: 0;

    height: 100%;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

    z-index: 1;
	
 	background: #fff none repeat scroll 0 0;
    border: 5px solid #595b60;
    border-radius: 27px;
}


.overlay_bg_agent {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    background: #fff none repeat scroll 0 0;
    border: 5px solid #595b60;
    border-radius: 10px;
}



.wating_item_heading {

    color: #fff;

    float: left;

    font-weight: bold;

    height: 50px;

    padding: 15px;

    text-align: left;

    width: 100%;

}

.incomming_wating {

    float: left;

    transform: translate(100%, 0px);

	opacity:0;

    width: 100%;

	position:relative;

	z-index:2;

}

.wating_item_outer {

    float: left;

    height: 135px;

    overflow-y: auto;

    padding: 15px;

    width: 100%;

}



.wating_item_outer::-webkit-scrollbar{

  width: 5px;  /* for vertical scrollbars */

  height: 10px; /* for horizontal scrollbars */

}

.wating_item_outer::-webkit-scrollbar-track{

  background: rgba(235, 235, 235, 0.4);

}

.wating_item_outer::-webkit-scrollbar-thumb{

  background: rgba(173, 173, 173, 0.5);

}

.wating_item_outer::-moz-scrollbar{

  width: 5px;  /* for vertical scrollbars */

  height: 5px; /* for horizontal scrollbars */

}

.wating_item_outer::-moz-scrollbar-track{

  background: rgba(0, 0, 0, 0.1);

}

.wating_item_outer::-moz-scrollbar-thumb{

  background: rgba(0, 0, 0, 0.5);

}

.wating_item_outer::-moz-horizontal-scrollbar{

  width: 12px;  /* for vertical scrollbars */

  height: 0px; /* for horizontal scrollbars */

}.wating_item {

    display: inline-block;

    margin-left: 5px;

    margin-right: 5px;

    width: 75px;

}

.wating_itm_img {

    border-radius: 50%;

    float: left;

    height: 75px;

    overflow: hidden;

    width: 75px;

}

.wating_itm_title {

    background: transparent ;

    color: #fff;

    float: left;

    height: 30px;

    width: 100%;

	font-size:12px;

	line-height:1.2;

}

.incomming_ringing {

    float: left;

    height: 305px;

    width: 100%;

	position:relative;

	z-index:2;

}

.incomming_wating.bg_0 .wating_item_heading{

	color: #000;

}

.incomming_wating.bg_0 .wating_itm_title{

	color: #7a7a7a;

}

.wating_itm_img > img {

    float: left;

    height: 100%;

    object-fit: cover;

    width: 100%;

}

/*------------------------------*/

.incomming_wating , .incomming_ringing , .ci_image_info , .callusername , .caling_u_dgn_img {

	transition:0.3s;

}

.wait_for_call_active .incomming_wating {

    transform:translate(0,0);

	opacity:1;

}

.wait_for_call_active .incomming_ringing {

    height: 300px;

}

.wait_for_call_active .ci_image_info {

    margin-bottom: 0;

}

.wait_for_call_active .callusername {

    font-size: 18px;

    margin: 25px 0;

}

.wait_for_call_active .caling_u_dgn_img {

    height: 100px;

    margin-bottom: 25px;

    width: 100px;

}



/*----------------------------------------------------------*/

.carousel-inner .active.left { left: -33%; }

.carousel-inner .next        { left:  33%; }

.carousel-inner .prev        { left: -33%; }

.carousel-control.left,.carousel-control.right {background-image:none;}

.item:not(.prev) {visibility: visible;}

.item.right:not(.prev) {visibility: hidden;}

.rightest{ visibility: visible;}

/*-------------------------------------------------------------*/

.wating_item_outer .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {

    font-size: 15px;

    margin-left: -30px;

    margin-top: -15px;

}

.wating_item_outer .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {

    font-size: 15px;

    margin-right: -30px;

    margin-top: -15px;

}

.lbs222{

    font-size: 12px;

    color: #777;	

}



.task_list_main {

    background: #fff ;

    float: left;

    width: 100%;

	padding-bottom: 15px;

} 



.task_list_header {

    float: left;

    width: 100%;

}

.t_l_header_left {

    float: left;

	padding: 25px;

}

.t_l_header_right {

    float: right;

	padding: 25px;

}

.task_list_sidebar {

    float: left;

    width: 20%;

}

.task_list_container {

    float: left;
    width: 80%;
}


.deals_list_container {

    float: left;
    width: 97%;
}

.t_l_cont_header {

    float: left;

    width: 100%;

}



.t_l_c_h_menu {

    float: left;

    list-style: outside none none;

    margin: 0;

    padding: 0;

    width: 100%;

}

.t_l_c_h_menu > li {

    float: left;

}

.t_l_menu {

    float: left;

    list-style: outside none none;

    margin: 0;

    padding: 0;

    width: 100%;

}

.t_l_menu > li {

    float: left;

    padding: 0 15px;

    width: 100%;

}

.t_l_menu > li > a {

    background: #fff ;

    color: #33475b;

    float: left;

    padding: 10px 15px;

    width: 100%;

}

.t_l_menu > li.active > a {

    background: #eaf0f6 ;

    color: #33475b;

    font-weight: bold;

}

.t_l_menu > li > a:hover {

    color: #0091ae;

}

.t_l_header_left h1 {

    float: left;

    font-size: 24px;

    margin: 15px 0 0;

    width: 100%;

	color:#25aa99;

}

.creat_task_btn.btn.btn-nps {

    padding-top: 10px !important;

}

.board_box .board_date > a {

    color: #0091ae;

    font-size: 12px;

    margin-left: 5px;

}

.board_box .board_name > a {

    color: #25aa99;

}

/*------------------------*/



.t_l_c_h_btns .btn.btn-link.dropdown-toggle {

    color: #0091ae;

}

.drop-secrh {

    background: #34bdda ;

    border-radius: 3px 3px 0 0;

    float: left;

    margin-top: -6px;

    padding: 10px;

    position: relative;

    width: 100%;

}

.drop-sech-input {

    border: 1px solid #fff;

    border-radius: 3px;

    float: left;

    height: 30px;

    padding-right: 30px;

    width: 100%;

}

.drop-sech-btn {

    background: transparent ;

    border: medium none;

    color: #0091ae;

    position: absolute;

    right: 12px;

    top: 19px;

}

.t_l_c_h_menu .dropdown-menu > li > a {

    padding: 15px;

}

.t_l_c_h_search {

    float: left;
    /*padding-right: 25px;*/
    position: relative;
    width: 100%;
}

.t_l_c_h_s_input {

    background: #f5f8fa ;

    border: 1px solid #cbd6e2;

    border-radius: 4px;

    box-shadow: none;

    float: left;

    height: 38px;

    /*min-width: 390px;*/

    padding: 7px 38px 7px 7px;

    width: 100%;

}

.t_l_c_h_s_btn {

    background: transparent;
    border: medium none;
    color: #0091ae;
    position: absolute;
    right: 8px;
    top: 12px;
}

.t_l_cont_body {

    float: left;

    padding: 15px;

    width: 100%;

	overflow-x: auto;

}

.board_box_main {

    background: #f5f8fa ;

    border: 1px solid #cbd6e2;

    float: left;

    width: 100%;

	/*border-bottom:none;*/

}

.board_box_outer {

    border-right: 1px solid #cbd6e2;

    float: left;

    width: 265px;

	

}

.board_box_header {

    border-bottom: 1px solid #cbd6e2;

    float: left;

    width: 100%;

}

.board_box_header h3 {

    color: #33475b;

    float: left;

    font-size: 12px;

    font-weight: bold;

    line-height: 1.4;

    margin: 0;

    padding: 12px 12px 8px;

    text-transform: uppercase;

}

.board_box_header > span {

    color: #33475b;

    float: right;

    font-size: 11px;

    padding: 12px 10px 9px;

}

.board_box_body {

    float: left;

    padding: 8px;

    width: 100%;

	min-height:480px;

	padding-bottom:50px;

}

.board_box {

    background: #fff ;

    border-radius: 0.1875rem;

    box-shadow: 0 1px 5px 0 rgba(45, 62, 80, 0.12);

    float: left;

    margin-bottom: 8px;

    padding: 10px;

    width: 100%;

	cursor: grab;

}

.board_box a {

    color: #0091ae;

    font-size: 14px;

}

.board_name {

    float: left;

    margin-bottom: 10px;

    width: 100%;

}

.board_date {

    float: left;

    margin-bottom: 10px;

    width: 100%;

}

.board_imgz {

    float: left;

    width: 100%;

}

.board_imgz > a {

    border-radius: 50%;

    float: left;

    height: 25px;

    margin-right: 15px;

    overflow: hidden;

    width: 25px;

}

.board_imgz > a > img {

    height: 100%;

    object-fit: cover;

    width: 100%;

}

/*--------------------------*/



.side_pop_task {

    background: #ffffff;

    box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.08);

    height: 100%;

    overflow-y: auto;

    position: fixed;

    right: 0;

    top: 0;

    width: 450px;

	display:none;

	z-index: 999;

}

.side_pop_task_head {

    background: #00a4bd ;

    color: #fff;

    float: left;

    height: 80px;

    margin-bottom: 50px;

    position: relative;

    text-align: center;

    width: 100%;

}

.close_task_pop {

    cursor: pointer;

    font-family: Arial;

    font-size: 25px;

    position: absolute;

    right: 18px;

    top: 20px;

}

.task_pop_icon_main {

    background: #00a4bd ;

    border: 5px solid #fff;

    border-radius: 50%;

    display: inline-block;

    height: 80px;

    margin-top: 35px;

    text-align: center;

    width: 80px;

}

.task_pop_icon_main .fa.fa-desktop {

    font-size: 35px;

    margin-top: 20px;

}

.side_pop_task_body {

    border-left: 1px solid #eaf0f6;

    float: left;

    padding: 20px 20px 0;

    width: 100%;

}

.task_pop_sec {

    border-bottom: 1px solid #e5eaf0;

    float: left;

    margin-bottom: 25px;

    padding-bottom: 25px;

    width: 100%;

}

.task_pop_sec.task_pop_sec_bdr_none {

    border: medium none;

}



.task_pop_title {

    float: left;
    padding-right: 20px;
    position: relative;
    width: 100%;

}

.input_pop_task {

    border: medium none;
    float: left;
    font-size: 15px;
    font-weight: normal;
    height: 35px;
    width: 100%;
    background-color: #f5f8fa;
    padding: 0px 0px 0px 10px;

}

.icon_pop_tks {

    position: absolute;

    right: 0;

    top: 10px;

}

.Associated_Records_pop {

    float: left;

    width: 100%;

}

.side_pop_task label {

    color: #33475b;

    float: left;

    margin-bottom: 10px;

    width: 100%;

}

.associ_btn {

    float: left;

    margin-bottom: 10px;

    padding: 15px;

	color: #506e91;

}

.Associated_Records_drop {

    float: left;

    margin-bottom: 10px;

    width: 100%;

}

.Associated_Records_tags {

    float: left;

    margin-bottom: 10px;

    width: 100%;

}

.tags_associ {

    background: #e5f5f8 ;

    border: 1px solid #53e4ff;

    border-radius: 4px;

    float: left;

    padding: 5px 20px 5px 10px;

    position: relative;

	margin-right: 10px;

}

.tags_associ > img {

    border-radius: 50%;

    float: left;

    height: 20px;

    margin-right: 9px;

    object-fit: cover;

    width: 20px;

}

.tag_asoci_name {

    color: #0091ae;

    float: left;

    font-size: 12px;

    margin-top: 1px;

}

.tag_asoci_close {

    color: #007a97;

    cursor: pointer;

    font-size: 10px;

    position: absolute;

    right: 7px;

    top: 8px;

}



.date_pop_tsk {

    float: left;

    width: 100%;

}

.date_pop_tsk > input {

    background: #f5f8fa ;

    border: 1px solid #cbd6e2;

    border-radius: 4px;

    float: left;

    height: 40px;

    padding: 7px 12px;

    width: 100%;

}

.date_pop_tsk_soan {

    float: left;

    padding-top: 7px;

    text-align: center;

    width: 10%;

}

.textarea_pop_tsk {

    float: left;

    width: 100%;

}

textarea.textarea_pop_tsk_field {

    background: #f5f8fa ;

    border: 1px solid #cbd6e2;

    border-radius: 4px;

    float: left;

    height: 145px;

    padding: 15px;

    width: 100%;

}

.side_pop_task_body .Select_s .bootstrap-select > .dropdown-toggle {

    background: #f5f8fa ;

    border: 1px solid #cbd6e2;

    border-radius: 4px;

    height: 40px;

}

.submit_pop_tsk {

    float: left;

    text-align: center;

    width: 100%;

}

.submit_pop_tsk_btn {

    background: #506e91 ;

    border: 1px solid #506e91;

    border-radius: 4px;

    color: #fff;

    font-size: 16px;

    padding: 7px 30px;

}



.submit_pop_tsk_btn_delete {

    background: #a94242  ;

    border: 1px solid #a94242 ;

    border-radius: 4px;

    color: #fff;

    font-size: 16px;

    padding: 7px 30px;

}



@media(max-width:900px){

	.task_list_sidebar {

	margin-bottom: 30px;

	text-align: center;

	width: 100%;

	}

	.t_l_menu > li {

	display: inline-block;

	float: none;

	width: auto;

	}

	.t_l_menu {

	text-align: center;

	}

	.task_list_container {

	width: 100%;

	}

	.t_l_cont_header > .pull-left {

	margin-bottom: 25px;

	text-align: center;

	width: 100%;

	}

	.t_l_c_h_btns {

	display: inline-block;

	}

	.t_l_cont_header > .pull-right {

	text-align: center;

	width: 100%;

	margin-bottom: 15px;

	}

	.t_l_c_h_search {

	display: inline-block;

	float: none;

	max-width: 400px;

	padding: 0 15px;

	}

	.t_l_c_h_s_btn {

	right: 25px;

	}

	.t_l_c_h_s_input {

    min-width: unset;

	}

}

@media(max-width:480px){

	

	.t_l_header_left {

	padding: 10px;

	text-align: center;

	width: 100%;

	}

	.t_l_header_right {

	float: left;

	margin-bottom: 20px;

	padding: 10px;

	text-align: center;

	width: 100%;

	}

	.t_l_menu > li {

	width: 100%;

	}

	.t_l_c_h_menu > li {

	width: 100%;

	}

	.side_pop_task {

    bottom: 5%;

    box-shadow: 1px 1px 1px 50px rgba(0, 0, 0, 0.5);

    height: 90%;

    left: 5%;

    right: 5%;

    top: 5%;

    width: 90%;

	}



}



.email_additionalbcc{

	float:right;

	padding-right:10px;

	color:#0098d4;

}



.email_additionalbcc:hover{

	text-decoration:underline;

	cursor:pointer;

}



.email_additionalcc{

	float:right;

	padding-right:10px;

	color:#0098d4;

}



.email_additionalcc:hover{

	text-decoration:underline;

	cursor:pointer;

}

.cc_div{

	display:none;

}



.bcc_div{

	display:none;

}


.show_personal_email{

	display:none;

}

.use_company_email{

	float:left;

	padding-right:10px;

	color:#0098d4;

}



.use_company_email:hover{

	text-decoration:underline;

	cursor:pointer;

}


.ajax_refresh_icon{

	

	margin-right: 10px;

    color: green;

    cursor: pointer;	

}

.task_type_div{ 

	display:none;

}

.rTable {

	display: table;

	width:100%;

	/*width: 820px;*/

}



.rTableRow {

	display: table-row;

}



.rTableHeading {

	display: table-header-group;

}



.rTableBody {

	display: table-row-group;

}



.rTableFoot {

	display: table-footer-group;

}



.rTableCell,

.rTableHead {

	border: 1px solid #ededed;

	display: table-cell;

	padding: 7px;

}



.rTableRow:hover {

	background: #e9e9e9  !important;

	transition: all 0.2s ease 0s;

}



.rTableHead {

	font-weight: bold;

}



.mb-wrap {

	overflow: auto;

}

.rTableRow:nth-child(2n){

	background:#fafafa ;



}

#excluded_ids_txt{ 

	display:none;

}/*-----------------------------------*/

.srl_name {

    width: 6%;

	float:left;

}

.fst_name {

    width: 13%;

	float:left;

}

.lst_name {

    width: 13%;

	float:left;

}

.ful_name {

    width: 17%;

	float:left;

}

.email_clm {
    width: 18%;
	float:left;
}

.email_clm22{
    width: 25%;
	float:left;
}

.home_phonei {
    width: 15%;
	float:left;
}

.home_phone22 {
    width: 18%;
	float:left;
}

.status_clm {

    width: 10%;

	float:left;

}

.exld_clm {

    width: 8%;

	float:left;

}

.rTableHead {

	height:55px;

}

.rTableCell {

    height: 70px;

    word-wrap: break-word;

}



.overdue_cls{

	background-color: rgba(255, 235, 235, 0.980392);

	

}

.dileforcal {

    float: left;

    width: 95%;

    background: #25aa99;

    color: #ffffff;

    padding: 5px;

    padding-right: 49px;

    margin-bottom: 20px;

    position: relative;

    border-radius: 30px 0 0 30px;

    transition: 0.3s;

   

}



.dileforcal a{

	text-decoration: none;

    color: white;

}



.dilemain {

    float: left;

    width: 100%;

    padding: 15px 0;

}



span.dile_numberx {

    font-size: 18px;

    padding-left: 75px;

    width: 100%;

    float: left;

}



span.dile_incx {
    float: right;
    font-size: 20px;
    background: #FFC107;
    color: #ffffff;
    border-radius: 50%;
    height: 55px;
    line-height: 0;
    border: 4px solid #fff;
    position: absolute;
    width: 55px;
    text-align: center;
    cursor: pointer;
    padding-top: 14px;
    transform: rotate(360deg);
    transition: 0.3s;
    right: 24px;
    top: -8px;
}


span.dile_incx2 {
    float: right;
    font-size: 20px;
    background: #8BC34A;
    color: #ffffff;
    border-radius: 50%;
    height: 55px;
    line-height: 0;
    border: 4px solid #fff;
    position: absolute;
    width: 55px;
    text-align: center;
    cursor: pointer;
    padding-top: 14px;
    transform: rotate(360deg);
    transition: 0.3s;
    right: -30px;
    top: -8px;
}



.dile_incx:hover{

    transform: rotate(0);

    background:#4CAF50

}

.dile_incx2:hover{

    transform: rotate(0);

    background:#4CAF50

}

.newsmstextarea{
    background: #f1f3f4;
    border: medium none;
    float: left;
    min-height: 160px;
    padding: 10px;
    width: 100%;
    color: #8b979e;
    font-size: 12px;
    border-radius: 3px;
    margin-bottom: 0;
}

span.dile_incx_satus {

    position: absolute;

    left: 9px;

    top: 7px;

    background: #ffffff;

    color: #607D8B;

    font-weight: bold;

    font-size: 11px;

    text-align: center;

    line-height: 1;

    letter-spacing: 1px;

    padding: 5px 14px;

    border-radius: 11px;

}

.logilogin{

	box-shadow: 2px 2px 1px rgb(204, 204, 204); 

	padding: 8% 10%; 

	max-width: 620px; 

	float: none; 

	margin: 0px auto; 

	display: table;

}

@media(max-width:480px){

	.logilogin{

	padding: 10% 5%; 	

	}

	.halfs {

	width: 100%;

	padding: 2px 0;

	text-align:center;

	}

	.halfs > a , .halfs > input , .halfs label {

	float: none;

	display:inline-block;

	text-align: center;

	}

	.logn_hd {

    text-align: center;

	}

}

/*-----------------------------*/

.side_pop_task { 

    z-index: 9999;

}

.filtri_2 {

	float:right;

}

@media(max-width:991px){

	

	.filterrat_4 .t_l_c_h_search {

	padding: 0;

	}

	.filterrat_4 .t_l_c_h_search .t_l_c_h_s_btn {

	right: 5px;

	}

	.filterrat_1 {

	margin-bottom: 15px;

	}

	.filterrat_2 {

	margin-bottom: 9px;

	}

	.filterrat_3 {

	margin-bottom: 15px;

	}

	.filterrat_4 {

	margin-bottom: 15px;

	}

	.t_l_cont_header > .col-sm-6.pull-right.filterrat_4{

	width:50%;	

	}

	.t_l_c_h_search{

	max-width:unset;	

	}

}

@media(max-width:767px){

	.t_l_cont_header > .col-sm-6.pull-right.filterrat_4 {

    width: 100%;

	}

	.filtri_0 , .filtri_1 , .filtri_2 {

	margin-bottom:15px;	

	}

	.filtri_2 .t_l_c_h_search{

	padding:0;	

	}

	.filtri_2 .t_l_c_h_s_btn {

    right: 4px;

	}

	.filtri_for_btn button{

	width:100%;

	text-align:center;	

	}

}

@media(max-width:480px){

	.inmobilef {

    margin-bottom: 15px;

    width: 100%;

	}

}

/*----------------------------09-05-2017*/

#sortable_uiz.ui-sortable {

    background: #fff;

    float: left;

    padding: 1px;

    width: 100%;

}

#sortable_uiz.ui-sortable > ul{

    background: #eaf0f6;

    border: 1px solid #ced9e4;

    border-radius: 4px;

    margin: 0 0 10px;

    padding: 12px 2px 12px 14px;

    width: 100%;

}

#sortable_uiz.ui-sortable > ul > li {

    color: #6c7b8b;

}

.delete_custn {
    color: #fd0e0e;
    font-family: "Comic Sans MS";
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 0px;
}

#sortable_uiz.ui-sortable > ul::after {
    color: #9aa4af;
    content: "..........";
    cursor: move;
    left: 10px;
    letter-spacing: 1px;
    line-height: 5px;
    overflow-wrap: break-word;
    position: absolute;
    top: 14%;
    width: 11px;
}
.dispo_error{
	color:red;
}
/*-----------------------------------QA Notifications /**/
.cal_notifxion.have_notification{
	color: #8dc73f;
} 
.cal_notifxion.have_notification > span {
	display:block;
}
.cal_notifxion {
    border-radius: 50%;
    font-size: 18px;
    position: relative;
    text-align: center;
}
.cal_notifxion > span {
    background: #b33f42;
    border-radius: 50%;
    color: #fff;
    display: none;
    font-size: 8px;
    height: 16px;
    line-height: 1;
    padding: 4px 0 0;
    position: absolute;
    right: -11px;
    text-align: center;
    top: -7px;
    width: 16px;
}
.cal_notifxion_list {
    border-bottom: 1px solid #eee;
    float: left;
    min-width: 270px;
    padding: 5px 5px 15px 70px;
    position: relative;
    width: 100%;
}
.notifi_itme {
    float: left;
    min-height: 52px;
    width: 100%;
}
.notifi_itme_img {
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    height: 50px;
    left: 10px;
    overflow: hidden;
    padding: 3px;
    position: absolute;
    top: 11px;
    width: 50px;
}
.notifi_itme_img > img {
    border-radius: 50%;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.dropdown-menu > li.cal_notifxion_list > a {
    padding: 0 !important;
	white-space: normal;
}
.notifi_itme_text {
    float: left;
    padding: 10px 0;
    width: 100%;
}
.notifi_itme_text > p {
    color: #9d9d9d;
    font-size: 11px;
    margin: 0;
}
.notifi_itme_text > a {
    color: #757272;
    font-size: 11px;
}
.notifi_itme_text > p strong {
    color: #6c6c6c;
    font-size: 11px;
}
.notifi_itme_ago {
    color: #adadad;
    float: left;
    font-size: 9px;
    position: absolute;
    text-align: right;
    width: 70%;
} 
.cal_notifxion_list:last-child {
    border-bottom: medium none;
}
.cal_notifxion_list:hover {
    /*background: #f7f7f7 ;*/
}
.cal_notifxion_drop {
    max-height: 330px;
    overflow-y: auto;
    width: 290px;
}
.cal_notifxion_list:hover .notifi_itme_img{
	border: 1px solid #a3a3a3;
	background: #fff;
}
.cal_notifxion_list:hover .notifi_itme_text > p {
    color: #606060;
}
.cal_notifxion_list:hover .notifi_itme_text > p strong {
    color: #252525;
}
@media(max-width:767px){
	.dropdown-menu.cal_notifxion_drop {
    left: -6px;
    right: 0;
	width:290px;
	}
	.cal_notifxion_list {
    min-width: 270px;
	}
}
/*------------------------------------------------/**/
*::-webkit-scrollbar {
	width: 15px;  /* for vertical scrollbars */
	height: 10px; /* for horizontal scrollbars */
}
*::-webkit-scrollbar-track {
	background: rgba(235, 235, 235, 0.4);
}
*::-webkit-scrollbar-thumb {
	background: rgba(173, 173, 173, 0.5);
}
*::-moz-scrollbar {
	width: 15px;  /* for vertical scrollbars */
	height: 5px; /* for horizontal scrollbars */
}
*::-moz-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
}
*::-moz-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.5);
}
*::-moz-horizontal-scrollbar {
  width: 12px;  /* for vertical scrollbars */
  height: 0px; /* for horizontal scrollbars */
}

.text-checkbox-email{
    text-align: left;
    font-size: 13px;
    font-family: roboto;
    color: #8b979e;	
}

.auto_key_btn{
	height: 20px;
    margin-top: -5px;
    margin-left: 110px;
    border-radius: 0px;
    font-size: 12px;
    padding: 0px 6px 0px 5px;
}

/*-----------------------------------------------------------16-06-2017----*/
.board_box_outer {
    background: #EAF0F6;
}
.board_box_main{
	min-width:100%;
}
.board_box_body {
    overflow-y: auto;
	min-height:unset;
}
.board_box.ui-sortable-handle.ui-sortable-helper {
    box-shadow: 0 0 50px -19px rgba(0, 0, 0, 0.8);
    transform: rotate(8deg);
}
.newborder_reports{
	border-bottom: 1px solid #f1f1f1;
    padding-bottom: 0px;
    border-top: 1px solid #f1f1f1;
    padding-top: 30px;
}
.qa_response_time_div{
	display:none;
}
.log_hstcls{
	margin-top:30px;
	font-size:12px;
	color:#8a8a8a;
}

.BodyRightSide_reporting{
	color: #3f3f3f;
    float: left;
    font-size: 14.5px;
    /*font-weight: bold;*/
    width: 30%;
}

.BodyRightSide_reporting > input[type="text"]{

    background: #f5f5f5 ;
    border: medium none;
    float: left;
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    padding: 7px 8px 2px;
    position: relative;
    top: -5px;
    width: 100%;
}

.ftr_tsk_div{
	margin-top: 30px;
    margin-bottom: 20px;
}

.ntf_unrd{
	background-color: #ffeaea;
}

.ntf_upd_sts{
	bottom: 7px;
    color: #adadad;
    float: left;
    font-size: 15px;
    position: absolute;
    right: 1px;
    text-align: left;
    width: 74%;
}

.ntf_upd_sts:hover{
    cursor:pointer;	
}

.tstemalsnd{
	background: #fff;
    border: 1px solid #f4f5f6;
    height: 30px;
    width: 60%;
}

.response_share_lead_lifecycle{
	display:none;
}

.sntmntscr{
	color: #626567;
    font-weight: normal;
}

.scalone{
	margin-left: -13px;
	margin-top: -10px;
	background: red;
	padding: 3px 9px;
	color: #fff;
	font-size: 12px;
}

.scalone11{
	margin-left: 18px;
    background: red;
    padding: 3px 55px;
    color: #fff;
    font-size: 12px;
}

.scaltwo{
	background: #fdd22c;
	padding: 3px 9px; 
	color: #5d5757;
	font-size: 12px;
}

.scaltwo22{
	background: #fdd22c;
    padding: 3px 55px;
    color: #5d5757;
    font-size: 12px;
}

.scalthree{
	background: #388E3C;
	padding: 3px 9px;
	color: #fff;
	font-size: 12px;	
}

.scalthree33{
	background: #388E3C;
    padding: 3px 55px;
    color: #fff;
    font-size: 12px;	
}

.scalnegative{
	color: #9ca2a9;
	font-size: 12px;
	padding: 0px 5px;	
}

.scalnegative11{
	color: #9ca2a9;
    font-size: 12px;
    padding: 0px 80px;
}

.scalneutral{
	color: #9ca2a9;
	font-size: 12px;
	padding: 0px 25px;
}

.scalneutral22{
	color: #9ca2a9;
	font-size: 12px;
	padding: 0px 50px;
}

.scalpositive{
	color: #9ca2a9;
	font-size: 12px;
	padding: 0px 12px;
}

.scalpositive33{
	color: #9ca2a9;
	font-size: 12px;
	padding: 0px 70px;
}

.main_pati_color {
	float: left;
	width: 100%;
	padding: 0 15px;
}
.pati_color {
	float: left;
	width: 100%;
}
.color_box {
	float: left;
	width: 33.33%;
	padding: 2px 4px;
	font-size: 11px;
	text-align: center;
	white-space: nowrap;
}
.color_red {
	background: #f00;
	color: #fff;
}
.color_yellow {
	background: #fdd22c;
}
.color_green {
	background: #388e3c;
	color: #fff;
}
.pati_text {
	float: left;
	width: 100%;
}
span.color_box_t {
	text-align: center;
	float: left;
	width: 33.33%;
	font-size: 12px;
	white-space: nowrap;
	color: #9a9a9a;
}
.view_sentncs{
	margin-top: -10px;
	color: #3e3e3e;
}
.view_sentncs:hover{
	cursor:pointer;
	color:#cad6cc;
}

.top-tab-like {
    background: #d2d3d4 none repeat scroll 0 0;
    border-bottom: 1px solid #b0b0b0;
    border-top: 1px solid #b0b0b0;
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 5;
}
.top-tab-like > span {
    background: #797979 none repeat scroll 0 0;
    border-radius: 0;
    border-right: 1px solid #414141;
    box-shadow: 0 0 38px 4px rgba(0, 0, 0, 0.5) inset;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 2px;
    margin-right: 0;
    padding: 20px 60px;
    text-shadow: 1px 1px 2px #000;
    transition: all 0.3s ease 0s;
}
.top-tab-like > span.active, .top-tab-like > span:hover {
    background: #333439 none repeat scroll 0 0;
    border-right: 1px solid #000;
}

.top-tab-like > a > span {
    background: #797979 none repeat scroll 0 0;
    border-radius: 0;
    border-right: 1px solid #414141;
    box-shadow: 0 0 38px 4px rgba(0, 0, 0, 0.5) inset;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 2px;
    margin-right: 0;
    padding: 20px 60px;
    text-shadow: 1px 1px 2px #000;
    transition: all 0.3s ease 0s;
}
.top-tab-like > a > span.active, .top-tab-like > a > span:hover {
    background: #333439 none repeat scroll 0 0;
    border-right: 1px solid #000;
}



.socail_modal .modal-content {

    background: #333 none repeat scroll 0 0;

    border-radius: 0;

    padding: 20px;

}

.S_M_main {

    float: left;

    width: 100%;

}

.S_M_head {

    float: left;

    width: 100%;
    background: #fff;

}

.social_slide_box {

    background: #5ab2ca none repeat scroll 0 0;

    float: left;

    list-style: outside none none;

    margin: 0;

    padding: 0;

    width: 100%;

}

.social_slide_box > li {

    background: #fff none repeat scroll 0 0;

    border-right: 1px solid #449cb4;

    float: left;

    height: 195px;

    overflow: hidden;

    padding-left: 70px;

    position: relative;

    transition: all 0.3s ease 0s;

    width: 70px;

}

.social_slide_box > li > span {

    background: #5ab2ca none repeat scroll 0 0;

    color: #fff;

    font-size: 25px;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 70px;

}

.social_slide_box > li > span .fa {

    bottom: 0;

    height: 30px;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    top: 0;

    width: 20px;

}

.social_slide_box > li > p {

    float: left;

    font-size: 20px;

    padding-left: 15px;

    padding-top: 80px;

    width: 100%;

}

.social_slide_box > li.active{

    width: 285px;

}



.social_slide_box > li > span::after {

    border-bottom: 8px solid #fff;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    bottom: 0;

    content: "";

    display: none;

    height: 0;

    left: 28px;

    position: absolute;

    width: 0;

}

.social_slide_box > li.active > span {

    background:#fa5b85;

}

.social_slide_box > li.active > span::after {

    display: block;

}

.social_slide_box > li.sm_fb:hover > span {

    background: #4267b2 none repeat scroll 0 0;

}

.social_slide_box > li.sm_tw:hover > span {

    background: #1da1f2 none repeat scroll 0 0;

}

.social_slide_box > li.sm_fq:hover > span {

    background: #fa5b85 none repeat scroll 0 0;

}

.social_slide_box > li.sm_go:hover > span {

    background: #EA4335 none repeat scroll 0 0;

}



.s_m_info {

    background: #fff none repeat scroll 0 0;

    float: left;

    padding: 20px;

    width: 50%;

	display:none;

}

.s_m_info.active{

	display:block;

}

.s_m_info_left {

    float: left;

    min-height: 140px;

    padding-left: 155px;

    position: relative;

    width: 100%;

}

.s_m_info_lef{

    float: left;

    min-height: 140px;

   
    position: relative;

    width: 100%;

}

.s_m_info_right {

    float: left;

    width: 46%;

}
.thumb_S_M_inf span {
    font-weight: bold;
    padding-right: 20px;
     color:#575757;
      overflow-wrap: break-word;
}
.s_m_info_left_img {

    height: 140px;

    left: 0;

    position: absolute;

    top: 0;

    width: 140px;

}

.s_m_info_left_img > img {

    height: 100%;

    object-fit: cover;

    width: 100%;

}

.s_m_info_left > ul {

    float: left;

    list-style: outside none none;

    margin: 0;

    padding: 5px 20px 0 0;

    width: 100%;

}

.s_m_info_left > ul > li {

    border-bottom: 1px solid #eee;

    float: left;

    font-size: 11px;

    margin-bottom: 6px;

    padding-bottom: 6px;

    width: 100%;

}
.s_m_info_lef > ul > li {

    border-bottom: 1px solid #eee;

    float: left;

    font-size: 11px;

    margin-bottom: 6px;

    padding-bottom: 6px;

    width: 100%;
    list-style: none;
}

.s_m_info_left > ul > li > span {

    display: inline-block;

    font-style: italic;

    font-weight: bold;

    min-width: 85px;

}
.s_m_info_lef > ul > li > span {

    display: inline-block;

    font-style: italic;

    font-weight: bold;

    min-width: 85px;

}
.org-heading{
	font-size: 15px;
}
.bio {

    border-left: 4px solid #333;
    float: left;
    min-height: 151px;
    padding-left: 20px;
    padding-top: 20px;
    width: 100%;

}
.thumb_S_M_inf small {
    display: block;
    margin-bottom: 2px;
    position: relative;
    right: 0;
    text-align: right;
    top: -9px;
    width: 100%;
}
.bio > p {

    float: left;

    font-size: 12px;

    width: 100%;

}

.s_m_info_left > ul > li:last-child {

    border-bottom: medium none;

    margin-bottom: 0;

}



.S_M_cont {

    background: #fff none repeat scroll 0 0;

    float: left;

    margin-top: 20px;

    padding: 0  20px;

    width: 100%;

}

.S_M_details {

    float: left;

    width: 100%;

}

.thumb_S_M {

    float: left;

    margin-bottom: 35px;

    width: 100%;

}

.s-m-heading h1 {
    background: #5ab2ca none repeat scroll 0 0;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    margin: 5px 0 15px;
    padding: 11px 8px;
    text-transform: uppercase;
}

.thumb_S_M_tags {

    float: left;

    width: 100%;

}

.SM_tg {

    background-image: url("http://vizzwebsolutions.com/projects/call_center/assets/img/sidlabel.png");

    background-position: right center;

    background-repeat: no-repeat;

    border-bottom: 1px solid #d0d0d0;

    border-left: 1px solid #d0d0d0;

    border-radius: 4px 0 0 4px;

    border-top: 1px solid #d0d0d0;

    color: #646464;

    float: left;

    font-size: 11px;

    height: 24px;

    padding: 3px 19px 4px 7px;

}

.thumb_S_M_info {
   border: 1px solid #d0d0d0;
    border-radius: 4px;
    box-shadow: 0 5px 7px -7px rgba(0, 0, 0, 0.5);
    float: left;
    font-size: 12px;
    margin-top: 10px;
    padding: 11px;
    width: 100%;

}

.thumb_S_M_inf{

     -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #d0d0d0 #d0d0d0 #d0d0d0 #71b018;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    box-shadow: 0 5px 7px -7px rgba(0, 0, 0, 0.5);
    float: left;
    font-size: 12px;
    margin-top: 10px;
    padding: 11px;
    width: 100%;
       background: #f9f9f9 none repeat scroll 0 0;

}

.thumb_S_M_info p span {

    font-weight: bold;

    margin-right: 5px;

}

.thumb_S_M_info > p {

    margin-bottom: 6px;

}

@media(max-width:991px){

	.social_slide_box > li{

	height:90px;	

	}

	.social_slide_box > li.active{

    width: 70px;

	}

	.s_m_info_left {

	margin-bottom: 25px;

	width: 100%;

	}

	.s_m_info_right {

	width: 100%;

	}	

}

@media(max-width:480px){

	.s_m_info_left {

	padding-left: 0;

	}

	.s_m_info_left_img {

	margin-bottom: 15px;

	position: static;

	text-align: center;

	width: 100%;

	}

	.s_m_info_left_img > img {

	border-radius: 5px;

	height: 140px;

	width: 140px;

	}	

}
@media(max-width: 991px){
    .s_m_info{
        width: 100%;
    }
    .bio{
        border: none;
    }
}


.agent_caller_intr_main {

    bottom: 0;

    height: auto;

    left: 0;

    position: fixed;

    width: 100%;

    z-index: 9;

}

.agent_caller_intr_main .btn-default{

	  background: #e9f0f1 linear-gradient(to bottom, #ffffff 10%, #e8e8e8 99%) repeat scroll 0 0;

    border: 1px solid #e9f0f1;

    border-radius: 5px;

    color: rgb(24, 112, 183);

    font-size: 11px;

    font-weight: bold;

    margin: 25px 0;

    padding: 8px 19px;

	transition:0.1s;

	color: #5f04c2;

	border: medium none;

}

.agent_caller_intr_main .btn-default:hover , .agent_caller_intr_main .btn-default:focus {

	border:none;

	transition:0.3s;

	text-decoration:none;

	color: #5f04c2;

	transform:scale(1.04);

}

.agent_caller_intr {

    float: left;

    width: 100%;

}

.agent_caller_intr .call_interface_incomming {

    border-radius: 10px;

    float: right;

    margin-right: 25px;

    position: static;

    width: 270px;

	height:480px;

}

.ci_down_call_agent {

    color: #fff;

    cursor: pointer;

    position: absolute;

    right: 10px;

    top: 10px;

}





.img_143 {

    display: inline-block;

    height: 143px;

    position: relative;

    width: 143px;

}

.img_143 .caling_u_dgn_img {

    height: 100%;

    object-fit: cover;

    position: relative;

    width: 100%;

    z-index: 2;

}

.img_143::after {

    background: #8220e5 none repeat scroll 0 0;

    border: 2px solid #fff;

    border-radius: 50%;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    transform: scale(0.8);

    width: 100%;

    z-index: 1;

	-webkit-animation-name: zzzm; /* Safari 4.0 - 8.0 */

    -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */

    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */

    animation-name: zzzm;

    animation-duration: 1.5s;

    animation-iteration-count: infinite;

}











/* Safari 4.0 - 8.0 */

@-webkit-keyframes zzzm {

    0%   {transform: scale(1); -webkit-transform: scale(1);}

    50%  {transform: scale(1.10); -webkit-transform: scale(1.10);}

    100% {transform: scale(1); -webkit-transform: scale(1);}

}



/* Standard syntax */

@keyframes zzzm {

    0%   {transform: scale(1); -moz-transform: scale(1);}

    50%  {transform: scale(1.10); -moz-transform: scale(1.10);}

    100% {transform: scale(1); -moz-transform: scale(1);}

}





.bg_32{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,2c2c2c+10,595959+13,666666+15,000000+31,474747+39,111111+67,2b2b2b+72,1c1c1c+91,131313+100 */

background: rgb(76,76,76); /* Old browsers */

background: -moz-linear-gradient(45deg,  rgba(76,76,76,1) 0%, rgba(44,44,44,1) 10%, rgba(89,89,89,1) 13%, rgba(102,102,102,1) 15%, rgba(0,0,0,1) 31%, rgba(71,71,71,1) 39%, rgba(17,17,17,1) 67%, rgba(43,43,43,1) 72%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(45deg,  rgba(76,76,76,1) 0%,rgba(44,44,44,1) 10%,rgba(89,89,89,1) 13%,rgba(102,102,102,1) 15%,rgba(0,0,0,1) 31%,rgba(71,71,71,1) 39%,rgba(17,17,17,1) 67%,rgba(43,43,43,1) 72%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(45deg,  rgba(76,76,76,1) 0%,rgba(44,44,44,1) 10%,rgba(89,89,89,1) 13%,rgba(102,102,102,1) 15%,rgba(0,0,0,1) 31%,rgba(71,71,71,1) 39%,rgba(17,17,17,1) 67%,rgba(43,43,43,1) 72%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	

}

.bg_33{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce6261+0,8220e5+78 */

background: rgb(206,98,97); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(206,98,97,1) 0%, rgba(130,32,229,1) 78%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  rgba(206,98,97,1) 0%,rgba(130,32,229,1) 78%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  rgba(206,98,97,1) 0%,rgba(130,32,229,1) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce6261', endColorstr='#8220e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

@media(max-width:1180px){

	.agent_caller_intr .call_interface_incomming{

		margin-bottom: 25px;

		border-radius:10px;

	}

	.agent_caller_intr_main {

    max-height: 500px;

    overflow-y: auto;

	}

}

.add_more_csv_filter:hover{
 	cursor:pointer;	
}

#myModal_show_merge_popup .modal-header {
    background: #34A394 none repeat scroll 0 0;
    color: #fff;
}


#myModal_show_merge_popup .modal-header h4 {
    font-family: roboto;
    font-weight: 800;
}


#myModal_merge_leads .modal-header {
    background: #34A394 none repeat scroll 0 0;
    color: #fff;
}


#myModal_merge_leads .modal-header h4 {
    font-family: roboto;
    font-weight: 800;
}

.box_img img {
    border-radius: 50%;
    height: 60px;
    margin: auto;
    object-fit: cover;
    width: 60px;
}

.box_main_wrap {
    border: 1px solid #cbd6e2;
    padding: 4% 0;
    text-align: center;
    border-radius: 3px;
}

.arrow_pic {
    margin: 64% -9px 4px;
    max-width: 40px;
    width: 100%;
    margin-top: 50px;
    transform: rotate(180deg);
}

.person_name h3 {
    color: #69757c;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0 0;
}

.person_name>h4 {
    color: #8b979e;
    font-size: 14px;
    margin: 3px 0 0;
}

.person_name h5 {
    color: #33475b;
    font-size: 12px;
    margin: 3px 0 0;
}

.box_img {
    margin: 5px 0 20px;
}

.person_name {
    margin: 0 0 5px;
}

.merge_txt {
    color: #8b979e;
    font-size: 19px;
    margin: 6% 0;
    text-align: center;
}

.merge_txt span {
    color: #69757c;
    font-weight: bold;
}

.merge_will_do {
    background: #f5f8fa none repeat scroll 0 0;
    padding: 3% 0;
    margin: 0 0 3%;
}

.merge_will_do>ul li {
    color: #8b979e;
    font-family: roboto;
    font-size: 14px;
    line-height: 20px;
    list-style: outside none num;
}

.merge_will_do>p a {
    color: #34a394;
}

.merge_will_do>p {
    font-size: 15px;
    margin: 0;
    padding: 0 0 0 24px;
}

.box_main_wrap.r_pad {
    margin: 0 -15px  0;
}

@media(max-width:991px) {
    .arrow_pic {
        margin: 10% auto;
        transform: rotate(90deg);

    }
}

.mrgbtn{
    background: #34A394 !important;
    border-color: #34A394 !important;
}

                        
.main_sentiment_wrap {
    float: left;
    margin-bottom: 35px;
    width: 100%;
}
.sent_inner_wrap {
    float: left;
    width: 100%;
}
.sentiment_imgs {
    float: left;
    width: 100%;
}
.sinte_wrap {
    float: left;
    width: 20%;
}
.sinte_wrap img {
    display: block;
    height: 80px;
    margin: auto;
    max-width: 32px;
    width: 100%;
}
.worst{
    color:#bd1e2c;
}
.bad{
    color:#f88b28;
}
.neutral{
    color:#ffce00;
}
.good{
    color:#a2d20d;
}
.better{
    color:#39b549;
}
.range_wrap_txt{
    display:block;
    text-align:center;
    font-size: 10px;
}


.worst_range_slider{
    background:#bd1e2c;
}
.bad_range_slider{
    background:#f88b28;
}
.neutral_range_slider{
    background:#ffce00;
}
.good_range_slider{
    background:#a2d20d;
}
.better_range_slider{
    background:#39b549;
}

.range_slider {
    color: #fff;
    display: block;
    float: left;
    font-size: 9px;
    padding: 5px 0;
    text-align: center;
    width: 20%;
}
.senti_range {
    float: left;
    width: 100%;
    margin: 30px 0 0;
    position: relative;
}

.slider_main::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #a7a9ac;
    content: "";
    height: 0;
    position: absolute;
    top: -8px;
    width: 0;
}   

.slider_main::after {
    border-bottom: 13px solid #a7a9ac;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    top: 16px;
    width: 0;
}   
.slider_main {
    position: absolute;

}
.slider_main::before, .slider_main::after {
    right: -10px;
}
.sntmn_pdg{
    padding-top: 10px;
}

.loader-img {
   background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
   /* left: 475px;*/
    position: fixed;
    right: 22px;
    top: 211px;
    width: 100%;
    z-index: 9999;
    display: none;
}
.loader-img > img {
    bottom: 700px;
    /* left: 94px; */
    margin: auto;
    position: absolute;
    right: 550px;
    top: 403px;
}
#add_more_salesforce_filter{
    cursor: pointer;
}

#client_delete{
    cursor: pointer;
}

.contacts_delete{
    cursor: pointer;
}

.contacts_delete_permanent{
    cursor: pointer;
    color: red;
}

.restore_contact{
    cursor: pointer;
    color: green;
}


#campaign_delete{
    cursor: pointer;
}
.champion_delete{
    cursor: pointer;
}

.error_cls{
    color: red;
}

.onlyemailtxt{
    font-size: 10px;
    font-style: italic;
    color: #797979;
}

.chosen-container-single{
    width: 100% !important;
}

select.chosen-select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c6ccd2;
    border-radius: 4px;
    color: #949ba1;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 7px 10px;
}

.top-togl-nps .btn.dropdown-toggle {

    max-width: 100%;

    overflow: hidden;

    white-space: normal;

}

@media(max-width:767px){

    .row20x{

    margin:0 -20px;

    }

}

label.multiselectLabel {
    float: left;
    width: 100%;
    margin-top: 15px;
    display: none;
    font-size: 12px;
    font-weight: normal !important;
    color: rgb(110, 112, 123);
}

@media(max-width:767px){
 label.multiselectLabel {
    display: block;
 }
}


.loader-img22 {
    background: #fff none repeat scroll 0 0;
    bottom: 20px;
    display: none; 
    height: 100%;
    margin: 0;
    position: absolute;
    width: 100%;
    z-index: 9999;
    opacity: 0.8;
}
.loader-img22 > img {
   /* bottom: 0;*/
    height: 80px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
}



.loader-image3 {
    background: #fff none repeat scroll 0 0;
    display: none; 
    height: 100%;
    margin: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
    opacity: 0.8;
}
.loader-image3 > img {
    bottom: 0;
    height: 80px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
}




.loader-img33 {
    background: #fff none repeat scroll 0 0;
    bottom: 20px;
    display: none; 
    height: 100%;
    margin: 0;
    position: absolute;
    width: 100%;
    z-index: 9999;
    opacity: 0.8;
}

.loader-img33 > img {
    bottom: 0;
    height: 80px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
}

.formgroup {
    margin: 5px 0;
}
.cstm_clr{
    color: #7b7878;
}
.tble_scrol{
    height: 304px;
    overflow-y: scroll;
}


.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btn1 {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 0px 20px;
  border-radius: 8px; 
  margin-left: 225px;
  font-size: 20px;
  font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}


/*---------*/



.dgraycls input {
    background: #2b2c31;
    border-color: #2b2c31 !important;
    color: #8cc63f !important;
}

.dgraycls_chz .chosen-container.chosen-container-multi .chosen-choices {
    /*background: #333 none repeat scroll 0 0;
    border-color: #333;*/
    box-shadow: none;
    color: #fff;
}
.dgraycls_chz .chosen-container.chosen-container-multi .chosen-choices .search-field > input {
    color: #a0a0a0  !important;
}
.dgraycls_chz .chosen-container.chosen-container-multi .chosen-drop {
    background: #181b1e none repeat scroll 0 0;
    border-color: #181b1e;
}
.dgraycls_chz .chosen-container.chosen-container-multi .chosen-drop .active-result {
    color: #8cc63f;
}
.dgraycls_chz .chosen-container.chosen-container-multi .chosen-drop .active-result.highlighted {
    background: #000 none repeat scroll 0 0;
}
.dgraycls_chz .chosen-container.chosen-container-multi .search-choice {
    background: #000 none repeat scroll 0 0;
    border-color: #000;
    color: #ccc;
    font-size: 12px;
    padding: 7px 25px 7px 10px;
}
.dgraycls_chz .chosen-container.chosen-container-multi .search-choice-close {
    top: 9px;
}

.new_deals_bottom{
    float: left;
    width: 100%;
    background-color: #cbd6e2;
    padding-left: 50px;
}

.new_deals_bottom h3 {
    color: #33475b;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0;
    padding: 12px 12px 8px;
    text-transform: uppercase;
}




@media(max-width:991px){
    .table_box_body .custom-container{
         float:left; 
    }
}

@media(max-width:767px){
    dd.rules-group-body .rule-container {
        padding: 40px 15px 15px;
    }
    dd.rules-group-body .rule-container .rule-actions {
        margin-top: -33px;
        margin-right: -8px;
    }
    dd.rules-group-body .rule-container > div {
        width: 100% !important;
        max-width: unset;
        padding: 0;
    }
    dd.rules-group-body .rule-container > div select , dd.rules-group-body .rule-container > div input {
        width: 100%;
        margin-bottom: 5px;
        padding: 5px 10px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
    }
}


.deals_items {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.deals_items_head {
    background: #ccc none repeat scroll 0 0;
    border-radius: 8px 8px 0 0;
    float: left;
    overflow: hidden;
    padding-right: 35px;
    padding-top: 2px;
    position: relative;
    width: 100%;
}





.dicls {
    position: absolute;
    right: 15px;
    top: 17px;
    width: 9px;
}
.dicls img {
    width: 100%;
}
.deals_items_head_iner {
    background: #000 none repeat scroll 0 0;
    border-radius: 8px 50px 0 0;
    color: #fff;
    float: left;
    padding-left: 7px;
    text-align: left;
    width: 100%;
}
.dihi_item {
    border-right: 1px solid #fff;
    display: inline-block;
    margin-bottom: 6px;
    margin-top: 10px;
    min-height: 15px;
    padding-left: 20px;
    position: relative;
}


.dihi_item2 {
    border-right: 1px solid #fff;
    display: inline-block;
    margin-bottom: 6px;
    margin-top: 10px;
    min-height: 15px;
    position: relative;
    padding-left: 10px;
}

.dihi_item_img {
    left: 3px;
    position: absolute;
    top: 2px;
    width: 13px;
}
.dihi_item_img > img {
    width: 100%;
}
.dihi_item_text {
    float: left;
    padding-right: 7px;
    width: 100%;
}
.dihi_item_text > p {
    font-size: 12px;
    margin-bottom: 0;
}
.dihi_item:last-child {
    border: medium none;
}

.dihi_item2:last-child {
    border: medium none;
}



.deals_items_footer {
    background: #ccc none repeat scroll 0 0;
    border-radius: 0 0 8px 8px;
    float: left;
    overflow: hidden;
    padding-right: 35px;
    padding-bottom: 2px;
    position: relative;
    width: 100%;
}
.deals_items_footer_iner {
    background: #000 none repeat scroll 0 0;
    border-radius: 0 0 50px 13px;
    color: #fff;
    float: left;
    padding-left: 7px;
    text-align: left;
    width: 100%;
}
.difi_item {
    border-right: 1px solid #fff;
    display: inline-block;
    margin-bottom: 1px;
    margin-top: 10px;
    min-height: 15px;
    padding-left: 20px;
    position: relative;
}

.difi_item2 {
    border-right: 1px solid #fff;
    display: inline-block;
    margin-bottom: 1px;
    margin-top: 10px;
    min-height: 15px;
    position: relative;
    padding-left: 10px;
    padding-right: 5px;
}

.difi_comnts {
    display: inline-block;
    margin-bottom: 1px;
    margin-top: 10px;
    min-height: 15px;
    position: relative;
    padding-left: 10px;
    padding-right: 5px;
}

.difi_item_img {
    left: 3px;
    position: absolute;
    top: 2px;
    width: 13px;
}
.difi_item_img > img {
    width: 100%;
}
.difi_item_text {
    float: left;
    padding-right: 7px;
    width: 100%;
}
.difi_item_text > p {
    font-size: 11px;
    margin-bottom: 0;
}
.difi_item:last-child {
    border: medium none;
}

.difi_item2:last-child {
    border: medium none;
}



.deals_items_body {
    background: #000 none repeat scroll 0 0;
    border-radius: 0;
    float: left;
    overflow: hidden;
    padding: 2px;
    width: 100%;
}
.deals_items_body_iner {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    float: left;
    width: 100%;
}
.didi_item {
    float: left;
    min-height: 127px;
    position: relative;
    width: 100%;
}
.didi_item_img {
    float: left;
    left: 0;
    padding: 15px 0 0 15px;
    position: relative;
    top: 0;
    width: 40%;
}
.didi_item_img > img {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    min-height: 107px;
    object-fit: cover;
}
.itemconuter {
    background: #43444c none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 9px;
    height: 20px;
    padding-top: 3px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: 10px;
    width: 20px;
}
.didi_item_img > h2 {
    float: left;
    font-size: 12px;
    margin: 6px 0;
    width: 100%;
}
.didi_item_text {
    float: left;
    width: 60%;
}
.didi_item_text > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 15px 10px;
    width: 100%;
}
.didi_item_text li {
    float: left;
    padding: 2px 5px;
    width: 100%;
}
.didi_item_text li p {
    color: #43444c;
    float: left;
    font-family: roboto;
    font-size: 12px;
    margin: 0;
    width: 100%;
}
.didi_item_text li p strong {
    color: #43444c;
    float: right;
    text-align: left;
    width: 59%;
}
.deals_items.deals-red {
}


.deals_items.deals-red .deals_items_head {
    background: #cc8c7a none repeat scroll 0 0;
}
.deals_items.deals-red .deals_items_head_iner {
    background: #c5360e none repeat scroll 0 0;
}
.deals_items.deals-red .deals_items_body {
    background: #c5360e none repeat scroll 0 0;
}
.deals_items.deals-blue .deals_items_head {
    background: #5dabd2 none repeat scroll 0 0;
}
.deals_items.deals-blue .deals_items_head_iner {
    background: #168bc5 none repeat scroll 0 0;
}
.deals_items.deals-green .deals_items_head {
    background: #add27c none repeat scroll 0 0;
}
.deals_items.deals-green .deals_items_head_iner {
    background: #74b41e none repeat scroll 0 0;
}
.deals_items.deals-blue .deals_items_body {
    background: #168bc5 none repeat scroll 0 0;
}
.deals_items.deals-green .deals_items_body {
    background: #74b41e none repeat scroll 0 0;
}
.didi_item_text li:nth-child(2n) {
    background: #eee none repeat scroll 0 0;
}









.deals_items.deals-red .deals_items_footer {
    background: #cc8c7a none repeat scroll 0 0;
}
.deals_items.deals-red .deals_items_footer_iner {
    background: #c5360e none repeat scroll 0 0;
}


.deals_items.deals-blue .deals_items_footer {
    background: #5dabd2 none repeat scroll 0 0;
}
.deals_items.deals-blue .deals_items_footer_iner {
    background: #168bc5 none repeat scroll 0 0;
}


.deals_items.deals-green .deals_items_footer {
    background: #add27c none repeat scroll 0 0;
}
.deals_items.deals-green .deals_items_footer_iner {
    background: #74b41e none repeat scroll 0 0;
}





.deals_items.deals-oringe .deals_items_head_iner {
    background: #ff9800 none repeat scroll 0 0;
}
.deals_items.deals-oringe .deals_items_footer_iner {
    background: #ff9800 none repeat scroll 0 0;
}

.deals_items.deals-oringe .deals_items_body {
    background: #ff9800 none repeat scroll 0 0;
}

.deals_items.deals-oringe .deals_items_head {
    background: #ffc877 none repeat scroll 0 0;
}
.deals_items.deals-oringe .deals_items_footer {
    background: #ffc877 none repeat scroll 0 0;
}


.deals_items.deals-red .deals_items_head_iner {
    background: #c5360e none repeat scroll 0 0;
}
.deals_items.deals-red .deals_items_footer_iner {
    background: #c5360e none repeat scroll 0 0;
}

.deals_items.deals-red .deals_items_body {
    background: #c5360e none repeat scroll 0 0;
}

.deals_items.deals-red .deals_items_head {
    background: #f85b51 none repeat scroll 0 0;
}
.deals_items.deals-red .deals_items_footer {
    background: #f85b51 none repeat scroll 0 0;
}



.deals_items.deals-gray .deals_items_head_iner {
    background: gray none repeat scroll 0 0;
}
.deals_items.deals-gray .deals_items_footer_iner {
    background: gray none repeat scroll 0 0;
}

.deals_items.deals-gray .deals_items_body {
    background: #c5360e none repeat scroll 0 0;
}

.deals_items.deals-gray .deals_items_head {
    background: #9c9898 none repeat scroll 0 0;
}
.deals_items.deals-gray .deals_items_footer {
    background: #9c9898 none repeat scroll 0 0;
}



.autoload_suggest {
    position: relative;
}

.autoload_suggest_box {
    position: absolute;
    z-index: 9;
    background: #fff;
    width: 100%;
    border: 1px solid #ccc;
    top: 24px;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    box-shadow: 0 9px 19px 6px rgba(0,0,0,0.1);
    cursor: pointer;
}

ul.autoload_suggest_ul {
    float: left;
    width: 100%;
    max-height: 354px;
    overflow-y: auto;
    list-style: none;
    padding: 0;
    margin: 0;
}

li.autoload_suggest_li {
    float: left;
    width: 100%;
    position: relative;
    min-height: 70px;
    padding: 5px 5px 5px 65px;
    border-bottom: 1px solid #ccc;
}

li.autoload_suggest_li:hover {
    background: #f7f7f7;
}

.autoload_suggest_img {
    position: absolute;
    left: 5px;
    width: 50px;
    height: 50px;
}

.autoload_suggest_img img {
    width: 100%;
    border-radius: 7px;
    object-fit: cover;
    height: 100%;
}

.autoload_suggest_text {
    float: left;
    width: 100%;
}

.autoload_suggest_text p {
    float: left;
    width: 100%;
    font-size: 11px;
    font-weight: normal;
    margin: 0 0 0 0;
}


.autoload_suggest_text2 {
    float: left;
    width: 100%;
}

.autoload_suggest_text2 p {
    float: left;
    width: 100%;
    font-size: 11px;
    font-weight: normal;
    margin: 0 0 0 0;
}

.autoload_suggest_foot {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px;
    font-size: 11px;
    border-top: 1px solid #ccc;
}

.autoload_suggest i.fa.fa-search {
    position: absolute;
    right: 8px;
    top: 3px;
}

.bcc_email_div .vericon {
    position: absolute;
    margin-top: 0px;
    margin-left: -25px;
}

.unverify_cls:hover {
   cursor: pointer;
}

.autoload_suggest input {
    padding-right: 20px !important;
}

#search_twilio_number_results {
    margin-top: 8px;
}
#search_twilio_number_results > ul {
    list-style: none;
}
#search_twilio_number_results > li {
    display: inline-flex;
    margin-right: 10px;
    margin-bottom: 6px;
}
.available_twilio_number_result {
    background-color: #0085ba;
    color: #FFF !important;
    margin-bottom: 5px;
    padding: 2px 10px 2px 15px;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    width: 115px;
    text-align: center;
}


.sms_notification_main {
    float: left;
    width: 100%;
}
.sms_notification_item {
    border-radius: 15px;
    box-shadow: 0 1px 25px 7px rgba(0, 0, 0, 0.2);
    float: left;
    margin-bottom: 15px;
    margin-top: 40px;
    width: 100%;
}
.sms_notification_head {
    background: #21aa98 none repeat scroll 0 0;
    border-radius: 15px 15px 0 0;
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}
.sms_notification_close {
    color: #008573;
    position: absolute;
    right: 15px;
    top: 15px;
}
.sms_notification_head_img {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.3);
    height: 60px;
    margin: -32px auto auto;
    padding: 3px;
    width: 60px;
}
.sms_notification_head_img > img {
    border-radius: 50%;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.sms_notification_head_text {
    float: left;
    padding: 0 15px;
    width: 100%;
}
.sms_notification_head_text h3 {
    color: #fff;
    float: left;
    font-size: 16px;
    margin: 10px 0 5px;
    width: 100%;
}
.sms_notification_head_text h4 {
    color: #fff;
    float: left;
    font-size: 16px;
    margin: 0 0 13px;
    width: 100%;
}
.sms_notification_body {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 15px 15px;
    color: #2a2a2a;
    float: left;
    padding: 25px;
    width: 100%;
}

.glassflter{
    position: absolute;
    right: 26px;
    top: 14px;
    color: #8b979e;
}

.glassflter:hover{
    cursor: pointer;
}


.ziploader{
    position: absolute;
    right: 26px;
    top: 20px;
    color: #8b979e;
}

.ziploader:hover{
    cursor: pointer;
}


.table_box_outer {
    float: left;
    width: 100%;
}
.table_box_iner {
    float: left;
    max-width: 100%;
    overflow-x: auto;
    width: 100%;
}

.table_box_header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f3035+0,26272c+100 */
    background: rgb(47,48,53); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(47,48,53,1) 0%, rgba(38,39,44,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(47,48,53,1) 0%,rgba(38,39,44,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(47,48,53,1) 0%,rgba(38,39,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3035', endColorstr='#26272c',GradientType=0 ); /* IE6-9 */
    float: left;
    width: 100%;
    position:relative;
}

.table_box_header::before {
    background: #29292a none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.table_box_header::after {
    background: #404147 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 1px;
    width: 100%;
    z-index: 1;
}


.table_box_header_new {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f3035+0,26272c+100 */
    background: rgb(47,48,53); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(47,48,53,1) 0%, rgba(38,39,44,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(47,48,53,1) 0%,rgba(38,39,44,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(120, 188, 105) 0%,rgb(195, 191, 65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3035', endColorstr='#26272c',GradientType=0 ); /* IE6-9 */
    float: left;
    width: 100%;
    position:relative;
}

.table_box_header_new::before {
    background: #a2a0a0 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.table_box_header_new::after {
    background: #a2a0a0 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 1px;
    width: 100%;
    z-index: 1;
}


.newclckhvr:hover{
    cursor: pointer;
}

.newclckhvr_archive:hover{
    cursor: pointer;
}

.newsylecss{
    background-image: repeating-linear-gradient(135deg,#f04b51,#f04b51 24px,#f2545b 0,#f2545b 48px);
    color: #fff;
    border-radius: 5px;
}


.tbh_item_new {
    color: #191919;
    display: table;
    float: left;
    height: 55px;
    padding: 10px;
    /* border-right: 1px solid #7b7b7b; */
}




.tbh_item {
    color: #fff;
    display: table;
    float: left;
    height: 55px;
    padding: 10px;
    border-right: 1px solid #1d1d1d;
}
.tbhicon {
    display: table-cell;
    padding-right: 3px;
    vertical-align: middle;
    width:25px;
}
.tbh-data {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}
.table_box_body {
    float: left;
    min-height: 50px;
    width: 100%;
}
.tbs-xs {
    width: 70px;
}
.tbs-sm {
    width: 150px;
}
.tbs-vsm {
    width: 100px;
}
.tbs-vvsm {
    width: 70px;
}
.tbs-md {
    width: 210px;
}
.tbs-lg {
    width: 270px;
}
.tbs-xlg {
    width: 350px;
}
.table_box_row {
    margin-left: -20px;
    margin-right: -20px;
}
.table_box_row {
    margin-left: -20px;
    margin-right: -20px;
}


.ft-check {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    height: 20px;
    position: relative;
    width: 20px;
}
.ft-check > input {
    height: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
    left:0;
}
.ft-check > span {
    color: #46a807;
    display: none;
    font-size: 17px;
    left: 1px;
    position: absolute;
    top: 1px;
}
.ft-check > input:checked + span {
    display: block;
}


.ft-check22 {
    background: #dcdcdc none repeat scroll 0 0;
    border: 1px solid #b7b2b2;
    display: inline-block;
    height: 16px;
    position: relative;
    width: 16px;
}
.ft-check22 > input {
    height: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
    left:0;
}
.ft-check22 > span {
    color: #46a807;
    display: none;
    font-size: 13px;
    left: 1px;
    position: absolute;
    top: 1px;
}
.ft-check22 > input:checked + span {
    display: block;
}



.table_box_body {
    float: left;
    width: 100%;
    position:relative;
}
.tbb_item {
    color: #8b979e;
    display: table;
    float: left;
    height: 120px;
    padding: 10px;
    border-right: 1px solid #eee;
}
.tbb-data {
    display: table-cell;
    vertical-align: middle;
    word-break: break-all;
}
.tbb-data .ft-check {
    border: 1px solid #dedede;
}
.tbb_row {
    background: #fbfbfb none repeat scroll 0 0;
    float: left;
    position: relative;
    width: 100%;
}
.tbb_row:nth-child(2n) {
    background: #f3f3f3 none repeat scroll 0 0;
}
.tbb-data .NamInfo_li {
    width: 100%;
}
.ExpndColapsix {
    color: #8a8a8a;
    float: left;
    font-size: 15px;
    padding: 9px 0px 5px;
    position: relative;
    text-align: center;
    width: 100%;
    cursor: pointer;
    padding-top: 30px !important;
}
.ExpndColapsix .glyphicon.glyphicon-upload {
    color: #8dc73f;
    font-size: 23px;
    margin-top: -13px;
}
.ExpndColapsix .glyphicon.glyphicon-upload {
    transform: rotate(180deg);
    transition: all 0.3s ease 0s;
}
.tbb-data .NamInfo_li > img {
    height: 17px;
    left: 0;
    top: 9px;
    width: 17px;
}
.tbb-data .DepartmentInfo_li.dept_vngn_li {
    text-align: center;
}
.tbb-data .dispstatus_vngn_li {
    text-align: center;
}
.table_box_header_iner{
    margin:0 auto;
}
.table_box_body_iner{
    margin:0 auto;
}
.colapsbody {
    background: #f8f8f8 none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    float: left;
    min-height: 80px;
    width: 100%;
    display:none;
}
.tbb_row.active .colapsbody{
    display:block;
}
.tbb_row.active .ExpndColapsix .glyphicon.glyphicon-upload {
    transform: rotate(0deg);
    transition: all 0.3s ease 0s;
    color:#A2171A;
}
.tbb-data span.label {
    white-space: normal !important;
    word-wrap: normal;
    display: inline-block;
    padding: 5px 5px 4px;
    line-height: 14px;
}

.warning_alert {
    float: left;
    color: #f00;
    font-weight: bold;
    font-size: 18px;
    padding-top: 14px;
}

.warning_alert img {
    margin-right: 13px;
    float: left;
    margin-top: -6px;
}
.delete_subjects:hover{
    cursor: pointer;
}

.b_tabs_box {
    float: left;
    margin-top: 25px;
    padding: 0;
    width: 100%;
}
.b_tabs_box > ul {
    border-bottom: 1px solid #eee;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 15px;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
.b_tabs_box > ul > li {
    display: inline-block;
    margin: 0 -2px -6px;
}
.b_tabs_box > ul > li > a {
    border-bottom: 3px solid transparent;
    color: #7a8995;
    float: left;
    font-size: 12px;
    padding: 13px;
    transition: all 0.2s ease 0s;
}
.b_tabs_box > ul > li.active > a, .b_tabs_box > ul > li:hover > a {
    border-bottom: 3px solid #2e3d49;
    color: #2e3d49;
}
.b_tab_box_body{
    display:none;
}
.b_tab_box_body.active{
    display:block;
}

.msg_notfound{
    border-radius: 3px;
    float: left;
    margin-bottom: 8%;
    padding: 15px;
    width: 100%;
}


/*--------------------------------------------13-07-2018--------------------*/

@media(max-width:767px){

    .week_preog_title, .Months_preog_title, .Years_preog_title, .unknown_preog_title {
    bottom: auto;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    top: -53px !important;
    }
    .week_progress, .Months_progress, .Years_progress, .unknown_progress {
    border-right: medium none;
    height: 34px;
    margin-top: 65px;
    position: relative;
    width: 100% !important;
    }
    .stackedprogress .progress {
    height: auto;
    }
    .week_preog_title::after, .Months_preog_title::after, .Years_preog_title::after, .unknown_preog_title::after {
    bottom: -35px;
    height: 30px;
    top: auto;
    }
    .stackedprogress {
    margin-top: 0;
    padding: 0;
    }

}

@media(max-width:480px){
    .nps_select_inmob {
    width: auto;
    }
}


.rept_tbl_txt{
    text-align: center;
    color: #333333;
}

.child_report_sort{
    cursor: pointer;
}

.filter-cls{
    font-size: 15px;
    padding-bottom: 5px;
    padding-top: 15px;
}

.filter-save-btn{
    font-size: 15px;
    color: #5e9d09;
}

.filter-save-btn:hover{
    text-decoration: underline;
    cursor: pointer;
    color: #355904;
}

.filter_name:hover{
    cursor: pointer;
    background-color: #e5f0fa;
}

.filter_inv_name:hover{
    cursor: pointer;
    background-color: #e5f0fa;
}

#cmpany_id_div{
    display: none;
}

.cls_clps_btn{
    font-weight: normal;
    color: #5ec00f;
}
.cls_clps_btn:hover{
     cursor: pointer;
}


.cls_clps_product_btn{
    font-weight: normal;
    color: #5ec00f;
}
.cls_clps_product_btn:hover{
     cursor: pointer;
}

.cls_clps_deal_btn{
    font-weight: normal;
    color: #5ec00f;
}
.cls_clps_deal_btn:hover{
     cursor: pointer;
}

.optn_cls{
    padding-left: 10px;
    color: #72716e;
}

.optn_img {
    width: 29px !important;
    margin-top: -5px;
}

.optdcls{
    display: none;
}

.opted_email_btn{
   display: none; 
}

.opted_email_btn2{
   display: none; 
}

.opted_phone_div1{
  display: none;   
}

.opted_phone_div2{
  display: none;   
}

.sort_order{
    cursor: pointer;
}

.newcntentcls{
    float: right;
    width: 50%;
    text-align: right;
    margin-left: 0;
    padding-right: 15px;
}

.newcntentcls:hover{
    cursor: pointer;
}

.newtxtdate{
    font-style: italic;
}

.product_details_btn{
    position: absolute;
    bottom: 11px;
    z-index: 999;
    right: 13px;
    color: #fff;
    cursor: pointer;
}


.upd_btn_nw{
    position: absolute;
    right: 80px;
    margin-top: 12px
}


.deal_details_btn{
    z-index: 999;
    color: #fff;
    cursor: pointer;
}

.pdtc_sts{
    width: 50% !important;
    float: left;
}




.hightlight_inventory_deal {

  -webkit-animation: hightlight_deals 1500ms infinite;
  -moz-animation: hightlight_deals 1500ms infinite;
  -o-animation: hightlight_deals 1500ms infinite;
  animation: hightlight_deals 1500ms infinite;
  border-radius: 10px;

}@-webkit-keyframes hightlight_deals {

  0% { background-color: #fa1c0c; -webkit-box-shadow: 0 0 3px #f21505; }
  50% { background-color: #f8dfdd; -webkit-box-shadow: 0 0 10px #f42314; }
  100% { background-color: #fc1d0c; -webkit-box-shadow: 0 0 3px #ffb1ab; }
}

@-moz-keyframes hightlight_deals {

  0% { background-color: #fa1c0c; -webkit-box-shadow: 0 0 3px #f21505; }
  50% { background-color: #f8dfdd; -webkit-box-shadow: 0 0 10px #f42314; }
  100% { background-color: #fc1d0c; -webkit-box-shadow: 0 0 3px #ffb1ab; }
}

@-o-keyframes hightlight_deals {

  0% { background-color: #fa1c0c; -webkit-box-shadow: 0 0 3px #f21505; }
  50% { background-color: #f8dfdd; -webkit-box-shadow: 0 0 10px #f42314; }
  100% { background-color: #fc1d0c; -webkit-box-shadow: 0 0 3px #ffb1ab; }
}

@keyframes hightlight_deals {

  0% { background-color: #fa1c0c; -webkit-box-shadow: 0 0 3px #f21505; }
  50% { background-color: #f8dfdd; -webkit-box-shadow: 0 0 10px #f42314; }
  100% { background-color: #fc1d0c; -webkit-box-shadow: 0 0 3px #ffb1ab; }
}


.release_twilio_number_btn:hover{
    cursor: pointer;
}


.edit_contact_btn{
    color: #777;
    cursor: pointer;
}



.profileImage {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #7c7f84;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 5px 0;
    margin-left: 30px;
}


.profileImage_detail {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #7c7f84;
    font-size: 50px;
    color: #fff;
    text-align: center;
    line-height: 100px;
    margin: 5px 0;
    margin-left: 150px;
}

.profileImage_empty {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #7c7f84;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 5px 0;
    margin-left: 30px;
}

.profileImage_empty_detail {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #7c7f84;
    font-size: 50px;
    color: #fff;
    text-align: center;
    line-height: 100px;
    margin: 5px 0;
    margin-left: 150px;
}

.profileImage2 {
    border-radius: 50%;
    width: 35px;
    height: 35px;
}

.profileImage2_detail {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}



.newsortingclsss .ui-sortable-handle {
    padding: 12px 0px 10px 30px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 5px;
    border: 1px solid #e6e4e4;
}

.newsortingclsss .ui-sortable-handle:after {
    content: '......';
    width: 15px;
    height: 45px;
    word-break: break-word;
    font-size: 20px;
    line-height: 7px;
    left: 9px;
    position: absolute;
    color: #6e7a86;
    cursor: move;
    top: 11px;
}

.newsortingclsss .ui-sortable-handle .BodyLeftSide {
    padding-top: 6px;
}

.newsortingclsss .ui-sortable-handle .BodyRightSide input {
    margin-top: 5px;
    margin-bottom: 0px;
}

span.compaint-edit-title {
    display: inline-block;
    position: relative;
    padding-right: 20px;
}
.compdeit-hd .compaint-edit-label {
    color: #000;
    opacity: 0.8;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.compdeit-hd:hover .compaint-edit-label {
    display: block;
}

.grand-father-badg-outer {
    position: relative;
}

.grand-father-badg {
    position: absolute;
    left: 0;
    top: 5px;
    left: 5px;
}


.af-work-flow {
  width: 100%;
  float: left;
  padding:20px 0;
  min-height:900px;
  position:relative;
  overflow-x: hidden;
}
.af-work-flow-heading {
  width: 100%;
  float: left;
  padding: 0 0 50px;
}
.af-work-flow-heading h2 {
  margin: 0;
  padding: 10px 0px;
  font-size: 20px;
  color: #707070;
  text-align: left;
  float: left;
  width:100%;
}
.af-work-flow-heading h2 i {
  padding: 0 20px 0 0;
}
.af-left-head {
  float: left;
  text-align: left;
}
.af-center-head {
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
}
.af-center-head input {
    border: 1px solid #707070;
    height: 35px;
    padding: 0 15px;
    border-radius: 5px;
    width: 350px;
}
.af-workflow-content-box {
  width: 100%;
  float: left;
  margin: 0 auto;
  text-align: center;
  padding: 30px 0 0;
}
.af-inner-content-box {
  background: #fff;
  max-width: 350px;
  margin: 0 auto;
  width: 100%;
  padding: 40px 0 30px;
  border-radius: 10px;
  border: 1px solid #707070;
  position:relative;
}
.af-content-head {
  position: absolute;
  top: -25px;
  right: 0;
  left: 0;
}
.af-content-head i {
  font-size: 30px;
  background: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 7px 0px;
  color: #8CC63F;
  border: 1px solid #707070;
}
.af-content-body p {
    color: #707070;
    font-size: 13px;
    width: 100%;
    padding: 0 0px 30px;
    margin: 0;
}
.af-content-body a {
    background: #25AA99;
    color: #fff;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 13px;
}
.af-content-footer {
    width: 100%;
    padding: 36px 0;
    position: relative;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
}
.af-content-footer i {
    position: absolute;
    top: 45%;
    left: 45%;
    background: #8CC63F;
    height: 40px;
    width: 40px;
    padding: 13px 0 0;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
}
.af-content-footer::before {
    background: #707070;
    content: "";
    height: 50%;
    left: 50.1%;
    position: absolute;
    top: 0;
    width: 1px;
}
.af-content-body h2 {
    color: #707070;
    font-size: 15px;
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 1px solid #707070;
    margin: 0 35px 10px;
}
.lead-box{
    display:none;
}
.lead-box.active{
    display:block;
}
.af-content-footer.active::before{
    height:150%;
}
.trigger-box{
    display:none;
    position:relative;
}
.trigger-box.active{
    display:block;
}
.af-content-body.active{
    display:block;
}
.af-content-body{
    display:none;
}
.trigger-head h2 {
    font-size: 15px;
    color: #707070;
    margin: 0;
    padding: 0 0 10px;
}
.trigger-body {
    margin: 0 20px;
}
.trigger-body h2 {
    text-align: left;
    color: #707070;
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    border-top: 1px solid #707070;
    margin: 0;
    padding: 15px 0 10px;
}
.trigger-body p {
    text-align: left;
    color: #707070;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
}
.trigger-body p span {
    padding: 0 35px;
    float:right;
}
.af-lead-body h2 {
    font-size: 15px;
    color: #707070;
    border-bottom: 1px solid #707070;
    margin: 0 25px 10px;
    padding: 0 0 15px;
}
.af-box-wrapper{
    position:relative;
    width: 100%;
    float: left;
}
.af-box-wrapper::before{
    background: #707070;
    content: "";
    height: 100%;
    left: 50.1%;
    position: absolute;
    top: 0;
    width: 1px;
}




.trigger_slid_main {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.1);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(100%, 0px);
    transition: all 0.3s ease 0s;
    width: 450px;
    z-index: 999;
}
.trigger_slid_main.active {
    transform: translate(0, 0);
}
.trigger_slid_footer {
    bottom: 0;
    height: 60px;
    left: 0;
    position: absolute;
    width: 100%;
    background-color: #F2F2F2;
    padding:20px;
}
.af-cancel-btn {
    color: #707070;
    font-size: 15px;
    padding: 0 22px;
}
.af-done-btn {
    color: #25AA99;
    font-size: 15px;
}
.af-done-btn:hover , .af-cancel-btn{
    text-decoration:none;
}


.trigger_slid_panel {
    float: left;
    height: 100%;
    width: 100%;
}

.trigger_slid_hd {
    float: left;
    width: 100%;
    background: #8cc63f; /* Old browsers */
    background: -moz-linear-gradient(left, #8cc63f 0%, #25aa99 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #8cc63f 0%,#25aa99 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #8cc63f 0%,#25aa99 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc63f', endColorstr='#25aa99',GradientType=1 ); /* IE6-9 */
    padding: 20px;
    text-align: center;
}
.trigger_slid_title {
    float: left;
    width: 100%;
    display:inline-block;
    position:relative;
}
.trigger_slid_title h2{
    display: inline-block;
    margin: 0;
    text-align: center;
    font-size:15px;
    color: #fff;
    font-family: "Roboto";
}
.trigger_slid_body {
    float: left;
    max-height: calc(100% - 100px);
    overflow-y: auto;
    width: 100%;
    padding: 20px;
}
.af-back-btn.disable {
    position: absolute;
    color: rgba(255,255,255,0.5);
    margin: 0;
    left: 0;
}
/*Radio Buttons*/
.af-control {
    display: block;
    position: relative;
    padding-left: 40px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 15px;
    color: #707070;
    font-weight:normal;
    padding-bottom: 15px;
    margin: 0;
}

.af-control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    left:0;
}

.af-control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 1px solid #707070;
}

.af-control--radio .af-control__indicator {
    border-radius: 50%;
}
.af-control input:checked ~ .af-control__indicator {
   background: #8CC63F;
   border: 0px;
}

.af-control:hover input:not([disabled]):checked ~ .af-control__indicator,
.af-control input:checked:focus ~ .af-control__indicator {
   background: #8CC63F;
}

.af-control input:disabled ~ .af-control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.af-control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.af-control--checkbox input:disabled ~ .af-control__indicator:after {
    border-color: #7b7b7b;
}
.af-control input:checked ~ .af-control__indicator:after {
    display: block;
}
.af-control--radio .af-control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

.af-control--radio input:disabled ~ .af-control__indicator:after {
    background: #7b7b7b;
}

/*-----End----*/
.af-select-trigg{
    display:none;
}
.af-select-trigg.active{
    display:block;
}
.af-time-heading {
  margin: 0;
  color: #707070;
  font-size: 15px;
  padding: 0 0 12px;
}
.af-time-trigger input {
  width: 100%;
  height: 40px;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 0 50px 0 10px;
}
.af-full-boxes {
  width: 100%;
  float: left;
  position:relative;
}
.af-two-boxes {
  width: 45%;
  float: left;
  margin-right: 30px;
  position:relative;
}
.af-two-boxes.af-second-box {
  margin: 0;
  float: right;
}
.bq-arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
}
.af-arrow-up {
  float: left;
  width: 100%;
  font-size: 20px;
  color: #707070;
  line-height: 0;
  height: 20px;
  margin-top: 1px;
}
.af-arrow-down{
  float: left;
  width: 100%;
  font-size: 20px;
  color: #707070;
  line-height: 0;
  height: 20px;
  margin-top: -5px;
}
.af-time-trigger{
    display:none;
}
.af-time-trigger.active{
    display:block;
}



.af-trigger-body-box {
    padding: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    position:relative;
}
.af-bold {
    font-weight: bold;
}
.af-data-title-heading {
    margin: 0;
    width: 100%;
    text-align: left;
    font-size: 15px;
    color: #707070;
    padding: 5px 0 0px;
}
.af-data-title-heading span {
    text-align: right;
    float: right;
    padding: 0 30px;
}
.af-add-or-box {
    width: 100%;
    float: left;
    padding: 25px 0 50px;
}
.af-and-btn {
    background: #25AA99;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 13px;
    margin-right: 15px;
    border:1px solid #25AA99;
}
.af-and-btn:hover , .af-and-btn:focus{
    border:1px solid #25AA99;
    background:#fff;
    text-decoration:none;
    color:#25AA99;
}
.af-trigger-data-getter{
    display:none;
    position:relative;
}
.af-trigger-data-getter.active{
    display:block;
}
.af-edit-icon {
    position: absolute;
    right: 15px;
    top: 15px;
}
.af-trigger-head {
  padding: 25px 0;
  text-align: center;
  margin: 0;
  position: relative;
}
.af-trigger-head p {
  margin: 0;
  background: rgba(0,0,0,0.3);
  display: inline-block;
  padding: 7px 20px;
  border-radius: 5px;
  color: #fff;
}
.af-trigger-head p::before {
  background: #707070;
  content: "";
  height: 30%;
  left: 50%;
  position: absolute;
  top: 0;
  width: 1px;
}
.af-trigger-head p:after {
  background: #707070;
  content: "";
  height: 30%;
  left: 50%;
  position: absolute;
  bottom: 0;
  width: 1px;
  z-index: 10;
}
.trigger-box-edit-icon{
    display:none;
}
.trigger-box-edit-icon.active{
    display:block;
    position:absolute;
    right: 10px;
    top: 10px;
    z-index: 1000;
}

.af-action-boxes {
  width: 31%;
  float: left;
  border: 1px solid rgba(0,0,0,0.3);
  margin-bottom: 10px;
  position: relative;
  text-align: center;
  cursor: pointer;
  min-height: 125px;
}
.af-action-boxes:hover {
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
}
.af-mgr-10 {
  margin-right: 10px;
}
.af-action-inner-body {
  width: 100%;
  float: left;
  padding: 5px 0 0 10px;
}
.af-boxes-imgs {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 10%;
  padding: 15px;
  border-radius: 50%;
}
.af-pink-back {
  background-color: #E89ED1;
}
.box-title {
  font-size: 13px;
  color: #707070;
  padding: 85px 15px 10px;
  margin:0;
}
.af-purple-back {
    background: #A89AE5;
}
.af-greenish-back {
    background: #37BCA8;
}
.af-blue-back {
    background: #67DAF2;
}
.af-green-back {
    background: #88CB54;
}
.af-yellow-back {
    background: #F9BB5D;
}
.af-action-body{
    display:none;
}
.af-action-body.active{
    display:block;
}
.af-assignlead-select{
    display:none;
}
.af-assignlead-select.active{
    display:block;
}
.af-assign-lead-select-title h2 {
    font-size: 15px;
    color: #707070;
    margin: 0;
    padding: 0 0px 15px;
}
.af-lead-select {
    width: 100%;
    float: left;
}
.af-lead-select select {
    width: 100%;
    height: 42px;
    padding: 0 10px;
    border: 1px solid rgba(0,0,0,0.3);
}

.af-box-wrapper-footer::before {

    background: #707070;
    content: "";
    height: 60%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;

}
.af-box-wrapper-footer {

    text-align: center;
    padding: 30px 0px;
    width: 100%;
    float: left;
    position: relative;
    display:none;
}
.af-box-wrapper-footer.active{
    display:block;
}



.af-table-work {
    width: 100%;
    float: left;
    padding: 20px 0;
}
.af-table-work {
  width: 100%;
  float: left;
  padding: 20px 0;
}
.table-view {
  width: 100%;
  float: left;
  background: #fff;
  box-shadow: 0 0px 15px 5px rgba(0,0,0,0.1);
}

.af-work-flow-table{
  width: 100%;
  float: left;
}
.af-work-flow-table th {
    padding: 15px 30px;
    border: 1px solid #C5C5C5;
    border-top: none;
    background: #fff;
    color: #707070;
    font-family: "Roboto",sans-serif;
    font-size:18px;
}
.af-padd {
    padding: 0 50px;
}
.af-tbl-body tr td {
    padding: 15px 30px;
    border: 1px solid #C5C5C5;
    width: auto;
    color:#707070;
    font-family: "Roboto",sans-serif;
    font-size:18px;
    border-top: none;
    border-bottom: none;
}
.af-tbl-body tr:nth-child(2n+1) {
    background: #F2F2F2;
}
.af-work-flow-table tr th:nth-child(1) {
    padding: 0 5px 0 20px;
}
.af-tbl-body tr td:nth-child(1) {
    padding: 0 5px 0 20px;
}
.af-tbl-body tr td a {
    margin: 0 15px 0 0;
}
.af-tbl-body tr td:last-of-type {
    padding: 0 0 0 25px;
}
.af-work-flow-table tr th:last-of-type {
    padding: 0 0px 0 25px;
}
@media (max-width:991px){
    .af-padd {
    padding: 0 20px;
    }
}


@media(min-width:1320px){
    .af_new_dashboard_box .container {
        width: 1300px;
    }
}
@media(min-width:1420px){
    .af_new_dashboard_box .container {
        width: 1400px;
    }
}
@media(min-width:1520px){
    .af_new_dashboard_box .container {
        width: 1500px;
    }
}
@media(min-width:1620px){
    .af_new_dashboard_box .container {
        width: 1600px;
    }
}
/*New dashboard CSS*/
.af_white_card_box {
    background: #fff;
    margin: 30px 0 0;
    padding: 20px 20px 0px;
    box-shadow: 0 0px 20px 0px rgba(0,0,0,0.2);
    float: left;
    width:100%;
    min-height: 275px;
    border-radius: 5px;
}
.af_card_heading h2 {
    margin: 0;
    color: #8dc63f;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}
.af_card_box_content {
    width: 100%;
    float: left;
    padding: 20px 0;
}
.af_card_box_content h3 {
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    text-align: center;
    margin: 0;
    padding: 20px 10px 0;
    min-height: 70px;
}
.af_card_box_content h4 {
    font-family: "Roboto",sans-serif;
    font-size: 30px;
    text-align: center;
    margin: 0;
    padding: 20px 0;
}
.af_danger_color {
    color: red;
}
.af_left {
    float: left;
    display: inline-block;
    z-index: 10;
    position: relative;
}
.af_right {
    float: right;
    z-index: 10;
    position: relative;
}
.af_grey_color_label{
    color:#8b979e;
    padding: 0 10px 0 20px;
    font-size: 13px;
    font-family: roboto;
    font-weight: normal;
}
.af_response_time select {
    width: 145px;
    padding: 5px 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.af_avg_time h2 {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 20px 0 0;
    font-size: 30px;
    font-weight: bold;
    color: #8dc63f;
}
.af_avg_time {
    width: 100%;
    float: left;
    display: inline-block;
    padding: 30px 0 0;
}
.af_avg_img {
    display: inline-block;
    float: left;
    padding: 20px 20px 0px 0;
}
.af_color_grey{
    color:#8b979e;
    font-size: 20px;
    line-height: 30px;
    font-weight: normal;
    font-family: roboto;
}
.overview_tab p {
    font-size: 13px;
    font-weight: normal;
    font-family: "Roboto",sans-serif;
}
.overview_tab h2 {
    font-size: 18px;
    font-family: roboto;
    color: #000;
    margin: 0;
    padding: 30px 0 0px;
}
.overview_tab h3 {
    font-family: "roboto";
    font-size: 30px;
    text-align: center;
    margin: 0;
    padding: 20px 0;
    font-weight: normal;
}
.af_col-5 {
    width: 20%;
    float: left;
}
.overview_tab {
    width: 100%;
    float: left;
    text-align: center;
}
.overview_tab p i {
    padding: 0 7px 0 0;
    font-size: 22px;
    position: relative;
    top: 3px;
}
.af_green {
    color: #8dc63f;
}
.af_yellow {
    color: #ec971f;
}
.af_custom_nav {
    list-style: none;
    display: inline-block;
    text-align: center;
    padding: 0 13%;
}
.af_custom_nav li {
    display: inline-block;
    border-bottom: 1px solid #eee;
    float: left;
    list-style: outside none none;
    margin: 0;
}
.af_custom_nav li a {
    text-align: center;
    float: left;
    font-size: 14px;
    padding: 13px 15px;
    transition: all 0.2s ease 0s;
    border-bottom: 3px solid transparent;
    color: #7a8995;
    font-weight: bold;
}
.af_custom_nav li.active a , .af_custom_nav li a:hover{
    border-bottom: 3px solid #2e3d49;
    color: #2e3d49;
}
.product_tabs {
    width: 100%;
    float: left;
    margin-top: -60px;
}
.af_col-4 {
    width: 20%;
    float: left;
}
.af_pd_tp_30{
    padding-top:30px;
}
.af_lifecycle_graph {
    width: 100%;
    float: left;
    text-align: center;
}
.af_sidebar_nav_custom{
    list-style: none;
    display: inline-block;
    text-align: center;
    padding: 20px 0;
}
.af_sidebar_nav_custom li {
    display: inline-block;
    border-bottom: 1px solid #eee;
    float: left;
    list-style: outside none none;
    margin: 0;
}
.af_sidebar_nav_custom li a {
    text-align: center;
    float: left;
    font-size: 12px;
    padding: 13px 20px;
    transition: all 0.2s ease 0s;
    border-bottom: 3px solid transparent;
    color: #7a8995;
    font-weight: bold;
}
.af_sidebar_nav_custom li.active a , .af_sidebar_nav_custom li a:hover{
    border-bottom: 3px solid #2e3d49;
    color: #2e3d49;
}
.sidebar_height{
    min-height:885px;
}
.af_image-responsive_side {
    padding: 40px 0;
}
.af_outer_side_tab_box {
    width: 100%;
    float: left;
    padding: 0 10px 0 50px;
    max-height: 700px;
    overflow-y: auto;
    overflow-x: hidden;
}
.af_bold{
    font-weight:bold;
    color:#000;
}
.af_new_dashboard {
    padding: 0 0 100px;
    width: 100%;
    float: left;
}
.af_calendar_selector input {
    width: 100%;
    position: relative;
    padding: 5px 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.af_calendar_selector {
    width: 100%;
    float: left;
    position:relative;
}
.af_calendar_selector i {
    position: absolute;
    right: 15px;
    top: 8px;
}
.af_search_box {
    width: 300px;
    float: left;
    padding: 5px 10px;
    background: rgb(73,75,84);
    background: -moz-linear-gradient(top, rgba(73,75,84,1) 0%, rgba(57,59,65,1) 100%);
    background: -webkit-linear-gradient(top, rgba(73,75,84,1) 0%,rgba(57,59,65,1) 100%);
    background: linear-gradient(to bottom, rgba(73,75,84,1) 0%,rgba(57,59,65,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494b54', endColorstr='#393b41',GradientType=0 );
    border-style: solid;
    border-width: 1px;
    color: #fff;
    border-radius:4px;
    border-color: transparent #525359;
    font-weight: bold;
}
.af_search_icon{
    position:relative;
}
.af_search_icon i{
    position:absolute;
    right:10px;
    top:8px;
    color: #fff;
}
@media(max-width:1625px){
    .af_avg_time {
        padding: 8px 0 0;
    }
}
@media(max-width:1415px){
    .af_image-responsive {
        width: 100%;
    }
    .af_image-responsive_side {
        width: 100%;
    }
    .af_avg_time {
        padding: 8px 0 0;
    }
    .af_calendar_selector input {
        font-size: 12px;
        height: 30px;
    }
    .af_outer_side_tab_box {
        max-height: 740px;
    }
    .af_image-responsive_side {
        padding: 15px 0 0;
    }
    .product_tabs {
        margin-top: 0px;
    }
    .af_custom_nav {
        padding: 0 12%;
    }
    .af_custom_nav li a{
        font-size:12px;
    }
    .overview_tab h2{
        font-size:16px;
    }
}
@media(max-width:1200px){
    .profileImage_detail {
        margin-left: unset;
    }
    .profileImage_empty_detail{
        margin-left: unset;
    }
    .af_image-responsive {
        width: 100%;
    }
    .af_image-responsive_side {
        width: 100%;
    }
    .product_tabs {
        margin-top: 0px;
    }
    .overview_tab h2 {
        font-size: 15px;
    }
    .af_custom_nav {
        padding: 0 0 0 8%;
    }
    .af_custom_nav li a{
        font-size:12px;
    }
    .af_response_time select {  
        width: 95px;
    }
    .af_avg_time {
        padding: 8px 0 0;
    }
    .af_avg_time h2 {
        font-size: 25px;
    }
    .af_calendar_selector input {
        font-size: 9px;
        height: 30px;
    }
    .sidebar_height {
        min-height: 992px;
    }
    .af_image-responsive_side {
        padding: 17px 0;
    }
    .af_card_box_content h3 {
        font-size: 12px;
        padding: 20px 0px 0;
    }
    .af_image-responsive_side {
        padding: 5px 0 0;
    }
}
@media(max-width:767px){
    .af_col-5 {
        width: 100%;
    }
    .af_col-4 {
        width: 100%;
    }
    .af_image-responsive {
        width: 100%;
    }
    .af_image-responsive_side {
        width: 100%;
    }
    .af_custom_nav li a{
        padding:13px 10px;
    }
    .af_custom_nav{
        padding:0;
    }
    .product_tabs {
        margin-top: 0;
    }
    .af_calendar_selector input {
        font-size: 10px;
        height: 30px;
    }
    .col-md-12 , .col-md-6 , .col-sm-12 , .col-xs-12{
        padding:0;
    }
    .af_grey_color_label {
        padding: 0 5px 0 5px;
        font-size: 12px;
    }
    .af_response_time select{
        width:100px;
    }
    .af_search_box {
        width: 250px;
    }
}


.sd-loader {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.8;
}

.sd-loader img {
    position: absolute;
    top: 10%;
    left: 0;
    bottom: auto;
    right: 0;
    margin: auto;
}

.sd-loader-outer {
    position: relative;
}


.newsortingclsss .ui-sortable-handle::after {
    content: "\f142";
    width: 15px;
    height: 45px;
    -ms-word-break: break-word;
    font-size: 14px;
    line-height: 7px;
    left: 9px;
    position: absolute;
    color: #6e7a86;
    cursor: move;
    top: 25px;
    word-break: break-all;
    font-family: FontAwesome;
}

.lock-icon {
    position: absolute;
    left: 32px;
    top: 16px;
    font-size: 23px;
    color: #ec6a6a;
}


.idCalculadora .btn-lg{
    box-shadow: 0px 4px rgba(0, 0, 0, 0.2); 
}
.idCalculadora .btn3d, .btn3d:focus {
    position:relative;
    top: -6px;
    border:0;
    -moz-outline-style:none;
    outline:medium none;
    transition: all 0.04s linear;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:2px;
    margin-right:2px;
}
.idCalculadora .btn3d:active, .btn3d.active {
    top:2px;
}
.idCalculadora .btn3d.btn-white {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color:#fff;
}
.idCalculadora .btn3d.btn-white:active, .btn3d.btn-white.active {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color:#fff;
}
.idCalculadora .btn3d.btn-default {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color:#f9f9f9;
}
.idCalculadora .btn3d.btn-default:active, .btn3d.btn-default.active {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color:#f9f9f9;
}
.idCalculadora .btn3d.btn-primary {
    box-shadow: 0 0 0 1px #d0d215 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #8b8c0e, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color: #82d742;
    background: linear-gradient(135deg, #fcb040 20%,#8cc63f 50%,#25aae1 80%);
}
.idCalculadora .btn3d.btn-primary:active, .btn3d.btn-primary.active {
    box-shadow:0 0 0 1px #417fbd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color:#4274D7;
}
.idCalculadora .btn3d.btn-success {
    box-shadow:0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #4ea219, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#78d739;
}
.idCalculadora .btn3d.btn-success:active, .btn3d.btn-success.active {
    box-shadow:0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #78d739;
}
.idCalculadora .btn3d.btn-info {
    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #348FD2, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#39B3D7;
}
.idCalculadora .btn3d.btn-info:active, .btn3d.btn-info.active {
    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #39B3D7;
}
.idCalculadora .btn3d.btn-warning {
    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #D79A34, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#FEAF20;
}
.idCalculadora .btn3d.btn-warning:active, .btn3d.btn-warning.active {
    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #FEAF20;
}
.idCalculadora .btn3d.btn-danger {
    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #AA0000, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#D73814;
}
.idCalculadora .btn3d.btn-danger:active, .btn3d.btn-danger.active {
    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #D73814;
}
.idCalculadora .btn3d.btn-magick {
    color: #fff;
    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #9823d5, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#bb39d7;
}
.idCalculadora .btn3d.btn-magick:active, .btn3d.btn-magick.active {
    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #bb39d7;
}
.idCalculadora .mtop{
    margin-top: 10%;
}
.idCalculadora .txtr{
    height:67px;
    font-size:40px;
    text-align:right;
    margin-bottom:20px;
    box-shadow:inset 3px 3px rgba(0, 0, 0, 0.2);
}
.idCalculadora .mbottom{
    marginBottom: '10px';
}
.idCalculadora .calculadoraBase{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #666666;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color: #f9f9f9;
    position: relative;
    top: -6px;
    border: 0;
    -moz-outline-style: none;
    outline: medium none;
    transition: all 0.04s linear;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 2px;
    margin-right: 2px;
}

.nwtbcls{
    text-align: center;
}
.newlinkcls{
    color: #8dc73f;
    float: left;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    text-decoration: none;
    outline: 0;
}
.newlinkcls:hover{
    color: #607d37;
}


.difi_item_gxptbn {
    display: inline-block;
    margin-left: 5px;
}

a.gebtn {
    background: #ffffff;
    color: #443e3e;
    font-size: 10px;
    padding: 3px 7px;
    margin-bottom: 0px;
    display: inline-block;
    margin-top: 1px;
    float: right;
    border-radius: 5px;
}


span.conversationNumber {
    position: absolute;
    top: 22px;
    left: 50px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 9px;
    display: flex;
    line-height: 0;
    padding: 0;
    color: #fff !important;
    align-items: center;
    justify-content: center;
    background: #ff0000;
}

.share_inv_menu{
    background-color: #43444c;
    border: none;
    left: auto;
    right: 0;
    top: 75px;
}

ul.share_inv_menu a{
    color: #fff;
}
ul.share_inv_menu a:hover {
    background-color: #50b702;
    color: #fff;
}
.profileImage.goleimg {
    float: left;
    margin: 0 10px 0px 0;
    width: 35px;
}
.info.goleimginfo {
    float: left;
    width: calc(100% - 50px);
}
.recieving_contacts.goleinput {
    float: left;
    margin-top: 13px;
    margin-right: 10px;
}
.file-preview .fileinput-remove{
  display: none !important;
}
.chosen-container-multi {
    /*width: 500px !important;*/
}
.chosen-container-single{
  width: 100% !important;
  font-weight: normal;
}
.rules-group-header .btn-group.pull-right.group-actions {
    position: absolute;
    bottom: -34px;
    z-index: 999;
    left: 0;
}
.query-builder .rules-group-container {
    margin-bottom: 40px;
}
.fltrblk-match-text {
    display: block;
    position: relative;
    width: 100%;
}
.fltrblk-match-text .fltrblk-match-text__input--xxl, .fltrblk-match-text .fltrblk-match-text__placeholder--xxl {
    font-size: 32px;
    line-height: 40px;
    padding: 16px;
}
.fltrblk-match-text .fltrblk-match-text__placeholder {
    border-color: transparent;
    color: #7c98b6;
    display: block;
    position: relative;
    word-wrap: break-word;
}
.fltrblk-form__control {
    padding: 9px 10px;
    border-radius: 3px;
    border: 1px solid #cbd6e2;
    font-size: 16px;
    transition: all .15s ease-out;
    background-color: #f5f8fa;
    color: #33475b;
    display: block;
    height: 40px;
    line-height: 22px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}
.fltrblk-match-text .fltrblk-match-text__input {
    background: transparent;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.fltrblk-text-area--no-resize {
    display: inline-block;
    resize: none;
}
.fltrblk-text-area {
    height: auto;
    min-height: 40px;
}
.loadinghehe{
    display: table !important;
    position: relative !important;
    min-height: 200px;
    min-width: 100%;
}
.loadinghehe .loader-img22 > img {
    top: 200px !important;
}
.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 5px;
}
.toggle-off.btn {
    padding-left: 20px;
}
.fanci_mod .modal-header h4 {
    color:#000;
    font-size: 36px;
    line-height: 1;
    padding: 20px 0 0;
}
.fanci_mod .modal-header {
    text-align: center;
}
.cal_cent_radio_main {
    float: left;
    width: 100%;
}
.ccrm_radiobn {
    float: left;
    width: 100%;
    padding: 15px 15px 15px 55px;
    position: relative;
}
.ccrm_radiobn_sec {
    position: absolute;
    height: 17px;
    width: 17px;
    margin: auto;
    top: -3px;
    left: 16px;
    bottom: 0;
}
.fanci_mod .modal-footer {
    text-align: center;
    padding-bottom: 14px;
}
.fanci_mod .modal-footer .btn {
    padding: 10px 35px;
}
.fanci_mod .modal-footer .btn.mod-green-btn {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#74b41e+0,168bc5+100 */
    background: rgb(116,180,30); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(116,180,30,1) 0%, rgba(22,139,197,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(116,180,30,1) 0%,rgba(22,139,197,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(116,180,30,1) 0%,rgba(22,139,197,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74b41e', endColorstr='#168bc5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #fff;
}
.fanci_mod .modal-footer .btn.mod-gray-btn {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+0,353535+100 */
    background: rgb(102,102,102); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(102,102,102,1) 0%, rgba(53,53,53,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(102,102,102,1) 0%,rgba(53,53,53,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(102,102,102,1) 0%,rgba(53,53,53,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#353535',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #fff;
}
.ccrm_radiobn .deals_items {
    margin-bottom: 0;
}
input.secsy_radio {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
span.secsy_radio_span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: 1;
    border: 2px solid #808080;
}
input.secsy_radio:checked + .secsy_radio_span {
    background: #808080;
}
.fanci_mod .modal-body > p {
    font-size: 22px;
    color: #000;
}
.fanci_mod .modal-footer .btn.mod-white-btn {
    background: #fff;
    border-right: 2px solid #ccc;
    border-left: 2px solid #ccc;
    border-radius: 6px;
}
@media(max-width:480px){
    .fanci_mod .modal-header h4 {
        font-size: 22px;
    }
    .fanci_mod .modal-header h4 img {
        width: 60px;
    }
    .fanci_mod .modal-footer .btn {
        width: 60%;
        margin-bottom: 10px;
    }   
}
input:focus, button:focus, select:focus, 
a:focus, textarea:focus {
    box-shadow: none;
    outline: none;
}

/*h2, h1, h3, h4, h5, h6, p, figure ul p{
  margin: 0
}
*/
ol, ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

a, a:hover, button, input[type="submit"]{
        transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    text-decoration: none;
    outline:0!important;
}
img {border:0; outline:0!important;}
/***Main css***/
#msform {
  text-align: center;
  position: relative;
  margin-top: 1.75rem;
  margin-bottom: 20px
}
/*model-header*/
.modal.preview-model {
    overflow: auto;
}
.modeldesign-inner {
    width: 70%;
    margin: 0 auto;
    background: #fff;
}
.model-head {
    background: #f5f5f5;
    border: 1px solid #dbdbdb;
    padding: 20px 40px;
    width: 100%;
}
.modeldesign-inner .model-body {
    padding:20px;
}
.model-head button.close {
    position: absolute;
    right: 16px;
    top: 10px;
}

/**Steps**/
#progressbar {
  overflow: hidden;
  color: lightgrey;
}
#progressbar .active a{
    color:#62A000;
}
#progressbar li {
    list-style-type: none;
    font-size: 14px;
    width: calc(100% / 5);
    float: left;
    position: relative;
    font-weight: 600;
    color: #999999;
    z-index: 1;
    font-family: 'Muli', sans-serif;
    cursor: pointer;
}
#progressbar li a{
  color: #999999;
  font-weight: 600;
}
#progressbar li i{
    font-size:17px;
    display:none;
}
#progressbar li span {
    display:inline-block;
}
#progressbar li.step-completed i {
    display:inline-block;
}
#progressbar li.step-completed span {
    display:none
}

#progressbar #account:before {
  content: "\f040"
}
#progressbar #personal:before {  
  content: "\f1ec"
}
#progressbar #document:before {  
  content: "\f15b"
}
#progressbar #payment:before {
  content: "\f1d9"
}
#progressbar #confirm:before {
  content: "\f05d"
}
#progressbar li:before {
    font-family: FontAwesome;
    width: 45px;
    height: 45px;
    line-height: 40px;
    display: block;
    font-size: 15px;
    color: #808080;
    background: #ccc;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}
#progressbar li:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 22px;
  border-left: 3px solid #ececec;
  z-index: -1
}
#progressbar li.active:before, #progressbar li.active:after{
    background:#62A000;
        color: #fff;
}

#progressbar li:first-child:after {
   width: calc(100% - 50px);
   left: 50%;
}
#progressbar li:last-child:after {
   width: 55%;
   left: 0%;
}
/**End Steps**/

#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0; 
  position: relative
}

.form-card {
    padding:0 50px 25px; 
    text-align:left;
}
.form-card-dw{
    
    max-height: calc(100vh - 290px);
    overflow-y: auto;
}
#msform fieldset:not(:first-of-type) {
  display: none
}
#msform input[type="text"]:focus,
#msform input[type="email"]:focus,
#msform input[type="date"]:focus,
#msform input[type="password"]:focus,
#msform textarea:focus {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border:1px solid #4da829;
  outline-width: 0
}
.save-preview:hover {
    background: #7b7b7b;
}
#msform .action-button-previous {
  width: 100px;
  background: #616161;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 0px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 0px 5px 10px 0px;
  float: right
}
#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
  background-color: #000000
}
.card {
  z-index: 0;
  border: none;
  position: relative
}
.purple-text {
  color: #673AB7;
  font-weight: normal
}

.fieldlabels {
  color: gray;
  text-align: left;
}
.fit-image {
  width: 100%;
  object-fit: cover
}
.save-preview {
    background: #666666;
    color: #fff;
    margin-right: 10px;
}
.action-button {
    font-weight: 600 !important;
    float: right;
    font-size: 15px;
    font-family: 'Muli', sans-serif;
}
.group_btn input[type="submit"],
.group_btn input[type="button"],
.group_btn button,
.action-button {
        border: 0;
    font-weight:400; 
    display: inline-block;
    padding:8px 24px;
    border-radius: 4px;
}
.next {
    background:#008ABA;
    color: #fff;
}
.next:disabled:hover {
    background:#0089bf;
}

.back_btn {
    background: transparent;
    float: left;
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
    color: #808080;
    font-weight: 600 !important;
}
.remove_1 {
    text-align: right;
}
.remove_1 a {
    color: #338abb;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    display: inline-block;
    margin-top: 13px;
    padding-right: 6px;
}
.remove_1 a:hover{
  color: #174661;
}
.inventory-blocks .form-group input {
    position: relative;
    padding: 10px 28px 10px 10px !important;
}
.inventory-blocks .form-group i.fa.fa-search {
    position: absolute;
    right: 28px;
    top: 46px;
    color: #333;
    font-size: 14px;
}
/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
  width: 100%;
}
  .custom-select-wrapper select {
    display: none;
  }
  .custom-select {
    position: relative;
    display: inline-block;
  }
.custom-select-trigger {
    position: relative;
    display: block;
    padding: 0 15px 0 11px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #333;
    height: 52px;
    width: 100%;
    line-height: 51px;
    font-size: 15px;
    text-transform: capitalize;
    border-radius:2px;
    -webkit-border-radius:2px;
    color: #333;
        font-weight: 600;
}
.custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    /* border-bottom: 1px solid #fff; */
    /* border-right: 1px solid #fff; */
    /* transform: rotate(45deg) translateY(-50%); */
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
}
      .custom-select.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform:rotate(-182deg) translateY(-50%);
      }
.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: -9px 0 0;
    border: 1px solid #a7a7a7;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
        z-index: 1;
        border-top: 0;
}

  .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
  }
/*    .custom-options:before {
      position: absolute;
      display: block;
      content: '';
      bottom: 100%; right: 25px;
      width: 7px; height: 7px;
      margin-bottom: -2px;
      border-top: 1px solid #b5b5b5;
      border-left: 1px solid #b5b5b5;
      background: #fff;
      transform: rotate(45deg);
      transition: all .4s ease-in-out;
    }*/
    .option-hover:before {
      background: #f9f9f9;
    }
.custom-option {
    position: relative;
    display: block;
    padding: 7px 9px;
    /*border-bottom: 1px solid #b5b5b5;*/
    font-size: 14px;
    font-weight: 500;
    color: #495057;
    cursor: pointer;
    transition: all .4s ease-in-out;
    border-radius: 0;
}
    .custom-option:last-of-type {
      border-bottom: 0;
      border-radius: 0 0 4px 4px;
    }
    .custom-option:hover,
    .custom-option.selection {
      background: #f9f9f9;
    }
.custom-select.sources {
    border: 0;
    -webkit-appearance: none;
    width: 100%;
    padding: 0;
    height: 60px;
}
.modeldesign-inner label {
    color: #5f6368;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 800;
    display: block;
    margin-bottom: 5px;
    /* width: 100%; */
}
.modeldesign-inner input[type="text"], .modeldesign-inner input[type="email"], 
.modeldesign-inner input[type="password"], .modeldesign-inner textarea{
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #ccc; 
    font-size: 16px;
        border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #202124;
    font-weight: 600;
    border-radius: 3px;
}
.newsortingclsss input[type="text"], .newsortingclsss input[type="email"], 
.newsortingclsss input[type="password"], .newsortingclsss textarea{
    width: 95%;
}

#deal_name , #deal_estimated_amount , #proposal_contact_name, #proposal_cobuyer_name {
    height: 52px;
}

.modeldesign-inner input[type="text"]::placeholder, .modeldesign-inner input[type="email"]::placeholder, 
.modeldesign-inner input[type="password"]::placeholder, .modeldesign-inner textarea::placeholder {
    color: #202124;     font-weight: 600
}
.modeldesign-inner .form-card .form-group {
    margin-bottom: 5px;
}
.modeldesign-inner .ui-sortable-handle{
    margin-bottom: 5px!important;    
}
/**end**/
/**Add Inventory**/
.inventory-blocks {
    margin-top: 10px;
}
.inventory-blocks .image img {
    width: 100%;
}
.inventory-desp {
    /* color: #495057; */
    margin: 12px 0;
    line-height: 25px;
    font-size: 15px;
}
.inventory-desp span {
    color:#333;font-weight: 600;
}
a.moreless-button i {
    -webkit-text-stroke: 3px #e6e6e6;
    color: #fff;
    font-size: 25px;
    width: 46px;
    height: 46px;
    text-align: center;
    background: #e6e6e6;
    display: inline-block;
    line-height: 48px;
    border-radius: 100%;
}
.add-inventory {
    text-align: center;
}
a.moreless-button span {
    color: #5f6368;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
    display: block;
    width: 100%;
    margin-top: 12px;
}
a.moreless-button {
    display: inline-block;
    margin-top: 30px;
}
.moretext {
  display: none;
}
.add-inven-more a {
    font-size: 14px;
    color: #808080;
    font-weight: 600;
}
.show-advance a {
    color: #62A000;
    font-size: 14px;
    font-weight: 600;
}
.stru-deal .form-group.add-inventory {
    text-align: left;
    margin: 0;
}
.stru-deal .form-group.add-inventory a {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
}
.stru-deal .form-group.add-inventory a i {
    -webkit-text-stroke: 2px #fff;
    font-size: 18px;
    vertical-align: text-bottom;
}
.light-green.active::before, .light-green.active::after {
    background: #39B54A!important;
}
.light-green.active a{
    color:#39B54A!important;
}
.light-green3.active  a{
    color:#00A99D !important;
}
.light-green3.active::before, .light-green3.active::after {
    background: #00A99D !important;
}
.light-green4.active a{
    color:#008ABA !important;
}
.light-green4.active::before, .light-green4.active::after {
    background: #008ABA !important;
}
.stru-deal .col-lg-4.col-md-12.col-sm-12:nth-child(2) span.custom-select-trigger {
    border: 0;
    margin-top: 25px;
    color: #58be40;
}
.stru-deal .col-lg-4.col-md-12.col-sm-12:nth-child(2) span.custom-select-trigger::after {
    border-top-color: #58be40;
}
.border_lft_rht{border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.collapse-block {
    border-bottom:1px solid #e9e9e9;
    padding-bottom:5px;
    margin-bottom:10px;
}
.collapse-block span {
    color: #62A000;
    font-size: 14px;
    font-weight: 600;
}
.collpase-show {display:none;}
.total-finace input[type="text"] {
    border-color: #5f6368;
    background: #008ABA;
    color: #fff;
    border-radius: 2px;
}
.next:hover {
    background: #123348;
}
.modeldesign-inner .model-body fieldset:nth-child(3) button.save-preview:hover {
    background: #666;
}
.modeldesign-inner .model-body fieldset:nth-child(3) button.saveclose:hover {
    background: #507b3e;
}
/***********Tab 3************/
/**custom checkbox**/
.custom-check {
    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;
    float: left;
    width: auto!important;
        margin-top: 2px;
}
/* Hide the browser's default checkbox */
.custom-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #ccc;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.custom-check input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.custom-check .checkmark:after {
    left: 6px;
    top: 1px;
    width: 7px;
    height: 12px;
    border: solid #666666;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.email-msg .bg_green p span {
    font-size: 12px;
    left: 0;
}
.email-msg .bg_green p {
    color: #fff;
    font-size: 15px;
        font-weight: 800;
}
.email-msg .bg_green {
    padding: 10px 10px;
    margin-bottom: 18px;
    border-radius: 3px;
}
.bg_green {
    background: #008ABA;
}
label.custom-check i span {
    display: block;
    font-weight: 500;
    font-size: 11px;
}
label.custom-check i {
    font-style: normal;
    font-weight: 800;
    text-transform: capitalize;
    display: inline-block;
    font-size: 14px;
}
label.custom-check:nth-child(2) {
    margin-left: 40px;
}
/******end custom check******/
.right-send .form-group {
    width: 50%;
    float: left;
}
.right-send .form-group {
    padding-right: 15px;
    width: 45%;
}
.send-form-msg textarea, .send-form-msg input , .view_proposal_body_text textarea{
    /*background: #f2f2f2;
    border: -1 !important;*/
    height: 120px;
    font-size: 15px;
    text-align: left;
}
.form-group.mesaage .subject input {
    width: 100%;
    background: transparent;
    border: 1px solid #e9e9e9 !important;
}
.form-group.mesaage .subject {
    display:flex; 
    align-items: center;
}
.form-group.mesaage textarea {
    background: transparent;
    border: 1px solid #e9e9e9 !important;
    height: 220px;
}
.subject {
    margin-bottom: 16px;
    margin-top: 4px;
   /* display: none;*/
}
.subject label {
    padding-right:15px;
}
.form-group.mesaage > label {
    margin-bottom: 16px;
}
.right-send {
    opacity: .3;
}
.div_opacity {
    opacity: 1;
}
.send-form-msg.row {
    border-top: 1px solid #e9e9e9;
    padding: 30px 0px 0;
    /* margin-top: 30px; */
}
/**proview model**/
.preview-model .modal-dialog {
    width: 100%;
    max-width: 70%;
}
.preview-model .modal-header {
    background: #333333;
    text-align: center;
}
.preview-model .modal-content {
    background: #e6e6e6;
    border: 0;
}
.preview-model .modal-header h5#exampleModalLabel {
    width: 100%; text-transform: capitalize;
}
.preview-body {
    width: 82%;
    background: #fff;
    margin: 40px auto;
        padding: 30px;
}
.preview-body .modal-body .row {
    align-items: center;
}
.proposal-title h5 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .8px;
    font-size: 24px;
    line-height: 28px;
    color: #333;
}
.preview-body  .media-left p {
    border: 1px dashed #e9e9e9;
    text-align: center;
    padding: 30px 10px;
    text-transform: capitalize;
    color: #dedede;
    font-weight: 600;
}
.preview-body  .media-left {
    width: 50%;
    padding-right: 30px;
        border-right: 1px solid #333;
}
.preview-body .media-body {
    padding-left: 30px;
}
.preview-body .media-body p {
    line-height: 27px;
    font-size: 15px;
    color: #333333;
    font-weight: 600;
}
a.bg-gray {
    background: #333333;
}
.acccpt-decline a {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
        margin: 0 10px;
}
.acccpt-decline a i {
    font-size: 15px;
}
.acccpt-decline a span {
    display: inline-block;
    margin-top: 17px;
        font-weight: 600;
}
a.bg-green {
    background: #62A000;
}
.row.accepted .media-left {
    border: 0;
    text-align: right;
    padding: 0 0px 0 0px;
   color: #333;
    font-weight: 800;
}
.row.accepted {
    border-top: 1px solid #e9e9e9;
    padding: 30px 0px 0;
    margin-top: 10px;
}
.deal-structure-pre h5 {
    background: #f2f2f2;
    padding: 10px;
    text-transform: capitalize;
    font-size: 20px;
    margin-bottom: 20px;
   color: #333;
    font-weight: 800;
}
.deal-structure-pre {
    margin-top: 50px;
}
.inventory-img img {
    width: 100%;
    border: 1px dashed #e9e9e9;
    height: auto;
    object-fit: contain;
}
.inventory-img {
    width: 50%;
    float: left;
    padding: 5px;
}
.deal-structure-pre ul li {
    color: #333;
    font-size: 15px;
    padding-bottom: 6px;
    font-weight: 600;
}
.propsal-name {
    margin-top: 10px;
    margin-bottom: 30px;
}
.propsal-name strong {
    margin-bottom: 20px;
    display: inline-block;
    color: #333;
    font-weight: 800;
}
.btm-text.text-center {
    font-size: 12px;
    color: #666;
    margin-top: 80px;
        font-weight: 500;
}
.preview-model .modal-footer {
    justify-content: center;
}
.preview-model .modal-footer button {
    background: #333333;
    border: 0;
}
.modeldesign-inner .model-body fieldset:nth-child(3) button.save-preview {
    background: #333;
}
.modeldesign-inner .model-body fieldset:nth-child(3) button.saveclose {
     background: #48a700; margin-right: 10px; color: #fff;
}

/**tab 4**/
.sent-success p {
    font-weight: 600;
}
.sent-success {
    width:90%;
    margin:20px auto 30px;    
}
.proposalheading.text-center h5 {
    color: #333;
    font-weight: 800;
    text-transform: capitalize;
    font-size: 20px;
}
ul.status li a {
    font-size: 14px;
    font-weight: 800;
}
ul.status li.send a {
    color: #008ABA;
}
ul.status li:first-child:after, ul.status li:last-child:after {
    background: transparent;
}
ul.status li:after {
    position: absolute;
    content: '';
    background: #666;
    width: 2px;
    height: 13px;
    transform: skew(-21deg, -5deg);
    top: 6px;
    right: 0;
}
ul.status li {
    display: inline-block;
    text-transform: capitalize;
    position: relative;
    padding-right: 6px;
}
ul.status li.accept a {
    color: #62A000;
}
ul.status li.dcline a {
    color: #ED1C24;
}
ul.view-share-delete li {
    width: 47%;
    float: left;
    margin: 5px;
}
ul.view-share-delete LI h5 {
    color: #333333;
    font-size: 16px;
    font-weight: 800;
    margin-top: 20px;
    text-transform: capitalize;
}
ul.view-share-delete LI a {
    background: #f2f2f2;
    text-align: center;
    border-radius: 4px;
    padding: 30px;
    height: 170px;
    box-shadow: 1px 1px 1px #e8e8e8;
    display: inline-block;
    width: 100%;
}
ul.view-share-delete LI a i {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 22px;
}
ul.view-share-delete LI.share a i {
background: #0089bf;
}
ul.view-share-delete LI.edit a i {
background: #00ae9f;
}
ul.view-share-delete LI.delete a i {
background: #ff4b00;
}
ul.view-share-delete {
    width: 70%;
    margin: 60px auto 0;
}
ul.status {
    margin-top: 30px;
}
.done-btn button{
    background: #333333;
    border: 0;
    color: #fff;
}
.done-btn {
    margin-top: 20px;
    margin-bottom: 0;
}
ul.view-share-delete li img {
    width: 50px;
    height: : 50px;
}
.fw-container{
    float: left;
    width: 100%;
}
/**Share proposal link**/
.share_proposal-sec {
    clear: both;
        display: none;
            margin-top: 60px;
}
ul.view-share-delete {
    width: 70%;
    margin: 60px auto 0;
}
.share_proposal-sec ul.sec-body {
    width: 70%;
    margin: 0 auto;
    background: #f2f2f2;
    padding: 20px;
    border-radius: 4px;
}
.sec-header h5 {
    float: left;
    text-align: center;
    width: 95%;
}
.sec-header a {
    float: left;
    color: #666;
    font-size: 20px;
    padding-right: 10px;
}
.sec-header h5 {
    float: left;
    text-align: center;
    width: 95%;
    color: #333;
    text-transform: capitalize;
    font-weight: 800;
    font-size: 20px;
}
.sec-header {
    margin-bottom: 30px;
    width: 100%;
    float: left;
    display: flex;
}
.share_proposal-sec ul.sec-body li {
    color: #4D4D4D;
    font-size: 16px;
    padding-bottom: 60px;
    font-weight: 600;
}
.share_proposal-sec ul.sec-body li strong {
    font-weight: 800;
}
.sec-header a i {
    color: #808080;
    font-weight: 600;
}
.share_proposal-sec ul.sec-body li a {
    display: block;
    color: #3289bf;
    font-size: 12px;
    margin-top: 15px;
        font-weight: 600;
}
.share_proposal-sec ul.sec-body li a strong {
    font-size: 16px;
    color: #666;
    font-weight: 600;
    margin-right: 6px;
}
.someClass {
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    display: none;
}
.someClass + .share_proposal-sec{
  display: block;
}
.hide_subject_Div {
    display: block;
}


/***************Mobile View*****************/
@media (max-width: 991px) {
    .modeldesign-inner {width:86%;} 
    .form-card {padding:0;}
    .model-head { padding: 15px 15px;}
    .border_lft_rht {
        border: 0;
    }
    .preview-model .modal-dialog {
        max-width: 96%;
    }
    .preview-body {
        width: 95%;
        margin: 23px auto;
        padding: 15px;
    }
}
    
@media (max-width: 768px) {
    .modeldesign-inner {width: 90%;}
    #progressbar li {
        font-size: 12px;
        font-weight: 500;
        line-height: 13px;
    }
    .custom-select-trigger, .modeldesign-inner input[type="text"], .modeldesign-inner input[type="email"], 
    .modeldesign-inner input[type="password"], .modeldesign-inner textarea, 
    .inventory-desp, a.moreless-button span, .action-button{
        font-size: 14px;
    }
    #progressbar li:after {
        top: 20px;
    }
    #progressbar li:before {
        width: 40px;
        height: 40px;
        line-height: 36px;
        font-size: 15px;
    }
    #progressbar li:last-child:after {
        width: calc(100% - 80px);
    }
    #progressbar li.step-completed i , #progressbar li span{
        display:block;
    }
    .right-send .form-group, ul.view-share-delete LI, ul.view-share-delete, .share_proposal-sec ul.sec-body{
        width: 100%;
    }
    .done-btn {;
        text-align: center !important;
    }
    ul.view-share-delete LI {
        margin: 0 0 10px;
    }
    ul.view-share-delete li img {
        width: 20%;
    }
    .row.accepted .media-left{
      text-align: left;
    }
    .preview-body .modal-body .row{
        flex-direction: column-reverse;
    }
    .proposal-title h5 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .row.accepted .col-lg-6.col-md-6.col-sm-12.float-right.text-right {
        float: left !important;
        text-align: left !important;
    }
    .row.accepted .media-left, .row.accepted .media-body, .preview-body .media-left, 
    .preview-body .media-body {
        width: 100%;     
        border: 0;
    }
    .row.accepted .media, .preview-body .media{
        display: block;
    }
    .row.accepted .media-body {
        padding-left: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .preview-body .media-body {
        padding-left: 0;
        margin-top: 20px;
    }
    .model-head button.close {
        right: 2px;
        top: -1px;
    }
}

@media (max-width: 680px) {
    .action-button {
        width: 100%;
        margin: 0 0 10px;
    }
    .custom-check {
        width: 100% !important;
        margin: 0 0 26px !important;
    }
    .modeldesign-inner .model-body fieldset:nth-child(3) button.saveclose {
        margin: 0 0 10px;
    }
}

@media (max-width: 560px) {
    #progressbar li:last-child:after {
        width: calc(100% - 60px);
    }
}

@media (max-width: 480px) {
    #progressbar li:first-child:after {
        width: calc(100% - 0px);
    }
    #progressbar li:before {
        width: 30px;
        height: 30px;
        line-height: 28px;
        font-size: 12px;
    }
    #progressbar li:after {
        top: 14px;
    }
    #progressbar li:last-child:after {
        width: calc(100% - 37px);
    }
    .modeldesign-inner {
        width: 97%;
    }
}

#deal_proposal_details_btn {
     z-index: 999; 
    color: #fff;
    cursor: pointer;
}
#delete_proposal_ajax {
    color: #f5f1f1;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding-top: 0px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: -7px;
}
.propsal_dgn{
    width:100%;
}
.img_wrapper{
    position: relative;
    overflow: hidden;
    text-align: center;
    height: 220px;

}
.img_wrapper img{
    min-width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.autoload_suggest_box2 {
    position: absolute;
    z-index: 9;
    background: #fff;
    width: 93%;
    border: 1px solid #ccc;
    top: 77px;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    box-shadow: 0 9px 19px 6px rgba(0,0,0,0.1);
    cursor: pointer;
}

/*preview model*/
.KzzPreview .modal-dialog {
    max-width: 40%;
}
.view_user_inventory{
    background: #fff;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    box-shadow: 0 9px 19px 6px rgba(0,0,0,0.1);
    cursor: pointer;
}
.view_user_inventory .autoload_suggest_ul {
    max-height: 80vh;
}
button#view_inventory {
    background: limegreen;
}
.total-finace {
    font-size: 16px;
    margin-left: 42px;
}
.show-advance1 a {
    color: #62A000;
    font-size: 14px;
    font-weight: 600;
}
input#total_tax{
    background: #f2f2f2;
}
input#trade_net_allowance{
    background: #f2f2f2;
}
.bsc_field_label{
    color: #5f6368;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 800;
    display: inline-block;
    margin-bottom: 1px;
}
.default_field_label{
    color: #808080;
    font-size: 12px;
    font-weight: 800;
    float: right;
    margin-right: 22px;
    cursor: POINTER;
}
.is_default_field_label{
    color: rgb(0, 138, 186);
}
.contact_product_section{
    margin-bottom: 20px;
}

.contact_deal_response{
    margin-bottom: 20px;
}

/************Contact Status*********************/
 .contacted-status, .not-contacted-status{
    float:left;
    color:green;
    display: table;
    margin-left: 15px;
}
.contacted-status span .fa, .not-contacted-status span .fa {
    font-size: 18px;
    line-height: 28px;
    font-weight: 100;
    color: #fff;
}
.contacted-status-span, .not-contacted-status-span {
    vertical-align: middle;
    display: table-cell;
    text-transform: uppercase;
    font-weight: bold;
    color: #5cb85c;
    font-size: 16px;
}
#master_leads_frm .warning_alert {
    padding-top: 8px;
}
.not-contacted-status-span{
    color:#C5360E;
}



.deals_items_head_iner p span.pdtc_sts {
    font-size: 18px;
    font-weight: bold;
}

.deals_items_head_iner p {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    margin: 0;
}
button#prop_send_btn {
    background: #008ABA;
    color: #fff;
}

.res_text {
    font-size: 16px;
    text-align: center;
}
.proposal-title-icon {
    text-align: center;
}

.proposal-title-icon img {
    margin: 20px 0 15px;
}

.proposal-title-icon h5 {
    font-size: 15px;
    font-weight: bold;
    color: #62a000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
  /******Product Design Css******/

.dealszz_items {
    float: left;
    width: 100%;
    background: #9bc667;
    border-radius: 8px;
    padding: 0 30px 0 0;
    margin-bottom: 25px;
}

.dealszz_items_iner {
    float: left;
    width: 100%;
    position: relative;
}

.dealszz_right_side {
    position: absolute;
    right: -30px;
    height: 100%;
    width: 40px;
}

.dealszz_close {
    position: absolute;
    top: 0;
    width: 35px;
    height: 35px;
    border-radius: 0 0 0 11px;
    background: #9bc667;
    color: #fff;
    text-align: center;
    padding-top: 11px;
    right: 0;
    z-index: 2;
    cursor: pointer;
}

.dealszz_edit {
    width: 35px;
    height: 33px;
    text-align: center;
    color: #fff;
    border-radius: 11px 0 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #9bc667;
    padding-top: 9px;
    cursor: pointer;
}

.dealszz_right_overlay {
    position: absolute;
    height: calc(100% - 68px);
    top: 35px;
    bottom: 30px;
    background: #62a000;
    width: 40px;
    border-radius: 14px;
    right: 5px;
}

.dealszz_panel {
    float: left;
    width: calc(100% + 3px);
    background: #62a000;
    border-radius: 10px 34px 34px 10px;
    padding: 15px 0 15px 15px;
}

.dealszz_body {
    float: left;
    width: 100%;
}

.dealszz_hd {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 10px;
}

.dealszz_hd h2 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.dealszz_body {}

.dealszz_body {
    float: left;
    width: calc(100% + 7px);
    position: relative;
}

.dealszz_form_group {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.dealszz_form_group label {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
}

p.dealszz_from {
    float: left;
    width: 100%;
    border: none;
    border-radius: 4px;
    min-height: 34px;
    color: #fff;
    background: rgba(0,0,0,0.24);
    font-size: 14px;
    padding: 4px 9px;
}

.dealszz_foot {
    float: left;
    width: 100%;
    color: #fff;
    font-style: italic;
    margin-bottom: -5px;
    margin-top: 5px;
}

/*
.dealszz_items.dealszz_gray {
    background: #9c9898;
}

.dealszz_items.dealszz_gray .dealszz_close {
    background: #9c9898;
}

.dealszz_items.dealszz_gray .dealszz_edit {
    background: #9c9898;
}

.dealszz_items.dealszz_gray .dealszz_panel {
    background: #808080;
}

.dealszz_items.dealszz_gray .dealszz_right_overlay {
    background: #808080;
}


.dealszz_items.dealszz_orange {
    background: #ffc877;
}

.dealszz_items.dealszz_orange .dealszz_close {
    background: #ffc877;
}

.dealszz_items.dealszz_orange .dealszz_edit {
    background: #ffc877;
}

.dealszz_items.dealszz_orange .dealszz_panel {
    background: #ff9800;
}

.dealszz_items.dealszz_orange .dealszz_right_overlay {
    background: #ff9800;
}


.dealszz_items.dealszz_red {
    background: #f85b51;
}

.dealszz_items.dealszz_red .dealszz_close {
    background: #f85b51;
}

.dealszz_items.dealszz_red .dealszz_edit {
    background: #f85b51;
}

.dealszz_items.dealszz_red .dealszz_panel {
    background: #c5360e;
}

.dealszz_items.dealszz_red .dealszz_right_overlay {
    background: #c5360e;
}


.dealszz_items.dealszz_blue {
    background: #5dabd2;
}

.dealszz_items.dealszz_blue .dealszz_close {
    background: #5dabd2;
}

.dealszz_items.dealszz_blue .dealszz_edit {
    background: #5dabd2;
}

.dealszz_items.dealszz_blue .dealszz_panel {
    background: #168bc5;
}

.dealszz_items.dealszz_blue .dealszz_right_overlay {
    background: #168bc5;
}


.dealszz_items.dealszz_green {
    background: #9bc667;
}

.dealszz_items.dealszz_green .dealszz_close {
    background: #9bc667;
}

.dealszz_items.dealszz_green .dealszz_edit {
    background: #9bc667;
}

.dealszz_items.dealszz_green .dealszz_panel {
    background: #62a000;
}

.dealszz_items.dealszz_green .dealszz_right_overlay {
    background: #62a000;
}
*/

.viewEcB {
    background: rgba(0,0,0,0.24);
    font-size: 12px;
    padding: 3px 15px;
    border-radius: 4px;
    float: right;
    margin-right: 20px;
    margin-top: -3px;
    border: 1px solid #fff;
    cursor: pointer;
}


 /* naveed modal edit project style start */

.nv_btn_with_icon {
    float: right;
    width: auto;
    display: table;
    margin-bottom: 10px;
    cursor: pointer;
}

.btn.btn-info.custom_dave_brn {
    padding: 2px 12px;
    background-color: #008aba;
    border-color: #008aba;
    margin-right: 10px;
}

.nv_btn_with_icon span.glyphicon {
    display: table-cell;
    vertical-align: middle;
    color: #008aba;
    font-size: 20px;
}

.nv_edit_profile_header {
    width: 100%;
    float: left;
}

.nv_edit_profile_header p {
    text-align: right;
    margin-bottom: 20px;
    font-size: 13px;
}
.ui-sortable.proposal_sortable .ui-sortable-handle:after {
    display: none;
}

.ui-sortable.proposal_sortable .ui-sortable-handle {
    padding-left: 10px;
}
.row_iner-nw.listingitm li, .proposal_show_more li {
    display: inline-block;
}
.row_iner-nw.listingitm li:last-child, .proposal_show_more li:last-child {
    max-width: unset;
    width: calc( 100% - 40px);
}
.nv_checkbox_rounded label{
    position: relative;
    cursor: pointer;
    margin-bottom:0px;
}

.nv_checkbox_rounded input[type="checkbox"]{
    position: absolute;
    right: 9000px;
}

.nv_checkbox_rounded input[type="checkbox"] + .label-text:before{
    content: "\f1db";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: auto;
    margin-right: 5px;
    border-radius: 100%;
    height: auto;
    font-size: 20px;
}

.nv_checkbox_rounded input[type="checkbox"]:checked + .label-text:before{
    content: "\f058";
    color: #008aba;
    animation: effect 250ms ease-in;
}

.nv_checkbox_rounded input[type="checkbox"]:disabled + .label-text{
    color: #aaa;
}

.nv_checkbox_rounded input[type="checkbox"]:disabled + .label-text:before{
    content: "\f1db";
    color: #ccc;
}
.setting_fields{
    display: none;
}

/**********************proposal Module styling of deal structure section***********************/

button.action-button.proposal_history {
  float: left;
  margin-left: 10px;
}

.autoload_suggest_boxx {
    position: absolute;
    z-index: 9;
    background: #fff;
    border: 1px solid #ccc;
    bottom: 5px;
    border-radius: 6px; 
    overflow: hidden;
    box-shadow: 0 9px 19px 6px rgba(0,0,0,0.1);
    cursor: pointer;
}
.nv_boat_detail_left {
    width: 100%;
    float: left;
    text-align: left;
    background: #f5f5f5;
    padding: 5px;
}

.nv_boat_detail_left h4 {
    display: block;
    margin-bottom: 5px;
}

.nv_boat_detail_left h5 {
    display: block;
    margin-bottom: 5px;
}

.nv_accepted_status {
    display: inline-block;
    text-align: left;
    width: auto;
}

.nv_publish_status {
    display: inline-block;
    width: auto;
    text-align: right;
    float: right;
}

.response_proposal_history_more {
    width: 100%;
    max-width: 325px;
    position: relative;
    border-radius: 8px;
}

.nv_boat_detail_left h6 {
    margin-bottom: 10px;
}

.nv_boat_detail_left span {
    font-size: 11px;
}
.proposal_success_status{
    color:green;
}
.proposal_decline_status{
    color:red;
}

.nv_edit_proj_title {
   margin-top: 10px;
  margin-bottom: 5px;
  font-weight: bold;
  width: auto;
  float: left;
}

.nv_default_setting_title {
    float: right;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    margin-top:10px;
}

.proposal_sort_order ul{
      display: flex;
      align-items: center;
      padding-right: 10px !important;
  }
.proposal_sort_order .newsortingclsss .ui-sortable-handle{
      border: none;
}
.proposal_sort_order ul li:not(.nv_checkbox_rounded){
      display: flex;
      align-items: center;
      margin-right: 0;
      justify-content: space-between;
      width: 100% !important;
}

.proposal_sort_order ul li:not(.nv_checkbox_rounded) span{
    margin-right: 15px;
    width: 50%
}
.proposal_sort_order ul li:not(.nv_checkbox_rounded) input{
    width: 80%;
}
.proposal_sort_order ul li:not(.nv_checkbox_rounded) div {
    width: 80%;
}
.proposal_sort_order ul li:not(.nv_checkbox_rounded) div input{
    width: 100%;
}
.proposal_sort_order ul li:not(.nv_checkbox_rounded) div span{
  margin-right: 3px;
  width: 100%;
  text-align: right;
}
.view_proposal_body_text textarea{
    width: 100%;
    pointer-events: none;
}

.edditor_deal_structure_upper ,.edditor_deal_structure_bottom,.edditor_deal_structure_inv,.edditor_deal_structure,.edditor_deal_structure_doc{
  cursor: pointer;
}

#save_default_deal_structur_setting {
  background: #62A000;
}

.media-left img{
    width: 100%;
}
.next:focus {
  background: #123348;
}
span#save_deal_structur {
    float: right;
}
.NewFixx {
  padding-top: 12px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  margin-right: 0;
  justify-content: space-between;
  margin-bottom: 5px;
}
.NewFixx span{
  width: 50%;
}

.NewFixx input{
  width: 80%;
}
.proposal-decline-icon h5{
    color: #f00;
}
.acccpt-decline{
    float: right;
      margin-top: 60px;
      margin-right: -25px;
}
.propsal-line-break{
    border-top: 1px solid #e9e9e9;
}
/*view proposal image settings*/
.ImgHeight img {
  min-width: 100%;
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ImgHeight {
  /*height: 170px;*/
  height: 120px;
  position: relative;
  overflow: hidden;
}

@media(max-width: 1000px){
    .acccpt-decline{
      margin-right: 0;
      width: 100%;
      text-align: center;
      margin-top: 0;
    }
    .media-left img {
      width: 50%;
    }
    .proposal-title h5 {
      margin-bottom: 40px;
      margin-top: 30px;
    }
    .row_text_align{
        margin:0 0 0 0;
    }   
    .row_text_align .col-md-12, .row_text_align .col-md-6,.row_text_align .col-sm-12, .row_text_align .col-xs-12{
        padding: 0;
    }
}

.fw{
    float: left;
    width: 100%;
}

/*****Kazim Work CSS******/
.preview-body .media-left p{
    border: none;
}
.proposal-title h5 {
    text-align: right;
}
.inventory-img {
    width: calc(50% - 10px);
    margin-left: 10px;
}
.preview-body .media-left {
    width: 40%;
}
.proposal-title-icon {
    text-align: right;
}
.preview-body .media-left p {
    padding: 30px 10px 0;
}
.documentListing h2{    
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
.documentName{
    font-size: 14px;
    float: left;
}
.documentIcon {
    margin-right: 10px;
}
.documentName img{
    width: 28px;
}
.documentAction {
    float: right;
}
.documentAction a {
    color: #999999;
}
.customeCheck {
    margin-left: 25px !important;
    margin-right: 25px !important;
    position: relative;
    cursor: pointer;
}
.customeCheck::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #cccccc;
    background: white;
    transition: 0.4s ease all;
}
.customeCheck::after {
    content: "\f00c";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: FontAwesome;
    color: #fff;
    font-size: 20px;
}
.customeCheck:checked::before {
    background: #21ab99;
    border-color: #21ab99;
}
.documentItem {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 20px;
}
.documentItem+.documentItem {
    border-top: none;
}
.documentAction .download {
    font-size: 20px;
    cursor: pointer;
    color: #21ab99;
    transition: 0.4s ease all;
}
.Showdocument {
    padding: 20px 0;
    border-top: 1px solid #e9e9e9;
}
.documentWrapper {
    width: 120px;
    float: left;
}
.documentWrapper+.documentWrapper {
    margin-left: 10px;
}
.documentWrapper img {
    width: 55px;
    margin: auto;
    display: block;
}
.documentWrapper span {
    font-size: 12px;
    margin-top: 10px;
    display: block;
    text-align: center;
}
.preview_proposal_doc {
  background: #21ab99;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  padding: 4px 10px;
}
/*****Kazim Work CSS ends ******/

@media(max-width: 1000px){

    .proposal-title h5 , .proposal-title-icon  {
        text-align: center;
    }
}
@media(max-width: 767px){
    .ImgHeight {
      height: 110px;
    }
    .acccpt-decline{
      margin-right: 0;
      width: 100%;
      text-align: center;
      margin-top: 0;
    }
    .media-left img {
      width: 70%;
    }
    .proposal-title h5 {
      margin-bottom: 40px;
      margin-top: 30px;
    }
    .rowMarginxs{
        margin: 0;
    }
}
@media(max-width: 567px){
    .preview-body .media-left {
        width: 100%;
        display: block;
        padding: 0;
    }
    .media-left img {
      width: 50%;
    }
    .preview-body .media-body{
        width: 100%;
        display: block;
        text-align: center;
    }
}
span.edditor_deal_structure_upper {
  float: right;
}
.inlineSelect {
  margin-bottom: 40px;
}

.inlineSelect .selecWrapper {
  width: 210px;
  height: 44px;
  float: right;
  background: #f7f7f7;
  border-color: #000;
  color: #000;
}

.selecWrapper label{
    font-size: 12px;
}


 /* document modal styles starts here */
.modal-head{
    position: relative;
    padding: 15px;
}
.modal-head h2{
    padding: 10px;
    text-transform: capitalize;
    font-size: 20px;
    color: #333;
    font-weight: 800;
 }
 .documentLine{
    border-top: 1px solid #e9e9e9;
    width: calc(100% + 80px);
    margin-left: -40px;
 }
 /* tabs starts here */

 .documentsTabs {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 10px;
    text-align: center;
}

.documentsTabs li {
    display: inline-block;
}

.documentsTabs li a {
    background: #e6e6e6;
    width: 26px;
    height: 26px;
    padding: 5px 0px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    color: #333333;
    text-decoration: none;
    transition: 0.4s ease all;
    display: block;
}
.documentsTabs li.active a {
    background: #178BC6;
    color: #fff;
}
.docTitile{
    padding: 10px;
    padding-left: 0;
    float: left;
    text-transform: capitalize;
    font-size: 16px;
    color: #333;
    font-weight: 800;
}
.downloadBtnsWrapper a {
  float: right;
  color: #fff;
  padding: 6px 9px;
  border-radius: 3px;
  padding: 7px 24px;
  background: #178bc6;
  margin-left: 6px;
  font-size: 12px;
}

.downloadBtnsWrapper a+a {
  background: #3a3a3a;
}

.innerDoc{
    outline-color: #e2e2e2;
    outline-style: dashed;
    margin: 20px 0;
    outline-width: 2px;
    padding: 40px 15px;
}

.agree {
    text-align: center;
}
.agree label {
    color: black;
    font-size: 12px;
    font-weight: 300;
}
.agree input {
    position: relative;
    margin: 0;
    transform: translateY(2px);
    margin-right: 5px;
}
.agree input::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    border: 1px solid #7b7b7b;
    background: white;
}
.agree input::after {
    content: "\f00c";
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
    transition: 0.4s ease all;
    font: normal normal normal 14px/1 FontAwesome;
    transition: 0.4s ease all;
}
.agree input:checked::after{
    color: #000;
}

.save, .next_doxs {
    display: block;
    color: #fff;
    background: #62a000;
    font-family: "Roboto",sans-serif;
    line-height: 18px;
    border: none;
    font-size: 16px;
    margin: 20px auto 0;
    transition: 0.3s;
    padding: 8px 15px;
    border-radius: 4px;
}
.signature {
    text-align: center;
}
.signature label , .initialSign label {
    display: block;
    font-size: 14px;
    color: #696969;
    font-weight: 300;
}
.signature input, .initialSign input  {
    border: none;
    border-bottom: 1px solid #757575;
    background: #e6e6e6;
    height: 44px;
}
.initialSign {
    text-align: center;
}
.initialSign , .finalSign {
    margin-top: 70px;
}
.initialSign input {
    width: 80px;
}
.signPreview {
    background: #e6e6e6;
    margin: auto;
    width: 70%;
    margin-top: 70px;
}

/* signature wrapper starts here */
.signatureWrapper .content {
    width: 70%;
    margin: auto;
}

.signatureWrapper input[type="button"] {
    width: auto;
    height: auto;
    color: #fff;
    background: #178bc6;
    font-family: "Roboto",sans-serif;
    line-height: 18px;
    border: none;
    font-size: 16px;
    transition: 0.3s;
    padding: 10px 15px;
    border-radius: 4px;
}

.signatureWrapper .tools {
    margin: 95px auto 0;
}
.signatureWrapper .signatureCanv input[type="button"] {
    width: auto!important;
    left: 50%!important;
    transform: translate(-50%, 40px);
}
.signatureWrapper .tools input+input{
    margin-right: 5px;
}
.signatureWrapper   .jSignature{
    background: #e6e6e6;
}
.back{
    font-size: 14px;
    font-weight: 600;
    color: #5a5a5a;
    cursor: pointer;
    float: left;
    margin-top: 10px;
}

.signature .agree input {
    height: auto;
}
.signature .agree label {
    display: inline-block;
}
.thanksBtnWrapper a{
      color: #fff;
      display: inline-block;
      background: #62a000;
      font-family: "Roboto",sans-serif;
      line-height: 18px;
      border: none;
      font-size: 18px;
      margin: 20px auto 0;
      transition: 0.3s;
      padding: 12px 23px;
      border-radius: 4px;
}

.thanksBtnWrapper a+a{
    background: #178bc6;
}

/*custom choosen search design starts here*/
.choosenSearch{
    background: #212228;
    border-radius: 5px;
    border: 0px solid #131416;
}
.choosenfilterList {
  overflow: auto;
  width: 100%;
  display: block;
  max-height: 200px;
}
.custom_signer_model {
    width: 80px;
    height: 40px;
    display: inline-block;
    margin-left: 20px;
    background: #f33800;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
}

.custom_signer_model img {
    height: 100%;
}
.custom_signer_model.signed{
    background: #e1e1e1;
    width: auto;
}
/* extend accessories */
.accessriosExtend{
    position: relative;
    flex-wrap: wrap;
}

.accessriosExtend span {
    max-width: 35%;
    flex: 0 0 35%;
}

.accessriosExtend input {
    flex: 0 0 60%;
}

.extend {
    background: #39b54a;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    border: none;
    width: 25px;
    display: block;
    height: 25px;
    position: absolute;
    top: 8px;
    right: -30px;
    cursor: pointer;
}
.extendedAccess {
    width: 100%;
    flex: 0 0 100%;
    padding: 15px;
    margin-top: 20px;
    border-radius: 5px;
    z-index: 2;
    background: #f5f5f5;
    position:relative;
    display: none;
}
.saveAccessories {
    display: none;
}
.extendedAccess::before {
    content: '';
    position: absolute;
    height: 66px;
    top: -30px;
    width: 20px;
    right: -19px;
    z-index: -6;
    border: 2px solid #39b54a;
    border-left: none;
    border-top: none;
    border-bottom-right-radius: 5px;
}
.fieldWrapper {
    width: 100% !important;
}

.accessFields {
    min-width: 100%;
    position: relative;
    background: #eae9e9;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #cccccc;
}
.accessFields+.accessFields {
    margin-top: 10px;
}
.accessFields+.accessFields::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    transform: translateY(-50%);
    z-index: -1;
    right: -15px;
    border: 2px solid #39b54a;
    border-left: none;
    border-radius: 5px;
}
.inputWrapper {
    max-width: calc(50% - 7.5px);
}
.inputWrapper label {
    font-size: 12px;
}

.inputWrapper input {
    height: 30px;
    box-sizing: border-box;
    width: 100%;
    padding: 6px;
    border: 1px solid #ccc;
    font-size: 16px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #616161;
    font-size: 13px;
    font-weight: 300;
    border-radius: 3px;
  height: auto;
  padding: 6px 10px;
}

.inputWrapper input+input {
    margin-left: 16px;
}
.extendedAccess button {
    color: #fff;
    border: none;
    padding: 6px 12px;
    margin-bottom: 0;
    background: #8dc63f;
    border-radius: 4px;
    margin-top: 10px;
    font-size: 14px;
    float: right;
}
.accessFields span {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 18px;
    margin: 0;
    cursor: pointer;
}
.accessFields span img {
    width: 15px;
}
.accessFields.settt {
    background: #f1f7f9;
    padding: 15px 15px 15px 10px;
}
 /* tabs design starts here */
.contactTabs{
    text-align: center;
    border: none;
    padding-top: 25px;
}
.contactTabs li{
    float: none;
    display: inline-block;
    margin: 0 -2px;
}
.contactTabs li a {
    border: 1px solid #8dc73f;
    margin:0;
    border-radius: 0;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 600;
    font-family: "Roboto",sans-serif;
    width: 100px;
    color: #6f6f6f;
}
.contactTabs li:first-child a {
    border-radius: 50px 0 0 50px;
}
.contactTabs li:last-child a {
    border-radius: 0 50px 50px 0;
}
.contactTabs li a:hover {
    background: #8dc73f8a;
}
.contactTabs li.active a ,.contactTabs li a:focus,.contactTabs li.active a:focus,.contactTabs li.active a:hover{
    background: #8dc73f !important;
    border: 1px solid #8dc73f !important;
    color: #fff !important;
}
.bdy_RightLeft.newsortingclsss.cobuyerfields li{
    padding: 12px 0px 10px 30px;
    border-radius: 5px;
    border: 1px solid #e6e4e4;
    position: relative;
    margin-bottom: 5px;
}
.checkWrapper {
  float: left;
  position: absolute;
  left: 15px;
  top: 100%;
  z-index: 222;
  cursor: pointer;
}

.checkWrapper input {
  position: relative;
  float: left;
  margin-right: 6px;
}

.checkWrapper label {
  float: left;
  font-size: 12px;
  margin-top: 3px;
}
#proposal_cobuyer_check::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  transition: 0.4s ease all;
}
#proposal_cobuyer_check::after {
  content: "\f00c";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 9px;
  color: #fff;
}
#proposal_cobuyer_check:checked::before {
  background: #62a000;
  border-color: #62a000;
}
.custom_cobuyer_model {
  width: 80px;
  height: 40px;
  display: inline-block;
  margin-left: 20px;
  background: #f33800;
  background: url('<?= ASSETS_S3 ?>img/attachment-1624267161151073956960d05999d2e60.svg');
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #e6e6e6;
  border: 2px solid #f56302;
}

.custom_sender_model {
  width: 80px;
  height: 40px;
  display: inline-block;
  margin-left: 20px;
  background: #f33800;
  background: url('<?= ASSETS_S3 ?>img/attachment-162426704494572373160d05924e4c09.svg');
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #e6e6e6;
  border: 2px solid #4710ef;
}

.custom_signer_model {
  width: 80px;
  height: 40px;
  display: inline-block;
  margin-left: 20px;
  background: #f33800;
  background: url('<?= ASSETS_S3 ?>img/attachment-162426724776437607160d059efc0259.svg');
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #e6e6e6;
  border: 2px solid #62a000;
}
.VerificationWrapper{
    width: 500px;
}
.verificationBtns {
    text-align: center;
    padding: 15px;
}

.verificationBtns button , .verifyFeld button{
    border: none;
    background: #62a000;
    padding: 8px 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
}

.timer  {    
    position: relative;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 30px;
    background: #168bc5
}
.timer svg {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)rotate(-90deg);
    -webkit-transform: translate(-50%, -50%)rotate(-90deg);
    -ms-transform: translate(-50%, -50%)rotate(-90deg)
}        
.timer svg circle {
    fill: transparent;
    stroke: #ffffff59;
    stroke-dasharray: 100 100;
    stroke-width: 31.8px;
    transition: 1s ease all;
}
.timer .seconds {
    z-index: 2;
    color: whitesmoke;
}
.verifyFeld {
    width: 320px;
    margin: auto;
    max-width: 100%;
}
.verifyFeld input{
    background: #fff;
    border: none;
    border-radius: 5px 0 0 5px;
    padding: 13px;
    height: auto;
    box-shadow: 0 0 3px #00000036;
    width: 100%;
    margin-bottom: 16px;
}
.verifyFeld button {
    border: none;
    background: #62a000;
    padding: 8px 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
}
.verifyFeld button+button {
    background: #168bc5;
    float: right;
}
/* preview modal starts here */
.previewModal .modal-dialog{
    width: 100%;
    max-width: 70%;
}
.previewModal .modal-content {
    background: #e6e6e6;
    border: 0;
    border-radius: 0;
}
.previewModal .modal-title {
    font-size: 22px;
    font-weight: 900;
    color: black;
}
.previewModal .modal-body { 
    padding: 40px;
}
.previewWrapper {
    padding: 25px;
    background: #fff;
}
.previewWrapper h1 {
    font-size: 20px;
    font-weight: 800;
    color: #333;
    margin-bottom: 10px;
}
.previewWrapper h2 { 
    font-size: 16px;
    color: #333;
    font-weight: 800;
    margin-bottom: 5px;
}
.previewWrapper p {
    font-size: 14px;
    margin-bottom: 10px;
}
.previewWrapper h5 {
    background: #dedede;
    padding: 15px;
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 15px;
    color: #333;
    font-weight: 800;
}

.previewWrapper .historySign {
    padding: 0;
    background: #fff;
    box-shadow: none;
    cursor: pointer;
    border-radius: 7px;
    position: relative;
    transition: 0.4s ease all;
}
.preview {
    position: relative;
    z-index: 2;
    padding-left: 25px;
    width: 180px;
}
.preview::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border: 2px solid #8dc63f;
    border-right: none;
    width: 100%;
    height: calc(100% - 14px);
    border-radius: 10px;
    z-index: -1;
}
.preview p {
    font-size: 14px;
    font-weight: 600;
    background: #fff;
    padding-left: 5px;
    transition: 0.4s ease all;
}
.preview img {
    width: 100%;
}
.preview span {
    font-size: 12px;
    display: block;
    background: #fff;
    padding-left: 5px;
    transition: 0.4s ease all;
}

.innerDocument{
    background: rgba(10, 10, 10, 0.17);
}
.innerDocument .modeldesign-inner{
    width: 50%;  
}

.custom_cobuyer_model.signed,.custom_sender_model.signed {
  background: #e1e1e1;
  width: auto;
}
.custom_cobuyer_model img,.custom_sender_model img{
    height: 100%;
}

.round_robin_main {
    float: left;
    width: 100%;
}

.round_robin_side {
    float: left;
    width: 200px;
}

.round_robin_content {
    float: left;
    width: calc(100% - 200px);
}

.rr_side_iner {
    float: left;
    width: 100%;
    max-height: 500px;
    /*overflow-y: auto;*/
    padding: 30px;
    background: #f2f2f2;
    border-radius: 6px;
}

.rr_side_head {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.rr_side_head h2 {
    float: left;
    width: 100%;
    font-size: 14.9px;
    color: #222;
    font-weight: bold;
    margin: 0;
    font-family: mmrtext;
}

.rr_rotat_item {
    float: left;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 25px;
    position:relative;
}

.rr_rotat_hd {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: -6px;
    position: relative;
    z-index: 1;
}

.rrr_h_spl {
    display: inline-block;
    height: 30px;
    width: 30px;
    color: #fff;
    background: #619f00;
    border-radius: 50%;
    font-size: 10.16px;
    padding-top: 10px;
    font-weight: bold;
    font-family: mmrtext;
}

.rr_rotat_bdy {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.rrr_bd_name {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 5px;
}

.rrr_bd_name span {
    float: left;
    width: 100%;
    font-size: 13.55px;
    font-weight: bold;
    line-height: 1.1;
    font-family: mmrtext;
    padding-top: 2px;
}

.rr_rotat_actn {
    float: left;
    width: 100%;
}

.rr_rotat_temp {
    float: left;
    width: 100%;
}

span.rr_rotat_temp_txt {
    float: left;
    width: calc(100% + 40px);
    margin-left: -20px;
    text-align: center;
    color: #fff;
    background: #f7921e;
    border-radius: 15px;
    margin-top: -10px;
    padding: 8px 3px 0px;
    font-size: 12px;
    cursor: pointer;
    display: none;
    font-family: mmrtext;
}
.rr_rotat_foot {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 5px;
}

.rr_rotat_foot .rr_rotat_add_js {
    color: #fff;
    font-weight: bold;
    font-size: 10.85px;
    line-height: 20px;
    padding: 3px 8px;
    background: #619f00;
    width: calc(100% + 20px);
    display: block;
    margin: 0 -10px;
    border-radius: 50px;
}

.rr_side_outer {
    width: 100%;
    background: #f2f2f2;
    padding: 5px;
    border-radius: 6px;
    float: left;
    min-height:535px;
    overflow: auto;
}

.rr_rotat_item:hover span.rr_rotat_temp_txt {
    display: block;
}

.rr_rotat_temp.R_minPoup_outer.active span.rr_rotat_temp_txt {
    display: block;
}

.rr_rotat_item:hover {
    margin-bottom: 10px;
}
/*------------------*/
.R_minPoup, .A_minPoup {
    display: none;
    position: absolute;
    width: 150px;
    left: -28px;
    top: 100%;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    z-index: 2;
}
.R_minPoup_outer.active .R_minPoup ,  
.A_minPoup_outer.active .A_minPoup {
    display: block;
}

.R_minPoup_outer {
    position: relative;
}

.R_minPoup_hd {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.R_minPoup_hd h2 {
    float: left;
    width: 100%;
    font-size: 12px;
    margin: 0;
    color: #828f93;
}

.R_minPoup_bdy {
    float: left;
    width: 100%;
}

.R_minPoup_form_group {
    float: left;
    width: 100%;
    margin: 0 0 10px;
}

.R_minPoup_form_group label {
    font-size: 12px;
    margin: 0;
    float: left;
    width: 100%;
    line-height: 1.9;
}

.R_minPoup_form_group label input[type="checkbox"] {
    float: left;
    margin-right: 8px;
}

.R_minPoup_form_group .form-control {
    border-color: #999;
    box-shadow: none;
    font-size: 12px;
}

.A_minPoup .R_minPoup_form_group {
    text-align: left;
}
.A_minPoup .R_minPoup_form_group input{
    margin-right: 5px;
    transform: scale(1.2);
}


.round_robin_circle_main {
    float: left;
    width: 100%;
    padding: 15px;
}

.round_robin_circle_outer {
    float: left;
    width: 100%;
    padding: 15px;
    text-align: center;
    margin: 60px 0;
}

.round_robin_circle {
    display: inline-block;
    position: relative;
    width: 335px;
    height: 335px;
}

.round_robin_circle_iner {
    float: left;
    width: 100%;
}


.rrc_dots {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 4px dotted #faaf3a;
    border-radius: 50%;
    z-index: 1;
    
  /*-webkit-animation: rotating_dots 60s infinite cubic-bezier(0, 0, 1, 1);
    -moz-animation: rotating_dots 60s infinite cubic-bezier(0, 0, 1, 1);
    -o-animation: rotating_dots 60s infinite cubic-bezier(0, 0, 1, 1);
    animation: rotating_dots 60s infinite cubic-bezier(0, 0, 1, 1);*/
}
@-webkit-keyframes rotating_dots {
  from { -webkit-transform:rotate(0deg)}
  to {-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotating_dots {
  from { -moz-transform:rotate(0deg)}
  to {-moz-transform:rotate(360deg)}
}
@-o-keyframes rotating_dots {
  from { -o-transform:rotate(0deg)}
  to {-o-transform:rotate(360deg)}
}
@keyframes rotating_dots {
  from { transform:rotate(0deg)}
  to {transform:rotate(360deg)}
}


.rrc_arrows_horizental {
    position: absolute;
    top: -1px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1px;
}
.rrc_arrows_vertical {
    position: absolute;
    top: 0;
    left: -1px;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 1px;
    height: 100%;
}

.rrc_arrows_vertical:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid #faaf3a;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: 0px;
    top: -13px;
}

.rrc_arrows_vertical:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-right: 10px solid #faaf3a;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    right: 0px;
    bottom: -13px;
}


.rrc_arrows_horizental:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #faaf3a;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: -13px;
    top: -10px;
}

.rrc_arrows_horizental:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid #faaf3a;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    right: -13px;
    bottom: -10px;
}






.rr_circle_orgin {
    position: absolute;
    z-index: 4;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.rr_circle_orgin_item {
    position: absolute;
    height: 30px;
    width: 30px;
    transition:0.5s;
}
.rr_circle_orgin_item_inter {
    position: absolute;
    top: 0;
    left: -35px;
    width: 100px;
}








.rrc_mid_btnz {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    width: 130px;
    height: 130px;
    overflow: hidden;
    border-radius: 50%;
    z-index: 3;
}

.rrc_mid_btn_blue {
    position: absolute;
    width: calc(50% - 1px);
    left: 0;
    top: 0;
    height: 100%;
    background: #0070bb;
}

.rrc_mid_btn_orange {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 1px);
    height: 100%;
    background: #f7921e;
}

.rrc_mid_btn_blue a {
    color: #fff;
    float: left;
    width: 100%;
}

.rmdbtb_icon {
    float: left;
    width: 100%;
    margin-top: 45px;
    font-size: 15px;
    text-align: center;
    height: 9px;
    line-height: 0;
    margin-bottom: 5px;
}

.rmdbtb_text {
    float: left;
    width: 100%;
    font-size: 12px;
    margin-bottom: 40px;
    font-family: mmrtext;
    font-weight: bold;
    padding-top: 4px;
}
.rmdbto_icon {
    float: left;
    width: 100%;
    margin-top: 45px;
    font-size: 15px;
    text-align: center;
    height: 9px;
    line-height: 0;
    margin-bottom: 5px;
}

.rmdbto_text {
    float: left;
    width: 100%;
    font-size: 12px;
    margin-bottom: 40px;
    margin-bottom: 40px;
    font-family: mmrtext;
    font-weight: bold;
    padding-top: 4px;
}

.rrc_mid_btn_orange a {
    color: #fff;
    float: left;
    width: 100%;
}

.rr_circle_orgin_item_inter .rrr_bd_name {
    padding: 5px 0 0;
}

.rrr_bd_name .rrr_h_spl {
    width: 30px;
}

.rr_circle_orgin_item_inter .rrr_h_spl {
    width: 30px;
    height: 30px;
    padding-top: 8px;
    font-size: 10px;
}


.rr_rotat_item.nextup .rr_rotat_bdy {
    border: 3px solid #333;
    position: relative;
    z-index: 3;
}

.rr_rotat_nextup {
    float: left;
    width: 100%;
    background: #333;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 11px;
    margin-top: -5px;
    border-radius: 0 0 5px 5px;
}

.rr_rotat_item.nextup:after {
    content: '';position: absolute;
    background: #333;height: 36px;
    width: 36px;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: -3px;
    margin: auto;
    z-index: 1;
    }

.rr_rotat_item.nextup .rr_rotat_hd {
    z-index: 4;
}

.rr_rotat_item.nextup .rrr_h_spl {
    position: relative;
    z-index: 8;
}
.toolpit {
    position: absolute;
    right: 93px;
    width: 140px;
    top: 0;
    z-index: 7;
    display: none;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
    padding: 10px;
}
.toolpit.active {
    display: block;
}
.toolpi_iner {
    float: left;
    width: 100%;
}

.toolpit-step {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}

.toolpit-step > a {
    float: left;
    width: 100%;
}

.toolpit-step-icon {
    float: left;
    font-size: 18px;
}

.toolpit-text {
    float: left;
    font-weight: bold;
    margin-left: 10px;
    font-size: 13px;
    padding-top: 3px;
}

.toolpit-step.tlpit-black  > a {
    color: #000;
}

.toolpit-step.tlpit-orange > a {
    color: #f7921e;
}

.toolpit-step.tlpit-blue > a {
    color: #0070bb;
}
i.ffaa {
    background-image: url(https://dev.callersiq.com/assets/img/caller_icona.png);
    height: 21px;
    width: 21px;
    float: left;
}

i.ffaa.fa-fa-chevron-circle-right {
    background-position: -3px -4px;
}

i.ffaa.fa-fa-chevron-circle-left {
    background-position: -2px -28px;
}

i.ffaa.fa-fa-ban {
    background-position: -2px -53px;
}

i.ffaa.fa-fa-cog {
    background-position: -2px -79px;
}

i.ffaa.fa-fa-undo {
    display: inline-block;
    float: none;
    background-position: -4px 34px;
    height: 12px;
    width: 23px;
}

i.ffaa.fa-fa-repeat {
    display: inline-block;
    float: none;
    background-position: -4px 16px;
    height: 12px;
    width: 23px;
}
.round_robin_circle > .rr_rotat_item {
    display: none;
}

.round_robin_circle > .rr_rotat_item {
    display: none;
}

.rrr_h_spl.rrr_h_spl_img {
    padding: 0;
}

.rrr_h_spl.rrr_h_spl_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 1px;
}
.rr_circle_orgin_item_inter > .rr_rotat_item {
    padding: 0;
}
/* responsive settings starts here */

@media (max-width: 1199px) {
    /* Top Section listing */
    .ResponsiveBox .round_robin_side {
        width: 100%;
    }
    .ResponsiveBox .rr_side_outer {
        min-height: auto;
        height: auto;
        padding: 0;
    }
    .ResponsiveBox .rr_side_iner {
        max-height: 100%;    
        display: flex;
        padding: 10px 0;
    }
    .ResponsiveBox .rr_side_outer .rr_rotat_item {
        flex: 0 0 135px;
        margin-bottom: 0;
    }
    /* circle diagram */
    .ResponsiveBox .round_robin_content{
        width: 100%
    }

}
@media (max-width: 576px) {
    .ResponsiveBox .rrr_bd_name span, .ResponsiveBox .rr_rotat_nextup {
        font-size: 10px;
    }
    .ResponsiveBox .rr_circle_orgin_item_inter {
        left: -25px;
        width: 75px;
    }
}
@media (max-width: 480px) {
    .af_white_card_box {
        overflow-x: auto;
    }
}
.af_custom_nav2{
    padding: 0 2%;
}
.restrict_cls{
    color: red;
}
.restrict_cls{
    color: red;
    float: left;
    font-weight: bold;
    margin-left: 15%;
}

.af_outer_side_tab_box2{
    width: 100%;
    float: left;
    padding: 0 10px 0 50px;
    max-height: 430px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*rr rule list design  */
.round_robin_content{
    position: relative;
}
.rr_RuleList ul {
  padding: 0;
  list-style: none;
  margin: 0;
  text-align: left;
  font-weight: bold;
}

.rr_RuleList ul li+li {
  margin-top: 5px;
}
.rr_RuleList {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  color: #595959;
}
.rr_ruleDot {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 4px;
  float: right;
  margin-left: 25px;
}
.rr_ruleDot.undet,
.rrr_h_spl.undet{
  background: #734af5;
}
.rr_ruleDot.active,
.rrr_h_spl.active{
  background: #8dc63f;
}

.rr_ruleDot.temp,
.rrr_h_spl.temp{
  background: #0070bb;
}

.rr_ruleDot.schedule,
.rrr_h_spl.schedule{
  background: #f7921e;
}
.rrr_bd_name{
    position: relative;
}
.rrr_bd_name .rr_ruleDot {
  position: absolute;
  margin-left: 4px;
  width: 10px;
  height: 10px;
  left: 0;
}


.rr_status_color {
  position: absolute;
  top: -5px;
  right: 27px;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #333;
  cursor: pointer;
}

.rr_status_color.rr_s_c_purple {
  background: #734af5;
}

.rr_status_color.rr_s_c_green {
  background: #8dc63f;
}

.rr_status_color.rr_s_c_blue {
  background: #0070bb;
}

.rr_status_color.rr_s_c_orange {
  background: #f7921e;
}   
@media print {
    .hidePrint {
        display: none; /* Hide the div when printing */
    }
}
@media print {  
    .col-print-12{
        width:100% !important;
    }
    .dealszz_items{
        width:100% !important;
		border: 1px solid black
    }
    .deals_items{
        width:100% !important;
		border: 1px solid black
    }
    .ds_card{
        width:100% !important;
		border: 1px solid black
    }
}