/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 27, 2016, 2:42:59 AM
    Author     : shamimhasan
*/

/*
* ===================================================== COLOR ==================================================
*/
body {
    background-color: white;
}
.blue {
    color: #003366 !important;
}
.green {
    color: #31a819 !important;
}
.pink {
    color: #ff6699 !important;
}
.red {
    color: red !important;
}
a.orange {
    color: #fcb267 !important;
}

/* Navbar */
@media (min-width: 40em) {
    .navbar-bootsnipp .navbar-nav > li.dropdown:hover > a, 
    .navbar-bootsnipp .navbar-nav > li.dropdown:hover > a:hover,
    .navbar-bootsnipp .navbar-nav > li.dropdown:hover > a:focus {
        background-color: rgb(231, 231, 231);
        color: rgb(85, 85, 85);
    }
    .navbar-bootsnipp .navbar-nav li.dropdown:hover > .dropdown-menu {
        display: block;
    }
}

@media (max-width: 40em) {
    .pull-left-sm {
        float: left !important;
        width: 100%;
    }
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.btn-facebook {
    background: #3B5998;
    background: -moz-linear-gradient(90deg, #3B5998 25%, #3B5997 75%);
    background: -webkit-linear-gradient(90deg, #3B5998 25%, #3B5997 75%);
    background: -o-linear-gradient(90deg, #3B5998 25%, #3B5997 75%);
    background: -ms-linear-gradient(90deg, #3B5998 25%, #3B5997 75%);
    background: linear-gradient(180deg, #3B5998 25%, #3B5997 75%);
    color: #FFF !important;
}

.btn-facebook .fa {
    margin-right: 10px;
}

li .glyphicon-chevron-right {
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -13px;
    color: #CCCCCC;
}
.list-group-item a {
    display:block;
    margin:-10px -15px;
    padding: 10px 15px;
}
.fulllink {
    display:inline-block;
    margin:-15px -10px;
    padding: 15px 10px;
    text-decoration: underline;
}
.list-group-item a:hover {
    background-color: #e7f2f7;
}
.textfade {
    position: relative; 
    bottom: 8em;
    height: 8em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
        ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
        );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
        );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
        );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
        );
}
a.list-title,
.underline li a,
.sidebar .list-group-item a {
    text-decoration: underline;
}
.list-group-item .inline-link {
    display: inline;
}
.remove-inline {
    display: inline;
    float: right;
}
.collapse_header {
    cursor: pointer;
}
/*========================= PRICE PLAN DESIGN ================================*/
.cnrflash {
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}
.cnrflash-inner
{
    /*Set position, make larger then 			container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%;  /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
    background-size: 4px,auto, auto,auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
.cnrflash-inner:before, .cnrflash-inner:after
{
    /*Use the border triangle trick to make  				it look like the ribbon wraps round it's 				container*/
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid #800000;
}
.cnrflash-inner:before
{
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.cnrflash-inner:after
{
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.cnrflash-label
{
    /*Make the label look nice*/
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1,1,1,.8);
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}
.plan-list .panel
{
    text-align: center;
}
.plan-list .panel:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); }
.the-price
{
    background-color: rgba(220,220,220,.17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
}

.the-price h1
{
    line-height: 1em;
    padding: 0;
    margin: 0;
}

.subscript
{
    font-size: 25px;
}