@font-face {font-family: 'opensans-regular';src: url('../fonts/opensans-regular-webfont.eot');src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans-regular-webfont.woff2') format('woff2'),url('../fonts/opensans-regular-webfont.woff') format('woff'),url('../fonts/opensans-regular-webfont.ttf') format('truetype'),url('../fonts/opensans-regular-webfont.svg#opensans-regular-webfont') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'abelregular';src: url('../fonts/abel-regular-webfont.eot');src: url('../fonts/abel-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/abel-regular-webfont.woff2') format('woff2'),url('../fonts/abel-regular-webfont.woff') format('woff'),url('../fonts/abel-regular-webfont.ttf') format('truetype'),url('../fonts/abel-regular-webfont.svg#abelregular') format('svg');font-weight: normal;font-style: normal;}

@font-face {font-family: 'roboto-bold';src: url('../fonts/roboto-bold-webfont.eot');src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/roboto-bold-webfont.woff2') format('woff2'),url('../fonts/roboto-bold-webfont.woff') format('woff'),url('../fonts/roboto-bold-webfont.ttf') format('truetype'),url('../fonts/roboto-bold-webfont.svg#roboto-bold-webfont') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'roboto-light';src: url('../fonts/roboto-light-webfont.eot');src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/roboto-light-webfont.woff2') format('woff2'),url('../fonts/roboto-light-webfont.woff') format('woff'),url('../fonts/roboto-light-webfont.ttf') format('truetype'),url('../fonts/roboto-light-webfont.svg#roboto-light-webfont') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'roboto-medium';src: url('../fonts/roboto-medium-webfont.eot');src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/roboto-medium-webfont.woff2') format('woff2'),url('../fonts/roboto-medium-webfont.woff') format('woff'),url('../fonts/roboto-medium-webfont.ttf') format('truetype'),url('../fonts/roboto-medium-webfont.svg#roboto-medium-webfont') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'roboto-regular';src: url('../fonts/roboto-regular-webfont.eot');src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/roboto-regular-webfont.woff2') format('woff2'),url('../fonts/roboto-regular-webfont.woff') format('woff'),url('../fonts/roboto-regular-webfont.ttf') format('truetype'),url('../fonts/roboto-regular-webfont.svg#roboto-regular-webfont') format('svg');font-weight: normal;font-style: normal;}
/*---------------- Login Page Css --------------*/
html, body{height:100%;margin:0px;} *:focus{outline:none;} body.login-body{padding-top:0;}
body{padding:150px 0 0 0; margin:0; font-family:'opensans-regular'; font-size:12px; overflow-x:hidden; width:100%;}

/* You can use color:#color to change the color */
.login-holder{height:100%; -webkit-align-items: center; align-items: center;overflow-y:auto;display: -webkit-flex; display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.login-holder > .login-outer .login-logo{margin-bottom:70px;}
.login-holder > .login-outer .login-logo .responsive-img{max-height:200px;}
.login-holder > .login-outer h3{font-size:25px; margin-bottom:50px;}
.login-holder > .login-outer{width:410px; margin:auto; padding-top:30px; padding-button:30px; padding-left:15px; padding-right:15px; box-sizing:border-box; }
.login-holder > .login-outer .input-field{margin-bottom:30px;}
.login-holder > .login-outer .input-field label{font-size:20px; top:0.5rem;}
.login-holder > .login-outer .input-field .prefix{top:10px; font-size:24px;}
.login-holder > .login-outer .input-field .prefix ~ label{margin-left:2.2rem;}
.login-holder > .login-outer .input-field .login-box-btn{width:100%; font-size:30px; height:50px;border-radius:2px;}
.login-holder > .login-outer .input-field.reminder-me{margin-bottom:40px;}
.login-holder > .login-outer .input-field.reminder-me label{font-size:15px; line-height:20px; left:0;}
.login-holder > .login-outer .powered-section-holder{padding-top:17px; padding-bottom:10px; margin-left:-15px; margin-right:-15px; margin-top:30px; margin-bottom:0 !important;}
.powered-section-login{width:200px; margin:auto;}
.powered-section-login .powered-txt{ margin-top:5px;}
.login-holder > .login-outer .input-field .errorMessage{padding-left: 45px; position:relative; top: -13px;}
/*---------------- Login Page Css --------------*/

.header-holder{height:80px; position: fixed; left:0; top:0; width:100%; transition: top .5s; z-index:1000;}
.header-holder.gizle + .main-container .title-area{top:-9px;transition: top .5s;}
.header-holder.sabit + .main-container .title-area{top:70px;transition: top .5s;}
.gizle{top: -80px;}.sabit{top:0;}
.container{transition: top .5s;}
header.header-holder nav{background:none; box-shadow:none;}
header.header-holder nav .brand-logo{height:40px; margin-top:8px;}
header.header-holder nav .brand-logo .responsive-img{max-height:100%;}
header.header-holder nav .top-link{float:right;}
header.header-holder nav .top-link a{ font-size:18px; float:left; text-transform:capitalize;}
header.header-holder nav .top-link a i.material-icons{font-size:24px;}
header.header-holder nav .top-nav-icon a, header.header-holder nav .top-link a{padding-left:7px; padding-right:7px;}
header.header-holder nav .top-nav-icon a, header.header-holder nav .top-link a >.admin-arrow-icon{position:relative; top:5px;}
header.header-holder nav .top-nav-icon a i{font-size:24px;}
header.header-holder nav .nav-close{ height:79px;}
header.header-holder nav .nav-close i{ font-size:36px; line-height:74px;}

.catalog-tags{ height:150px !important; overflow-y:auto !important;}
.catalog-footer{height:70px; position:fixed; bottom:0; left:0; right:0; z-index:999;}
.catalog-footer .catalog-filter{width:130px;}
.catalog-footer .catalog-player{left: 140px;position: absolute;right:190px;}
.catalog-footer .catalog-more-menu{width:50px; float:right;}
.catalog-footer .catalog-playlist{width:130px; float:right;}
.catalog-footer .player-wrapper{ position:relative; height:30px; padding-left:0; padding-right:0; margin-top:0px;}

.catalog-icons-h .switch-more{ display:block}
.addplaylist-btn{background: none; border: 0px; position: absolute; top: 0; right: 0; width: 50px;z-index:5}
.addplaylist-btn i{ line-height:55px}
.addplaylist-holder > .addsong-list nav .input-field input[type="text"]{ box-sizing: border-box; -moz-box-sizing: border-box; -webkite-box-sizing: border-box; -ms-box-sizing: border-box; padding-right: 50px; padding-left:15px}
.addplaylist-holder > .addsong-list nav .nav-wrapper form .input-field .errorMessage{ line-height: 18px; padding: 5px;}
.addplaylist-holder > .playlist-close-btn{ display:none;}
.playlist-popup > .playlist-close-btn{ display:block !important;}
#catalog_grid_table .icons-title-box{ width:60px;}
.catalog-icons-h .catalog-icons-i{ width:50px;}
.catalog-icons-h .catalog-icons{position:absolute; top:30px; margin-top:-22px; right:100px;}
.catalog-icons-h .catalog-icons:after{ content:''; position:absolute; border-width:7px;top:10px; border-style:solid;}
.catalog-icons-h .catalog-icons .icons-box{display:table; border-spacing:5px;}
.catalog-icons-h .catalog-icons .icons-box a{display:table-cell; padding:10px;}
.catalog-icons-h .catalog-icons .icons-box a i{font-size:18px}
.row.row-new.catalog-holder{padding-bottom:70px;}

body.catalog-holder{ font-size:13px;}

.playlist-show:after ,.download-holder:after ,.addplaylist-holder:after{content:''; position:absolute; border-style:solid; border-width:10px 10px ; bottom:-19px; right:72px;}
.addplaylist-holder:after{right:inherit; left:10px;}
.download-holder:after{right:63px;}
.download-holder ,.addplaylist-holder/*, .filter-holder*/{ width:150px;display: none; position: absolute; right: 73px; bottom:70px; z-index: 2;}
.addplaylist-holder{width:400px; right:inherit !important; left:10px;}
/*.filter-holder{ left:15px; right:inherit; width:665px; position:fixed;  padding-top:10px; z-index:9999}*/
.filter-scroll{overflow-y:auto; overflow-x:hidden; height:100%; padding-top:5px;}
.filter-scroll input[type="text"]{ font-weight:normal;}
.filter-holder .row .col .input-field{ margin-top:10px}
.filter-holder .row > #search_form{ /*padding-bottom:15px;*/ display:inline-block;}
.filter-scroll .m-b15-mobile .select2-selection__rendered{height:85px; overflow-y:auto !important;}

.download-holder{padding:0px 10px; box-sizing:border-box;}
.download-holder ul li{float:left; width:100%; margin-bottom:10px;}
.download-holder ul li a i.material-icons{float:left; width:30px; font-size:15px; line-height:25px;}
.download-holder ul li a{line-height:25px;}

.addplaylist-holder > .search-songs nav{height:45px;}
.addplaylist-holder > .search-songs > nav > .nav-wrapper > form > .input-field input[type="search"]{ height:45px; font-size:16px; line-height:45px;}
.addplaylist-holder > .search-songs > nav > .nav-wrapper > form > .input-field label .material-icons{ line-height:45px; height:45px; font-size:24px;}
.addplaylist-holder > .search-songs > nav > .nav-wrapper > form > .input-field{ position: relative;}
.addplaylist-holder > .search-songs > nav > .nav-wrapper > form > .input-field input[type="text"]{ box-sizing: border-box; padding-left: 50px; height: 46px; display: block}
.addplaylist-holder > .search-songs > nav > .nav-wrapper > form > .input-field button.searchplaylist-btn{ position: absolute; top: 0; left: 0; padding: 0; margin: 0; border: 0; background: none; width: 50px; text-align:center; height: 46px;z-index:2}
.addplaylist-holder > .search-songs > nav > .nav-wrapper > form > .input-field button.searchplaylist-btn .material-icons{ line-height: 46px; font-size: 24px;}
.addplaylist-holder > .list-of-songs ul{/*padding:0 10px; box-sizing: border-box;*/}
.addplaylist-holder > .list-of-songs ul li{ height:40px; position: relative; padding: 0 10px; box-sizing: border-box;}
.addplaylist-holder > .list-of-songs > ul > li > a{ font-size:14px; line-height:40px;}
.addplaylist-holder > .list-of-songs > ul > li > a.btn-delete{ position: absolute; right: 0; width: 35px; text-align: center;}
.addplaylist-holder > .list-of-songs > ul > li > a.private-gray{ position: absolute; top:5px; right: 35px; width: 35px; text-align: center;}
.addplaylist-holder > .list-of-songs > ul > li > a.private-gray i.material-icons{ font-size: 22px;}
.addplaylist-holder > .list-of-songs > ul > li > a > .material-icons{ font-size:22px; line-height:40px; float:left; padding-right:10px;}
.addplaylist-holder > .list-of-songs > ul li.editable form{position:relative; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.12)}
.addplaylist-holder > .list-of-songs > ul li.editable form input[type="text"]{ margin-bottom: 0 !important; padding-right:40px; height:39px; line-height:39px; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; webkite-box-sizing: border-box;}
.addplaylist-holder > .list-of-songs > ul li.editable form div.btn-boxlist{position:absolute; right:0; top:0;}
.addplaylist-holder > .list-of-songs > ul li.editable{position: relative;}
.addplaylist-holder > .list-of-songs > ul li.noneeditable{position: relative;}
.addplaylist-holder > .list-of-songs > ul li.noneeditable label{left:40px;overflow: hidden;position: absolute;right: 0;text-overflow: ellipsis; white-space: nowrap; height: auto; min-height:40px; line-height: 40px;}
.addplaylist-holder > .list-of-songs > ul li.editable label{left:40px;overflow: hidden;position: absolute; text-overflow: ellipsis; white-space: nowrap; height: auto; min-height:40px; line-height: 40px;}
.addplaylist-holder > .list-of-songs > ul li.editable label .errorMessage{ white-space:normal; line-height:20px;}
.addplaylist-holder > .list-of-songs > ul.playlist_container li.editable form .errorMessage{ position: relative; z-index: 5; padding: 5px;}
.addplaylist-holder > .list-of-songs{height:300px; overflow-y:auto;}
.btnSave, .btnDiscard{ width: 30px!important; height: 30px !important; line-height: 30px !important; margin: 0!important;}
.btnSave i, .btnDiscard i{height: 30px !important; line-height: 30px !important;}
.playlist-show:after{ content:''; position:absolute; border-style:solid; border-width:10px 10px ; bottom:-19px; right:67px;}
.error-holder{loat:left;padding-top:50px; padding-bottom:50px; margin-left:10px; margin-right:10px; padding-right:10px;}
.error-holder .center-align{ margin:auto;}
.error-holder .center-align img{width:100%;}
.playlist-show{display:none; position:fixed; bottom:70px; z-index:2; right:22px; left:inherit;width:900px;}
.select2-container--open{z-index:99}
.nav-top-mobile .side-nav li a{ font-size:16px;}
.nav-top-mobile .side-nav li ul li a{font-size:14px;}
.nav-top-mobile .side-nav li ul li{ border-bottom:0px !important;}

header.header-holder nav .side-nav li a i span.up{ display:none}
header.header-holder nav .side-nav li a i span.down{ display:block}
header.header-holder nav .side-nav li.active a i span.down{display:none}
header.header-holder nav .side-nav li.active a i span.up{ display:block}
header.header-holder nav .side-nav{height:100%;}
header.header-holder nav .top-link .admin-dropdown li a{ padding-left:7px; padding-left:7px; padding-top:13px; padding-bottom:13px;}

.nav-top-mobile .side-nav li ul li, .nav-top-mobile .side-nav li ul li a{ height:45px; line-height:45px;}
.nav-top-mobile .side-nav li .collapsible-header i{margin-right:0;font-size:24px;}
.nav-top-mobile .side-nav .logout-fixed{bottom:0; left:0; right:0; position:absolute; text-align:center}
.nav-top-mobile .side-nav .logout-fixed i.material-icons{height: 64px;line-height: 64px;}
.nav-height{position:absolute; top:80px; bottom:80px; overflow-y:auto; right:0; left:0;}

.header-admin-link{text-transform:inherit; padding:0; margin:0; vertical-align:inherit;}
.header-admin-link + .dropdown-content li a{font-size:16px !important;}
nav a.button-collapse{display:block !important;}
.dropdown-content{z-index:400;}
.response-title{ height:27px; display:inline-block;}
.select2 > .selection > .select2-selection--multiple{min-height:46px;}
.select2-container--default .select2-search--inline .select2-search__field{ height:39px;}

.main-container{height:calc(100% - 60px); transition: top .5s;}
.main-container .title-area{min-height:50px; top:72px; z-index:100; line-height:50px; padding-left:0.75rem; padding-right:0.75rem; padding-top:0; padding-bottom:0; box-sizing:border-box; position:fixed; left:0; right:0;}
.main-container .title-area h1{ margin:15px 0; padding:0; font-size:26px; line-height:26px;}
.main-container > .title-area > .row > .col > .more_horiz > .icons-box{ font-size:inherit;}
.main-container{ width:100%; max-width:100%; position:relative;}
.main-container .row-new{ margin-left:0 !important; margin-right:0 !important;}
.profile-holder{ padding-bottom:0;}
.profile-holder .row .input-field{margin-top:30px;}
.profile-holder .row .input-field label{font-weight:800;}
.profile-holder .row .input-field input[type="text"]{font-weight:bold;}
.profile-holder .row .input-field input[type="text"] + label.active{ font-weight:400;}

.large-placeholder{ position:absolute;}
.large-placeholder ::-webkit-input-placeholder {font-size:16px;}
.large-placeholder ::-moz-placeholder{font-size:16px;}
.large-placeholder :-ms-input-placeholder {font-size: 16px;}
.large-placeholder input:-moz-placeholder {font-size:16px;}

.contact-holder{position:relative}
.contact-holder .icons-title-box{width:160px;}
.holds-holder .icons-title-box{width:210px;}
.cuts-holder .icons-title-box{width:170px;}
.user-holder .icons-title-box{width:170px;}
section.user-holder , .territory-holder, .pro-holder, .admin-holder, .demotype-holder, .tempo-holder, .genre-holder, .mediatype-holder, .tag-holder{ position:relative}
.user-holder .text-block .icons-box{ width: 150px; text-align: center}
.icons-box-right{text-align: right !important;}
.syncs-holder .icons-title-box{width:170px;}
.pitchlog-holder .icons-title-box{width:120px;}
.holds-holder .edit-song-title{height:46px; line-height:46px; margin-bottom:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.holds-holder .select2-container{ width:100% !important;}
.section{padding-top:0.5rem;}
section.white.section{margin-bottom:10px;}
footer .row .footer-link{margin-top:5px;}
footer .row .footer-link, footer .row .powered-section{padding-left:20px !important; padding-right:20px !important;}
footer .row .powered-section .powered-section-login{float:right;}

.btn-floating{width:36px; height:36px; margin-left:8px; margin-bottom:5px; box-shadow:none; text-align:center; line-height:36px;z-index: 5}
.btn-floating i{font-size:24px; line-height:36px;}
.squre-btn{padding-left:15px; padding-right:15px;}
.btn{box-shadow:none; font-size: 12px;}
.upload-file-btn{margin-bottom:15px;}

.relative{ position:relative;}
.btn, .btn-large{font-family:'roboto-regular'; font-weight:400; height:34px; line-height:34px;}
.btn-font-size16{font-size:16px;}
.btn-edit, .btn-delete, .btn-active, .btn-inactive, .btn-notes, .btn-done-w, .btn-close-w{width:50px; text-align:center; display:inline-block;}
.icons-box{font-size:0px;letter-spacing: 0px;word-spacing: 0px; display:inline-table;}
.icons-box button,i{ font-size:14px;}
.squre-btn{ margin-left:3px; border-radius:2px;}
 
.btn-active i, .btn-inactive i{ font-size:18px!important;}
.sm-add, .sm-close{ padding:0; margin:0; margin-left:5px; margin-right:5px; display:inline-block;}
.catalog-btn-delete{ display:block !important}
.catalog-text-block{ display:block;}
.secondary-contact > .relative{ padding-top:8px;}

.fileinput-button input{font-size:inherit;}
.search-input{ padding-right:100px !important; line-height:40px; box-sizing:border-box !important;}
.search-btn, .reset-s-btn{ width:50px; position:absolute; top:12px; right:60px; height:22px; background:none; border:0;z-index:5}
.reset-s-btn{ right:10px; border-left:#CCC solid 1px;}

.search-green{ position:inherit !important; left:inherit; right:inherit; top:inherit;}
.secondary-contact{ padding-top:10px; padding-bottom:10px; margin-top:15px; margin-bottom:15px; box-shadow:0 0px 2px 0 #ccc;}
.secondary-contact .relative .input-feild-section{display: block;padding-right:50px;position: relative;width: 100%;}
.secondary-contact .relative.row{ margin-bottom:0;} 

.pitchlog-holder .select-wrapper input.select-dropdown{ margin-bottom:0; height:20px; padding-bottom:5px; line-height:inherit;}
.pitchlog-holder .select-wrapper span.caret{top:8px;}
.copyright-holder{padding-top:15px !important;}

.dropdown-content.select-dropdown{max-height:200px;}

.secondary-contact .relative .add-remove-box{position: absolute;right: 0;top: 0;width:55px;}
.secondary-contact .relative .add-remove-box .add-remove-inner{ margin-top:20px;}
textarea.custom-textarea{ height:40px !important; line-height:40px; padding-top:0; padding-bottom:0; overflow-y:auto}
textarea.textarea-fix{height:80px !important; overflow-y:auto}
textarea.custom-textarea-height{height:80px !important; overflow-y:auto}

.upload-photo-section{ margin-top:20px;}
.upload-photo-section .file-upload-process{ line-height:20px; padding-right:70px; height:30px; padding-left:5px; margin-bottom:15px;}
.upload-photo-section .file-upload-process .right{ position:absolute; right:0; top:0;}
.upload-photo-section .file-upload-process .truncate{margin-top:5px;}
.upload-photo-section .file-upload-process .right .removeicon, .viewicon{width:35px; line-height:6px; height:30px; line-height:30px; text-align:center; float:left; border:0; margin:0; padding:0; border-radius:0;}
.upload-photo-section .file-upload-process .viewicon i.material-icons{ line-height:30px;}
.upload-photo-section i.material-icons{ z-index:inherit;}

.pager{margin-left:0; margin-right:0;}
.paginatin-holder{margin-top:15px; margin-left:-10px; margin-right:-10px;}
.paginatin-holder .pagination{font-size:14px;}
.paginatin-holder .pagination ul{float:left; margin-top:0; box-shadow:0 0px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.paginatin-holder .col .z-depth-1{box-shadow:0 0px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.paginatin-holder .pagination li .material-icons{  position:relative;}
.paginatin-holder .pagination li:first-child span{ padding-top:3px; display:inline-block;}
.paginatin-holder .pagination li:last-child span{ padding-top:3px; display:inline-block;}
.paginatin-holder .pagination li input[type="text"]{ width:80px; margin-bottom:0; height:30px; border-bottom:0; box-shadow:none;}
.paginatin-holder .pagination li:last-child {border-right:none;}
.paginatin-holder .pagination li{font-size:12px; float:left; line-height:normal; line-height:inherit; padding-top:5px; height:40px;}
.paginatin-holder .totalrecords { display:inline-block; text-align:center; padding:10px;}
.paginatin-holder .display-records{ text-align:right; float:right; padding:8px 10px;}
.paginatin-holder .display-records .display-coung{width:80px;}
.paginatin-holder .display-records .display-coung{ font-size:12px;}
.paginatin-holder .display-records .dis-txt{padding-left:5px; padding-right:5px;}
.paginatin-holder .display-records .display-coung .select-dropdown{margin-bottom:0; position:relative; height:auto; line-height:inherit; line-height:auto; border-bottom:0; box-shadow:none;}
.paginatin-holder .display-records .display-coung .select-dropdown + ul{ position:relative; z-index:1000;}
.paginatin-holder .display-records .display-coung .select-dropdown li span{ padding:5px;}
.paginatin-holder .display-records .select-wrapper span.caret{ top:9px;}

.tabs .indicator{height:5px;}
.btn-save, .btn-savep, .btn-saved{ border-radius:2px;}
.addnewsong-holder .icons-title-box{width:120px;}
.addnewsong-holder .s12 #song-form{ margin-bottom:10px}
.icons-box .btn-floating{margin-bottom:0;}
.dropdown-content li > a, .dropdown-content li > span{font-size:14px; padding:10px;}
.dropdown-content li{ line-height:18px;}

table.table-holder{ border-collapse:collapse;}
table.table-holder thead tr th{ padding-top:10px; padding-bottom:10px; padding-right:25px; vertical-align:middle; white-space:nowrap;}
table.table-holder thead tr th:last-child{padding-right:5px;}
table.table-holder thead tr th strong{white-space:nowrap;}
.table-holder tbody tr td{word-wrap:break-word; vertical-align:top;}
.table-holder thead tr th, td, tbody tr td{ vertical-align:top; padding-top:8px; padding-bottom:8px; padding-left:5px; padding-right:5px;}
.email-box-upper{max-width:250px; word-break:break-all;}
.dropdown-iconbox{position:relative; opacity:1; text-align:right; box-shadow:none; visibility:visible; background:none;}

.email-box{position:relative; width:100%;}
.email-inner-box{word-break:break-all;}
.icons-title-box{float:right; width:250px;}
.check-box-title[type="checkbox"] + label{ line-height:18px;}
.material-tooltip{padding: 5px 8px;min-height: 20px; font-size:12px; max-width:400px;}
.password_tip{}
h1, h2, h3, h4, h5, h6{font-family:'roboto-regular';}
h5{font-size:18px;}
.row{ margin-bottom:0;} .w100p{width:100%;} .drag-target{width:auto;}
.m-t-0{margin-top:0 !important;}
.m-b-0{margin-bottom:0 !important;}
.m-t-20{margin-top:20px !important;}
.m-l-0{margin-left:0;}
.m-b-30{margin-bottom:30px;}
.m-t-10{margin-top:10px;}
.m-t-5{margin-top:5px;}

.m-t-30{margin-top:30px;}
.m-l-15{margin-left:15px;}
.m-l-10{margin-left:10px;}
.m-b-20{margin-bottom:20px;}
.m-b-15{margin-bottom:15px;}
.m-b-10{margin-bottom:10px;}
.m-t-15{margin-top:15px;}
.no-scroll{ overflow:hidden; -webkit-overflow-scrolling: touch;}

.p-b-0{padding-bottom:0;}
.p-t-0{padding-top:0;}
.p-t-10{padding-top:10px !important;}
.p-l-0{padding-left:0;}

.icon-cell{height:26px; width:36px;}
.txt16{font-size:16px !important;}
.txt18{font-size:18px;}
.txt20{font-size:20px;}
.txt22{font-size:22px;}
.txt24{font-size:24px !important;}
.txt30{font-size:30px !important;}
.txt36{font-size:36px !important;}

.phone-title{width:120px;}
.name-title{width:250px;}
.notes-title{width:200px;}
.email-title{width:250px;}
.address-title{width:400px;}
.note-title{width:400px;}
.company-name-title{width:250px;}

#hold_grid .song-title{width:200px;}
#hold_grid .writer-title{width:200px;}
#hold_grid .o-writer-title{width:200px;}
#hold_grid .m-date-title{width:200px;}
#hold_grid .hold-d-title{width:120px;}

#writersubmission_grid .row-exists td{font-weight: bold;color:tomato;}

.text-uppercase{ text-transform:uppercase;}
.textarea-height{height:100px !important; overflow-y:auto !important;}
.input-field label,.select-wrapper input.select-dropdown{font-family: 'opensans-regular'; font-size:13px; z-index:0;}

.text-transform{text-transform:inherit;}
.radio-search-box{margin-bottom:30px; float:left; width:100%;}
.db{display:inline-block;}

.roboto-regular{font-family:'roboto-regular';}
.roboto-bold{font-family:'roboto-bold';}
.roboto-medium{font-family:'roboto-medium';}
.roboto-light{font-family:'roboto-light';}
.abelregular{font-family: 'abelregular';}

#addnew-holds ,#seach-box-holds{display:none;}
#addnew-cuts ,#seach-box-cuts{display:none;}
#addnew-syncs ,#seach-box-syncs{display:none;}
#addnew-pitch ,#seach-box-pitchlog{display:none;}
.catalog-icons-h .catalog-icons{ display:none;}
.ui-helper-hidden-accessible{display:none;}
.overlay-ajax-upper{display:none;}

.select-area .select-wrapper input{font-weight:normal; box-sizing:border-box; padding-right:20px;}

.admin-holder .switch{height:50px; position:relative;}
.admin-holder .switch label{left:0; right:0; position:absolute;}
.admin-holder .switch label input[type="checkbox"]{width:100%; position:absolute; left:0; right:0;}
.admin-holder .switch label .lever{float:right; top:5px;}
.admin-holder .admin-writers{ position:relative; padding-right:50px; display:block;}
.admin-holder .admin-writers .add-remove-box{width:50px; position:absolute; right:0; top:30px;}
.admin-holder .admin-writers .add-remove-box .add-remove-inner .sm-close{ margin:0;}
.admin-holder .admin-writers .add-remove-box .add-remove-inner .sm-add{ margin:0;}
.admin-holder .col.s12 section +  .row .center-align.m-b-20.col.s12{height:auto; border-width:1px; border-style:solid; border-color:transparent}
.admin-checkbox{ margin-bottom:20px;}
.select-wrapper span.caret{border-width:7px 7px 0px 7px; border-style:solid; width:12px; height:10px; overflow:hidden; top:20px;}
.admin-holder .admin-row-content .admin-row{margin-left:-11px;margin-right: -11px;padding-left: 11px;padding-right: 11px; padding-top:8px;}
.admin-holder .admin-row-content .admin-row .row .admin-writers{ padding-top:5px;}
.total-percentage{ padding-top:20px !important; padding-bottom:8px !important;}
.writer-Percentage{ padding-bottom:25px !important;}
.playlist-btn, .menumore-btn, .more-horiz-btn{width:40px; height:40px; position:relative; top:20px;}
.playlist-btn:focus, .menumore-btn:focus, .more-horiz-btn:focus{margin:0; padding:0;}

.overlay-ajax{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index:50000;vertical-align:middle; align-items:center;-webkit-align-items: center; align-items: center;overflow-y:auto;display: -webkit-flex; display:-moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.preloader-wrapper.big{margin:auto;}

.loading_data {border-radius: 0 0 5px 5px; left: 50%; margin-left: -50px; padding: 5px 0; position: fixed; text-align: center; top: 0; width: 100px;z-index: 1001;display:none;}
#flash_div{position: fixed;text-align: center;top: 59px;width:100%;z-index: 1003;}
.flash-success, .flash-error{border-radius: 5px 5px 5px 5px; display:inline; margin:0 auto;padding:10px;text-align: center;font-size:12px; line-height:30px;}
.fade_block{left: 0;margin: 0 auto; position:fixed; right: 0; text-align: center; top: 15px; width: auto;  z-index:2147483647;}
.fade_msg{border-radius: 3px; padding: 5px;}

.ui-autocomplete{position: absolute;top: 100%;left: 0;z-index: 1000;float:left; display: none;min-width: 160px;padding: 4px 0;margin: 0 0 10px 25px;}
.ui-menu-item > a.ui-corner-all{display:block; padding:5px 15px; clear:both; font-weight: normal; line-height:18px; white-space: nowrap; text-decoration:none;}
.ui-state-hover, .ui-state-active{text-decoration:none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; background-image:none;}

.a-to-z-sort{width:24px; height:24px; display:inline-block;}
table.table-holder thead tr th a.sort-link{ float:left}
table.table-holder thead tr th a.sort-link small{ line-height:normal; font-size:12px; font-weight:normal; position:absolute; width:103px; text-align:center}
.errorMessage{font-size:12px;}

.redactor-editor{height:250px;}
.secondery-content-error{ text-align: center; padding: 5px;}
.menumore-btn + span{position:relative; top:12px;}

.pitch-holder .modal-header{width:100%; height:50px}
.pitch-holder .modal-header .left h4{font-family:'abelregular'; font-size:28px; line-height:50px; padding:0 0 0 10px; margin:0;}
.pitch-holder .modal-header .right .modal-close{ height: 50px;line-height: 50px;margin: 0;padding: 0;text-align: center;width: 50px; border-radius:0;}
.pitch-holder .modal-header .right .modal-close i.material-icons{font-size:34px;}
.pitch-holder.modal{width:55% !important}

.pitch-holder .modal-content .with-header{position:relative;}
.collection.with-header .collection-header{padding-left:10px; padding-right:10px;}
.collection.with-header .collection-item{padding-left:10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width:100%; padding-right:40px; /*border:0;*/ }
.imgleft img { float: left; margin-right: 5px; }
.collection.with-header .collection-item .delete-selected-song{ position:absolute; right:0px;}
.flexitem { position: relative !important; min-height: 48px; line-height: 48px; }
.pitch-holder .modal-content .with-header .collection-header{ border:0; padding-left:15px;}
.pitch-holder .modal-content .with-header .collection-item{position:relative; padding-right:50px; padding-left:10px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.pitch-holder .modal-content .with-header .collection-item .btn-delete{ position:absolute; right:0;}
.pitch-holder .modal-content .admin-checkbox [type="checkbox"] + label{ height:22px; line-height:20px;}
.modal{max-width:950px; width:auto;}

.writer-select-drop .row .input-field .select2-container .selection .select2-selection{border:0; border-radius:0; line-height:36px; height:36px; margin-top:10px; border-bottom-width:2px!important; border-bottom-style:solid!important;}
.writer-select-drop .row .input-field .select2-container .selection .select2-selection:focus{border-bottom-width:2px!important; border-bottom-style:solid!important;}
.writer-select-drop .row .input-field .select2-container .selection .select2-selection .select2-selection__rendered{padding-left:0}
.writer-select-drop .row .input-field .select2-container .selection .select2-selection .select2-selection__arrow b{border-width: 7px 7px 0; top:20px;}

#hold_grid .cont-title{width:160px; padding-right:30px; position:relative;}
.welcome-box div{ display:inline-block; line-height:22px;}
.welcome-box{height:80px; width:233px; font-size:12px; padding-left:25px;}
.welcome-box strong{font-size:16px; padding-right:5px; width:100%; float:left;}

.input-field input[type="search"]:focus{ background:none}
.picker__select--month.browser-default{font-size:15px;}
.picker__select--year.browser-default{font-size:15px;}
.empty{width:100%; text-align:center; font-size:14px;}
#audio-upbtn ,#lyric-upbtn{line-height:36px; height:36px; border-radius:2px; position:relative;}
#audio-upbtn span{ line-height:36px;}
#audio_preview{ padding-left:0; padding-right:0;}
#lyric_preview{padding-left:0; padding-right:0;}
#song_image_preview{padding-left:0; padding-right:0;}
#audio_preview .template-download{padding-left:0; padding-right:0;}

#audio_preview .template-download .file-upload-process, 
#audio_preview .template-upload .file-upload-process, 
#lyric_preview .template-download .file-upload-process, 
#lyric_preview .template-upload .file-upload-process,
#song_image_preview .template-download .file-upload-process, 
#song_image_preview .template-upload .file-upload-process{border-bottom-style:solid; border-bottom-width:2px; width:100%; float:left; height:45px;}

#audio_preview .template-download .file-upload-process .truncate,
#audio_preview .template-upload .file-upload-process .truncate,
#lyric_preview .template-download .file-upload-process .truncate,
#lyric_preview .template-upload .file-upload-process .truncate,
#song_image_preview .template-download .file-upload-process .truncate,
#song_image_preview .template-upload .file-upload-process .truncate{float:left; width:100%; position:relative; top:5px; padding-right:30px;box-sizing:border-box;}

#audio_preview .template-download .file-upload-process .truncate + .right,
#audio_preview .template-upload .file-upload-process .truncate + .right,
#lyric_preview .template-download .file-upload-process .truncate + .right,
#lyric_preview .template-upload .file-upload-process .truncate + .right,
#song_image_preview .template-download .file-upload-process .truncate + .right,
#song_image_preview .template-upload .file-upload-process .truncate + .right,
.select-file-field div .file-upload-process .truncate + .right{position:absolute; right:0;}

#audio_preview .template-download .file-upload-process .truncate + .right .btn-danger, 
#audio_preview .template-upload .file-upload-process .truncate + .right .removeicon, 
#lyric_preview .template-download .file-upload-process .truncate + .right .btn-danger, 
#lyric_preview .template-upload .file-upload-process .truncate + .right .removeicon,
#song_image_preview .template-download .file-upload-process .truncate + .right .btn-danger, 
#song_image_preview .template-upload .file-upload-process .truncate + .right .removeicon, 
.select-file-field div .file-upload-process .truncate + .right .btn-danger, 
.select-file-field div .file-upload-process .truncate + .right .removeicon{ background:none; border:0; position:relative; top:5px;}

#audio_preview .template-upload .file-upload-process + .progress-striped,
#lyric_preview .template-upload .file-upload-process + .progress-striped,
#song_image_preview .template-upload .file-upload-process + .progress-striped{border-radius:0; top:-5px;}


.company-contact-btn-box{position:absolute;right:0px;top:8px;}
.contact-btn-box{position:absolute;right:0px;top:8px;}
.contact-btn-box1,.company-contact-btn-box1{padding-right:115px !important; box-sizing:border-box}
.MultiFile-list{overflow: hidden;position: absolute;right: 0;top: 0; left:155px; height:45px;}
.MultiFile-remove{float:right;}
.MultiFile-title{left:0; text-align:left; overflow:hidden;position:absolute;text-overflow: ellipsis;text-transform: capitalize;white-space:nowrap; right:30px;}

/* recipient player */
.recipient-btn{text-align:left; box-shadow: rgba(0,0,0,0.2) 0 0 10px; padding-left:10px; padding-right:10px; width:100%; box-sizing:border-box; -mox-box-sizing:border-box; -webkite-box-sizing:border-box; /*border-style:solid; border-width:1px 1px 3px 1px;*/ height:45px; line-height:45px; margin-top:10px; margin-bottom:10px;}
.reply-icon{font-size:20px;}
.reply-icon1{position:relative; top:5px;}
.download-all-audio{font-size:12px; text-transform:capitalize; padding: 0px 10px; margin: 10px 5px; box-shadow: rgba(0,0,0,0.2) 0 0 10px;}
.download-all-audio i{font-size:24px;}
.recipient-player-holder .audioplaylist-player .player-controllar{ width:auto;}
.recipient-player-holder .audioplaylist-player{border-bottom-style:solid; border-bottom-width:1px;  border-top-style:solid; border-top-width:1px; max-width:100%; width:100%; padding:10px 0; float:left; }
.recipient-player-holder .player-controllar{width:auto;}
.recipient-player-holder .player-controllar div a i{font-size:36px;}
.recipient-player-holder div.jp-type-playlist div.jp-playlist a{ font-weight:bold}
.recipient-player-holder div.jp-type-playlist div.jp-playlist a img{ float:left; max-width:50px; margin-right:10px;}

.recipient-player-holder .audioplaylist-player .player-progress{position:relative;}
.recipient-player-holder .audioplaylist-player .jp-controls .player-wrapper{position:relative; display:table;}
.recipient-player-holder .audioplaylist-player .jp-controls .player-wrapper .player-controllar{display:table-cell; float:inherit; width:180px;}
.recipient-player-holder .audioplaylist-player .jp-controls .player-wrapper .player-progress{display:table-cell; float:inherit; width:calc(100% - 300px); left:inherit; right:inherit;}
.recipient-player-holder .audioplaylist-player .jp-controls .player-wrapper .right{display:table-cell; float:inherit; width:110px; position:relative; top:7px;}
.recipient-player-holder .jp-interface div.jp-controls div{ display:inherit;}
.recipient-player-holder .vlm_scroll{left:155px; top:inherit;}
.recipient-player-holder .vlm_scroll:hover div.jp-volume-bar{ left:17px; bottom:45px;}
.recipient-player-holder a.jp-stop, .recipient-player-holder a.jp-previous,.recipient-player-holder a.jp-next, .recipient-player-holder a.jp-play, .recipient-player-holder a.jp-pause, .recipient-player-holder a.jp-stop, .recipient-player-holder a.jp-previous, .recipient-player-holder a.jp-next, .recipient-player-holder a.jp-mute, .recipient-player-holder a.jp-unmute, .recipient-player-holder a.jp-volume-max{width:36px;}

.recipient-player-holder .vlm_scroll{width:36px; height:100px; position:absolute;}
.recipient-player-holder .vlm_scroll div.speaker{height:36px;}
.recipient-player-holder .playlist_h{border-top-style:solid; border-top-width:1px; position:relative; border-bottom:0;}
.recipient-player-holder .progress_h{top:6px;}

.recipient-player-holder div.jp-type-playlist div.jp-playlist a{padding-left:10px; text-align:left;}
.recipient-player-holder div.jp-playlist li{border-top-style:solid; border-top-width:1px; float:left; width:100%; min-height:50px;}
.recipient-player-holder .vlm_scroll .speaker{bottom:8px}
.toname{border-style:solid; border-width:1px; padding:0px 5px; border-radius:5px;}
/* recipient player */

/* song title player */
.mp3-player .vlm_scroll{left:70px;}
.mp3-player .audioplaylist-player .jp-controls .player-wrapper .right{width:70px !important;}
.mp3-player .audioplaylist-player .jp-controls .player-wrapper .player-progress{width:calc(100% - 171px);}
.mp3-player .audioplaylist-player .jp-controls .player-wrapper .player-controllar{ width:100px !important; padding-left:0;}
ul.mp3-playerlist > li{ margin-bottom:25px;}
ul.mp3-playerlist > li:nth-of-type(3n+4){clear:both;}
/* song title player */

.redactor-toolbar, .redactor-dropdown{ z-index:20;}
iframe{border:0;}
.pitch-song{ overflow-y:hidden !important;}
#attchment_wrap_list{height: inherit;left:inherit;overflow: inherit;position: relative;top: inherit; text-align:left; width:100%;}
#attchment_wrap_list .MultiFile-label{position:relative; width:calc(25% - 20px); float:left; margin-right:10px; margin-left:10px; padding-bottom:8px; padding-top:8px; box-sizing:border-box; margin-bottom:15px; border-bottom:#E0E0E0 solid 2px;}
#attchment_wrap_list .MultiFile-label .MultiFile-remove{ position:absolute; right:0;}
#attchment_wrap_list .MultiFile-label .MultiFile-title{position:relative; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width:100%; padding-right:30px; float:left;}

.player-img-box { margin: auto;display: flex; align-items: center; justify-content: center; }
.player-img-box img { max-width: 200px; max-height: 200px; height: auto !important; } 

.attachment-holder{ overflow:hidden;}
.attachment-holder > .btn{ height:auto; cursor:default; text-align:left; line-height:normal; background:none; position:relative; box-sizing:border-box;}
.attachment-holder > .btn > span{border-radius: 2px;clear: both;display: inline-block;font-size: 14px; padding:8px 20px; text-transform:capitalize; width:150px;}
.attachment-holder > .btn > span + #attchment_wrap input[type="file"]{width:150px; left:12px;}
.attachment-holder > .btn > span + #attchment_wrap{ overflow:hidden;}
.attachment-holder > .btn:hover , .attachment-holder > .btn:hover{background:none; box-shadow:none;}
.attachment-holder > .file-path-wrapper{ visibility:hidden; height:0;}
#importdata .file-path-wrapper .file-path{ position:inherit;} 

.img-btn{font-size:14px; text-transform:capitalize;}

.select-file-field{ padding-left:0 !important; padding-right:0;}
.select-file-field .template-download{ padding-left:0 !important; padding-right:0;}
.select-file-field .template-upload{ padding-right:0;}
.select-file-field div .file-upload-process{ border-bottom:#e0e0e0 solid 2px; width:100%; float:left; height:35px;}
.select-file-field div .file-upload-process .truncate{float:left; width:100%; position:relative; top:5px; padding-right:30px;box-sizing:border-box;}

[type="checkbox"] + label{line-height:20px}

.song-popup .footable-toggle{ height:24px; overflow:hidden; float:left;}
.song-popup { padding-bottom:10px;}

.redactor-box ul li, .redactor-box ul{list-style-type:inherit;}
#redactor-modal-link-insert [type="radio"], #redactor-modal-link-insert [type="checkbox"]{ position:inherit !important; overflow:inherit; visibility:inherit; opacity:1;}

.select2-container--below > .selection > .select2-selection--multiple > .select2-selection__rendered > .select2-selection__choice div span + p{display:none}
.select2-container--below > .selection > .select2-selection--multiple > .select2-selection__rendered > .select2-selection__choice div{padding-right:30px;}
.select2-results__option div p{ padding:0; margin:0;}

.switch label input[type=checkbox]{width:100%; height:100%; cursor:pointer; right:0; left:0;}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {left:auto; visibility:visible; z-index:1; opacity:0;} 
.switch label{position:relative;}

/*------ aidio player--------*/
.audioplaylist-player{max-width:800px; margin:auto;}
.audioplaylist-player .player-controllar{width:150px;}
.audioplaylist-player .player-progress{position: absolute; left:140px; right:125px; top:9px;}
.audioplaylist-player .player-time{width:65px; top:5px; padding-left:0; padding-right:0; position:relative;}
.audioplaylist-player .player-refresh{width:45px;}
.audioplaylist-player > .album_img {display:table-cell; vertical-align:middle;}

.jaudio_h{float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }
.album_img{width:250px; height:250px;  overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.img_h {width:250px;text-align:center; line-height:245px; float:left;} 
.img_h img {text-align:center; vertical-align:middle;}
.album_img table, .album_img table tbody {width:100%; height:100%} 
.album_img table td {width:100%; height:100%; text-align:center; vertical-align:middle;} 
.playlist_h{width:100%; height:600px; border-top-width:3px; border-top-style:solid; overflow-y:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.current_audio{float:left; width:100%; font-weight:bold;}
div.jp-audio{font-size:12px}
div.jp-audio{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
div.jp-interface{position: relative; width:100%; float:left;}
div.jp-audio div.jp-type-single div.jp-interface{height:80px;}
/* @group CONTROLS */
div.jp-controls-holder {clear:both; width:440px; margin:0 auto; position: relative; overflow:hidden; top:-8px;}
div.jp-interface div.jp-controls {float:left; width:100%; list-style-type:none; margin:0; padding: 0px;}
div.jp-interface div.jp-controls div {display:inline; float: left;}
div.jp-interface div.jp-controls a {display:block; overflow:hidden;}
a.jp-play, a.jp-pause { width:24px; text-decoration:none; font-size:24px; margin-right:10px;}
a.jp-stop, a.jp-previous, a.jp-next {width:24px; text-decoration:none; font-size:24px; text-align:center; margin-right:10px;}
a.jp-play:hover,a.jp-pause:hover,a.jp-stop:hover,a.jp-previous:hover,a.jp-next:hover{text-decoration:none !important;}
/* @end */
/* @group progress bar */
div.jp-progress{overflow:hidden; height:8px;}
div.jp-audio div.jp-progress {float:left;}
div.jp-audio div.jp-type-single div.jp-progress{left:110px; width:186px;}
div.jp-audio div.jp-type-playlist div.jp-progress {width:100%;}
div.jp-seek-bar {width:0px; height:100%; cursor: pointer;}
div.jp-play-bar {width:0px; height:100%; transition:width 0.25s; -moz-transition:width 0.25s; -webkit-transition:width 0.25s; -o-transition:width 0.25s;}
/* The seeking class is added/removed inside jPlayer */
/* @end */

/* @group volume controls */
a.jp-mute, a.jp-unmute, a.jp-volume-max {width:24px;float:left; text-decoration:none; font-size:24px;}
a.jp-mute:hover,a.jp-unmute:hover,a.jp-volume-max:hover{text-decoration:none !important;}
.jp-volume-bar-value{position:absolute;bottom: 0; height:0; width:6px;}
/* @end */
/* @group current time and duration */
div.jp-audio div.jp-time-holder { float:left !important; width:100% !important;}
div.jp-audio div.jp-type-single div.jp-time-holder { left:110px; width:186px;}
div.jp-audio div.jp-type-playlist div.jp-time-holder { width:auto;}
div.jp-current-time, div.jp-duration{width:auto; font-size:10px;}
div.jp-current-time{float:left; display:inline;}
div.jp-duration{float:right!important; display:inline; text-align: right;}
/* @group playlist */
div.jp-title { font-weight:bold; text-align:center; background-color:transparent !important; white-space:nowrap;}
div.jp-title, div.jp-playlist{width:100%; float:left; }
div.jp-type-single div.jp-title, div.jp-type-playlist div.jp-title, div.jp-type-single div.jp-playlist { border-top:none;}
div.jp-title ul, div.jp-playlist ul { list-style-type:none; margin:0 !important; padding:0 !important; font-size:13px;}
div.jp-title li { padding:11px 0; font-weight:bold; list-style-type:none !important; }
div.jp-playlist li { list-style-type:none !important; }
div.jp-playlist li div { display:inline; float:left; width:100%;}
div.jp-playlist li > div > a{ position:absolute; right:120px; left:0;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
div.jp-type-playlist div.jp-playlist li:last-child { border-bottom:none;}
div.jp-type-playlist div.jp-playlist a {text-decoration: none; float:left;padding:5px 0 5px 20px;}
.dashboard-footer div.jp-type-playlist div.jp-playlist a {text-decoration: none; float:left;padding:2px 0 2px 10px !important;}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove{float:right; display:inline; text-align:right; font-weight:bold;}
div.jp-type-playlist div.jp-playlist span.jp-free-media {float:right; display:inline; text-align:right; margin-right:2px;}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{padding:0; width:35px; text-align:center}
div.jp-type-playlist div.jp-playlist span.jp-free-media a i.material-icons{line-height:45px; font-size:18px;}
/* @end */
div.jp-jplayer audio, div.jp-jplayer{width:0px; height:0px;}

/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
div.jp-toggles { list-style-type:none; padding:0; margin:0 auto; overflow:hidden;}
div.jp-audio .jp-type-single div.jp-toggles {width:24px}
div.jp-audio .jp-type-playlist div.jp-toggles {width:24px; float:right;}
div.jp-toggles div {display:block; float:right;}
div.jp-toggles div a {display:block; width:24px; height:24px; line-height:100%;font-size:20px; text-decoration:none; text-align:center;}
/* @end */

/* @group NO SOLUTION error feedback */
.jp-no-solution{position:absolute; width:390px; margin-left:-202px; left:50%; top: 10px; padding:5px; border-width:2px; border-style:solid; display:none;}
.jp-no-solution span{font-size:1em; display:block; text-align:center; font-weight:bold;}
/* @end */

/*-progress bar holder-*/
.progress_h {display:block; width:100%; height:10px; position:relative;}
.vlm_scroll {height:75px; width:24px; overflow:hidden; position:absolute; bottom:0; transition:height 1s; -moz-transition:height 1s; -webkit-transition:height 1s; -o-transition:height 1s; }
.vlm_scroll .speaker{ position:absolute; bottom:6px;}
.vlm_scroll:hover { width:80px; transition:width 0.25s; -moz-transition:height 0.25s; -webkit-transition:height 0.25s; -o-transition:height 0.25s;}
.vlm_scroll div.speaker {float:left; height:24px; z-index:1;}
.vlm_scroll:hover div.jp-volume-bar{background:rgba(0, 0, 0, 0.8); width:6px; height:100px; cursor: pointer; position:absolute; bottom:34px; left:10px; display: block !important;-moz-transition: height 1s ease;-webkit-transition: height 1s ease;-o-transition: height 1s ease;transition: height 1s ease; visibility:visible; box-shadow:#666 0 0 3px;}
div.jp-volume-bar{height:0px; -moz-transition: height 1s ease;-webkit-transition: height 1s ease;-o-transition: height 1s ease;transition: height 1s ease; visibility:hidden;}
.albume_name{float:left; margin:10px 0; font-weight:bold; font-size:14px; width:100%;}
#togglesbtn{width:20px; height:20px; margin:5px 5px 0 0; float:right; text-align:center; font-weight:bold; font-size:20px; line-height:20px; cursor:pointer;}
#show{padding:0 3px;}
#hide{padding:0 3px;}
.equalizer_box{width:62px; height:24px; margin:6px 10px 0 6px;}
.audio_only{display:inline-block !important; width:250px !important;}
.jp-progress > [id*="tt_time"]{visibility:hidden;  position:absolute; padding:3px;top:-30px; margin-left:-15px;}
.jp-progress:hover > [id*="tt_time"] {visibility:visible;}
#sortable {list-style-type: none; margin: 0; padding: 0; width:100%;}
#sortable li{float:left; width:100%; position:relative; line-height:40px;}
#sortable li span.handle{position: absolute; left:0;}
#sortable li{box-shadow: 0 1px 2px 0 #ccc;}
#sortable li:focus{box-shadow: 0 1px 3px 0 #000;}
.handle{cursor: grab; top:5px; bottom:5px;position: absolute;width: 14px;z-index: 1; float:left;}
#sortable li:hover .handle{top:0px; bottom:0px;}
/*------ aidio player--------*/
.bordernone{ border-bottom:0px !important;}
.feild-copyright{ top:0px; margin-top:0;}
.feild-copyright > .bordernone > label{ position:relative; padding-right:70px; line-height:20px; width:100%; float:left;}
.feild-copyright > .bordernone > label > .lever{right: -70px; top: -15px !important; position:relative;}
ul.tabs li.tab a{ border-bottom-style:solid; border-bottom-width:5px;}
#syncs .row .admin-writers, #cuts .row .admin-writers, #holds .row .admin-writers{border-bottom-style:solid; border-bottom-width:1px;}
ul.tabs li.tab:nth-of-type(2){border-style:solid; border-width:0px 1px;}
#signature_image .progress-striped{ margin-top:20px; float:left;}
#signature_image .progress-bar-success{background-color:#5cb85c !important}
.redactor-image-link-option.active > input{opacity: 1;}
form.pitch_forms .writer-select-drop .row .input-field label{font-size:13px; font-weight: bold}
.writer-submission-holder .icons-title-box{width:100px;}
.writer-submission-holder .catalog-icons-h .catalog-icons-i{ width: 100px;}
.song-tipstxt{ font-size:16px; padding-left:0 !important;}
.black_overlay{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.4;opacity:.40;filter: alpha(opacity=40);}
.playlist-popup{background-color: #fafafa;border-radius: 2px;left: 0; margin: auto;max-height: 70%;padding: 0;position: fixed;right:0 !important;max-width:400px;will-change: top, opacity;z-index: 50000; bottom:inherit !important; top:19%;}
.playlist-popup:after{ display: none}
.playlist-popup > .search-songs > nav > .nav-wrapper > form > .input-field input[type="text"]{ padding-right: 50px;}
.playlist-popup .playlist-close-btn{text-align: center; position: absolute; top: 0; right: 0; z-index: 5; height: 46px; line-height: 46px; width: 50px;}
.playlist-popup .playlist-close-btn .material-icons{height: 46px; line-height: 46px;}
.playlist-popup > .list-of-songs > ul > li > a{ display: none !important}
.playlist-popup > .list-of-songs > ul > li input[type="radio"]{}

.playlist-popup > .list-of-songs > ul > li > input[type="radio"]{display: block !important;}
.playlist-popup > .list-of-songs > ul > li > .playlist-morebtn{display:none;}
.playlist-popup > .list-of-songs > ul > li > input[type="radio"] + label{ padding-left: 35px !important; position: absolute; left: 10px!important; right: 0 !important;}
.playlist-popup > .list-of-songs > ul > li > input[type="radio"] + label:after{ display: block !important; top: 8px;}
.playlist-popup > .list-of-songs > ul > li > input[type="radio"] + label:before{ display: block !important; top: 8px;}

.addplaylist-holder > .list-of-songs > ul > li > input[type="radio"]{display: none}
.addplaylist-holder > .list-of-songs > ul > li > input[type="radio"] + label{ padding-left:0; position: absolute; left: 40px; right:40px; font-size: 13px;}
.addplaylist-holder > .list-of-songs > ul > li > input[type="radio"] + label:after{ display: none}
.addplaylist-holder > .list-of-songs > ul > li > input[type="radio"] + label:before{ display: none}
.addplaylist-holder > .list-of-songs > ul > li > a.btn-delete > .material-icons{font-size:18px;}

.addplaylist-holder > .list-of-songs > ul li.editable.edit-mode input[type="radio"] + label{ right:0 !important;}

.social-provider-icon{background-image: url('../images/icons.png');background-repeat: no-repeat;width: 32px;height: 32px;display: block;float: left;border: none !important;cursor: pointer;text-decoration: none;margin-right: 5px; text-indent:-999px;}
.social-provider-icon:hover{text-decoration: none;}
.social-provider-icon.twitter{background-position: 0 0px;}
.social-provider-icon.google{background-position: 0 -32px;}
.social-provider-icon.facebook{background-position: 0 -64px;}
#song_title_sec{font-size:20px; font-family: 'roboto-light'; margin-bottom:15px;}
.copy-me i{position:relative; top:8px;}
body.pitchlogs .tipsy{ display:block !important}
.tipsy{ word-wrap:break-word;}
.menumore-btn + span{font-size:12px; line-height:18px; float:left; margin-top:15px;}
#opensong.menumore-btn{ float:left;}
.removemore .switch-more{ display: none}
.Vscroll{height:25px;overflow: hidden;position: relative;vertical-align: bottom;}
.Vscroll div{position: absolute;bottom: 0;}
.Vscroll div.jp-title ul li{ padding:0;}
.Vscroll div{position: absolute;width: auto !important; overflow:hidden; white-space:nowrap;height: 100%;float:inherit !important;display:inherit !important;margin: 0;line-height:25px;text-align: center;-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);
-moz-animation: Vscroll 30s linear infinite; -webkit-animation: Vscroll 30s linear infinite; animation: Vscroll 30s linear infinite;}
.addplaylist-holder .addsong-list > nav{height:80px; line-height:50px;}
.addplaylist-holder .addsong-list > nav i.material-icons{height:40px; line-height:50px;}
.public-box{height:40px; line-height:40px; color:#616161}
.sharePlaylist .scroll-content{ overflow-y:auto; height:200px;}
.sharePlaylist > div > .audioplaylist-player > .jp-audio > .jp-type-playlist > .playlist-recipient > .playlist-recipient > .jaudio_h > .playlist_h {top:6px !important;}
.addnewtags .tag-meaage{display:none;}
.addnewtags:hover .tag-meaage{display: block; background:#000; padding: 5px; border-radius:5px; color: #fff; font-size: 12px; position: absolute; bottom:-35px; z-index: 5; left: 0; right: 0; margin: auto; max-width: 300px; text-align:center}
.addnewtags:hover .tag-meaage:before{ content: ''; position: absolute; border-width: 10px; border-style: solid; border-color:transparent transparent #000 transparent; top: -15px; left:calc(50% - 0px); } 
.addnewtags .tag-meaage{display: none;}
.addnewtags:hover .tag-meaage{display: block; padding:5px; border-radius:5px; font-size:12px; position:absolute; bottom:-35px; z-index:5; left:0; right:0; margin:auto; max-width:300px; text-align: center}
.addnewtags:hover .tag-meaage:before{content:''; position: absolute;border-width: 10px; border-style: solid; top: -15px; left:calc(50% - 0px);} 
.playlist-morebtn{ position:absolute; right:0; z-index:5;}
.playlist-morebtn > * + *{display:none;}
.playlist-morebtn > *{cursor:pointer;}
.playlist-morebtn:focus{outline:none;}
.playlist-morebtn:hover > * + *{display:block;}
.playlist-morebtn:active > * + *{display:block;}
.playlist-morebtn .btn-more-icon{padding:8px 0px; float:right; box-sizing:border-box; width: 50px;}
.playlist-morebtn div.btn-more-icon + .box-link{float:right; height:40px;} 
.playlist-morebtn div.btn-more-icon + .box-link > a{padding:4px 0px; margin:0; float:left; text-align:center;width:40px !important; height:40px !important; line-height:40px;}
.playlist-morebtn div.btn-more-icon + .box-link::after {border-style: solid;border-width: 7px;content: "";position: absolute;top: 10px;}
/*.col.s12.z-depth-0-5.white.section .row .col .section .grid-view .table tbody tr td{word-break: break-all;}*/
.div-chartyw0{ width:100%;}
.piechart{max-width:800px; height:500px; line-height:40px; margin:auto;  overflow-x:auto; overflow-y:hidden;}
.recipient-player-holder .jp-audio .jp-type-playlist .playlist-recipient .playlist-recipient .jaudio_h .playlist_h{ position:relative; left:inherit; right:inherit; height:250px; overflow:auto;}
.client-holder{max-width:900px; margin:auto auto 30px auto !important; float:none !important;}
.client-holder h3{font-size:20px; font-weight:bold;}
.client-holder .progress{height:50px; border:0;margin-bottom:40px; position:relative; overflow:inherit}
.client-holder .progress .prgbar{height:50px;}
.client-holder .progress .prginfo .use-space{float:left; width:140px; font-weight:bold;}
.client-holder .progress .prginfo .free-space{float:right; width:140px; text-align:right;font-weight:bold;}
.client-holder .space-box{ width:20px; height:20px; margin-right:10px; float:left;}
.client-holder .progress .prgtext{height:50px; width:auto; padding:10px;line-height:30px;}
.client-holder .progress{height:50px;width:100%;}
.client-holder .progress .prgbar{position:relative;height:50px;z-index:2;}
.client-holder .progress .prgtext{text-align:center;font-size:13px;padding:9px 0 0;width:540px;position:absolute;z-index:1000;}
.client-holder .progress .prginfo{margin:3px 0;}

#playermessage{ overflow-y: auto; height: 241px;}
#playermessage > p{ margin:0; padding: 0;}
#playermessage > p > br{ margin:0; padding: 0;}

.bulk-upload .catalog-icons-h .catalog-icons-i{width:50px;}
.bulk-upload .catalog-icons-h .catalog-icons{right:50px;}
.bulk-upload .bulk-file-upload .col.s12.m4{margin-top:15px;}
.bulk-upload .bulk-file-upload .col.s12.m4 .removeicon{ padding:0; top:-3px !important;}
.bulk-upload .template-download .file-upload-process .truncate + right{} 
.bulk-file-upload > .template-download.in > .s12 > .file-upload-process > .right > .removeicon{top:10px !important;}

.bulk-upload .bulk-file-upload .col.s12.m4 .removeicon:hover{box-shadow:none;}
.bulk-upload .bulk-file-upload .col.s12.m4 .removeicon i{font-size:22px;}
.otherwriter{padding:10px 10px !important; font-size:13px;}
.bulk-upload table thead tr th.audio-title-b{width:300px;}
.bulk-upload table thead tr th.song-title-b{width:300px;}
.bulk-upload table thead tr th.doc-b{width:150px;}
.bulk-upload table thead tr th.p-writer-b{width:300px;}
.bulk-upload table thead tr th.o-writer-b{width:300px;}
.bulk-upload table thead tr th.demo-b{width:250px;}
.bulk-upload table thead tr th.tempo-b{width:250px;}
.bulk-upload table thead tr th.genre-b{width:250px;}
.bulk-upload table thead tr th.gender-b{width:300px;}
.bulk-upload table thead tr th.icons-title-box{width:100px !important;}
.bulk-upload table thead tr th.gender-b{width:400px;}
.bulk-upload table thead tr th.catalog-icons-h{ width:100px}
.download-holder{z-index:99999;}

.bulk-upload table tbody td .input-field{ margin-top:0;}
.bulk-upload table tbody td input[type="text"]{ font-size: 13px;}
.bulk-upload label{font-size: 13px !important;}

#current-playlist{padding: 10px 20px; font-size:13px; display:none; font-weight: bold;}
.select-dropdown li.disabled span{font-size: 12px;}
.pro-height .select-wrapper ul.select-dropdown{max-height:410px;}
@-moz-keyframes Vscroll {
 0%   { -moz-transform: translateX(100%);} 100% { -moz-transform: translateX(-100%);}
}
@-webkit-keyframes Vscroll {
 0%   { -webkit-transform: translateX(100%);} 100% { -webkit-transform: translateX(-100%);}
}
@keyframes Vscroll {
 0%   { 
 -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); 
 }
} 
.grid-view > table > thead > tr > th{ padding-right:inherit;}
.grid-view > table > thead > tr > th > .left{position:relative; padding-right:25px;}
.grid-view > table > thead > tr > th > .left > span > a.sort-link > .material-icons{position:absolute; right:0; color:#616161; top:-3px;}
.grid-view > table > thead > tr > th > .left > span > a.sort-link > .material-icons.email-color, .grid-view > table > thead > tr > th > .left > span > a.sort-link > .material-icons.material-icons.download-color{position:relative;}

input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea { z-index: 2; position: relative;}
.lyric-download{ width: auto !important; position: relative; z-index: 5; line-height: 20px;color: #616161 !important;font-size: 12px !important;text-align: center !important;padding: 5px 10px 0px 10px !important;background: white;box-shadow: rgba(0,0,0,0.2) 0 0 10px;margin-top: 7px;margin-right: 5px;}
.playlist-recipient div.jp-playlist li > div > a{right:150px;}
.jp-repeat-off > i {color:#2cac92!important;}

.waiting-message{max-width: 475px; font-size:15px;}
.waiting-message .modal-footer{ border-top: #e1e1e1 solid 1px; padding-left: 20px; padding-right: 20px;}
.waiting-message .modal-footer .btn-flat{ background:#616161; color: #fff;}

.addplaylist-holder > .addsong-list nav .input-field input[type="text"]{font-size:14px;}

#image-upbtn{ line-height:36px; height:36px;}
.cancel-btn{ line-height:36px !important;  height:36px!important;}
.upload-photo-section .file-upload-process .right .removeicon{height: 30px !important;line-height: 28px !important;}

.active.new-search-btn:after{content:''; z-index:5; position:absolute; border-style:solid; border-color:transparent transparent white transparent;  border-width:10px 10px; bottom:-10px; right:0px; left:0; margin:auto; width:10px;}

.filter-holder{display:none; z-index:2; position:fixed; max-width:1200px; left:10px; right:10px; margin:50px auto  auto auto; float:right; border-top:none !important; box-shadow:#9F9F9F 0 0 10px; line-height:30px;  -webkit-overflow-scrolling: touch;}

/*.gizle  + .filter-holder{top:54px;}*/
.catalog-btn-box .btb-cate{ float:right;}
.filter-holder input[type="text"]{ height:40px !important; margin-bottom:10px;}
#search_form .select2-container{ margin-top:-4px;}
.filter-holder .input-field label.active{webkit-transform: translateY(-140%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index:55;
}
.filter-holder .ui-autocomplete{max-height: 250px;
overflow: auto; text-align:left;}
.filter-holder .input-field label{ top:0;}
.filter-holder .radio-search-box{ margin-bottom:10px;}
.filter-holder  .select2-container{ line-height:17px;}
.filter-holder .select2-container--default .select2-selection--multiple .select2-selection__choice{ height:24px; line-height:24px; padding-right:0; margin-top:7px;}
.flex{ display:flex;}
.calalog-radio-items .radio-search-box:nth-of-type(3n+4){ clear:both;}
#search_form .col.s12 .input-field:nth-of-type(3n+4){ clear:both;}
#search_form .col.s12 .input-field:last-child{clear:inherit;}
.new-search-btn-mobile{ display:none;}

.catalog-download-section a{ background:#fff; box-shadow: #A3A3A3 0 0 5px;padding: 5px 10px; font-size:12px; margin-bottom:5px;}
.catalog-download-section a i.material-icons{ line-height:30px; margin-right:5px;}

.dashboard .dashborad-list{-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex; width:100%;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.dashboard .dashborad-list li{width:calc(16.666% - 20px); padding:5px; box-sizing:border-box; margin-bottom:10px; margin-top:10px; margin-left:10px; margin-right:10px; box-shadow:rgba(0,0,0,0.2) 0 0 15px; background:#fff;}
.dashboard .dashborad-list li a{width:100%;display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex; align-items:center; font-weight:600; color:#000;}
.dashboard .dashborad-list li .dashboard-icon{ width:40px; height:40px; float:left; margin-right:20px;}
.dashboard .dashborad-list li .dashboard-title{ vertical-align:middle; line-height:18px;}

.dashboard .dashborad-list li:hover a, .dashboard .dashborad-list li:hover .dashboard-icon{color:#2bab93; fill:#2bab93;}
.title-most-recent{ width:calc(100% - 50px); float:left;}
.title-most-recent + .material-icons.right{margin-right:0px; color:#616161}

.dashboard-holder .collapsible .collapsible-header{background:#f2f2f2; border-color:#e1e1e1; font-size:14px; font-weight:600;}
.dashboard-holder .collapsible  table tr{border-bottom:#e1e1e1 solid 1px;}
.dashboard-holder .collapsible  table tr td{padding:7px 15px;}
.dashboard-holder .search-catalog{width:calc(100% - 140px); border-top:0; border-left:0; border-right:0; margin-left:15px; border-bottom:#e0e0e0 solid 1px;}
.dashboard-holder .catalog-search-title{ font-size:16px; font-weight:600; color:#000; width:150px;}
.dashboard-holder  .search-catalog-icons i{ color:#2e9689;}
.dashboard-holder .catalog-dropdownicon{ font-size:30px; line-height:22px;}
.filter-holder.dashboard-searchBox{margin-top:0 !important; max-width:100%; position:absolute !important; max-height:600px;}

.most-recent-table{max-height:300px; overflow-y:auto;}

#songmanagemt-popup{border-radius:0; max-width:400px;}
#songmanagemt-popup h5{ padding:14px 20px; box-sizing:border-box; margin:0; overflow:hidden; font-size:16px;}
#songmanagemt-popup .modal-content{padding:0;}
#songmanagemt-popup .modal-content ul li{ padding:5px 10px;}
#songmanagemt-popup .modal-content ul li:hover{ background:#F2F2F2; cursor:pointer;}
#songmanagemt-popup .modal-content ul li a i{ font-size:24px; float:left;  width:20px; height:20px; color:#616161; border-radius:15px; line-height:4px; text-align:center; margin-right:10px;}
#songmanagemt-popup .modal-close i{ color:#fff;}
.recentlyAddedSong{ display: -webkit-box;display: -moz-box;  display: -ms-flexbox; display: -webkit-flex;display: flex;}

.sendsong { padding-bottom: 5px; }
.sendsong h5 { margin-top: 0; margin-bottom: 10px; }
.sendsong label {  padding-right: 15px; margin-top: 5px; }
.sendsong [type="checkbox"] + label {  padding-left: 25px; }
.sendsong + .errorMessage { padding-bottom: 5px; }
.setbts { top: -75px; right: 0.75rem; }
.border1{
    border-bottom: solid 1px #cccccc;
    padding-bottom: 10px !important;
}
.user_image{
    margin: 0 auto;
    display: block;
    width: 150px;
}
.demotypedropdown.select-wrapper input.select-dropdown {
    font-family: 'opensans-regular';
    font-size: 13px;
    z-index: 0;
    border: solid 1px #ccc;
    padding: 0 0 0 8px;
    border-radius: 6px;
    height: 2.5rem;
    margin: 0;
    box-shadow: none;
}
.demotypedropdown.select-wrapper span.caret {
    top: 17px !important;
}
@media (max-width:767px){
.right-align .left_on_mob{
	text-align: left !important;
    float: left !important;
    margin-bottom: 10px;
}
.right-align .left_on_mob .download-all-audio {
	font-size: 11px;
	padding: 0px 8px;
	margin: 5px 2px;
}
}