body{font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; color: #171717; background: #F1F1F1}
input:focus{outline: 0px;}
a{color: #717171}
a:hover{color: #000}
a, a:hover{ transition: 0.5s;}
input, input:hover{ transition: 0.5s;}
select{width: 100%; height: 45px; border:1px solid #DEDEDE; padding:5px 20px 5px 10px;}
textarea{width: 100%; height: 100px; background: #F5F5F5; border:1px solid #D1D1D1; padding: 10px;}
.input{width: 100%; height: 45px; border:1px solid #DEDEDE; padding:10px 10px 10px 10px;  }
.input2{padding: 5px; height: 30px;}
.submit{background: #f89d04; color: #fff; width: 100%; height: 45px; border:0px; font-size:18px; text-transform: uppercase; cursor: pointer;}
.submit:hover{background: #88c007; text-decoration: none;}
.textarea{width: 100%; height: 100px; border:1px solid #DEDEDE; padding:10px 10px 10px 10px;  }


.padding_00{padding: 0px;}
.line-height-35{line-height: 35px;}

.responsive_head{display: none; width: 100%; height: auto; padding: 15px; background: #3e3e3e; position: fixed; z-index: 999;}
.responsive_head .logo{text-align: center;}
.responsive_head .logo img{height: 40px;}

.responsive_head .menu-link{color: #fff; font-size: 30px; padding: 5px; float: left; margin-top: 0px;}
.responsive_head .menu-link:hover{text-decoration: none; color:#e2982c}

.on_off_lable{float: left; margin: 8px 0px 0px 10px;}

.left_panel{height:100%; background:#171717; position: fixed; padding:15px 0px; overflow-x: hidden; overflow-y: scroll; z-index: 1;  }
.left_panel .logo_icon{width: 70%; height: auto; text-align: center; padding-top: 15px; padding-bottom: 15px; margin: 0px auto}
.left_panel .logo_icon img{max-width: 130px; height: auto; width: 90%;}
.left_panel .welcome_text{width: 100%; height: auto; float: left; font-size: 15px; color:#fff; line-height: 20px; text-align: center; margin: 20px 0px; }
.left_panel .welcome_text span{font-size: 20px;}
.left_panel .welcome_text a{font-size: 13px; color: #fff;}
.left_panel .menu{width: 100%; height: auto; float: left;}
.left_panel .menu ul{margin: 0px; padding: 0px; width: 100%; height: auto; float: left;}
.left_panel .menu ul li{list-style: none; text-align: center; width: 100%; height: auto; margin-bottom: 1px; float: left; }
.left_panel .menu ul li a{width: 100%; height: auto; text-align: center; line-height: 20px; color: #fff; /*background-color: rgba(113,113,113, 0.2);*/ float: left; padding: 15px 0px; text-shadow: 0px 0px 5px #a2a2a2; text-decoration: none;}
.left_panel .menu ul li a:hover{background-color: rgba(113,113,113, 0.4); text-decoration: none;}
.left_panel .menu ul li a i{font-size: 30px; width: 100%; line-height: 40px; }
.left_panel .menu ul li.active a{background-color: rgba(113,113,113, 0.4); text-decoration: none;}


.right_panel{padding-left: 20px; padding-right: 20px; margin-top: 50px;}
.main_title{font-size: 25px; color:#000; font-family: 'Roboto', sans-serif; margin: 20px 0px 20px 0px; font-weight: 600; text-transform: uppercase;}
.main_title span{font-weight: 300; color: #000}

.sub_title2{font-size: 18px; color:#F48120; font-family: 'Roboto', sans-serif; font-weight: 600; text-transform: uppercase;}
.sub_title3{font-size: 15px; color:#171717; font-family: 'Roboto', sans-serif; font-weight: 500; text-transform: uppercase;}


.logout_button{padding: 10px 15px; background: #f26e46; float: right; margin: 15px 0px 0px 0px; color: #fff}
.logout_button:hover{background:#faa62a; text-decoration: none; color: #fff}

.margin_top_10{margin-top: 10px;}
.margin_top_15{margin-top: 15px;}
.margin_top_20{margin-top: 20px;}
.margin_top_30{margin-top: 30px;}
.margin_top_40{margin-top: 40px;}
.margin_top_50{margin-top: 50px;}

.width_100{float: left;width: 100%; height: auto;}

.dashbaord_elements{background: #000; padding:0px 0px 0px 0px; color: #fff; margin-bottom: 20px; position: relative;}
.dashbaord_elements::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f013"; position: absolute; font-size: 60px; opacity: 0.5; top: 80px; left: 30px; transition: 0.5s;}
.dashbaord_elements .title{text-align: center; padding:0px; font-size: 18px; font-weight: 300; line-height: 40px; background: #505050; font-weight: 400; text-transform: uppercase;}
.dashbaord_elements .count{font-size: 70px; font-weight: 800; text-align: center; padding: 10px 0px 0px 0px; line-height: 70px; width: 100%; height:80px; float: left; margin: 20px 0px;}
.dashbaord_elements:hover::before{opacity: 1; font-size:  70px; transition: 0.5s; left: 25px;}
.dashbaord_elements a{text-decoration: none;}

.dashboard_a{background: #2f2f2f}
.dashboard_a a{text-align: center; color: #fff; padding: 5px 0px; }
.dashboard_a a:hover{text-decoration: none;}

.dashbaord_elements1{background: #7BAB15}
.dashbaord_elements1 .title{background: #93CE16}
.dashbaord_elements1 a{background: #628E06;}

.dashbaord_elements2{background:#FF4568}
.dashbaord_elements2::before{content: "\f0c0"; }
.dashbaord_elements2 .title{background: #FF6380}
.dashbaord_elements2 a{background: #DC2E4F;}


.dashbaord_elements3{background: #00C0EF}
.dashbaord_elements3::before{content: "\f0c0"; }
.dashbaord_elements3 .title{background: #1DD3FF}
.dashbaord_elements3 a{background: #04ACD5;}

.dashbaord_elements4{background: #A657D0}
.dashbaord_elements4::before{content: "\f0c5"; }
.dashbaord_elements4 .title{background: #BC6FE5}
.dashbaord_elements4 a{background: #9443BF;}

.dashbaord_elements5{background: #FF9513}
.dashbaord_elements5::before{content: "\f0e0"; }
.dashbaord_elements5 .title{background: #FFA12D}
.dashbaord_elements5 a{background: #E88D1D;}

.dashbaord_elements6{background: #16bfa7}
.dashbaord_elements6::before{content: "\f0e0"; }
.dashbaord_elements6 .title{background: #29e4ca}
.dashbaord_elements6 a{background: #059e89;}


.login_bg{background:#000; width: 100%; height: 100%; float: left; background-image: url('../images/admin_login_bg.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover }

.login_right{width: 40%; height: auto; float: left; margin-left:5%}
.login_left .logo{margin-top:20px; }
.login_left{border-right:1px solid #585858; height: 300px; width: 45%; margin-right: 5%; float: left;}

.login_center{width: 1000px; height: auto; margin: 15% auto 0px auto;}
.login_center .title{font-size: 35px; font-weight: 500; color:#fff; text-shadow: 0px 3px 10px #3a3a3a; width: 100%; text-align: center; float: left; margin: 40px 0px;}
.login_center .title span{font-weight: 300;}
.login_center .ul_button{width: 100%; height: auto; float: left;}
.login_center .ul_button ul{margin: 0px; padding: 0px;}
.login_center .ul_button ul li{list-style: none; float: left; width: 100%; height: auto;}
.login_center .ul_button ul li a{background:#FF4229; width: 100%; border-radius: 100px; float: left; font-size: 25px; color: #fff; padding: 15px; text-align: center; font-weight: 300; margin-bottom: 15px;}
.login_center .ul_button ul li a:hover{background: #FFCF38; text-decoration: none;}

.login_center .login_form{margin-top: 30px;}
.login_center .login_form .form-control{border:0px; padding: 30px; border-radius: 0px; font-size: 16px; text-align: left; padding-left: 60px; padding-right: 60px; margin-bottom: 10px;}
.login_center .login_form .form-control:focus{outline: 0;}

.form-control{border-radius:0px; }
.form-control:focus{outline: 0;}


.login_center .login_form .blogin{background:#89F422; width: 100%; border-radius: 0px; float: left; font-size: 16px; color: #000; padding: 16px; border: 0px; font-weight: 400; cursor:pointer; }
.login_center .login_form .blogin:hover{background:#000; color: #89F422; text-decoration: none;}

.login_center .login_form .login_user_icon{position:absolute; width: 23px; height: 23px; margin-top: 17px; margin-left: 25px;}
.login-eye-icon{float: right; margin-right: 25px; margin-top: -50px; position: relative; z-index: 2; font-size: 18px; cursor: pointer;}

.float_left{float: left;}
.float_right{float: right;}

.common_button{padding: 10px 15px; background:#212529; color: #fff}
.common_button:hover{background:#000; text-decoration: none; color: #fff}

.search_icon{padding: 12px 15px; background:#212529; color: #fff; border: 0px; position: absolute; top: -4px; right: 15px;}
.search_icon:hover{background:#000; text-decoration: none; color: #fff}

.model_add_button{padding: 10px 15px; border-radius:0px; border: 0px;  background:#03cdfb; color: #fff; font-size: 16px; text-decoration: none;}
.model_add_button:hover{background:#000; text-decoration: none; color: #fff}

.cancel_button{border-radius: 0px; padding: 10px 15px; border-radius:0px; border: 0px;}

.already_email{width: 100%; height: auto; float: left; margin-top: 5px; color: #f00;}
.error{ margin-top: 5px; color: #f00; margin-bottom: 0px;}

.loading{position: fixed; z-index: 999999999; background-color: rgba(256, 256, 256, 0.3); left: 0px; top: 0px; bottom: 0px; right: 0px; display: block;}
.loading .spinner-border{position: absolute; top: 45%; display: block !important;}
.loading_css .spinner-border{display: none;}

.top_right_icon{background: #fff; margin-bottom: 20px; position: absolute; left: 0px; top: 0px;}
.top_right_icon ul{margin: 0px; padding: 0px; float: right;}
.top_right_icon ul li{list-style: none; float: left; border-right: 1px solid #fff;}
.top_right_icon ul li a{padding: 10px 10px; background: #171717; color: #fff; font-size: 20px; float: left;}
.top_right_icon ul li a.dropdown-item{font-size: 15px; width: 100%; padding:5px 8px;}
.top_right_icon ul li.dropdown .dropdown-menu li{width: 100%; float:left;}
.top_right_icon ul li.dropdown .dropdown-menu{position: absolute !important; top: -3px !important;}

.main_content_setting{background: #fff; padding: 20px; margin-bottom: 20px;}

.form-group{margin-bottom: 10px; width: 100%; height: auto; float:left;}
.form-group label{margin-bottom: 5px;}

.thead-dark{background: #171717 !important; color: #fff !important}

.own_table{width: 100%; margin-top: 6px; margin-bottom: 6px;}
.own_table td{line-height: 25px; font-size: 15px; padding: 8px 15px;}
.own_table th{line-height: 25px; font-weight: bold; font-size: 15px; padding: 11px 15px;}
.own_table tr{background:#fff; }
/*.own_table tr td{border-top: 1px solid #ddd;}
.own_table tr:nth-child(odd){background: #f9f9f9}
.own_table tr:first-child td{border-top: 1px solid #333}
.own_table tr:last-child td{border-bottom: 1px solid #333}
.own_table tr:first-child td{background:#fafafa;}
.own_table tr:nth-child(even) td:first-child{background: #fafafa; }
.own_table tr:nth-child(odd) td:first-child{background: #f1f1f1; }*/


.user_login_bg{background:#000; width: 100%; height: 100%; float: left; background-image: url('../images/user_login_bg.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; position: relative; }
.user_login_bg .userlogo{width: 150px; height: auto; float: left; margin: 50px 0px 0px 50px;}

.user_login_bg  .content_section{width: 100%; height:auto; float: left; margin-top: 8.5%; margin-left: 50px; color: #fff; font-size: 15px;}
.user_login_bg  .content_section .welcome{font-size: 40px; line-height: 40px; color: #89F422; font-weight: 300; text-shadow: 0px 1px 1px #000}
.user_login_bg  .content_section .welcome span{font-size: 20px; color: #EBEBEB; font-weight: 300; text-shadow: none;}
.user_login_bg  .content_section .text{margin-top: 30px; width: 75%;}


.user_home_ul ul{margin: 20px 0px 0px 0px; padding: 0px; color: #fff; font-size: 15px; float: left; width: 100% height:auto;}
.user_home_ul ul li{list-style: none; float: left; width: 100%; height: auto; line-height: 30px; position: relative; padding-left:30px; }
.user_home_ul ul li:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; position: absolute; font-size: 15px; left: 0px;}

.user_home_button{padding:15px 25px; background: #000; color: #89F422; font-weight: 500; font-size: 23px; text-decoration: none;}
.user_home_button:hover{background: #89F422; color: #000;}

.user_home_copy{position: absolute; bottom: 30px;}
.user_home_copy a{color: #fff; text-decoration: none;}
.user_home_copy a:hover{text-decoration: underline;}

.user_home_right{position: fixed; width: 100%; height: 100%; float: left; color: #fff;}
.user_home_bg{background:rgb(0,0,0,0.5); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; bottom: 0px; padding: 50px;}
.user_home_bg .title{font-size: 40px; line-height: 40px; color: #89F422; font-weight: 300; text-shadow: 0px 1px 1px #000; margin-top: 30px;}
.user_home_bg .text{font-size: 20px; font-weight: 300; margin-top: 9%;}
.user_home_bg .login_tab{margin-top: 30px;}
.user_home_bg .login_tab .login_menu{float: left;width: 100%; height: 40px;}
.user_home_bg .login_tab .login_menu ul{margin: 0px; padding: 0px;}
.user_home_bg .login_tab .login_menu ul li{list-style: none; float: left; padding:0px 30px; border-right:1px solid #fff; }
.user_home_bg .login_tab .login_menu ul li a{padding: 0px; color: #fff; font-size: 15px; text-decoration: none; padding-bottom: 8px;}
.user_home_bg .login_tab .login_menu ul li a:hover{border-bottom: 1px solid #fff}
.user_home_bg .login_tab .login_menu ul li a.active{border-bottom: 1px solid #fff}
.user_home_bg .login_tab .home_user_from{width: 400px; height: auto; float: left; clear: both; margin-top: 15px;}
.user_home_bg .login_tab .home_user_from .form-control{background: none; border:0px; border-bottom: 1px solid #ACACAC; color: #fff}
.user_home_bg .login_tab .home_user_from .form-control:focus{box-shadow: none;}

.user_home_bg .forgot_tab{margin-top: 30px;}
.user_home_bg .forgot_tab .forgot_menu{float: left;width: 100%; height: 40px;}
.user_home_bg .forgot_tab .forgot_menu ul{margin: 0px; padding: 0px;}
.user_home_bg .forgot_tab .forgot_menu ul li{list-style: none; float: left; padding:0px 30px; border-right:1px solid #fff; }
.user_home_bg .forgot_tab .forgot_menu ul li a{padding: 0px; color: #fff; font-size: 15px; text-decoration: none; padding-bottom: 8px;}
.user_home_bg .forgot_tab .forgot_menu ul li a:hover{border-bottom: 1px solid #fff}
.user_home_bg .forgot_tab .forgot_menu ul li a.active{border-bottom: 1px solid #fff}
.user_home_bg .forgot_tab .home_user_from{width: 400px; height: auto; float: left; clear: both; margin-top: 15px;}
.user_home_bg .forgot_tab .home_user_from .form-control{background: none; border:0px; border-bottom: 1px solid #ACACAC; color: #fff}
.user_home_bg .forgot_tab .home_user_from .form-control:focus{box-shadow: none;}

.home_login_button{padding:10px 15px; text-transform: uppercase; background: #000; color: #89F422; font-weight: 400; font-size: 15px; text-decoration: none; border: 0px; float: left;}
.home_login_button:hover{background: #89F422; color: #000;}

.home_user_forgot{text-decoration:none; color: #fff}
.home_user_forgot:hover{text-decoration: underline; color: #fff}

.home_admin_forgot{text-decoration:none; color: #fff}
.home_admin_forgot:hover{text-decoration: underline; color: #fff}

.home_user_login{text-decoration:none; color: #fff}
.home_user_login:hover{text-decoration: underline; color: #fff}

.home_admin_login{text-decoration:none; color: #fff}
.home_admin_login:hover{text-decoration: underline; color: #fff}

.white_href{text-decoration:none; color: #fff}
.white_href:hover{text-decoration: underline; color: #fff}

.last_login{position: absolute; bottom: 20px;}

/*! Firefox */    
html{
    scrollbar-color: #128612 #004E00;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #DCDCDC;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #000 !important; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #DCDCDC !important;  
}
/*! Other Browser */
html {
    --scrollbarBG: #DCDCDC;
    --thumbBG: #000;
  }
  body::-webkit-scrollbar {
    width: 5px;
  }
  body {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  }
  body::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
  }
  body::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
  }