/*
Copyright (C) License Management Schiavon Maikol

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/

#license_management_customerportal{font-family: arial;}
#statusChart{max-width: 500px;}
#license_management_customerportal h2{margin:0px;}
#license_management_customerportal h2::before{display:none;}
/*#license_management_customerportal .container-chart{padding: 50px 0px;margin-top: 150px;background: #f3f3f3;}*/
#license_management_customerportal .container-chart h3{color: #343839;text-transform: uppercase; font-weight: 900;margin-top:50px;}
#license_management_customerportal .container-chart canvas{max-width: 500px;}
#license_management_customerportal .container-phone{margin-top: 30px;}

#license_management_customerportal h5{font-weight: 800;color: #9f9f9f;}
#license_management_customerportal .well{border:0px;box-shadow: unset;background: #fff;}
#license_management_customerportal form input{border-radius: 50px;border: 1px solid #1f232b;}
#license_management_customerportal form textarea {border-radius: 20px;border: 1px solid #1f232b;}
/*#license_management_customerportal  form > p:nth-child(2) {width: 50%;float: right;}*/
/* #license_management_customerportal  form > p:nth-child(4), #license_management_customerportal  form > p:nth-child(4) span,*/
/* #license_management_customerportal  form > p:nth-child(4) label,*/  #license_management_customerportal  form > p:nth-child(4) input, 
/* #license_management_customerportal  form > p:nth-child(5),,  #license_management_customerportal  form > p:nth-child(5) span, */
/*  #license_management_customerportal  form > p:nth-child(5) label,*/ #license_management_customerportal  form > p:nth-child(5) input 
{  width: 100%; }
#license_management_customerportal  form > p:nth-child(6){text-align:center;}
#license_management_customerportal form input[type="submit"] {border-radius: 100px !important;color:#fff;}

#license_management_customerportal form input, #license_management_customerportal form textarea{background: transparent;color: #000;}
#license_management_customerportal form p{width: 50%;}
#license_management_customerportal .container-chart h2{margin-top: 200px;}
#license_management_customerportal .container-chart .well{background: transparent;color: #000;}
#license_management_customerportal form > p:nth-child(5){position: absolute;left:50%;top: 0px;}
#license_management_customerportal  form p label{ width: 95%;}
#license_management_customerportal form > p:nth-child(6){position: absolute;float: right;top: 300px;left: 50%;}

#license_management_customerportal .licenses-tab{color:#fff;height: 150px;border-radius: 10px;box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);}
#license_management_customerportal .tab_n_service_1{background: #F44336;}
#license_management_customerportal .tab_n_service_2{background: #ffce56;}
#license_management_customerportal .tab_n_service_3{background: #4CAF50;}

#license_management_customerportal .tab_your_transport{background: #03A9F4}
#license_management_customerportal .tab_deadlines{background: #FF9800}

#license_management_customerportal .tab_your_transport h2 i,
#license_management_customerportal .tab_deadlines h2 i{ margin-top:10px; margin-bottom: 0px;opacity: 0.4;font-size: 80px;}

#license_management_customerportal .tab_n_service_1 h2,
#license_management_customerportal .tab_n_service_2 h2,
#license_management_customerportal .tab_n_service_3 h2,
#license_management_customerportal .tab_deadlines h2{margin-top: 10px; margin-bottom: 0px;opacity: 0.4;font-size: 100px;}
#license_management_customerportal .tab_n_service_1 h2, #license_management_customerportal .tab_n_service_1 h4,
#license_management_customerportal .tab_n_service_2 h2, #license_management_customerportal .tab_n_service_2 h4,
#license_management_customerportal .tab_n_service_3 h2, #license_management_customerportal .tab_n_service_3 h4,
#license_management_customerportal .tab_your_transport h2, #license_management_customerportal .tab_your_transport h4,
#license_management_customerportal .tab_deadlines h2, #license_management_customerportal .tab_deadlines h4{color: #fff;font-weight: 800;margin-bottom: 0px;line-height: 0.7;}

#license_management_customerportal .tab_n_service_1 h4,
#license_management_customerportal .tab_n_service_2 h4,
#license_management_customerportal .tab_n_service_3 h4,
#license_management_customerportal .tab_deadlines h4{padding-top: 10px;line-height: 1;margin-top: 0px;}

#license_management_customerportal .box1.sb7{font-size: 12px; text-align: right;font-weight: 400; font-family: arial;color:#000;}
#license_management_customerportal .box-user{text-align: right;float: right;color: #000;font-weight: 800;}
#license_management_customerportal .box1.sb7 h6{background: #37b54a;border-radius: 50px;color: #fff;font-weight: bold;padding: 10px;font-size: 12px;display: inline-block;}
#license_management_customerportal .box-lbl{float: right;color: #000;margin-bottom: 10px;font-size:16px;}

#license_management_customerportal .block{margin-bottom: 20px;}

#license_management_customerportal .block-status{display:inline-block;width:50px;height:50px;border: solid 1px #eee;}

#license_management_customerportal span{color:#000;}
#license_management_customerportal .btn-default{background: transparent !important;color: #000 !important; margin: 50px 10px 0px !important;}

#license_management_customerportal .container-list{margin-top: 50px;}

#license_management_customerportal .btn-search-plus{margin-top: 0px !important;margin-bottom: 30px !important;border: 0px !important;color: #9f9f9f !important;background: transparent !important;}

#license_management_customerportal .col-license{border:unset;padding: 10px;box-shadow: 0 4px 5px 0 rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.19);border-radius: 10px;}
#license_management_customerportal .col-license span{font-size: 10px;text-align: left;float: left;color: #8f8f8f;}
#license_management_customerportal .col-license a{text-decoration: none;color:#000;}
#license_management_customerportal .col-license.show-message{width: 100%;}
#license_management_customerportal .col-license.show-message a{float:left;margin-top:10px;}
#license_management_customerportal .col-license.show-message .message{margin-top:10px;font-size:16px;}

#license_management_customerportal .timeline-title.col-license{font-size: 16px;color: #000;padding: 0px;width: 90px;margin-bottom: 10px;font-weight: 600;}
#license_management_customerportal .timeline > li.timeline-inverted > .timeline-panel{float:left;margin-left: 50px;width: 60%;}

#license_management_customerportal .row-lbl{display: inline-flex;}
#license_management_customerportal .row-lbl p{margin: 2px 0px 0px 10px;}

#license_management_customerportal .timeline-badge.month{top: 70px;border-radius: 0px;padding: 0px;height: unset;width: unset;background-color: unset !important;margin-left: -40px;}
#license_management_customerportal .timeline-badge.month span{background: #fff;color: #9f9f9f;padding: 5px;font-size: 14px;font-weight: 600;}

#license_management_customerportal label{color:#5f5f5f;font-size: 16px;}
#license_management_customerportal .message{float: left; background:#37b54a; padding: 10px;color:#fff; border-radius: 20px;margin-top: 0px;}

#license_management_customerportal  .col-container{padding-top: 20px;padding-bottom: 20px;}
#license_management_customerportal  .col-container label{color: #5f5f5f;font-size: 16px;}
#license_management_customerportal  .col-container h4.no-margin{margin: 0px;}
#license_management_customerportal  .col-container .container-status{display: inline;}
#license_management_customerportal  .col-container .container-status h5{margin: 0px 0px 0px 10px;font-size: 18px;vertical-align: text-top;display: inline;}

#license_management_customerportal .row-message{margin: 10px;background:#4582EC;border-radius: 10px;padding: 10px;}
#license_management_customerportal .row-message h6{float: right;background: #37b54a; padding: 10px; color:#fff;border-radius: 20px;}

#license_management_customerportal .btn.btn-default,#license_management_customerportal .btn.btn-default:hover{border-radius: 50px;padding: 10px;background: #4d85ff !important;border-color: #4d85ff;box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);text-decoration: unset;}
#license_management_customerportal .btn.btn-default i{padding: 8px;background: #316eed;border-radius: 20px;color: #fff;}
#license_management_customerportal .btn.btn-default span{padding-left: 20px;padding-right: 5px;vertical-align: text-bottom;font-weight: bold;color: #fff;}

#license_management_customerportal .row-license:nth-child(odd){background: #efefef;}

/* lm@1.2 */
#license_management_customerportal .row-dateend, #license_management_customerportal .row-documents{margin-top: 10px;}
#license_management_customerportal .filename{margin-top: 10px;font-size:16px;}

#license_management_customerportal #collapseDeadline{transition: unset;}
/* lm@1.2e */


@media (min-width: 992px) {
    #license_management_customerportal .timeline{margin-left: 50px;}
}

@media (max-width: 992px) {
    #license_management_customerportal .timeline > li.timeline-inverted > .timeline-panel{margin-left: 80px;}
    #license_management_customerportal .container-deadline{padding: 0px !important;}
}

@media (max-width: 767px) {
    #license_management_customerportal .tab_deadlines h2, #license_management_customerportal .tab_deadlines h4{margin-top: 20px;}
    #license_management_customerportal h2 {
        font-size: 32px;
        line-height: 40px;
    }
    #license_management_customerportal h4 {
        font-size: 18px;
        line-height: 26px;
    }
    #license_management_customerportal .tab_n_service_1 h4, 
    #license_management_customerportal .tab_n_service_2 h4, 
    #license_management_customerportal .tab_n_service_3 h4,
    #license_management_customerportal .tab_deadlines h4 {font-size:17px;}
}