/*//////////////flip-box//////////////////*/
html {
    font-family: sans-serif;
    box-sizing: border-box;
}

.container {
    border-radius: 0.5em;
    background: rgba(3,3,3,0.25);
    box-shadow: 1px 1px 50px #000;
}


*, *:before, *:after {
    box-sizing: inherit;
}

.text-center {
    text-align: center;
}

.color-white {
    color: #fff;
}

.box-container {
    flex-direction: column;
    justify-content: space-around;
    padding: 17px 7px;
    width: 100%;
}

@media screen and (min-width:1380px) {
    .box-container {
        flex-direction: row
    }
}

.box-item {
    position: relative;
    -webkit-backface-visibility: hidden;
    width: 215px;
    margin-bottom: 17px;
    max-width: 100%;
}

.flip-box {
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
}

.flip-box-front,
.flip-box-back {
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    min-height: 275px;
    -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
    transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
    -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-box-front {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-front {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-back {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box .inner {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 5px;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    transform: translateY(-50%) translateZ(60px) scale(.94);
    -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
    -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
    top: 50%;
}

.flip-box-header {
    font-size: 20px;
}

.flip-box p {
    font-size: 12px;
    line-height: 1.5em;
}

.flip-box-img {
    height: 10vh;
    width: 10vw;
}

.flip-box-button {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: 12px;
    padding: 3px 5px;
    text-transform: uppercase;
}

    .flip-box-button:hover {
        color: #006400;
    }

.containers {
    border-radius: 0.5em;
    background: rgba(255, 214, 209,0.25);
    box-shadow: 1px 1px 1px #000;
    background-color: White;
    padding-bottom: 1%;
}

.parent {
    display: flex;
    padding-left: 10vw;
    scroll-padding-right: 1vw;
}
/*///////////Split Screen///////////*/
.split {
    height: 100%;
    width: 50%;
    position: fixed;
    z-index: 1;
    top: 0;
    overflow-x: hidden;
    padding-top: 20px;
}

/* Control the left side */
.left {
    left: 0;
}

/* Control the right side */
.right {
    right: 0;
}

/* If you want the content centered horizontally and vertically */
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

    /* Style the image inside the centered container, if needed */
    .centered img {
        width: 150px;
        border-radius: 50%;
    }

  /*  //////////////Checkbox/////////////*/
input[type=checkbox] {
    position: relative;
    border: 2px solid #000;
    border-radius: 2px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    opacity: .5;
}

    input[type=checkbox]:hover {
        opacity: 1;
    }

    input[type=checkbox]:checked {
        background-color: #000;
        opacity: 1;
    }

    input[type=checkbox]:before {
        content: '';
        position: absolute;
        right: 50%;
        top: 50%;
        width: 4px;
        height: 10px;
        border: solid #FFF;
        border-width: 0 2px 2px 0;
        margin: -1px -1px 0 -1px;
        transform: rotate(45deg) translate(-50%, -50%);
        z-index: 2;
    }
/*    //////////////Butons////////////*/
.btn-default,
.btn-primary,
.btn-success,
.btn-dark,
.btn-Green,
.btn-Green-Medium,
.btn-Orange,
.btn-Red,
.btn-Blue,
.btnsummary-dark,
.btn-CalcGreen,
.btn-CalcRed,
.btn-CalcOrange,
.btn-CalcWhite,
.btn-Print,
.btn-Copy,
.btn-View,
.btn-info,
.btn-warning,
.btn-danger {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-default:active,
    .btn-primary:active,
    .btn-success:active,
    .btn-dark:active,
    .btn-Green:active,
    .btn-Green-Medium:active,
    .btn-Orange:active,
    .btn-Red:active,
    .btn-Blue:active,
    .btn-Print:active,
    .btn-Calcdark:active,
    .btn-CalcGreen:active,
    .btn-CalcRed:active,
    .btn-CalcOrange:active,
    .btn-CalcWhite:active,
    .btn-Copy:active,
    .btn-View:active,
    .btn-info:active,
    .btn-warning:active,
    .btn-danger:active,
    .btn-default.active,
    .btn-primary.active,
    .btn-success.active,
    .btn-dark.active,
    .btn-Green.active,
    .btn-Green-Medium.active,
    .btn-Orange.active,
    .btn-Red.active,
    .btn-Blue.active,
    .btnsummary-dark.active,
    .btn-Calcdark.active,
    .btn-CalcGreen.active,
    .btn-CalcRed.active,
    .btn-CalcOrange.active,
    .btn-CalcWhite.active,
    .btn-Print.active,
    .btn-Copy.active,
    .btn-View.active,
    .btn-info.active,
    .btn-warning.active,
    .btn-danger.active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn-default.disabled,
    .btn-primary.disabled,
    .btn-success.disabled,
    .btn-dark.disabled,
    .btn-Green.disabled,
    .btn-Green-Medium.disabled,
    .btn-Orange.disabled,
    .btn-Red.disabled,
    .btn-Blue.disabled,
    .btn-Print.disabled,
    .btn-Calcdark.disabled,
    .btn-CalcGreen.disabled,
    .btn-CalcRed.disabled,
    .btn-CalcOrange.disabled,
    .btn-CalcWhite.disabled,
    .btn-Copy.disabled,
    .btn-View.disabled,
    .btn-info.disabled,
    .btn-warning.disabled,
    .btn-danger.disabled,
    .btn-default[disabled],
    .btn-primary[disabled],
    .btn-success[disabled],
    .btn-dark[disabled],
    .btn-Green[disabled],
    .btn-Green-Medium[disabled],
    .btn-Orange[disabled],
    .btn-Red[disabled],
    .btn-Blue[disabled],
    .btnsummary-dark[disabled],
    .btn-Calcdark[disabled],
    .btn-CalcGreen[disabled],
    .btn-CalcRed[disabled],
    .btn-CalcOrange[disabled],
    .btn-CalcWhite[disabled],
    .btn-Print[disabled],
    .btn-Copy[disabled],
    .btn-View[disabled],
    .btn-info[disabled],
    .btn-warning[disabled],
    .btn-danger[disabled],
    fieldset[disabled] .btn-default,
    fieldset[disabled] .btn-primary,
    fieldset[disabled] .btn-success,
    fieldset[disabled] .btn-dark,
    fieldset[disabled] .btn-Green,
    fieldset[disabled] .btn-Green-Medium,
    fieldset[disabled] .btn-Orange,
    fieldset[disabled] .btn-Red,
    fieldset[disabled].btn-Blue,
    fieldset[disabled] .btnsummary-dark,
    fieldset[disabled] .btn-Calcdark,
    fieldset[disabled] .btn-CalcGreen,
    fieldset[disabled] .btn-CalcRed,
    fieldset[disabled] .btn-CalcOrange,
    fieldset[disabled] .btn-CalcWhite,
    fieldset[disabled] .btn-Print,
    fieldset[disabled] .btn-Copy,
    fieldset[disabled] .btn-View,
    fieldset[disabled] .btn-info,
    fieldset[disabled] .btn-warning,
    fieldset[disabled] .btn-danger {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-default .badge,
    .btn-primary .badge,
    .btn-success .badge,
    .btn-dark .badge,
    .btn-Green .badge,
    .btn-Green-Medium .badge,
    .btn-Orange .badge,
    .btn-Red .badge,
    .btn-Blue.badge,
    .btn-Calcdark .badge,
    .btn-CalcGreen .badge,
    .btn-CalcRed .badge,
    .btn-CalcOrange .badge,
    .btn-CalcWhite .badge,
    .btn-Print .badge,
    .btn-Copy .badge,
    .btn-View .badge,
    .btn-info .badge,
    .btn-warning .badge,
    .btnsummary-dark .badge,
    .btn-danger .badge {
        text-shadow: none;
    }

.btn:active,
.btn.active {
    background-image: none;
}

.btn-default {
    background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
    background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    text-shadow: 0 1px 0 #fff;
    border-color: #ccc;
}

    .btn-default:hover,
    .btn-default:focus {
        background-color: #e0e0e0;
        background-position: 0 -15px;
    }

    .btn-default:active,
    .btn-default.active {
        background-color: #e0e0e0;
        border-color: #dbdbdb;
    }

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: #e0e0e0;
        background-image: none;
    }

.btn-primary {
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
    background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #245580;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #265a88;
        background-position: 0 -15px;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #265a88;
        border-color: #245580;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #265a88;
        background-image: none;
    }



.btn-dark {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom, #050505 5%, #393d3d 100%);
    background-color: #050505;
    border-radius: 5px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    padding: 9px 20px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #404746;
}

    .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark {
        background: linear-gradient(to bottom, #393d3d 5%, #050505 100%);
        background-color: #393d3d;
        color: #FBB110;
    }

.btn-Green {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom,#007a3d 5%, #393d3d 100%);
    background-color: #007a3d;
    border-radius: 5px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    padding: 9px 20px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #404746;
}

    .btn-Green:hover, .btn-Green:focus, .btn-Green:active, .btn-Green.active, .open .dropdown-toggle.btn-Green {
        background: linear-gradient(to bottom, #393d3d 5%, #007a3d 100%);
        background-color: #007a3d;
        color: #fff;
    }


.btn-Green-Medium {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom, #007a3d 5%, #393d3d 100%);
    background-color: #007a3d;
    border-radius: 5px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: Arial;
    font-size: 9.5px;
    font-weight: bold;
    padding: 6px 6px;
    width: 70px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #404746;
}

    .btn-Green-Medium:hover, .btn-Green-Medium:focus, .btn-Green-Medium:active, .btn-Green-Medium.active, .open .dropdown-toggle.btn-Green-Medium {
        background: linear-gradient(to bottom, #393d3d 5%, #007a3d 100%);
        background-color: #007a3d;
        color: #fff;
    }

.btn-Orange {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom, #050505 5%, #393d3d 100%);
    background-color: #050505;
    border-radius: 5px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    padding: 9px 20px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #404746;
}

    .btn-Orange:hover, .btn-Orange:focus, .btn-Orange:active, .btn-Orange.active, .open .dropdown-toggle.btn-Orange {
        background: linear-gradient(to bottom, #393d3d 5%, #050505 100%);
        background-color: #393d3d;
        color: #FBB110;
    }

.btn-Red {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom, #050505 5%, #393d3d 100%);
    background-color: #050505;
    border-radius: 5px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    padding: 9px 20px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #404746;
}

    .btn-Red:hover, .btn-Red:focus, .btn-Red:active, .btn-Red.active, .open .dropdown-toggle.btn-Red {
        background: linear-gradient(to bottom, #393d3d 5%, #050505 100%);
        background-color: #393d3d;
        color: #FBB110;
    }

.btn-Blue {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom, #050505 5%, #393d3d 100%);
    background-color: #050505;
    border-radius: 5px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #001dff;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    padding: 9px 20px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #404746;
}

    .btn-Blue:hover, .btn-Blue:focus, .btn-Blue:active, .btn-Blue.active, .open .dropdown-toggle.btn-Blue {
        background: linear-gradient(to bottom, #393d3d 5%, #050505 100%);
        background-color: #393d3d;
        color: #FBB110;
    }


.btnsummary-dark {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom, #050505 5%, #393d3d 100%);
    background-color: #050505;
    border-radius: 2px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #777;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    width: 40px;
    height: 44px;
    padding: 15px 32px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #404746;
}

    .btnsummary-dark:hover, .btnsummary-dark:focus, .btnsummary-dark:active, .btnsummary-dark.active, .open .dropdown-toggle.btnsummary-dark {
        background: linear-gradient(to bottom, #393d3d 5%, #050505 100%);
        background-color: #393d3d;
        color: #FBB110;
    }


.btn-Calcdark {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom, #050505 5%, #393d3d 100%);
    background-color: #050505;
    border-radius: 2px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #777;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    width: 40px;
    height: 44px;
    padding: 15px 32px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #404746;
}

    .btn-Calcdark:hover, .btn-Calcdark:focus, .btn-Calcdark:active, .btn-Calcdark.active, .open .dropdown-toggle.btn-Calcdark {
        background: linear-gradient(to bottom, #393d3d 5%, #050505 100%);
        background-color: #393d3d;
        color: #FBB110;
    }

.btn-CalcGreen {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom, #050505 5%, #393d3d 100%);
    background-color: #050505;
    border-radius: 2px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #1efa0d;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    width: 40px;
    height: 44px;
    padding: 15px 32px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #404746;
}

    .btn-CalcGreen:hover, .btn-CalcGreen:focus, .btn-CalcGreen:active, .btn-CalcGreen.active, .open .dropdown-toggle.btn-CalcGreen {
        background: linear-gradient(to bottom, #393d3d 5%, #050505 100%);
        background-color: #393d3d;
        color: #FBB110;
    }

.btn-CalcRed {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom, #050505 5%, #393d3d 100%);
    background-color: #050505;
    border-radius: 2px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #f82e00;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    width: 40px;
    height: 44px;
    padding: 15px 32px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #404746;
}

    .btn-CalcRed:hover, .btn-CalcRed:focus, .btn-CalcRed:active, .btn-CalcRed.active, .open .dropdown-toggle.btn-CalcRed {
        background: linear-gradient(to bottom, #393d3d 5%, #050505 100%);
        background-color: #393d3d;
        color: #FBB110;
    }

.btn-CalcOrange {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom, #050505 5%, #393d3d 100%);
    background-color: #050505;
    border-radius: 2px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    width: 40px;
    height: 44px;
    padding: 15px 32px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #404746;
}

    .btn-CalcOrange:hover, .btn-CalcOrange:focus, .btn-CalcOrange:active, .btn-CalcOrange.active, .open .dropdown-toggle.btn-CalcOrange {
        background: linear-gradient(to bottom, #393d3d 5%, #050505 100%);
        background-color: #393d3d;
        color: #FBB110;
    }

.btn-CalcWhite {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom, #050505 5%, #393d3d 100%);
    background-color: #050505;
    border-radius: 2px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    width: 40px;
    height: 44px;
    padding: 15px 32px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #404746;
}

    .btn-CalcWhite:hover, .btn-CalcWhite:focus, .btn-CalcWhite:active, .btn-CalcWhite.active, .open .dropdown-toggle.btn-CalcWhite {
        background: linear-gradient(to bottom, #393d3d 5%, #050505 100%);
        background-color: #393d3d;
        color: #FBB110;
    }

.btn-Print {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom, #050505 5%, #393d3d 100%);
    /*background: url('../Images/Acknoledged.png');*/
    content: "Print";
    background-color: #050505;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #f82e00;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 5px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #FBB110;
}

    .btn-Print:hover, .btn-Print:focus, .btn-Print:active, btn-Print.active, .open .dropdown-toggle.btn-Print {
        background: linear-gradient(to bottom, #393d3d 5%, #050505 100%);
        color: #f82e00;
        width: 100%;
        font-size: 12px;
    }

.btn-Copy {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom, #050505 5%, #393d3d 100%);
    /*background: url('../Images/download.png');*/
    content: "Copy";
    background-color: #050505;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #edf706;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 5px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #FBB110;
}

    .btn-Copy:hover, .btn-Copy:focus, .btn-Copy:active, btn-Copy.active, .open .dropdown-toggle.btn-Copy {
        background: linear-gradient(to bottom, #393d3d 5%, #050505 100%);
        color: #edf706;
        width: 100%;
        font-size: 12px;
    }

.btn-View {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom, #050505 5%, #393d3d 100%);
    /*background: url('../Images/viewDocument.png');*/
    content: "View";
    background-color: #050505;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #1efa0d;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 5px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #FBB110;
}

    .btn-View:hover, .btn-View:focus, .btn-View:active, btn-View.active, .open .dropdown-toggle.btn-View {
        background: linear-gradient(to bottom, #393d3d 5%, #050505 100%);
        color: #1efa0d;
        width: 100%;
        font-size: 12px;
    }


.btn-success {
    background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
    background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
    background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
}

    .btn-success:hover,
    .btn-success:focus {
        background-color: #419641;
        background-position: 0 -15px;
    }

    .btn-success:active,
    .btn-success.active {
        background-color: #419641;
        border-color: #3e8f3e;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: #419641;
        background-image: none;
    }

.btn-info {
    box-shadow: inset 0px 1px 3px 0px #3b4241;
    background: linear-gradient(to bottom, #050505 5%, #393d3d 100%);
    background-color: #050505;
    border-radius: 5px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: #f82e00;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    padding: 9px 20px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #404746;
}

    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
        background: linear-gradient(to bottom, #393d3d 5%, #050505 100%);
        background-color: #393d3d;
        color: #FBB110;
    }

.btn-warning {
    background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
    background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
    background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #e38d13;
}

    .btn-warning:hover,
    .btn-warning:focus {
        background-color: #eb9316;
        background-position: 0 -15px;
    }

    .btn-warning:active,
    .btn-warning.active {
        background-color: #eb9316;
        border-color: #e38d13;
    }

    .btn-warning.disabled,
    .btn-warning[disabled],
    fieldset[disabled] .btn-warning,
    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus,
    .btn-warning.disabled:active,
    .btn-warning[disabled]:active,
    fieldset[disabled] .btn-warning:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning.active {
        background-color: #eb9316;
        background-image: none;
    }

.btn-danger {
    background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #b92c28;
}

    .btn-danger:hover,
    .btn-danger:focus {
        background-color: #c12e2a;
        background-position: 0 -15px;
    }

    .btn-danger:active,
    .btn-danger.active {
        background-color: #c12e2a;
        border-color: #b92c28;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active {
        background-color: #c12e2a;
        background-image: none;
    }

   /* ////////////////Grid/////////////////*/
.mydatagrid {
    width: 100%;
    border: solid 1px Black !important;
    min-width: 50%;
}


.header {
    background: #646464;
    font-family: Arial;
    color: #fff;
    border: solid 1px Black !important;
    height: 25px;
    text-align: left;
    font-size: 12px;
}

.rows {
    background-color: #fff;
    font-family: Arial;
    font-size: 12px;
    /* //a minimum value, a preferred value and a maximum value ;*/
    color: #000;
    min-height: 25px;
    text-align: left !important;
    border: solid 1px Black !important;
}

/*// Small devices (landscape phones, 576px and up)*/
@media only screen and (max-width: 600px) {

    .header {
        background: #646464;
        font-family: Arial;
        color: #fff;
        border: solid 1px Black !important;
        height: 25px;
        text-align: left;
        font-size: 9.5px;
    }

    .rows {
        background-color: #fff;
        font-family: Arial;
        font-size: 9.5px;
        color: #000;
        min-height: 25px;
        text-align: left !important;
        border: solid 1px Black !important;
    }
}




.rows:hover {
    background-color: #b2ffb2;
    font-family: Arial;
    color: #000;
    text-align: left;
}

.selectedrow {
    background-color: #7fff7f;
    font-family: Arial;
    color: #fff;
    font-weight: bold;
    text-align: left;
}

.mydatagrid a /** FOR THE PAGING ICONS **/ {
    background-color: Transparent;
    padding: 5px 5px 5px 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

    .mydatagrid a:hover /** FOR THE PAGING ICONS HOVER STYLES**/ {
        background-color: #000;
        color: #fff;
    }

.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/ {
    background-color: #c9c9c9;
    color: #000;
    padding: 5px 5px 5px 5px;
}

.pager {
    background-color: #646464;
    font-family: Arial;
    color: White;
    height: 30px;
    text-align: left;
}

.mydatagrid td {
    padding: 5px;
}

.mydatagrid th {
    padding: 5px;
}
/*/////////////////Tabs//////////////*/
.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  background-repeat: repeat-x;
  border-color: #b2dba1;
}
.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #9acfea;
}
.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #f5e79e;
}
.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dca7a7;
}
.progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
  background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #286090;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
  background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
  background-repeat: repeat-x;
  border-color: #2b669a;
}
.list-group-item.active .badge,
.list-group-item.active:hover .badge,
.list-group-item.active:focus .badge {
  text-shadow: none;
}
/*////////////////////TabPannel////////////*/
.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.panel-default > .panel-heading {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}

.panel-primary > .panel-heading {
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
}

.panel-success > .panel-heading {
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
    background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
    background-repeat: repeat-x;
}

.panel-info > .panel-heading {
    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
    background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
    background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
    background-repeat: repeat-x;
}

.panel-warning > .panel-heading {
    background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
    background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
    background-repeat: repeat-x;
}

.panel-danger > .panel-heading {
    background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
    background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
    background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
    background-repeat: repeat-x;
}

.well {
    background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
    background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}


.panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0 5px;
    background-color: #000000;
}

.panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
    background-color: #000000;
}

.panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px;
    background-color: #000000;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
    color: #777;
    background-color: #373737;
    border-right-color: #FBB110;
}

    .with-nav-tabs.panel-warning .nav-tabs > .open > a,
    .with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
        color: #000000;
        background-color: #FBB110;
        border-right-color: #FBB110;
    }

.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
    color: #000;
    background-color: #E17922;
    border-color: #faebcc;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #8a6d3b;
    }

        .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #faebcc;
        }

    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #8a6d3b;
    }
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
    color: #a94442;
}

    .with-nav-tabs.panel-danger .nav-tabs > .open > a,
    .with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
        color: #a94442;
        background-color: #ebccd1;
        border-color: transparent;
    }

.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
    color: #a94442;
    background-color: #fff;
    border-color: #ebccd1;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}

    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #a94442; /* normal text color */
    }

        .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #ebccd1; /* hover bg color */
        }

    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        color: #fff; /* active text color */
        background-color: #a94442; /* active bg color */
    }

  /*  //////////text with lines/////////////*/
.notes {
    background-image: -webkit-linear-gradient(left, white 10px, transparent 10px), -webkit-linear-gradient(right, white 10px, transparent 10px), -webkit-linear-gradient(transparent 20px, #ccc 20px, #ccc 21px, white 21px);
    background-image: -moz-linear-gradient(left, white 10px, transparent 10px), -moz-linear-gradient(right, white 10px, transparent 10px), -moz-linear-gradient(transparent 20px, #ccc 20px, #ccc 21px, white 21px);
    background-image: -ms-linear-gradient(left, white 10px, transparent 10px), -ms-linear-gradient(right, white 10px, transparent 10px), -ms-linear-gradient(transparent 20px, #ccc 20px, #ccc 21px, white 21px);
    background-image: -o-linear-gradient(left, white 10px, transparent 10px), -o-linear-gradient(right, white 10px, transparent 10px), -o-linear-gradient(transparent 20px, #ccc 20px, #ccc 21px, white 21px);
    background-image: linear-gradient(left, white 10px, transparent 10px), linear-gradient(right, white 10px, transparent 10px), linear-gradient(transparent 20px, #ccc 20px, #ccc 21px, white 21px);
    background-size: 100% 100%, 100% 100%, 100% 21px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    line-height: 21px;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: small;
    padding: 4px;
    width: 800px;
}

    .notes:focus {
        outline: none;
    }

/*//////////////////Modal_Popup///////////////////////*/
.modal.left .modal-dialog,
.modal.centre .modal-dialog,
.modal.centreLX .modal-dialog,
.modal.centreMD .modal-dialog,
.modal.rightLX .modal-dialog,
.modal.rightXX .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 200px;
    height: 100%;
    z-index: 10000000 !important;
    show-close: false;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.centre .modal-content,
.modal.centreLX .modal-content,
.modal.centreMD .modal-content,
.modal.rightLX .modal-content,
.modal.rightXX .modal-content,
.modal.right .modal-content {
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.centre .modal-body,
.modal.centreLX .modal-body,
.modal.centreMD .modal-body,
.modal.rightLX .modal-body,
.modal.rightXX .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 8px;
    overflow-y: auto;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}
/*centre*/
.modal.centre.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
    width: 400px;
}

.modal.centre.fade.in .modal-dialog {
    left: 0;
}

.modal.centreLX.fade .modal-dialog {
    right: -20px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
    width: 97vw;
}

.modal.centreLX.fade.in .modal-dialog {
    left: 0;
}

.modal.centreMD.fade .modal-dialog {
    right: -20px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
    width: 70vw;
}

.modal.centreMD.fade.in .modal-dialog {
    left: 0;
}


/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
    width: 380px;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

/*RightLX*/
.modal.rightLX.fade .modal-dialog {
    right: -300px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
    width: 460px;
}

.modal.rightLX.fade.in .modal-dialog {
    right: 0;
}

/*RightXX*/
.modal.rightXX.fade .modal-dialog {
    right: -300px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
    width: 600px;
}

.modal.rightXX.fade.in .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
    /*height: 80%;*/
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
    padding: 16px 16px;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.responsive {
    position: relative;
    padding-bottom: 56.2%;
    height: 0;
    margin: 10px 0;
    overflow: hidden;
}

    .responsive embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
  /*  ///////////////Radios////////////*/
.radio {
    width: fit-content;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-family: poppins;
    font-weight: 600;
}

.radio-input {
    display: none;
}

.radio-input-circle {
    border: .15rem solid #C1C4DA;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
    transition: .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.radio-input:checked ~ .radio-input-circle {
    border: .35rem solid #ff4800;
}

label + label {
    margin-top: 1rem;
}

/*/////////////////Timer///////////////////////*/
.timeContainer {
    padding: 20px;
}

/*////////////Accordion//////////////////*/
#accordion .panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
    /* margin: 0 30px 10px 30px;*/
    overflow: hidden;
    position: relative;
}

#accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 0;
    position: relative;
}

#accordion .panel-title a {
    display: block;
    padding: 15px 20px;
    margin: 0;
    background-image: url('../../assets/img/Hexa.jpg');
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
    color: #000;
    border-radius: 0;
    position: relative;
    text-decoration: none;
}

    #accordion .panel-title a.collapsed {
        background-image: url('../../assets/img/Hexa.jpg');
        color: #000;
        text-decoration: none;
    }

        #accordion .panel-title a:before,
        #accordion .panel-title a.collapsed:before {
            content: "";
            font-family: fontawesome;
            width: 30px;
            height: 30px;
            line-height: 25px;
            border-radius: 50%;
            background-image: url('../../assets/img/Hexa.jpg');
            font-size: 14px;
            font-weight: normal;
            color: #0ec8a2;
            text-align: center;
            border: 3px solid #fff;
            position: absolute;
            top: 10px;
            right: 14px;
            text-decoration: none;
        }

        #accordion .panel-title a.collapsed:before {
            content: "";
            background: #ababab;
            border: 4px solid #626262;
            text-decoration: none;
        }

        #accordion .panel-title a:after,
        #accordion .panel-title a.collapsed:after {
            content: "";
            width: 17px;
            height: 7px;
            background: #fff;
            position: absolute;
            top: 22px;
            right: 0;
            color: #fff;
            text-decoration: none;
        }

        #accordion .panel-title a.collapsed:after {
            width: 19px;
            background: #ababab;
         
        }

#accordion .panel-body {
    border-left: 3px solid #EC971F;
    border-top: none;
    background: #fff;
    /*font-size: 15px;*/
    color: #343434;
    line-height: 27px;
    position: relative;
}

    #accordion .panel-body:before {
        content: "";
        height: 3px;
        width: 98%;
        background: #EC971F;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    #accordion .panel-body p {
        padding: 10px;
    }


  /*  ///////////Treeview//////////////*/
.treeNode {
    transition: all .3s;
    padding: 12px 5px;
    text-align: center;
    /*width: 100%;*/
    margin: 0;
    /* min-width: 250px !important;*/
    /*   border: 2px solid orange;*/
    text-decoration: none !important;
    color: black;
    /*color:blue;*/
    font: 8px sans-serif, sans-serif;
}

.rootNode {
    font-size: 10px;
    /*width:100%;*/
    border-bottom: Solid 1px black;
    color: #FBB110;
}

.leafNode {
    border: Dotted 2px black;
    padding: 10px;
    background-color: orange;
    font-weight: bold;
}

.selectNode {
    background-color: orange;
    border: Dotted 2px black;
    font-weight: bold;
    color: #000;
}


/*////////////////Vertical button////////////*/
.buttonV {

    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);

}

/*/////////////Hex menu////////////////*/
.hexagon-item {
    cursor: pointer;
    width: 200px;
    height: 173.20508px;
    float: left;
    margin-left: -29px;
    z-index: 0;
    position: relative;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}

    .hexagon-item:first-child {
        margin-left: 0;
    }

    .hexagon-item:hover {
        z-index: 1;
    }

        .hexagon-item:hover .hex-item:last-child {
            opacity: 1;
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2);
        }

        .hexagon-item:hover .hex-item:first-child {
            opacity: 1;
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }

            .hexagon-item:hover .hex-item:first-child div:before,
            .hexagon-item:hover .hex-item:first-child div:after {
                height: 5px;
            }

        .hexagon-item:hover .hex-item div::before,
        .hexagon-item:hover .hex-item div::after {
            background-color: #E17328;
        }

        .hexagon-item:hover .hex-content svg {
            -webkit-transform: scale(0.97);
            -moz-transform: scale(0.97);
            -ms-transform: scale(0.97);
            -o-transform: scale(0.97);
            transform: scale(0.97);
        }

.page-home .hexagon-item:nth-last-child(1),
.page-home .hexagon-item:nth-last-child(2),
.page-home .hexagon-item:nth-last-child(3) {
    -webkit-transform: rotate(30deg) translate(87px, -80px);
    -moz-transform: rotate(30deg) translate(87px, -80px);
    -ms-transform: rotate(30deg) translate(87px, -80px);
    -o-transform: rotate(30deg) translate(87px, -80px);
    transform: rotate(30deg) translate(87px, -80px);
}

.hex-item {
    position: absolute;
    top: 0;
    left: 50px;
    width: 50px;
    height: 173.20508px;
}

    .hex-item:first-child {
        z-index: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .hex-item:last-child {
        transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
        z-index: 1;
    }

    .hex-item div {
        box-sizing: border-box;
        position: absolute;
        top: 0;
        width: 100px;
        height: 173.20508px;
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
    }

        .hex-item div::before, .hex-item div::after {
            background-color: #1e2530;
            content: "";
            position: absolute;
            width: 100%;
            height: 3px;
            -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        }

        .hex-item div:before {
            top: 0;
        }

        .hex-item div:after {
            bottom: 0;
        }

        .hex-item div:nth-child(1) {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        .hex-item div:nth-child(2) {
            -webkit-transform: rotate(60deg);
            -moz-transform: rotate(60deg);
            -ms-transform: rotate(60deg);
            -o-transform: rotate(60deg);
            transform: rotate(60deg);
        }

        .hex-item div:nth-child(3) {
            -webkit-transform: rotate(120deg);
            -moz-transform: rotate(120deg);
            -ms-transform: rotate(120deg);
            -o-transform: rotate(120deg);
            transform: rotate(120deg);
        }

.hex-content {
    color: #fff;
    display: block;
    height: 180px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    transform: rotate(-30deg);
    width: 156px;
}

    .hex-content .hex-content-inner {
        left: 50%;
        margin: -3px 0 0 2px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .hex-content .icon {
        display: block;
        font-size: 36px;
        line-height: 30px;
        margin-bottom: 11px;
    }

    .hex-content .title {
        display: block;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 24px;
        text-transform: uppercase;
    }

    .hex-content svg {
        left: -7px;
        position: absolute;
        top: -13px;
        transform: scale(0.87);
        z-index: -1;
        -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }

    .hex-content:hover {
        color: #fff;
    }

.page-home .hexagon-item:nth-last-child(1), .page-home .hexagon-item:nth-last-child(2), .page-home .hexagon-item:nth-last-child(3) {
    -webkit-transform: rotate(30deg) translate(87px, -80px);
    -moz-transform: rotate(30deg) translate(87px, -80px);
    -ms-transform: rotate(30deg) translate(87px, -80px);
    -o-transform: rotate(30deg) translate(87px, -80px);
    transform: rotate(30deg) translate(87px, -80px);
}
        /*------------------------------------------------
    Welcome Page
-------------------------------------------------*/
        .author-image-large {
            position: absolute;
            right: 0;
            top: 0;
        }

            .author-image-large img {
                height: -webkit-calc(100vh - 4px);
                height: -moz-calc(100vh - 4px);
                height: calc(100vh - 4px);
            }


        @media (min-width: 1200px) {
            .col-lg-offset-2 {
                margin-left: 16.66666667%;
            }
        }

        @media (min-width: 1200px) {
            .col-lg-8 {
                width: 66.66666667%;
            }
        }

        .hexagon-item:first-child {
            margin-left: 0;
        }

        .pt-table.desktop-768 .pt-tablecell {
            padding-bottom: 55px;
            padding-top: 30px;
        }



        .hexagon-item:hover .icon i {
            color: #E17328;
            transition: 0.6s;
        }


        .hexagon-item:hover .title {
            -webkit-animation: focus-in-contract 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: focus-in-contract 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        }
        /***************************/

        @-webkit-keyframes focus-in-contract {
            0% {
                letter-spacing: 1em;
                -webkit-filter: blur(12px);
                filter: blur(12px);
                opacity: 0;
            }

            100% {
                -webkit-filter: blur(0px);
                filter: blur(0px);
                opacity: 1;
            }
        }

        @keyframes focus-in-contract {
            0% {
                letter-spacing: 1em;
                -webkit-filter: blur(12px);
                filter: blur(12px);
                opacity: 0;
            }

            100% {
                -webkit-filter: blur(0px);
                filter: blur(0px);
                opacity: 1;
            }
        }

        @media only screen and (max-width: 467px) {
            .hexagon-item {
                float: none;
                margin: 0 auto 50px;
            }

                .hexagon-item:first-child {
                    margin-left: auto;
                }

            .page-home .hexagon-item:nth-last-child(1), .page-home .hexagon-item:nth-last-child(2), .page-home .hexagon-item:nth-last-child(3) {
                -webkit-transform: rotate(30deg) translate(0px, 0px);
                -moz-transform: rotate(30deg) translate(0px, 0px);
                -ms-transform: rotate(30deg) translate(0px, 0px);
                -o-transform: rotate(30deg) translate(0px, 0px);
                transform: rotate(30deg) translate(0px, 0px);
            }
        }

/*/////////File Upload/////*/


input[type=file], input[type=file] + input {
    display: inline-block;
    background-color: #fff;
    border: 1px solid gray;
    font-size: 15px;
    padding: 4px;
}

    input[type=file] + input {
        box-shadow: inset 0px 1px 3px 0px #3b4241;
        background: linear-gradient(to bottom, #050505 5%, #393d3d 100%);
        background-color: #050505;
        border-radius: 5px;
        border: 1px solid #000000;
        display: inline-block;
        cursor: pointer;
        color: #fff;
        font-family: Arial;
        font-size: 10px;
        font-weight: bold;
        padding: 9px 20px;
        text-decoration: none;
        text-shadow: 0px -1px 0px #404746;
    }

.input[type=file] + input:hover, .input[type=file] + input:focus, .input[type=file] + input:active, .input[type=file] + input.active, .open .dropdown-toggle.input[type=file] + input {
    background: linear-gradient(to bottom, #393d3d 5%, #050505 100%);
    background-color: #393d3d;
    color: #FBB110;
}

::-webkit-file-upload-button {
    -webkit-appearance: none;
    background-color: #000;
    border: 1px solid gray;
    font-size: 15px;
    padding: 8px;
    color: #fff;
}

::-ms-browse {
    background-color: #00b7cd;
    border: 1px solid gray;
    font-size: 15px;
    padding: 8px;
}

input[type=file]::-ms-value {
    border: none;
}