@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Quicksand:300,400,500,700');
/* font-family: 'Montserrat', sans-serif; font-family: 'Quicksand', sans-serif;*/
body{ font-family: 'Montserrat', sans-serif; background:#f1f2f4;  font-weight:400}
.form-control::-moz-placeholder {
  color: #646262 !important;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #646262 !important;
}
.form-control::-webkit-input-placeholder {
  color: #646262 !important;
}

.rbtleft{
    padding-top: 35px;
}

.rbtleft label{
    margin-right: 19px;
}
#loader-wrapper img {height: 50px; left: 50%; margin:-25px 0 0 -68px; position: absolute; top: 50%; width: 136px;}
#loader-wrapper {background: rgba(255, 255, 255, 0.9); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000;}
#loader {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 2s linear 0s normal none infinite running spin; border-color: #28b79b  transparent transparent; border-image: none; border-radius:50%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; display: block; height: 200px; left: 50%; margin: -100px 0 0 -100px; position: relative; top: 50%; width: 200px;}
#loader::before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 3s linear 0s normal none infinite running spin; border-color: #002c40 transparent transparent; border-image: none; border-radius:50%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; bottom: 5px; content: ""; left: 5px; position: absolute; right: 5px; top: 5px;}
#loader::after {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 1.5s linear 0s normal none infinite running spin; border-color: #28b79b  transparent transparent; border-image: none; border-radius:50%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; bottom: 15px; content: ""; left: 15px; position: absolute; right: 15px; top: 15px;}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
#toTop {background:#28b79b;  border-radius:0; bottom:10px; color: #fff; cursor: pointer; display: none; font-size: 24px; padding:8px 12px; position: fixed; right: 10px; z-index: 999;}

.after_login_div{height:121px;}
.after_login_div1{height:71px;}
p{font-size:16px; color:#7c7c7c; font-family: 'Quicksand', sans-serif; line-height:20px;}
.btn_red{color:#fff;margin:0 5px; color:#fff; font-family: 'Quicksand', sans-serif; font-size:16px; padding:12px 25px; font-weight:500; text-transform:uppercase; border-radius:5px;line-height:16px;background-color: #bd2020;}
.btn_red:hover{color:#fff;background-color: #951414;}
.btn_green{color:#fff; margin:0 5px; color:#fff; font-family: 'Quicksand', sans-serif; font-size:16px; padding:12px 25px; font-weight:500; text-transform:uppercase; border-radius:5px; line-height:16px;background-color: #000;}
.btn_green:hover{color:#fff;background-color: #00537c; }
.btn_blue{color:#fff; margin:0 5px; color:#fff; font-family: 'Quicksand', sans-serif; font-size:16px; padding:12px 25px; font-weight:500; text-transform:uppercase; border-radius:5px; line-height:16px;background-color: #28b79b;}
.btn_blue:hover{color:#fff;background-color: #1794aa;}



.checkbox_style {display: block; position: relative; padding-left: 26px; cursor: pointer; font-weight:300;  font-size: 14px; color:#171717; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height:16px; font-weight:normal; margin:5px 0 15px 0}
.checkbox_style a{color:#28b79b; text-decoration:none}
.checkbox_style input {position: absolute; opacity: 0; cursor: pointer;}
.checkmark {position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #fff; border:#ccc 1px solid; border-radius:0%}
.checkbox_style input:checked ~ .checkmark {background-color: #28b79b; border:#28b79b 1px solid;}
.checkmark:after {content: ""; position: absolute; display: none;}
.checkbox_style input:checked ~ .checkmark:after {display: block;}
.checkbox_style .checkmark:after {left: 5px; top: 2px; width: 6px; height: 9px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}


header .nav_sec{ width:100%; float:left;  padding:0; margin:0; background-color:#fff; border-bottom:#e7e7e7 1px solid; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
header .nav_sec .navbar-brand{ height:auto; padding:13px 0; display:block; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
header .nav_sec .navbar-brand img{ width:95px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
header .nav_sec .btn_menu{float:left; border: none; color: #fff; box-shadow: none; font-size: 20px; margin: 15px 15px 15px 0; background: #28b79b; padding: 0px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%;}
header .nav_sec .btn_menu:focus{outline:none; box-shadow:none}
header .nav_sec .user_box{border:none; background-color:#f1f2f4; padding:0px; float:right; margin-top:10px; width:50px; height:50px; border-radius:50%; margin-left:10px}
header .nav_sec .user_box img{width:100%; border-radius:50%}
header .nav_sec .setting_btn{border:none;  padding:0px; float:right; margin-top:10px; width:50px; height:50px; border-radius:50%; background:#fff}
header .nav_sec .setting_btn i{font-size:25px; color:#969696;width:50px; height:50px; }
header .nav_sec .setting_btn:hover i{color:#000}
header .nav_sec .dropdown{float:right;}
header .nav_sec .dropdown-menu{padding:0px; border-radius:0px;}
header .nav_sec .dropdown-menu{padding:0px; border-radius:5px; margin-top:7px;  }
header .nav_sec .dropdown-menu:before{content:''; background:url(../images/up_arrow.png); width:13px; height:8px; position:absolute; top:-8px; right:18px;}
header .nav_sec .dropdown-menu > li > a{padding:6px 12px; font-family: 'Quicksand', sans-serif; font-weight:400}
header .nav_sec .dropdown-menu > li > a i{color:#28b79b; margin-right:10px;}
header .nav_sec .searchbox{position:relative; margin-top:10px; width:360px; float:right; margin-right:10px}
header .nav_sec .searchbox .form-control{background:#f1f2f4; border:none; border-radius:25px; height:50px; box-shadow:none; padding-left:20px; font-weight:300; color:#000}
header .nav_sec .searchbox .btn-search{background:transparent; height:50px; width:50px; border-radius:50%; font-size:25px; position:absolute; top:0px; right:5px; color:#000}

header .nav_sec .navbar-default{ margin:0; background:none; border:none;  border-radius:0; background:#000}
header .nav_sec .navbar-collapse{padding:0px}
header .nav_sec .navbar-nav{ float:left; margin:0 }
header .nav_sec .navbar-default .menu_text{display:none}
header .nav_sec .navbar-default .navbar-nav > li > a{ padding:15px 12px; font-family: 'Quicksand', sans-serif; font-weight:400; font-size:16px; color:#fff; cursor:pointer }
header .nav_sec .navbar-default .navbar-nav > li > a i{margin-right:10px}
header .nav_sec .navbar-default .navbar-nav > .active > a, header .nav_sec .navbar-default .navbar-nav > .active > a:hover, header .nav_sec .navbar-default .navbar-nav > .active > a:focus{ background:#28b79b; color:#fff;}
header .nav_sec .navbar-default .navbar-nav > li > a:hover, header .nav_sec .navbar-default .navbar-nav > li > a:focus{ background-color:#28b79b; color:#fff;}
header .nav_sec .navbar-default .navbar-nav > .open > a, header .nav_sec .navbar-default .navbar-nav > .open > a:hover, header .nav_sec .navbar-default .navbar-nav > .open > a:focus{background-color:#28b79b; color:#fff;}
header .nav_sec .navbar-default .number{font-size:18px; color:#fff; font-weight:700; float:right; padding:12px 0}
header .nav_sec .navbar-default .navbar-nav .dropdown-menu{padding:0px; border-radius:0px; margin-top:0px;  }
header .nav_sec .navbar-default .navbar-nav .dropdown-menu:before{content:none;}
header .nav_sec .navbar-default .navbar-nav .dropdown-menu > li > a{padding:6px 12px; font-family: 'Quicksand', sans-serif; font-weight:400}
header .nav_sec .navbar-default .navbar-nav .dropdown-menu > li > a i{color:#28b79b; margin-right:10px;}
header .nav_sec .navbar-default .navbar-nav .dropdown-menu > li a:before{content:none !important}
header .nav_sec .navbar-default .navbar-nav > li.dropdown a{padding-right:30px}
header .nav_sec .navbar-default .navbar-nav > li.dropdown a:before{content:"\f107"; position:absolute; font-family:fontawesome;right: 10px; top:16px; font-size:22px}
header .nav_sec .navbar-default .navbar-nav > li.dropdown.open a:before{-ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari 3-8 */ transform: rotate(180deg);}

footer .copyright{font-size:16px; color:#000; line-height:50px; font-weight:400; text-align:center; background-color:#fff; -webkit-box-shadow: 0px -3px 8px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px -3px 8px 0px rgba(0,0,0,0.1); box-shadow: 0px -3px 8px 0px rgba(0,0,0,0.1);}
.btn-blue{background-color:#002d41; border-color:#002d41; font-size:18px; color:#fff; font-weight:300; padding:8px 30px;  border-radius:4px;}
.btn-blue:hover{background-color:#012434; border-color:#012434; color:#fff}
.btn-orange{background-color:#28b79b; border-color:#28b79b; font-size:18px; color:#fff; font-weight:300; padding:8px 30px;  border-radius:4px;}
.btn-orange:hover{background-color:#e25418; border-color:#e25418; color:#fff}

.titlebar{background:#fff; padding:3px 20px; -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.1); box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.1);}
.titlebar .user_name{font-size:16px; font-family: 'Quicksand', sans-serif; font-weight:400; color:#000; line-height:40px; float:left}
.titlebar .user_name span{color:#28b79b; font-weight:700}
.titlebar .btn_red, .titlebar .btn_green, .titlebar .btn_blue{float:right}
.breadcrumb { padding: 10px 15px; margin-bottom: 0; list-style: none; background-color: transparent; border-radius: 0; float: right;}
.breadcrumb li a{color:#000; text-decoration:none}
.titlebar .user_box{background-color:#fff;font-family: 'Quicksand', sans-serif; font-weight:500; padding:8px 20px;  height:40px; border-radius:20px; border:#ebebeb 1px solid; color:#000;}
.titlebar .user_box i{color:#28b79b; margin-left:20px}
.titlebar .leftside_menu{float:left; margin-right:10px}
.titlebar .rightside_menu{float:right; margin-left:10px}
.titlebar .dropdown-menu{padding:0px; border-radius:5px; margin-top:7px;  }
.titlebar .dropdown-menu-form{padding:0px; border-radius:5px; margin-top:7px; min-width:480px;  }
.titlebar .dropdown-menu:before{content:''; background:url(../images/up_arrow.png); width:13px; height:8px; position:absolute; top:-8px; left:50px;}
.titlebar .dropdown-menu-right:before{content:''; background:url(../images/up_arrow.png); width:13px; height:8px; position:absolute; top:-8px; right:50px; left:auto}
.titlebar .dropdown-menu-form li{width:50%; float:left}
.titlebar .dropdown-menu > li > a{padding:10px 12px;font-family: 'Quicksand', sans-serif; font-weight:400 }
.titlebar .dropdown-menu > li label{font-family: 'Quicksand', sans-serif; font-weight:400 }
.titlebar .dropdown-menu > li .checkmark{top:12px; left:10px;}
.titlebar .dropdown-menu > li .checkbox_style{margin:0px; padding:12px 5px 12px 36px; border-bottom:#ebebeb 1px solid}
.titlebar .btn-default{background-color:#fff; color:#000; font-family: 'Quicksand', sans-serif; font-weight:500; padding:8px 20px;  height:40px; border-radius:20px; border:#ebebeb 1px solid; float:right; margin-left:10px}
.titlebar .btn-default i{margin-right:15px}
.titlebar .btn-default:focus{outline:none}
.titlebar .btn-default:hover{background-color:#ebebeb; border:#ebebeb 1px solid; }
.titlebar ul.icon{margin:0px; padding:0px; list-style:none; float:right}
.titlebar ul.icon li{margin:0 0 0 10px; width:40px; height:40px; line-height:38px; font-size:18px; text-align:center;  color:#999999; float:left }
.titlebar ul.icon li a{color:#999999; text-decoration:none; border:#ebebeb 1px solid; display:block; border-radius:50%}
.titlebar ul.icon li a i{line-height:38px}
.titlebar ul.icon li a:focus{outline:none}
.titlebar ul.icon li a:hover{background-color:#ebebeb; border:#ebebeb 1px solid; color:#000}
.titlebar ul.icon li.active a{background-color:#28b79b; border:#28b79b 1px solid; color:#fff}

.content_area{margin:0px; padding:30px}

.fourbox_icon{margin-bottom:30px; padding:0px;}
.fourbox_icon .counterup_box{background: #fff;text-align: center;padding: 40px 15px 30px 15px;border-radius: 8px;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);font-size: 22px;color: #000;line-height: 22px; margin-bottom: 30px}
.fourbox_icon .counterup_box span{color: #28b79b;font-size: 50px;font-weight: 700;margin-bottom: 20px;display: block;}
.fourbox_icon .counterup_box span small{font-size: 22px;color: #000;line-height: 22px;}



.white_main_box{background:#fff; border-radius:8px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); margin-bottom:30px;padding-top:1px}
.white_main_box .title{border-left:#28b79b 6px solid; line-height:30px; font-size:20px; color:#000; padding-left:15px; margin:19px 0 20px 0}
.white_main_box .title .total_div{font-size: 16px; line-height: 30px; float: right; margin-right:15px}
.white_main_box .title .total_div strong{color: #28b79b}
.white_main_box .title ul.icon{margin:0px; padding:0px; list-style:none; float:right}
.white_main_box .title ul.icon li{margin:0 0 0 10px; width:40px; height:40px; line-height:38px; font-size:18px; text-align:center;  color:#999999; float:left }
.white_main_box .title ul.icon li a{color:#999999; text-decoration:none; border:#ebebeb 1px solid; display:block; border-radius:50%}
.white_main_box .title ul.icon li a i{line-height:38px}
.white_main_box .title ul.icon li a:focus{outline:none}
.white_main_box .title ul.icon li a:hover{background-color:#ebebeb; border:#ebebeb 1px solid; color:#000}
.white_main_box .title ul.icon li.active a{background-color:#28b79b; border:#28b79b 1px solid; color:#fff}
.white_main_box .detail_area{border-top:#e6e6e6 1px solid; margin:0px; padding:0px;}
.white_main_box .form_area{border-top:#e6e6e6 1px solid; margin:0px; padding:30px 30px 10px 30px;}
.white_main_box .form_area h3.title{margin-bottom: 40px !important}
.white_main_box .form_area .form-group{margin-bottom:20px}
.white_main_box .form_area label{font-size:15px; font-family: 'Quicksand', sans-serif; font-weight:500; color:#575757}
.white_main_box .form_area .form-control{border:#e6e6e6 1px solid; box-shadow:none; height:46px; color:#000; font-size:15px; font-weight:500; font-family: 'Quicksand', sans-serif; border-radius:6px}
.white_main_box .form_area .textarea{height:200px}
.white_main_box .form_area .twoline{height:100px}

.white_main_box .form_area select{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background:#fff url(../images/dropdown_arrow.png) center right no-repeat; }
.white_main_box .form_area .md_checkbox{margin:30px 0}

.white_main_box .pd_15{border-top:#e6e6e6 1px solid; margin:0px; padding:30px 30px 10px 30px;}
.white_main_box .pd_15 .btn_add_item{border:#000 1px dashed; color:#000; padding:15px; width:100%; background:#fff; margin-bottom:15px; box-shadow:none; font-family: 'Quicksand', sans-serif; font-weight:500; font-size:18px}
.white_main_box .pd_15 .btn_add_item:focus{outline:none}


.chart_box{padding:20px}
.table_style{margin:0px; padding:0px; font-family: 'Quicksand', sans-serif;}
.table_style thead tr th{background-color:#f9f9f9 !important;  border-top:#f1f1f1 1px solid !important; border-bottom:#f1f1f1 1px solid !important;font-size:16px; color:#000; font-weight:700; padding:12px 5px 12px 15px}
.table_style tbody tr td{ border-bottom:#f1f1f1 1px solid; font-size:16px; color:#7c7c7c; font-weight:400; padding:12px 5px 12px 15px; vertical-align: middle;}
.table_style tbody tr td img{width:80px; border-radius:8px}
.table_style tbody tr td .lead_name{font-size:18px; color:#000; font-weight:700; margin-bottom:5px;}
.table_style tbody tr td .name_icon{background:#28b79b; width:40px; height:40px; color:#fff; font-size:18px; border-radius:50%; line-height:40px; text-align:center}
.table_style tbody tr td .revenue_text{font-size:18px; color:#5cb85c; font-weight:700; }
.table_style tbody tr td .small_green{font-size:14px; color:#5cb85c; font-weight:500; margin-bottom:0px;}
.table_style tbody tr td p{margin-bottom:5px; font-size:14px; color:#7c7c7c; font-weight:400; line-height:20px}
.table_style tbody tr td p strong{font-size:12px; color:#000}
.table_style tbody tr td p span{margin:0 15px}
.table_style tbody tr td .lead_name span{color:#28b79b}
.table_style tbody tr td ul{margin:0px; padding:0px; list-style:none}
.table_style tbody tr td ul li{padding-right:30px; float:left; width:50%; font-size:14px; color:#7c7c7c; font-weight:400; line-height:26px}
.table_style tbody tr td ul li span{color:#000; font-weight:500}
.table_style tbody tr td ul.full_width li{width:100%}
.table_style tbody tr td i{margin-right:10px}
.table_style tbody tr.active td{background-color:#ececec !important; color:#000 !important}
.table_style tbody tr td .btn-danger{padding: 6px 8px}
.table_style tbody tr td .btn-danger i{margin: 0px}
.table_style tbody tr td .btn-info{padding: 6px 8px}
.table_style tbody tr td .btn-info i{margin: 0px}
.table_style tbody tr td .btn-primary{padding: 6px 8px}
.table_style tbody tr td .btn-primary i{margin: 0px}
.table_style tbody tr td .btn-success{padding: 6px 8px}
.table_style tbody tr td .btn-success i{margin: 0px}

.product_table_style{margin:0px; padding:0px; font-family: 'Quicksand', sans-serif;}
.product_table_style thead tr th{background-color:#f9f9f9 !important;  border:#f1f1f1 1px solid !important;  font-size:16px; color:#000; font-weight:700; padding:12px 15px}
.product_table_style tbody tr td{ border:#f1f1f1 1px solid; font-size:16px; color:#7c7c7c; font-weight:400; padding:12px 15px}
.product_table_style tbody tr td .form-control{border:#fff 1px solid; box-shadow:none; height:32px; color:#000; font-size:15px; font-weight:500; font-family: 'Quicksand', sans-serif; border-radius:6px}
.product_table_style tbody tr td .form-control:hover{border:#e6e6e6 1px solid;}
.product_table_style tbody tr td .textarea{height:50px}
.product_table_style tbody tr td h3{margin:0px 0px 5px 0px; font-size:18px; line-height:24px; color:#000}
.product_table_style tbody tr td h3 span{color:#28b79b; font-size:15px}
.product_table_style tfoot tr td{ border:#f1f1f1 1px solid;  padding:10px}
.product_table_style tfoot tr td .total_summary{margin:20px; border:none !important}
.product_table_style tfoot tr td .total_summary tbody tr td{width:200px; border:none}
.label_green{color: #fff; background: #5cb85c; border-radius:5px 0 0 5px; height:22px; text-align: left; display: inline-block; position: relative; text-transform: uppercase; font-size:12px; line-height:23px; padding:0 15px;}
.label_green::after {border-width:11px; border-style: solid inset solid solid; border-color: #5cb85c transparent #5cb85c #5cb85c; bottom: 0; content: ""; display: inline-block; position: absolute; height: 1px; right: -14px;}
.label_red{color: #fff; background: #d9534f; border-radius:5px 0 0 5px; height:22px; text-align: left; display: inline-block; position: relative; text-transform: uppercase; font-size:12px; line-height:23px; padding:0 15px;}
.label_red::after {border-width:11px; border-style: solid inset solid solid; border-color: #d9534f transparent #d9534f #d9534f; bottom: 0; content: ""; display: inline-block; position: absolute; height: 1px; right: -14px;}
.label_yellow{color: #fff; background: #f0ad4e; border-radius:5px 0 0 5px; height:22px; text-align: left; display: inline-block; position: relative; text-transform: uppercase; font-size:12px; line-height:23px; padding:0 15px;}
.label_yellow::after {border-width:11px; border-style: solid inset solid solid; border-color: #f0ad4e transparent #f0ad4e #f0ad4e; bottom: 0; content: ""; display: inline-block; position: absolute; height: 1px; right: -14px;}

.row_0{margin:0px}
.col_0{padding:0px}
.white_main_box .detail_area .pagination{margin:15px 20px 13px 0; min-height:28px}
.pagination > li > a, .pagination > li > span{float:none; color:#28b79b}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color:#28b79b; border-color:#28b79b}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{background-color:#28b79b; border-color:#28b79b; color:#fff}
div.dataTables_filter label{font-weight: 400; float: right; line-height: 36px; margin: 18px 20px 10px 0px; height: 36px; }
div.dataTables_filter label .form-control{border:#e6e6e6 1px solid; box-shadow:none; height:36px; color:#000; font-size:15px; font-weight:500; font-family: 'Quicksand', sans-serif; border-radius:6px}
div.dataTables_length label{font-weight: 400; float: left; text-align: left; width: 40%; line-height: 36px; margin: 18px 0px 10px 20px; height: 36px;}
div.dataTables_length label .form-control{border:#e6e6e6 1px solid; box-shadow:none; height:36px; color:#000; font-size:15px; font-weight:500; font-family: 'Quicksand', sans-serif; border-radius:6px}
div.dataTables_length select{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background:#fff url(../images/dropdown_arrow.png) center right no-repeat; }
div.dataTables_info {    padding-top: 0px !important; margin: 15px; line-height: 26px;}

.bring_in_leads{padding:100px 0; text-align:center}
.bring_in_leads h2{font-size:30px; color:#000; font-weight:400; line-height:36px; margin:0 0 15px 0}
.bring_in_leads h3{font-family: 'Quicksand', sans-serif; font-size:24px; color:#000; font-weight:400; line-height:30px; margin:0 0 15px 0}
.bring_in_leads .md_top{margin-top:30px !important}
.bring_in_leads p{margin-bottom:30px}
.bring_in_leads ul{margin:0px 0 30px 0px; padding:0px; text-align:center; list-style:none}
.bring_in_leads ul li{font-size:16px; font-weight:500; color:#7c7c7c; font-family: 'Quicksand', sans-serif; margin:0 5px; display:inline-block;}
.bring_in_leads ul li a{color:#000; padding:8px 25px; background:#ededed; text-decoration:none; border-radius:20px }
.bring_in_leads ul li a:hover{background-color:#000; color:#fff}
.bring_in_leads .or{background:url(../images/line.png) center center no-repeat; margin:0 0 30px 0}
.bring_in_leads .or .text{width:36px; height:36px; line-height:36px;font-family: 'Quicksand', sans-serif; font-size:16px; color:#fff; background-color:#000; margin:0 auto; border-radius:50%}
.bring_in_leads .icon{width:250px; height:250px; border-radius:15px; padding:20px; margin:0 auto 30px auto;  border:#f1f2f4 2px solid}
.bring_in_leads .icon img{width:100%}


.modal-backdrop.in{z-index:0; opacity:0.7}
.modal-dialog{margin:0px auto}
.modal-content{position:relative; border-radius:0px; box-shadow:none; border:none}
.modal-content .close{position:absolute; top:5px; right:5px; text-align:none; background-color:transparent; opacity:1; color:#fd3036; width:36px; height:36px; border-radius:0px; text-align:center; line-height:36px;}
.modal-content .close img{width:100%}
.modal-content .modal-body{padding:20px 25px; border-radius:0px;}
.modal-content .modal-body h2{ font-weight:400; font-size:24px; color:#000; line-height:24px; padding-bottom:20px; margin:0 0 20px 0px; border-bottom:#e6e6e6 1px solid}
.modal-content .modal-body .form-group{margin-bottom:20px}
.modal-content .modal-body label{font-size:15px; font-family: 'Quicksand', sans-serif; font-weight:500; color:#575757; display:block;}
.modal-content .modal-body .form-control{border:#e6e6e6 1px solid; box-shadow:none; height:46px; color:#000; font-size:15px; font-weight:500; font-family: 'Quicksand', sans-serif; border-radius:6px}
.modal-content .modal-body .select2.select2-container{width:100% !important; }
.modal-content .modal-body .textarea{height:100px}
.modal-content .modal-body select{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background:#fff url(../images/dropdown_arrow.png) center right no-repeat; }
.modal-content .modal-body ul.tab_sub{margin:0px 0px 15px 0px; padding:0px; list-style:none;  border:#ededed 2px solid; float:left; border-radius:25px;   background-color:#fff; width:100% }
.modal-content .modal-body ul.tab_sub > li{margin:0px;  font-family: 'Quicksand', sans-serif; font-weight:700;  font-size:16px; color:#90989c; float:left; width:33.33% }
.modal-content .modal-body ul.tab_sub > li > a {color: #90989c; display: block;  position: relative; text-decoration:none;  padding:8px 20px; border-radius:25px; text-align:center}
.modal-content .modal-body ul.tab_sub > li > a:hover,
.modal-content .modal-body ul.tab_sub > li > a:focus{color:#002d41; outline:none; }
.modal-content .modal-body ul.tab_sub > li.active a{color:#002d41; background:#ededed}
.modal-content .modal-body .btn_add{width:46px; height:46px; padding:0px; border-radius:50%; font-size:24px; border:#28b79b 1px solid; color:#28b79b; margin-top: 26px; background: #fff; box-shadow:none}
.modal-content .modal-body .btn_add:focus{outline:none}

.activitie_list_box{padding:15px}
.activitie_list_box .md_5{margin:0 -5px}
.activitie_list_box .pd_5{padding:0 5px}
.activitie_list_box .title_activities{font-size:20px; font-family: 'Quicksand', sans-serif; font-weight:700;  color:#28b79b; line-height:20px; margin:0 0 15px 0; position:relative; padding-left:30px}
.activitie_list_box .title_activities:before{content:"\f0a4 "; position:absolute; font-family:fontawesome; color:#000; left: 0px; top: 1px; font-size:18px; font-weight:400}
.activitie_list_box .activitie_box{border:#e6e6e6 1px solid; padding:15px; border-radius:8px; position:relative; cursor:pointer; margin-bottom:10px}
.activitie_list_box .activitie_box h3{font-family: 'Quicksand', sans-serif; font-weight:700; font-size:16px; margin:0 0 10px 0; color:#000}
.activitie_list_box .activitie_box h3 i{margin-right:15px; color:#28b79b}
.activitie_list_box .activitie_box h3 span{color:#7c7c7c; font-size:14px; font-weight:500; float:right}
.activitie_list_box .activitie_box p{font-size:14px; line-height:24px; margin:0px; color:#000; font-weight:500}
.activitie_list_box .activitie_box p span{color:#7c7c7c; font-weight:400}
.activitie_list_box .activitie_box .price{padding:6px 12px; font-family: 'Quicksand', sans-serif; font-weight:700; font-size:16px; color:#fff; background:#28b79b; position:absolute; bottom:15px; right:15px; border-radius:5px}
.activitie_list_box .activitie_box:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); }


.import_box{padding:50px; text-align:center; background:#fff; border-radius:8px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); width:50%; margin:0 auto}
.import_box h2{font-size:30px; color:#000; font-weight:400; line-height:36px; margin:0 0 20px 0}
.import_box p{margin-bottom:20px}
.import_box .or{background:url(../images/line.png) center center no-repeat; margin:20px 0}
.import_box .or .text{width:36px; height:36px; line-height:36px;font-family: 'Quicksand', sans-serif; font-size:16px; color:#fff; background-color:#000; margin:0 auto; border-radius:50%}
.import_box .dropzone {background: white; border:#e0e2e6 2px dashed; width:100% !important; font-size:18px; font-family: 'Quicksand', sans-serif; font-weight:700; color:#000; border-radius:10px; margin-bottom:20px}
.import_box .dropzone .dz-message{margin:10px 0}
.import_box .dropzone .dz-preview{display:block; margin:0px}
.import_box .dropzone .dz-preview .dz-details{border:#e4e5e6 2px dashed; border-radius: 10px; padding: 15px; text-align: left;}
.import_box .dropzone .dz-preview .dz-details .dz-filename, .import_box .dropzone .dz-preview .dz-details .dz-size{margin:0px; font-size:18px; font-family: 'Quicksand', sans-serif; font-weight:400; color:#000;  line-height:24px; }
.import_box .dropzone .dz-preview .dz-details .dz-filename span, .import_box .dropzone .dz-preview .dz-details .dz-size span{color:#28b79b; font-weight:700}
.import_box .dropzone .dz-preview .dz-progress{width:200px; margin-top:-18px; background:#f1f2f4}
.import_box .dropzone .dz-preview .dz-progress .dz-upload{background:#28b79b}


.login_main_box{background:#fff; border-radius:8px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); margin:0 auto; width:40%; padding-top:1px}
.login_main_box .top_area{padding:30px}
.login_main_box .top_area .title{line-height:30px; font-size:20px; color:#000; text-align:center; margin-top:15px}
.login_main_box .logo{width:180px; margin:0 auto}
.login_main_box .logo img{width:100%}
.login_main_box .form_area{border-top:#e6e6e6 1px solid; margin:0px; padding:30px 30px 10px 30px;}
.login_main_box .form_area .form-group{margin-bottom:20px}
.login_main_box .form_area label{font-size:15px; font-family: 'Quicksand', sans-serif; font-weight:500; color:#575757}
.login_main_box .form_area .form-control{border:#e6e6e6 1px solid; box-shadow:none; height:46px; color:#000; font-size:15px; font-weight:500; font-family: 'Quicksand', sans-serif; border-radius:6px}
.login_main_box .form_area .btn_green{width:100%; margin:0px}

.pagination-area{text-align: right; padding-top: 10px;}
.pagination-area .pagination > li{float: left;}.filter_btn_box{background:#fff; border-radius:8px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); margin-bottom:30px;padding:15px 30px} .filter_btn_box .form-control{border:#e6e6e6 1px solid; box-shadow:none; height:46px; color:#000; font-size:15px; font-weight:500; font-family: 'Quicksand', sans-serif; border-radius:6px}.filter_btn_box select{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background:#fff url(../images/dropdown_arrow.png) center right no-repeat; }

.white_main_box .title .btn-download{float: right;margin-left: 10px;margin-right: 20px;margin-top: -5px;}
.form-control-ar{direction: rtl;}

.sprt_type input[type="checkbox"]{margin: 0 5px 0 20px;}

.tox-notifications-container{display: none !important;}

.btn-u.btn.btn-info.download_all:visited{background-color: red}
.btn-u.btn.btn-info.downloaded{background-color: #bfbfbf !important;border-color: #bfbfbf !important}

#procedureModal .modal-dialog {
  position:absolute;
  top:50% !important;
  transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  left: 50% !important;
  margin:auto;
  width: 39%;}

#procedureModal .modal-content {padding: 0% !important;}
#procedureModal .modal-content .modal-body{padding: 0%  !important;}


.bg-dander{background-color: #d8534fc4;}
.bg-primary{background-color: #337ab7b8;}
.bg-warning{background-color: #f0ad4e;}
.bg-success{background-color: #5db85c;}
.bg-secondary{background-color: #7c7c7c99;}
.bg-pending-approval{background-color: #ff9248;}

.bg-primary-light,
#procedureModal .btn-primary{ background-color: #0fd3ed4d; }
.bg-success-light,
#procedureModal .btn-success{ background-color: #08ef062b; }
.bg-dander-light,
#procedureModal .btn-danger{ background-color: #f7030352; }
.bg-warning-light,
#procedureModal .btn-warning{ background-color: #fdfc0040; }
.bg-secondary-light,
#procedureModal .btn-secondary{background-color: #7c7c7c99;}
.bg-pending-approval-light,
#procedureModal .btn-pending-approval{background-color: #ff9248;}

#procedureModal  ul{ margin-bottom: 0;}
#procedureModal  ul.check-list .switch.btn{width: 100px !important; height: 50px !important; margin: 0 10px}
#procedureModal  ul.check-list .switch.btn .switch-handle{background-color: #c6c3c3}
#procedureModal  ul.check-list {padding: 0}
#procedureModal  ul.check-list li {display: flex; justify-content: center; align-items: center; padding: 20px 0px; /*border-bottom: 1px solid #333333 */ }
#procedureModal  ul.check-list li:first-child{ box-shadow: 4px 1px 10px #00000030; border-bottom: 2px solid #000; background: #033049; color: #fff; padding: 7px 20px; }
#procedureModal  ul.check-list li:last-child{border-bottom: 1px solid #00000029;}
#procedureModal  ul.check-list li .title {font-size: 24px; text-align: center; width: 33.3%; }
#procedureModal  ul.check-list .switch.btn label{ padding-top: 14px; }
/* #procedureModal  ul.check-list .switch.btn label.switch-on{color: #FFF} */
#procedureModal .btn.btn-primary.accept{ font-size: 22px; padding: 10px 30px; border-radius: 40PX}
#procedureModal .btn.btn-primary.accept img{width: 20px; margin: 0 10px}

/* #procedureModal  ul.check-list li:first-child {justify-content: center; }
#procedureModal  ul.check-list li:first-child .title{width:auto;} */
/* ul.procedure_status {margin: 0; padding: 0; list-style: none;}
ul.procedure_status li.total_div {display: inline-block; } */

.white_main_box .title .total_div {
  font-size: 16px;
line-height: 30px;
float: right;
margin-right: 58px;
}


.number-area{display: flex; align-items: center; justify-content: space-around; gap: 15px;}
.number-area .number-counter{width: 16.66%; background:#fff; border-radius:8px; padding: 15px 5px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); margin-bottom:30px; text-align: center; font-size: 14px;}
.number-area .number-counter strong{display: block; font-size: 24px; line-height: 24px;}

.white_main_box .form_area .permission_checkbox{display: flex;flex-wrap: wrap;align-items: center; gap:10px 20px}
.white_main_box .form_area .permission_checkbox .check-boxbox label{padding: 0 0 0 5px; margin: 0}

.white_main_box .form_area .dynamic_field .row{padding-bottom:20px}