/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
* @license
* Copyright (C) 2018 Soloinsight Inc. - All Rights Reserved
* =======================================================================
* Version: 1.0.0
* Last Edit On: 27-02-2018 05:30 PM
* Last Edit By: Faisal Mukhtar
* =======================================================================
* NOTICE:  All information contained herein is, and remains
* the property of Soloinsight Inc. and its suppliers, if any.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Soloinsight Inc.
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.company-info {
    display: table;
}
.company-info .company-img{
    display: table;
    float: left;
    width: 210px;
    height: 120px;
    margin-right: 15px;
    border:1px solid #f3f3f3;
    border-radius: 5px;
}
.company-info .company-img .company-img-frame{
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}
.company-info .company-img img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.company-info .company-detail{
    display: table-cell;
    vertical-align: middle;
}
.company-info .company-detail > span{
    display: block;
    font-weight: 300;
    color: #333;
}
.company-info .company-detail > span.my-company{
    font-size: 15px;
    color: #acacac;
}
.company-info .company-detail > span.company-name{
    font-size: 25px;
    text-transform: capitalize;
}
.company-info .company-detail > span.company-name .si-edit{
    margin-left: 20px;
    font-size: 20px;
    vertical-align: middle;
    cursor: pointer;
    color: #acacac;
}
.company-info .company-detail > span.company-address{
    font-size: 20px;
}
.grid-search{width: 300px;}
.custom-search .form-control{
    border-color: #f3f3f3;
    font-size: 12px;
}
.view-type {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}
.view-type > span{
    display: none;
    margin: 0 0 0 15px;
    font-size: 20px;
    cursor: pointer;
}
.view-type > span:hover,
.view-type > span.active{
    color: #0091c1;
}
.setting-filters li{
    padding: 0 0 0 10px;
    font-size: 15px;
    text-transform: capitalize;
    position: relative;
}
.setting-filters li:first-child:before{display: none;}
.setting-filters li:before{
    content: '';
    width: 1px;
    height: 19px;
    background: #5d5d5d;
    margin: 0 12px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.setting-filters li a{color: #333;}
.setting-filters li a.active,
.setting-filters li a:hover{color: #0092c2;}
.setting-all-filters {
    font-size: 15px;
}
.setting-all-filters > span {
    margin: 0 10px;
    cursor: pointer;
}
.setting-all-filters > span:hover, 
.setting-all-filters > span.active {color: #0092c2;}
.setting-all-filters > span.pdf {
    margin: 0;
    color: red;
}
.page-title{
    font-size: 20px;
    letter-spacing: 0;
}
.links-area .child-links{
    margin-left: 45px;
}
.links-area .child-links .row:firs-child .icon-box{margin-left: 0;}
.links-area .icon-box{
    display: inline-block;
    cursor: pointer;
    margin: 0 20px 30px;
    width: 60px;
    vertical-align: top;
}
.links-area .parent-links .icon-box{
    float: left;
    width: auto;
    margin: 15px 0 0;
}
.links-area .icon-box .link-icon{
    display: block;
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
    border:1px solid #0091c1;
    border-radius: 100%;
    /*background: #0091c1;*/
    color: #0091c1;
}
.links-area .parent-links .icon-box .link-icon{
    background: #0091c1;
    color: #fff;
    width: 35px;
    height: 35px;
    margin: 0;
}
.links-area .child-links .icon-box.view-all .link-icon{
    background: #fff !important;
    border-color: #0091c1;
    box-shadow: 0 0 0 transparent;
     -webkit-box-shadow: 0 0 0 0 transparent;
    animation:none;
    -webkit-animation:none;
    -moz-animation:none;
    -ms-animation:none;
    -o-animation:none;
}
.links-area .icon-box .link-icon .si-icon {
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.links-area .icon-box .link-icon .si-icon.si-desktop-1 {margin: 1px 0 0 -2px;}
.links-area .icon-box .link-icon .si-icon.si-access-points {margin: -2px 0 0 0;}
.links-area .icon-box .link-icon .si-icon.si-settings-1 {margin: -1px 0 0 0;}
.links-area .icon-box.view-all .link-icon .si-icon {
    font-size: 11px;
    text-align: center;
    font-style: normal;
    color: #333;
}
.links-area .parent-links .icon-box .link-icon .si-icon {font-size: 18px;}
.links-area .icon-box .link-title{
    display: block;
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    font-size: 15px;
    color: #4d4d4d;
}
.links-area .child-links .icon-box .link-title{color: #4d4d4d;}
.links-area .icon-box .link-title i{font-style: normal;}
.links-area .icon-box:hover .link-icon{
    background: #0091c1;
    color: #fff;
    box-shadow: 0 0 0 5px #0091c1;
    -webkit-box-shadow: 0 0 0 5px #0091c1;
    animation:helpdesk_beat 0.2s;
    -webkit-animation:helpdesk_beat 0.2s;
    -moz-animation:helpdesk_beat 0.2s;
    -ms-animation:helpdesk_beat 0.2s;
    -o-animation:helpdesk_beat 0.2s;
}
.links-area .parent-links .icon-box:hover .link-icon{
    box-shadow: 0 0 0 0 #0091c1;
    -webkit-box-shadow: 0 0 0 0 #0091c1;
    animation:none;
    -webkit-animation:none;
    -moz-animation:none;
    -ms-animation:none;
    -o-animation:none;
}
.links-area .child-links .icon-box:hover .link-icon{
    background: #0091c1;
    color: #fff;
}
.links-area .icon-box:hover .link-title{color: #0091c1;}
.links-area .parent-links .icon-box:hover .link-title,
.links-area .child-links .icon-box:hover .link-title{color: #333;}
.links-area.expand{
    border-top: 1px solid #e2e2e2;
    padding: 15px 0 0 0;
}
@media all and (max-width: 600px){
    .links-area .icon-box{
        width: 70px;
        margin: 0 5px 20px;
    }
    .links-area .icon-box .link-icon{
        width: 40px;
        height: 40px;
    }
    .links-area .icon-box .link-icon .si-icon{font-size:20px;}
    .links-area .icon-box .link-title{font-size: 10px;}
    .links-area .icon-box.view-all .link-icon .si-icon {font-size: 8px;}
}


@-moz-keyframes helpdesk_beat {
    from {
    -moz-box-shadow: 0 0 0 0 #0091c1;
    box-shadow: 0 0 0 0 #0091c1;
}
50% {
    -moz-box-shadow: 0 0 0 7px #0091c1;
    box-shadow: 0 0 0 7px #0091c1;
}
to {
    -moz-box-shadow: 0 0 0 5px #0091c1;
    box-shadow: 0 0 0 5px #0091c1;
}
}@-webkit-keyframes helpdesk_beat {
    from {
    -webkit-box-shadow: 0 0 0 0 #0091c1;
    box-shadow: 0 0 0 0 #0091c1;
}
50% {
    -webkit-box-shadow: 0 0 0 7px #0091c1;
    box-shadow: 0 0 0 7px #0091c1;
}
to {
    -webkit-box-shadow: 0 0 0 5px #0091c1;
    box-shadow: 0 0 0 5px #0091c1;
}
}@keyframes helpdesk_beat {
      from {
          -moz-box-shadow: 0 0 0 0 #0091c1;
          -webkit-box-shadow: 0 0 0 0 #0091c1;
          box-shadow: 0 0 0 0 #0091c1;
      }
      50% {
          -moz-box-shadow: 0 0 0 7px #0091c1;
          -webkit-box-shadow: 0 0 0 7px #0091c1;
          box-shadow: 0 0 0 7px #0091c1;
      }
      to {
          -moz-box-shadow: 0 0 0 5px #0091c1;
          -webkit-box-shadow: 0 0 0 5px #0091c1;
          box-shadow: 0 0 0 5px #0091c1;
      }
  }