/** Theme Name: Devolap by: Author: Author URI: Description: Version: 1.0.0 **/
 .floatleft {
    float:left
}
 .floatright {
    float:right
}
 .alignleft {
    float:left;
    margin-right:10px;
}
 .alignright {
    float:right;
    margin-left:10px;
}
 .aligncenter {
    display:block;
    margin:0 auto
}
 a, a:active, a:focus, a:active {
    text-decoration:none !important
}
 a:focus {
    outline:0px solid
}
 img {
    max-width:100%
}
 .fix:after{
    content:"";
    display:table;
    clear:both;
}
 h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
    margin:0 0 15px;
}
 .column {
    width:960px;
     margin:0 auto;
    display:block;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
 ul {
    margin:0;
    padding:0;
    list-style:none
}
 body{
    margin:0;
    padding:0;
    font-family: 'Lato', sans-serif;
    background-color:#F7F7F7;
}
 .header-area {
     padding: 20px 0;
     background-color: #FFFFFF;
     box-shadow: 0px 0px 20px 0px #ece7e7;
     -webkit-box-shadow: 0px 0px 20px 0px #ece7e7;
     -moz-box-shadow: 0px 0px 20px 0px #ece7e7;
     -o-box-shadow: 0px 0px 20px 0px #ece7e7;
}
 .header-search-area{
     position:relative;
}
 .header-search-area:before{
     content: "\f002";
     font-family: "fontawesome";
     position: absolute;
     left: 20px;
     top: 8px;
     color: #6D6A84;
}
 .header-search-area input{
     height: 40px;
     background: #F7F7F7;
     border: 0px;
     font-size: 14px;
     color: #6e6a83;
     padding-left: 50px;
     padding-right: 110px;
     border-radius: 5px;
     width: 100%;
     float:left;
}
 .header-search-area button{
     background: #008AD3;
     color: #fff;
     border: 0px;
     height: 40px;
     width: 105px;
     font-size: 14px;
     font-weight: 700;
     border-radius: 0px 5px 5px 0px;
     position: absolute;
     right: 0px;
     top: 0px;
     cursor:pointer;
}
 .user-account-area button{
     border: 0px;
     background: transparent;
     font-size: 15px;
     color: #6e6a83;
     outline: 0px!important;
     padding:0px;
     position: relative;
}
 .user-account-area button:focus{
     outline: 0px!important;
     box-shadow: 0 0 0 0rem rgba(0,123,255,.25);
}
 .user-account-area .dropdown-toggle::after{
     display:none;
}
 .user-account-area .dropdown-toggle img{
     margin-right: 7px;
}
 .user-account-area .dropdown-toggle strong{
     margin-left: 7px;
     border: 1px solid #A5A5A5;
     width: 18px;
     height: 18px;
     display: inline-block;
     border-radius: 50%;
     line-height: 1.1;
}
 .user-account-area{
     text-align:right;
}
 .user-account-area ul{
     padding: 10px 15px;
}
 .user-account-area ul li a{
     color: #6e6a83;
     padding: 5px 0px;
     display: inline-block;
     width: 100%;
}
 .dashboad-main-area{
     padding-top: 30px;
     padding-bottom: 30px;
}
 .dashboad-main-area tbody tr:hover{
     background:#F2F9FD;
}
 .dashboad-left-area{
     background: #FFFFFF;
     border-radius:5px;
     box-shadow: 0px 0px 6px 3px #ece7e799;
     -webkit-box-shadow: 0px 0px 6px 3px #ece7e799;
     -moz-box-shadow: 0px 0px 6px 3px #ece7e799;
     -o-box-shadow: 0px 0px 6px 3px #ece7e799;
}
 .user-text h3 {
     font-size: 15px;
     font-weight: 700;
     color: #6e6a83;
     margin-bottom: 0px;
}
 .user-text p {
     font-size: 13px;
     color: #bcbacc;
     margin-bottom: 0px;
}
 .user-info{
     padding-top: 30px;
     padding-bottom: 40px;
     padding-left: 30px;
     padding-right: 30px;
}
.user-newinfo {
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
}
 .user-photo{
     padding-right:15px;
}
 .user-tabs ul{
     padding-bottom:50px;
}
 .user-tabs ul li a.nav-link{
     font-size:14px;
     color:#6e6a83;
     font-weight:700;
     padding:20px 25px;
     border-top:0px!important;
     border-right:0px!important;
     border-bottom:0px!important;
     border-left:4px solid transparent!important;
}
 .user-tabs ul li a.nav-link.active, .user-tabs ul li a.nav-link:hover{
     background:#F2F9FD!important;
     color:#0775b5;
     border-left:4px solid #008AD3!important;
     border-right:0px;
     border-bottom:0px;
}
 .user-tabs ul li a i{
     font-size:20px;
     margin-right:20px;
     vertical-align:middle;
}
 .user-top-area{
     margin-bottom: 30px;
}
 .single-user-text {
     background: #fff;
     padding: 20px;
     border-radius: 5px;
     min-height: 125px;
     -webkit-box-shadow: 0px 0px 6px 3px #ece7e799;
     -moz-box-shadow: 0px 0px 6px 3px #ece7e799;
     -o-box-shadow: 0px 0px 6px 3px #ece7e799;
}
 .single-user-text h3{
     font-size:14px;
     color:#6e6a83;
     font-weight:700;
     margin-bottom:0px;
}
 .single-user-text p{
     font-size:40px;
     color:#6e6a83;
     font-weight:700;
     margin-bottom:0px;
}
 .single-user-text p sub{
     font-size:14px;
     font-weight:400;
     bottom: .25em;
}

.single-user-text h5 {
        font-size: 12px;
        font-weight: 400;
        bottom: .25em;
    }

 .single-user-text h2{
     font-size: 24px;
     color: #555267;
     font-weight: 700;
     margin-bottom: 0px;
     margin-top: 12px;
}
 .sin-back-1{
     background-image: url(../assets/images/background-image-1.png);
     background-repeat: no-repeat;
     background-position: center right;
}
.sin-back-2 {
    background-image: url(../assets/images/background-image-2.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.sin-back-3 {
}
.sin-back-4 {
    background-image: url(../assets/images/background-image-4.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.sin-back-5 {
    background-image: url(../assets/images/background-image-5.png);
    background-repeat: no-repeat;
    background-position: center right;
}
 .user-mach-area{
     background-color:#FFFFFF;
     border-radius:5px;
     text-align:center;
     -webkit-box-shadow: 0px 0px 6px 3px #ece7e799;
     -moz-box-shadow: 0px 0px 6px 3px #ece7e799;
     -o-box-shadow: 0px 0px 6px 3px #ece7e799;
}
 .user-mach-area h5{
     font-size:16px;
     color:#6e6a83;
     font-weight:700;
     padding:15px 0;
     margin-bottom:0px;
}
 .player-info h4{
     font-size: 13px;
     color: #555267;
     font-weight: 700;
     margin-bottom: 0px;
}

 .single-user-text h5{
     font-size: 13px;
     padding-top: 13px;
 }
 .single-box{
     display: block;
 }
 .player-info p{
     font-size: 11px;
     color: #555267;
     font-weight: 700;
     margin-bottom: 0px;
}
 .player-info a{
     background-color: #DD3831;
     font-size: 10px;
     color: #f9f2f0;
     font-weight: 700;
     padding: 4px 8px;
     border-radius: 10px;
}
 .single-meach{
     padding: 20px 5px;
     border-top: 1px solid #E2E2EE;
}
 .player-logo{
     width: 17%;
     margin-top: 10px;
}
 .player-info{
     width: 66%;
}
 .player-info span {
     font-size: 16px;
     color: #3e3e52;
     font-weight: 700;
}
 .grp-chat {
     background: #FFFFFF;
     border-radius: 5px;
     padding: 8px 15px;
     -webkit-box-shadow: 0px 0px 6px 3px #ece7e799;
     -moz-box-shadow: 0px 0px 6px 3px #ece7e799;
     -o-box-shadow: 0px 0px 6px 3px #ece7e799;
}
 .grp-chat h5{
     font-size:16px;
     color:#6e6a83;
     font-weight:700;
}
 .grp-chat ul li{
     float: left;
     margin-right: 20px;
     font-size: 12px;
     color: #6e6a83;
}
 .grp-chat ul{
     margin-bottom: 15px;
     clear: both;
     display: inline-block;
     width: 100%;
}
 .grp-chat ul li span{
     height: 15px;
     width: 20px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
}
 .gap-50{
     height:50px;
}
.gap-25{
     height:25px;
}
 .user-table-background{
     background: #FFFFFF;
     border-radius: 5px;
     -webkit-box-shadow: 0px 0px 6px 3px #ece7e799;
     -moz-box-shadow: 0px 0px 6px 3px #ece7e799;
     -o-box-shadow: 0px 0px 6px 3px #ece7e799;
}
 .use-grap-area{
     margin-bottom: 40px;
}
 .user-table-heading {
     padding-top: 15px;
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom: 0;
}
 .user-table-heading p{
     float:left;
     font-size:16px;
     color:#6e6a83;
     font-weight:700;
}
 .user-table-heading p sub{
     font-size:12px;
     bottom: 0px;
}
 .user-table-heading a{
     color: #e7f0f6;
     float: right;
     font-size: 8px;
     background: #008AD3;
     padding: 5px 10px;
     text-transform: uppercase;
     border-radius: 5px;
}
 .user-table-body table, .social-area-tables table, .my-choices table{
     margin-bottom:0px;
}
 .user-table-body thead th, .social-area-tables thead th, .my-choices thead th{
     font-size: 10px;
     border-bottom: 0px;
     border-top: 0px;

}
 .user-table-body tbody tr td, .social-area-tables tbody tr td, .my-choices tbody tr td{
     padding: 19px 0;
}

 .user-table-body{
     max-height: 220px;
     overflow-y: scroll;
}
.user-table-body, .social-area-tables, .my-choices {
    font-size: 14px;
    color: #7c7c8d;
    font-weight: 700;
    text-align: center;
}

    .user-table-body table, .social-area-tables table, .pick table {
        margin-bottom: 0px;
    }

    .user-table-body thead th, .social-area-tables thead th, .pick thead th {
        font-size: 10px;
        border-bottom: 0px;
        border-top: 0px;
    }

    .user-table-body tbody tr td, .social-area-tables tbody tr td, .pick tbody tr td {
        padding: 5px 0;
    }

.user-table-body, .social-area-tables, .pick {
    font-size: 14px;
    color: #7c7c8d;
    font-weight: 700;
    text-align: center;
}

 .user-table-one{
     margin-bottom: 40px;
}
 .social-heading h3 {
     font-size: 24px;
     color: #6e6a83;
     font-weight: 700;
     margin-bottom:20px;
}
 .social-heading h3 sub{
     font-size: 14px;
     font-weight:400;
     bottom:0px;
}
 .social-area-tables h4 {
     font-size: 20px;
     color: #6e6a83;
     font-weight: 700;
     text-align: left;
     margin-bottom: 0px;
     padding: 10px 15px;
}
 .social-table-main-heading h3 {
     float: left;
     font-size: 22px;
     color: #6e6a83;
     font-weight: 700;
     margin-bottom: 5px;
}
.choose-player .social-table-search {
         padding: 0px 20px 15px 20px;
}
.player-area{
     padding-left: 20px;
     text-align: left;
}

.player-area img{
     padding-right: 15px;
}
.player-area h4{
     margin-top: 30px;
     text-transform: uppercase;
     font-size: 18px
}
.player-area span{
     padding-left: 4px;
     font-size: 14px
}
 .social-table-main-heading a{
     color: #e7f0f6;
     float: right;
     font-size: 9px;
     background: #008AD3;
     padding: 5px 10px;
     text-transform: uppercase;
     border-radius: 5px;
}
.social-table-main-heading a.button-due-date {
    background: white;
    color: #6e6a83;
    border: 1px solid #b0acc3;
    margin-right: 15px;
}

.your-choice{
     color: #e7f0f6;
     font-size: 8px;
     background: #008AD3;
     padding: 5px 10px;
     text-transform: uppercase;
     border-radius: 5px;
}
.your-choice:hover{
     color: #e7f0f6;
     background: #008AD3;
}
.detail-heading{
     text-align: left;
     float: left;
     clear: both;
     color: #a09c9c;
}
 .social-main-table{
     background:#fff;
     border-radius:5px;
     -webkit-box-shadow: 0px 0px 6px 3px #ece7e799;
     -moz-box-shadow: 0px 0px 6px 3px #ece7e799;
     -o-box-shadow: 0px 0px 6px 3px #ece7e799;
}
 .social-table-search{
     padding: 15px 20px;
}
 .social-table-main-heading{
     padding-top:15px;
     padding-left:20px;
     padding-right:20px;
}
 .single-itam label{
     display:inline-block;
     width:100%;
     font-size:10px;
     text-transform:uppercase;
     color:#7c7c8d;
     margin-bottom:5px;
}
 .single-itam{
     width: 25%;
     text-align: left;
     margin-right:2%;
}
 .single-itam select{
     border: 0px;
     width: 100%;
     background: #F4F4F4;
     border-radius: 5px;
     height: 27px;
     outline: 0px;
     cursor:pointer;
}
 .single-itam-submit{
     width: 19%;
     margin-top: 24px;
}
 .single-itam-submit button{
     background:#DD3831;
     color:#f9ecee;
     font-size:9px;
     text-transform:uppercase;
     font-weight:700;
     height: 27px;
     width:100%;
     border-radius:10px;
     border:0px;
     cursor:pointer;
}
 /*.table-max-height{
     max-height:475px;
     overflow-y:scroll;
}
 .social-table-main-body{
     max-height:390px;
     overflow-y:scroll;
}*/
 .menu-button{
     display:none;
     margin-bottom:10px;
     text-align:right;
}
 .menu-button span{
     color:#0775b5;
     font-size:25px;
     cursor:pointer;
}
 .user-id {
     position: absolute;
     left: 29px;
     bottom: -3px;
     background: #008AD3;
     color: #fff;
     font-size: 10px;
     font-weight: 700;
     width: 20px;
     height: 20px;
     border-radius: 5px;
     line-height: 1.8;
}
 .fade.in {
     opacity: 1;
}
.ball{
     display: inline-block;
     width: 12px;
     height: 12px;
     background: red;
     border-radius: 50%;
     margin-right: 10px;
}
.red{
     background: rgba(248,80,50,1);
background: -moz-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,80,50,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(231,56,39,1) 100%);
background: linear-gradient(to right, rgba(248,80,50,1) 0%, rgba(231,56,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=1 );
}

.green{
     background: rgba(177,214,54,1);
background: -moz-linear-gradient(left, rgba(177,214,54,1) 0%, rgba(115,184,50,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(177,214,54,1)), color-stop(100%, rgba(115,184,50,1)));
background: -webkit-linear-gradient(left, rgba(177,214,54,1) 0%, rgba(115,184,50,1) 100%);
background: -o-linear-gradient(left, rgba(177,214,54,1) 0%, rgba(115,184,50,1) 100%);
background: -ms-linear-gradient(left, rgba(177,214,54,1) 0%, rgba(115,184,50,1) 100%);
background: linear-gradient(to right, rgba(177,214,54,1) 0%, rgba(115,184,50,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d636', endColorstr='#73b832', GradientType=1 );
}
a.green{
     background: #47b564;
     padding: 6px 30px;
     border-radius: 8px;
     color: white;
     font-weight: 300;
     font-size: 11px;
     display: inline-block;
     margin: 20px 20px;
     text-align: left;
     float: right;
}
input.green {
    background: #47b564;
    padding: 6px 30px;
    border-radius: 8px;
    color: white;
    font-weight: 300;
    font-size: 11px;
    display: inline-block;
    margin: 20px 20px;
    text-align: left;
    float: right;
}

.yellow{
     background: rgba(217,222,76,1);
background: -moz-linear-gradient(left, rgba(217,222,76,1) 0%, rgba(209,166,38,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(217,222,76,1)), color-stop(100%, rgba(209,166,38,1)));
background: -webkit-linear-gradient(left, rgba(217,222,76,1) 0%, rgba(209,166,38,1) 100%);
background: -o-linear-gradient(left, rgba(217,222,76,1) 0%, rgba(209,166,38,1) 100%);
background: -ms-linear-gradient(left, rgba(217,222,76,1) 0%, rgba(209,166,38,1) 100%);
background: linear-gradient(to right, rgba(217,222,76,1) 0%, rgba(209,166,38,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9de4c', endColorstr='#d1a626', GradientType=1 );
}
 .how-works ul li{
     text-align: left;
     margin: 20px;
 } 
 .how-works ul li table{ 
     text-align: center;
     border: 1px solid #dee2e6;
}
 .basic-align{
     padding-left: 5px;
 }
 .no-scroll{
     overflow-y: auto;
 }

 .login-area{
     padding: 20px;
     display: block !important
 }

 .login-area input{
     margin: 10px 0;
 }


@media screen and (max-width: 900px) {
    .single-box.single-user-text.sin-back-4 {
        margin-bottom: 10px
    }
}

@media (max-width: 900px) {
    .col-md-12, .col-sm-12 {
        margin-bottom: 10px;
    }
}

.social-table-main-body {
    overflow-scrolling: touch;
    max-height: 630px;
    overflow-y: scroll;
}

.social-table-main-body {
    -webkit-overflow-scrolling: touch;
}

.table-max-height {
    max-height: 600px;
    overflow-y: scroll;
}

.table-max-height {
    -webkit-overflow-scrolling: touch;
}