/*  Dashboard CSS  */

h1,h2,h3,h4,h5,h6,p
{
	margin:0px;
	padding:0px;
}


.dash_box {
    width: 100%;
    cursor: pointer;
    background: #fff;
    border-radius: 0px 30px 30px 30px;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(230,230,230,1);
    -moz-box-shadow: 0px 0px 16px 0px rgba(230,230,230,1);
    box-shadow: 0px 0px 16px 0px rgba(230,230,230,1);
    transition: all ease-in-out 0.3s;
    margin-top: 10px;
    padding: 15px;
}

    .dash_box:hover {
        border-radius: 30px 30px 0px 30px;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(230,230,230,1);
        -moz-box-shadow: 0px 0px 30px 0px rgba(230,230,230,1);
        box-shadow: 0px 0px 30px 0px rgba(230,230,230,1);
    }

.dash_box:hover .ic_box
{
	border:1px dashed #000;
	animation: circle 5s linear infinite;
}

@keyframes circle {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}


.dash_left
{
	width:60px;
	float:left;
}

.ic_box
{
	position:relative;
	width:50px;
    height:50px;
	line-height:50px;
	border-radius:100%;
	padding:10px;
	border:1px solid #a7a7a7;
	transition: all ease-in-out 0.3s;
}


.dash_left i
{
	position:absolute;
    font-size:25px;
	left:50%;
	transform:translate(-50%);
    
}

.dash_right
{
	width:auto;
	margin-left:5px;
	height:auto;
	float:left;
}

.dash_right h3
{
    width:100%;
    text-transform:capitalize;
	color:#000;
	font-size:20px;
	margin-top:5px;
	font-weight:700;
	text-align:left;
	white-space: nowrap; 
	overflow: hidden;
    text-overflow: clip; 
}

.dash_right p
{
	color:#333;
	font-size:14px;
	margin-top:3px;
	font-weight:600;
	text-align:left;
}

.right-bt
{
    text-align:right;
    padding-top:10px;
    font-size:12px;
    padding-right:10px;
	
}

.right-bt a
{
    color:#333;
}


.table-bordered td
{
    color:#333;
    font-size:12px;
}

.table-bordered th
{
    color:#333;
    font-size:12px;
}

.btn-sm btn-flat
{
    background:#fb3f4a;
}

.label-danger
{
    white-space: nowrap; 
	overflow: hidden;
    text-overflow: clip; 
    width:60px;
    padding-right:10px;
}

.btn-default
{
    background:#fe404b;
    color:#fff;
}







.text-green .h2 i{ font-size:22px; color:Green;}
.text-purple .h2 i{ font-size:22px; color:#dc13da;}
.text-red .h2 i{ font-size:22px; color:#f74921;}
.text-yellow .h2 i{ font-size:22px; color:#dcaf15;}
.text-primary .h2 i{ font-size:22px; color:#2289e9;}
.text-info .h2 i{ font-size:22px; color:#f36405;}

.text-gray
{
    color:#333;
}

.myicon{color:#f74921;}
.icgreen{color:Green;}
.icred{color:#f74921;}
.icpurple{color:#dc13da;}
.icyellow{color:#f6af05;}
.iclack{color:#333;}


.sampleinput
{
    border:none;
    box-shadow:none;
}

.mb-20
{
   margin-bottom:20px;
}

.mb-40
{
   margin-bottom:40px;
}

.dropdown-toggle
{
	display:none;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
	padding-right:100px;
 }
 
 .dropdown-menu
 {
	 margin:0px;
	 padding:0px;
 }
 
 
 /* Second Boxes */

.second_box1 {
    background-color: #fff;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(237,237,237,0.5);
    -moz-box-shadow: 0px 0px 21px 0px rgba(237,237,237,0.5);
    box-shadow: 0px 0px 21px 0px rgba(237,237,237,0.5);
    transition: all ease-in-out 0.3s;
    padding: 15px;
    height: 110px;
    cursor: pointer;
    margin-top: 15px;
}

.second_left1 h2 {
    color: #1b334d;
    text-align: center;
    font-size: 15px;
    padding-top:20px;
    font-weight: bold;
}

.second_right1 {
    text-align: center;
}

    .second_right1 p {
        font-size: 15px;
        color: #b59a2d;
        font-weight: bold;
        margin-top: 5px;
    }


.second_box {
    background-color: #fff;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(237,237,237,0.5);
    -moz-box-shadow: 0px 0px 21px 0px rgba(237,237,237,0.5);
    box-shadow: 0px 0px 21px 0px rgba(237,237,237,0.5);
    transition: all ease-in-out 0.3s;
    padding: 15px;
    height: 110px;
    cursor: pointer;
    margin-top: 15px;
}
 
  
 @keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.second_box:hover .dollor
{
	animation: circle 5s linear infinite;
	border:1px dashed #000;
	background:#fff;
}





.second_left h2 {
    color: #1b334d;
    text-align: center;
    font-size: 20px;
    padding-top: 15px;
    font-weight: bold;
}

.second_right
{
	text-align:center;
}

.second_right p
{
	font-size:15px;
	color:#b59a2d;
	font-weight:bold;
	margin-top:5px;
}

.dollor
{
	width:50px;
	height:50px;
	line-height:50px;
	border-radius:100%;
	position:absolute;
	right:0px;
	top:-10px;
	background:#1b334d;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(161,161,161,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(161,161,161,1);
box-shadow: 0px 0px 5px 0px rgba(161,161,161,1);
}

.dollor i
{
	position:absolute;
	top:50%;
	color:#e1ca6b;
	font-size:25px;
	left:50%;
	transform:translate(-50%,-50%);
}

.second_box h3
{
	font-size:20px;
	color:#000;
	font-weight:bold;
	padding-bottom:15px;
}

.news
{
	height:95px;
	overflow: hidden;
}

.news p
{
	color:#000;
	margin-top:5px;
	font-size:13px;
	font-weight:bold;
}



/* Grid view CSS */


.grid
{
   -webkit-box-shadow: 0px 0px 35px 0px rgba(120,119,120,1);
-moz-box-shadow: 0px 0px 35px 0px rgba(120,119,120,1);
box-shadow: 0px 0px 35px 0px rgba(120,119,120,1);
}

.grid tr:nth-child(even) {background: #fff}
.grid tr:nth-child(odd) {background: #f9fafa}

.grid td
{
    font-family: 'Roboto Slab', serif;
    border:1px solid #e4e4e4;
    color:#000;
    font-size:12px;
    line-height:30px;
}

.grid th
{
    background:#fff;
    text-align:center;
    color:#000;
    font-size:11px;
    line-height:30px;
    font-weight:600;
    border:1px solid #e4e4e4;
}


.gv
{
    overflow:auto;
    padding:15px;
}



@media only screen and (max-width: 767px) 
{
    
 .grid td
 {
     min-width:100px;
 }   
    
    
    .user_log span img
{
    width:20px;
    height:20px;
    border-radius:100%;
}

.user_log .log_name
{
    color:#fff;
    font-size:12px;
    padding-top:10px;
    margin-left:10px;
}
    
    .third_box
    {
        margin-top:15px;
    }
    
    .user_log
{
    margin-top:0px;
    padding-left:5px;
    padding-right:5px;
    padding-top:3px;
    padding-bottom:3px;
    border-radius:3px;
}
    
}


/* Third Box */

.third_box
{
    padding:15px;
    border-radius:10px;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='175' height='175' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23d9d9d9' fill-opacity='0.08'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.08'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");
    border:1px dashed #d5d5d5;
   -webkit-box-shadow: 0px 0px 20px 0px rgba(184,184,184,1);
-moz-box-shadow: 0px 0px 20px 0px rgba(184,184,184,1);
box-shadow: 0px 0px 20px 0px rgba(184,184,184,1);
transition: all ease-in-out 0.3s;
}

.third_box:hover
{
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='129' height='129' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23d9d9d9' fill-opacity='0.25'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.25'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");
}



.third_box h2
{
    font-size:18px;
    text-align:center;
    color:#000;
    font-weight:bold;
}

.mt
{
    margin-top:15px;
}

.user_log
{
    margin-top:13px;
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
    padding-bottom:3px;
    border-radius:3px;
}

.user_log span img
{
    width:20px;
    height:20px;
    border-radius:100%;
}

    .user_log .log_name {
        color: #1b334d;
        font-size: 14px;
        font-weight:600;
        padding-top: 10px;
        margin-left: 10px;
    }

.logo_container1
{
    display:none;
}


/* Grid view CSS */


.grid {
    width: 100%;
    box-shadow:none;
}

    .grid tr:nth-child(even) {
        background: #fff
    }

    .grid tr:nth-child(odd) {
        background: #f8f8f8
    }

    .grid td {
        border: 1px solid #e4e4e4;
        color: #000;
        font-size: 13px;
        line-height: 30px;
        text-align: center;
    }

    .grid th {
        background: #fff;
        text-align: center;
        color: #000;
        line-height: 30px;
        font-size: 13px;
        font-weight: 600;
        border: 1px solid #e4e4e4;
    }


.dataTables_length label {
    font-size: 13px;
    font-weight: 600;
    color: #000;
}

.dataTables_filter label {
    font-size: 13px;
    font-weight: 600;
    color:#000;
}

.dataTables_info {
    font-size: 10px;
    font-weight: 600;
    color: #000;
    margin-top:10px;
}

.dataTables_length select {
    width: 90px;
    height: 30px;
    padding-left:10px;
    padding-right:5px;
    margin-bottom: 10px;
    border-radius: 20px;
    border: 1px solid #cfb858;
}



    .dataTables_length select:focus 
    {
        outline:0px;
    }

.dataTables_filter input {
    background: #fff;
    height: 30px;
    font-size: 13px;
    padding-left: 5px;
    border: 1px solid #cfb858;
    margin-bottom: 10px;
    border-radius: 20px;
}

.dataTables_filter input:focus
{
    outline:0px;
}

.dataTables_paginate
{
    margin-top:10px;
}

    .dataTables_paginate span a {
        background: #e1ca6b;
    }

.paginate_button {
    background: #e1ca6b;
}

.dataTables_info {
    font-size: 13px;
}


.myright1
{
    list-style:none;
}

    .myright1 li {
        display: inline-block;
        padding-left: 6px;
        padding-right: 6px;
        font-size:12px;
    }

        .myright1 li:first-child {
            background: #1b334d;
            padding: 5px;
            border-radius: 6px;
            font-weight: 300;
        }

.myright1 li a
{
    color:#000;
    font-weight:300;
}

.myright1 li:first-child a
{
    color:#fff;
}




.form-group {
    margin-top: -10px;
}

.form_box {
    padding: 20px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(227,227,227,1);
    -moz-box-shadow: 0px 0px 4px 0px rgba(227,227,227,1);
    box-shadow: 0px 0px 4px 0px rgba(227,227,227,1);
}

.classpan 
{
    width:100%;
    color: #000;
    font-size: 13px;
    font-weight: 400;
}

.mul {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    background: #fff;
    color: #323232;
    padding-left: 6px;
    font-size: 12px;
    box-sizing: border-box;
    border: 1px solid #dedbdb;
    -webkit-box-shadow: 0px 3px 3px -4px rgba(191,174,191,1);
    -moz-box-shadow: 0px 3px 3px -4px rgba(191,174,191,1);
    box-shadow: 0px 3px 3px -4px rgba(191,174,191,1);
}

    .mul::placeholder {
        color: #ccc;
        font-size: 11px;
    }

    .mul:focus {
        outline: none;
    }


.txtbox {
    width: 100%;
    height: 35px;
    border-radius: 5px;
    background: #fff;
    color: #323232;
    padding-left: 6px;
    font-size: 12px;
    box-sizing: border-box;
    border: 1px solid #dedbdb;
    -webkit-box-shadow: 0px 3px 3px -4px rgba(191,174,191,1);
    -moz-box-shadow: 0px 3px 3px -4px rgba(191,174,191,1);
    box-shadow: 0px 3px 3px -4px rgba(191,174,191,1);
}

.txtbox::placeholder
{
    color:#ccc;
    font-size:11px;
}

.txtbox:focus
{
    outline:none;
}


.txtbox1 
{
    float:left;
    width: 85%;
    height: 35px;
    border-radius: 5px;
    background: #fff;
    color: #323232;
    padding-left: 6px;
    font-size: 12px;
    box-sizing: border-box;
    border: 1px solid #dedbdb;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(224,224,224,1);
    -moz-box-shadow: 0px 0px 1px 0px rgba(224,224,224,1);
    box-shadow: 0px 0px 1px 0px rgba(224,224,224,1);
}

    .txtbox1::placeholder 
    {
        color: #ccc;
        font-size: 11px;
    }

    .txtbox1:focus 
    {
        outline: none;
    }



.txtbox2 {
    width:90%;
    height: 25px;
    border-radius: 5px;
    background: #fff;
    color: #323232;
    padding-left: 6px;
    font-size: 12px;
    box-sizing: border-box;
    border: 1px solid #dedbdb;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(224,224,224,1);
    -moz-box-shadow: 0px 0px 1px 0px rgba(224,224,224,1);
    box-shadow: 0px 0px 1px 0px rgba(224,224,224,1);
}

    .txtbox2::placeholder {
        color: #ccc;
        font-size: 11px;
    }

    .txtbox2:focus {
        outline: none;
    }

.mybt {
    width: 15%;
    height: 35px;
    border-radius: 5px;
    background: #c29e08;
    color: #fff;
    padding-left: 6px;
    font-size: 12px;
    box-sizing: border-box;
    border: 1px solid #dedbdb;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(224,224,224,1);
    -moz-box-shadow: 0px 0px 1px 0px rgba(224,224,224,1);
    box-shadow: 0px 0px 1px 0px rgba(224,224,224,1);
}


.btsubmit {
    width: auto;
    text-align: center;
    height: 30px;
    margin-top: 10px;
    border-radius: 5px;
    background: #1b334d;
    color: #fff;
    padding-left: 6px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    box-sizing: border-box;
    border: none;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(224,224,224,1);
    -moz-box-shadow: 0px 0px 1px 0px rgba(224,224,224,1);
    box-shadow: 0px 0px 1px 0px rgba(224,224,224,1);
}


/*Tab CSS*/

.nav-tabs
{
	border-bottom:1px dashed #b5b5b5;
}

.nav-tabs .nav-item
{
	background:#d2b84e;
	margin-left:5px;
	width::100%;
	font-weight:bold;
}

.nav-tabs .nav-item a
{
	color:#000;
}

.nav-tabs .nav-item:first-child
{
	margin-left:0px;
}

.nav-tabs .nav-item:hover
{
	background:#d2b84e;
}

.nav-tabs .nav-item a:hover
{
	background:#d2b84e;
	border:1px solid #d2b84e;
}

.nav-tabs .nav-item a:focus
{
	background:#d2b84e;
	border:none;
}

.tab-content {
    border: 1px solid #d2b84e;
}

.msg_list
{
    list-style:none;
}

.msg_list li {
    line-height: 30px;
    color:#000;
    cursor:pointer;
    border-bottom:1px solid #f2f2f2;
}

.name{
    float:left;
    padding-left:10px;
    text-align:left;
    width:20%;
    font-weight:bold;
}

.msg {
    float: left;
    text-align: left;
}

.time {
    float: right;
    text-align: right;
    padding-right:10px;
}

.msg_list li:nth-child(even) {
    background: #eeebeb;
}

.msg_list li:nth-child(odd) 
{
    background: #f9fafa;
}



.txtbox3 {
    width: 100%;
    height: 35px;
    border-radius: 5px;
    background: #fff;
    color: #323232;
    padding-left: 6px;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #dedbdb;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(186,186,186,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(186,186,186,1);
    box-shadow: 0px 0px 5px 0px rgba(186,186,186,1);
}

    .txtbox3:focus {
        outline: none;
    }

    .txtbox3::placeholder {
        color: #ccc;
        font-size: 11px;
    }

.modal-header {
    background-color: #e1cc2f;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg %3E%3Ccircle fill='%23e1cc2f' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23ebd661' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23f3e08a' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%23f9eab1' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23fdf4d8' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23ffffff' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
    border-radius: 5px 5px 0px 0px;
}

    .modal-header h4 {
        color: #000;
        font-weight: bold;
    }


.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-body p
{
    color:#333;
    font-weight:bold;
}


/*Bank Payment */

.bank_box
{
    padding:10px;
}

.av_bal
{
    margin-bottom:20px;
}

.av_bal h2 {
    text-align: center;
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.av_bal h2 .red 
{
    color: #d64100;
    font-weight:bold;
}

.av_bal h2 .green 
{
    color: #097811;
    font-weight: bold;
}

.top_detail table td {
    border: 1px solid #d0cccc;
    padding: 10px;
    color: #000;
    font-weight: bold;
    font-size: 12px;
}

    .top_detail table td p
    {
        background: #ffe4a3; 
        font-size:10px;
        font-weight: bold;
        margin-top: 5px;
        padding:5px;
    }


.top_detail table td .form-control
{
    font-size:12px;
}

.withdrawbt {
    background: #5475ed;
    border:none;
    text-align:center;
    color:#fff;
    height:30px;
}

.payment_process h2 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    padding-left: 12px;
    padding-top: 20px;
    padding-bottom: 40px;
}

.classsapn1 {
    width: 30%;
    display: block;
    float: left;
    color: #000;
    font-weight: 300;
    margin-top: 15px;
    font-weight:bold;
}

.add_bank {
    width: 70%;
    height: 32px;
    border: none;
    background: #00c292;
    color: #fff;
    margin-top: 15px;
}

.add_bank:focus, .enter_otp:focus, .resend_otp:focus, .enterotp:focus, .Addbeneficiary:focus
{
    outline:0px;
}

.enter_otp {
    width: 70%;
    height: 32px;
    border: none;
    font-size: 12px;
    background: #fff;
    color: #000;
    padding-left:10px;
    border: 1px solid #d0cccc;
    margin-top: 15px;
}

.resend_otp {
    width: 70%;
    height: 32px;
    border: none;
    font-size: 12px;
    background: #5475ed;
    color: #fff;
    margin-top: 15px;
    margin-left: 30%;
}

.enterotp {
    width: 70%;
    height: 32px;
    border: none;
    background: #cea811;
    color: #fff;
    margin-top: 15px;
}

.Addbeneficiary {
    width: 70%;
    height: 32px;
    border: none;
    background: #ab8ce4;
    color: #fff;
    margin-top: 15px;
}

.update {
    width: 100%;
    height: 32px;
    border: none;
    background: #e84e0a;
    color: #fff;
    margin-top: 15px;
}

.updatetxt {
    width: 100%;
    height: 32px;
    border: none;
    font-size: 12px;
    background: #fff;
    color: #000;
    border: 1px solid #d0cccc;
    margin-top: 15px;
    padding-left: 10px;
}

.updatetxt:focus
{
   outline:0px;
}

.trasfertxt p {
    font-size: 13px;
    margin-top: 10px;
    color: #c51223;
    font-weight:bold;
}