@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

/*
 * Globals
 */

/* Links */
a, a:focus, a:hover {
	color: #000;
	text-decoration: none
}
html, body {
	height: 100%;
	background-color: #fff;
	font-family: font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
}

/*Login area section*/
.login-main-area { position:fixed; left:0px; top:0px; right:0px; bottom:0px;}
.login-bg-m { background: linear-gradient(to bottom left, #a1a1a5 0%, #b5131c 100%);}
.login-form-area {width: 90%;    max-width: 370px;    padding: 50px 30px;    margin: 0 auto; position:relative;  border-radius: .25rem;          background-color: #ffff;z-index: -1; }
.login-form-area::before {content: " ";background:url(../user/images/half-r.svg) no-repeat;background-position: right 10px; background-size: 100%;    position: absolute;    right: 0px;    top: 82px;     width: 55px;
    height: 102px;z-index: -1;}
.login-form-area::after {content: " ";background:url(../user/images/half-r.svg) no-repeat;background-position: left 10px; background-size: 100%;    position: absolute;    left: 0px;    bottom: 82px;     width: 55px;
    height: 102px;    -webkit-transform: scaleX(-1);    transform: scaleX(-1);z-index: -1;}
.login-form-area input { padding-left:40px;border-radius: .15rem;}
.login-form-area .email-ico-bg { background:url(../user/images/login-email-ico.png) no-repeat left 8px center; font-size: .8rem;}
.login-form-area .lock-ico-bg { background:url(../user/images/login-lock-ico.png) no-repeat left 8px center; font-size: .8rem;}
.login-form-area .lock-user-bg { background:url(../user/images/login-user-ico.png) no-repeat left 8px center; font-size: .8rem;}
.login-form-area .rem-text { color:#707070; font-size:.7rem;    line-height: 30px;}
.login-form-area .cust-check::before { background:#fff ; border:1px solid #707070 !important}
.login-form-area button { background: linear-gradient(to bottom left, #ff8289 0%, #b5141d 100%); color:#fff;     font-size: .8rem;border-radius: .15rem;}
.login-form-area button:hover { color: #fff; background-color: #370d47!important;  border-color: #3b0d4d;}

.pro-bg-m { background:#eaedee; height: auto !important;padding-bottom: 20px}
.project-list .box-list { background-color:#fff; border-bottom:2px solid #b5121b}
.project-list .box-list h2 { font-size:1.4rem; color:#333}
.project-list .box-list p { color:#999; font-size:.8rem; margin-bottom:0px;}

.sign-btn { border:1px solid #b5121b; color:#b5121b}
.sign-btn:hover { background-color:#b5121b}
/*Login area section end*/

/* Project List Page */

.main_header{background: #fff;padding: 15px;border-bottom: solid 1px #b9b9b9;}
.header_user{position: relative;top: 50%;transform: translateY(-50%);z-index: 9;}
.header_user button{background: transparent;border: 0;color: #000;font-size: 14px;margin-right: 30px;}
.header_user .dropdown-item{font-size: 14px;}
.header_user .btn-secondary.focus, .header_user .btn-secondary:focus {box-shadow: 0 0 0 0.2rem transparent !important;}
.header_user .show>.btn-secondary.dropdown-toggle,.header_user .btn-secondary:hover {color: #000 !important;background-color: transparent !important;border-color: transparent !important;}
.header_user .dropdown{background: url(../user/images/user.png)no-repeat;background-size: contain;background-position: right;}
.inner_header {background: #fff;padding: 10px;border-radius: 5px;border: solid 1px #ccc;}
.inner_header h6{padding: 13px;margin-right: 6px;font-weight: 500;font-size: 16px;}
.inner_header h5{font-size: 20px;margin: 0;background: url(../user/images/client.png)no-repeat;padding: 17px 75px;}
.client_list table th{border-bottom: 0}
.client_list .table td,.client_list  .table th{vertical-align: middle}
.client_list .table td{font-size: 18px}
.client_list .table a{background: #b5121b; color: #fff;padding: 8px 40px;vertical-align: middle;font-size: 16px;border-radius: 4px;}
.client_list .table a:hover{text-decoration: none; background: #e0000c}
.app_list .nav-tabs{border-bottom: 0}
.app_list .nav-tabs li a{background: #fff;font-size: 18px;padding: 15px 35px;font-weight: 600;}
.app_list .nav-tabs .active{background: #b5121b;color: #fff;}
.app_list .nav-tabs .left_tab{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.app_list .nav-tabs .right_tab{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.app_list .table td,.app_list .table th{vertical-align: middle}
.app_list .table{background: #fff;border-radius: 8px;}
.app_list .table td{border-top: 0}
.app_list .table p{font-size: 14px;font-weight: 500;color: #585858;margin: 0;}
.app_list .table h5{font-size: 20px;}
.app_list .table a {background: #b5121b;color: #fff;padding: 8px 40px;vertical-align: middle;font-size: 16px;border-radius: 4px;}
.app_list .table a:hover {text-decoration: none; background: #e0000c}
.app_icon{background:url(../user/images/project-icon.png)no-repeat;    padding: 2px 10px 5px 85px;}

/* Project List Page End*/

@media screen and (max-width: 991px) { 

 }

@media screen and (max-width: 575px){

.app_icon { padding: 2px 0px 2px 53px;}
.app_list h5 {margin-bottom: 30px !important;}
.app_list .table a {padding: 8px 5px;width: 100%; }
.app_list .nav-tabs li a {padding: 15px 22px;}
.app_icon { background-size: 45px !important;}
.app_list .table h5 { font-size: 16px;word-break: break-all;}
span.copy_clipboard {
    float: left;
}
}

@media screen and (max-width: 320px){
	.app_list .nav-tabs li a {
    padding: 15px 22px;
}
.app_icon {
    padding: 2px 0px 2px 47px;
}
.app_list .table h5 {
    font-size: 15px;
}

.app_icon {background-size: 40px!important;}

}
	 
/* Vineesh */
.app_actions {
    width: 100%;
    float: left;
    margin: 10px 0px 5px;
}
.app_actions span {
    font-size: 13px !important;
    float: left;
    text-align: center;
    width: auto;
    margin-right: 18px;
    padding: 0;
    margin-bottom: 5px;
    height: 36px;
}
.app_actions span a {
    margin: 0 !important;
    font-size: 12px !important;
}
.app_action_upload_bt {
    background: #ccc;
    background:#b5121b;
    padding: 4px 9px 7px;
}
.app_action_upload_bt a {
    color: #fff !important;
    background-color:transparent !important;
    float: left;
    font-size: 14px !important;
    font-weight: 600;
}
.app_action_upload_bt:hover
 {
   background:#e0000c;
 }

 @media screen and (max-width: 480px) and (min-width: 320px){

.outer_div_app_actions {
    float: left;
}
.app_actions span {
    font-size: 12px !important;
}
 }
@media screen and (max-width: 980px ) and (min-width: 320px) {
.outer_div_app_actions {
    float: left;
    width: 100% !important;
}
.app_actions {
    width: 100%;
    float: left;
    margin: 10px 0px 5px;
}
}

@media screen and (max-width: 676px) {
.app_list .nav-tabs {
    border-bottom: 0;
    margin: 8px 0px 18px;
    float: left !important;
}
.upload_file_div {
    margin: 0px 0px 5px 35px !important;
}
.copy_clipboard a {
    font-size: 12px;
    padding: 10px 10px;
    float: left;
}
}
.upload_file_div {
    float: right;
    margin: 9px 0px 5px 35px;
}
.app_actions span {
    font-size: 12px !important;
    float: left;
    text-align: center;
    width: auto;
    margin-right: 7px;
    height: auto;
}
}