@import url(icons/font-awesome-pro-6/css/all.css);
@import url(icons/simple-line-icons/css/simple-line-icons.css);
@import url(icons/weather-icons/css/weather-icons.min.css);
@import url(icons/themify-icons/themify-icons.css);
@import url(icons/flag-icon-css/flag-icon.min.css);
@import url(icons/material-design-iconic-font/css/materialdesignicons.min.css);

.template_readonly {background:#f5f1f9;color:#666666;border-radius:6px;margin-left:3px;margin-right:3px;font-size:.75rem;}

.template_readonly_genre {background:#f5f1f9;color:#666666;border-radius:6px!important;border:1px solid #dddddd!important;width: 99%!important;margin-left:3px;margin-right:3px;font-size:.75rem;}




.btnTS_Stop:hover {background-color:#ffc300!important;}

.tox-tinymce{ border-width:1px 1px 1px!important; font-family: "Poppins", sans-serif!important; }

.tox .tox-mbtn {color: #666666!important;}

.tox .tox-tbtn svg { fill:#aaaaaa!important; }

.tox .tox-tbtn {color: #666666!important; font-size:13px!important;}

.lyrics_text {font-size:19px!important; font-family: "Poppins", sans-serif;}

.webix_kanban_list_item .webix_kanban_footer_icon:hover .webix_icon {color: #D2CAE4;}
.bgCornSilk {background: cornsilk!important;}

.projectsKBCard_assigned .webix_kanban_list_content {background-color:#8C75A2; color:#ffffff;}
.projectsKBCard_owner .webix_kanban_list_content {background-color:#ffffff;}

.projectsCol {
    background-color: rgba(235,237,240,0.5);
}

.hidden {
    opacity: 0;
}

.projectsCol .webix_kanban .webix_accordionitem_body {
    background-color: rgba();
    opacity: 0.5;
}
.projectsCol .webix_kanban .webix_accordionitem {
    border-left-color: #EBEDF0;
    border-right-color: #EBEDF0;
    border-bottom-color: #EBEDF0;
    background: transparent;
}

.projectsEditor .webix_slider_box .webix_slider_handle {
    width: 1px;
    height: 1px;
    border: 0px solid #cccccc;
    background-color: transparent;
    top: 0px;
}

.cropper_img
{
    max-width: 100%;
    display: block;
}

.label {
  cursor: pointer;
}

.progress {

  display: none;
  margin-bottom: 1rem;
}

.alert {
  display: none;
}

.img-container img {
  max-width: 100%;
}
    
.is_err {border: solid 1px #fea5a8!important; background: #fff6f6!important;}
    
.box {
  border: 1px solid #666;
  background-color: #ddd; 
  border-radius: .5em;
  cursor: move;
}

.fdcToggle_On  {color: darkOrange;}
.fdcToggle_Off {color: purple;}

.previewLyrics {style="color:purple;"}

.noClick {pointer-events: none;}

.box.over {border: 2px dotted #666;}

.importTagged {background: whiteSmoke;}

.import_Linked { color:darkOrange; padding-left: 5px!important; background-color:cornsilk!important;}
.import_NotLinked { color: #262626!important; background-color:#ffffff!important;;font-weight: 300; padding-left: 5px!important;}
.import_identifier_field { background-color:cornsilk!important;;font-weight: 300;}

[draggable] {
  user-select: none;
}    

        .docViewLink {font-weight:480;cursor:pointer;text-decoration:none;color:darkOrange;}
        .featureDim {color:#3C2951!important;}

        .actsCollab {background-color:#ffffff;font-weight: 500;}
        .actsNormal {background-color:#F8EDFF;font-weight: 500;}
        .trackPri { background-color:#ffffff;font-weight: 300; padding-left: 5px!important;}
        .trackNon { background-color:#ffffff;font-weight: 200; padding-left: 5px!important;}
        
        .wzPitchSuggestYes { background-color:eeebf5;font-weight: 300; padding-left: 5px!important;}
        .wzPitchSuggestNo  { background-color:#ffffff;font-weight: 200; padding-left: 5px!important;} 
        
        .trackLnk { background-color:#F9F8FC; padding-left: 5px!important; color:#5C5C5C; font-size: .72rem;}
        
        /* .tags_pending { background-color:cornsilk;} */
        .tags_pending { background-color:#FFF0BF;}
        
        .has_share_yes {color: red!important;}
        .has_share_no {color: #262626!important;}
        .src_deleted { color:darkRed!important;font-weight: 500; background-color: #f9f5f5;}
        .key_track { color:purple!important;font-weight: 500; background-color: #f9f5f5;}
        .admin_queued_tag { color:darkOrange!important;font-weight: 500;}
        .admin_queued_cache { color:purple!important;font-weight: 500;}
        .admin_queued_load { color:midnightBlue!important;font-weight: 500;opacity:0.50;}
        
        .webix_window {border-radius:6px;} 

        .webix_view.webix_window.webix_popup.webix_menu {overflow:auto; max-height:520px!important;}
        .webix_message_area {z-index:99000;width:580px;top:initial !important; bottom: 16px;left:110px;}
                  
        .taskOver {color: OrangeRed;font-weight: 500;}
        .taskDue {color: darkOrange;font-weight: 500;}
        .taskSoon {color: darkMagenta; font-weight:500;}
        .taskFuture {}
        
        /* .catalogDTHover {background: #F0DCB6;} */
        .catalogDTHover {background: #eeebf5;}

        .mycss {border:solid 1px transparent;}
        
        input:read-only {background-color: #f5f1f9;}
        textarea:read-only {background-color: #f5f1f9;}

        /*remove padding in the target template, vertically align the image (if it is smaller than the container)*/
        .image_UP .webix_template {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0;
        }

#bars {
    height: 30px;
    left: 50%;
    margin: -100px 0 0 -50px;
    position: absolute;
    top: 35%;
    width: 40px;
}

.bar {
    background: #685484;
    bottom: 1px;
    height: 3px;
    position: absolute;
    width: 5px;      
    animation: sound 0ms -800ms linear infinite alternate;
}

@keyframes sound {
    0% {
       opacity: .35;
        height: 3px; 
    }
    100% {
        opacity: 1;       
        height: 38px;        
    }
}

.bar:nth-child(1)  { left: 1px; animation-duration: 474ms; }
.bar:nth-child(2)  { left: 11px; animation-duration: 433ms; }
.bar:nth-child(3)  { left: 21px; animation-duration: 407ms; }
.bar:nth-child(4)  { left: 31px; animation-duration: 458ms; }
.bar:nth-child(5)  { left: 41px; animation-duration: 400ms; }
.bar:nth-child(6)  { left: 51px; animation-duration: 427ms; }
.bar:nth-child(7)  { left: 61px; animation-duration: 441ms; }
.bar:nth-child(8)  { left: 71px; animation-duration: 419ms; }
.bar:nth-child(9)  { left: 81px; animation-duration: 487ms; }
.bar:nth-child(10) { left: 91px; animation-duration: 442ms; }



#nav, #footer {
        display:none;
}

#content {
        margin-left:0px;
}

#preview-message {
        display:none;
}

#preview-message {
        display:block;
        border:1px solid #666;
        background:#FF6;
        padding:2px 5px;
}

/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/poppins-v15-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/poppins-v15-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/poppins-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/poppins-v15-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/poppins-v15-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/roboto-v29-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v29-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v29-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v29-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/roboto-v29-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v29-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}




/* --------------------------------------------------------------------------- */
/* misc 3rd party overrides */
.toast {font-family: Roboto, sans-serf;}
/* --------------------------------------------------------------------------- */
/* msgBox types */

.msgBoxDefault {border-radius: 6px;border: solid 1px #ffffff;background: #cfcfcf;color: white;}
.msgBoxPurple {border-radius: 6px;border: solid 1px #ffffff;background: purple;color: white;}
.msgBoxInfo {border-radius: 6px;border: solid 1px #ffffff;background: #A592C0;color: white;}
.msgBoxSuccess {border-radius: 6px;border: solid 1px #ffffff;background: #72912B;color: white;}
.msgBoxWarning {border-radius: 6px;border: solid 1px #ffffff;background: #e4ca4b;color: white;}
.msgBoxError {border-radius: 6px;border: solid 1px #ffffff;background: #912B3F;color: white;}
.msgBoxPrimary {border-radius: 6px;border: solid 1px #ffffff;background: #2E1B5B;color: white;}
.msgBoxSecondary {border-radius: 6px;border: solid 1px #ffffff;background: #41267F;color: white;}
.msgBoxAccent {border-radius: 6px;border: solid 1px #ffffff;background: #FDB704;color: white;}
.msgBoxLight {border-radius: 6px;border: solid 1px #cccccc;background: #cccccc;color: white;}
.msgBoxDark {border-radius: 6px;border: solid 1px #ffffff;background: #555555;color: white;}
/* --------------------------------------------------------------------------- */

.iconGolden {
  color: gold!important;
  background-color: transparent!important;  
  border-right: 2px solid #ffc300;
}

/* custom scrollbar */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

.child-block 
{
  display: inline-block;
  border: 1px solid red;
  padding: 2px;
  vertical-align: middle;
  margin-left:2px;
}

.webix_property_label {width: 210px!important;}
.webix_property_value {width: 340px!important;}

.annRead {color:#bbbbbb;overflow: hidden;valign: top; whitespace: nowrap;}
.annNotRead {color:#222222;overflow: hidden;valign: top; whitespace: nowrap;}
.annSystem {color:darkRed;background:cornsilk;overflow: hidden;valign: top; whitespace: nowrap;}

.userHoldClass = {text-align:center; opacity:0.3!important;background: white; }

.veryDim = {opacity:0.16!important;}
.res_classQ {margin-top:8px;margin-bottom:4px;}
.res_classA {margin-top:8px;margin-left: 60px;line-height:135%;}

.cyan_it {color:cyan!important;}
.purple_it {color:purple!important;}
.deep_purple_it {color:#351b5b!important;}
.pink_it {color:magenta!important;}
.orange_it {color:orange!important;}
.gold_it {color:gold!important;}
.green_it {color:lawngreen!important;}
.yellow_it {color:yellow!important;}
.grey_it {color:#cacaca!important;}
.dim_it {color:#bbbbbb!important;}

.projectsFTFileSend {font-family:Poppins; font-size:14px;font-weight:bold;border-radius:4px;background:#351b5b;color:#ffffff!important;}
.collab_cell {background: transparent;}
.collab_cell_selected {background: #eeeeee;border:solid 1px #dddddd;border-radius: 3px;}

.noHover {pointer-events: none;}
.project_timer {margin-top: 5px;}

.webix_rating_selected {color:gold!important;}
.rating_stars {color: #cccccc;text-align:right;}
.webix_custom_checkbox {background: #e5dcfb;}

.contHist_Sent      {margin-left:8px;font-weight:normal;}
.contHist_Delivered {margin-left:8px;font-weight:normal;color:purple!important;}
.contHist_Opened    {margin-left:8px;font-weight:normal;color:darkGreen!important;}
.contHist_clicked   {margin-left:8px;font-weight:normal;color:darkMagenta!important;}

.webix_timeline_details:hover {background: #e5dcfb;}
.webix_timeline_node.webix_timeline_point:hover {background: #e5dcfb;}
.webix_timeline_item:hover {background: #e5dcfb;opacity:0.80;}
.webix_timeline_value:hover {background: #e5dcfb;}

.bordered_info_pic {border: solid 2px #dddddd;border-radius: 6px;padding: 8px;}

.dashTableHeader .webix_dtable_focused .webix_column > div.webix_row_select,
.webix_dtable_focused .webix_column > div.webix_column_select {
  background: #D2cae4!important;
}

.cp_dimmed {opacity:0.46;}
.cp_dimmed2 {opacity:0.30;}

  .import_warning.webix_el_text input,
  .import_Warning.webix_el_text input:focus{
    border:  solid 1px #d2cae4!important;
    background: white;
    color:red!important;
    box-shadow:none;
  }

  .pasted_data.webix_el_text input,
  .pasted_data.webix_el_text input:focus{
    border:  solid 1px #d2cae4!important;
    background: cornsilk;
    box-shadow:none;
  }
  
  .pasted_data.webix_el_search input,
  .pasted_data.webix_el_search input:focus{
    border:  solid 1px #d2cae4!important;
    background: cornsilk;
    box-shadow:none;
  }
  
  .pasted_data.webix_el_textarea textarea,
  .pasted_data.webix_inp_textarea textarea,
  .pasted_data.webix_el_textarea textarea:focus{
    border:  solid 1px #d2cae4!important;
    background: cornsilk;
    box-shadow:none;
  }  
  
  .pasted_data.webix_inp_static,
  .pasted_data.webix_inp_static div,{
    border:  solid 1px #d2cae4!important;
    background: cornsilk;
    box-shadow:none;
    
  } 
  
  .chatWidget {
    position: static;
    white-space: nowrap;
    color: #ffffff;
    font-size: 15px;
    cursor: pointer;
    font-weight: bold;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    line-height: 30px;
    height: 30px;
    padding: 0 10px 0 33px;
    background: url(//trackstage.ladesk.com/themes/install/_common_templates/img/cwpresets/bottom-01-icon-bubble-white.png) no-repeat 8px center;
    background-color: #F18E00;
    width: 100px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
  }
  .dropzone {
    background-color: #ffc300;
  }