/* created by SUJATA */ 
.dash-wid-title{background-color: #f8f8f8 !important;border-width: 0 !important;}
.dash-wid-content{background-color: #f8f8f8 !important;border-style: solid !important;border-width: 0 0 3px 0 !important;}
.text-color1{color: #87C6D6;}
.text-color2{color:#e96600;}
.top-dropdown{top:100% !important;}
.wid-title1{background-color:transparent;padding-top:0px;padding-left: 0;border-width:0 0 1px 0;border-style: solid;border-color:#ccc;min-height:25px;}

.no-bg1{background-color:transparent !important;}
.td-text-align > tbody > tr > td{vertical-align: middle; font-size: 14px;
    padding: 10px;}
.searchdropdown {border-radius: 0; font-size: 13px; line-height: 25px; margin-top: 0; padding: 0; width: 99.5%;}
.searchdropdown-report {border-radius: 0; font-size: 13px; line-height: 25px; margin-top: -10px !important; padding: 0; width: 96%; top: 100%; left: 2%;}
.logo-element-more{height:35px  !important; padding-top:0px  !important; padding-bottom:0px  !important;}
.nav-header-bg{background-color:#54585c  !important; padding-bottom:0px  !important; padding-top:10px  !important; padding-bottom:15px !important;}
.dropdown-toggle1{color:#fe8100  !important; text-align:center  !important;}
.align-btn{margin: 0 !important;}
.align-cmpnMailers{min-height: 800px !important;}
@media (max-width: 980px) {
    .align-btn{margin-top: 10px !important; padding: 0 !important;}
    .align-formField{/*display:table !important;*/margin-bottom: 0 !important;}
    .align-updateProfile{min-height: 1700px !important;} 
    .home-list-details{margin-top: 20px !important;}
    .recent-msgs-spaces{margin-top: -15px !important; margin-bottom: 20px !important;}   
    .no-pad-l-r1{padding-left: 0; padding-right: 0;} 
}

@media (min-width: 980px) {
    .custom-modal-size{width:400px !important;}
}

@media (max-width: 360px){
    .align-cmpnMailers{min-height: 1000px !important;}   
    .searchdropdown-report {border-radius: 0; font-size: 13px; line-height: 25px; margin-top: -10px !important; padding: 0; width: 99.5%; top: 100%; left: 0.5%;}
    .pad-bot-40-wid{padding-bottom: 40px;}
}

@media only screen and (min-width: 1152px){
    .m-l-desktop{margin-left: -50px !important;}
    .m-r-n-45{margin-right:-45px;}
    .m-r-n-30{margin-right: -30px;}
    .custom-f-right{float: right !important;}
}

.chng-pass-title{background-color: #F8F8F9;border-width:0;min-height: 30px;}
.chng-pass-content{background-color: #F8F8F9;border-style: solid;border-width: 0 0 3px;}
.update-pro-title{background-color: #F8F8F9;border-width:0;min-height: 25px;}
.update-pro-content-left{background-color: #F8F8F9;border-style: solid;border-width: 0 0 3px;padding-bottom:70px}
.align-label{text-align: left !important;}
.align-logo{margin-top: -80px;}
.home-list-li{margin-bottom: 45px !important;}
/*.grid-right-pad{padding: 15px 15px 20px 20px !important;}*/
.grid-right-pad{padding: 0 15px 0 20px !important;}
.progress-bg1{background-color: #d1d4d6;}
.resize-fa-icon{font-size:20px; color:#e96600;}
.scroll-search-result{max-height: 285px !important; overflow-y: scroll !important; overflow-x: hidden !important;}
.mailer-search-height{max-height: 480px !important; overflow-y: scroll !important; overflow-x: hidden !important;}
.mailer-search-scroll{overflow-y: scroll !important;}
.ml-grid{margin-top:12px !important;}
.form-custom-pad{padding: 0 0 30px 0 !important;}
.align-update-pro-right{margin-bottom:80px !important;}
.text-delivery{color:#ba9604;}
.txt_betaVersion{color:#fff; margin-top:-15px;}
.button-to-left{margin-left: -13px;}
.no-pad-bottom{padding-bottom:0;}
.gray-bg-viewUsage{background-color: #F8F8F9;border-style: solid;border-width: 0 0 3px;display:table;width:100%; padding-bottom: 5px;}
.activity-l-r-pad{padding: 0 15px !important;}
.m-t-top-left{top: 70% !important;}
.report-title-box-ht{height: 140px !important;}
.text-color-gr{color: #1AB394;}
.ht-err-div{height: 10px;}
.no-pad-left{padding-left: 0;}
.sm-icon-export{color: #e96600; font-size: 14px;}
.m-t-custom2{margin-top: -13px !important;}
.br-bottom1{border-bottom: 1px solid #CCCCCC;}
.opens-donut-bg{ background-color: #f8f8f9; border-color: #e7eaec; border-style: solid; border-width: 0 0 3px;padding: 0 0 20px 0 !important;}
.donut-title-bg{ background-color: #f8f8f9; padding: 1px 0 1px 20px !important; }
.padding-left-5{padding-left: 5px !important;}

#morris-donut-chart text
{
    font-weight: normal !important;
    font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;        
    font-size: 1px !important;
}

#morris-donut-chart2 text
{
    font-weight: normal !important;
    font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;        
    font-size: 1px !important;
}



/* Tabs panel */
.tabbable-panel {
  border-bottom:1px solid #eee;
  /*padding: 10px;
  margin-left: 3px;*/
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #FFD284;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #FFA500;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.eye-disabled-icon {color: #dddddd !important;font-size: 14px !important;
}

.no-pad-r{padding-right: 0;}
.m-l-burger{margin-left: 26px !important;}

@media (min-width: 768px) {
  .top-nav-pad{padding: 18px 15px !important;}
  .pad-top-20{padding-top: 20px !important;}
}

.m-b-80{ margin-bottom: 80px !important; }
.m-r-acc-info{margin-right: 5px !important;}
.m-b-50{ margin-bottom: 50px !important; }
.icon-success { color: #5CB85C; }
.m-t-27{margin-top: 27px !important;}
.m-t-n-23{margin-top: -23px !important;}
.m-b-80{ margin-bottom: 80px !important; }
.m-r-10{margin-right: 10px !important;}
.m-t-3{margin-top: 3px !important}
.fn-yellow-bg{background: rgba(213,105,0,0.4);} 
.m-l-n-2{margin-left: -2px;}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
  .ht_330{min-height: 308px;}
  .lists_section{min-height: 129px;}
}



@-moz-document url-prefix() { 
  .ht_330{min-height: 330px;}
  .lists_section{min-height: 148px;}
}

.radio-checkbox{
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;
    -o-appearance: checkbox;
}

.searchdropdown-report2
{
    border-radius: 0;
    font-size: 13px;
    left: 7%;
    line-height: 25px;
    padding: 0;
    top: 100%;
    width: 86%;
}

.scroll-search-result2
{
  overflow-x: hidden !important;
}

.msgs_list{padding:0;list-style: none;}
.cross_pointer{cursor: pointer;}
.m-t-21{margin-top: 21px;}
.font-superscript{font-size: 11px;}
.footer-start{border-top: 1px solid #e7eaec; padding: 10px;}

@media only screen and (max-device-width : 1024px) and (orientation : landscape) 
{ 
  .no-mr-left{margin-left: 0px !important;} 
}

.m-b-320{margin-bottom: 320px !important;}





/* created by SUJATA ends */

/* Added by amol */
.drill-down-wrapper {display:none;}
.drill-down-wrapper1{display:block;}
.colorred{ color:#ED5565;}
.pd-bottom{padding-bottom:6px}
.error1{color:#cc5965;}
.pd-top{margin-top:-23px}
.fs-cl-check{font-size:25px; color:#5CB85C;}



/* Ends by amol */

/* Added by Sagar */
.change-header-width { border-width: 2px; border-color: #000000;}
.hight-for-formgroup{height:45px;}


.testmail-scroll {
    height: 250px; 
    overflow-y: scroll;}





/* Ends by Sagar */


/* Added By Pramod D Suryawanshi */
.csv_upload_overlay
{
  background:rgba(0,0,0,0.1);       
  width:100%; 
  height:100%;    
  position:absolute;     
  top:10px;     
  left:0;     
  z-index:999;
}
.rs-usd-currency-font
{
  font-size:20px;font-weight:100;
}
.rs-usd-currency-font-small
{
  font-size:11px;font-weight:100;
}
.pricing-plan-label
{
font-size:12px;
font-weight:900;
}

.list-icon {
    background-color: #e96600;
    border-radius: 100px;
    height: 88px;
    padding-top: 20px;
    vertical-align: middle;
    width: 88px;
}


.list-icon-o {
    background-color: #a8a8a8;
    border: 1px solid #a8a8a8;
    border-radius: 100px;
    height: 88px;
    padding-top: 20px;
    vertical-align: middle;
    width: 88px;
}

.padding-l-r-none
{
  padding-left:0px;
  padding-right:0px;
  
}
.table-remove-border > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 0px;
    background-color: #ddd;
    
}
.list_del_act{
font-size:27px;line-height:17px;padding-bottom:0px;
}
.list_exp_cpoy_img{
font-size:24px; 
line-height:30px; 
}
.list_exp_cpoy_img1{
font-size:22px; 
line-height:15px; 
}
.p-l-md{
padding-left:30px;
}
.p-r-xs{
padding-right:5px;
}
.graph-data-div
{
padding-left:22px; padding-bottom:10px;
}


.graph-data-unsub-rt{
color:#76818c; text-align:right;
}

.graph-data-unsublt{
color:#f86c6c; text-align:left;
}

.graph-data-unsub-opt{
color:#f83f3f; text-align:left;
}

.graph-data-unsub-spam{
color:#fd9696; text-align:left;
}
.graph-data-unsub-lt{
color:#1c84c6; text-align:left;
}

.graph-data-unsub1-rt{
color:#adadad; text-align:right;
}
.graph-data-unsub1-lt{
color:#1ab394; text-align:left;
}

.graph-data-unsub2-rt{
color:#aab0b7; text-align:right;
}
.graph-data-unsub2-lt{
color:#aab0b7; text-align:left;
}


.graph-data-sub-rt{
font-size:15px;
color:#000; text-align:right;
}
.graph-data-sub-lt{
font-size:15px;
color:#000; text-align:left;
}

.graph-data-sub1-rt{
color:#1ab394; text-align:right;
}
.graph-data-sub1-lt{
color:#1ab394; text-align:left;
}
.graph-data-unsublt
{
color:#f86c6c; text-align:left;
}
.graph-data-sub2-rt{
color:#f86c6c; text-align:right;
}
.graph-data-sub2-lt{
color:#f86c6c; text-align:left;
/** #556270 */
}


.graph_data_op_cl1
{
  font-size: 15px;
  color:#000; text-align:left ;
}

.graph_data_op_cl2
{

  color:#1C84C6; text-align:left;
}
.graph_data_op_cls-rt
{
color:#e96600; text-align:right;
}
.graph_data_op_cls
{
  
  color:#e96600; text-align:left;
}

.list-graph-heading{background-color:transparent;padding-top:0px;padding-left: 0;border-width:0 0 1px 0;border-style: solid;border-color:#ccc;min-height:0px;}


.graph_data_op_cl3{
color:#556270; 
text-align:left;
}
.recent_ml{
width:818px; height:300px;
}
.open_click_graph{
width: 461px; height: 215px;
}
.dashboard_graph_title
{
font-size:14px;
    color: inherit;
    margin-bottom: 0;
    min-height: 48px;
    padding: 14px 15px 7px;
    font-size:14px;;
    
    
}
.graph_bg_gray
{
background-color:#f8f8f8;
}
.dashboard_graph_titleh5
{
font-size:14px;
}


.gray-bg-accord {
    background-color: #f8f8f9;
    border-color: #e7eaec;
    
}
.gray-bg-box {
    background-color: #f8f8f9;
    border-color: #e7eaec;
    border-style: solid;
    border-width: 0 0 3px;
    padding: 20px;
}

.list-index-tab-div-margin
{
text-align:right;

}
.cls-div-save-rename
{
  margin-left:10px;float:left;width:auto; display:none; margin-top:1px;
}
.rename-text-input
{
width:75%;padding-left:6px;font-size:13px;float:left;
}
.cls-div-save-cancel
{
  float:left;vertical-align: middle;
}
.rename-save-btn
{
font-size:22px; color:#e96600;
} 
.rename-save-div
{
float:left;vertical-align: middle;
}
.rename-cancel-btn
{
margin-left:10px;vertical-align:middle;
}

.cls-accord-panel-title-color
{

 color:#e96600; 
}

/* TABLES */
.table1-bordered {
  border: 0px solid #EBEBEB;
}
.table1-bordered > thead > tr > th,
.table1-bordered > thead > tr > td {
  background-color: #F5F5F6;
  border-bottom-width: 0px;
}
.table1-bordered > thead > tr > th,
.table1-bordered > tbody > tr > th,
.table1-bordered > tfoot > tr > th,
.table1-bordered > thead > tr > td,
.table1-bordered > tbody > tr > td,
.table1-bordered > tfoot > tr > td {
  border: 0px solid #e7e7e7;
}
.table1 > thead > tr > th {
  border-bottom: 0px solid #DDDDDD;
  vertical-align: bottom;
}
.table1 > thead > tr > th,
.table1 > tbody > tr > th,
.table1 > tfoot > tr > th,
.table1 > thead > tr > td,
.table1 > tbody > tr > td,
.table1 > tfoot > tr > td {
  border-top: 0px solid #e7eaec;
  line-height: 1.42857;
  padding: 8px;
  vertical-align: top;
}


.list-action-top
{
top:100%;
}

/* Ends Here, PS */


/* Added by sharmistha*/
.width-100 {
    width:100px;
}
.tranparent-back {
  background-color: transparent;
}
.gray-panel-left {
    background-color: #ededed;
    color: #888888;
}
.margin-b-25 {
    margin-bottom: 25px;
}
.new-line {
    clear: both;
}
.margin-l-t {
    margin: 5px 10px;
}
.padding-top-14 {
    padding-top: 14px;
}
@media (max-width: 400px) {
.padding-bottom-14 {
    padding-bottom: 14px;
}
}
@media (max-width: 980px) {
.padding-right-30 {
    padding-right: 30px !important;
}
}
@media (max-width: 360px) {
.email_view_res {
  border: 1px solid #ddd;
    margin-bottom: 15px;
    overflow-y: hidden;
    width: 100%;
    }
}

.close-but-on {
    opacity: 1;
}
.border-color-class {
    border: 2px solid #ccc !important;
}
.padding-left-checkbox {
    padding-left: 30px !important;
    }
.margin-left-20 {
    margin-left: 20px;
}
.margin-bottom-7 {
    margin-bottom: 7px !important;
}
.dash-wid-white {
    border-style: solid;
    border-width: 1px 1px 3px 1px;
    height: 133px;
}
.gray-color-back {
    background-color: #f8f8f8 !important;
}
.gray-solid-frame {
    margin-bottom: 30px;
    border: 3px solid #ccc;
    padding-bottom: 10px;
    padding-top: 14px;
}
.margin-right-20 {
    margin-right: 20px;
}
@media (max-width: 462px) {
  .m-btm-50 { margin-bottom: 50px; }
}
@media (max-width: 603px) {
.padding-bottom-60 {
    padding-bottom: 60px !important;
}
}
@media (max-width: 289px) {
.margin-left-max {
    margin-left: 30px;
    }
}

.padding-bottom-60 {
    padding-bottom: 60px;
}
.font-size-22 {
    font-size: 22px;
    font-weight: 600;
    text-align: right;
}
.text-align-right {
    text-align: right;
}

.blink {
    color: #FFF !important;
    background: #FC79CE;
    !important;
}
.blinking{
    -webkit-animation: blink 2s infinite;
    -moz-animation: blink 2s infinite;    
    animation: blink 2s infinite;
}
@-webkit-keyframes blink{
    0%{ opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes blink{
    0%{ opacity:0;}
    100%{opacity:1;}
}
@keyframes blink{
    0%{ opacity:0;}
    100%{opacity:1;}
}
.panel
{
    margin-top: 30px;
    margin-bottom: 0px;
}
.is-disabled {
    opacity: .5;
    pointer-events: none;
}
.is-enabled{cursor: pointer;}

/* For Mailer Creation Wizard */

.subject_div {
    background-color: #ffffff;
    border: 1px solid #e7eaec;
    min-height:35px;
    height: auto;
    
    

    }
.mailer-creation-footer-nav-active {

    color:#FFFFFF;
    background-color:#000000
}
.heightnone-margin-btm-7
{
    height:none;
    margin-bottom: 7px;
}

div.frm_error {
 color: #cc5965;
display: inline-block;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 15px;
font-size: 12px;
}
.red-star
{
  color: #cc5965;
  font-size: 12px;
}
.gray-bg-box{
border-style: solid;
border-width: 0 0 3px; 
padding:20px 20px 20px 20px;
border-color:#e7eaec;
background-color:#F8F8F9;
}

.active-icon{
font-size:20px;
color:#e96600;  
  
}
.active-icon-export{
font-size:17px;
color:#e96600;  
  
}
.disabled-icon{
font-size:20px; 
color:#dddddd !important; 
  
}
.disabled-icon-export{
font-size:17px; 
color:#dddddd !important; 
  
}
.height-24 {
    height: 24px !important;
}
.bordernone-bg-color {
    border:none;
    background-color:#E8E8E8;
}
.GAdropdown {
    margin: 0px 10px 0px 0px; 
    color: rgb(254, 111, 0); 
 cursor: pointer; 
    }
.sliding-for-GA {
padding-bottom: 10px;
padding-left: 15px; 
height: auto; 
display: block; 
margin-top: -25px;    }
.height-45 {
    height:  45px !important;
    }
@media (max-width: 988px) {
.margin-l-t-mobile {
margin: 5px 0px;
}
}
.padding-top-0 {
    padding-top: 0px;
    }
.alert_edited {
     margin-bottom: -4px;
     padding: 15px;
    }
.padding-5-important {
    padding: 5px !important;
    }
.font-weight-500 {
    font-weight: 500 !important;
 }
.padding-left-16 {
    padding-left: 16px;
}
.width-65 {
    width: 65% !important;
    }
.margin-left-36-top-15 {
    margin-left:2px;
    margin-top:5px;
}
@media (max-width: 684px) {
.margin-left-nega-2 {
    margin-left:-15px;
}
}
.margin-left-11 {
        margin-left:11px;
}
.margin-top-10 {
         margin-top: 10px;
    }
.disabledbutton
{
 box-shadow: none;
cursor: not-allowed;
opacity: 0.65;
pointer-events: none;
}
@media only screen and (max-device-width : 1024px) and (max-device-height : 768px) and (orientation : landscape)
{
.margin-right-1
{
margin-right:15px !important;
padding: -2px !important;
}
}
.padding-no{
    padding: 0px;
    }
@media (max-width: 640px) {
.padding-bottom-100{
    padding-bottom: 100px !important;
}
}








/*Done by sharmistha*/

/*** Add green button class ***/
.btn-green
{
background-color:#1ab394;
border-color:#1ab394;
color:#FFFFFF;
    
}

.test{
  width: 117%;
  height: 160px;
  max-width: 420px;
  max-height: 160px;
  background: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
  word-break: break-all;
}


/** end button green class **/

/* Class for templates pg tabs */
.list-inline a{ color: #8f9091; }
.list-inline a:hover,
.list-inline a:focus{ color: #23527c; }
.list-inline .active-tab{ color: #337ab7; }



/** class for schedule pop up **/
.modal-content1 {
  height:350px;
  overflow:auto;
}
.padding-bottom-40 {
    padding-bottom: 40px !important;
}
.padding-top-10 {
    padding-top: 10px !important;
}
.m-b-4 {
    margin-bottom:4px;
}
.m-r-n-42 {
    margin-right:-4px;
    }

/*meadia query for modal    */
@media screen and (max-width: 900px){
  .modal-content{
        width: 337px;

  }
}
  @media screen and (max-width: 823px){
  .modal-content{
        width: 704px;

  }
}
  @media screen and (max-width: 812px){
  .modal-content{
        width: 701px;

  }
}
  @media screen and (max-width: 768px){
  .modal-content{
        width: 717px;

  }
}
@media screen and (max-width: 667px){
  .modal-content{
        width: 647px;

  }
}
@media screen and (max-width: 640px){
  .modal-content{
        width: 620px;

  }
}
@media screen and (max-width: 568px){
  .modal-content{
        width: 547px;

  }
}
  @media screen and (max-width: 411px){
  .modal-content{
        width: 390px;
        
  }
 
}
@media screen and (max-width: 414px){
  .modal-content{
        width: 394px;
        
  }
 
}
  @media screen and (max-width: 375px){
  .modal-content{
        width: 357px;
        
  }
 }
 @media screen and (max-width: 320px){
  .modal-content{
        width: 303px;
        
  }
 }
/* New radio input grp */
 .inputGroup {
    background-color: #fff;
    display: block;
    /*margin: 10px 0;*/
    position: relative; }

    .inputGroup label {
     padding: 12px 0px 12px 59px;
      word-wrap: break-word;  
      width: 100%;
      display: block;
      text-align: left;
      /*color: #3C454C;*/
      cursor: pointer;
      position: relative;
      z-index: 2;
      transition: color 200ms ease-in;
      overflow: hidden; 
       margin-bottom: 0px;
    font-weight: 600;}

      .inputGroup label:before {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        content: '';
        /*background-color: #1ab394;*/
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) scale3d(1, 1, 1);
        transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        opacity: 0;
        z-index: -1;
      }

      .inputGroup label:after {
        width: 20px;
        height: 20px;
        content: '';
        border: 2px solid #D1D7DC;
        border-radius: 50%;
        z-index: 2;
        position: absolute;
        left: 25px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        transition: all 200ms ease-in;
      }
    

      .inputGroup input:checked ~ label {
      /*color: #3c454c; */
       border: 1px solid #1ab394;padding: 11px 0px 11px 60px;
      }

      .inputGroup input:checked ~ label:before {
        transform: translate(-50%, -50%) scale3d(56, 56, 1);
        opacity: 1;
      }

      .inputGroup input:checked ~ label:after {
        background-color: #ffffff;
        border-color: #1ab394;
        background-image: url("/html/Bootstrap/images/tick2.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
      }
    

    .inputGroup input {
      width: 25px;
      height: 25px;
      order: 1;
      /*z-index: 2;*/
      position: absolute;
      right: 30px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      visibility: hidden;
    }
  
.inputGroup {
  padding: 0 ;
  max-width: 550px;
  /*margin: 50px auto;
  font-size: 18px;
  font-weight: 600;*/
  line-height: 12px;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

code {
  background-color: #9AA3AC;
  padding: 0 8px;
}
/* END */