@charset "utf-8";

/* CSS Document */



body {

	background:#2b2b2b;

}



/*Text Color Scheme */

ul.paging_list li,

ul.paging_list li a,

.selected,

.text-navy,

.theme-color .text-navy,

.btn-link:hover,

.btn-link:focus,

.btn-link:active,

.btn-link.active,

.open .dropdown-toggle.btn-link, .btn-link h2:hover,

.navy-bg,

.content .post .post-content h1 a ,

.call-to-action h2,

.active-information h1,

.content.forms h1,

.content.forms h2,

.franchise-sections .active a,

.franchise-sections .active,

.active-information h1,

.base-color,

.cart .title,

.order .page-title,

.form form .title.required:after,

.order-navigation .item.active,

.pick-up h1,

.order-details .details .highlight,

.finalize-order .note .highlight,

.order .page-title,

.featured-message .title,

a:active,

.info_popin,

#quote_string,

.navigation ul li a:hover, .navigation ul li a.active, .actionLeft a:hover, .breadcrumbLinks a:hover, .breadcrumbLinks a.active, .footerCategoryLinks li a:hover,

.footerCategoryLinks span,

.pseudo_link:hover,

.square_cc a:hover

.cate_link:hover,

.main_cate_link:hover,

h2 span,

.red,

.bulleted_title,

.intranet_sidebar a:hover,

.icon_bar a:hover,

.bulleted_link_1:hover,

.arrow_button,

.square_red a:hover,

.square_gray a:hover,

.taby th,

.anchored_popin3_anchor:hover,

.nav_controlbox b,

.nav_controlbox span,

.nav_controlbox a:hover,

.nav_controlbox a.this,

.upper_tab,

.hero-order .button,

.pagination .text-active-underline,

.pagination .index .text-active,

.pagination .nav-item.active, .pagination .nav-item:hover,

.pagination .nav-item.active:before, .pagination .nav-item:hover:before,

.row-highlight tr:hover .editable:before, .table-main tr:hover .editable:before, .table-no-header tr:hover .editable:before, 

.comments-list:hover, .comments-list:hover a.view-comment,

.row-highlight .bell .checked-bell:hover:before, .table-main .bell .checked-bell:hover:before, .table-no-header .bell .checked-bell:hover:before,

.tab tr:hover .editable-lead:before,

.tab tr:hover .editable-location:before,

.edit-user-information .edit-title,

.franchise-data p .highlight,

.franchise-data-loc-ins .highlight,

.submenu .submenu-report .sub-submenu-list > li.active::before,

.user-menu .user-details .current-roles strong:after,

.order-category .section-title,

.pink, .intranet_sidebar .base-color, #base-color {

	color:#62B9E6;

}



.lead-gen-graph{

	border-bottom-color:#62B9E6!important;

}



.wrapper.billing_info {

    color: #62B9E6 !important;

}



.progress-bar {

    background-color: #62B9E6 !important;

    border-bottom-left-radius: 4px;

    border-top-left-radius: 4px;

    height: 5px;

}

.p-25{
	padding-right:25px !important;
	border: 1px solid rgb(9 175 223)!important;
	height: 180px!important;
	border-radius: 25px;
	text-align:center;
}

.db1{
	font-size:16px;
	color: grey;
}
.db2{
	margin-top:-20px;
	font-size:14px;
}
.db3{
	font-size:14px;
	color: grey;
	margin-top:-37px;
}
.count{
	display:block;
	font-size: 40px;
    line-height: 40.5px;
}
.count1{
	font-size: 40px;
	font-weight:bold;
}
.count2{
	font-size: 40px;
	font-weight:bold;
	color:black!important;
}
.text-right{
	text-align:right;
}
.select-box select {
    border: 1px solid #e8e4e3;
    font-size: 12px;
    /* height: 100%; */
    font-weight: normal;
    left: 0;
    outline: none;
    padding-left: 10px!important;
    /* position: absolute; */
    top: 0;
    width: 100%;
    padding: 3px;
    display: block;
    color: #5e5b5a!important;
    -webkit-appearance: none;
}
/* .right-section-landing .table-report.footable tr td:nth-child(2), .right-section-landing .table-report.footable tr td:nth-child(12) {
    text-align-last: left;
} */
/*Background Color Scheme */

.button_cart,

.rounded_h1,

button_print,

.info_box_wrap h3,

.ui-widget-header,

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus,

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight,

#tcalGrid th,

.label-primary, 

.badge-primary,

.blog-date,

.product .post-content h1 a,

.pink-background, 

.base-background,

.action-button-report,

.order-navigation .item.active .number,

#start_cat .cat_new, 

#post_title,

.pinkButton,

.tab_forum_thread th,

.searchSmall,

.checkoutProgressOptions ul li.active,

.messages,

.button_add_to_cart, .button_added_to_cart,

.upper_tab:hover,

.order-category .wrapper,

#circle,

.open-small-chat,

.button-highlight,

.app-footer .footer-nav li,

.close-button-pink,

.btn-primary,

.highlight-event .close-button,

.popup .popup-header,

.reminder .edit-actions .edit.active:before, .reminder .edit-actions .edit:hover:before, .reminder .edit-actions .delete.active:before, .reminder .edit-actions .delete:hover:before,

.row-highlight tr,

.site-navigation .menu .menu-item:hover, .site-navigation .menu .menu-item.active,

#menu-item-active,

.foo a:visited  .site-navigation .menu .menu-item menu-link,

.status-icon,

.ui-widget-header,

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight,

.ui-datepicker  .ui-state-hover,

.sk-spinner-cube-grid .sk-cube,

.popup-background .popup-login .newButtonInput input[type="submit"] {

	background:#62B9E6 !important;

}

.site-navigation .menu .menu-item:hover .menu_icon_4492::before, .site-navigation .menu .menu-item:active .menu_icon_4492::before, .site-navigation .menu .menu-item:focus .menu_icon_4492::before, .site-navigation .menu #menu-item-active .menu_icon_4492::before {
	content: '';
	width: 34px;
	height: 20px;
	display: block;
	background: url("../img/intranet/nav-site-contact.png") center center no-repeat;
	vertical-align: middle;
	margin: 0 auto;
}

.site-navigation .menu .menu-item:hover .menu_icon_4492, .site-navigation .menu .menu-item:hover .menu_icon_5144, .site-navigation .menu .menu-item:hover .menu_icon_5145, .site-navigation .menu .menu-item:hover .menu_icon_5154,  .site-navigation .menu .menu-item:hover .menu_icon_5155,  .site-navigation .menu .menu-item:hover .menu_icon_5156, .site-navigation .menu #menu-item-active .menu_icon_4492, .site-navigation .menu #menu-item-active .menu_icon_5144, .site-navigation .menu #menu-item-active .menu_icon_5145, .site-navigation .menu #menu-item-active .menu_icon_5154 , .site-navigation .menu #menu-item-active .menu_icon_5155 , .site-navigation .menu #menu-item-active .menu_icon_5156 {
	color: #fff;
}

.site-navigation .menu .menu-item:hover .menu_icon_5144::before, .site-navigation .menu .menu-item:active .menu_icon_5144::before, .site-navigation .menu .menu-item:focus .menu_icon_5144::before, .site-navigation .menu #menu-item-active .menu_icon_5144::before {
	content: '';
	width: 34px;
	height: 20px;
	display: block;
	background: url("images/nav-site-notepad.png") center center no-repeat;
	vertical-align: middle;
	margin: 0 auto;
}

.site-navigation .menu .menu-item:hover .menu_icon_5154::before, .site-navigation .menu .menu-item:active .menu_icon_5154::before, .site-navigation .menu .menu-item:focus .menu_icon_5154::before, .site-navigation .menu #menu-item-active .menu_icon_5154::before {
	content: '';
	width: 34px;
	height: 20px;
	display: block;
	background: url("images/envelope_white.png") center center no-repeat;
	vertical-align: middle;
	margin: 0 auto;
}

.site-navigation .menu .menu-item:hover .menu_icon_5145::before, .site-navigation .menu .menu-item:active .menu_icon_5145::before, .site-navigation .menu .menu-item:focus .menu_icon_5145::before, .site-navigation .menu #menu-item-active .menu_icon_5145::before {
	content: '';
	width: 34px;
	height: 20px;
	display: block;
	background: url("images/nav-site-clock.png") center center no-repeat;
	vertical-align: middle;
	margin: 0 auto;
}
.site-navigation .menu .menu-item:hover .menu_icon_5155::before, .site-navigation .menu .menu-item:active .menu_icon_5155::before, .site-navigation .menu .menu-item:focus .menu_icon_5155::before, .site-navigation .menu #menu-item-active .menu_icon_5155::before {
	content: '';
	width: 34px;
	height: 20px;
	display: block;
	background: url("../img/intranet/nav-site-reports.png") center center no-repeat;
	vertical-align: middle;
	margin: 0 auto;
}

.site-navigation .menu .menu-item:hover .menu_icon_5156::before, .site-navigation .menu .menu-item:active .menu_icon_5156::before, .site-navigation .menu .menu-item:focus .menu_icon_5156::before, .site-navigation .menu #menu-item-active .menu_icon_5156::before {
	content: '';
	width: 34px;
	height: 20px;
	display: block;
	background: url("../img/intranet/nav-site-reports.png") center center no-repeat;
	vertical-align: middle;
	margin: 0 auto;
}
.total-data-report .red-box {

	background:#dd0909;

}

.header-color {

	color:#ffffff;

	background-color:#62B9E6;

	border:0.5px solid #000000;

	text-align:center;

}



.order-control .button_pink,

.dark-pink th, .sk-spinner-circle .sk-circle::before  {

	background:#62B9E6  !important;

	border-color: #62B9E6 !important;

}



.button-highlight:hover {

	background:#62B9E6;

}



#circle {

    background: #62B9E6  url("../img/arrow-scroll.png") no-repeat scroll center center!important;

}



.content.forms nav.checkout ul .active {

  background: #62B9E6  url(../img/main-list-bullet-white.png) no-repeat 5px center;

}



.side-bar .side-list .item:hover:before, .side-bar .min_worksheet_phase .item.progress:before {

	background:url("../img/blue-tick-right.png") center center no-repeat;

}



.square_red {	

	list-style-image:url('../img/etc/smallArrow.png');

}



.bulleted_title, .intranet_sidebar .link_on, .intranet_sidebar a:hover, .bulleted_link_1, .contact_card .title, .square_cc {

	background-image:url('../img/etc/bullet.png');

}





.app-header .header-decorator {

	background:#cdedf1;

	display:none !important;

}



/*Border Color Scheme*/

#modal_dialog,

.order-navigation .item.active .number,

.newButton a, .newButtonInput input, .searchSmall, .newButtonBack a, .navigation a,

.pinkButton,

.info_popin,

#header,

#quote_posts,

.order-category .section-title:before,

.btn-primary,

.popup-background .popup-login .newButtonInput input[type="submit"] {

	border-color: #62B9E6 ;

}



/*Border Color Darker Scheme*/

.button-highlight {

	border-color:#3c8306;

}





.app-header .header-nav {

    margin: 0 auto;

    padding: 0 19px;
	
	min-height: 41px;

    text-align: right;
	
	border-bottom: 2px solid #62B9E6 !important;

}



.center_logo .logo {

	display: block;

    margin-top: 0px;

    position: static;

    width: 100%;

    z-index: 50;

    transform: translate(0,0)!important;

}

.site-navigation .menu .menu-item .menu-link {
    color: #333333;
}

.app-header .logo img {

	max-height: 80.5px;

}

.center_logo .logo img {

    display: block;

    margin: 0 auto;

    max-height: 70px;

}

.newButton a, .newButtonInput input, .searchSmall, .newButtonBack a, .navigation a {

    background: #62B9E6 url("../img/intranet/forwardcerulean.png") no-repeat scroll right center;

    border: 1px solid #62B9E6;

    border-radius: 5px;

    color: #fff !important;

    cursor: pointer;

    margin: 10px 0 10px 10px;

    padding: 8px 20px 8px 13px;

    text-transform: uppercase;

}



/*Box Shadow Color Scheme*/

.site-navigation .menu .menu-item:hover, .site-navigation .menu .menu-item.active, #menu-item-active, .foo a:visited  .site-navigation .menu .menu-item menu-link {

	box-shadow: inset 0 0 20px rgba(9, 175, 223, 1);
	
    background: #62B9E6 !important;

}





.side-bar .item.complete::before, .side-bar .item.complete:hover::before, .side-bar .item.active.complete::before{

	

	background: rgba(0, 0, 0, 0) url("../img/green-tick.png") no-repeat scroll center center!important;

    content: "";

    display: inline-block;

    height: 11px;

    left: 20px;

    position: absolute;

    top: 5px;

    width: 15px;

	

}







/*Button Style*/

.newButton a, .newButtonInput input, .searchSmall, .newButtonBack a, .navigation a {

    background: #62B9E6 url("../img/intranet/forwardcerulean.png") no-repeat scroll right center;

}

.button-highlight {

    background: #62B9E6 none repeat scroll 0 0 !important;

    border: 1px solid #62B9E6;

    border-radius: 4px;

    box-shadow: none;

    color: white !important;

    margin: 0 auto;

    padding: 5px 15px;

    text-transform: none;

}

.button-highlight:hover {

	background-color:#62B9E6;

	border: 1px solid #62B9E6;

	

}



.footer {

    /* background: linear-gradient(to top, #369cc7, #7dcef1);

	padding: 20px 0; */

}

.footer {
	background-color: #222222 !important;
	padding-bottom: 18px;
}

.footer ul {
    margin: auto !important;
    padding: 0 !important;
}

.footer .social .social-list li {

	 border-right:none;

}

.pace-done .footer, .white-bg .footer {

	background: #ffffff;

}





/***********error window**************/



.error-box {

	transform: rotate(45deg);

	display:inline-block;

	margin: -38px auto 0;

}

.error-box div.icon {

    /*transform*/

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    float: left;

    width: 120px;

    height: 120px;

    margin: 5px;

    display: block;

    background: #62B9E6;

    font-family: "times new roman";

    text-align:center;

    font-size: 40px;

    font-weight: bold;

    line-height:.75;

    border-radius:15px;

    overflow:hidden;

}



.error-box div.icon:after {

    top: 0px;

    color: rgba(255, 255, 255, 0.9);

    width: 100%;

    height: 100%;

    display: block;

    overflow: visible;

    position: relative;

    text-align: center;

    padding-top: 45px;

    box-sizing: border-box;

}

/*The shadow of the squares */

.error-box .icon:before {

    content: '';

    display: block;

    float: left;

    width: 0;

    height: 0;

    position: absolute;

    margin: 0;

    /*transform*/

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    /*linear-gradient*/

    background: -webkit-gradient(linear,60.06% 107.04%,39.94% -7.04%,from(rgba(0,0,0,.1)),to(rgba(0,0,0,0)));

    background: -webkit-linear-gradient(100deg,rgba(0,0,0,.1),rgba(0,0,0,0));

    background: -moz-linear-gradient(100deg,rgba(0,0,0,.1),rgba(0,0,0,0));

    background: -o-linear-gradient(100deg,rgba(0,0,0,.1),rgba(0,0,0,0));

    background: linear-gradient(100deg,rgba(0,0,0,.1),rgba(0,0,0,0));

}



.error-box .gf:after {

   -webkit-font-smoothing: antialiased;

    content: "Oops!";

    background: #62B9E6;

    text-shadow: 1px 1px #951038, 2px 2px #951038, 3px 3px #951038, 4px 4px #951038, 5px 5px #951038, 6px 6px #951038, 7px 7px #951038, 8px 8px #951038, 9px 9px #951038, 10px 10px #951038, 11px 11px #951038, 12px 12px #951038, 13px 13px #951038, 14px 14px #951038, 15px 15px #951038, 16px 16px #951038, 17px 17px #951038, 18px 18px #951038, 19px 19px #951038, 20px 20px #951038, 21px 21px #951038, 22px 22px #951038, 23px 23px #951038, 24px 24px #951038, 25px 25px #951038, 26px 26px #951038, 27px 27px #951038, 28px 28px #951038, 29px 29px #951038, 30px 30px #951038, 31px 31px #951038, 32px 32px #951038, 33px 33px #951038, 34px 34px #951038, 35px 35px #951038, 36px 36px #951038, 37px 37px #951038, 38px 38px #951038, 39px 39px #951038, 40px 40px #951038, 41px 41px #951038, 42px 42px #951038, 43px 43px #951038, 44px 44px #951038, 45px 45px #951038, 46px 46px #951038, 47px 47px #951038, 48px 48px #951038, 49px 49px #951038, 50px 50px #951038, 51px 51px #951038, 52px 52px #951038, 53px 53px #951038, 54px 54px #951038, 55px 55px #951038, 56px 56px #951038, 57px 57px #951038, 58px 58px #951038, 59px 59px #951038, 60px 60px #951038, 61px 61px #951038, 62px 62px #951038, 63px 63px #951038, 64px 64px #951038, 65px 65px #951038, 66px 66px #951038, 67px 67px #951038, 68px 68px #117f6a, 69px 69px #11806a, 70px 70px #11806b, 71px 71px #11816b, 72px 72px #11826c, 73px 73px #11826c, 74px 74px #11836d, 75px 75px #11846d, 76px 76px #11846e, 77px 77px #12856f, 78px 78px #12866f, 79px 79px #128670, 80px 80px #128770, 81px 81px #128871, 82px 82px #128871, 83px 83px #128972, 84px 84px #128a72, 85px 85px #128a73, 86px 86px #128b73, 87px 87px #138c74, 88px 88px #138c75, 89px 89px #138d75, 90px 90px #138e76, 91px 91px #138e76, 92px 92px #138f77, 93px 93px #139077, 94px 94px #139078, 95px 95px #139178, 96px 96px #139279, 97px 97px #14927a, 98px 98px #14937a, 99px 99px #14947b, 100px 100px #14947b, 101px 101px #14957c, 102px 102px #14967c, 103px 103px #14967d, 104px 104px #14977d, 105px 105px #14987e, 106px 106px #14987e, 107px 107px #15997f, 108px 108px #159a80, 109px 109px #159a80, 110px 110px #159b81, 111px 111px #159c81, 112px 112px #159c82, 113px 113px #159d82, 114px 114px #159e83, 115px 115px #159e83, 116px 116px #159f84, 117px 117px #16a085;



transform: rotate(315deg);

}



/* for location status report button  */

.sa-button-container .confirm {

    background-color: #62B9E6 !important;

}

/* End of it  */

.footer_fa_icon {

  /*   color: #ec1654;

    font-size: 25px !important; */

}



/* for them color Standard Response */

.btn_insert {

    background-color: #62B9E6;

}

.view_standard:hover {

    background: #62B9E6 !important;

    border-color: #62B9E6 !important;

}

/* end of Standard Response */



.header-nav .dropdown2 .help-menu {

    position: absolute;

    left: 0px;

    top: 35px;

    width: 270px;

    z-index: 9999999;

}



/* for the reminder tabs */

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {

	background:#d16f8c ;

}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active , .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active{

	background:#62B9E6;

}

.header_title{

	background-color: #62B9E6;

}

.btn-reminder {

    background-color: #62B9E6;

    border-color: #62B9E6;

    color: #ffffff;

}

.btn-reminder:hover{

    background-color: #000000;

    border-color: #000000;

}  

/* for the reminder tabs */

.site-navigation .menu.custom_menu_new .menu-item:first-child { 

    margin:0 1px 0 240px !important;

}



.order_in_btn, .drop_o_btn{

	background: #62B9E6 none repeat scroll 0 0 !important;

	border: 1px solid #62B9E6 !important;

}



table.payment_table th {

	border-bottom: 1px solid #62B9E6 !important;

}

table.payment_table th:nth-child(1) {

	border-right:1px solid #62B9E6 !important;

}

table.payment_table th:last-child {

	border-left: 1px solid #62B9E6 !important;

}



.upper_tab.selected

{

	    background: #62B9E6 !important;

		color : white !important;

}

.upper_tab:hover

{

	color : white !important;

}

.Zebra_Pagination .view-text b {

    color: #62B9E6 !important;

}

.Zebra_Pagination li.active a, .Zebra_Pagination li a:hover, .Zebra_Pagination li span:hover {

    color: #62B9E6 !important;

}

header .app-header .site-navigation {

	background: #ffffff;
	min-height: 70px;
	box-shadow: 0 2px 4px #999999;
	position: relative;
	z-index: 999;

}

.content-body .app-content-other .metacorner {

	margin-top: 40px !important;

    margin-bottom: 0px !important

}

.form_rounded_container.cust-intra {

    background: #fff;

}

.full-width{

 float:left;

 width:100%;

 position:relative;

}

.cust-intra .full-width{

    padding: 10px 15px;

    margin: 15px 0 0;

    border-top: 4px solid #cccccc;

    background: #fff;

    box-sizing: border-box;

}

.upld-attach {    

    margin: 10px 0;

}

.action-button.select-button.time_card {

	padding: 7px 5px 10px;

}

.documents-table .documents-row .options .download-span {

	right:17px;

	top:20px;

	width:173px

}

.form-group::before, .form-group::after{

	content: " ";

    display: table;

}

.form-group::after{

	clear: both;

}

.form-group {

    margin-bottom: 15px;

}

.control-label {

    margin-bottom: 0;

    padding-top: 7px;

	font-size: 15px;

    text-align: right;

}

.form-control {

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

    color: #555;

    display: block;

    font-size: 14px;

    height: 34px;

    line-height: 1.42857;

    padding: 6px 12px;

    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

    width: 100%;

}

.form_rounded_container .document-actions .save-button {

	background: #62B9E6;

    border: 1px solid #62B9E6;

    border-radius: 4px 0 0 4px;

    box-shadow: none;

    color: white !important;

    margin: 0 auto;

    padding: 10px 10px 10px 20px

}

.form_rounded_container .document-actions span {

	background: #62B9E6;

    border: 1px solid #62B9E6;

    border-radius: 0 4px 4px 0;

    box-shadow: none;

    color: white !important;

    margin-left: -5px;

    padding: 10px 20px 10px 10px !important;

    min-height: 14px;

}

.form_rounded_container .document-actions span:hover {

	background: #62B9E6;

    border: 1px solid #62B9E6

}

.form_rounded_container .document-actions input[type="button"] {

	background: #62B9E6;

    border: 1px solid #62B9E6;

}

.document-actions-trouble {

	height: auto;

	float: none;

	padding-bottom: 40px;

}

.form_rounded_container .document-actions  input[type="button"] {

	background: red;

    border: 1px solid #d9534f;

	border-radius: 4px;

    padding: 10px 20px;

}

.form-custom .tagit,.form-custom .content,.sales-lead-management .custom-container .custom-select {

    border: 1px solid #ccc;

    border-radius: 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

	padding: 4px

}

.upload_button {

    background-image: none;

    border: 1px solid transparent;

    border-radius: 5px;

    color: #fff;

    background-color: #1c84c6;

    border-color: #1c84c6;

    box-shadow: none;

	border: none;

	margin: 1px 0 0 !important;

	padding: 8px 25px;

}

.document-actions input[type='submit'],.action-button.select-button,

.action-button,.tabbed-content  input[type='submit'] {

	border: 1px solid transparent !important;

    color: #fff !important;

    background: #2dab40 !important;

    border-color: #2dab40 !important;

    box-shadow: none !important;

	border: none !important;

	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#49c136),color-stop(100%,#2dab40));

	border-radius: 5px 0 0 5px !important;

	padding: 10px 20px;

	margin-top: 0;

}

.task_edit_side_wra .action-button.select-button,

.task_edit_side_wra .document-actions input[type='submit'] {

	margin-top:0!important;

	float:left;

}

.action-button.select-button, .action-button {

	padding: 12px 20px 9px 0;

	border-radius: 0 5px 5px 0 !important

}

.row-update-header .lead-date,.row-update-header .m-d-2 {

	float: none;

	display:inline-block!important

}

.row-highlight tr td a, .table-main tr td a, .table-no-header tr td a {

	color: #fff

}

.app-header .logo {

    /* margin-top: -13px; */

	position: absolute;

	top: 0;

}

.site-navigation .container {

	position: relative

}

.form_rounded_container .project-info .form-group input,

.form_rounded_container .project-info .form-group select,

.form_rounded_container .project-info .form-group textarea {

	resize: none;

	/* border-radius: 0; */

    border: 1px solid #e5e6e7;

    padding: 5px 12px;

    box-shadow: none;

}



.form_rounded_container .project-info .form-group #task_desc  textarea {

	height: 200px !important

}

.tabbed-content .ibox-content span input[type="text"] {

	width: 115px;

    border-radius: 4px;

    padding: 4px 5px;

}

.document-actions .options-dropdown input[type="submit"] {

	background: none!important;

	color: #6e6a68!important;

	height: auto;

    line-height: initial;

	padding: 10px 15px;

}

.document-actions a input[type="button"] {

	background: #d9534f;

	background-image: none !important;

    border: 1px solid transparent !important;

    color: #fff !important;

    box-shadow: none !important;

    border: none !important;

	border-radius: 5px !important;

    padding: 12px 20px;

}

.footer_link_color:hover {

    color: #525252 !important

}

.upload_button:hover {

	background: #62B9E6

}

.tabbed-section .tabbed-content .page-editor-container .status input[type="text"] {

	background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

	padding: 5px;

}

.form_rounded_container .upld-attach .form-group label {

	padding-top: 4px

}





.contact-right-section-landing{

	padding: 15px !important;

}



/************parag 10/9/2018*************/

.right-section-landing{

 background:#eeeeee;

 display: table-cell; 

}

.right-section-landing section{

 background:#fff;

 padding:1rem;

 border-top: 3px solid #cccccc;

}



.right-section-landing .table-report.footable tr td {

    font-size: 12px;

 text-align: left !important;

}

.right-section-landing .table thead tr th{

 background:#fff !important;

}

.right-section-landing .table thead tr th, .right-section-landing .table thead tr th a{

 font-size:12px;

 color: #000;

 text-align: left;

}



.right-section-landing .table .btn-default{

 background:#fff;

 display:none;

}

.right-section-landing .table .btn-default:hover{

    background-color: #bababa;

 color:#fff;

}

.right-section-landing .table {

 border-collapse: initial;

}

.right-section-landing .comments-list, .right-section-landing .comments-list a.view-comment {

    color: #337ab7;
    /* text-align-last: center; */
}

.right-section-landing .tab tr:nth-child(2n){

    background: #f9f9f9;

}

.right-section-landing .table-striped > tbody > tr:nth-of-type(2n+1) {

    background-color: #fff;

}

.right-section-landing .tab tr{

 border:0 !important;

}

.right-section-landing .tab tr td{

 border-top:0;

 border-bottom: 1px solid #ddd;

}

.right-section-landing .tab tr:hover td {

    border-bottom: 1px solid #ddd;

}

.right-section-landing table.tab th:nth-child(1), .right-section-landing table.tab th:last-child {

 border-right: 0;

 border-left:0;

}

.right-section-landing table.tab th:last-child {

 width: 5%;

}

.right-section-landing table.tab td:last-child {

 width: 5%;

}

/* .project-info .form-group{

 background: #fff;

    margin: 0;

    padding: 20px 0;

    border-bottom: 1px solid #ddd;

} */

.full-width legend{

    width: 100%;

    padding: 10px 10px;

    font-size: 16px;

    color: #333;

    border-bottom: 1px solid #e0e0e0;

    background-color: #ffffff;

    float: left;

 border-top: 3px solid #ddd;

 box-sizing: border-box;

 font-weight:bold;

}

.project-info label{

 font-weight:bold;

}



/**************end***************/













/* added by omkar */

.right_section_wrapper {

	background: #eee

}

.right_section_wrapper .tabbed-section .tabbed-content {

	background:#fff

}

.right_section_wrapper .tabbed-section .tabbed-content .document-actions button {

	border-radius: 5px !important;

    padding: 9px 20px;

}

.right_section_wrapper .tabbed-section .form-custom-update {

	padding-bottom:50px

}

.right_section_wrapper .tabbed-section .task-comment-wra {

	margin:15px 0 20px 0;

	padding: 25px 15px 15px 15px;

}

.right_section_wrapper .tabbed-section .task-comment-wra .comment-container-page-editor-update {

	overflow:hidden;

	clear:both;

	margin:20px 0

}

.right_section_wrapper .tabbed-section .task-comment-wra .comment-container-page-editor-update .comment-bubble {

	overflow: hidden;

    clear: both

}

.right_section_wrapper .tabbed-section .task-comment-wra .comment-container-page-editor-update .comment-bubble img {

	margin:0 auto;

	object-fit: cover;
	
	width: 100% !important;

	height: 100% !important;

}

.right_section_wrapper .tabbed-section .task-comment-wra .comment-container-page-editor-update .comment-bubble .comment-media-container img {

	margin:0 auto;

	object-fit: cover;
	
	height: unset !important;

	width: unset !important;

}

.right_section_wrapper .tabbed-section .task-comment-wra .comment-container-page-editor-update .comment-bubble .user-img  img {

	margin:0 auto;

	height:60px !important;

	width:60px !important;

	object-fit: cover;

}

.comment-container-page-editor .comment-bubble img {

	margin:0 auto;

	height:60px;

	width:60px;

	object-fit: cover;

	padding-bottom: unset;

}

.right_section_wrapper .tabbed-section .task-comment-wra .comment-container-page-editor-update .comment-bubble .poster {

	padding:0

}

.right_section_wrapper .tabbed-section .task-comment-wra .comment-container-page-editor-update .comment-bubble .poster span {

	font-size:13px!important

}

.right_section_wrapper .tabbed-section .task-comment-wra .comment-container-page-editor-update .comment-bubble .comment {

	background-color: #f8f8f8;

	border-radius: 6px;

	border: 1px solid #e3e3e3;

	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);

	padding:25px;

	width: 100%;

	box-sizing:border-box;

}

.right_section_wrapper .tabbed-section .task-comment-wra .comment-container-page-editor-update .comment-bubble .comment:before {

	background:none

}

.right_section_wrapper .tabbed-section .task-comment-wra .comment-container-page-editor-update .comment-bubble .info_box_wrap span {

	font-size:15px

}

.right_section_wrapper .tabbed-section .task-comment-wra .form-custom-title {

	margin:0

}

.right_section_wrapper .tabbed-section .hero-tabs .tabs li {

	padding: 10px 10px 6px 10px

}

.right_section_wrapper .tabbed-section .hero-tabs .tabs li  .fa{

	font-size:20px;

}

.right_section_wrapper .tabbed-section .hero-tabs .tabs li:hover, 

.right_section_wrapper .tabbed-section .hero-tabs .tabs li.active {

	background:#fff;

	color:#474443

}

.right_section_wrapper .form-custom-update .status {

	display:block;

	overflow: hidden;

    clear: both;

	margin: 0;

}
.right_section_wrapper .form-custom-update .account .status {

	display:inline-block;
	line-height: 30px;

}
.right_section_wrapper .form-custom-update .account .status strong {
          vertical-align: baseline;
}
.right_section_wrapper .form-custom-update .account .status .po_opr,
.right_section_wrapper .form-custom-update .account .status .approved_dev_hrs_opr,
.right_section_wrapper .form-custom-update .account .status .approved_qa_hrs_opr,
.right_section_wrapper .form-custom-update .account .status .approved_designer_hrs_opr {
	width: 87px;
	display: inline-block;
}
.right_section_wrapper .form-custom-update .project_info .status {

	display:inline-block;

	padding: 2px 7px;

    vertical-align: middle;

    background: #e3eaef;

    border-radius: 6px;

	margin:1px;

}

.right_section_wrapper .tabbed-section .tabbed-content .assigned-to-container .assigned-to {

	width:100%;

	margin: 15px 0 0;

}

.right_section_wrapper .tabbed-section .tabbed-content .assigned-to-container {

	overflow:hidden;

	clear:both

}

.right_section_wrapper .form-custom .assigned-to:after {

	background: none

}

.right_section_wrapper .form-custom .assigned-to strong,

.right_section_wrapper .form-custom-update .status strong,

.right_section_wrapper .tabbed-section .tabbed-content .custom-container .custom-select-w-title strong {

	font-size: 14px;

	vertical-align: -webkit-baseline-middle;

}

.right_section_wrapper .form-custom .assigned-to span,

.right_section_wrapper .form-custom .custom-select-w-title span {

	margin-top: 4px

}

.right_section_wrapper .form-custom .tagit {

	width:auto;

	margin:0

}

.right_section_wrapper .cc-to .subtitle {

	padding:0;

	padding-bottom:2px;

}

.right_section_wrapper .tabbed-section .tabbed-content .custom-container .custom-select-w-title {

	display:block;

	overflow: hidden;

    clear: both;

	margin: 15px 0;

}

.right_section_wrapper .form-custom .custom-select {

	height:auto;

	width:98.4%

}

.right_section_wrapper .input_dsg,

.right_section_wrapper .project_info {

	border: 1px solid #ccc;

    border-radius: 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

	padding: 6px 4px;

}

.right_section_wrapper .project_info {

	margin: 10px 0;

}

.right_section_wrapper .project_info strong {

	vertical-align: top!important

}

.right_section_wrapper .tabbed-section .tabbed-content .trouble_upload_button {

	display: inline-block;

	margin:20px 15px 0 0

}

.right_section_wrapper .tabbed-section .tabbed-content .trouble_upload_button .ajax-file-upload-red {

	background:#d9534f;

	color: #fff;

    border: none;

    box-shadow: none;

    border-radius: 15px;

}

.right_section_wrapper .tabbed-section .tabbed-content .trouble_upload_button .ajax-file-upload-statusbar {

	margin-top:25px!important;

	box-shadow: 0px 0px 12px 3px #ececec;

}

.right_section_wrapper .tabbed-section .tabbed-content .document-actions {

	margin-top:20px;

	position: absolute;

    right: 0;

}



/* task edit page start */

.app-content-other {

	padding:0

}

.app-content-other .sidebar-container {

	padding-left:20px

}

.task_edit_side_wra h1 {

	margin: 0;

    padding: 15px 0;

}

.task_edit_side_wra {

	background: #eee;

	padding-bottom: 15px;

}

.task_edit_side_wra form {

	overflow: hidden;

    clear: both;

}

.task_edit_side_wra .form_rounded_container.cust-intra {

    background: none;

    overflow: hidden;

    clear: both;

	padding: 0 !important

}

.task_edit_side_wra .form_rounded_container.cust-intra .project-info label {

	font-size:14px;

	font-weight:bold

}

.task_edit_side_wra .project-info .new_task_msg {

	margin: 5px 0 15px 0;

    display: inline-block;

}

.task_edit_side_wra .project-info hr {

	margin:10px 0 20px

}

.task_edit_side_wra .input_dsg {

	border: 1px solid #e5e6e7;

    padding: 5px 12px;

	border-radius: 4px;

}

.right-section-landing .tab tbody tr:hover{

	background:#f9f9f9;

}



/***********date 12/10/2018*********/

.mt-2{

	margin-top:2rem;

}

.document-actions .options-dropdown{

	min-width:150px;

}



.sales-lead-management .comment-container-page-editor .comment-bubble {

	float: left;

    width: 100%;

    margin-bottom: 20px;

    background: #fff;

    padding: 0px 0 15px;

}

.comment-bubble .col-sm-3 .poster{

	padding:0;

	text-align: center;

}

.sales-lead-management .comment-container-page-editor{

    margin:0;

}

.sales-lead-management .comments-container-background .comments-container{

    width: 100%;

}

.coment-prof img{

	width: 60px;

    height: 60px;

    margin: 0 auto;

    object-fit: cover;

	padding-bottom: 10px;

}

.management-content .table-container{

    padding: 15px 15px 20px 15px;

}

.tab tr.noborder_tr:hover td{

    border-bottom: 1px solid #b5b5b5 !important;

}

.right_section_wrapper .tabbed-section .tabbed-content .document-actions.document-actions-bt{

	left: 150px;

	right:auto;

}

.tabbed-section .hero-tabs .tabs li {

    width: 47px;

}

.gray-bg.page-wrapper {

    padding: 10px 20px 20px;

}

.comment-bubble .comment{

	background-color: #f8f8f8;

	border-radius: 6px;

	border: 1px solid #e3e3e3;

	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);

	padding: 25px !important;

	box-sizing: border-box;

}

.comment-bubble .comment:before{

	display:none;

}

.comment-bubble span{

	font-size:13px !important;

}

.pad-0{

	padding:0 !important;

}

.cust-titl .custom-form-title{

	background: #fff;

    width: 100%;

    box-sizing: border-box;

    padding: 15px 15px 25px 15px;

	border-radius: 0px;

}

.tabbed-section .new-lead {

    top: 10px;

}

.sales-lead-management .ibox-content .assigned-to-container .assigned-to {

    padding: 0 10px;

    box-sizing: border-box;

}

.edit-page-wrapper{

	padding-bottom: 10px;

}



/* task edit page end */



/***********16/10/2018***********/

.cust-titl .custom-form-title .title{

	float: left;

    width: 100%;

    border-bottom: 1px solid #eee;

    margin: 0;

    padding-bottom: 5px;

}

.sales-lead-management .comment-container-page-editor .comment-bubble{

	border-bottom: 1px solid #eee;

}

.sales-lead-management .comments-container-background{

	padding-bottom: 1px;

    float: left;

    width: 100%;

    padding: 0 15px 0px 15px;

    background: #fff;

    box-sizing: border-box;

}

.custom-form-title-container{

	padding-top:0;

}

.white{

	background: #fff;

    float: left;

    width: 100%;

}

.pb-2{

	padding-bottom:2rem;

}

.img-responsive {

	margin: 0 auto;

	height: 81.6px;

	width: 81.6px;

	object-fit: cover;

}

.tabbed-section{

	padding-top: 0;

}

.table-bordered{

	border: 0;

}

.document-actions .options-dropdown{

	min-width: auto;

	width: 103px;

	left: 0;

	top: 35px;

	margin:0;

}

li:not(.disabled) .pagination_fwd{

	background: rgba(0, 0, 0, 0) url("../img/blue_fast_forward.png") no-repeat scroll 0 0 !important;

    box-sizing: border-box;

    height: 11px;

    padding-left: 22px;

    width: 22px;

}

li:not(.disabled) .pagination_next{

	background: rgba(0, 0, 0, 0) url("../img/blue_next.png") no-repeat scroll 0 0 !important;

    box-sizing: border-box;

    height: 11px;

    padding-left: 5px;

    width: 5px;

}

li:not(.disabled) .rewind_next{

	background: rgba(0, 0, 0, 0) url("../img/blue_rewind.png") no-repeat scroll 0 0 !important;

	box-sizing: border-box;

    height: 11px;

    padding-left: 10px;

    width: 5px;

}

li:not(.disabled) .previous_next{

	background: rgba(0, 0, 0, 0) url("../img/blue_previous.png") no-repeat scroll 0 0 !important;

	box-sizing: border-box;

    height: 11px;

    padding-left: 5px;

    width: 5px;

}

/***********date 23/10/2018***********/

.form-control:focus, .single-line:focus {

    border-color: #e5e6e7 !important;

}

.file_input {

    border-radius: 4px;

    padding: 6px;

}

.action-button.select-button.time_card:after{

	font-size:13px;

}

.update .document-actions .save-button{

	float:left;

}

.update .document-actions span:after{

	font-size:11px;

}

@media(max-width:767px){

	.row-highlight .phase {

		display: inline-block !important

	}

}

.checkbox-button {

    display: block;

    position: relative;

    padding-left: 20px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 15px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

.checkbox-button input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

}

.checkbox-button input:checked ~ .checkmark {

    background-color: #2196F3;

}

.checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 17px;

    width: 17px;

    background-color: #eee;

    margin-top: 2px;

	border-radius: 50%;

}

.checkbox-button input:checked ~ .checkmark:after {

    display: block;

}



.checkbox-button .checkmark:after {

    top: 5px;

    left: 5px;

    width: 7px;

    height: 7px;

    border-radius: 50%;

    background: white;

}

.checkmark:after {

    content: "";

    position: absolute;

    display: none;

}

.checkbox-button input:checked ~ .checkmarks {

    background-color: #2196F3;

}

.checkmarks {

    position: absolute;

    top: 0;

    left: 0;

    height: 17px;

    width: 17px;

    background-color: #eee;

    margin-top: 2px;

}

.checkbox-button input:checked ~ .checkmarks:after {

    display: block;

}



.checkbox-button .checkmarks:after {

    left: 5px;

    top: 0px;

    width: 5px;

    height: 10px;

    border: solid white;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.checkmarks:after {

    content: "";

    position: absolute;

    display: none;

}

.row-highlight .comments .comment-popup .comment-box .comment p, .table-main .comments .comment-popup .comment-box .comment p, .table-no-header .comments .comment-popup .comment-box .comment p, .comment-bubble-preview .comment p, .comments-list .comment-popup .comment-box .comment p{

	    font-size: inherit;

}

.view_image_pmt {

    padding: 15px;

    max-width: 675px;

    box-sizing: border-box;

	height:unset !important;

	width:unset !important;

}

.comment-bubble .comment-media-container .comment-media{

	height:unset !important;

	width:unset !important;

}

.devlopment-options, .devlopment-options-actions {
	width: 245px;
}