/* 
Theme Name: Webchoice Time Tracking CMS - Admin Panel
Theme URL : http://www.webchoiceonline.com.au 
Author: Cody dmd
Author URL: @codydmd 
Version: 1.0

Copyright(c) webchoiceonline.
*/

/* reset browser default */
body { width: 100%; height: 100%; background: #F1F2F7; font-size: 13px; font-family: "Segoe UI light","arial"; line-height: 19px; color: #4f4f4f; font-weight: lighter;}
body, p, ul, li, div, a, h1, h2, h3, dl, dt, dd, input { padding: 0; margin: 0; }
a img { border: 0;} 

h1, h2, h3 { font-weight: normal; }
 
 *div {
    outline: 1px dotted #e2e2e2;
 } 
 
 @font-face{  /*-Segoe UI Light Font Import [Default font on website]-*/
    font-family: "SEGOEUIL";
    src: url('../fonts/segoe-ui/SEGOEUIL.eot');
    src: local("Segoe UI Light"), 
    url('../fonts/segoe-ui/SEGOEUIL.woff') format("woff"), 
    url('../fonts/segoe-ui/SEGOEUIL.ttf') format("truetype");
    }

@font-face {
    font-family: "Segoe UI";
    font-weight: 200;
    src: local("Segoe UI Light");
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 300;
    src: local("Segoe UI Semilight");
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 400;
    src: local("Segoe UI");
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 600;
    src: local("Segoe UI Semibold");
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 700;
    src: local("Segoe UI Bold");
}
@font-face {
    font-family: "Segoe UI";
    font-style: italic;
    font-weight: 400;
    src: local("Segoe UI Italic");
}
@font-face {
    font-family: "Segoe UI";
    font-style: italic;
    font-weight: 700;
    src: local("Segoe UI Bold Italic");
}
 
 .header_container {
    width: 100%; 
    height: 89px; 
    float: left;
 } 
 .middle_container {
    width: 100%; 
    min-width: 1390px;
    height: auto; 
    float: left;
 } 
 .footer_container {
    width: 100%; 
    height: auto; 
    float: left;
 
    background: #FFF;
    position: fixed;
    bottom: 0;
}  


 .header_wrapper {
    width: 100%;
    height: 63px;
    margin: 0 auto;
    padding: 25px 0 0;
 
    background: #ffffff;
}  
 .middle_wrapper {
    width: 100%; 
    height: auto; 
    margin: 0 auto;
 }  
 .footer_wrapper {
    width: 100%;
    height: auto; 
    margin: 0 auto;
 
    border-top: 3px solid #0892CD;
}  
 .logo_icon {
    color: #A2A2A2;
    float: left;
    font-size: 28px;
    margin: 3px 0 0;
    cursor: pointer;
}
.header_left h1 {
    width: auto;
    float: left;
    height: 26px;
    margin: 5px 0 0 17px;
    font-size: 28px;
    text-transform: uppercase;
}
.header_left h2 {
    font-size: 17px;
    margin: 9px 0 0 14px;
    float: left;
    width: auto;
    color: #ADADAD;
    cursor: default;
}
.header_left {
    width: auto;
    float: left;
    height: 100%;
    margin: 4px 0 0 15px;
}
.header_right {
    width: auto;  
    float: right;  height: 100%;
    margin: 0 15px 0 0;
}
.box_icon {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    height: 41px;
    margin: 0 0 0 25px;
    width: 44px;
    float: left;
    position: relative;
}
.notific_value {
    width: 13px;
    height: 14px;
    float: right;
    background: #f04b51;
    margin: -6px -6px 0 -15px;
    border-radius: 12px;
    color: white;
    padding: 2px 4px 6px 6px;
    font-size: 12px;
}
.message_value {
    width: 13px;  height: 14px;  
    float: right;  
    background: #7baf42;  
    margin: -6px -6px 0 -15px;  
    border-radius: 12px;  
    color: #FFF;  
    padding: 2px 4px 6px 6px;
    font-size: 12px;
}
.header_right .fa-bell {
    margin: 13px 0 0 13px;
    font-size: 17px;
    color: #BCBBBB;
}
.header_right .fa-cog {
   margin: 11px 0 0 13px;
font-size: 22px;
color: #BCBBBB;
}
.header_right .fa-envelope-o {
    margin: 13px 0 0 13px;
    font-size: 17px;
    color: #BCBBBB;
}
.notific_ico,
.message_ico,
.settings_ico{
    cursor: pointer;
}

.user_summery {
    width: auto;
    padding: 7px;
    height: 29px;
    cursor: pointer;
}
.usr_icon {
    width: 30px;
    height: 30px;
    float: left;
}
.usr_name {
    font-size: 17px;
    margin: 5px 9px 0 9px;
    float: left;
    color: #676767;
}
.drop_down_ico {
    width: 15px;
    height: 18px;
    float: right;
    margin: 6px 7px 0 0;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    color: #BCBBBB;
}
.dark_black { color: #4d4d4d; }

.light_red { color: #f04b51; }

.mid_left {
    width: 218px;
    float: left;
    background: #2A3542;
    padding: 16px;
    min-height: 864px;
}
.mid_right {
    width: 74%;
    float: left;
    padding: 20px;
    margin-bottom: 66px;
}
.side_menu_hd {
    background: #344252;
    color: #8b929a;
    padding: 10px 0 13px 13px;
    font-size: 14px;
    margin: 14px 0 0;
    height: 27px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
 
.menu_links {
    display: none;
    background: #303c4a;
    color: #737b83;
    padding: 10px 0;
}
.menu_link {
    padding: 7px 10px 6px 27px;
}

/* side menu icons */
.side_menu_ico {
    font-size: 26px;
    margin: 0 11px 0 0;
}
.link_down_arrow {
    font-size: 19px;
    float: right;
    margin: 4px 8px 0 0;
    width: 14px;
    display: inline;
}
 
.footer_left {
    padding: 14px 0 10px 20px;
    float: left;
}
.row {
    width: 100%;
    height: auto;
    float: left;
}
.footer_left ul li {
    display: inline;
}
.footer_left ul li a {
    color: #4f4f4f;
    text-decoration: none;
    padding: 0 6px 0 0;
}
.footer_left ul {
    margin: 0 0 4px;
}
.footer_left p {
}
.footer_right {
    width: 135px;
    float: right;
    height: auto;
    padding: 15px 0 0;
}
.social_icon {
    width: 36px;
    height: 36px;
    float: left;
    margin: 0 0 0 3px;
}
.side_menu_hd .fa-caret-right {
    float: right;
    margin: 10px 8px 0 0;
}
 
.mr_top_block {
    float: left;
    height: 100px;
    margin: 0 33px 0 0;
    width: 31%;
    cursor: default;
}
.mrtb_inner_left {
    width: 49%;
    float: left;
    height: 100%;
    color: white;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
.mrtb_inner_right {
    width: 49%;
    height: 100%;
    float: left;
    border-top-right-radius: 7px;  
    border-bottom-right-radius: 7px;
    border: 1px solid #E2E2E2;
    background: white;
}
.sub_hd {
    float: left;
    width: 100%;
    margin: 20px 0;
    color: #2a3542;
    text-transform: uppercase;
} 
.mrtb_ico {
    font-size: 47px;  
    margin: 18px auto 0;
    text-align: center;
}
.bg_lightGreen {
    background: #7BAF42;
    border: 1px solid #7BAF42;
}
.bg_lightBlue {
    background: #0892CD;
    border: 1px solid #0892CD;
}
.bg_lightRed {
    background: #F04B51;
    border: 1px solid #F04B51;
} 
.mrtb_text {
text-align: center;
margin: 5px 0 0 0;
} 
.ir_top_text {
    font-size: 42px;
    color: #737373;
    float: left;
    line-height: 68px;
    text-align: center;
    margin: 12px 0;
}
.ir_bottom_text {
    text-align: center;
    font-size: 14px;
}
 
 .summery_block_headings {
    background: #fcad59;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 9px 10px;
    color: white;
    height: 17px;
    font-size: 15px;
    cursor: default;
}
.summery_block_headings .sb_col_1 {
    width: 29%;
}
.summery_block_headings div {
    display: inline;
    text-align: center;
    height: auto;
    text-transform: uppercase;
}
.summery_block_content .row div {
    display: inline;
}
.summery_block_content .row {
    background: white;
    padding: 12px 0 8px;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    height: 23px;
}
.sb_col_1 {
    width: 29%;
    height: auto;
    float: left;
}
.sb_col_2 {
    width: 9%;  height: auto;  float: left;
    text-align: center;
}
.sb_col_3 {
    width: 12%;  height: auto;  float: left;
    text-align: center;



}
.sb_col_4 {
    width: 15%;  height: auto;  float: left;
    text-align: center;
}

.sb_col_5 {
    width: 10%;  
    height: auto;  
    float: left;
    text-align: center;
}
.sb_col_6 {
    width: 10%;
    height: auto;
    float: left;
    text-align: center;
}
 
.sb_col_0 {
    width: 2%;  height: auto;  float: left;
    padding: 5px 8px 0 14px;
}
 
.summery_block_content {
    float: left;
    color: #797979;
    font-size: 14px;
    /*height: 220px;*/
    height:auto;
    border: 1px solid #e3e3e3;
    background: white;
    border-radius: 0 0 5px 5px;
    overflow-y: auto;
    width: 100%;
}


/* summary block 2 styles */
.sb2_col_0 {
    width: 2%;  height: auto;  float: left;
    padding: 5px 8px 0 14px;
}
.sb2_col_1 {
    width: 20%;
    height: auto;
    float: left;
}
.sb2_col_2 {
    width: 16%;  height: auto;  float: left;
    text-align: center;
}
.sb2_col_3 {
    width: 16%;  height: auto;  float: left;
    text-align: center;
}
.sb2_col_4 {
    width: 21%;  height: auto;  float: left;
    text-align: center;
}

.sb2_col_5 {
    width: 20%;  
    height: auto;  
    float: left;
    text-align: center;
} 

 
 
 
.activated {
    color: #7BAF42;
}
.de-activated {
    color: #dedede;
}
 
.red_box {
    background: #F04B51;
    color: #FFF;
    border-radius: 4px;
    width: 69px;
    padding: 4px 16px;
}
.side_menu_hd:hover {
    color: white;
    cursor: pointer;
}
.menu_link a {
    color: #737B83;
    text-decoration: none;
}
.menu_link a:hover {
    color: #924447;
}
.summery_block_content .row:hover {
    background: #F7F7F7;
}
.box_icon:hover {
    border: 1px solid #D5D5D5;
}



/* Special Fix Styles */

.marginFix1 { margin-right: 0; }
 
.message_popup {
    display: none;
    position: absolute;
    width: 270px;
    top: 64px;
    left: -86px;
    height: auto;
    z-index: 100;
    cursor: default;
    border-radius: 10px;
    box-shadow: 0px 1px 7px #666;
}
.mp_top {
    width: 100%;
    height: 40px;
    float: left;
    background: #94CD55;
    text-align: center;
    border-radius: 10px 10px 0 0;
}
.mp_top p {
    margin: 9px 0 0;
    font-size: 16px;
    color: white;
}
.mp_mid {
    width: 90%;  
    height: 129px;  float: left;  
    background: #FFF;  
    padding: 5%;
}
.msg_block {
    width: 100%;
    height: 61px;
    float: left;
    font-size: 11px;
    border-bottom: 1px solid #e2e2e2;
    margin: 0 0 10px;
}
.msg_block img {
    float: left;
}
.mp_msg_right {
    width: 213px;
}
.msg_usr_title {
    font-size: 12px;
    float: left;
    margin: 0 17px 0 0;
    color: #292929;
}
.time_update {
    font-size: 10px;
    float: left;
    color: #B9B0B0;
}
.mp_bottom {
    width: 100%;  height: 40px;  float: left;  
    background: #E6E6E6;  text-align: center;
    border-radius: 0 0 10px 10px;
}
.mp_bottom a {
    color: #686868;
    text-decoration: none;
    margin: 9px 0;
    float: left;
    text-align: center;
    width: 100%;
}
 
.mblock_right {
    width: 80%;
    float: right;
}
.msg_summery_text {
    float: right;
    width: 80%;
    overflow: hidden;
    height: 42px;
    color: #6D6D6D;
}
.mblock_left {
    width: 35px;
    float: left;
    height: 42px;
    padding: 5px;
}

.top_arrow_msg_area {
    background: url('../images/top_arrow_lightGreen.png') no-repeat;
    width: 20px;
    height: 17px;
    position: absolute;
    top: -16px;
    left: 99px;
}
.top_arrow_notific_area {
    background: url('../images/top_arrow_lightRed.png') no-repeat;
    width: 20px;
    height: 17px;
    position: absolute;
    top: -16px;
    left: 46px;
}

.notific_popup {  
    display: none;
    position: absolute;  width: 270px;  
    top: 64px;  left: -35px;  
    height: auto;  z-index: 100;  
    cursor: default;  
    border-radius: 10px;  
    box-shadow: 0px 1px 7px #666;
    background: #FFF;
}
.np_top {
    width: 100%;  height: 40px;  float: left;  

    background: #F04B51;  text-align: center;  border-radius: 10px 10px 0 0;
}
 
.np_top p {
    margin: 9px 0 0;  font-size: 16px;  color: #FFF;
}
.np_mid {
    width: 100%;  
    height: auto;  float: left;  background: #FFF;  
}
 
.notific_details_block {
    border-bottom: 1px solid #e3e3e3;
    padding: 8px 15px;
}
.color_lightGreen {
    width: 20px;
    height: 20px;
    background: #61CF66;
    float: left;
}
.ndb_text {
    float: left;
    margin: 0 10px 0 9px;
    color: #707070;
}
.ndb_time_update {
    font-size: 11px;
    color: #BBB;
}
 
.notific_details_block:hover {
    background: #F7F7F7;
    cursor: pointer;
}
 
.userInfo_popup {   
    display: none;
    position: absolute;  width: 270px;  
    top: 64px;  
    right: -3px;  
    height: auto;  z-index: 100;  
    cursor: default;  
    border-radius: 10px;  
    box-shadow: 0px 1px 7px #666;
    background: #FFF;
}
.uip_top {
    width: 100%;  
    height: 40px;  
    float: left;  
    background: #94CD55;  
    text-align: center;  
    border-radius: 10px 10px 0 0;
}
 
.uip_top p {
    margin: 9px 0 0;  font-size: 16px;  color: #FFF;
}
.uip_mid {
    width: 244px;  
    height: auto;  float: left;  background: #FFF;  
    padding: 19px 13px;
}


.uip_bottom {
    width: 100%;  height: 40px;  float: left;  
    background: #E6E6E6;  text-align: center;
    border-radius: 0 0 10px 10px;
}
.uip_bottom a {
    color: #686868;
    text-decoration: none;
    margin: 9px 20px 0 0;
    float: right;
    text-align: right; 
} 
.top_arrow_userpop_area {
    background: url('../images/top_arrow_lightGreen.png') no-repeat;
    width: 20px;
    height: 17px;
    position: absolute;
    top: -16px;
    left: 199px;
}
 
.icon_block_small {
    width: 56px;
    height: 70px;
    float: left;
    margin: 24px 0 18px 19px;
}
.ibs_top {
    width: 37px;
    height: 32px;
    float: left;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    padding: 8px;
    font-size: 30px;
    color: #D3D3D3;
    text-align: center;
}
.ibs_bottom {
    float: left;
    width: 100%;
    height: 21px;
    text-align: center;
    color: #929292;
    margin: 2px 0 0 0;
}
 
.icon_block_small:hover {
    cursor: pointer;
}
 
.login_container {
    width: 327px;
    height: 370px; 
    margin: auto auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.lc_top {
    width: 100%;
    text-align: center;
    background: #8ABE43;
    color: white;
    border-radius: 5px 5px 0 0;
    height: 58px;
    float: left;
}
.lc_top p {
    margin: 20px 0;
    font-size: 20px;
    text-transform: uppercase;
}
.lc_bottom {
    width: 90%;    
    background: #FFFFFF;    
    border-radius: 0 0 5px 5px;  
    height: auto;  float: left;
    padding: 6% 5%;
    color: #979797;
    font-size: 15px;
}
.user_name {
    width: 235px;
    height: 28px;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    padding: 7px 42px 7px 15px;
    color: #818181;
    background: url('../images/login_envilope_ico.png') 259px 14px no-repeat;
}
.user_pass {
    width: 235px;  height: 28px;  border-radius: 5px;  border: 1px solid #E2E2E2;  
    padding: 7px 42px 7px 15px;  color: #818181;
    margin: 16px 0;
    background: url('../images/login_lock_ico.png') 259px 14px no-repeat;
}
.lc_bottom input[type="submit"] {
    width: 100%;
    height: 45px;
    background: #f67a6e;
    border: 0;
    border-radius: 5px;
    color: white;
    box-shadow: 0px 3px 1px #e56b60;
    font-size: 20px;
    margin: 18px 0 0;
    cursor: pointer;
    font-family: "Segoe UI light","arial";
}
.lc_bottom input[type="submit"]:hover {
    box-shadow: 0px 2px 1px #e56b60;
    margin: 19px 0 0;
}
.lc_bottom input[type="reset"] {
    width: 100%;  height: 45px;  
    background: #9B9B9B;  border: 0;  border-radius: 5px;  color: #FFF;  
    box-shadow: 0px 3px 1px #898989;  font-size: 20px;  
    margin: 13px 0 0;
    cursor: pointer;
    font-family: "Segoe UI light","arial";
}
.lc_bottom input[type="reset"]:hover {
    box-shadow: 0px 2px 1px #898989;
    margin: 14px 0 0;
}
.lc_bottom .row a {
    text-decoration: none;
    color: #979797;
    float: right;
}
 
.heightFix1 {
    height: 67px;
    float: left;
}

.login_message {
    color: #900;
    background: #FFF;
    padding: 25px 13px 16px;
    float: left;
    width: 301px;
    font-size: 16px;
    text-align: center;
    margin: 0 0 -15px;
}

.smb_link {
    text-decoration: none;
    color: #8B929A;
    width: 163px;
    float: left;
}
.smb_link:hover {
    color: white;
}


/* password remind page styles */
.lc_bottom .backBtn {
    width: 100%;  height: 45px;  
    background: #9B9B9B;  border: 0;  border-radius: 5px;  color: #FFF;  
    box-shadow: 0px 3px 1px #898989;  font-size: 20px;  
    margin: 13px 0 0;
    cursor: pointer;
    font-family: "Segoe UI light","arial";
}
.lc_bottom .backBtn:hover {
    box-shadow: 0px 2px 1px #898989;
    margin: 14px 0 0;
}
.pw_reset_message {
    color: #535050;
    background: #FFF;
    padding: 25px 13px 16px;
    float: left;
    width: 301px;
    font-size: 16px;
    text-align: center;
    margin: 0 0 -15px;
}


/* updated on 11.11.2013 by cody */

.menu_link_selected {
    color: #924447 !important;
}
#container1 {
    float: left;
}
#container3 {
    float: left;
    width: 100%;
    height: auto;
}
.search_small {
    font-family: 'FontAwesome';
    border: 1px solid #E0E0E0;
    background: #FFF;
    border-radius: 4px;
    height: 38px;
    color: #B6B6B6;
    outline: 0;
    cursor: pointer;
    width: 41px;
    text-align: center;
    font-size: 19px;
    float: left;
    margin-left: 5px;
}
.status_active {
    color: #7BAF42 !important;
}
.status_deactive {
    color: #F17373 !important;
}
.status_invalid {
    color: #F7D759 !important;
}
.subscribers_search_btn {
    font-family: 'FontAwesome';
    border: 0;
    background: #FFF;
    border-radius: 4px;
    height: 35px;
    color: #B6B6B6;
    outline: 0;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    margin-left: 3%;
    float: left;
    text-align: center;
}

.get_list_notification { 
    width: 100%;
    height: auto;
    padding: 20px 0;
    text-align: center;
}



/* updated on 18.11.2013 by cody 
   ----------------------------- */

.top_search_block {
    width: auto;
    margin-top:3px;
}
.top_search_block .sort-as-and-search {
    width: 509px;
    margin: 1px 0 0;
} 
.top_search_block select {
    height: 29px !important;
}
.top_search_block input[type='search']{
    width: 94% !important;
}
.top_search_block .subscriber-search-slect { 
    /*width: 237px !important;*/
}


/* updated on 19.11.2013 by cody */

.marginFix2 {
    margin: 37px 0 19px 0 !important;
}
.marginFix3 {
    margin: 0px 0 22px !important;
}
.widthReset1 {
    width: 50% !important;
}
.marginFix4 a {
    margin: 0 5px !important;
}
.siteFix1 {
    margin: 0;
}
.siteFix1 .blue-3d-btn {
    margin: 0 10px 0 0;
    padding: 0px 15px; 
    line-height: 33px;
}
.tooltip { 
    bottom: 8px; 
}



/* updated on 20.11.2013 by cody */

.pagination_holder {
    float: left;
    width: 99.9% !important;
    height: 49px;
    border: 1px solid #DFDFDF;
    border-bottom: 3px solid #A3A3A3;
    text-transform: uppercase;
    background: #F0F0F0;
    border-radius: 0 0 4px 4px;
    border-top: 0;
}
.pagination {
    float: right;
    width: auto;
    height: 49px;
    line-height: 49px;
    color: #6F6F6F;
    font-size: 13px; 
    text-transform: uppercase;  
}
#container5 {
    float: left;  width: 100%;  height: auto;
}
.pagination a {
    padding: 9px;
    color: #7E7E7E;
}
.pagination .current {
    color: #2C2525;
    padding: 0 9px;
    cursor: default;
}
.pagination .disabled {
    margin: 0 9px;
}
.marginFix4 .button {
    margin: 0 0 0 12px !important;
}
.status_icons {
    margin: 10px;
}
.status_icons span {
    margin: 4px;
    cursor: default;
}

.pagination_holder select {
    padding: 3px 4px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Segoe UI light';
    font-size: 14px;
    outline: 0;
    min-width: 72px;
}

.pagination .current {
    background: #fff;
    padding: 2px 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #747474;
}


.left.siteFix1 a {
    margin: 6px 10px 0 0 !important;
}
.mng-grps-hdng { 
    margin-bottom: 20px !important;
}
.search_view_all_btn {
    color: rgb(95, 95, 95);
    margin: 0 0 0 12px;
    padding: 0px 13px;
    float: right;
    height: 35px;
    line-height: 35px;
    border: 1px solid #e0e0e0;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.group_list {  
    position: relative;    
}
.groups_long_text {
    display: none;
    border: 1px solid rgb(204, 204, 204);
    position: absolute;
    top: 6px;
    left: 0;
    padding: 3px;
    height: auto;
    z-index: 100;
    background: white;
    border-radius: 5px;
    width: auto;
    line-height: 7px;
}
.groups_short_text {  
    position: relative;    
}

.limit_records_block {
    width: 268px;
    float: left;
}
.limit_records_block select {
    width: 64px;
    margin: 10px 30px;
    background: #FFFFFF;
    border: 1px solid #AFAFAF;
    color: #858585;
    border-radius: 4px;
}
.limit_records_block span {
    display: inline-block;
}
#num_of_records {
	text-transform: capitalize;
}
.widthReset2 {
    width: 35% !important;
}
.widthReset3 {
    width: 61% !important;
}


/* updated on 18.11.2013 by cody 
   ----------------------------- */
.text_align_reset {
    text-align: left !important;
    padding: 0 0 0 18px !important;
    width: 23% !important;
} 
.clear:before, .clear:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
    
.clear:after {
    clear: both;
}
.marginReset {
    margin: 0 !important;
}
.marginReset2 {
    margin: 27px 0 0 !important; 
}
.new-red-small-3d-btn {
    background: #f04b51;
    border-bottom: 3px solid #dc353c !important;
    padding: 4px 25px; 
    color: #fff;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    border: 0;
}
.new-green-small-3d-btn {
    background: #7baf42;
    border-bottom: 3px solid #639929 !important;
    padding: 4px 25px; 
    color: #fff;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    border: 0;
} 
.selected_row {
    background-color: rgb(247, 248, 252);
}
.percentage_value {
    margin: 2px 0 0;
    display: inline-block;
}
.overflowHidden {
    overflow: hidden;
}
.paddingFix1 {
    padding: 0 8px 0 15px;
}
.formatFix1 { 
    width: 141px;
    display: inline-block;
} 
.red_notification {
    background: #FFE5E5;
    outline: 1px solid #F7C3C3;
    padding: 12px 0;
    text-align: center;
    -moz-border-radius: 5px;
    display: block;
    margin-bottom: 30px;
    width: 100%;
}
.update_campaign_footer h2 {
    margin: 0 0 23px;
}
.update_campaign_footer .red-3d-btn {
    margin: 26px 0 0 0;
}
.update_campaign_footer .cms_editor {
    width: 100%;
    height: 300px;
}
.clients_listing_table .col-5 {
    width: 9% !important;
}
.clients_listing_table .col-6 {
    width: 17% !important;
}


/* updated on 09.12.2013 by cody 
  ---------------------------------- */

.clients_summary_table .row .col-4 {width: 18% !important;}
.clients_summary_table .row .col-5 {width: 7% !important;}
.clients_summary_table .row .col-6 {width: 26% !important;}




/* updated on 12.12.2013 by cody 
  ---------------------------------- */ 
 
/* ------------------------------------------------*/
/* ---->>> clients_listing_table <<<------------*/
/* ------------------------------------------------*/

.clients_listing_table{}


.clients_listing_table {
}
.clients_listing_table .col-2 {
    width: 37% !important;
    text-align: center !important;
}
.clients_listing_table .col-5 {
    width: 20% !important;
}

.clients_listing_table .user-avater{
    width: 43px;
    height: 43px;
    height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.clients_listing_table{
    float: left;
    margin-top: 30px;
}

.clients_listing_table .page_widget_heading {
    margin-bottom: 15px;
}

.clients_listing_table .row{
    float: left;
    width: 100%;
    position: relative;
}

.clients_listing_table .content .row {
    padding: 6px 0 !important;
}

.clients_listing_table .left.col-2 {
text-align: left !important;
width: 32% !important;
padding: 0 0 0 25px;
}

.clients_listing_table .heading{
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #fcad59;
    text-transform: uppercase;
}

.clients_listing_table .heading{text-align: center;}

.clients_listing_table .row .col-1 {width: 12%;min-height: 43px; line-height: 43px;}
.clients_listing_table .row .col-2 {width: 20%;min-height: 43px; line-height: 43px;}
.clients_listing_table .row .col-3 {width: 19%;min-height: 43px; line-height: 43px;}
.clients_listing_table .row .col-4 {width: 23%;min-height: 43px; line-height: 43px;}
.clients_listing_table .row .col-5 {width: 6%;min-height: 43px; line-height: 43px;}
.clients_listing_table .row .col-6 {width: 22%;min-height: 43px; line-height: 43px;}

.clients_listing_table .content{
    float: left;
    width: 100%;
    height: auto;
    max-height: 351px;
    overflow-x: auto;
    border: 1px solid #e0e0e0;
    border-top: none;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    cursor: default;
}

.clients_listing_table .content .col-1 .edit{
    font-family: 'FontAwesome';
    text-align: left;
    float: left;
    margin-left: 30px;
    color: #a4a4a4;
    text-decoration: none;
}

.clients_listing_table .content .col-1 span:nth-child(2){
    /*margin-left: -40px;*/
    margin-left: 0px;
}

.clients_listing_table .content .left{
    text-align:center;
    font-size: 14px;
}

.clients_listing_table .content .row{
    padding:12px 0;
    border-bottom: 1px solid #e0e0e0;
}

.clients_listing_table .content .row:hover {
    background: #f7f8fc;
}

.clients_listing_table .content .row:last-child{
    border-bottom: 0;
}

.clients_listing_table .content .row span a {
    color: #5F5F5F;
    font-family: 'FontAwesome','Segoe UI';
    margin-right: 5%;
}

.clients_listing_table .row span a.edit:hover {color: #7BAF42 !important;}
.clients_listing_table .row span a.log:hover {color: #0892CD !important;}
.clients_listing_table .row span a.delete:hover {color: #F04B51 !important;}

.clients_listing_table .page_widget_heading .left a.left {
    height: 17px;
    line-height: 17px;
    margin-left: 20px;
    margin-top: 3px;
}
.page_left_block {
    width: 49%;
    float: left;
    margin:0 20px 0 0;
}.page_right_block {
    width: 49%;
    float: left;
}

.np_links {
    margin: 0 10px;
    margin-top: 7px;
    display: inline-block;
}
.np_links a {
    color: #7BAF42;
}

.client-notification-view-page {}
.client-notification-view-page .mnange_users_table {}
.client-notification-view-page .mnange_users_table .content {}
.client-notification-view-page .mnange_users_table .content .row {
    padding: 1% 1% !important;
    width: 98%;
}
.client-notification-view-page .mnange_users_table .content .row .left {
    width: 20%;
    text-align: left;
}
.client-notification-view-page .mnange_users_table .content .row .right {
    width: 70%;
}
.client-notification-view-page .mnange_users_table .content .row:hover {
    background: #fff;
}

.client-notifications-page .mnange_users_table {}
.client-notifications-page {}
.client-notifications-page .mnange_users_table .heading {}
.client-notifications-page .mnange_users_table .heading .row {}
.client-notifications-page .mnange_users_table .row .col-2 {
    width: 29% !important;
}
.client-notifications-page .mnange_users_table .row .col-5 {
    width: 20% !important;
}

/* updated on 06th Feb 2014 by cody dmd */

@media screen and (max-width:1380px) {
    
    .footer_container { 
        bottom: 14px;
        }
}

.groups_long_text {
	display: none;
	border: 1px solid #CCC;
	position: absolute;
	top: 6px;
	left: 0;
	padding: 8px 2px;
	height: auto;
	z-index: 100;
	background: #FFF;
	border-radius: 5px;
	min-width: 90px;
	line-height: 7px;
}


/* updated on 20th Mar 2014 by cody dmd */

#copy_contact_form > div.col-1 {
    width: 45%;
}
#copy_contact_form > div.col-2 {
    width: 45%;
}
#copy_contact_form > div.col-3 {
    width: 8%;
}
#copy_contact_form > div {
    display: inline-block;
}
#copy_contact_form > div.col-1 > span.left {
    width: 49%;
}
#copy_contact_form > div.col-2 > span.left {
    width: 52%;
}
#copy_contact_form > div.col-3 > input {
    float: left;
}
.row.notification.error {
	background: #FACFCF;
	border: 1px solid #DAA4A4;
}


/* updated on 24th Mar 2014 by cody dmd */

#exclude_contacts_form {
    font-size: 19px;
    margin: 0 0 19px;
}
#exclude_contacts_form > select {
    background: #FAFAFA;  
	border: 1px solid #DADADA;  
	padding: 5px 7px 5px 7px;  
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px;  
	cursor: pointer;  
	color: #676767;  
	font-size: 14px;  
	font-weight: 300;  
	outline: 0;  
	text-align: left;  
    width: 18%;
    margin: 0 0 0 10px;
}
#exclude_contacts_form > input {
    margin: 0 16px;
}
#copy_contact_form select {
	width: 100%;
} 
.show-hide-content-1 > br {
	clear: both;
}


/* updated on 31.03.2014 by cody dmd */

.css_fix01 {
	position: relative;
	z-index: 999;
	height: auto !important;
	line-height: 9px;
	margin-top: 0;
	padding: 9px 17px 6px !important;
}
.css_fix01 option {
	text-align: left !important;
}