/**Classic Tabs Wrap**/
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #333;
    background-color: #c4cbd2;
    font-size: medium;
    text-shadow: 2px 7px 20px black;
}
.modal-login {
		color: #636363;
		width: 350px;
		margin: 30px auto;
	}
	.modal-login .modal-content {
		padding: 20px;
		border-radius: 5px;
		border: none;
	}
	.modal-login .modal-header {
		border-bottom: none;
		position: relative;
		justify-content: center;
	}
	.modal-login h4 {
		text-align: center;
		font-size: 26px;
	}
	.modal-login  .form-group {
		position: relative;
	}
	.modal-login i {
		position: absolute;
		left: 13px;
		top: 11px;
		font-size: 18px;
	}
	.modal-login .form-control {
		padding-left: 40px;
	}
	.modal-login .form-control:focus {
		border-color: #00ce81;
	}
	.modal-login .form-control, .modal-login .btn {
		min-height: 40px;
		border-radius: 3px; 
	}
	.modal-login .hint-text {
		text-align: center;
		padding-top: 10px;
	}
	.modal-login .close {
        position: absolute;
		top: -5px;
		right: -5px;
	}
	.modal-login .btn {
		background: #00ce81;
		border: none;
		line-height: normal;
	}
	.modal-login .btn:hover, .modal-login .btn:focus {
		background: #00bf78;
	}
	.modal-login .modal-footer {
		background: #ecf0f1;
		border-color: #dee4e7;
		text-align: center;
		margin: 0 -20px -20px;
		border-radius: 5px;
		font-size: 13px;
		justify-content: center;
	}
	.modal-login .modal-footer a {
		color: #999;
	}
	.trigger-btn {
		display: inline-block;
		margin: 100px auto;
	}
a {
    color: #2c3033;
    text-decoration: none;
}
        .classic-tab-wrap .tab-wrap {
            padding: 20px;
            background: #f5f5f5;
        }
        .ijo{
            color: #35a735;
        }
        .abang{
            color: #bd0033;
        }
        .proses{
            padding-left: 1px;
        }
        #counter {
           color: #286090;
        }        
        #contlimit {
           color: #286090;
        }
        .copied{
            padding: 5px;
            
        }
        .s_con {
            margin-top: 1px;
            margin-bottom: 1px;
        }
        .classic-tab-wrap .tab-wrap .nav-tabs li {
            margin: 0;
        }

        .classic-tab-wrap .tab-wrap .nav-tabs li a {
            font-weight: 500;
            font-size: 18px;
            color: #8a8a8a;
            border: none;
            border-bottom: 2px solid transparent;
            padding-left: 35px;
            padding-right: 35px;
        }

        .classic-tab-wrap .tab-wrap .nav-tabs li a.active {
            color: #495057;
            background: transparent;
            border-color: #495ab7;
        }

        .classic-tab-wrap .tab-wrap .nav-tabs li a i {
            margin-right: 6px;
        }

        .classic-tab-wrap .tab-wrap .tab-pane {
            padding: 20px;
        }

        .viewBtn {
            padding-left: 20px;
            padding-right: 20px;
            outline: none !important;
            box-shadow: none !important;
        }

        /**Floating**/

        .floating .tab-wrap .nav-tabs {
            padding: 18px;
            border: none;
            background: #5e8acf;
            border-radius: 7px;
        }

        .floating .tab-wrap .nav-tabs .nav-item {
            margin: 0;
            width: 33.33%;
            text-align: center;
        }

        .floating .tab-wrap .nav-tabs .nav-item a {
            color: #fff;
            font-weight: 400;
            font-size: 18px;
            border: none;
            padding-left: 35px;
            padding-right: 35px;
            opacity: 1;
        }

        .floating .tab-wrap .nav-tabs .nav-item a.active {
            background: #324295;
            border-radius: 5px;
            box-shadow: 0 0 10px #32429591;
        }

        .floating .tab-wrap .nav-tabs .nav-item a i {
            margin: 0 5px 0 0;
        }

        /*Floating H*/

        .floatingH-tab-wrap .tab-content {
            padding: 70px 20px 30px 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin-top: -40px;
        }

        .floatingH-tab-wrap .tab-head {
            padding: 0 20px;
            position: relative;
            z-index: 1;
        }

        /**Pills Tabs - Horizontal**/

        .pillsH-tab-wrap .tab-head {
            padding: 10px;
        }

        .pillsH-tab-wrap .tab-head .nav-tabs {
            border: none;
        }

        .pillsH-tab-wrap .tab-head .nav-tabs .nav-item {
            margin: 0;
            width: 33.33%;
            text-align: center;
        }

        .pillsH-tab-wrap .tab-head .nav-tabs .nav-item a {
            color: #666666;
            font-weight: 400;
            font-size: 18px;
            border: none;
            padding-left: 35px;
            padding-right: 35px;
            opacity: 1;
            border-radius: 5px;
        }

        .pillsH-tab-wrap .tab-head .nav-tabs .nav-item a.active {
            background: #2bbbad;
            color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        }

        .pillsH-tab-wrap .tab-head .nav-tabs .nav-item a i {
            margin-right: 5px;
        }

        .pillsH-tab-wrap .tab-content {
            padding: 30px 20px 30px 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        /**Pills Tabs - Horizontal Ends**/

        /**Floating Tabs - Vertical **/

        .floatingV-tab-wrap .nav {
            padding: 18px;
            border: none;
            background: #4051b6;
            border-radius: 7px;
        }

        .floatingV-tab-wrap .nav .nav-link.active {
            background: #324295;
            box-shadow: 0 0 10px #32429591;
        }

        .floatingV-tab-wrap .nav .nav-link {
            color: #fff;
            font-weight: 400;
            font-size: 18px;
            border: none;
            text-align: center;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .floatingV-tab-wrap .tab-content {
            padding: 30px 20px 30px 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        /**Floating Tabs - Vertical Ends **/

        /**Pills Tabs - Vertical Section**/
        .pillsV-tab-wrap .tab-content {
            padding: 30px 20px 30px 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        .pillsV-tab-wrap .nav {
            padding: 18px;
            border: none;
        }

        .pillsV-tab-wrap .nav .nav-link {
            margin: 0 0 10px 0;
            font-weight: 400;
            font-size: 18px;
            border: none;
            text-align: center;
            padding-top: 10px;
            padding-bottom: 10px;
            color: #666666;
        }

        .pillsV-tab-wrap .nav .nav-link:hover {
            background: #e2e2e2;
        }

        .pillsV-tab-wrap .nav .nav-link.active {
            background: #2bbbad;
            color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        }

        /**Pills Tabs - Vertical Section Ends**/

        .color span {
            font-weight: 550;
            display: inline-block;
            border-radius: 23px;
            margin: .5rem 0;
            cursor: help;
            transition: transform .2s ease-out;
            color: #675520;
            text-decoration: blink;
            padding: 15px 0px 50px 50px;
            text-align: center;
        }