html { position:relative; min-height:100%; }
body { background:#DDD; font-size:16px; font-family:'Lato-Regular'; color:#444; }

@font-face { font-family:'Lato-Regular'; src:url('https://www.domyinsurance.com/demo/public/fonts/Lato-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face { font-family:'Lato-Bold'; src:url('https://www.domyinsurance.com/demo/public/fonts/Lato-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face { font-family:'Lato-Light'; src:url('https://www.domyinsurance.com/demo/public/fonts/Lato-Light.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face { font-family:'Lato-Medium'; src:url('https://www.domyinsurance.com/demo/public/fonts/Lato-Medium.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face { font-family:'Lato-MediumItalic'; src:url('https://www.domyinsurance.com/demo/public/fonts/Lato-MediumItalic.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face { font-family:'Lato-Semibold'; src:url('https://www.domyinsurance.com/demo/public/fonts/Lato-Semibold.ttf') format('truetype'); font-weight: normal; font-style: normal;}

a { color:#3287B2; }
a:hover, a:focus { color:#3b98c8; text-decoration:none; }
th { font-family:'Lato-Bold'; }
footer { position:absolute; bottom:0; right:0; padding-top:15px; padding-bottom:10px; }
.page-title { margin-top:0; margin-bottom:30px; font-weight:300; }
.copyright { margin-bottom:0; text-align:right; font-size:13px; }

/*****/
.dataTables_filter { width:40%; float:left; margin-top:20px; }
.dataTables_filter label { font-weight:normal; }
.dataTables_filter label input { margin-left:10px; border:1px solid #222; padding:6px 20px; }
.dt-buttons { width:50%; float:right; margin-bottom:20px; }
.dt-buttons button { border:0; background:none; margin:0 10px; outline:none; }

.dataTables_info { float:left; margin-bottom:20px; }
.dataTables_paginate { float:right; }
.dataTables_paginate a { font-size:16px; color:#3287B2; padding:10px 10px; background:#FFF; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; cursor:pointer; }
.dataTables_paginate a:last-child { border-right:1px solid #ddd; }
.dataTables_paginate a:hover { background:#f2f2f2; }
/*****/

.penal-title { float:left; font-size:20px; color:#075387; background:#FFF; border-radius:4px; padding:6px 20px; margin:24px 0 0 10px; }
.helper-text i { font-size:20px; color:#777; margin-right:10px;}
.helper-text a { font-size:18px; color:red; }
.login-title { font-size:18px; color:#FFF; background:#29abe2; border-radius:4px; padding:6px 0; }

.action_btn { display:inline-block; width:80px; padding:3px 0; text-align:center; font-size:14px; border-radius:4px; margin-right:6px; color:#FFF; }
.action_btn:hover { color:#FFF; }
.btn_edit { background:#5cb85c; color:#FFF; }
.btn_edit:hover { background:#479e47; color:#FFF; }
.btn_delete { background:#d9534f; color:#FFF; }
.btn_delete:hover { background:#d4423e; color:#FFF; }

.btn_active { background:#5cb85c; color:#FFF; }
.btn_active:hover { background:#479e47; color:#FFF; }
.btn_inactive { background:#d9534f; color:#FFF; }
.btn_inactive:hover { background:#d4423e; color:#FFF; }

.tab-form { width:100%; }
.tab-content { width:100%; float:left; background:#f5f5fa; }
.tab-pane { width:100%; float:left; padding:30px 15px 10px 15px; display:none; }
.tab-pane.active { display:block; }

.form-tab-title { width:100%; float:left; background:#29abe2; margin:0 0 20px 0; }
.form-tab-title h4 { font-size:20px; color:#FFF; padding:10px 0; margin:0; text-align:center; font-family:'Lato-Bold'; border:2px solid #075387; }

.form-tab { width:100%; float:left; margin-bottom:25px; }
.form-tab label { font-size:16px; color:#444; text-align:right; font-weight:normal; padding:8px 0; margin:0; }

.form-tab-button { width:100%; float:left; margin-bottom:30px; }

.btn-action { display:inline-block; width:30px; height:30px; border-radius:4px; padding:4px 0; text-align:center; margin:0 6px 0 0; }
.btn-action i { font-size:16px; color:#FFF; }
.btn-view-edit { background:#41B314; }
.btn-delete { background:#d9534f; }

.table-search { float:left; width:100%; background:#FFF; padding:10px 0; }
.table-search-icon { width:100%; }
.table-search-icon a { display:block; }
.table-search-icon img { }

.search_box { margin:20px 0 !important; }
.add_new_emp { margin:10px 0;}

.table { background:#FFF;}
.input-group { margin:10px 0; }
hr { width:100%; margin-top:20px; margin-bottom:20px; border:0; border-top:1px solid #eee; }

.breadcrumb > .active { color:#29abe2;}

.color1 { background:#60d0ff; }
.color2 { background:#4abeef; }
.color3 { background:#32afe4; }
.color4 { background:#27a5da; }

.color5 { background:#27a5da; }
.color6 { background:#32afe4; }
.color7 { background:#4abeef; }
.color8 { background:#60d0ff; }

.sub_label { display:block; font-size:13px; padding:3px 5px 0 0; }

/*****Shareholder*****/
.share_tabs_main { float:left; width:100%; margin-bottom:30px; }
.share_tabs { float:left; width:100%; }
.share_tabs_other { float:left; width:100%; }
.share_tab { float:left; margin:10px 1%; }

.share_firstn { width:14%; }
.share_m { width:5%; }
.share_lastn { width:14%; }
.share_position { width:15%; }
.share_persentage { width:14%; }
.share_date { width:15%; }
.share_add { float:left; width:7%; margin:10px 1% 0 1%; }
.share_remove { float:left; width:7%; margin:10px 1% 0 1%; }

.share_total { text-align:right; width:100%; }
.addbtn { display:block; width:90px; font-size:14px; padding:9px 0; border:1px solid #359e0b; border-radius:2px; vertical-align:top;}
.removebtn { display:block; width:90px; font-size:14px; padding:9px 0; border:1px solid #d9534f; border-radius:2px; vertical-align:top;}
/*****Shareholder*****/

/*****Insurance*****/
.insu_tabs_main { float:left; width:100%; margin-bottom:30px; }
.insu_tabs { float:left; width:100%; }
.insu_tab { float:left; margin:10px 1%; }
.insu_tab label { font-weight:normal; }

.insu_state { width:8%; }
.insu_type_l { width:13%; }
.insu_licen_id { width:14%; }
.insu_license { width:13%; }
.insu_expire { width:13%; }
.insu_notes { width:15%; }
.insu_add { float:left; width:10%; margin:37px 1% 0 1%; }
.insu_remove { float:left; width:10%; margin:37px 1% 0 1%; }
/*****Insurance*****/

/*****Commercial_Insurance*****/
.comm_tabs_main { float:left; width:100%; margin-bottom:30px; }
.comm_tabs { float:left; width:98%; margin:0 1%; border-bottom:1px solid #DDD; padding:0 0 10px 0; }
.comm_tabs_other { float:left; width:100%; }
.comm_tab { float:left; margin:6px 0.5%; }
.comm_tab label { font-size:14px; color:#444; font-weight:normal; margin:0; }

.comm_state_main { width:8%; }
.comm_type { width:25%; }
.comm_obilgee_name { width:25%; }
.comm_commission { width:25%; }

.comm_add { float:left; width:10%; margin:28px 0.5% 0 0.5%; }
.comm_remove { float:left; width:10%; margin:28px 0.5% 0 0.5%; }

.comm_total { text-align:right; width:100%; font-weight:normal; }
.comm_addbtn { display:block; width:100px; font-size:14px; padding:9px 0; border:1px solid #359e0b; border-radius:2px; vertical-align:top;}
.comm_removebtn { display:block; width:100px; font-size:14px; padding:9px 0; border:1px solid #d9534f; border-radius:2px; vertical-align:top;}
/*****Commercial_Insurance*****/

/*****Product*****/
.prod_tabs_main { float:left; width:100%; margin-bottom:30px; }
.prod_tabs { float:left; width:98%; margin:0 1%; border-bottom:1px solid #DDD; padding:15px 0; }
.prod_tabs_other { float:left; width:100%; }
.prod_tab { float:left; margin:6px 0.5%; }
.prod_tab label { font-size:14px; color:#444; font-weight:normal; margin:0; }

.prod_state_main { width:8%; }
.prod_type { width:24%; }
.prod_obilgee_name { width:24%; }
.prod_telephone { width:18%; }
.prod_commission { width:21%; }
.prod_address { width:46%; }
.prod_city { width:15%; }
.prod_state { width:8%; }
.prod_zip { width:15%; }

.prod_persentage { width:20%; }

.prod_add { float:left; width:10%; margin:28px 0.5% 0 0.5%; }
.prod_remove { float:left; width:10%; margin:28px 0.5% 0 0.5%; }

.prod_total { text-align:right; width:100%; font-weight:normal; }
.prod_addbtn { display:block; width:100%; font-size:14px; padding:9px 0; border:1px solid #359e0b; border-radius:2px; vertical-align:top;}
.prod_removebtn { display:block; width:100%; font-size:14px; padding:9px 0; border:1px solid #d9534f; border-radius:2px; vertical-align:top;}
/*****Product*****/

/*****Setup*****/
.setup_tab { float:left; width:100%; border:1px solid #0983b7; box-shadow:0 2px 6px rgba(0, 0, 0, 0.2); padding:14px; }
.setup_tab .icon { float:left; width:50px; height:50px; line-height:54px; background:#FFF; text-align:center; border-radius:50%; }
.setup_tab .icon i { font-size:22px; color:#0983b7; }
.setup_tab p { float:right; font-size:20px; color:#FFF; margin:0; padding:8px 0 0 0; }

textarea.form-control-main { width:100%; min-height:60px; height:100%; padding:10px 10px; }
/*****Setup*****/

/*****LAYOUT*****/
 #wrapper .sidebar { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width:240px !important; height:100%; float:left; background-color:#075387; position:fixed; left:0; }

#wrapper .main { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width:calc(100% - 240px); left:0; position:relative; float:right; background-color:#e8f7fd; }

#wrapper #sidebar-nav, #wrapper .main { padding-top:90px; }

#wrapper { height:100%; }

body, #wrapper { height:100%; }

.layout-fullwidth #wrapper .sidebar { left:-240px; }
.layout-fullwidth #wrapper .main { width:100%; }
.layout-fullwidth #wrapper .navbar { left:0 !important; }
.layout-fullwidth #wrapper .btn-toggle-fullwidth { color:#ffffff; }
.offcanvas-active #wrapper .sidebar { left:0; }
.offcanvas-active #wrapper .main { width:100%; position:relative; left:260px; }

.main-content { padding:18px 0; }
.navbar + .main-content { padding:105px 0 28px 5px; }

html.fullscreen-bg, html.fullscreen-bg body, html.fullscreen-bg #wrapper { height:100%; }
.vertical-align-wrap { position:absolute; width:100%; height:100%; display:table; }
.vertical-align-middle { display:table-cell; vertical-align:middle; }
/*****LAYOUT*****/

/*****TOP_NAVIGATION*****/
.top_date_time { padding:0 !important; }
.top_name { padding:13px 20px;}
.top_date, .top_time, .top_day  { display:block; width:100%; padding:4px 0; }
.top_date i, .top_time i, .top_day i  { margin-right:8px; }
.top_date span, .top_time span, .top_day span  { font-size:15px; color:#FFF; vertical-align:top; font-family:'Lato-Bold'; }


.slimScrollDiv { height:100% !important; }
.navbar-default {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  border: none;
  background-color: #29abe2;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color:#5dc2ec; }
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #f8f8f8; }
.navbar-default .brand { float:left; padding:6px 20px; background-color:#fff; }

.navbar-btn { float:left; padding:20px 0; }
.navbar-btn button { font-size:24px; padding:4px 8px; line-height:.7; border:none; background:none; outline:none; color:#FFF; }

.navbar-btn-right { float:right; }
.navbar-form { padding:15px; border:0; }
.navbar-form input[type="text"] { min-width:200px; }

.navbar-nav .icon-menu {
	display: inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	padding-top:28px;
	padding-bottom:28px;
	position:relative;
}
.navbar-nav .icon-menu .badge {
	position:absolute;
	top:22px;
	right:16px;
}
.navbar-nav > li > a {
	padding:19px 20px;
}
.navbar-nav > li > a > i { 
	font-size:18px;
	margin-right:6px;
	margin-top:2px;
	vertical-align:middle;
	color:#FFF;
}
.navbar-nav > li > a > i.icon-submenu {
	margin-left:6px;
	margin-right:0;
	font-size:12px;
	position:relative;
	top:2px;
	color:#FFF;
}
.navbar-nav > li > a > span {
	position:relative;
	top:2px;
	color:#FFF;
	font-size:20px;
}
.navbar-nav > li > a img {
	width:50px;
	margin-right:5px;
}
.navbar-nav > li > .dropdown-menu {
	padding:0;
	min-width:225px;
}
.navbar-nav .dropdown-menu {
	border-top:2px solid #29abe2;
}
.navbar-nav .dropdown-menu > li > a {
	padding:10px 20px;
}
.navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus {
	background-color:#fafafa;
}
.navbar-nav .dropdown-menu > li > a span, .navbar-nav .dropdown-menu > li > a i {
	vertical-align:middle;
}
.navbar-toggle { padding: 5px 8px; margin: 20px 15px 20px 0; }
.navbar-toggle .icon-nav { font-size: 24px; }
.notification-item .dot {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 10px;
	height: 10px;
	content: '';
	margin-right: 8px;
}
ul.notifications > li { border-bottom: 1px solid #F0F0F0; }
ul.notifications > li:last-child { border-bottom: none; }
ul.notifications > li > .more { padding-top:12px; padding-bottom:12px; text-align:center; text-decoration:underline; font-weight:600; }
ul.notifications > li > .more:hover, ul.notifications > li > .more:focus { text-decoration:none; }
.dropdown-menu { -moz-box-shadow:0 2px 6px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 2px 6px rgba(0, 0, 0, 0.08);
box-shadow:0 2px 6px rgba(0, 0, 0, 0.08); border-color:#eaeaea; }
.dropdown-menu > li > a { color:#676a6d; }
.dropdown-menu > li i { margin-right:6px; }
.dropdown-menu .active > a, .dropdown-menu .active > a:focus, .dropdown-menu .active > a:hover { background-color:#00AAFF; }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color:#a3a3a3; }
/*****TOP_NAVIGATION*****/

/*****SIDEBAR_NAVIGATION*****/

.sub_nav a { font-size:15px;}
.sidebar { z-index: 9; }
.sidebar .nav > li > a { padding:14px 14px; color:#FFF; border-left:4px solid transparent; border-top:1px solid #ffffff73; }
.sidebar .nav > li > a:hover, .sidebar .nav > li > a:focus, .sidebar .nav > li > a.active { color:#fff; background-color: transparent; }
.sidebar .nav > li > a:hover i, .sidebar .nav > li > a:focus i, .sidebar .nav > li > a.active i { color: #FFF; }
.sidebar .nav > li > a:focus, .sidebar .nav > li > a.active { background-color: #29abe2; border-left-color: #FFF; }

.sidebar .nav > li > a[data-toggle="collapse"] .icon-submenu { 
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1; *display: inline;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	float:right;
	position:relative;
	font-size:20px;
	line-height: 1.1;
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg); 
	margin-right:0;
}

.sidebar .nav > li > a[data-toggle="collapse"].collapsed .icon-submenu { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.sidebar .nav > li > a .badge { font-weight: 400; background-color: #F9354C; }
.sidebar .nav { /* submenu */ }
.sidebar .nav i { width:20px; margin-right:10px; font-size:18px; text-align:center; }
.sidebar .nav span {  font-size:16px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; top: -2px; }
.sidebar .nav .nav { background-color:#2484ad; }
.sidebar .nav .nav > li > a { padding-left:30px; padding-top:10px; padding-bottom:10px; }
.sidebar .nav .nav > li > a:focus, .sidebar .nav .nav > li > a.active { background-color: transparent; border-left-color: transparent; }
.sidebar .nav .nav > li > a.active a { color: #fff; }

/*****SIDEBAR_NAVIGATION*****/

/*****TYPOGRAPHY*****/
.text-success { color:#41B314; }
.text-warning { color:#e4cb10; }
.text-danger { color:#F9354C; }
ul.list-justify > li { margin-bottom:5px; }
ul.list-justify > li span { float:right; }	
/*****TYPOGRAPHY*****/

/*****INPUTS*****/

.form-control-insu { display:block; width:100%; height:40px; padding:6px 6px; font-size:14px; line-height:24px; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.form-control, .form-control-insu { -moz-box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.1); border-color:#313131; background-color:#FFF; }
.form-control:focus, .form-control-insu:focus { -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1); border-color:#29abe2; background-color:#fff; }

.form-control::-webkit-input-placeholder { color:#313131;}
.form-control::-moz-placeholder { color:#313131; }
.form-control:-ms-input-placeholder { color:#313131; }
.form-control:-moz-placeholder { color:#313131; }

.input-group {}
.input-group .form-control, .input-group-addon, .input-group-btn { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow: none; }
.input-group-addon { border:1px solid #eaeaea; }

/* fancy checkbox and radio button */
.fancy-checkbox { display:block; font-weight:normal; }
.fancy-checkbox input[type="checkbox"] {
display:none; }
.fancy-checkbox input[type="checkbox"] + span { display:inline-block; vertical-align:middle; *vertical-align:auto; *zoom:1; *display:inline; cursor:pointer; position:relative; font-size:13px; }
.fancy-checkbox input[type="checkbox"] + span:before { display:inline-block; vertical-align:middle; *vertical-align: auto;
*zoom: 1; *display: inline; position: relative; bottom: 1px; width:18px; height:18px; margin-right:5px; content:""; border: 1px solid #ccc; }
.fancy-checkbox input[type="checkbox"]:checked + span:before { font-family:FontAwesome; content:'\f00c'; font-size:12px;
color:#99a1a7; text-align:center; line-height:16px; background:#ededed; border:1px solid #ccc; }
.fancy-checkbox.custom-color-green input[type="checkbox"]:checked + span:before { color:#53D76A; background-color:#fff; }
.fancy-checkbox.custom-bgcolor-green input[type="checkbox"]:checked + span:before { color:#fff; background-color:#53D76A;
border-color:#32cf4d; }
.fancy-radio { display:block; font-weight:normal; text-align:left !important; padding:0 !important; margin:7px 0 0 0 !important; }
.fancy-radio input[type="radio"] { display:none; }
.fancy-radio input[type="radio"] + span { display:block; cursor:pointer; position:relative; font-size:15px; }
.fancy-radio input[type="radio"] + span i { display:inline-block; vertical-align:middle;*vertical-align:auto; *zoom:1;
*display: inline; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; position:relative; bottom:1px;
content:""; border:1px solid #444; width:18px; height:18px; margin-right:5px; }
.fancy-radio input[type="radio"]:checked + span i:after { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius: 50%; display:block; position:relative; top:3px; left:3px; content:''; width:10px; height:10px; background-color:#444; }
.fancy-radio.custom-color-green input[type="radio"]:checked + span i:after { background-color:#53D76A; } 
.fancy-radio.custom-bgcolor-green input[type="radio"]:checked + span i { background-color:#53D76A; }
.fancy-radio.custom-bgcolor-green input[type="radio"]:checked + span i:after { background-color:#fff; }

/*****INPUTS*****/

/*****BUTTONS*****/
.btn { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -moz-box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.2); padding:9px 22px; margin-right:10px; }

.btn-100 { width:100px; }

.btn-group-lg > .btn, .btn-lg { padding:10px 28px; }
.btn-group-sm > .btn, .btn-sm { padding:5px 18px; }
.btn-group-xs > .btn, .btn-xs { padding:5px 14px; }

.btn-primary { background-color: #00AAFF; border-color: #00a0f0; }
.btn-primary:hover, .btn-primary:focus { background-color: #00a0f0; border-color: #00a0f0; }

.btn-warning { background-color: #e4cb10; border-color: #d6be0f; }
.btn-warning:hover, .btn-warning:focus { background-color: #d6be0f; border-color: #d6be0f; }

.btn-default:hover, .btn-default:focus { background-color: #f7f7f7; }

.btn-success { background-color: #41B314; border-color: #3ca512; }
.btn-success:hover, .btn-success:focus { background-color: #3ca512; border-color: #3ca512; }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn { opacity: 0.4; filter: alpha(opacity=40); }
/*****BUTTONS*****/

/*****PANELS*****/
.panel { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-box-shadow:0 2px 6px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 2px 6px rgba(0, 0, 0, 0.08); box-shadow:0 2px 6px rgba(0, 0, 0, 0.08); background-color:#fff;margin-bottom:30px; }
.panel .panel-heading, .panel .panel-body, .panel .panel-footer { padding-left:15px; padding-right:15px; }
.panel .panel-heading { padding-top:20px; padding-bottom:20px; position:relative; }
.panel .panel-heading .panel-title { margin:0; font-size:22px; color:#0af; font-weight:500; }
.panel .panel-heading button { padding:0; margin-left:5px; background-color:transparent; border:none; outline:none; }
.panel .panel-heading button i { font-size:14px; }
.panel .panel-body { padding-top:0px; padding-bottom:25px; }
.panel .panel-body-form { width:100%; float:left; background:#fafafa; padding-top:20px; border:1px dotted #DDD; }
.panel .panel-note { font-size:13px; line-height:2.6; color:#777777; }
.panel .panel-note i { font-size:16px; margin-right:3px; }
.panel .right { position:absolute; right:20px; top:32%; }
.panel.panel-headline .panel-heading { border-bottom:none; }
.panel.panel-headline .panel-heading .panel-title { margin-bottom:8px; font-size:22px; font-weight:normal; }
.panel.panel-headline .panel-heading .panel-subtitle { margin-bottom:0; font-size:14px; color:#8D99A8; }
.panel.panel-scrolling .btn-bottom { margin-bottom: 30px; }
.panel .table > thead > tr > td:first-child,
.panel .table > thead > tr > th:first-child,
.panel .table > tbody > tr > td:first-child,
.panel .table > tbody > tr > th:first-child,
.panel .table > tfoot > tr > td:first-child,
.panel .table > tfoot > tr > th:first-child { padding-left: 25px; }
.panel .table > thead > tr > td:last-child,
.panel .table > thead > tr > th:last-child,
.panel .table > tbody > tr > td:last-child,
.panel .table > tbody > tr > th:last-child,
.panel .table > tfoot > tr > td:last-child,
.panel .table > tfoot > tr > th:last-child { padding-left: 25px; }

.panel-footer { background-color:#fafafa; }
/*****PANELS*****/

/*****ELEMENTS*****/
.collapsing { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.label { font-weight:normal; }
.metric { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:14px; margin-bottom:30px; border: 1px solid #0983b7;  -moz-box-shadow:0 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 2px 6px rgba(0, 0, 0, 0.2); box-shadow:0 2px 6px rgba(0, 0, 0, 0.2); }
.metric .icon { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; float:left; width:50px; height:50px; line-height:54px; background-color:#FFF; text-align:center; }
.metric .icon i { font-size:24px; color:#00AAFF; }
.metric p { margin-bottom:0; line-height:1.2; text-align:right; color:#FFF; }
.metric .number { display:block; font-size:28px; font-weight:300; }
.metric .title { font-size:16px; }

ul.activity-list > li { padding:25px 0; }
ul.activity-list > li:not(:last-child) { border-bottom:1px solid #F0F0F0; }
ul.activity-list > li .avatar { width:40px; }
ul.activity-list > li > p { margin-bottom:0; padding-left:3.5em; }
ul.activity-list > li .timestamp { display:block; font-size:13px; color:#a3a3a3; }
/*****ELEMENTS*****/

/*****Task_List*****/
.task-list > li { margin-bottom:32px; }
.task-list p { position:relative; }
.task-list p .label-percent { position:absolute; right:0; }
/*****Task_List*****/

/*****Progress_Bar*****/
.progress { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #f1f1f1; }
.progress.wide { width: 60px; }
.progress .progress-bar { -webkit-transition: width 3s ease; -moz-transition: width 3s ease; -ms-transition: width 3s ease; -o-transition: width 3s ease; transition: width 3s ease; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.progress.progress-sm { height: 12px; }
.progress.progress-xs { height: 5px; }
.progress.progress-sm .progress-bar, .progress.progress-xs .progress-bar { text-indent: -9999px; }
.progress-bar-success { background-color: #41B314; }
.progress-bar-warning { background-color: #e4cb10; }
.progress-bar-danger { background-color: #F9354C; }
.weekly-summary { margin-bottom: 30px; font-weight: 300; }
.weekly-summary .number { font-size: 36px; }
.weekly-summary i { font-size: 16px; margin-left: 10px; }
.weekly-summary .percentage { position: relative; top: -7px; }
.weekly-summary .info-label { display: block; margin-bottom: 10px; font-weight: normal; }
.todo-list > li { border-top: 1px solid #F0F0F0; position: relative; }
.todo-list > li:first-child { border-top: none; }
.todo-list > li .fancy-checkbox { position: absolute; top: 50%; margin-top: -11px; }
.todo-list > li .fancy-checkbox input[type="checkbox"] + span { margin-right: 0; }
.todo-list > li p { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 90%; margin: 0; padding: 20px 0 20px 35px; }
.todo-list > li.completed p, .todo-list > li.completed .date { text-decoration: line-through; color: #b4b7b9; }
.todo-list .title { font-size: 16px; font-weight: 600; }
.todo-list .short-description { display: block; margin-top: 5px; }
.todo-list .date { font-size: 13px; color: #a3a3a3; }
.todo-list .controls { float: right; position: absolute; top: 50%; right: 0; margin-top: -11px; }
.todo-list .controls a { margin-left: 5px; }
/*****Progress_Bar*****/

/*****Toastr_Notification*****/
#toast-container > div { opacity: 0.9; filter: alpha(opacity=90); }
#toast-container > div, #toast-container > div:hover { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
#toast-container .toast-close-button { top:-0.9em; }
.toast a { text-decoration:underline; }
.toast a:hover, .toast a:focus { text-decoration:none; color:#fff; }
.toast .toast-message { font-size:14px; line-height:2; }
.toast-info { background-color:#00AAFF; }
.toast-success {background-color:#41B314; }
.toast-warning { background-color:#e4cb10; }
.toast-danger { background-color:#F9354C; }
/*****Toastr_Notification*****/

/*****Tabs*****/
.custom-tabs-line ul { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.custom-tabs-line ul > li { float: left; }
.custom-tabs-line ul > li a { color: #8d9093; font-weight: normal; }
.custom-tabs-line ul > li a:hover, .custom-tabs-line ul > li a:focus { color: #676a6d; background-color: transparent; }
.custom-tabs-line ul > li a:focus { outline: none; }
.custom-tabs-line ul.nav-pills a:hover, .custom-tabs-line ul.nav-pills a:focus { color: #fff; background-color: #00AAFF; }
.custom-tabs-line.tabs-line-bottom { border-bottom: 1px solid #eaeaea; }
.custom-tabs-line.tabs-line-bottom ul > li { margin-bottom: -1px; }
.custom-tabs-line.tabs-line-bottom a { border-bottom: 1px solid transparent; }
.custom-tabs-line.tabs-line-bottom .active a { border-bottom: 2px solid #00AAFF; }
.custom-tabs-line.left-aligned { text-align: left; }
.custom-tabs-line.right-aligned { text-align: right; }
/*****Tabs*****/

/*****Charts*****/
.easy-pie-chart { position: relative; width: 110px; margin: 0 auto; margin-bottom: 15px; text-align: center; }
.easy-pie-chart canvas { position: absolute; top: 0; left: 0; }
.easy-pie-chart .percent { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline;
line-height: 110px; z-index: 2; }
.easy-pie-chart .percent:after { content: '%'; margin-left: 0.1em; font-size: .8em; }
.easy-pie-chart#system-load { width: 130px; }
.easy-pie-chart#system-load .percent { line-height: 128px; }
/*****Charts*****/

/*****AUTHENTICATION_FORMS_PAGE*****/
.auth-box { -moz-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
width: 70%; height: 450px; margin: 0 auto; background-color: #fff; }
.auth-box:before { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; content: ' '; vertical-align: middle; height: 100%; }
.auth-box .content { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 96%; vertical-align: middle; }
.content-right-text { background:rgba(99, 156, 185, 0.92); }
.auth-box .left { float:left; width:42%; height:100%; padding:0 30px; text-align:center; border:1px solid #075387;  }
.auth-box .left:before { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; content: ' '; vertical-align: middle; height: 100%; }
.auth-box .right { float:right; width:58%; height:100%; position:relative; border-top:1px solid #075387; border-right:1px solid #075387; border-bottom:1px solid #075387; border-left:0; }
.login-img { width:100%; float:left; }
.login-img img { width:100%; height:448px; }
.auth-box .right:before { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline;
content: ' '; vertical-align: middle; height: 100%; }
.auth-box .right .text { position:absolute; width:100%; padding:14px 30px; color:#fff; bottom:0; left:0; }
.auth-box .right .heading { margin-top:0; margin-bottom:5px; font-size:21px; font-weight:normal; line-height:28px; }
.auth-box .right p { margin: 0; font-size:16px; font-weight:normal; }
.auth-box .right .overlay { position: absolute; top: 0; display: block; width: 100%; height: 100%; background: rgba(99, 156, 185, 0.92); }
.auth-box .header { margin-bottom: 30px; }
.auth-box .lead { margin-top: 5px; font-size: 18px; text-align: center; }
.auth-box .form-auth-small .btn { margin-top: 20px; }
.auth-box .form-auth-small .element-left { float: left; }
.auth-box .form-auth-small .element-right { float: right; }
.auth-box .form-auth-small .bottom { margin-top: 20px; text-align: center; }
.auth-box.lockscreen { width: 50%; padding: 40px 60px; }
.auth-box.lockscreen .logo { margin-bottom: 30px; }
.auth-box.lockscreen .user { margin-bottom: 30px; }
.auth-box.lockscreen .user .name { font-size: 18px; margin-top: 10px; }
/*****AUTHENTICATION_FORMS_PAGE*****/

/*****HELPERS*****/
.bg-success { background-color:#41B314; }
.bg-warning { background-color:#e4cb10; }
.bg-danger { background-color:#F9354C; }
.no-padding { padding:0 !important; }
.margin-top-30 { margin-top:30px !important; }
.margin-bottom-30 { margin-bottom:30px !important; }
.padding-top-30 { padding-top:30px !important; }
.padding-bottom-30 { padding-bottom:30px !important; }
/*****HELPERS*****/
  
/*****PAGE_PROFILE*****/
.panel-profile { position: relative; }
.profile-left { padding-left:0; float:left; width:35%; height:100%; position:absolute; background-color:#F8F8F8; }
.profile-right { float:right; width:65%; padding:20px 25px; }
.profile-right .heading { margin-top:0; }
.profile-header { position:relative; text-align:center; color:#fff; }
.profile-header .overlay { display:block; content:""; position:absolute; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.2); }
.profile-header .profile-main { position:relative; padding:20px; background-image:url("../../assets/img/profile-bg.png");
background-repeat:no-repeat; background-size:cover; }
.profile-header .name { margin:8px 0 0 0; font-size:22px; }
.profile-header .online-status { font-size:13px; position:relative; top:-2px; }
.profile-header .online-status:before { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display:inline-block; vertical-align:middle; *vertical-align:auto; *zoom:1; *display:inline; content:''; width:8px; height:8px; margin-right:3px; }
.profile-header .online-status.status-available:before { background-color:#41B314; }
.profile-header .profile-stat { position:relative; background-color:#00AAFF; }
.profile-header .profile-stat .stat-item { padding:20px; position:relative; }
.profile-header .profile-stat .stat-item:after { content:""; display:block; position:absolute; top:0; right:0; width:1px;
height:100%; background-color:#33bbff; }
.profile-header .profile-stat .stat-item:last-child:after { display:none; }
.profile-header .profile-stat .stat-item span { display:block; }
.profile-detail { padding-bottom:30px; }
.profile-info { padding:0 20px; margin:40px 0; }
.profile-info .heading { margin:0 0 10px 0; font-weight:600; }
.profile-info ul > li { margin-bottom:8px; }
.social-icons { margin-bottom:0; }
.social-icons > li { padding:0 2px 5px 2px; }
.social-icons > li > a { display:inline-block; vertical-align:middle; *vertical-align:auto; *zoom:1; *display:inline; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width:40px; height:40px; line-height:42px; text-align:center; background-color:#4d4d4d; color:#fff; }
.social-icons > li > a i { font-size:18px; }
.social-icons > li > a:hover, .social-icons > li > a:focus { background-color:#404040; }
/*****PAGE_PROFILE*****/

/*****Report*****/
.report-main { width:100%; padding:10px 25px; }
.report-title { width:100%;  }
.report-title h3 { font-size:26px; color:#0af; padding:0 0 10px 0; margin:0;   }
.report-title h4 { font-size:22px; color:#666; padding:0; margin:0; }

.report-time { width:100%; margin:10px 0; }
.report-time label { font-size:16px; color:#666; font-weight:normal; }
.report-time span { font-size:16px; color:#666; margin:0; }
.report-time span strong { font-weight:normal;  }

.report_id_name { width:92%; float:left; background:#e5f0ff; padding:8px 4%; border-radius:50px; border:1px solid #0af; }
.report_id_name label { width:40%; font-size:16px; color:#666; font-weight:normal; text-align:right; }
.report_id_name span { width:60%; font-size:16px; color:#0af; margin:0; text-align:left; }
/*****Report*****/

/*****Colored_Background*****/
.z500px-bg { background-color: #0099e5 !important; }
.z500px-bg:hover, .z500px-bg:focus { background-color: #0088cc !important; }

.about-me-bg { background-color: #00405d !important; }
.about-me-bg:hover, .about-me-bg:focus { background-color: #002e44 !important; }

.airbnb-bg { background-color: #fd5c63 !important; }
.airbnb-bg:hover, .airbnb-bg:focus { background-color: #fd434b !important; }

.alphabet-bg { background-color: #ed1c24 !important; }
.alphabet-bg:hover, .alphabet-bg:focus { background-color: #de1219 !important; }

.amazon-bg { background-color: #ff9900 !important; }
.amazon-bg:hover, .amazon-bg:focus { background-color: #e68a00 !important; }

.american-express-bg { background-color: #002663 !important; }
.american-express-bg:hover, .american-express-bg:focus { background-color: #001c4a !important; }

.aol-bg { background-color: #ff0b00 !important; }
.aol-bg:hover, .aol-bg:focus { background-color: #e60a00 !important; }

.behance-bg { background-color: #1769ff !important; }
.behance-bg:hover, .behance-bg:focus { background-color: #0059fd !important; }

.bing-bg { background-color: #ffb900 !important; }
.bing-bg:hover, .bing-bg:focus { background-color: #e6a700 !important; }

.bitbucket-bg { background-color: #205081 !important; }
.bitbucket-bg:hover, .bitbucket-bg:focus { background-color: #1b436d !important; }

.bitly-bg { background-color: #ee6123 !important; }
.bitly-bg:hover, .bitly-bg:focus { background-color: #e65312 !important; }

.blogger-bg { background-color: #f57d00 !important; }
.blogger-bg:hover, .blogger-bg:focus { background-color: #dc7000 !important; }

.booking-com-bg { background-color: #003580 !important; }
.booking-com-bg:hover, .booking-com-bg:focus { background-color: #002a67 !important; }

.buffer-bg { background-color: #168eea !important; }
.buffer-bg:hover, .buffer-bg:focus { background-color: #1380d3 !important; }

.code-school-bg { background-color: #616f67 !important; }
.code-school-bg:hover, .code-school-bg:focus { background-color: #55615a !important; }

.codecademy-bg { background-color: #f65a5b !important; }
.codecademy-bg:hover, .codecademy-bg:focus { background-color: #f54243 !important; }

.creative-market-bg { background-color: #8ba753 !important; }
.creative-market-bg:hover, .creative-market-bg:focus { background-color: #7d964b !important; }

.delicious-bg { background-color: #3399ff !important; }
.delicious-bg:hover, .delicious-bg:focus { background-color: #1a8cff !important; }

.deviantart-bg { background-color: #05cc47 !important; }
.deviantart-bg:hover, .deviantart-bg:focus { background-color: #04b33e !important; }

.digg-bg { background-color: #005be2 !important; }
.digg-bg:hover, .digg-bg:focus { background-color: #0051c9 !important; }

.disqus-bg { background-color: #2e9fff !important; }
.disqus-bg:hover, .disqus-bg:focus { background-color: #1593ff !important; }

.django-bg { background-color: #092e20 !important; }
.django-bg:hover, .django-bg:focus { background-color: #051911 !important; }

.dribbble-bg { background-color: #ea4c89 !important; }
.dribbble-bg:hover, .dribbble-bg:focus { background-color: #e7357a !important; }

.elance-bg { background-color: #0d69af !important; }
.elance-bg:hover, .elance-bg:focus { background-color: #0b5b97 !important; }

.envato-bg { background-color: #82b541 !important; }
.envato-bg:hover, .envato-bg:focus { background-color: #75a23a !important; }

.etsy-bg { background-color: #d5641c !important; }
.etsy-bg:hover, .etsy-bg:focus { background-color: #be5919 !important; }

.facebook-bg { background-color: #3b5998 !important; }
.facebook-bg:hover, .facebook-bg:focus { background-color: #344e86 !important; }

.feedly-bg { background-color: #2bb24c !important; }
.feedly-bg:hover, .feedly-bg:focus {
background-color: #269d43 !important; }

.flattr-bg { background-color: #f67c1a !important; }
.flattr-bg:hover, .flattr-bg:focus { background-color: #ed6f09 !important; }

.flickr-bg { background-color: #0063dc !important; }
.flickr-bg:hover, .flickr-bg:focus { background-color: #0058c3 !important; }

.flipboard-bg { background-color: #e12828 !important; }
.flipboard-bg:hover, .flipboard-bg:focus { background-color: #d21d1d !important; }

.flixster-bg { background-color: #2971b2 !important; }
.flixster-bg:hover, .flixster-bg:focus { background-color: #24649d !important; }

.foursquare-bg { background-color: #0732a2 !important; }
.foursquare-bg:hover, .foursquare-bg:focus { background-color: #062a8a !important; }

.github-bg { background-color: #4183c4 !important; }
.github-bg:hover, .github-bg:focus { background-color: #3876b4 !important; }

.google-bg { background-color: #4285f4 !important; }
.google-bg:hover, .google-bg:focus { background-color: #2a75f3 !important; }

.google-plus-bg { background-color: #dc4e41 !important; }
.google-plus-bg:hover, .google-plus-bg:focus { background-color: #d83a2b !important; }

.instagram-bg { background-color: #3f729b !important; }
.instagram-bg:hover, .instagram-bg:focus { background-color: #386589 !important; }

.kickstarter-bg { background-color: #2bde73 !important; }
.kickstarter-bg:hover, .kickstarter-bg:focus { background-color: #20cf67 !important; }

.kik-bg { background-color: #82bc23 !important; }
.kik-bg:hover, .kik-bg:focus { background-color: #73a71f !important; }

.lastfm-bg { background-color: #d51007 !important; }
.lastfm-bg:hover, .lastfm-bg:focus { background-color: #bc0e06 !important; }

.line-bg { background-color: #00c300 !important; }
.line-bg:hover, .line-bg:focus { background-color: #00aa00 !important; }

.linkedin-bg { background-color: #0077b5 !important; }
.linkedin-bg:hover, .linkedin-bg:focus { background-color: #00669c !important; }

.mail-ru-bg { background-color: #168de2 !important; }
.mail-ru-bg:hover, .mail-ru-bg:focus { background-color: #147fcb !important; }

.mailchimp-bg { background-color: #2c9ab7 !important; }
.mailchimp-bg:hover, .mailchimp-bg:focus { background-color: #2789a2 !important; }

.myspace-bg { background-color: #000000 !important; }
.myspace-bg:hover, .myspace-bg:focus { background-color: black !important; }

.netflix-bg { background-color: #e50914 !important; }
.netflix-bg:hover, .netflix-bg:focus { background-color: #cc0812 !important; }

.ning-bg { background-color: #75af42 !important; }
.ning-bg:hover, .ning-bg:focus { background-color: #699c3b !important; }

.path-bg { background-color: #ee3423 !important; }
.path-bg:hover, .path-bg:focus { background-color: #e62412 !important; }

.patreon-bg { background-color: #e6461a !important; }
.patreon-bg:hover, .patreon-bg:focus { background-color: #d03f17 !important; }

.paypal-bg { background-color: #003087 !important; }
.paypal-bg:hover, .paypal-bg:focus {background-color: #00276e !important; }

.photobucket-bg { background-color: #0ea0db !important; }
.photobucket-bg:hover, .photobucket-bg:focus { background-color: #0c8ec3 !important; }

.pinterest-bg { background-color: #bd081c !important; }
.pinterest-bg:hover, .pinterest-bg:focus { background-color: #a50718 !important; }

.product-hunt-bg { background-color: #da552f !important; }
.product-hunt-bg:hover, .product-hunt-bg:focus { background-color: #cb4924 !important; }

.quora-bg { background-color: #a82400 !important; }
.quora-bg:hover, .quora-bg:focus { background-color: #8f1f00 !important; }

.rdio-bg { background-color: #007dc3 !important; }
.rdio-bg:hover, .rdio-bg:focus { background-color: #006daa !important; }

.reddit-bg { background-color: #ff4500 !important; }
.reddit-bg:hover, .reddit-bg:focus { background-color: #e63e00 !important; }

.rss-bg { background-color: #f26522 !important; }
.rss-bg:hover, .rss-bg:focus { background-color: #ed560e !important; }

.salesforce-bg { background-color: #1798c1 !important; }
.salesforce-bg:hover, .salesforce-bg:focus { background-color: #1486aa !important; }

.scribd-bg { background-color: #1a7bba !important; }
.scribd-bg:hover, .scribd-bg:focus { background-color: #176ca4 !important; }

.shopify-bg { background-color: #96bf48 !important; }
.shopify-bg:hover, .shopify-bg:focus { background-color: #89b03e !important; }

.skype-bg { background-color: #00aff0 !important; }
.skype-bg:hover, .skype-bg:focus { background-color: #009cd7 !important; }

.slack-bg { background-color: #6ecadc !important; }
.slack-bg:hover, .slack-bg:focus { background-color: #59c2d7 !important; }

.slideshare-bg { background-color: #0077b5 !important; }
.slideshare-bg:hover, .slideshare-bg:focus { background-color: #00669c !important; }

.soundcloud-bg { background-color: #ff8800 !important; }
.soundcloud-bg:hover, .soundcloud-bg:focus { background-color: #e67a00 !important; }

.spotify-bg { background-color: #2ebd59 !important; }
.spotify-bg:hover, .spotify-bg:focus { background-color: #29a84f !important; }

.squarespace-bg { background-color: #222222 !important; }
.squarespace-bg:hover, .squarespace-bg:focus { background-color: #151515 !important; }

.stackoverflow-bg { background-color: #fe7a15 !important; }
.stackoverflow-bg:hover, .stackoverflow-bg:focus { background-color: #f86c01 !important; }

.stripe-bg { background-color: #00afe1 !important; }
.stripe-bg:hover, .stripe-bg:focus { background-color: #009bc8 !important; }

.stumbleupon-bg { background-color: #eb4924 !important; }
.stumbleupon-bg:hover, .stumbleupon-bg:focus { background-color: #e13b15 !important; }

.telegram-bg { background-color: #0088cc !important; }
.telegram-bg:hover, .telegram-bg:focus { background-color: #0077b3 !important; }

.tumblr-bg { background-color: #35465c !important; }
.tumblr-bg:hover, .tumblr-bg:focus { background-color: #2c3a4c !important; }

.twitch-tv-bg { background-color: #6441a5 !important; }
.twitch-tv-bg:hover, .twitch-tv-bg:focus { background-color: #593a93 !important; } 

.twitter-bg { background-color: #55acee !important; }
.twitter-bg:hover, .twitter-bg:focus { background-color: #3ea1ec !important; }

.vimeo-bg { background-color: #162221 !important; }
.vimeo-bg:hover, .vimeo-bg:focus { background-color: #0c1312 !important; }

.vine-bg { background-color: #00b488 !important; }
.vine-bg:hover, .vine-bg:focus { background-color: #009b75 !important; }

.wechat-bg { background-color: #7bb32e !important; }
.wechat-bg:hover, .wechat-bg:focus { background-color: #6d9f29 !important; }

.whatsapp-bg { background-color: #43d854 !important; }
.whatsapp-bg:hover, .whatsapp-bg:focus { background-color: #2ed441 !important; }

.yahoo-bg { background-color: #410093 !important; }
.yahoo-bg:hover, .yahoo-bg:focus { background-color: #36007a !important; }

.youtube-bg { background-color: #cd201f !important; }
.youtube-bg:hover, .youtube-bg:focus { background-color: #b71d1c !important; }

.profile-right .heading { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #eaeaea; }

.awards { margin-bottom: 50px; } 
.awards div[class^="col-"] { text-align: center; }
.award-item { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; text-align: center; margin-bottom: 30px; }
.award-item .hexagon { margin: 35px 0; }
.hexagon { width: 100px; height: 55px; background: #ececec; position: relative; }
.hexagon:before { content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 25px solid #ececec; }
.hexagon:after { content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 25px solid #ececec; }
.award-icon { font-size: 36px; line-height: 1.5em; }

ul.activity-timeline > li { margin-bottom: 45px; position: relative; z-index: 0; }
ul.activity-timeline > li .activity-icon { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; float: left; width: 34px; height: 34px; background-color: #00AAFF; font-size: 16px; color: #fff; line-height: 34px; text-align: center; margin-right: 10px; }
ul.activity-timeline > li > p { margin-bottom: 0; padding-left: 40px; }
ul.activity-timeline > li .timestamp { display: block; font-size: .85em; color: #a3a3a3; }
ul.activity-timeline > li:after { content: ""; display: block; border-left: 1px solid #eaeaea; width: 1px; height: 100px; position: absolute; top: 5px; left: 16px; z-index: -1; }
ul.activity-timeline > li:last-child:after { display: none; }

.project-table .progress { margin-bottom: 0; }
.project-table .progress-bar { font-size: 10px; }
.project-table > tbody > tr > td { padding: 12px 8px; }
.project-table > tbody > tr > td .avatar { width: 22px; border: 1px solid #CCC; }
/*****Colored_Background*****/

/*****Accordion_Tab*****/
.panel-group .panel { border-radius:0; box-shadow:none; border-color:#EEEEEE; }
.panel-default > .panel-heading { padding:0; border-radius:0; color:#212121; background-color:#FAFAFA; border-color:#EEEEEE; }
.panel-title { font-size:14px; }
.panel-title > a { display:block; font-size:18px; color:#FFF; padding:15px; text-decoration:none; }
.more-less { float:right; font-size:12px; color:#FFF; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color:#EEEEEE;}

#accordion .panel .panel-heading .panel-title { background:#075387; border:1px solid #075387; }
#accordion .panel { background:#fafafa;}
#accordion .accordion-body { padding:25px 0; }
/*****Accordion_Tab*****/

  .box2:nth-child(4) a{
    background-color: #00c0ef !important;
    padding: 5px 20px !important;
    width: 100%;
    border-radius: 0px;
    height: 100px !important;
}


/*****Responsive*****/
@media screen and (min-width: 1440px) {
	.auth-box.lockscreen { width:35%; }
}
@media screen and (max-width: 1279px) {
	.auth-box { width:90%; }
	.auth-box .left { top:3.3em; }
}
@media screen and (max-width: 1023px) {
	.auth-box .left { width:100%; position:inherit; padding:30px; }
	.auth-box .right { display:none; }
	
	.profile-header .profile-stat .stat-item:after { display:none; }
}
@media (max-width:1024px) {
	.navbar-default .brand { padding-left:30px; padding-right:15px; }
	#wrapper .sidebar { left:-240px; }
	#wrapper .main { width:100%; }
	#wrapper .navbar { left:0 !important; }
	.btn-toggle-minified { display:none; } 
}
@media screen and (max-width: 992px) {
	.profile-left, .profile-right { float:none; width:100%; }
	.profile-left { position:relative; margin-bottom:30px; }
	
	.auth-box { width:70%; }
	.auth-box.lockscreen { width:50%; padding:40px 20px; }
}
@media (max-width:991px) {
	.navbar-nav > li > a { padding:19px 0;}
	.navbar-nav > li > a > i { font-size:16px; }
	.navbar-nav > li > a > span { font-size:16px; }
}
@media (max-width:800px) {
	.navbar-right { display:none; }
	.navbar-btn { float:right; }
}
@media (max-width:767px) {
	.navbar + .main-content { padding-top:155px; }
	#wrapper #sidebar-nav, #wrapper .main { padding-top:90px; }
	
	.copyright { text-align:center; position:relative !important; }
	.navbar-form { float:left; width:70%; margin-left:5px; margin-right:5px; padding-left:0; padding-right:0; }
	.navbar-form .input-group { width:70%; }
	.navbar-form input[type="text"] { min-width: 150px; }
	
	.navbar-nav { width:100%; margin:0; }
	.navbar-nav > li { display:table-cell; width:1%; position:inherit; text-align:center; }
	.navbar-nav > li > a { padding:15px 20px; }
	.navbar-nav > li > a span:not(.badge), .navbar-nav > li > a .icon-submenu { display:none; }
	.navbar-nav .open .dropdown-menu { -moz-box-shadow:0 2px 6px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 2px 6px rgba(0, 0, 0, 0.08); box-shadow:0 2px 6px rgba(0, 0, 0, 0.08); position:absolute; width:100%; margin-top:3px; background-color:#fff; }
	.navbar-nav .open .dropdown-menu > li > a { padding:10px 15px; }
	.navbar-nav .icon-menu { padding-top:15px; padding-bottom:15px; }
	.navbar-nav .icon-menu .badge { top:10px; right:15px; }
	
	.navbar-nav.navbar-right { margin-right:0; } 
	.custom-tabs-line ul li.active > a { margin-bottom:-1px; }
}
@media screen and (max-width:640px) {
	.navbar-form { display: none; }
	.navbar-btn { padding-left:0; }
	.navbar-default #navbar-menu { float:right; }
	
	.auth-box { width:90%; }
	.auth-box .content { width:95%; }
	.auth-box.lockscreen { width:90%; }
}
@media (max-width:600px) {
	.main-content { padding:20px 0; }
}
@media (max-width:480px) {
	.panel .panel-heading, .panel .panel-body, .panel .panel-footer { padding-left:10px; padding-right:10px; }
	.navbar-default .brand { width:82%; }
	
	.form-tab { margin-bottom:15px; }
	.form-control { margin-bottom:5px; }
	.btn { margin-right:5px; }
	.tab-pane { padding:20px 5px 10px 5px; }
	.form-tab label { padding:8px 15px;}
}
/*****Responsive*****/